.login-page{background:radial-gradient(at 15% 65%,#e5eee2 0,#0000 55%),#f8f9f6;flex-direction:column;min-height:100svh;padding:38px max(28px,50vw - 590px);display:flex}.login-brand{color:#718177;align-items:center;gap:22px;font-size:14px;display:flex}.login-brand img{width:184px}.login-brand>span{border-left:1px solid #dce2d8;padding-left:22px}.login-layout{flex:1;grid-template-columns:1fr 440px;align-items:center;gap:90px;padding:70px 0;display:grid}.login-eyebrow{letter-spacing:3px;color:#65816b;margin-bottom:26px;font-size:11px;font-weight:700}.login-story h1{letter-spacing:-2px;font-size:56px;font-weight:650;line-height:1.4}.login-story h1 span{color:#287b51}.login-story>p{color:#748076;margin-top:24px;font-size:16px;line-height:1.9}.login-subjects{gap:14px;margin-top:34px;display:flex}.login-subjects>span{background:#edf3e7;border:1px solid #d8e3d2;border-radius:14px;padding:16px 20px;font-size:23px;font-weight:700}.login-subjects>span+span{background:#f8eee3;border-color:#eddfcf}.login-subjects small{letter-spacing:1px;color:#738071;margin-top:6px;font-size:11px;font-weight:400;display:block}.login-story-note{color:#77877b;margin-top:38px;font-size:12px}.login-story-note>span{color:#42825c;margin-right:9px}.login-card{background:#fff;border:1px solid #e6ebe2;border-radius:24px;padding:38px;box-shadow:0 22px 70px #264a3410}.login-card-tag{color:#4b8056;background:#f1f7ed;border:1px solid #dce9d7;border-radius:20px;margin-bottom:18px;padding:6px 12px;font-size:11px;display:inline-block}.login-card h2{letter-spacing:-.5px;font-size:27px;font-weight:650}.login-subtitle{color:#879087;margin-top:10px;margin-bottom:30px;font-size:13px}.login-card label{margin-bottom:9px;font-size:13px;font-weight:600;display:block}.login-card input{color:#243d32;background:#fcfdfb;border:1px solid #dce3d8;border-radius:10px;width:100%;height:49px;padding:0 14px;font-size:16px;display:block}.login-card input::placeholder{color:#a0aaa0;font-size:14px}.login-card input:focus{outline-offset:1px;border-color:#458760;outline:2px solid #e2efdf}.login-card input:disabled{opacity:.65}.login-card label[for=login-password]{margin-top:23px}.login-password{position:relative}.login-password input{padding-right:64px}.login-password button{color:#65836a;width:55px;height:41px;font-size:12px;position:absolute;top:4px;right:5px}.login-error{color:#b34537;min-height:39px;padding:9px 0;font-size:12px;line-height:1.5}.login-submit{color:#fff;background:#26764f;border-radius:10px;justify-content:space-between;align-items:center;width:100%;min-height:50px;padding:0 19px;font-size:14px;font-weight:600;display:flex}.login-submit:hover{background:#1c6441}.login-submit:disabled{opacity:.6}.login-submit span{font-size:23px;font-weight:400}.login-help{text-align:center;color:#8b958d;margin-top:20px;font-size:11px;line-height:1.7}.login-secure{text-align:center;color:#8a998a;border-top:1px solid #edf0e8;margin-top:24px;padding-top:20px;font-size:11px}.login-secure span{color:#558561;vertical-align:middle;margin-right:4px;font-size:16px}.login-footer{text-align:center;color:#8a978c;padding-bottom:6px;font-size:11px}.login-loading{flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100vh;display:flex}.login-loading h1{font-size:22px}.login-loading p{font-size:14px}.session-bar{color:#52705a;background:#eaf1e5;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:18px;padding:8px 32px;font-size:12px;display:flex}.session-bar button{text-underline-offset:3px;text-decoration:underline}.session-bar [role=alert]{color:#b34537}@media (width<=950px){.login-layout{grid-template-columns:1fr 400px;gap:40px}.login-story h1{font-size:43px}.login-story>p{font-size:14px}.login-card{padding:32px}.login-subjects>span{padding:14px}}@media (width<=720px){.login-page{padding:24px 20px}.login-brand{gap:14px}.login-brand img{width:150px}.login-brand>span{padding-left:14px;font-size:12px}.login-layout{flex-direction:column;justify-content:center;gap:25px;padding:34px 0;display:flex}.login-story{width:100%;max-width:420px}.login-eyebrow{letter-spacing:2px;margin-bottom:12px;font-size:9px}.login-story h1{letter-spacing:-1px;font-size:32px;line-height:1.45}.login-story h1 br{display:block}.login-story>p{margin-top:12px;font-size:13px;line-height:1.8}.login-story>p br,.login-subjects,.login-story-note{display:none}.login-card{border-radius:20px;width:100%;max-width:420px;padding:27px 24px}.login-card-tag{margin-bottom:13px}.login-card h2{font-size:24px}.login-subtitle{margin-bottom:24px}.login-footer{line-height:1.7}.session-bar{padding:8px 18px}}:root{--paper:#f8f9f6;--ink:#243d32;--muted:#7b877e;--green:#24744f;--line:#e5e9e0;--mint:#eaf2e6;--peach:#f8eee4;color:var(--ink);background:var(--paper);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button,a,input{outline-offset:4px}button{color:inherit}a{color:inherit;text-decoration:none}button:disabled{opacity:.32;cursor:not-allowed}button{background:0 0;border:0}img{max-width:100%}h1,h2,h3,p{margin:0}button svg,a svg{flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green)}.site-header{border-bottom:1px solid var(--line);background:#ffffff8c;align-items:center;gap:32px;height:88px;padding:0 max(32px,50vw - 600px);display:flex}.brand{white-space:nowrap;letter-spacing:1px;align-items:center;gap:19px;font-size:15px;display:flex}.brand img{object-fit:contain;width:174px;max-height:44px}.brand-divider{background:#d5ded3;width:1px;height:23px}.site-header nav{align-self:stretch;align-items:stretch;gap:28px;margin-left:auto;display:flex}.site-header nav button{color:var(--muted);padding:0 2px;font-size:14px;position:relative}.site-header nav .nav-current{color:var(--green);font-weight:600}.nav-current:after{content:"";background:var(--green);border-radius:4px;width:28px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.header-badge{border:1px solid #e1e8dc;border-radius:30px;align-items:center;gap:8px;margin-left:12px;padding:8px 12px;font-size:12px;display:flex}.status-dot{background:#4b936c;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.home-content,.subject-content{max-width:1200px;margin:auto;padding:55px 32px 58px}.eyebrow{letter-spacing:2px;color:var(--green);align-items:center;gap:9px;font-size:10px;font-weight:600;display:flex}.eyebrow>span{background:var(--green);width:19px;height:1px;display:block}.home-intro{justify-content:space-between;align-items:center;padding:22px 0 44px;display:flex}.home-intro h1{letter-spacing:-1.6px;font-size:clamp(30px,3.5vw,43px);font-weight:600;line-height:1.45}.green-text{color:var(--green)}.home-intro p{color:var(--muted);margin-top:16px;font-size:14px;line-height:1.8}.intro-mark{place-items:center;width:140px;height:100px;margin-right:36px;display:grid;position:relative}.code-mark{color:#53916b;letter-spacing:6px;font-family:Georgia,serif;font-size:53px;transform:rotate(-12deg)}.orbit{border:1px solid #b8cfad;border-radius:50%;width:135px;height:67px;position:absolute;transform:rotate(-30deg)}.tiny-star{color:#d39a57;font-size:27px;position:absolute;top:3px;right:7px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px;display:flex}.section-heading h2{letter-spacing:.2px;font-size:17px;font-weight:600}.section-heading>span{color:var(--muted);align-items:center;gap:12px;font-size:11px;display:flex}.section-heading i{background:#b8c0b6;border-radius:50%;width:3px;height:3px}.subject-cards{grid-template-columns:1fr 1fr;gap:24px;display:grid}.subject-card{text-align:left;border:1px solid #dce5d5;border-radius:15px;padding:28px 32px 26px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.subject-card:hover{transform:translateY(-4px);box-shadow:0 13px 25px #243d320a}.mint{background:var(--mint)}.peach{background:var(--peach)}.subject-card.peach{border-color:#edddce}.subject-card-top{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.subject-icon{color:#fff;background:#2f7953;border-radius:14px;place-items:center;width:55px;height:55px;font-size:20px;font-weight:700;display:grid;box-shadow:0 4px #225d3c18}.peach .subject-icon{background:#ae7852;font-family:Georgia,serif;font-size:28px}.stage-pill{color:#6b7e66;letter-spacing:1px;border:1px solid #cad7c5;border-radius:20px;padding:6px 11px;font-size:11px}.peach .stage-pill{color:#91785f;border-color:#e1cdb9}.subject-title{align-items:baseline;gap:16px;display:flex}.subject-title h2{letter-spacing:-1.5px;font-size:40px;font-weight:600}.subject-title>span{color:var(--muted);font-size:12px}.subject-card h3{margin-top:12px;font-size:15px;font-weight:500}.subject-card>p{color:#78836f;max-width:340px;margin-top:12px;font-size:12px;line-height:1.95}.peach>p{color:#968571}.subject-card-bottom{justify-content:space-between;align-items:flex-end;min-height:46px;margin-top:24px;display:flex}.subject-card-bottom>span:first-child{color:var(--green);align-items:center;gap:30px;font-size:13px;font-weight:600;display:flex}.peach .subject-card-bottom>span:first-child{color:#936947}.stack-art{width:100px;height:56px;margin-right:8px;display:block;position:relative}.stack-art b{background:#dae8d2;border:1px solid #b9cdb1;border-radius:6px;width:83px;height:54px;position:absolute;bottom:0;left:0;transform:rotate(-13deg)}.stack-art b:nth-child(2){background:#e4eddd;left:10px;transform:rotate(2deg)}.stack-art b:nth-child(3){color:#88a27a;background:#f9fcf5;place-items:center;display:grid;left:20px;transform:rotate(12deg)}.peach .stack-art b{background:#ebd9c3;border-color:#dcc4aa}.peach .stack-art b:nth-child(2){background:#f0e1ce}.peach .stack-art b:nth-child(3){color:#b49671;background:#fdf9f2}.library-note{border:1px solid var(--line);background:#ffffff70;border-radius:10px;align-items:center;gap:15px;margin:26px 0 44px;padding:18px 22px;display:flex}.note-icon{width:36px;height:36px;color:var(--green);background:#eef3e9;border-radius:50%;place-items:center;display:grid}.library-note h3{font-size:12px;font-weight:500}.library-note p{color:var(--muted);margin-top:6px;font-size:11px}.note-stamp{color:#849078;letter-spacing:1px;margin-left:auto;font-size:10px}.featured-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.featured-course{text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:18px;padding:14px;display:flex}.featured-course>img{aspect-ratio:16/9;object-fit:contain;background:#eff9f2;border-radius:5px;width:128px}.featured-course>div{flex:1}.small-label{color:var(--muted);font-size:10px}.featured-course h3{margin:6px 0;font-size:13px;line-height:1.6}.featured-course div>span:last-child{color:var(--muted);font-size:10px}.featured-course>svg{color:#78916e;margin:0 8px}.site-footer{border-top:1px solid var(--line);color:#8b958b;justify-content:space-between;gap:20px;padding:23px max(32px,50vw - 568px);font-size:10px;line-height:1.7;display:flex}.footer-dot{padding:0 10px}.text-button{color:var(--green);align-items:center;gap:8px;padding:0;font-size:12px;display:flex}.back-button{margin-bottom:35px}.subject-content{padding-top:28px}.subject-heading{justify-content:space-between;align-items:center;margin-bottom:36px;display:flex}.subject-heading h1{letter-spacing:-1.5px;margin:13px 0 10px;font-size:43px}.subject-heading h1>span{letter-spacing:0;margin-left:13px;font-size:22px;font-weight:400}.subject-heading p{color:var(--muted);font-size:12px}.big-subject-symbol{width:94px;height:94px;color:var(--green);border-radius:23px;place-items:center;margin-right:10px;font-size:30px;font-weight:700;display:grid;transform:rotate(5deg)}.big-subject-symbol.peach{color:#a77853}.course-layout{grid-template-columns:180px 1fr;gap:35px;display:grid}.track-sidebar h2{color:var(--muted);margin-bottom:17px;font-size:12px;font-weight:400}.track-sidebar>button{text-align:left;border-radius:6px;align-items:center;gap:10px;width:100%;margin-bottom:3px;padding:11px 12px;font-size:12px;display:flex}.track-sidebar>button>span{color:#a0a79d;margin-left:auto;font-size:10px}.track-sidebar>button.selected{color:var(--green);background:#e9f0e3;font-weight:600}.sidebar-note{border-top:1px solid var(--line);color:#97a08d;margin-top:24px;padding:25px 10px}.sidebar-note p{margin-top:12px;font-size:11px;line-height:1.9}.results-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.results-toolbar>div{align-items:center;gap:12px;display:flex}.results-toolbar h2{font-size:17px}.results-toolbar>div>span{color:var(--muted);font-size:10px}.search-box{color:#9ba594;background:#fff;border:1px solid #dfe5d9;border-radius:7px;align-items:center;gap:9px;width:235px;padding:8px 11px;display:flex}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;min-width:0;font-size:12px;outline:none!important}.search-box input::placeholder{color:#9ba594}.search-box button{height:16px;padding:0;display:flex}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.course-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;min-width:0;padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.course-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #243d3210}.course-cover{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:#eff9f2;position:relative;overflow:hidden}.course-cover>img{object-fit:contain;width:100%;height:100%}.cover-play{opacity:0;background:#fff;border-radius:50%;place-items:center;width:40px;height:40px;transition:opacity .15s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 20px #0002}.course-card:hover .cover-play{opacity:1}.page-badge{color:#fff;background:#263e31bd;border-radius:4px;padding:4px 6px;font-size:9px;position:absolute;bottom:7px;right:7px}.course-card-info{padding:15px}.course-meta{color:#87937e;letter-spacing:.3px;justify-content:space-between;font-size:9px;display:flex}.course-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:44px;margin-top:10px;font-size:13px;font-weight:500;line-height:1.7;display:-webkit-box;overflow:hidden}.course-card-bottom{color:#8a9782;border-top:1px solid #eff1ec;justify-content:space-between;align-items:center;margin-top:14px;padding-top:11px;display:flex}.course-card-bottom>span{align-items:center;gap:6px;font-size:9px;display:flex}.course-card-bottom .status-dot{width:4px;height:4px}.empty-state{text-align:center;color:var(--muted);padding:95px 15px}.empty-state h3{color:var(--ink);margin-top:20px;font-size:18px}.empty-state p{margin:12px 0 20px;font-size:13px}.empty-state button{margin:auto}.loading-state,.error-box{text-align:center;min-height:70vh;padding:130px 24px}.loading-state h1,.error-box h1{margin:22px 0 15px;font-size:22px}.loading-state p,.error-box p{color:var(--muted);margin-bottom:20px;font-size:14px}.spinner{border:2px solid #d2e0ca;border-top-color:var(--green);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.primary-button{background:var(--green);color:#fff;border-radius:7px;align-items:center;gap:18px;padding:12px 20px;font-size:13px;display:inline-flex}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;background:#182b246b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.help-dialog{background:var(--paper);border-radius:18px;max-width:530px;padding:40px;position:relative}.help-dialog h2{margin:22px 0;font-size:28px}.help-dialog ol{padding-left:21px;font-size:14px;line-height:2.1}.help-dialog p{color:var(--muted);margin:18px 0;font-size:12px;line-height:1.9}.help-dialog .small-label{font-size:10px}.help-close{position:absolute;top:18px;right:18px}.icon-button{place-items:center;width:30px;height:30px;display:grid}.player{color:#e7eee8;background:#1c2420;flex-direction:column;min-height:calc(100dvh - 88px);display:flex}.player:fullscreen{height:100dvh;min-height:0}.player-heading{border-bottom:1px solid #ffffff13;align-items:center;gap:25px;padding:18px 28px;display:flex}.player-back{color:#bdc8bd;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.player-title{flex:1;min-width:0}.player-title>span{color:#9dab9e;font-size:10px}.player-title b{margin:0 7px;font-weight:400}.player-title h1{white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:15px;font-weight:500;overflow:hidden}.player-actions{align-items:center;gap:18px;display:flex}.download-link{color:#b9c6b9;align-items:center;gap:7px;font-size:11px;display:flex}.fullscreen-button{background:#344a3d;border:1px solid #ffffff15;border-radius:6px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:flex}.player-workspace{flex:1;min-height:0;display:flex}.slide-stage{flex:1;justify-content:center;align-items:center;min-width:0;height:calc(100dvh - 270px);min-height:350px;padding:24px;display:flex}.current-slide{object-fit:contain;max-width:100%;max-height:100%;box-shadow:0 10px 35px #0003}.player:fullscreen .slide-stage{height:calc(100dvh - 182px)}.player-controls{justify-content:space-between;align-items:center;gap:15px;padding:12px 28px;display:flex}.outline-toggle{color:#b9c6b9;align-items:center;gap:8px;font-size:11px;display:flex}.outline-toggle.active{color:#b5d4ac}.page-controls{align-items:center;gap:24px;display:flex}.page-controls>button{border:1px solid #ffffff26;border-radius:6px;place-items:center;width:34px;height:30px;display:grid}.page-controls>form{color:#9dad9d;align-items:center;gap:8px;font-size:12px;display:flex}.page-controls input{color:#fff;text-align:center;appearance:textfield;background:#27322c;border:1px solid #fff2;border-radius:4px;width:43px;padding:5px;font-size:12px}.page-controls input::-webkit-inner-spin-button{display:none}.keyboard-hint{color:#758778;font-size:10px}.slide-progress{background:#ffffff12;height:2px}.slide-progress>span{background:#79b38b;height:100%;transition:width .2s;display:block}.player-disclaimer{text-align:center;color:#7e9181;padding:13px 18px;font-size:10px;line-height:1.5}.slide-outline{border-right:1px solid #ffffff15;flex-shrink:0;width:190px;height:calc(100dvh - 270px);padding:12px;overflow-y:auto}.slide-outline>button{color:#819686;border:1px solid #0000;border-radius:5px;align-items:center;gap:8px;width:100%;margin-bottom:6px;padding:7px 5px;font-size:10px;display:flex}.slide-outline img{aspect-ratio:16/9;object-fit:contain;width:140px}.slide-outline>button.active{background:#ffffff09;border-color:#76ad86}.player-message{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;min-height:400px;display:flex}.player-message h2{font-size:20px}.player-message p{color:#a2b3a5;font-size:13px}.player-message button{color:#fff;background:var(--green);border-radius:5px;padding:10px 20px}@media (width>=1450px){.home-content,.subject-content{max-width:1280px}.site-header{padding-left:calc(50vw - 608px);padding-right:calc(50vw - 608px)}}@media (width<=1000px){.header-badge{display:none}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-course>img{width:90px}.featured-course{gap:12px}.subject-card{padding:25px}.keyboard-hint{display:none}.subject-card>p{max-width:280px}.course-layout{grid-template-columns:160px 1fr;gap:24px}.player-heading{gap:15px;padding:16px}.player-actions{gap:12px}}@media (width<=680px){.site-header{gap:14px;height:70px;padding:0 20px}.brand img{width:124px}.brand{gap:10px;font-size:11px}.site-header nav{gap:13px}.site-header nav button{font-size:11px}.brand-divider{height:18px}.home-content,.subject-content{padding:30px 20px}.home-intro{padding:18px 0 30px}.home-intro h1{letter-spacing:-1px;font-size:30px}.home-intro p{max-width:280px;font-size:12px;line-height:1.9}.intro-mark{display:none}.section-heading{align-items:flex-start}.section-heading h2{font-size:15px}.section-heading>span{gap:6px;font-size:9px}.subject-cards{grid-template-columns:1fr;gap:18px}.subject-card{padding:23px}.subject-card-top{margin-bottom:14px}.subject-title h2{font-size:34px}.subject-card>p{max-width:90%}.subject-card-bottom{margin-top:17px}.subject-icon{width:48px;height:48px}.note-stamp{display:none}.library-note{gap:10px;margin:20px 0 30px;padding:15px 13px}.library-note h3{font-size:11px}.library-note p{font-size:9px}.featured-grid{grid-template-columns:1fr;gap:12px}.featured-course>img{width:105px}.site-footer{flex-direction:column;gap:5px;padding:20px;font-size:9px}.back-button{margin-bottom:26px}.subject-heading h1{font-size:34px}.subject-heading h1>span{font-size:18px}.big-subject-symbol{width:65px;height:65px;font-size:24px}.course-layout{display:block}.track-sidebar{gap:7px;margin:0 -20px 24px;padding:0 20px;display:flex;overflow-x:auto}.track-sidebar h2,.sidebar-note{display:none}.track-sidebar>button{white-space:nowrap;border:1px solid var(--line);background:#fff;flex-shrink:0;width:auto;padding:8px 12px}.track-sidebar>button>span{margin-left:4px}.course-grid{gap:12px}.course-card-info{padding:11px}.course-card h3{min-height:41px;font-size:12px}.course-meta,.course-card-bottom>span{font-size:8px}.course-card-bottom>svg{width:14px}.results-toolbar{flex-direction:column;align-items:flex-start;gap:15px}.search-box{width:100%}.help-dialog{padding:32px 24px}.help-dialog h2{font-size:24px}.player{min-height:calc(100dvh - 70px)}.player-heading{flex-wrap:wrap;gap:13px;padding:14px 16px}.player-title{flex-basis:calc(100% - 100px)}.player-actions{gap:18px;margin-left:auto}.player-title h1{font-size:13px}.player-back{font-size:10px}.player-back svg{width:16px}.slide-stage{height:calc(100dvh - 310px);min-height:220px;padding:10px}.player:fullscreen .slide-stage{height:calc(100dvh - 240px)}.player-controls{padding:12px 16px}.page-controls{gap:14px}.player-disclaimer{font-size:9px}.slide-outline{z-index:3;background:#1c2420;width:168px;height:calc(100dvh - 305px);position:absolute;left:0}.slide-outline img{width:116px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}