:root{color-scheme:light;--bg: #eef2f5;--panel: #ffffff;--text: #172033;--muted: #667085;--line: #dfe6ee;--green: #00c783;--green-dark: #05a06e;--blue: #2f6fff;--ink: #0f172a;--soft: #f6f8fb;--shadow: 0 18px 45px rgba(23, 35, 60, .12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth;overflow:hidden}body{margin:0;min-width:320px;height:100%;background:var(--bg);color:var(--text);overflow:hidden}#root,.app{height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;background:#fffffff5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-inner{width:min(1280px,calc(100% - 32px));height:72px;margin:0 auto;display:grid;grid-template-columns:auto 1fr minmax(260px,380px);align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;border:0;padding:0;background:transparent;color:#25314f;font-size:22px;font-weight:900;white-space:nowrap}.brand-mark{position:relative;width:34px;height:28px}.brand-mark i,.brand-mark b{position:absolute;width:22px;height:22px;border-radius:5px;transform:skewY(-24deg)}.brand-mark i{left:0;top:3px;background:var(--green)}.brand-mark b{right:0;top:6px;background:var(--blue)}.nav-links{display:flex;gap:20px;color:#344054;font-size:14px}.nav-links button{border:0;padding:8px 0;color:inherit;background:transparent;font-weight:700}.nav-links button:hover,.nav-links button.active{color:var(--green-dark)}.nav-links button.active{border-bottom:3px solid var(--green)}.header-search{display:grid;grid-template-columns:minmax(0,1fr) 72px;overflow:hidden;border:1px solid var(--green);border-radius:999px;background:#fff}.header-search input{min-width:0;border:0;outline:none;padding:0 16px}.header-search button{border:0;color:#fff;font-weight:800;background:var(--green)}.page{width:100%;height:calc(100vh - 72px);min-height:620px;margin:0}.study-grid{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:0;align-items:stretch}.lesson-panel{min-width:0;min-height:0;display:flex;flex-direction:column;padding:18px;color:#fff;background:radial-gradient(circle at 20% 0,rgba(0,199,131,.18),transparent 30%),linear-gradient(135deg,#111827,#0f172a 52%,#111827)}.lesson-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.lesson-title h2{margin:0;font-size:24px}.lesson-title p{margin:8px 0 0;color:#b7c4d8;line-height:1.6}.lesson-title span{flex:0 0 auto;border:1px solid rgba(0,199,131,.35);border-radius:999px;padding:8px 12px;color:#9dffd8;background:#00c7831a;font-size:13px;font-weight:800}.video-shell{position:relative;flex:1;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:0;background:#020617;box-shadow:0 24px 70px #00000052;cursor:pointer}.video-shell video{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:contain;background:#020617}.video-placeholder{position:absolute;inset:0;z-index:1;display:grid;place-content:center;padding:36px;color:#fff;text-align:center;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:34px 34px}.video-placeholder span{color:#8dffd0;font-size:14px;font-weight:800}.video-placeholder strong{margin-top:8px;font-size:30px}.video-placeholder p{max-width:520px;margin:10px auto 0;color:#cbd5e1;line-height:1.7}.player-controls{position:absolute;left:0;right:0;bottom:0;z-index:4;display:grid;gap:12px;padding:22px 28px 16px;color:#cbd5e1;background:linear-gradient(180deg,#5c5c5cb8,#000000e0);font-variant-numeric:tabular-nums}.control-row,.control-left,.control-right{display:flex;align-items:center;gap:22px}.control-row{justify-content:space-between}.chat-form button,.primary-btn,.light-btn{min-height:38px;border-radius:999px;padding:0 16px;border:0;font-weight:800}.icon-control,.text-control{display:inline-flex;align-items:center;justify-content:center;border:0;color:#ffffffeb;background:transparent;transition:color .2s ease,transform .2s ease}.icon-control{width:36px;height:36px;padding:0;line-height:1}.icon-control.primary{width:42px}.icon-control svg{width:28px;height:28px;fill:currentColor}.icon-control.primary svg{width:34px;height:34px}.text-control{min-height:34px;padding:0 4px;font-size:17px;font-weight:800}.icon-control:hover,.text-control:hover{color:#fff;transform:translateY(-1px)}.time-code{color:#ffffffe0;font-size:16px;font-weight:700}.chat-form button,.primary-btn{color:#fff;background:var(--green)}.light-btn{color:#e5eefb;border:1px solid rgba(255,255,255,.16);background:#ffffff14}.range{width:100%}.player-controls .range{appearance:none;height:4px;margin:0;cursor:pointer;background:linear-gradient(90deg,#2f80ff 0%,#2f80ff var(--progress),rgba(255,255,255,.86) var(--progress),rgba(255,255,255,.86) var(--buffered),rgba(255,255,255,.42) var(--buffered),rgba(255,255,255,.42) 100%)}.player-controls .range::-webkit-slider-runnable-track{height:4px;background:transparent}.player-controls .range::-moz-range-track{height:4px;background:transparent}.player-controls .range::-webkit-slider-thumb{appearance:none;width:10px;height:10px;margin-top:-3px;border-radius:50%;background:#2f80ff}.player-controls .range::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#2f80ff}.speed-control{position:relative}.speed-menu{position:absolute;right:0;bottom:38px;display:grid;min-width:84px;overflow:hidden;border-radius:4px;background:#000000db;box-shadow:0 10px 24px #00000047}.speed-menu button{border:0;padding:8px 12px;color:#fff;background:transparent;text-align:center;font-size:13px}.speed-menu button:hover,.speed-menu button.active{background:#2f80ffdb}.ai-panel{min-height:0;display:flex;flex-direction:column;border-left:1px solid var(--line);background:linear-gradient(180deg,#fff 0,#fbfcff 46%,#f4f8ff)}.catalog-panel{min-height:0;display:flex;flex-direction:column;border-left:1px solid var(--line);background:#fff}.catalog-tabs{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid #e8eef5}.catalog-tabs button{position:relative;height:62px;border:0;color:#14203a;background:#fff;font-size:16px}.catalog-tabs button.active{color:#2878ff;font-weight:900}.catalog-tabs button.active:after{content:"";position:absolute;left:34%;right:34%;bottom:0;height:4px;border-radius:999px;background:#2878ff}.notes-panel{flex:1;min-height:0;overflow:auto;padding:18px;background:#f7faff;scrollbar-width:none}.notes-panel::-webkit-scrollbar{width:0;height:0}.note-editor{border:1px solid #dce6f2;border-radius:14px;padding:16px;background:#fff;box-shadow:0 8px 20px #17233c0f}.note-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.note-meta strong{color:#07142d;font-size:15px}.note-meta span{color:#8a94a6;font-size:12px}.note-editor textarea{width:100%;height:150px;resize:none;border:1px solid #dfe8f3;border-radius:12px;padding:12px;color:#172033;outline:none;font-size:13px;line-height:1.7}.note-editor textarea:focus{border-color:#2878ff;box-shadow:0 0 0 3px #2878ff1f}.note-actions{display:flex;align-items:center;gap:12px;margin-top:12px}.note-actions button{border:0;border-radius:999px;padding:9px 16px;color:#fff;background:#2878ff;font-weight:900}.note-actions span{color:var(--green-dark);font-size:13px}.note-list{display:grid;gap:12px;margin-top:16px}.empty-note{margin:0;border:1px dashed #cbd8e6;border-radius:14px;padding:18px;color:#667085;font-size:13px;line-height:1.7;background:#fff}.note-card{border:1px solid #e3ebf4;border-radius:14px;padding:14px;background:#fff}.note-card div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.note-card strong{color:#2878ff}.note-card span{color:#8a94a6;font-size:12px}.note-card p{margin:0;color:#344054;font-size:13px;line-height:1.75;white-space:pre-wrap}.catalog-list{flex:1;min-height:0;overflow:auto;padding:18px 0 24px;scrollbar-width:none}.catalog-list::-webkit-scrollbar{width:0;height:0}.chapter-heading{display:flex;align-items:center;gap:8px;padding:12px 26px;color:#08152f;background:#f6f8fb;font-size:16px}.chapter-heading span{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid #b8c4d2}.catalog-item{width:100%;display:block;border:0;border-bottom:1px solid #eef3f8;padding:13px 24px 13px 42px;text-align:left;color:#07142d;background:#fff}.catalog-item.active{background:#eaf4ff}.catalog-item strong{display:block;overflow:hidden;font-size:14px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.catalog-item span{display:block;margin-top:6px;color:#8a94a6;font-size:12px}.ai-head{padding:20px;color:#fff;background:linear-gradient(135deg,#00c783f0,#2f6fffe6),#06a96f}.provider-badge{display:inline-flex;width:fit-content;border-radius:999px;padding:5px 10px;color:#123154;background:#c9ffe8;font-size:12px;font-weight:900}.ai-head h2{margin:14px 0 6px;font-size:26px}.ai-head p{margin:0;color:#ffffffe0;line-height:1.6;font-size:13px}.online-dot{display:inline-flex;margin-top:12px;border-radius:999px;padding:5px 10px;color:#fff;background:#ffffff2e;font-size:12px;font-weight:900}.quick-prompts{display:flex;gap:8px;overflow-x:auto;padding:14px 16px 12px;scrollbar-width:none}.quick-prompts::-webkit-scrollbar,.chat-history::-webkit-scrollbar{width:0;height:0}.quick-prompts button{flex:0 0 auto;max-width:210px;border:1px solid #cae8dd;border-radius:999px;padding:8px 12px;color:#096c4d;background:#effff7;font-size:13px;font-weight:700}.chat-history{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:6px 16px 16px;scrollbar-width:none}.chat-message{display:flex;gap:10px;align-items:flex-start}.chat-message.user{flex-direction:row-reverse}.chat-message b{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--green),#28d19d);font-size:12px}.chat-message.user b{background:linear-gradient(135deg,#5575e8,#7c5ce8)}.chat-message p{max-width:78%;margin:0;border-radius:16px 16px 16px 4px;padding:12px 14px;color:#344054;line-height:1.7;background:#fff;box-shadow:0 8px 20px #17233c14}.chat-message.user p{border-radius:16px 16px 4px;color:#fff;background:linear-gradient(135deg,#5575e8,#2f6fff)}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px 16px 18px;border-top:1px solid var(--line);background:#ffffffd1}.chat-form input{min-width:0;height:42px;border:1px solid var(--line);border-radius:999px;padding:0 14px;outline:none;background:#fff}.chat-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px #00c7831f}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:#0f172a9e}.quiz-modal{width:min(620px,100%);border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:16px}.modal-head span{color:var(--green-dark);font-size:13px;font-weight:900}.modal-head h2{margin:6px 0 0}.modal-head button{height:34px;border:1px solid var(--line);border-radius:999px;padding:0 12px;color:var(--muted);background:#fff}.quiz-title{margin:0 0 14px;font-size:18px;line-height:1.65}.option-list{display:grid;gap:10px}.option{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fbfcfd}.option.selected{border-color:var(--green);background:#effff7}.option input{accent-color:var(--green)}.answer-box{margin-top:14px;border-radius:12px;padding:14px;line-height:1.7}.answer-box p{margin:6px 0 0}.answer-box.correct{border:1px solid #b9efd7;background:#effff7}.answer-box.wrong{border:1px solid #ffd2d2;background:#fff5f5}.modal-actions{display:flex;gap:10px;margin-top:16px}.light-btn{color:var(--green-dark);border-color:#bfeeda;background:#fff}.help-page{display:grid;grid-template-columns:244px minmax(0,1fr);gap:28px;height:calc(100vh - 72px);overflow:hidden;padding:28px;background:#edf3f8}.help-sidebar,.help-document{border:1px solid #d9e3ed;border-radius:10px;background:#fff}.help-sidebar{align-self:start;overflow:hidden}.help-sidebar h2{margin:0;border-bottom:1px solid #d9e3ed;padding:16px 18px;color:#0b1b3a;font-size:18px}.help-sidebar a,.help-sidebar button{width:calc(100% - 20px);display:block;margin:10px;border:0;border-radius:4px;padding:11px 14px;color:#0b1b3a;text-align:left;background:transparent;font-size:16px}.help-sidebar a.active{background:#eef2f6}.help-sidebar button{margin-top:18px;color:#2878ff;font-weight:900}.help-document{overflow:auto;padding:34px 46px 56px;scrollbar-width:none}.help-document::-webkit-scrollbar{width:0;height:0}.help-document h1{margin:0 0 42px;color:#020b24;text-align:center;font-size:34px;line-height:1.2}.help-document section{margin-bottom:36px}.help-document h2{margin:0 0 18px;color:#061530;font-size:26px}.help-document p,.help-document li{color:var(--muted);line-height:1.8;font-size:17px}.help-document p{margin:0 0 18px}.help-document ol{margin:0;padding-left:20px}@media(max-width:1080px){.header-inner{grid-template-columns:1fr;height:auto;padding:14px 0}.nav-links{flex-wrap:wrap}.page{height:calc(100vh - 134px);min-height:0}.study-grid{height:100%;grid-template-columns:1fr}.lesson-panel{min-height:calc(100vh - 134px)}.ai-panel{min-height:0;border-left:0;border-top:1px solid var(--line)}}@media(max-width:760px){.header-inner{width:min(100% - 20px,1280px)}.brand{font-size:18px}.header-search{grid-template-columns:1fr 64px}.lesson-panel{padding:12px}.lesson-title{align-items:flex-start;flex-direction:column}.player-controls{grid-template-columns:1fr}.control-row,.control-left,.control-right{justify-content:flex-start;flex-wrap:wrap}.player-controls{padding:20px 18px 18px}.help-page{grid-template-columns:1fr;overflow:auto}.chat-message p{max-width:82%}}