:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7fb;--bg-soft:#eef3ff;--surface:#fff;--surface-soft:#f8faff;--surface-tint:#edf3ff;--ink:#18233d;--ink-soft:#51627f;--muted:#7d8ba4;--line:#dfe7f4;--line-strong:#cbd7eb;--blue:#4563e9;--blue-deep:#2f46bb;--blue-soft:#e8edff;--mint:#8fb55e;--mint-soft:#eff8e6;--amber:#e3a842;--amber-soft:#fff7e4;--rose:#cc6a81;--rose-soft:#fff2f5;--shadow-sm:0 8px 24px #2c41760f;--shadow-md:0 18px 42px #2c41761c;--radius-lg:22px;--radius-md:16px;--radius-sm:11px;--content-max:1440px;font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121827;--bg-soft:#17223a;--surface:#1a2438;--surface-soft:#202d45;--surface-tint:#1f2d50;--ink:#f3f6ff;--ink-soft:#b5c2da;--muted:#8796b1;--line:#2b3955;--line-strong:#405172;--blue:#7390ff;--blue-deep:#a8b6ff;--blue-soft:#253362;--mint:#a4c977;--mint-soft:#26391f;--amber:#f3be5a;--amber-soft:#40341d;--rose:#e490a5;--rose-soft:#452532;--shadow-sm:0 8px 24px #00000029;--shadow-md:0 18px 42px #0000003d}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #4563e947}a{color:inherit;text-decoration:none}.app-shell{background:radial-gradient(circle at 83% 4%, #779bff1c, transparent 30%), var(--bg);min-height:100vh}.app-container{width:min(100% - 32px, var(--content-max));margin:0 auto}.app-header{z-index:50;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb, var(--line) 72%, transparent);position:sticky;top:0}.header-main{align-items:center;gap:18px;min-height:76px;display:flex}.brand{flex:none;align-items:center;gap:11px;display:inline-flex}.brand-mark{border-radius:14px;flex:none;width:42px;height:42px;display:block;overflow:hidden;box-shadow:0 10px 20px #4563e933}.brand-mark img{width:100%;height:100%;display:block}.brand-copy strong{letter-spacing:.01em;font-size:17px;display:block}.brand-copy span{color:var(--muted);letter-spacing:.09em;margin-top:2px;font-size:10px;display:block}.grade-select{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--ink);box-shadow:var(--shadow-sm);border-radius:13px;flex:0 0 180px;align-items:center;gap:9px;padding:0 13px;display:flex;position:relative}.grade-select>svg{width:17px;height:17px;color:var(--blue)}.grade-select strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.grade-select>.chevron{width:15px;height:15px;color:var(--muted)}.grade-select select{z-index:2;opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.search-wrap{flex:1;min-width:190px;max-width:570px;position:relative}.search-wrap>svg{z-index:1;width:16px;height:16px;color:var(--muted);pointer-events:none;position:absolute;top:13px;left:15px}.search-wrap input{border:1px solid var(--line);background:var(--surface);width:100%;height:42px;color:var(--ink);box-shadow:var(--shadow-sm);border-radius:22px;padding:0 17px 0 41px}.search-wrap input::placeholder{color:var(--muted)}.search-results{z-index:12;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-md);border-radius:15px;padding:7px;position:absolute;top:calc(100% + 9px);left:0;right:0}.search-result{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;gap:3px;padding:10px 11px;display:flex}.search-result:hover{background:var(--blue-soft)}.search-result strong{font-size:12px}.search-result span{color:var(--muted);font-size:11px;line-height:1.45}.header-progress{flex:none;align-items:center;gap:10px;display:flex}.progress-label{color:var(--muted);white-space:nowrap;flex-direction:column;gap:4px;font-size:10px;display:flex}.progress-label strong{color:var(--ink);text-align:right;font-size:11px}.progress-track{background:var(--line);border-radius:99px;width:102px;height:6px;overflow:hidden}.progress-track i{border-radius:inherit;background:var(--mint);height:100%;display:block}.header-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.text-btn{color:var(--ink-soft);cursor:pointer;background:0 0;padding:8px;font-size:12px}.text-btn:hover{color:var(--blue)}.icon-btn{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--ink-soft);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:12px;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--blue);border-color:var(--line-strong)}.icon-btn svg{width:18px;height:18px}.user-pill{border:1px solid var(--line);background:var(--surface);color:var(--ink);white-space:nowrap;border-radius:12px;align-items:center;gap:7px;padding:5px 8px 5px 5px;font-size:12px;display:inline-flex}.user-avatar{background:var(--blue-soft);width:29px;height:29px;color:var(--blue);border-radius:9px;place-items:center;font-weight:800;display:grid}.user-pill svg{width:14px;height:14px;color:var(--muted)}.subnav{border-top:1px solid color-mix(in srgb, var(--line) 64%, transparent)}.subnav-inner{scrollbar-width:none;align-items:center;gap:15px;min-height:48px;display:flex;overflow-x:auto}.subnav-inner::-webkit-scrollbar{display:none}.segmented{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;flex:none;gap:4px;padding:3px;display:inline-flex}.segment-btn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex}.segment-btn.active{background:var(--blue);color:#fff;box-shadow:0 4px 9px #4563e933}.segment-btn svg{width:14px;height:14px}.subnav-group{flex:none;align-items:center;gap:6px;display:flex}.subnav-caption{color:var(--muted);font-size:11px;font-weight:800}.chip-btn{color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;padding:7px 10px;font-size:11px}.chip-btn:hover{background:var(--surface);color:var(--blue)}.chip-btn.active{border-color:color-mix(in srgb, var(--blue) 30%, var(--line));background:var(--blue-soft);color:var(--blue-deep);font-weight:800}.country-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;white-space:nowrap;border-radius:9px;padding:7px 10px;font-size:11px}.country-chip.active{border-color:var(--blue);background:var(--blue);color:#fff}.main-content{padding:24px 0 52px}.eyebrow{color:var(--mint);letter-spacing:.05em;align-items:center;gap:7px;font-size:12px;font-weight:900;display:inline-flex}.eyebrow svg{width:15px;height:15px}.page-title{color:var(--ink);letter-spacing:-.04em;margin:8px 0 0;font-size:clamp(26px,3vw,40px);line-height:1.18}.page-subtitle{max-width:700px;color:var(--ink-soft);margin:10px 0 0;font-size:14px;line-height:1.65}.soft-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.home-hero{min-height:284px;box-shadow:var(--shadow-sm);background:linear-gradient(105deg,#edf3ff 0%,#f7faff 60%,#edf7f4 100%);border:1px solid #dce7ff;border-radius:24px;grid-template-columns:minmax(0,1fr) 340px;padding:42px 52px;display:grid;position:relative;overflow:hidden}html.dark .home-hero{border-color:var(--line);background:linear-gradient(105deg,#1d2c52,#1a2438 64%,#203529)}.home-hero:before{content:"";background:#7894f01f;border-radius:50%;width:310px;height:310px;position:absolute;top:-192px;right:21%}.hero-copy{z-index:1;position:relative}.hero-copy h1{color:var(--ink);letter-spacing:-.055em;margin:9px 0 10px;font-size:clamp(31px,3.6vw,49px);line-height:1.1}.hero-copy p{color:var(--ink-soft);margin:0;font-size:15px}.hero-actions{align-items:center;gap:15px;margin-top:25px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:13px;font-weight:900;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.primary-btn{background:var(--blue);color:#fff;box-shadow:0 10px 18px #4563e938}.primary-btn:hover{background:var(--blue-deep);transform:translateY(-2px);box-shadow:0 14px 22px #4563e945}.secondary-btn{border:1px solid var(--line-strong);background:var(--surface);color:var(--blue)}.secondary-btn:hover{border-color:var(--blue);transform:translateY(-1px)}.primary-btn svg,.secondary-btn svg{width:17px;height:17px}.current-chapter{border-left:1px solid #cbd7eb;flex-direction:column;gap:4px;padding-left:14px;display:flex}.current-chapter strong{color:var(--ink);font-size:13px}.current-chapter span{max-width:270px;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.hero-art{z-index:1;place-items:center;display:grid;position:relative}.hero-art img{object-fit:contain;mix-blend-mode:multiply;width:278px;height:220px}html.dark .hero-art img,html.dark .task-card img,html.dark .progress-art img,html.dark .learning-visual img{mix-blend-mode:screen}.section-heading{justify-content:space-between;align-items:end;gap:12px;margin:26px 4px 13px;display:flex}.section-heading h2{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:19px}.section-heading p{color:var(--muted);margin:0;font-size:11px}.task-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.task-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-height:306px;color:var(--ink);text-align:left;box-shadow:var(--shadow-sm);cursor:pointer;flex-direction:column;padding:16px 18px 17px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.task-card:hover{box-shadow:var(--shadow-md);border-color:#b3c1ec;transform:translateY(-4px)}.task-card img{object-fit:contain;mix-blend-mode:multiply;align-self:center;width:175px;height:164px}.task-card h3{margin:7px 0 6px;font-size:16px}.task-card p{min-height:37px;color:var(--ink-soft);margin:0;font-size:12px;line-height:1.55}.task-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:13px;font-size:11px;display:flex}.task-arrow{background:var(--blue-soft);width:31px;height:31px;color:var(--blue);border-radius:50%;place-items:center;display:grid}.task-arrow svg{width:16px;height:16px}.progress-card{grid-template-columns:210px minmax(230px,.9fr) minmax(390px,1.5fr) 125px;align-items:center;gap:20px;margin-top:24px;padding:22px;display:grid}.progress-art{background:var(--surface-tint);border-radius:15px;place-items:center;height:145px;display:grid;overflow:hidden}.progress-art img{object-fit:contain;mix-blend-mode:multiply;width:155px;height:130px}.progress-copy h3{margin:0 0 6px;font-size:20px}.progress-copy p{color:var(--ink-soft);margin:0 0 12px;font-size:12px;line-height:1.55}.meta-row{flex-wrap:wrap;gap:7px;display:flex}.meta-pill{border:1px solid var(--line);color:var(--ink-soft);border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:10px;display:inline-flex}.meta-pill svg{width:13px;height:13px;color:var(--blue)}.stepper{align-items:center;min-width:0;display:flex}.step{min-width:54px;color:var(--muted);text-align:center;flex-direction:column;flex:none;align-items:center;gap:5px;font-size:10px;display:flex}.step-dot{background:var(--line);width:29px;height:29px;color:var(--muted);border-radius:50%;place-items:center;font-weight:900;display:grid}.step.done .step-dot{background:var(--blue);color:#fff}.step.current .step-dot{border:2px solid var(--blue);background:var(--surface);color:var(--blue)}.step-line{background:var(--line-strong);flex:1;min-width:10px;height:1px;margin-bottom:17px}.progress-action{justify-content:flex-end;display:flex}.learning-shell{grid-template-columns:minmax(0,1.24fr) minmax(320px,.76fr);align-items:stretch;gap:18px;display:grid}.learning-main,.reference-panel{min-width:0;overflow:hidden}.learning-main{padding:24px 28px 30px}.learning-topline,.reference-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.breadcrumb{color:var(--muted);font-size:11px}.quiet-btn{color:var(--ink-soft);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 0;font-size:11px;display:inline-flex}.quiet-btn:hover{color:var(--blue)}.quiet-btn svg{width:15px;height:15px}.lesson-progress{align-items:center;gap:7px;margin:20px 0 25px;display:flex}.lesson-progress i{background:var(--line);border-radius:99px;flex:1;height:5px}.lesson-progress i.done{background:var(--mint)}.lesson-progress i.active{background:var(--blue)}.lesson-progress strong{color:var(--muted);white-space:nowrap;font-size:11px}.learning-main .page-title{max-width:780px}.learning-visual{background:var(--surface-tint);border:1px solid #dfe8ff;border-radius:18px;justify-content:center;align-items:center;min-height:178px;margin:22px 0 18px;padding:14px 20px;display:flex}.learning-visual img{object-fit:contain;mix-blend-mode:multiply;width:166px;height:140px}.learning-visual-copy{max-width:340px;margin-left:10px}.learning-visual-copy strong{margin-bottom:6px;font-size:16px;display:block}.learning-visual-copy span{color:var(--ink-soft);font-size:11px;line-height:1.6}.stage-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:16px;display:grid}.stage-btn{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--ink-soft);text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:8px 9px;display:flex}.stage-btn.active{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-deep)}.stage-num{background:var(--surface-soft);width:21px;height:21px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:900;display:grid}.stage-btn.active .stage-num{background:var(--blue);color:#fff}.stage-btn span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:800;overflow:hidden}.stage-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);padding:17px}.stage-panel h2{letter-spacing:-.02em;margin:0 0 5px;font-size:18px}.stage-panel>p{color:var(--ink-soft);margin:0 0 15px;font-size:12px;line-height:1.55}.concept-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.concept-card{border:1px solid var(--line);border-top:3px solid var(--blue);background:var(--surface);border-radius:12px;padding:13px}.concept-card.green{border-top-color:var(--mint)}.concept-card.amber{border-top-color:var(--amber)}.concept-card h3{margin:0 0 7px;font-size:13px}.concept-card p{min-height:39px;color:var(--ink-soft);margin:0;font-size:11px;line-height:1.55}.formula-chip{background:var(--blue-soft);color:var(--blue-deep);text-align:center;border-radius:8px;margin-top:11px;padding:7px 6px;font-size:11px;font-weight:900;display:block}.formula-note,.hint-box{background:var(--mint-soft);color:var(--ink-soft);border-radius:9px;margin-top:12px;padding:10px 12px;font-size:11px;line-height:1.55}.derive-list,.mistake-list,.variation-list{gap:8px;display:grid}.derive-item{border:1px solid var(--line);background:var(--surface);border-radius:11px;grid-template-columns:33px 1fr;gap:10px;padding:11px;display:grid}.derive-index{background:var(--blue-soft);width:30px;height:30px;color:var(--blue);border-radius:9px;place-items:center;font-size:11px;font-weight:900;display:grid}.derive-item strong{margin-bottom:3px;font-size:12px;display:block}.derive-item p{color:var(--ink-soft);margin:0;font-size:11px;line-height:1.55}.practice-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:14px}.practice-kicker,.exercise-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.practice-kicker{color:var(--mint);margin-bottom:9px;font-size:10px;font-weight:900}.practice-prompt,.exercise-prompt{color:var(--ink);margin:0;font-size:16px;font-weight:900;line-height:1.65}.answer-row{align-items:center;gap:8px;margin-top:14px;display:flex}.answer-input{border:1px solid var(--line-strong);background:var(--surface);width:180px;height:42px;color:var(--ink);border-radius:10px;padding:0 12px}.answer-input:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 3px #4563e91f}.answer-submit{background:var(--blue);color:#fff;cursor:pointer;border-radius:10px;height:42px;padding:0 17px;font-size:12px;font-weight:900}.answer-submit:hover{background:var(--blue-deep)}.result-box{border-radius:9px;margin-top:11px;padding:10px 12px;font-size:11px;line-height:1.55}.result-box.success{background:var(--mint-soft);color:#477121;border:1px solid #d3e8bd}.result-box.try{background:var(--amber-soft);color:#8a5a00;border:1px solid #f1dfaf}.next-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:12px;display:flex}.next-actions span{color:var(--muted);font-size:10px;line-height:1.45}.next-actions button{background:var(--blue);color:#fff;cursor:pointer;border-radius:9px;align-items:center;gap:5px;padding:8px 11px;font-size:11px;font-weight:900;display:inline-flex}.next-actions button svg{width:14px;height:14px}.exercise-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:17px}.exercise-heading{margin-bottom:9px}.exercise-heading strong{font-size:15px}.exercise-heading span{color:var(--muted);font-size:10px}.exercise-note{color:var(--muted);margin:-2px 0 10px;font-size:11px;line-height:1.5}.outline-btn{border:1px solid var(--line-strong);background:var(--surface);color:var(--blue);cursor:pointer;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:900}.reference-panel{flex-direction:column;min-height:590px;display:flex}.reference-head{border-bottom:1px solid var(--line);padding:16px 17px}.reference-head strong{align-items:center;gap:7px;font-size:13px;display:inline-flex}.reference-head svg{width:17px;height:17px;color:var(--blue)}.reference-panel iframe{background:#1b2436;border:0;flex:1;width:100%;min-height:500px}.reference-foot{border-top:1px solid var(--line);color:var(--muted);padding:11px 14px;font-size:10px;line-height:1.5}.mistake-item{background:var(--rose-soft);border:1px solid #efced6;border-radius:11px;padding:11px 12px}.mistake-item strong{color:var(--rose);margin-bottom:4px;font-size:12px;display:block}.mistake-item p{color:var(--ink-soft);margin:0;font-size:11px;line-height:1.5}.mistake-item em{color:#477121;margin-top:6px;font-size:10px;font-style:normal;font-weight:900;display:block}.variation-list{margin-top:14px}.variation-item{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 11px}.variation-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.variation-head p{color:var(--ink);margin:0;font-size:11px;font-weight:800;line-height:1.5}.variation-head button{background:var(--blue-soft);color:var(--blue);cursor:pointer;border-radius:8px;flex:none;padding:6px 8px;font-size:10px;font-weight:900}.variation-answer{background:var(--mint-soft);color:var(--ink-soft);border-radius:8px;margin-top:8px;padding:8px 9px;font-size:10px;line-height:1.5}.library-layout{grid-template-columns:280px minmax(0,1fr);gap:18px;display:grid}.chapter-sidebar{padding:16px}.sidebar-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sidebar-heading strong{font-size:14px}.sidebar-heading span{color:var(--muted);font-size:10px}.chapter-list{gap:6px;max-height:610px;display:grid;overflow:auto}.chapter-item{width:100%;color:var(--ink-soft);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:8px;padding:10px;display:flex}.chapter-item:hover{background:var(--surface-soft)}.chapter-item.active{border-color:var(--line);background:var(--blue-soft);color:var(--blue-deep)}.chapter-number{background:var(--surface-tint);width:23px;height:23px;color:var(--blue);border-radius:8px;flex:none;place-items:center;font-size:10px;font-weight:900;display:grid}.chapter-item strong{font-size:11px;line-height:1.4;display:block}.chapter-item span{color:var(--muted);margin-top:3px;font-size:10px;display:block}.library-main{min-width:0}.library-hero{justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.library-hero h1{letter-spacing:-.04em;margin:7px 0;font-size:28px}.library-hero p{max-width:680px;color:var(--ink-soft);margin:0;font-size:12px;line-height:1.6}.library-hero-art{object-fit:contain;mix-blend-mode:multiply;width:180px;height:130px}.detail-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:18px;margin-top:18px;display:grid}.detail-card{padding:18px}.tab-row{border-bottom:1px solid var(--line);gap:5px;margin-bottom:16px;padding-bottom:8px;display:flex;overflow-x:auto}.tab-btn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:800}.tab-btn.active{background:var(--blue-soft);color:var(--blue)}.detail-card h2{margin:0 0 8px;font-size:18px}.detail-card>p{color:var(--ink-soft);margin:0 0 15px;font-size:12px;line-height:1.6}.bullet-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bullet-list li{color:var(--ink-soft);padding-left:16px;font-size:12px;line-height:1.55;position:relative}.bullet-list li:before{content:"";background:var(--mint);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.formula-list{gap:8px;display:grid}.formula-item{background:var(--blue-soft);color:var(--blue-deep);border-radius:9px;padding:10px;font-size:12px;font-weight:800}.question-list{gap:10px;display:grid}.question-row{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;padding:12px}.question-row strong{color:var(--ink);margin-bottom:5px;font-size:12px;display:block}.question-row p{color:var(--ink-soft);margin:0;font-size:11px;line-height:1.55}.question-row>span{color:var(--mint);margin-top:7px;font-size:10px;display:block}.three-lab{border:1px solid var(--line);background:linear-gradient(145deg, var(--surface-soft), var(--surface-tint));border-radius:14px;margin-top:17px;overflow:hidden}.three-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.three-header strong{align-items:center;gap:7px;font-size:12px;display:inline-flex}.three-header strong svg{width:16px;height:16px;color:var(--blue)}.three-header>span{color:var(--muted);font-size:10px}.three-viewport{perspective:700px;background:radial-gradient(circle at 50% 58%,#7a99ed38,#0000 42%),linear-gradient(#0000,#ffffff57);place-items:center;height:220px;display:grid;position:relative;overflow:hidden}.three-viewport:after{content:"";filter:blur(10px);background:#30416826;border-radius:50%;width:190px;height:22px;position:absolute;bottom:25px}html.dark .three-viewport{background:radial-gradient(circle at 50% 58%,#7390ff38,#0000 42%),linear-gradient(#0000,#0000002e)}.cube-3d{z-index:1;width:106px;height:106px;transform-style:preserve-3d;transition:transform .4s;position:relative;transform:rotateX(-17deg)rotateY(-31deg)}.cube-3d.tilt{transform:rotateX(-25deg)rotateY(-140deg)rotate(4deg)}.cube-face{color:#233b82b8;backface-visibility:hidden;border:2px solid #ffffffd9;place-items:center;width:106px;height:106px;font-size:11px;font-weight:900;display:grid;position:absolute}.cube-face.front{background:linear-gradient(145deg,#82b9ff,#4c74e9);transform:translateZ(53px)}.cube-face.side{background:linear-gradient(145deg,#72a2f2,#355ac8);transform:rotateY(90deg)translateZ(53px)}.cube-face.top{background:linear-gradient(145deg,#b4d3ff,#6e9bf1);transform:rotateX(90deg)translateZ(53px)}.block-stage{z-index:1;width:220px;height:150px;transform-style:preserve-3d;transition:transform .4s;position:relative;transform:rotateX(57deg)rotate(-29deg)translateY(-6px)}.block-stage.tilt{transform:rotateX(45deg)rotate(-115deg)translateY(-5px)}.block{left:calc(var(--x) * 45px + 54px);top:calc(var(--y) * 45px + 41px);width:39px;height:39px;transform:translateZ(calc(var(--z) * 16px));background:linear-gradient(145deg,#ffd763,#e1a91e);border:2px solid #ffffffb3;border-radius:7px;position:absolute;box-shadow:17px 15px 0 -2px #3c56a133}.block:nth-child(2n){background:linear-gradient(145deg,#9ccd76,#5f9d54)}.block:nth-child(3n){background:linear-gradient(145deg,#78b5ff,#3c76d1)}.block.hidden{opacity:.75;background:linear-gradient(145deg,#f58c9b,#c4536d)}.volume-demo{z-index:1;align-items:center;gap:36px;transition:transform .4s;display:flex;position:relative;transform:rotateX(55deg)rotate(-12deg)}.volume-demo.tilt{transform:rotateX(46deg)rotate(27deg)}.volume-cylinder,.volume-cone{background:linear-gradient(90deg,#5d91e2,#a5c9ff 48%,#3b6dcc);width:82px;height:98px;display:block;position:relative;box-shadow:13px 12px #3450912e}.volume-cylinder{border-radius:50%/15%}.volume-cylinder:before,.volume-cone:before{content:"";background:#a8ccff;border:2px solid #5b8edc;border-radius:50%;width:82px;height:25px;position:absolute;top:-12px;left:0}.volume-cone{clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(90deg,#8bbb69,#cfec9f 52%,#75a950);border-radius:0;width:86px;height:98px}.volume-cone:before{background:#d6efa7;border-color:#8bb763;width:86px;height:22px;top:-1px}.volume-demo em{background:var(--surface);color:var(--blue);box-shadow:var(--shadow-sm);border-radius:8px;padding:5px 8px;font-size:12px;font-style:normal;font-weight:900;position:absolute;bottom:-41px;right:34px}.three-controls{border-top:1px solid var(--line);gap:6px;padding:11px 13px;display:flex}.three-btn{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800}.three-btn.active,.three-btn:hover{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.book-quick{padding:18px}.book-quick h3{margin:0 0 11px;font-size:15px}.book-quick iframe{background:#1b2436;border:0;border-radius:11px;width:100%;height:360px}.book-quick .primary-btn{width:100%;margin-top:10px}.mode-page{padding:24px}.mode-page h1{letter-spacing:-.04em;margin:0 0 8px;font-size:28px}.mode-page>p{color:var(--ink-soft);margin:0 0 18px;font-size:13px;line-height:1.6}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mode-card{border:1px solid var(--line);background:var(--surface-soft);cursor:pointer;text-align:left;border-radius:13px;padding:15px}.mode-card.active,.mode-card:hover{border-color:var(--blue);background:var(--blue-soft)}.mode-card strong{font-size:13px;display:block}.mode-card p{color:var(--ink-soft);margin:5px 0 0;font-size:11px;line-height:1.5}.mode-detail{grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:18px;margin-top:18px;display:grid}.mode-detail-card{padding:18px}.mode-detail-card h2{margin:0 0 8px;font-size:19px}.mode-detail-card h3{margin:18px 0 8px;font-size:14px}.mode-detail-card p,.mode-detail-card li{color:var(--ink-soft);font-size:12px;line-height:1.6}.mode-detail-card ul{margin:0;padding-left:18px}.ppt-layout{grid-template-columns:minmax(0,1fr) 340px;gap:18px;display:grid}.ppt-preview{min-height:580px}.ppt-preview iframe{border-radius:var(--radius-md);background:#1b2436;border:0;width:100%;height:600px}.empty-state{min-height:300px;color:var(--muted);place-items:center;display:grid}.loading{color:var(--muted);text-align:center;padding:70px 0}@media (width>=769px) and (width<=1180px){.header-main{flex-wrap:wrap;gap:10px 14px;padding:9px 0}.search-wrap{flex:1 0 100%;order:8;max-width:none}.progress-card{grid-template-columns:170px minmax(0,1fr) 118px;grid-template-areas:"art copy action""steps steps steps";gap:14px}.progress-art{grid-area:art}.progress-copy{grid-area:copy;min-width:0}.stepper{grid-area:steps}.progress-action{grid-area:action}}@media (width<=900px){.header-progress{display:none}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-card{grid-template-columns:1fr}.progress-art{width:100%}.progress-action{justify-content:stretch}.progress-action .secondary-btn{width:100%}.learning-shell,.ppt-layout,.mode-detail{grid-template-columns:1fr}.reference-panel{min-height:0}.reference-panel iframe{display:none}.library-layout{grid-template-columns:1fr}.chapter-list{max-height:none;padding-bottom:2px;display:flex;overflow-x:auto}.chapter-item{min-width:210px}.detail-grid{grid-template-columns:1fr}}@media (width<=640px){.app-container{width:min(100% - 20px, var(--content-max))}.header-main{flex-wrap:wrap;gap:8px 10px;min-height:64px;padding:8px 0}.brand-copy{display:none}.grade-select{flex:1;min-width:0}.search-wrap{flex:1 0 100%;order:8;min-width:0;max-width:none}.header-actions .text-btn{display:none}.user-pill{justify-content:center;width:42px;height:42px;padding:5px}.user-pill>span:not(.user-avatar),.user-pill>svg{display:none}.subnav-inner{min-height:44px}.main-content{padding-top:15px}.home-hero{grid-template-columns:1fr;min-height:0;padding:26px 22px 13px}.hero-copy h1{font-size:34px}.hero-actions{flex-direction:column;align-items:stretch;gap:11px}.primary-btn{width:100%}.current-chapter{border-left:0;padding-left:0}.hero-art{margin-top:-4px}.hero-art img{width:225px;height:174px}.section-heading{flex-direction:column;align-items:flex-start;gap:4px}.task-card{min-height:260px;padding:11px 12px 13px}.task-card img{width:116px;height:112px}.task-card h3{font-size:14px}.task-card p,.task-footer{font-size:10px}.progress-card{padding:14px}.progress-art{height:125px}.stepper{padding-bottom:4px;overflow-x:auto}.step{min-width:50px}.learning-main{padding:17px 15px 22px}.learning-visual{min-height:142px;padding:10px}.learning-visual img{width:112px;height:103px}.learning-visual-copy{margin-left:5px}.learning-visual-copy strong{font-size:13px}.learning-visual-copy span{font-size:10px}.stage-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-grid,.mode-grid{grid-template-columns:1fr}.answer-row{flex-wrap:wrap}.answer-input,.answer-submit{flex:1;min-width:130px}.next-actions{flex-direction:column;align-items:stretch}.next-actions button{justify-content:center}.library-hero{flex-direction:column;align-items:flex-start;padding:18px}.library-hero h1,.mode-page h1{font-size:24px}.library-hero-art{align-self:center;width:150px;height:100px}.mode-page{padding:17px}.ppt-preview iframe{height:460px}.three-header{flex-direction:column;align-items:flex-start;gap:5px}.three-viewport{height:190px}}