:root{--ink:#26324b;--muted:#6e7890;--paper:#fff;--cream:#f8f6f0;--coral:#ff735e;--coral-dark:#d95746;--yellow:#ffd45b;--line:#e7e3da;--shadow:0 16px 45px rgba(53,43,31,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f5ef;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:255px;padding:23px 17px;background:#fffdf8;border-right:1px solid var(--line);z-index:20;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 18px}.brand-mark{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:var(--coral);color:white;font:800 26px Georgia;box-shadow:0 5px 0 #d95746;transform:rotate(-5deg)}.brand strong,.brand small{display:block}.brand small{font-size:11px;color:var(--muted);margin-top:3px}.book-progress{padding:12px;background:#f5f2eb;border-radius:14px;margin-bottom:14px}.book-progress>div:first-child{display:flex;justify-content:space-between;font-size:10px;margin-bottom:7px}.progress-track{height:7px;border-radius:99px;background:#e2dfd8;overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--yellow),var(--coral));border-radius:inherit;transition:width .4s}.chapter-nav{display:flex;flex-direction:column;gap:5px;overflow:auto;padding-right:4px}.nav-item{border:0;background:transparent;text-align:left;padding:9px 9px;border-radius:12px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;cursor:pointer}.nav-item:hover{background:#fff1e8}.nav-item.active{background:#ffe7dd;color:#d55140;font-weight:800}.nav-num{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#efede7;font-size:11px}.nav-item.active .nav-num{color:#fff;background:var(--unit-color,var(--coral))}.nav-name{font-size:12px}.nav-check{font-size:10px;color:#aaa}.nav-item.complete .nav-check{color:#48a47e}.side-tip{margin-top:auto;background:#fff2c7;border-radius:16px;padding:12px;display:flex;gap:8px;font-size:19px}.side-tip p{font-size:10px;line-height:1.55;margin:0;color:#796d53}.main-content{grid-column:2;min-width:0}.topbar{height:76px;padding:0 4vw;display:flex;align-items:center;gap:18px;background:rgba(247,245,239,.92);backdrop-filter:blur(12px);position:sticky;top:0;z-index:15;border-bottom:1px solid rgba(220,216,205,.75)}.menu-button{display:none;border:0;background:transparent;font-size:21px}.portal-link{font-size:12px;color:var(--muted);font-weight:700}.map-link{border:0;background:transparent;font-weight:800;cursor:pointer}.unit-progress{margin-left:auto;width:270px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:10px}.star-pill{background:#fff;padding:9px 13px;border-radius:99px;box-shadow:0 4px 14px rgba(0,0,0,.05)}.view{display:none;padding:34px 4vw 70px;max-width:1500px;margin:auto}.view.active{display:block}.course-hero{min-height:360px;border-radius:32px;background:linear-gradient(135deg,#fff0dc,#ffe7e0);display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;box-shadow:var(--shadow)}.course-hero>div:first-child{padding:50px clamp(27px,5vw,68px)}.eyebrow{color:#d95543;font-size:11px;letter-spacing:.12em;font-weight:900}.course-hero h1{font-size:clamp(34px,4vw,53px);line-height:1.15;margin:13px 0}.course-hero h1 em{font-style:normal;color:var(--coral)}.course-hero p{max-width:600px;line-height:1.8;color:#6e6260}.primary-button,.ghost-button{border:0;border-radius:14px;padding:14px 21px;font-weight:900;cursor:pointer;transition:.2s}.primary-button{background:var(--unit-color,var(--coral));color:#fff;box-shadow:0 6px 0 color-mix(in srgb,var(--unit-color,var(--coral)) 72%,#000)}.primary-button:hover{transform:translateY(-2px)}.primary-button:disabled{background:#c7c9cf;box-shadow:0 6px 0 #a9abb0;cursor:not-allowed}.ghost-button{background:#efede7}.route-picture{position:relative;background:linear-gradient(#bfeaff 0 65%,#88ccbf 65%);overflow:hidden}.route-picture:before,.route-picture:after{content:"";position:absolute;background:#fff;border-radius:99px;width:85px;height:24px;top:40px;left:12%}.route-picture:after{left:auto;right:10%;top:90px;transform:scale(.7)}.route-island{position:absolute;width:72px;height:52px;border-radius:50%;display:grid;place-items:center;background:#73b975;box-shadow:0 10px 0 #4d9365;font-size:25px;animation:floatIsland 3s ease-in-out infinite}.route-island:nth-child(2n){animation-delay:.6s}.route-island:nth-child(3n){animation-delay:1.2s}.route-path{position:absolute;inset:0;background-image:radial-gradient(circle,#fff 2px,transparent 3px);background-size:28px 28px;opacity:.7}@keyframes floatIsland{50%{transform:translateY(-7px)}}.map-title{display:flex;justify-content:space-between;align-items:end;margin:43px 0 19px}.map-title h2{margin:6px 0 0;font-size:28px}.map-title p{font-size:12px;color:var(--muted)}.unit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.unit-card{min-height:188px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:19px;position:relative;overflow:hidden;cursor:pointer;transition:.22s}.unit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.unit-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--unit-color)}.unit-card.complete{background:linear-gradient(145deg,#fff,#f2fff8)}.unit-top{display:flex;justify-content:space-between}.unit-no{font-size:10px;color:var(--muted);font-weight:800}.unit-icon{font-size:38px}.unit-card h3{font-size:18px;margin:14px 0 7px}.unit-card p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.unit-card footer{position:absolute;left:19px;right:19px;bottom:15px;display:flex;align-items:center;gap:8px;font-size:10px}.mini-track{height:5px;background:#eee;border-radius:99px;flex:1;overflow:hidden}.mini-track i{display:block;height:100%;background:var(--unit-color);width:0}.lesson-heading{text-align:center;padding:8px 0 25px}.tiny-back{border:0;background:transparent;color:var(--muted);cursor:pointer;margin-bottom:14px}.lesson-kicker{display:inline-block;padding:7px 12px;border-radius:99px;background:color-mix(in srgb,var(--unit-color) 15%,white);color:var(--unit-color);font-weight:900;font-size:11px}.lesson-heading h1{font-size:clamp(30px,4vw,46px);margin:13px 0 8px}.lesson-heading>p{color:var(--muted)}.lesson-chips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:16px}.lesson-chips span{background:#fff;border:1px solid var(--line);padding:7px 10px;border-radius:99px;font-size:10px}.learning-steps{max-width:900px;margin:0 auto 22px;padding:8px;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid var(--line);border-radius:20px;position:sticky;top:86px;z-index:10;box-shadow:0 6px 16px rgba(0,0,0,.04)}.step-tab{border:0;background:transparent;padding:10px;border-radius:13px;display:flex;justify-content:center;gap:8px;align-items:center;color:var(--muted);font-weight:800;cursor:pointer}.step-tab i{font-style:normal;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eee}.step-tab.active{background:color-mix(in srgb,var(--unit-color) 12%,white);color:var(--unit-color)}.step-tab.active i,.step-tab.done i{background:var(--unit-color);color:#fff}.lesson-stage{background:#fff;border-radius:29px;box-shadow:var(--shadow);min-height:570px;overflow:hidden}.stage-panel{padding:clamp(24px,4vw,50px);animation:panelIn .3s ease}@keyframes panelIn{from{opacity:0;transform:translateY(10px)}}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.panel-label{display:inline-block;padding:6px 10px;border-radius:99px;background:color-mix(in srgb,var(--unit-color) 15%,white);color:var(--unit-color);font-size:10px;font-weight:900}.story-copy h2,.stage-head h2,.quiz-head h2{font-size:28px;margin:12px 0}.story-copy p,.stage-head p,.quiz-head p{line-height:1.8;color:var(--muted)}.equation-card{font:900 27px ui-monospace,monospace;background:#f5f3ee;border-radius:16px;padding:17px;text-align:center;margin:20px 0;white-space:pre-line}.rule-card{display:flex;gap:11px;align-items:center;border:2px dashed color-mix(in srgb,var(--unit-color) 50%,#ddd);background:color-mix(in srgb,var(--unit-color) 8%,white);padding:14px;border-radius:16px;margin-bottom:22px}.rule-card span{font-size:25px}.visual-card{min-height:370px;border-radius:24px;background:color-mix(in srgb,var(--unit-color) 10%,#fff8df);border:2px solid color-mix(in srgb,var(--unit-color) 30%,white);display:grid;place-items:center;padding:28px;overflow:hidden}.visual-card>*{max-width:100%}.art-shop,.book-art,.basket-art,.dumpling-art,.match-art,.vote-art,.treasure-art,.campus-art{font-size:29px;text-align:center;line-height:2}.art-shop b,.book-art b,.basket-art b,.dumpling-art b,.match-art b,.vote-art b,.treasure-art b,.campus-art b{display:block;font-size:15px}.mini-trays{font-size:20px;background:#d9a667;border:5px solid #a56f39;border-radius:50px;padding:14px}.ruler-art{text-align:center}.pencil{font-size:80px;transform:rotate(8deg)}.ruler{width:310px;height:55px;border:4px solid #d99e3b;background:#ffe292;display:flex;align-items:start;justify-content:space-around;padding:0 7px}.ruler i{display:block;width:2px;height:23px;background:#594b35}.ruler i:nth-child(5n+1){height:35px}.train-art,.calendar-art{text-align:center}.train-art span{font-size:100px}.rail{height:8px;background:repeating-linear-gradient(90deg,#60492f 0 10px,transparent 10px 18px);border-top:4px solid #60492f;margin:10px}.cube-art{position:relative;font-size:60px;line-height:.9;padding:60px}.cube-art .eye{font-size:13px;position:absolute;background:#fff;padding:8px;border-radius:99px}.eye-left{left:0;bottom:10px}.eye-top{right:10px;top:0}.angle-art{display:flex;gap:50px;align-items:end}.angle{width:110px;height:110px;border-left:8px solid var(--unit-color);border-bottom:8px solid var(--unit-color);transform-origin:left bottom}.small-angle{transform:skewX(-25deg)}.big-angle{transform:skewX(20deg)}.price-art{display:flex;gap:12px}.price-art>div{background:#fff0bc;border:2px solid #e8a25c;padding:20px;border-radius:15px;font-size:45px}.price-art b{display:block;font-size:14px}.calendar-page{width:150px;border:5px solid #ef745f;border-radius:15px;background:#fff;overflow:hidden;margin:auto}.calendar-page b{display:block;background:#ef745f;color:white;padding:7px}.calendar-page span{display:block;font-size:72px;padding:12px}.clock{font-size:65px}.stage-head,.quiz-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.stage-badge{padding:12px 15px;border-radius:14px;background:#f1efe9;white-space:nowrap}.activity-shell{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:center;margin:30px 0}.source-button{min-height:160px;border:2px dashed color-mix(in srgb,var(--unit-color) 55%,#ddd);background:color-mix(in srgb,var(--unit-color) 8%,white);border-radius:22px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.source-button strong{font-size:54px}.source-button b,.source-button small{display:block}.activity-area{min-height:210px}.bucket-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.activity-bucket{min-height:150px;border-radius:45% 45% 28% 28%;border:6px solid #a66f37;background:#d9a667;box-shadow:inset 0 -15px rgba(100,50,15,.15);display:flex;flex-wrap:wrap;justify-content:center;align-content:center;padding:16px 7px;font-size:28px}.pop-token{display:inline-block;animation:pop .25s both}@keyframes pop{from{transform:scale(.2);opacity:0}}.choice-model{font-size:55px;line-height:1.1;text-align:center;padding:25px;border-radius:20px;background:#f3f1ec;white-space:pre-line}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.option-button{border:2px solid var(--line);background:#fff;border-radius:16px;padding:17px;font-weight:900;cursor:pointer}.option-button:hover{border-color:var(--unit-color)}.option-button.correct{background:#def5e9;border-color:#55b895}.option-button.wrong{background:#ffe3dd;border-color:#ec7967}.feedback{padding:14px 17px;border-radius:15px;background:#f4f2ed;text-align:center;min-height:49px}.feedback.success{background:#dcf5e7;color:#26765b;font-weight:800}.feedback.error{background:#ffe4df;color:#ac4738}.panel-actions{display:flex;justify-content:flex-end;align-items:center;gap:11px;margin-top:22px}.builder{text-align:center;background:#f5f3ee;border-radius:22px;padding:25px}.builder-number{font-size:58px;font-weight:900;color:var(--unit-color)}.builder-target{color:var(--muted)}.builder-buttons,.coin-buttons{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:18px}.builder-buttons button,.coin-buttons button{border:0;background:#fff;padding:12px 15px;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.06);cursor:pointer;font-weight:900}.coin-purse{text-align:center;font-size:35px;min-height:80px}.solver-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;margin-top:28px}.solver-list{display:flex;flex-direction:column;gap:10px}.solver-step{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px;display:grid;grid-template-columns:34px 1fr 18px;gap:10px;align-items:center;text-align:left;cursor:pointer}.solver-step i{font-style:normal;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--unit-color) 15%,white);color:var(--unit-color);font-weight:900}.solver-step small,.solver-step b{display:block}.solver-step small{font-size:10px;color:var(--muted);margin-bottom:3px}.solver-step.active{border:2px solid var(--unit-color);background:color-mix(in srgb,var(--unit-color) 6%,white)}.solver-step.locked{opacity:.4;cursor:not-allowed}.solver-board{min-height:320px;border:11px solid #a87542;border-radius:8px;background:#254e45;color:white;padding:28px;box-shadow:inset 0 0 18px rgba(0,0,0,.25);font-family:"Kaiti SC","STKaiti",serif}.chalk-title{color:#c9e9de}.chalk-equation{font-size:35px;margin:28px 0;color:#ffe27a;white-space:pre-line}.solver-board p{line-height:1.8;color:#e2eee9}.coach{background:rgba(255,255,255,.1);border-radius:13px;padding:13px;display:flex;align-items:center;gap:10px}.coach span{font-size:30px}.life-layout{display:grid;grid-template-columns:250px 1fr;gap:30px;align-items:center;margin-top:28px}.life-picture{min-height:230px;border-radius:23px;display:grid;place-items:center;background:color-mix(in srgb,var(--unit-color) 10%,white);font-size:90px}.life-card{background:#f7f5f0;border-radius:20px;padding:24px}.life-card p{line-height:1.8;color:var(--muted)}.quiz-question{margin-top:28px}.quiz-progress{display:flex;gap:5px;margin:15px 0}.quiz-progress i{height:5px;flex:1;background:#eee;border-radius:99px}.quiz-progress i.done{background:var(--unit-color)}.quiz-question h3{font-size:25px}.quiz-number{font-size:11px;color:var(--muted)}.quiz-result{text-align:center;padding:38px}.result-icon{font-size:85px;animation:floatIsland 2s infinite}.quiz-result h2{font-size:34px}.result-stars{font-size:34px}.quiz-result p{color:var(--muted)}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,100px);opacity:0;background:#26324b;color:#fff;padding:13px 19px;border-radius:99px;z-index:60;font-weight:800;transition:.3s}.toast.show{transform:translate(-50%,0);opacity:1}.confetti{position:fixed;inset:0;pointer-events:none;z-index:55;overflow:hidden}.confetti i{position:absolute;top:-20px;width:10px;height:17px;animation:fall 1.8s linear forwards}@keyframes fall{to{transform:translateY(105vh) rotate(720deg)}}.hidden{display:none!important}
.car-art{text-align:center;font-size:32px;line-height:1.4}.car-art b{display:block;font-size:100px}.car-art small{display:block;font-size:13px;color:var(--muted)}
@media(max-width:1100px){.unit-grid{grid-template-columns:repeat(3,1fr)}.story-layout{grid-template-columns:1fr}.visual-card{min-height:310px}.solver-layout,.life-layout{grid-template-columns:1fr}.course-hero{grid-template-columns:1fr}.route-picture{min-height:300px}}
@media(max-width:780px){.app-shell{display:block}.sidebar{transform:translateX(-105%);transition:.3s;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.main-content{grid-column:auto}.menu-button{display:block}.topbar{height:66px;padding:0 15px;gap:10px}.portal-link{display:none}.unit-progress{display:none}.map-link{font-size:12px}.view{padding:22px 15px 55px}.unit-grid{grid-template-columns:repeat(2,1fr)}.map-title{display:block}.course-hero>div:first-child{padding:35px 24px}.learning-steps{top:73px}.step-tab{font-size:0;gap:0}.step-tab i{font-size:11px}.stage-panel{padding:23px 16px}.stage-head,.quiz-head{align-items:flex-start;flex-direction:column}.activity-shell{grid-template-columns:1fr}.source-button{min-height:115px}.bucket-grid{gap:5px}.activity-bucket{min-height:120px;padding:12px 2px;font-size:22px}.option-grid{grid-template-columns:1fr}.visual-card{min-height:270px}.ruler{width:260px}.price-art{transform:scale(.8)}.panel-actions{flex-wrap:wrap}.life-picture{min-height:150px}.story-copy h2,.stage-head h2,.quiz-head h2{font-size:25px}}
@media(max-width:430px){.unit-grid{grid-template-columns:1fr}.unit-card{min-height:165px}.course-hero h1{font-size:34px}.route-picture{min-height:260px}.solver-board{padding:21px 16px}.chalk-equation{font-size:28px}.portal-link{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}