:root{--kids-bg:#fff9ef;--kids-surface:#fffef9;--kids-text:#243b32;--kids-text-muted:#53675d;--kids-primary:#f7c948;--kids-primary-edge:#b88218;--kids-mint:#a9dcc6;--kids-sky:#b8dff4;--kids-peach:#f6c5ae;--kids-focus:#1d64a8;--kids-radius-button:20px;--kids-radius-card:24px;--kids-space:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--kids-bg);color:var(--kids-text);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:20px;line-height:1.6}a{color:inherit}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--kids-focus);outline-offset:5px}.topbar{max-width:1240px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:28px;font-weight:800;text-decoration:none;letter-spacing:2px;min-height:56px}.brand span{display:block;font-size:14px;font-weight:400;letter-spacing:1px;color:var(--kids-text-muted)}.parent-link{font-size:18px;min-height:56px;display:flex;align-items:center;padding:8px 16px;border:1px solid #6b8275;border-radius:var(--kids-radius-button);text-decoration:none;flex-shrink:0}main{max-width:1180px;margin:auto;padding:0 32px}.welcome{text-align:center;padding:24px 0 12px}.eyebrow{color:var(--kids-text-muted);font-size:18px;margin:0 0 8px}h1{font-size:clamp(28px,4vw,40px);line-height:1.4;letter-spacing:2px;margin:0 0 12px}.welcome>p:not(.eyebrow){margin:0 0 20px;color:var(--kids-text-muted)}.start{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:64px;padding:10px 30px;border:1px solid #85631f;border-radius:var(--kids-radius-button);background:var(--kids-primary);box-shadow:0 4px 0 var(--kids-primary-edge);text-decoration:none;font-size:22px;font-weight:700;transition:transform .15s}.start:active,.subject:active .subject-label{transform:translateY(3px)}.subject-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0 44px}.subject{min-width:0;text-decoration:none;text-align:center;border-radius:var(--kids-radius-card);padding:0 8px 16px}.scene{display:block;width:100%;aspect-ratio:1;background-image:url('/img/subjects-picturebook.png');background-size:300% 100%;background-repeat:no-repeat}.chinese .scene{background-position:left center}.math .scene{background-position:center}.english .scene{background-position:right center}.subject-label{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;margin:0 10px;padding:10px 24px;border:2px solid #6b8275;border-radius:var(--kids-radius-button);background:var(--kids-mint);box-shadow:0 4px 0 #829c82;font-size:28px;font-weight:800;transition:transform .15s}.math .subject-label{background:var(--kids-peach);border-color:#9b6951;box-shadow:0 4px 0 #c79377}.english .subject-label{background:var(--kids-sky);border-color:#587c8c;box-shadow:0 4px 0 #7fa6b5}.subject[aria-current=true] .subject-label{outline:3px solid var(--kids-text);outline-offset:5px}.subject-caption{display:block;font-size:18px;color:var(--kids-text-muted);margin-top:20px}.worlds{scroll-margin-top:24px;padding:32px 0 40px;border-top:1px solid #c6d1bb}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading h2{font-size:30px;margin:0}.section-heading #count{font-size:18px;color:var(--kids-text-muted);flex-shrink:0}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.module-card{background:var(--kids-surface);border:1px solid #c6d1bb;border-radius:var(--kids-radius-card);padding:24px;display:flex;flex-direction:column}.card-top{display:flex;align-items:start;justify-content:space-between;gap:16px}.card-title{font-size:24px;line-height:1.5;margin:0}.age{font-size:16px;color:var(--kids-text-muted);flex-shrink:0;line-height:2.2}.description{font-size:18px;color:var(--kids-text-muted);margin:16px 0 24px}.quick-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:auto}.quick-link,.retry{min-height:64px;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:1px solid #6b8275;border-radius:var(--kids-radius-button);background:#e4eedb;color:var(--kids-text);font:inherit;font-size:20px;text-decoration:none}.quick-link:hover,.parent-link:hover{background:#d9e8ce}.retry{cursor:pointer;margin:16px}.parent-note{border-top:1px solid #c6d1bb;padding:32px 0;font-size:18px;color:var(--kids-text-muted);scroll-margin-top:24px}.parent-note h2{font-size:22px;color:var(--kids-text);margin:0}.parent-note a{display:inline-flex;align-items:center;min-height:56px;gap:12px}footer{text-align:center;font-size:18px;color:var(--kids-text-muted);padding:0 24px 32px}
@media(max-width:700px){main{padding:0 20px}.topbar{padding:20px;gap:12px}.brand{font-size:23px}.brand span{font-size:12px;letter-spacing:0}.parent-link{font-size:16px;padding:8px 12px}.welcome{padding-top:12px}.welcome>p:not(.eyebrow){font-size:18px}.subject-map{grid-template-columns:1fr;gap:16px;margin-top:32px}.subject{display:grid;grid-template-columns:112px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;column-gap:16px;padding:8px 0}.scene{grid-row:1/3}.subject-label{margin:0;min-height:64px;font-size:26px;padding:8px 20px}.subject-caption{font-size:18px;margin-top:12px;line-height:1.5}.module-grid{grid-template-columns:1fr}.section-heading{gap:12px;align-items:start;flex-direction:column}.section-heading #count{margin:0}.module-card{padding:20px}.card-top{flex-wrap:wrap;gap:4px 12px}.card-title{font-size:23px}.worlds{padding-top:24px}.quick-link{flex:1}.eyebrow{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.start:active,.subject:active .subject-label{transform:none}}

.brand{display:flex;align-items:center;gap:12px}.brand>.brand-copy{font:inherit;letter-spacing:inherit;color:inherit}.brand .learning-brand{width:48px;height:48px}@media(max-width:400px){.brand{gap:8px;font-size:21px}.brand .learning-brand{width:40px;height:40px}.brand span span{font-size:11px}}