:root{color:#183b38;font-synthesis:none;--ink:#183b38;--muted:#6a8580;--line:#dce9e5;--teal:#0c7669;--teal-dark:#075b52;--mint:#e4f2ee;--orange:#e67b45;--paper:#fff;--shadow:0 10px 28px #12433e14;background:#f5f8f7;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:#f5f8f7;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:-10000px}.skip-link:focus{z-index:20;background:#fff;padding:.6rem;top:1rem;left:1rem}.app-shell{min-height:100vh;display:flex}.sidebar{color:#dcefeb;z-index:8;background:#103f3b;flex-direction:column;width:252px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;align-items:center;gap:.7rem;padding:1.55rem 1.5rem;font-size:1.15rem;font-weight:800;display:flex}.brand-dot{color:#103f3b;background:#f4b45d;border-radius:9px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.sidebar-nav{gap:.3rem;padding:1rem .85rem;display:grid}.aside-link{color:#afd0ca;border-radius:8px;align-items:center;gap:.7rem;padding:.72rem .85rem;display:flex}.aside-link:hover,.aside-link.active{color:#fff;background:#1d5b54}.nav-label{letter-spacing:.1em;text-transform:uppercase;color:#7fa9a2;padding:1.2rem .85rem .45rem;font-size:.72rem}.sidebar-bottom{margin-top:auto;padding:1rem}.sidebar-user{border-top:1px solid #ffffff21;align-items:center;gap:.7rem;padding:1rem .35rem 0;display:flex}.avatar{color:#0b6258;background:#d8eee9;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.avatar.large{width:54px;height:54px;font-size:1.25rem}.main-shell{flex:1;min-width:0;margin-left:252px}.topbar{border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;justify-content:space-between;align-items:center;height:72px;padding:0 2.2rem;display:flex;position:sticky;top:0}.topbar-left,.topbar-actions{align-items:center;gap:1rem;display:flex}.global-search{border:1px solid var(--line);background:#f8fbfa;border-radius:7px;width:min(340px,40vw);padding:.65rem .9rem}.main-content{max-width:1420px;margin:auto;padding:2.2rem clamp(1rem,3vw,3.5rem) 4rem}.page-enter{animation:.28s fade}@keyframes fade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.page-head{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.4rem;display:flex}.page-head h1{margin:.3rem 0;font-size:clamp(1.7rem,3vw,2.55rem);line-height:1.16}.eyebrow,.hero-label{letter-spacing:.11em;color:var(--teal);font-size:.72rem;font-weight:800}.lead,.muted{color:var(--muted)}.micro{font-size:.82rem}.between,.section-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-heading{margin-bottom:1rem}.section-heading h2{margin:0;font-size:1.15rem}.count{color:var(--teal);background:var(--mint);border-radius:99px;padding:.2rem .45rem;font-size:.78rem}.hero{background:#dff1ec;border-radius:10px;grid-template-columns:1.15fr .85fr;align-items:center;gap:2rem;padding:2.2rem 2.4rem;display:grid;overflow:hidden}.hero h1{color:#124943;margin:.4rem 0 1rem;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.hero-copy p{color:#53736d;max-width:560px;font-size:1.06rem}.hero-buttons{flex-wrap:wrap;gap:.7rem;margin-top:1.3rem;display:flex}.learning-art{width:100%;max-height:260px}.dashboard-columns,.two-columns{grid-template-columns:minmax(0,1fr) 330px;gap:1.25rem;display:grid}.dashboard-main,.dashboard-aside{min-width:0}.panel{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:1.25rem}.section{margin-top:1.4rem}.stat-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:1rem;position:relative;overflow:hidden}.stat-number{color:#145a51;font-size:1.65rem;font-weight:800}.stat-label{color:var(--muted);font-size:.8rem}.stat-decoration{background:#e7f5f1;border-radius:50%;width:72px;height:72px;position:absolute;bottom:-25px;right:-15px}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.course-card{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;transition:all .2s;overflow:hidden}.course-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.course-card-body{padding:1rem}.course-card h3{margin:.4rem 0;font-size:1rem}.course-subtitle{color:var(--muted);min-height:2.6em;font-size:.85rem}.course-meta,.detail-meta{color:var(--muted);flex-wrap:wrap;gap:.45rem;font-size:.78rem;display:flex}.course-cover,.cover{color:#fff;height:130px;padding:1rem;position:relative;overflow:hidden}.cover-math,.management-icon.cover-math{background:#287c76}.cover-physics,.management-icon.cover-physics{background:#3d6892}.cover-english,.management-icon.cover-english{background:#9b637c}.cover-chinese,.management-icon.cover-chinese{background:#b26e42}.cover-chemistry,.management-icon.cover-chemistry{background:#6d7e49}.cover-biology,.management-icon.cover-biology{background:#4d8a70}.cover-geography,.management-icon.cover-geography{background:#547e9d}.cover-history,.management-icon.cover-history{background:#897054}.cover-kicker{opacity:.82;font-size:.75rem}.cover-bottom{font-size:1.1rem;font-weight:800;position:absolute;bottom:.9rem;left:1rem}.btn{white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:.45rem;padding:.66rem 1rem;font-weight:700;display:inline-flex}.btn.primary{background:var(--teal);color:#fff}.btn.primary:hover{background:var(--teal-dark)}.btn.secondary{color:#17574f;background:#fff;border-color:#cfe1dc}.btn.secondary:hover{background:#eef7f4}.btn.white{color:var(--teal);background:#fff}.btn.danger{color:#fff;background:#b94b4b}.btn.compact{padding:.45rem .7rem;font-size:.82rem}.btn.full{width:100%}.text-button{color:var(--teal);background:0 0;border:0;padding:.25rem;font-weight:700}.icon-button{color:var(--teal);background:#edf6f3;border:0;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.tabs{border-bottom:1px solid var(--line);gap:.25rem;margin-bottom:1.2rem;display:flex;overflow:auto}.tabs button,.pills button{color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:.7rem .9rem}.tabs button.active{color:var(--teal);border-bottom:2px solid var(--teal);font-weight:800}.pills{background:#edf5f2;border-radius:7px;gap:.3rem;width:max-content;padding:.25rem;display:flex}.pills button{border-radius:5px}.pills button.selected{color:var(--teal);background:#fff;box-shadow:0 2px 8px #00000014}.tag,.demo-label{color:#166458;background:#dff1ec;border-radius:99px;padding:.22rem .5rem;font-size:.73rem;font-weight:700;display:inline-block}.tag.neutral{color:#607772;background:#eef2f1}.demo-label{color:#9a6420;background:#fff1d8;margin-left:.4rem}.tags{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.management-list{gap:.65rem;display:grid}.management-list article{border:1px solid var(--line);border-radius:7px;align-items:center;gap:.8rem;padding:.8rem;display:flex}.management-icon{color:#fff;background:#dbeee9;border-radius:7px;flex:0 0 50px;place-items:center;width:50px;height:50px;display:grid}.management-title{flex:1;min-width:0}.management-title h3{margin:0;font-size:.98rem}.management-title p{color:var(--muted);margin:.25rem 0;font-size:.82rem}.management-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.question-list{gap:.75rem;display:grid}.teacher-question{border-bottom:1px solid var(--line);padding-bottom:1rem}.teacher-question:last-child{border-bottom:0}.teacher-question h3{margin:.75rem 0 .35rem;font-size:1rem}.empty{text-align:center;color:var(--muted);padding:3rem 1rem}.empty-icon{color:#74a69d;width:46px;height:46px;margin:0 auto .7rem}.loading{text-align:center;color:var(--muted);padding:3rem}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{gap:.35rem;margin-bottom:1rem;display:grid}.field label{font-size:.86rem;font-weight:700}.field small,.form-intro{color:var(--muted);font-size:.78rem}.field input,.field textarea,.field select,.catalog-search,.inline-search{width:100%;color:var(--ink);background:#fbfdfc;border:1px solid #cfe1dc;border-radius:6px;outline:none;padding:.7rem .75rem}.field input:focus,.field textarea:focus,.field select:focus,.catalog-search:focus{border-color:var(--teal);box-shadow:0 0 0 3px #dff1ec}.field textarea{resize:vertical;min-height:100px}.field textarea.tall{min-height:220px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem;display:grid}.form-actions{justify-content:flex-end;gap:.6rem;margin-top:1.2rem;display:flex}.check-label{color:#315a54;align-items:flex-start;gap:.55rem;margin:.7rem 0;font-size:.9rem;display:flex}.check-label input{accent-color:var(--teal);margin-top:.25rem}.info-box{border-left:3px solid var(--teal);color:#426760;background:#eff8f5;margin:1rem 0;padding:.8rem;font-size:.85rem}.error-box{color:#8d3930;background:#fff1ef;border:1px solid #f0c6bf;border-radius:7px;padding:1rem}.modal-backdrop{z-index:30;background:#0a232173;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:9px;width:min(640px,100%);max-height:90vh;overflow:auto;box-shadow:0 24px 80px #0003}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-header h2{margin:0;font-size:1.15rem}.modal-body{padding:1.25rem}.back-link{color:var(--teal);background:0 0;border:0;padding:0 0 1rem;font-weight:700}.upload-actions{flex-wrap:wrap;align-items:center;gap:.7rem;margin:.8rem 0 1.2rem;display:flex}.upload-actions .micro{flex:1;min-width:180px}.course-detail-header{grid-template-columns:1fr 300px;gap:1.5rem;display:grid}.lesson-layout{grid-template-columns:260px minmax(0,1fr);gap:1rem;display:grid}.chapter-panel{height:max-content}.chapter-index{width:30px;height:30px;color:var(--teal);background:#e4f2ee;border-radius:50%;place-items:center;font-weight:800;display:grid}.lesson-panel{min-height:400px}.lesson-title{margin-top:0;font-size:1.65rem}.lesson-video{background:#102523;border-radius:7px;width:100%;max-height:430px}.lesson-actions{justify-content:space-between;gap:.6rem;margin-top:1.2rem;display:flex}.progress{background:#e6efed;border-radius:8px;height:6px;overflow:hidden}.progress i{background:var(--teal);border-radius:8px;height:100%;display:block}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.8rem .65rem}th{color:var(--muted);font-size:.75rem;font-weight:700}td small{color:var(--muted);margin-top:.2rem;font-size:.75rem;display:block}.answer-grid,.exam-grid{grid-template-columns:minmax(0,1fr) 280px;gap:1rem;display:grid}.answer-options{gap:.6rem;display:grid}.answer-options label{border:1px solid var(--line);border-radius:6px;gap:.6rem;padding:.75rem;display:flex}.answer-options label:has(input:checked){border-color:var(--teal);background:#edf8f5}.question-stem{font-size:1.1rem;font-weight:700}.score-circle{border:9px solid #dff1ec;border-top-color:var(--teal);border-radius:50%;place-items:center;width:132px;height:132px;margin:auto;font-size:1.55rem;font-weight:800;display:grid}.notice-list,.notes-grid,.discussion-list{gap:.7rem;display:grid}.note-card,.discussion-card{border:1px solid var(--line);background:#fff;border-radius:7px;padding:1rem}.note-icon{color:var(--orange)}.note-bottom,.answer-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:.5rem;margin-top:.8rem;font-size:.78rem;display:flex}.profile-layout{grid-template-columns:220px minmax(0,1fr);gap:1rem;display:grid}.site-footer{color:var(--muted);padding:2rem 0;font-size:.8rem}.mobile-only{display:none}@media (width<=1050px){.sidebar{width:220px}.main-shell{margin-left:220px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}.learning-art{max-width:430px;margin:auto}.dashboard-columns,.two-columns{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.sidebar{width:270px;transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:none}.sidebar-backdrop{z-index:7;background:#00000059;display:block;position:fixed;inset:0}.main-shell{margin-left:0}.topbar{height:62px;padding:0 1rem}.global-search{display:none}.mobile-only{display:grid}.main-content{padding:1.25rem .85rem 3rem}.page-head{flex-direction:column;align-items:flex-start}.hero{padding:1.4rem}.hero h1{font-size:2.1rem}.course-grid{grid-template-columns:1fr}.stat-grid{gap:.55rem}.stat-card{padding:.75rem}.stat-number{font-size:1.3rem}.panel{padding:.9rem}.form-grid,.course-detail-header,.lesson-layout,.answer-grid,.exam-grid,.profile-layout{grid-template-columns:1fr}.management-list article{flex-wrap:wrap;align-items:flex-start}.management-actions{justify-content:flex-start;width:100%;margin-left:58px}.tabs{margin-inline:-.85rem;padding-inline:.85rem}.topbar-actions .btn{padding:.45rem}.hide-mobile{display:none}.modal-body{padding:1rem}.modal-header{padding:.85rem 1rem}.lesson-title{font-size:1.3rem}.chapter-panel{order:2}.lesson-panel{order:1}.table-scroll{margin-inline:-.9rem;padding-inline:.9rem}th,td{white-space:nowrap}.hero-buttons .btn{flex:1}.start-learning{display:block}}.sidebar nav{gap:.28rem;padding:0 .85rem;display:grid}.sidebar nav a{color:#afd0ca;border-radius:8px;align-items:center;gap:.7rem;min-width:0;padding:.72rem .85rem;font-size:.91rem;display:flex}.sidebar nav a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar nav a small{color:#f5c16b;margin-left:auto;font-size:.68rem}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#1d5b54}.nav-label{padding-left:1.7rem}.sidebar-user>div{flex:1;min-width:0}.sidebar-user strong,.sidebar-user small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.breadcrumb{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.breadcrumb span{color:#b6c9c5;padding:0 .35rem}.breadcrumb b{color:var(--ink)}.global-search{align-items:center;gap:.45rem;display:flex}.global-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.global-search kbd{color:var(--muted);font-size:.7rem}.page-head>div{min-width:0}.page-head p{color:var(--muted);max-width:720px;margin:.25rem 0 0}.field>span{font-size:.86rem;font-weight:700}.modal{color:var(--ink);background:#fff;border:0;border-radius:10px;width:min(640px,100vw - 2rem);max-height:90vh;padding:0;overflow:auto;box-shadow:0 24px 80px #00000040}.modal.wide{width:min(900px,100vw - 2rem)}.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a232185}.modal>header{border-bottom:1px solid var(--line);z-index:1;background:#fff;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.modal>header h2{margin:0;font-size:1.15rem}.site-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-footer div{align-items:center;gap:.8rem;display:flex}@media (width<=760px){.sidebar{width:286px}.breadcrumb{font-size:.82rem}.page-head .btn{width:100%}.site-footer{gap:.6rem;display:grid}.site-footer div{flex-wrap:wrap;display:flex}}