/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{--ink:#153c3a;--teal:#168b7d;--teal2:#dff3ed;--orange:#f28b52;--purple:#7857c8;--paper:#f7f7ef;--muted:#617876;--line:#dbe6df;--white:#fff;--shadow:0 18px 55px #1a4c461a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,Arial,sans-serif}button{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}.app{min-height:100vh;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#f7f7eff0;border-bottom:1px solid #153c3a17;align-items:center;gap:34px;height:76px;padding:0 max(24px,50vw - 620px);display:flex;position:relative}.brand{text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.brand-mark{background:var(--ink);color:#fff;border-radius:50% 50% 48% 42%;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.brand b{letter-spacing:.08em;font-size:17px;display:block}.brand small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.topbar nav{gap:6px;margin-left:auto;display:flex}.topbar nav button{color:#5b706e;background:0 0;border:0;border-radius:8px;padding:11px 16px;font-weight:700;position:relative}.topbar nav button.active{color:var(--teal)}.topbar nav button.active:after{content:"";background:var(--teal);border-radius:4px;height:3px;position:absolute;bottom:0;left:16px;right:16px}.teacher-toggle{background:#fff;border:1px solid #cbdad5;border-radius:10px;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-weight:700;display:flex}.teacher-toggle.on{background:var(--ink);color:#fff}.hero{grid-template-columns:1.04fr .96fr;align-items:center;gap:65px;max-width:1240px;min-height:660px;margin:auto;padding:64px 24px 74px;display:grid;position:relative}.hero:before{content:"";border:1px solid #168b7d1f;border-radius:50%;width:430px;height:430px;position:absolute;top:70px;left:-250px;box-shadow:0 0 0 60px #168b7d06,0 0 0 130px #168b7d05}.eyebrow{letter-spacing:.16em;color:var(--teal);text-transform:uppercase;font-size:12px;font-weight:900}.hero h1,.page-intro h1{letter-spacing:-.055em;margin:18px 0 22px;font-size:clamp(42px,5.3vw,72px);font-weight:900;line-height:1.1}.hero h1 em{color:var(--teal);font-style:normal;position:relative}.hero h1 em:after{content:"";border-top:3px solid var(--orange);border-radius:50%;height:7px;position:absolute;bottom:-5px;left:2px;right:0}.hero-copy>p{color:var(--muted);max-width:620px;font-size:18px;line-height:1.8}.hero-actions{align-items:center;gap:25px;margin:32px 0 25px;display:flex}.primary{background:var(--teal);color:#fff;border:0;border-radius:10px;min-height:48px;padding:0 20px;font-weight:900;transition:transform .2s,background .2s;box-shadow:0 8px 18px #168b7d33}.primary:hover{background:#10786d;transform:translateY(-2px)}.primary span{margin-left:10px}.text-button{text-underline-offset:5px;background:0 0;border:0;font-weight:900;text-decoration:underline}.trust-row{color:#70827f;flex-wrap:wrap;gap:10px 20px;font-size:11px;display:flex}.hero-lab{background:var(--white);box-shadow:var(--shadow);border:1px solid #dfe9e3;border-radius:22px;padding:24px;position:relative;transform:rotate(.4deg)}.hero-lab:after{content:"拖动这里";color:var(--orange);font-size:12px;font-weight:900;position:absolute;top:116px;right:-30px;transform:rotate(7deg)}.lab-kicker{align-items:center;gap:8px;margin-bottom:17px;font-size:12px;font-weight:900;display:flex}.pulse-dot,.live-dot:before{background:var(--orange);border-radius:50%;width:8px;height:8px;display:inline-block}.pulse-dot{box-shadow:0 0 0 5px #ffecdf}.mini-scene{touch-action:none;background:linear-gradient(#f1eee3 0 58%,#e1f1ea 58% 100%);border:1px solid #e2e7de;border-radius:15px;height:280px;position:relative;overflow:hidden}.river{border-top:3px solid var(--teal);background:repeating-radial-gradient(at 10px 0,#0000 0 10px,#c5e3dd 11px 12px,#0000 13px 25px);height:55px;position:absolute;top:58%;left:0;right:0}.river span{color:#397c73;font-size:11px;position:absolute;top:12px;left:13px}.mini-a,.mini-b{font-size:12px;font-weight:900;position:absolute}.mini-a{top:45px;left:12%}.mini-b{top:70px;right:10%}.mini-line{background:var(--orange);transform-origin:100%;height:2px;position:absolute;top:58%}.mini-line.one{top:37%;left:16%;transform:rotate(23deg)}.mini-line.two{transform-origin:0;top:42%;right:12%;transform:rotate(-21deg)}.drag-knob{z-index:3;touch-action:none;background:#f28b5233;border:0;border-radius:50%;width:48px;height:48px;position:absolute;top:calc(58% - 18px);transform:translate(-50%)}.drag-knob span{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;margin:auto;font-weight:900;display:grid;box-shadow:0 4px 10px #f28b5266}.mini-readout{color:var(--muted);justify-content:space-between;padding:15px 2px 12px;font-size:12px;display:flex}.mini-readout b{color:var(--ink);font-size:17px}.wide{width:100%}.section{max-width:1240px;margin:auto;padding:85px 24px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:35px;display:flex}.section-heading h2,.catalog-group h2,.record-list h2{letter-spacing:-.04em;margin:12px 0 0;font-size:35px}.section-heading p{color:var(--muted)}.course-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.course-card{text-align:left;background:#fff;border:1px solid #dce7e0;border-radius:16px;padding:18px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.course-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.card-index{color:#fff;z-index:2;font-size:11px;font-weight:900;position:absolute;top:27px;right:28px}.card-visual{border-radius:11px;place-items:center;height:165px;margin-bottom:18px;display:grid;overflow:hidden}.card-visual span{color:#fff;font-family:Georgia,serif;font-size:82px;transform:rotate(-8deg)}.visual-path{background:linear-gradient(135deg,#f5a372,#db6e3d)}.visual-congruence{background:linear-gradient(135deg,#8972c9,#6040b0)}.visual-lens{background:linear-gradient(135deg,#2aab9b,#08796e)}.course-tag{color:var(--teal);font-size:11px;font-weight:900}.course-card h3{margin:9px 0;font-size:20px}.course-card p{color:var(--muted);min-height:44px;font-size:13px;line-height:1.65}.course-card>b{color:var(--orange);font-size:12px}.method-strip{background:var(--ink);color:#fff;border-radius:16px;justify-content:space-between;align-items:center;max-width:1192px;margin:0 auto 100px;padding:28px 45px;display:flex}.method-strip div{grid-template-columns:35px auto;column-gap:10px;display:grid}.method-strip div span{color:#75c8bd;grid-row:1/3;font-weight:900}.method-strip b{font-size:14px}.method-strip small{color:#9fb5b2;margin-top:3px;font-size:11px}.method-strip>i{color:#6a8985;font-style:normal}.page-shell{max-width:1190px;min-height:800px;margin:auto;padding:70px 24px 110px}.page-intro{max-width:880px;margin-bottom:50px}.page-intro h1{font-size:clamp(38px,4.5vw,58px)}.page-intro p{color:var(--muted);font-size:17px}.catalog-live{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:70px;display:grid}.catalog-live>button{background:var(--ink);color:#fff;text-align:left;border:0;border-radius:14px;flex-direction:column;align-items:flex-start;min-height:180px;padding:25px;display:flex}.catalog-live .live-dot{color:#8fe0d4}.live-dot{letter-spacing:.06em;font-size:10px;font-weight:900}.live-dot:before{width:7px;height:7px;margin-right:6px}.catalog-live b{margin:20px 0 8px;font-size:19px}.catalog-live small{color:#a8bfbb;line-height:1.5}.catalog-live i{color:#f6aa7f;margin-top:auto;font-size:12px;font-style:normal;font-weight:900}.catalog-group{margin:45px 0}.catalog-group h2{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:15px;font-size:27px;display:flex}.catalog-group h2 span{color:var(--muted);font-size:11px}.catalog-group>div{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.catalog-group article{background:#ffffffa6;border:1px solid #e0e8e2;border-radius:10px;align-items:center;gap:10px;padding:17px;display:flex}.catalog-group article>span{color:var(--teal)}.catalog-group article b{font-size:13px}.catalog-group article small{color:#9ba9a6;border:1px solid #d7dfdb;border-radius:20px;margin-left:auto;padding:3px 7px;font-size:10px}.course-shell{max-width:1440px;min-height:100vh;margin:auto}.course-top{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:28px;height:66px;padding:0 26px;display:flex}.back{background:0 0;border:0;font-size:12px;font-weight:900}.course-top>div:nth-child(2){align-items:center;gap:12px;display:flex}.course-top>div:nth-child(2) span{color:var(--teal);font-size:10px;font-weight:900}.course-top>div:nth-child(2) b{font-size:15px}.course-progress{align-items:center;gap:10px;margin-left:auto;display:flex}.course-progress>span{font-size:11px;font-weight:900}.course-progress>i{background:#e5ece7;border-radius:8px;width:110px;height:6px;overflow:hidden}.course-progress>i b{background:var(--teal);height:100%;display:block}.course-layout{grid-template-columns:210px 1fr;min-height:calc(100vh - 142px);display:grid}.learning-rail{border-right:1px solid var(--line);background:#f3f5ed;padding:25px 18px}.rail-head{justify-content:space-between;font-size:12px;display:flex}.rail-head span{color:var(--teal);font-weight:900}.rail-progress{background:#dfe8e1;border-radius:10px;height:5px;margin:12px 0 20px;overflow:hidden}.rail-progress i{background:var(--teal);height:100%;display:block}.learning-rail button{text-align:left;color:#80918f;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:12px 8px;display:flex}.learning-rail button span{border:1px solid #cfdad4;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.learning-rail button b{font-size:12px}.learning-rail button.current{color:var(--ink);background:#fff;border-radius:9px;box-shadow:0 5px 16px #153c3a0f}.learning-rail button.current span{background:var(--orange);color:#fff;border-color:var(--orange)}.learning-rail button.done{color:var(--teal)}.learning-rail button.done span{background:var(--teal);color:#fff}.experiment{width:100%;max-width:1080px;margin:auto;padding:28px 35px 70px}.experiment-head{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.experiment-head h1{margin:8px 0 0;font-size:27px}.reset{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:900}.lab-wrap{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:14px;display:grid}.lab-svg{border:1px solid var(--line);touch-action:none;background:#fff;border-radius:16px;grid-row:span 4;width:100%;box-shadow:0 8px 26px #153c3a0d}.lab-svg text{fill:var(--ink);-webkit-user-select:none;user-select:none;font-size:13px;font-weight:800}.lab-svg .svg-note{fill:#56827d;font-size:11px}.route-line{stroke:var(--orange);stroke-width:4px;fill:none}.guide-line{stroke:var(--purple);stroke-width:2.5px;stroke-dasharray:8 7;fill:none}.fold-line{stroke:#9f8ed1;stroke-width:2px;stroke-dasharray:3 6}.svg-purple{fill:var(--purple)!important}.snap-zone{fill:#f28b521f;stroke:var(--orange);stroke-width:2px;stroke-dasharray:4 4}.fixed-point{fill:var(--ink)}.drag-target{cursor:grab;outline:none}.drag-target>circle:first-child{fill:#f28b522e}.drag-target>circle:nth-child(2){fill:var(--orange);stroke:#fff;stroke-width:3px;filter:drop-shadow(0 4px 4px #68412b40)}.drag-target text{font-size:12px;fill:#fff!important}.drag-target:active{cursor:grabbing}.drag-target.snapped>circle:first-child{fill:#168b7d38;animation:1.2s infinite pulse}.drag-target.snapped>circle:nth-child(2){fill:var(--teal)}.drag-target.purple>circle:first-child{fill:#7857c830}.drag-target.purple>circle:nth-child(2){fill:var(--purple)}@keyframes pulse{50%{opacity:.5}}.metrics{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:9px;padding:16px;display:flex}.metrics div{flex-direction:column;display:flex}.metrics small{color:var(--muted);font-size:9px}.metrics b{font-size:18px}.metrics>span{color:#9cafaa}.metrics .total{border-left:1px solid var(--line);margin-left:auto;padding-left:13px}.metrics .total b{color:var(--teal)}.proximity{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:1fr auto;gap:8px;padding:15px;font-size:10px;display:grid}.proximity>div{background:#e7ede9;border-radius:8px;grid-column:1/3;height:7px;overflow:hidden}.proximity>div i{background:linear-gradient(90deg,var(--orange),var(--teal));height:100%;transition:width .2s;display:block}.proximity>b{color:var(--teal)}.direction-tip{color:#b66131;background:#fff6ef;border:1px dashed #e3ad8e;border-radius:11px;padding:13px;font-size:11px;font-weight:900;line-height:1.5}.direction-tip.success{color:#14786c;background:#e9f7f3;border-style:solid;border-color:#a7d8cf}.step-panel{border:1px solid var(--line);background:#fff;border-radius:15px;margin-top:18px;padding:24px}.step-kicker{color:var(--orange);font-size:11px;font-weight:900}.step-panel h2{margin:10px 0 19px;font-size:20px;line-height:1.5}.panel-actions{justify-content:flex-end;gap:10px;display:flex}.hint-button,.secondary{background:#fff;border:1px solid #cad9d3;border-radius:9px;min-height:44px;padding:0 16px;font-size:12px;font-weight:900}.prediction{flex-wrap:wrap;gap:9px;margin-bottom:20px;display:flex}.prediction button{background:#fbfcfa;border:1px solid #cfdcd6;border-radius:9px;padding:11px 14px}.prediction button.chosen{border-color:var(--teal);background:var(--teal2);color:#0b756a}.prediction small{width:100%;color:var(--muted)}.formula-card{background:#f4f3fb;border-radius:10px;justify-content:center;align-items:center;gap:14px;margin-bottom:18px;padding:18px;display:flex}.formula-card span,.formula-card b{color:var(--purple);background:#fff;border-radius:6px;padding:7px 10px}.formula-card i{font-style:normal}.transfer{gap:9px;margin-bottom:18px;display:flex}.transfer button{border:1px solid var(--line);background:#f8faf7;border-radius:8px;padding:10px 15px}.ghost-triangle{fill:#f28b5229;stroke:var(--orange);stroke-width:3px}.live-triangle{fill:#7857c82e;stroke:var(--purple);stroke-width:3px}.angle-arc{fill:none;stroke:var(--teal);stroke-width:4px}.invariant-row{gap:9px;display:grid}.invariant-row>div{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:12px 1fr;gap:2px 8px;padding:12px;display:grid}.invariant-row small{color:var(--muted);font-size:9px}.invariant-row b{grid-column:2;font-size:11px}.swatch{border-radius:50%;grid-row:1/3;width:8px;height:8px}.swatch.orange{background:var(--orange)}.swatch.purple{background:var(--purple)}.swatch.teal{background:var(--teal)}.axis{stroke:#7d9692;stroke-width:1.5px}.tick{stroke:#7d9692}.lens{fill:#5bb3d633;stroke:#278db3;stroke-width:4px}.object-arrow{fill:none;stroke:var(--orange);stroke-width:5px}.image-arrow{stroke:var(--purple);stroke-width:5px}.image-arrow.virtual{stroke-dasharray:7 6;opacity:.6}.ray{fill:none;stroke-width:2px}.ray1{stroke:#e06f3d}.ray2{stroke:var(--teal)}.ray3{stroke:var(--purple);stroke-dasharray:6 4}.screen{cursor:grab}.screen rect{fill:#26504c14;stroke:#748c88}.screen line{stroke:#607b77;stroke-width:3px}.screen.sharp rect{fill:#168b7d2b;stroke:var(--teal);filter:drop-shadow(0 0 8px #78d1c5)}.lens-metrics{grid-template-columns:1fr 1fr;display:grid}.lens-metrics .total{border:0;border-top:1px solid var(--line);grid-column:1/3;margin:0;padding:9px 0 0}.lens-metrics .total b{font-size:12px}.split{justify-content:space-between;align-items:end;max-width:none;display:flex}.split>div{max-width:750px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat-grid article{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;padding:22px;display:flex}.stat-grid small{color:var(--muted);font-size:11px}.stat-grid b{margin:12px 0;font-size:38px}.stat-grid b span{font-size:12px}.stat-grid i{color:var(--teal);font-size:10px;font-style:normal}.record-list{margin-top:45px}.record-list>article{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr 60px 140px;align-items:center;gap:15px;padding:18px 5px;display:grid}.record-icon{color:#fff;border-radius:12px;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.record-icon.path{background:var(--orange)}.record-icon.congruence{background:var(--purple)}.record-icon.lens{background:var(--teal)}.record-main>span{justify-content:space-between;display:flex}.record-main small{color:var(--muted);font-size:10px}.record-main>div{background:#e2e9e5;border-radius:10px;height:6px;margin-top:8px;overflow:hidden}.record-main>div i{background:var(--teal);height:100%;display:block}.record-list>article>strong{text-align:right;font-size:14px}.record-list>article>small{color:var(--muted);font-size:10px}.parent-report>.back{margin-bottom:30px}.report-title{max-width:800px}.report-title h1{letter-spacing:-.04em;margin:15px 0;font-size:48px}.report-title p{color:var(--muted)}.report-summary{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:180px 1fr;align-items:center;gap:35px;margin-top:40px;padding:35px;display:grid}.growth-ring{border:18px solid var(--teal2);outline:7px solid var(--teal);text-align:center;border-radius:50%;place-content:center;width:160px;height:160px;display:grid}.growth-ring b{font-size:34px}.growth-ring span{color:var(--muted);font-size:10px}.report-summary>div:last-child>span{border-radius:8px;margin-top:12px;padding:11px;font-size:12px;display:block}.good{color:#13786d;background:#e8f6f2}.watch{color:#a85e34;background:#fff3e9}.recommend{background:var(--ink);color:#fff;border-radius:15px;margin-top:20px;padding:27px}.recommend>span{color:#7cd0c3;font-size:10px}.recommend h2{margin:10px 0}.recommend p{color:#b5c7c4}.teacher-bar{background:var(--ink);color:#fff;justify-content:center;align-items:center;gap:12px;height:46px;font-size:11px;display:flex}.teacher-bar button{color:#fff;background:#254e4a;border:1px solid #52716d;border-radius:6px;padding:6px 10px}.teacher-bar span{color:#8ad2c8}.teacher-mode .lab-svg{max-height:68vh}.teacher-mode .learning-rail{display:none}.teacher-mode .course-layout{grid-template-columns:1fr}.teacher-mode .experiment{max-width:1280px}.teacher-mode .step-panel h2{font-size:25px}footer{min-height:150px;color:var(--muted);background:#e8eee7;justify-content:center;align-items:center;gap:30px;font-size:12px;display:flex}footer b{color:var(--ink);font-size:17px}footer button{background:0 0;border:0;text-decoration:underline}.mobile-nav{display:none}@media (width<=900px){.topbar{height:66px;padding:0 18px}.topbar nav{display:none}.teacher-toggle{margin-left:auto}.brand small{display:none}.hero{grid-template-columns:1fr;gap:30px;padding-top:50px}.hero h1{font-size:49px}.hero-lab{width:100%;max-width:620px;margin:auto}.course-grid,.catalog-live,.stat-grid{grid-template-columns:1fr}.method-strip{gap:25px;margin:0 20px 70px;padding:24px;overflow-x:auto}.section-heading{display:block}.catalog-group>div{grid-template-columns:1fr 1fr}.course-layout{grid-template-columns:1fr}.learning-rail{border:0;border-bottom:1px solid var(--line);padding:10px;display:flex;overflow-x:auto}.learning-rail .rail-head,.learning-rail .rail-progress{display:none}.learning-rail button{min-width:140px}.lab-wrap{grid-template-columns:1fr 210px}.split{display:block}.split .secondary{margin-top:20px}}@media (width<=640px){body{padding-bottom:62px}.topbar{position:sticky;top:0}.teacher-toggle{justify-content:center;width:42px;padding:0;font-size:0}.teacher-toggle span{font-size:17px}.hero{padding:38px 18px 55px}.hero h1{font-size:40px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch;gap:14px}.trust-row{display:grid}.hero-lab{padding:15px}.mini-scene{height:230px}.hero-lab:after{display:none}.section{padding:60px 18px}.section-heading h2{font-size:29px}.method-strip{grid-template-columns:1fr 1fr;display:grid}.method-strip>i{display:none}.page-shell{padding:45px 18px 90px}.page-intro h1,.report-title h1{font-size:36px}.catalog-group>div{grid-template-columns:1fr}.course-top{padding:0 12px}.course-top>div:nth-child(2) span,.course-progress>i{display:none}.course-top>div:nth-child(2) b{font-size:12px}.course-layout{display:block}.learning-rail button{min-width:120px;padding:8px 5px}.learning-rail button span{width:24px;height:24px}.experiment{padding:18px 12px 70px}.experiment-head h1{font-size:21px}.lab-wrap{grid-template-columns:1fr}.lab-svg{grid-row:auto}.metrics,.proximity,.direction-tip,.invariant-row{grid-column:1}.metrics{order:2}.proximity{order:3}.direction-tip{order:4}.step-panel{padding:18px}.panel-actions{flex-direction:column}.panel-actions button{width:100%}.formula-card{gap:4px;font-size:11px;overflow-x:auto}.record-list>article{grid-template-columns:44px 1fr 45px}.record-list>article>small{grid-column:2/4}.record-main>span small{display:none}.report-summary{grid-template-columns:1fr;padding:24px}.growth-ring{margin:auto}.mobile-nav{border-top:1px solid var(--line);z-index:40;background:#fff;justify-content:space-around;height:62px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{background:0 0;border:0;place-items:center;padding:6px 24px;font-size:18px;display:grid}.mobile-nav span{font-size:9px}footer{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.activity-card{background:#f9fbf7;border:1px solid #d9e5df;border-radius:12px;margin:16px 0 20px;padding:18px}.activity-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.activity-head b{font-size:14px}.activity-head span{color:var(--teal);font-size:10px;font-weight:900}.activity-card fieldset{border:0;margin:14px 0 0;padding:0}.activity-card legend{margin-bottom:8px;font-size:11px;font-weight:900}.activity-card fieldset button,.choice-stack button{text-align:left;background:#fff;border:1px solid #cfdbd5;border-radius:8px;width:100%;min-height:44px;margin:5px 0;padding:9px 12px;font-size:12px}.activity-card button.selected{border-color:var(--teal);background:var(--teal2);color:#0a7468;font-weight:900}.activity-card button.wrong{background:#fff3ec;border-color:#d99b7d}.activity-success{color:#0d776b;background:#e3f5ef;border-radius:8px;margin-top:12px;padding:11px 13px;font-size:12px;font-weight:900}.activity-error{color:#ad522d;background:#fff0e8;border-radius:7px;padding:9px 11px;font-size:11px}.activity-tip,.completion-note{color:#82613e;background:#fff8e8;border-radius:7px;padding:9px 11px;font-size:11px}.fold-stage{border:1px solid var(--line);background:#fff;border-radius:10px;height:150px;position:relative;overflow:hidden}.fold-stage:after{content:"";border-top:3px solid var(--teal);position:absolute;top:74px;left:0;right:0}.fold-river{color:var(--teal);font-size:10px;position:absolute;top:84px;left:12px}.fold-b,.fold-b-prime{z-index:2;color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-weight:900;display:grid;position:absolute;right:27%}.fold-b{background:var(--orange);transition:transform 50ms linear;top:18px}.fold-b-prime{background:var(--purple);top:120px}.fold-stage i{border-left:2px dashed var(--purple);z-index:1;position:absolute;top:32px;right:calc(27% + 13px)}.range-label{margin-top:12px;font-size:11px;font-weight:800;display:block}.range-label input{width:100%;height:44px;accent-color:var(--orange);touch-action:none;display:block}.proof-grid,.ray-match{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.proof-grid label,.ray-match label{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px;font-size:11px;font-weight:900}.proof-grid select,.ray-match select{width:100%;min-height:42px;color:var(--ink);background:#fff;border:1px solid #c7d6d0;border-radius:6px;margin-top:8px;padding:6px;display:block}.activity-question{font-size:13px;font-weight:800}.choice-stack{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.challenge-card label{font-size:12px;font-weight:900}.challenge-card input{background:#fff;border:1px solid #c7d6d0;border-radius:8px;width:100%;min-height:48px;margin-top:9px;padding:0 12px;display:block}.primary:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}@media (width<=640px){.proof-grid,.ray-match,.choice-stack{grid-template-columns:1fr}.activity-card{padding:14px}.activity-head{align-items:flex-start;gap:10px}.activity-head span{text-align:right}.fold-stage{height:145px}}.fold-complete{color:#a65329;background:#fff4ed;border:1px solid #d8a486;border-radius:8px;width:100%;min-height:42px;font-weight:900}.catalog-group .catalog-course{text-align:left;background:#ffffffb8;border:1px solid #dce7e0;border-radius:10px;align-items:center;gap:11px;min-height:68px;padding:17px;display:flex}.catalog-course>span{background:var(--teal2);width:27px;height:27px;color:var(--teal);border-radius:8px;place-items:center;font-weight:900;display:grid}.catalog-course b{font-size:13px}.catalog-course small{color:var(--teal);border:1px solid #bcd8d1;border-radius:20px;margin-left:auto;padding:4px 8px;font-size:10px}.catalog-course:hover{border-color:var(--teal);box-shadow:0 8px 20px #153c3a12}.universal-lab{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:14px;display:grid}.concept-svg{border:1px solid var(--line);touch-action:none;background:#fff;border-radius:16px;grid-row:span 2;width:100%;box-shadow:0 8px 26px #153c3a0d}.concept-svg line,.concept-svg polygon,.concept-svg circle,.concept-svg rect,.concept-svg path{vector-effect:non-scaling-stroke}.concept-svg line{stroke:#77908c;stroke-width:2px}.concept-svg polygon,.concept-svg rect,.concept-svg circle{fill:#168b7d14;stroke:var(--ink);stroke-width:2px}.concept-svg text{fill:var(--ink);font-size:13px;font-weight:800}.concept-svg .accent{stroke:var(--orange);stroke-width:4px;fill:none}.concept-svg .thick{stroke-width:6px}.concept-svg .dashed{stroke-dasharray:7 6;fill:none}.concept-svg .secondary-shape{fill:#7857c824;stroke:var(--purple)}.concept-svg .accent-fill{fill:var(--orange);stroke:#fff}.concept-svg .axis-line{stroke:#91a4a0;stroke-width:1.5px}.concept-svg .hint-text{fill:var(--teal);font-size:11px}.concept-svg .graph-path{fill:none;stroke:var(--purple);stroke-width:4px}.concept-svg .graph-path.secondary{stroke:var(--orange);stroke-dasharray:7 5}.concept-svg .equation-text{fill:var(--purple);font-size:16px}.universal-controls{border:1px solid var(--line);background:#fff;border-radius:13px;gap:12px;padding:16px;display:grid}.universal-controls label{font-size:11px;font-weight:900}.universal-controls input[type=range]{width:100%;height:36px;accent-color:var(--orange);display:block}.universal-metrics{gap:8px;display:grid}.universal-metrics>div{background:#f5f8f4;border-radius:8px;gap:4px;padding:11px;display:grid}.universal-metrics small{color:var(--muted);font-size:9px}.universal-metrics b{font-size:12px;line-height:1.45}.concept-svg .mirror-line{stroke:#278db3;stroke-width:5px}.concept-svg .water-fill{fill:#3aa6c61f;stroke:#5aa8be}.concept-svg .lever-bar{stroke:var(--ink);stroke-width:10px}.concept-svg .force-arrow{stroke:var(--teal);stroke-width:5px}.concept-svg .force-arrow.secondary{stroke:var(--orange)}.concept-svg .rope,.concept-svg .wire{stroke:var(--ink);stroke-width:4px;fill:none}.concept-svg .battery{stroke:var(--orange);stroke-width:5px}.concept-svg .object-block{fill:#f28b5259;stroke:var(--orange)}.concept-svg .circuit-box{fill:none;stroke:var(--ink);stroke-width:4px}.concept-svg .meter{fill:#fff;stroke:var(--purple);stroke-width:4px}.concept-svg .resistor{stroke:#b77a45;stroke-width:12px}.concept-svg .iron-core{fill:#d6ddd9;stroke:#617876}.concept-svg .coil{fill:none;stroke:var(--orange);stroke-width:3px}.concept-svg .field-line{fill:none;stroke:var(--purple);stroke-width:1.5px;stroke-dasharray:5 5}@media (width<=900px){.universal-lab{grid-template-columns:1fr 210px}}@media (width<=640px){.universal-lab{grid-template-columns:1fr}.concept-svg{grid-row:auto}.universal-controls{grid-column:1}.catalog-group .catalog-course{min-height:62px}.catalog-course small{font-size:0}.catalog-course small:after{content:"进入";font-size:10px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}