.story-home{background:var(--sv-color-surface)}.story-home section,.product-strip{scroll-margin-top:100px}.story-hero{isolation:isolate;align-items:center;width:min(100%,1680px);min-height:660px;margin:auto;display:flex;position:relative;overflow:hidden}.story-hero-image{z-index:-2;object-fit:cover;object-position:center 48%;width:100%;height:100%;position:absolute;top:0;right:0}.story-hero-copy{width:100%;padding:84px max(40px,50vw - 640px)}.story-eyebrow{color:var(--sv-color-brand);letter-spacing:.06em;margin-bottom:24px;font-size:14px;font-weight:600}.story-hero h1{letter-spacing:-.045em;font-size:clamp(34px,4.1vw,64px);font-weight:740;line-height:1.35}.story-lead{color:var(--sv-color-ink-muted);margin:26px 0 32px;font-size:17px;line-height:1.9}.story-handnote{color:var(--sv-color-brand);letter-spacing:.12em;margin-top:64px;font-size:16px}.hero-image-note{background:var(--sv-color-surface);color:var(--sv-color-ink-muted);opacity:.85;border-radius:4px;padding:4px 8px;font-size:10px;position:absolute;bottom:12px;right:20px}:root[data-theme=dark] .story-hero-image{opacity:.28}.product-strip{grid-template-columns:repeat(5,1fr);width:min(1280px,100% - 80px);margin:auto;padding:28px 0;display:grid}.product-strip a{border-right:1px solid var(--sv-color-border);color:var(--sv-color-ink);grid-template-columns:auto 1fr;gap:4px 16px;padding:12px 24px;text-decoration:none;display:grid}.product-strip a:first-child{padding-left:0}.product-strip a:last-child{border:0}.product-strip :where(a)>span{color:var(--sv-color-brand);grid-row:1/3;padding-top:4px;font-size:12px}.product-strip strong{font-size:16px;font-weight:600}.product-strip small{color:var(--sv-color-ink-muted);font-size:12px}.product-strip a:hover strong{color:var(--sv-color-brand)}.product-chapter{padding:82px 40px}.chapter-tinted{background:color-mix(in srgb, var(--sv-color-info) 4%, var(--sv-color-surface))}.chapter-inner{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(40px,6vw,90px);max-width:1280px;margin:auto;display:grid}.chapter-reversed{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.chapter-reversed .chapter-copy{order:2}.chapter-copy h2,.story-close h2{letter-spacing:-.035em;font-size:clamp(26px,2.7vw,41px);font-weight:700;line-height:1.45}.chapter-copy>p:not(.story-eyebrow):not(.lab-gesture){max-width:28em;color:var(--sv-color-ink-muted);margin-top:22px;font-size:16px;line-height:1.95}.feature-notes{flex-wrap:wrap;gap:10px 22px;margin:26px 0;list-style:none;display:flex}.feature-notes li{border-left:2px solid var(--sv-color-brand);padding-left:10px;font-size:13px;font-weight:550}.story-link{color:var(--sv-color-brand);text-underline-offset:6px;gap:12px;padding:12px 0;font-size:14px;font-weight:550;display:inline-flex}.story-link:hover{text-decoration-thickness:2px}.product-demo{background:var(--sv-color-surface);border:1px solid var(--sv-color-border);width:100%;min-width:0;box-shadow:0 18px 55px color-mix(in srgb, var(--sv-color-info) 7%, transparent);border-radius:14px;overflow:hidden}.demo-heading{border-bottom:1px solid var(--sv-color-border);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.demo-heading>span{align-items:center;gap:10px;font-size:13px;font-weight:650;display:flex}.demo-heading small{color:var(--sv-color-ink-muted);font-size:10px}.photo-view{background:var(--sv-color-surface-subtle);height:300px;position:relative;overflow:hidden}.demo-student{object-fit:contain;width:100%;height:100%;transition:transform .12s linear}.tracking-frame{border:2px solid var(--sv-color-info);pointer-events:none;border-radius:22px;width:36%;height:70%;transition:transform .3s ease-out;position:absolute;top:13%;left:32%}.tracking-frame>span{color:var(--sv-color-info);background:var(--sv-color-surface);border-radius:4px;padding:2px 6px;font-size:11px;position:absolute;top:-25px;left:0}.photo-name{background:var(--sv-color-surface);border-radius:6px;padding:5px 12px;font-size:12px;position:absolute;bottom:12px;left:20px}.photo-result{background:var(--sv-color-surface);border:1px solid var(--sv-color-border);border-radius:8px;justify-items:center;gap:8px;padding:10px;display:grid;position:absolute;top:30px;right:12px;box-shadow:0 5px 20px #0001}.photo-result img{object-fit:cover;width:60px;height:80px}.photo-result span{color:var(--sv-color-success);font-size:10px}.demo-controls{padding:16px 20px}.position-control{color:var(--sv-color-ink-muted);justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px;font-size:12px;display:flex}.position-control input{width:42%;min-width:80px;min-height:32px;accent-color:var(--sv-color-brand)}.demo-button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo-button-row button{border:1px solid var(--sv-color-border);background:var(--sv-color-surface);min-height:40px;color:var(--sv-color-ink);cursor:pointer;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:550}.demo-button-row button:hover{background:var(--sv-color-surface-subtle)}.demo-button-row .demo-primary{background:var(--sv-color-brand);border-color:var(--sv-color-brand);color:var(--sv-color-brand-contrast)}.demo-button-row .demo-primary:hover{background:var(--sv-color-brand-hover)}.demo-button-row button:disabled{opacity:.5;cursor:not-allowed}.demo-button-row small{color:var(--sv-color-ink-muted);font-size:10px}.demo-status{min-height:20px;color:var(--sv-color-ink-muted);margin-top:10px;font-size:11px;line-height:1.7}.evaluation-body{grid-template-columns:.85fr 1.15fr;gap:14px;padding:18px 18px 0;display:grid}.lesson-image{border-radius:7px;min-height:175px;position:relative;overflow:hidden}.lesson-image img{object-fit:cover;object-position:75% center;width:100%;height:100%}.lesson-image>span{background:var(--sv-color-surface);border-radius:3px;padding:3px 7px;font-size:9px;position:absolute;bottom:8px;left:8px}.demo-label{color:var(--sv-color-ink-muted);font-size:11px;line-height:1.6}.transcript button{text-align:left;width:100%;color:var(--sv-color-ink);cursor:pointer;background:0 0;border:0;border-radius:5px;gap:8px;margin-top:5px;padding:12px 7px;font-size:12px;line-height:1.7;display:flex}.transcript button[aria-pressed=true]{background:color-mix(in srgb, var(--sv-color-info) 10%, var(--sv-color-surface))}.transcript time{color:var(--sv-color-info);padding-top:2px;font-size:10px}.evidence-advice{background:var(--sv-color-surface-subtle);border-left:2px solid var(--sv-color-brand);min-height:126px;margin:18px 18px 0;padding:14px 18px}.evidence-advice h3{margin:6px 0;font-size:15px}.evidence-advice p{color:var(--sv-color-ink-muted);font-size:12px;line-height:1.8}.class-comparison{grid-template-columns:1fr 1fr;gap:24px;padding:22px;display:grid}.class-comparison h3{justify-content:space-between;gap:12px;padding-bottom:15px;font-size:15px;display:flex}.class-comparison :where(h3) span{color:var(--sv-color-brand)}.class-comparison ul{margin-top:10px;list-style:none}.class-comparison li{border-bottom:1px solid var(--sv-color-border);flex-wrap:wrap;justify-content:space-between;gap:4px;padding:11px 8px;font-size:12px;display:flex}.class-comparison li small{color:var(--sv-color-brand);font-size:9px}.exchange-student{background:color-mix(in srgb, var(--sv-color-info) 7%, var(--sv-color-surface))}.assignment-rule{border-top:1px solid var(--sv-color-border);flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0 22px;padding:12px 0;font-size:11px;display:flex}.assignment-rule>span{color:var(--sv-color-ink-muted)}.adjustment-summary{min-height:22px;color:var(--sv-color-ink-muted);margin-bottom:12px;font-size:12px;line-height:1.7}.adjustment-summary.conflict{color:var(--sv-color-danger)}.schedule-table-wrap{padding:18px 16px 0}.demo-timetable{table-layout:fixed;border-collapse:separate;border-spacing:5px;text-align:center;width:100%;font-size:12px}.demo-timetable caption{text-align:left;color:var(--sv-color-ink-muted);padding:0 4px 10px;font-size:11px}.demo-timetable th{padding-bottom:8px;font-size:11px;font-weight:500}.demo-timetable th:first-child{width:28px}.demo-timetable td{background:var(--sv-color-surface-subtle);border-radius:4px;height:40px}.demo-timetable td:has([data-subject=数学]),.demo-timetable td:has([data-subject=物理]){background:color-mix(in srgb, var(--sv-color-info) 9%, var(--sv-color-surface))}.demo-timetable td:has([data-subject=体育]){background:color-mix(in srgb, var(--sv-color-success) 12%, var(--sv-color-surface))}.demo-timetable .selected-lesson{outline:2px solid var(--sv-color-brand);outline-offset:-2px;color:var(--sv-color-brand)}.schedule-destination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.schedule-destination select{border:1px solid var(--sv-color-border);background:var(--sv-color-surface);color:var(--sv-color-ink);border-radius:5px;min-height:38px;padding:8px}.demo-footnote{color:var(--sv-color-ink-muted);margin-top:12px;font-size:10px;line-height:1.7;display:block}.chapter-lab .classroom{padding:0}.chapter-lab .scene{max-height:none}.lab-gesture{color:var(--sv-color-ink-muted);margin-top:14px;font-size:12px;line-height:1.8}.story-close{grid-template-columns:1.3fr 1fr;gap:70px;max-width:1360px;margin:auto;padding:90px 40px;display:grid}.story-close p:not(.story-eyebrow){color:var(--sv-color-ink-muted);margin:20px 0;font-size:15px;line-height:1.9}.story-entry{border-left:1px solid var(--sv-color-border);padding-left:60px}.story-entry h3{font-size:20px}.story-entry>a{display:table}.story-entry .story-link{margin-top:10px}.story-updates{max-width:1360px;margin:auto;padding:0 40px 60px}.story-updates header{justify-content:space-between;align-items:center;display:flex}.story-updates h2{font-size:22px}.story-updates ol{list-style:none}.story-updates li{border-top:1px solid var(--sv-color-border);grid-template-columns:120px 1fr;gap:8px 20px;padding:18px 0;display:grid}.story-updates time{color:var(--sv-color-ink-muted);font-size:12px}.story-updates li a{color:var(--sv-color-ink);font-weight:600}.story-updates li p{color:var(--sv-color-ink-muted);grid-column:2;font-size:13px}.story-noscript{text-align:center;padding:24px;font-size:13px}@media (width>=1600px){.story-hero-copy{padding-left:80px}}@media (width<=1100px){.story-hero{min-height:590px}.story-hero-copy{padding:60px 36px}.story-hero h1{font-size:43px}.story-hero-image{object-position:60% center;opacity:.55}.product-strip{width:calc(100% - 64px)}.product-strip a{column-gap:8px;padding-inline:12px}.product-chapter{padding:64px 32px}.chapter-inner{gap:32px}.chapter-copy h2{font-size:28px}.chapter-copy>p:not(.story-eyebrow):not(.lab-gesture){font-size:14px}.feature-notes{gap:10px 14px}.evaluation-body{grid-template-columns:1fr}.lesson-image{height:130px;min-height:0}.lesson-image img{object-position:70% 48%}.transcript button{padding:6px}}@media (width<=760px){.story-home section,.product-strip{scroll-margin-top:130px}.story-hero{flex-direction:column;align-items:stretch;min-height:0;display:flex}.story-hero-image{object-position:80% center;opacity:1;order:2;width:100%;height:280px;position:static}.story-hero-copy{background:var(--sv-color-surface);padding:40px 24px 28px}.story-hero h1{font-size:clamp(29px,7.4vw,48px)}.story-eyebrow{margin-bottom:18px;font-size:12px}.story-lead{margin:18px 0 24px;font-size:14px}.story-handnote{margin-top:26px;font-size:13px}.product-strip{grid-template-columns:repeat(3,1fr);row-gap:20px;width:calc(100% - 48px);padding-block:24px}.product-strip a{border:0;padding:0;display:block}.product-strip a span{display:none}.product-strip strong{font-size:13px}.product-strip small{margin-top:5px;font-size:10px;display:block}.product-chapter{padding:44px 24px}.chapter-inner,.chapter-reversed{grid-template-columns:minmax(0,1fr);gap:24px}.chapter-reversed .chapter-copy{order:0}.chapter-copy h2{font-size:27px}.chapter-copy>p:not(.story-eyebrow):not(.lab-gesture){max-width:100%}.feature-notes{margin:20px 0 8px}.feature-notes li{font-size:12px}.story-link{font-size:13px}.photo-view{height:280px}.demo-heading{padding:12px}.demo-controls{padding:14px 12px}.position-control{gap:8px;font-size:11px}.class-comparison{gap:14px;padding:16px 12px}.class-comparison li{padding:10px 6px;display:block}.class-comparison li small{margin-top:4px;display:block}.schedule-table-wrap{padding:14px 6px 0}.demo-timetable{border-spacing:3px;font-size:11px}.demo-timetable th{font-size:10px}.evaluation-body{padding:12px 12px 0}.lesson-image{height:155px}.evidence-advice{margin:12px 12px 0}.story-close{grid-template-columns:1fr;gap:32px;padding:50px 24px}.story-entry{border-left:0;border-top:1px solid var(--sv-color-border);padding:28px 0 0}.story-close h2{font-size:26px}.story-updates{padding-inline:24px}.story-updates li{grid-template-columns:1fr}.story-updates li p{grid-column:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-home *,.story-home :before,.story-home :after{scroll-behavior:auto;transition:none;animation:none}}.story-handnote{background:var(--sv-color-surface);border-radius:4px;padding:6px 10px;display:table}.distribution-chart{padding:0 0 14px}.distribution-chart label{color:var(--sv-color-ink-muted);grid-template-columns:28px minmax(0,1fr) 24px;align-items:center;gap:6px;margin-bottom:6px;font-size:9px;display:grid}.distribution-chart meter{width:100%;height:12px}.distribution-chart meter::-webkit-meter-bar{background:var(--sv-color-surface-subtle);border:0}.distribution-chart meter::-webkit-meter-optimum-value{background:var(--sv-color-info)}.distribution-chart meter::-moz-meter-bar{background:var(--sv-color-info)}