@font-face{font-family:BrianRound;src:url('/assets/rounded.ttf') format('truetype');font-weight:700;font-display:swap}*{box-sizing:border-box} :root{--ink:#233b40;--muted:#526367;--paper:#fffdf7;--orange:#cc491e;--blue:#2449a5;--line:#e4e7dd;--round:24px}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 BrianRound,'PingFang SC','Microsoft YaHei',sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #2449a5;outline-offset:5px}::selection{background:#ffe094;color:#233b40}input{caret-color:var(--orange)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#b7c8c4;border-radius:10px;border:2px solid var(--paper)}.skip{position:absolute;top:-100px;padding:12px;background:white;z-index:99}.skip:focus{top:10px}.header{max-width:1376px;padding:26px 48px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:11px;align-items:center;line-height:1.2}.brand-mark{position:relative;font-family:BrianRound,sans-serif;font-size:46px;line-height:1;background:#ffce5c;color:#244535;width:48px;height:52px;border-radius:17px 17px 20px 8px;text-align:center;font-weight:800}.brand-mark span{font-size:24px;position:absolute;right:1px;top:-4px;color:#cf4c24}.brand strong{font-size:25px;font-weight:800}.brand-cn{font-size:19px;margin-left:8px}.brand small{display:block;margin-top:7px;font-size:12px;letter-spacing:.14em;color:var(--muted)}nav{display:flex;gap:7px}nav a{font-size:15px;padding:8px 15px;border-radius:25px;font-weight:700;white-space:nowrap}nav a:hover{background:#eef0e8}nav a[aria-current=page]{background:#25493c;color:white}.header-note{font-size:13px;color:var(--muted)}main{max-width:1280px;min-height:70vh;margin:0 auto;padding:20px 0 50px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,3.8vw,54px);line-height:1.3;letter-spacing:-.025em;font-weight:800;text-wrap:balance}h2{font-size:27px;line-height:1.4;font-weight:800;margin-bottom:12px}h3{font-size:22px;line-height:1.4}p{color:var(--muted)}.welcome{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:34px;padding:18px 34px 24px}.welcome h1{margin-bottom:18px}.welcome h1 em{font-style:normal;color:var(--orange);position:relative}.welcome p{font-size:17px;margin-bottom:22px}.welcome-art{position:relative}.welcome-art img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:42% 27% 34% 21%;display:block;mix-blend-mode:multiply}.art-note{position:absolute;bottom:0;left:20%;background:#fff;border:1px solid #e8dfcd;padding:9px 19px;border-radius:18px;transform:rotate(-4deg);box-shadow:0 7px 16px #2942370c;font-size:14px}.hello-label{display:flex;align-items:center;gap:9px;color:#456647;font-size:15px;margin-bottom:13px}.tiny-star{width:20px;height:20px;color:#a57100}.button{border:0;background:var(--orange);color:white;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:11px 22px;border-radius:16px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#a93915;transform:translateY(-2px)}.button.secondary{background:#edf1e8;color:#24483c}.button.secondary:hover{background:#dce6d5}.button.small{padding:8px 16px;min-height:42px;font-size:14px}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.subject-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 20px;padding:0 8px}.subject-heading h2{margin:0}.subject-heading p{margin:0;font-size:14px}.subjects{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.subject{position:relative;padding:25px 25px 22px;border-radius:27px;min-height:205px;transition:transform .25s,box-shadow .25s;border:1px solid #233b4012;overflow:hidden}.subject:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 14px 24px #233b4010}.subject:nth-child(even):hover{transform:translateY(-6px) rotate(1deg)}.subject.math{background:#e4edff;color:#233f8a}.subject.chinese{background:#ffe5de;color:#933c31}.subject.sport{background:#e0f0de;color:#2d6539}.subject.science{background:#fff0b9;color:#6c521a}.subject-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.subject-top .icon{width:32px;height:32px}.subject-top .tag{font-size:12px;letter-spacing:.08em}.subject h3{font-size:27px;margin-bottom:6px}.subject p{font-size:15px;margin:0;color:inherit;opacity:.9}.go{position:absolute;bottom:22px;right:22px;width:32px;height:32px;border-radius:50%;background:#ffffff90;display:grid;place-items:center}.go .icon{width:18px}.discovery{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-top:30px}.feature{background:#264d41;color:#fff;border-radius:27px;padding:30px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;position:relative}.feature h2{font-size:25px;margin:8px 0 10px}.feature p{color:#d6e6db;font-size:15px;max-width:42ch;margin:0 0 18px}.feature .button{background:#ffda71;color:#2c453a}.feature-top{color:#d5e5d9;font-size:14px}.feature-visual{width:110px;height:110px;border:1px dashed #8bad96;border-radius:50%;display:grid;place-items:center;transform:rotate(-12deg)}.feature-visual .icon{width:62px;height:62px;stroke-width:1.2;color:#ffda71}.daily{padding:25px 30px;border:1px solid var(--line);border-radius:27px;background:#fff}.daily h3{margin-bottom:8px;font-size:22px}.daily .daily-q{font-size:17px;margin:9px 0 15px;color:var(--ink)}.daily-actions{display:flex;gap:9px}.choice{background:white;border:1.5px solid #d8dfd4;border-radius:14px;padding:10px 16px;min-height:45px;transition:background .2s}.choice:hover{background:#f4f6ec;border-color:#668578}.feedback{min-height:28px;margin:12px 0 0;color:#315d3c;font-size:15px}.feedback.error{color:#aa3d21}footer{border-top:1px solid var(--line);max-width:1280px;margin:auto;padding:24px 0;display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--muted)}footer a{font-weight:800;color:var(--ink)}.breadcrumb{display:flex;gap:10px;color:var(--muted);font-size:14px;margin:5px 0 24px}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-head h1{font-size:38px;margin:0 0 8px}.page-head p{margin:0}.grade{display:flex;align-items:center;gap:10px;font-size:14px}.grade select{border:1px solid #cbd5cb;border-radius:14px;padding:10px 35px 10px 15px;background:#fff;color:var(--ink);min-height:46px}.lesson-layout{display:grid;grid-template-columns:260px 1fr;gap:28px}.lesson-nav{display:flex;flex-direction:column;gap:9px;align-items:stretch}.lesson-tab{text-align:left;border:1px solid transparent;background:transparent;padding:16px 18px;border-radius:17px;display:flex;gap:13px;align-items:center}.lesson-tab:hover{background:#f0f1e9}.lesson-tab.active{background:#e4edff;border-color:#becfed;color:#254799}.lesson-tab span{display:block}.lesson-tab small{display:block;font-size:13px;opacity:.8;margin-top:3px}.lesson-tab strong{font-size:17px}.activity{border:1px solid var(--line);border-radius:30px;background:#fff;padding:32px;min-height:390px}.activity-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:22px}.activity-head h2{margin:0;font-size:25px}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:30px;background:#f1f4e9;font-size:13px;color:#426047}.question{font-size:clamp(30px,5vw,58px);line-height:1.5;text-align:center;margin:28px 0;font-weight:800;color:#264c9c}.answer-form{display:flex;justify-content:center;gap:12px}.answer-form input{width:165px;min-height:55px;border:2px solid #becdec;border-radius:16px;text-align:center;font-size:25px;color:#24499d}.center{text-align:center}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:600px;margin:20px auto}.answers .choice{font-size:19px;padding:18px}.answers .choice.correct{background:#e1f1df;border-color:#60875e}.answers .choice.wrong{background:#fff0e8;border-color:#ce603e}.tip{padding:15px 18px;background:#f5f6ef;border-radius:16px;font-size:15px;color:#51614e;margin-top:23px}.tip p:last-child{margin-bottom:0}.progress-meta{display:flex;justify-content:space-between;margin-top:25px;font-size:14px;color:var(--muted)}.fraction-diagram{display:flex;justify-content:center;margin:25px auto;gap:5px}.fraction-piece{height:70px;width:48px;border:2px solid #698acd;border-radius:7px;background:#eff4ff}.fraction-piece.filled{background:#86a7e9}.poem{font-size:25px;line-height:2.1;text-align:center;letter-spacing:.06em;margin:20px 0}.poem cite{display:block;font-size:14px;font-style:normal;letter-spacing:0;color:var(--muted)}.poem .blank{border-bottom:2px dashed #bb5744;color:#a5412e}.timer{font-size:72px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums;color:#326240;line-height:1.3;margin:20px 0}.timer-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.steps{padding-left:24px;color:var(--muted)}.steps li{padding:5px 0}.science-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.science-intro .feature{min-height:320px}.science-intro .feature h2{font-size:34px}.catalog{margin:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.catalog-item{border-top:1px solid #dfe4d8;padding:24px 8px;display:flex;gap:17px;align-items:start}.catalog-item h3{margin:0 0 7px}.catalog-item p{margin:0 0 12px;font-size:15px}.catalog-item .icon{margin-top:5px;color:#668361}.lab-shell{background:#112031;border-radius:23px;overflow:hidden}.lab-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;color:#fff;gap:15px}.lab-toolbar p{margin:0;color:#d5dfeb;font-size:14px}.lab-shell iframe{width:100%;height:740px;border:0;display:block;background:#0b1018}.lab-shell:fullscreen{border-radius:0;display:flex;flex-direction:column}.lab-shell:fullscreen iframe{height:100%;flex:1}.load-note{font-size:14px;margin-top:12px}.experiment{display:grid;grid-template-columns:1fr 1fr;gap:24px}.experiment h3{margin-bottom:10px}.experiment label{display:block;margin:14px 0}.experiment input[type=range]{width:100%;accent-color:#cb4a22}.range-value{font-size:21px;font-weight:800}.bar-visual{height:170px;display:flex;align-items:flex-end;gap:10px;padding-top:20px}.bar-visual div{width:70px;background:#afc8f0;border-radius:10px 10px 0 0;transition:height .25s;position:relative;min-height:28px}.bar-visual span{position:absolute;bottom:5px;width:100%;text-align:center;font-size:14px;color:#213e68}.fraction-note{text-align:center;color:var(--muted)}@media(min-width:1450px){main{padding-top:30px}.welcome{padding-top:25px;padding-bottom:30px}.subjects{gap:22px}}@media(max-width:1350px){main,footer{margin-left:40px;margin-right:40px}.header{padding-left:40px;padding-right:40px}.header-note{display:none}}@media(max-width:900px){.header{padding:20px 24px;flex-wrap:wrap}.header nav{order:2;justify-content:space-between;width:100%;border-top:1px solid var(--line);padding-top:13px}.header nav a{padding:7px 12px}main,footer{margin-left:24px;margin-right:24px}.welcome{gap:10px;padding:0}.welcome h1{font-size:36px}.welcome p{font-size:15px}.subjects{grid-template-columns:repeat(2,1fr)}.discovery{grid-template-columns:1fr 1fr}.feature{padding:24px}.feature-visual{display:none}.lesson-layout{grid-template-columns:1fr}.lesson-nav{flex-direction:row;flex-wrap:wrap}.lesson-tab{flex:1;padding:12px;min-width:160px}.lesson-tab .icon{display:none}.science-intro{grid-template-columns:1fr}.experiment{grid-template-columns:1fr 1fr}}@media(max-width:580px){.header{padding:18px 20px 10px;gap:18px}.brand strong{font-size:23px}.brand-cn{font-size:18px}.header nav{gap:0;overflow:auto}.header nav a{font-size:14px;padding:8px 11px}.brand small{font-size:12px;letter-spacing:.08em}main{margin:0 20px;padding-top:12px}.welcome{grid-template-columns:1fr;gap:0;position:relative}.welcome-copy{padding:12px 0 0;position:relative;z-index:1}.welcome h1{font-size:36px;line-height:1.3;margin-bottom:12px}.welcome p{max-width:24ch;margin-bottom:15px}.welcome-art{margin:0 0 10px 32%;max-width:290px;margin-top:-30px;pointer-events:none}.welcome-art img{border-radius:30px}.art-note{font-size:12px;padding:5px 10px;left:2%;bottom:-4px}.hello-label{font-size:14px}.subject-heading{padding:0;margin:26px 0 15px;align-items:end}.subject-heading h2{font-size:23px}.subject-heading p{font-size:12px;max-width:10ch;text-align:right}.subjects{gap:12px}.subject{padding:18px 16px;min-height:190px;border-radius:23px}.subject h3{font-size:25px}.subject p{font-size:13px;max-width:9ch}.subject-top{margin-bottom:13px}.subject-top .tag{font-size:10px}.subject-top .icon{width:27px}.go{right:13px;bottom:16px;width:26px;height:26px}.discovery{grid-template-columns:1fr;gap:16px;margin-top:20px}.feature{padding:24px}.feature h2{font-size:25px}.feature-visual{display:grid;width:75px;height:75px}.feature-visual .icon{width:46px}.daily{padding:23px}.page-head{align-items:start;flex-direction:column;margin-bottom:20px}.page-head h1{font-size:31px}.breadcrumb{margin:10px 0 20px}.lesson-nav{gap:6px}.lesson-tab{min-width:0;flex:1;padding:10px 8px;text-align:center;justify-content:center}.lesson-tab strong{font-size:15px}.lesson-tab small{font-size:12px}.activity{padding:23px 18px;min-height:350px;border-radius:24px}.activity-head{align-items:start}.activity-head h2{font-size:22px}.pill{font-size:12px;white-space:nowrap;padding:4px 8px}.question{font-size:38px;margin:24px 0}.answers .choice{font-size:17px;padding:14px}.answer-form input{width:125px}.poem{font-size:21px}.catalog{grid-template-columns:1fr;gap:0}.science-intro .feature{min-height:260px}.science-intro .feature h2{font-size:29px}.lab-toolbar{padding:12px;flex-wrap:wrap}.lab-shell iframe{height:740px}.experiment{grid-template-columns:1fr}.timer{font-size:64px}footer{margin:0 20px;flex-wrap:wrap;padding:22px 0;font-size:12px;gap:7px 18px}footer a{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

[hidden]{display:none!important}

@font-face{font-family:BrianRound;src:url('/assets/rounded-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@media(max-width:580px){.subject p{max-width:none}.subject-heading{flex-wrap:wrap;gap:6px}.subject-heading p{max-width:none;text-align:left}.feature-visual{display:none}.feature{grid-template-columns:1fr}.welcome-art{margin-top:-20px}}