:root{--bg: #090b10;--surface: #111620;--surface-2: #171f2b;--line: #263244;--ink: #f3f7fb;--muted: #9eacbb;--primary: #42c7e8;--accent: #a982e8;--warn: #e8c264;font-family:Noto Sans SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{background:radial-gradient(circle at 18% 12%,rgba(66,199,232,.18),transparent 32rem),radial-gradient(circle at 82% 22%,rgba(169,130,232,.16),transparent 30rem),var(--bg);color:var(--ink)}button{font:inherit;color:inherit}.vue-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.side-nav{display:flex;flex-direction:column;gap:.6rem;padding:1.25rem;border-right:1px solid var(--line);background:#0c1018d1;backdrop-filter:blur(18px)}.brand-block{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;margin-bottom:.6rem;border-bottom:1px solid var(--line)}.brand-mark{color:var(--primary);font-size:1.35rem}.brand-block strong{display:block;font-size:1.08rem}.brand-block small{display:block;color:var(--muted);font-family:ui-monospace,Consolas,monospace;font-size:.72rem}.nav-button{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:42px;padding:.68rem .8rem;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);text-align:left;cursor:pointer}.nav-button:hover{color:var(--ink);background:#ffffff0a}.nav-button.is-active{color:var(--primary);border-color:#42c7e861;background:#42c7e81a}.nav-button small{font-family:ui-monospace,Consolas,monospace;font-size:.68rem;color:currentColor;opacity:.76}.side-note{margin-top:auto;color:var(--muted);font-size:.78rem;line-height:1.65;border-top:1px solid var(--line);padding-top:1rem}.workbench{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.6rem;border-bottom:1px solid var(--line);background:#0c10188c}.eyebrow{display:block;color:var(--primary);font-family:ui-monospace,Consolas,monospace;font-size:.72rem;margin-bottom:.25rem}.topbar-status{display:block;margin-top:.28rem;color:var(--muted);font-size:.74rem}h1{margin:0;font-size:1.45rem}.top-actions,.action-row{display:flex;gap:.65rem;flex-wrap:wrap}.primary-button,.ghost-button{min-height:38px;border-radius:999px;padding:.55rem 1rem;cursor:pointer}.primary-button{border:1px solid rgba(66,199,232,.7);background:#42c7e82e;color:var(--ink)}.ghost-button{border:1px solid var(--line);background:#ffffff08;color:var(--muted)}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.freeform-workbench{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr) minmax(260px,320px);gap:1rem;padding:1.2rem;min-height:0}.toolbar-panel,.canvas-panel,.inspector-panel,.vue-experiment-card{border:1px solid var(--line);border-radius:16px;background:#111620c2;padding:1.1rem}.toolbar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:1rem}.panel-label{color:var(--warn);font-family:ui-monospace,Consolas,monospace;font-size:.72rem}h2{margin:.35rem 0 0;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.12}h3{margin:0 0 .6rem}p,li{color:var(--muted);line-height:1.75}ul,ol{padding-left:1.2rem;margin:0}.tool-groups{display:flex;flex-direction:column;gap:.9rem}.tool-group h3{color:var(--muted);font-family:ui-monospace,Consolas,monospace;font-size:.72rem;font-weight:500}.tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.tool-button{display:flex;flex-direction:column;gap:.16rem;min-height:54px;border:1px solid var(--line);border-radius:10px;background:#ffffff08;padding:.55rem .65rem;text-align:left;cursor:pointer}.tool-button small{color:var(--muted);font-family:ui-monospace,Consolas,monospace;font-size:.62rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-button:hover,.tool-button.is-active{border-color:#42c7e88c;color:var(--primary);background:#42c7e817}.canvas-panel{min-height:560px;padding:0;overflow:hidden}.canvas-stage{position:relative;height:100%;min-height:560px;background:linear-gradient(rgba(66,199,232,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(66,199,232,.06) 1px,transparent 1px),#05080ddb;background-size:34px 34px}.vue-freeform-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.axis-line{position:absolute;background:#9eacbb38;pointer-events:none}.axis-x{left:0;right:0;top:55%;height:1px}.axis-y{top:0;bottom:0;left:50%;width:1px}.demo-body{position:absolute;box-shadow:0 0 24px #42c7e83d;pointer-events:none;opacity:.32}.demo-ball{width:54px;height:54px;border-radius:50%;left:42%;top:30%;background:var(--primary)}.demo-box{width:88px;height:54px;left:54%;top:45%;transform:rotate(-14deg);background:var(--accent);border-radius:8px}.demo-ground{position:absolute;left:18%;right:12%;bottom:22%;height:16px;border-radius:999px;background:#667583;transform:rotate(-8deg)}.canvas-tag{position:absolute;left:1rem;top:1rem;color:var(--muted);font-family:ui-monospace,Consolas,monospace;font-size:.72rem;border:1px solid var(--line);border-radius:999px;padding:.28rem .7rem;background:#05080db8}.vue-canvas-dock{position:absolute;left:1rem;top:4rem;display:grid;gap:.45rem;z-index:2}.dock-tool-button{display:grid;place-items:center;width:54px;min-height:50px;border:1px solid var(--line);border-radius:10px;background:#05080dc7;color:var(--muted);cursor:pointer}.dock-tool-button span{font-size:1rem;line-height:1}.dock-tool-button small{margin-top:.2rem;font-size:.62rem;line-height:1}.dock-tool-button:hover,.dock-tool-button.is-active{color:var(--primary);border-color:#42c7e88c;background:#42c7e81a}.vue-canvas-hud{position:absolute;left:1rem;right:1rem;bottom:1rem;display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.76rem;border:1px solid var(--line);border-radius:10px;background:#05080db8;padding:.55rem .75rem}.vue-canvas-badges{position:absolute;right:1rem;top:1rem;display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.vue-canvas-badges span{color:var(--muted);font-size:.68rem;border:1px solid var(--line);border-radius:999px;background:#05080d9e;padding:.24rem .55rem}.bridge-status{margin-top:1rem;border:1px solid var(--line);border-radius:10px;padding:.75rem;color:var(--muted);font-size:.82rem;line-height:1.65}.bridge-status.is-ok{color:var(--primary);border-color:#42c7e86b;background:#42c7e814}.inspector-panel li.is-done{color:var(--primary)}.embedded-migration-panel{margin-top:1rem}.library-panel{border:1px solid rgba(66,199,232,.24);border-radius:12px;background:#05080d57;padding:.85rem}.panel-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;margin-bottom:.75rem}.compact-button{min-height:30px;padding:.35rem .7rem;font-size:.78rem}.segmented-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.segmented-tabs button{border:1px solid var(--line);border-radius:999px;background:#ffffff08;color:var(--muted);padding:.32rem .6rem;font-size:.76rem;cursor:pointer}.segmented-tabs button.is-active{color:var(--primary);border-color:#42c7e873;background:#42c7e817}.library-scroll{max-height:430px;overflow:auto;padding-right:.15rem}.catalog-group+.catalog-group{margin-top:.9rem}.catalog-group h4{margin:0 0 .45rem;color:var(--muted);font-size:.78rem;font-weight:500}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem}.catalog-item{display:grid;grid-template-columns:16px minmax(0,1fr);gap:.18rem .45rem;align-items:center;min-height:66px;border:1px solid var(--line);border-radius:8px;background:#ffffff08;padding:.55rem;text-align:left;cursor:pointer}.catalog-item:hover{border-color:#42c7e880;background:#42c7e814}.catalog-item strong{min-width:0;font-size:.84rem;overflow-wrap:anywhere}.catalog-item small{grid-column:2;color:var(--muted);font-size:.68rem;line-height:1.35}.preset-item{display:block}.preset-item small{display:block;margin-top:.25rem}.material-chip{width:14px;height:14px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px #42c7e852}.tone-steel,.tone-weld{background:#9aa7b2}.tone-wood,.tone-ramp,.tone-rod{background:#c99458}.tone-rubber,.tone-soft{background:#e66b7a}.tone-spring,.tone-charge-pos,.tone-laser{background:#f0c94a}.tone-charge-neg,.tone-field-magnetic,.tone-water{background:#5b8cff}.tone-gear,.tone-wheel,.tone-motor{background:#a982e8}.tone-field-electric,.tone-wind{background:#42c7e8}.form-row{display:grid;gap:.35rem;color:var(--muted);font-size:.8rem;margin-bottom:.7rem}.form-row input,.form-row textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#05080db8;color:var(--ink);padding:.55rem .65rem;font:inherit;resize:vertical}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.ai-result-card,.ai-plan-step{border:1px solid var(--line);border-radius:8px;background:#ffffff08;padding:.55rem;margin-bottom:.55rem}.ai-result-card strong,.ai-plan-step strong{display:block;color:var(--primary);font-size:.86rem}.ai-result-card span,.ai-plan-step span{display:block;margin-top:.25rem;color:var(--muted);font-size:.76rem;line-height:1.45}.ai-result-card small{display:block;margin-top:.35rem;color:var(--warn);font:.66rem ui-monospace,Consolas,monospace}.ai-plan-list{display:grid;gap:.45rem;margin-bottom:.75rem}.vue-lab-panel{padding:1.6rem}.vue-inspector-panel{border:1px solid rgba(232,194,100,.22);border-radius:12px;background:#05080d47;padding:.85rem}.real-property-inspector-host{max-height:520px;overflow:auto;padding-right:.15rem}.inspector-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.36rem;margin-bottom:.8rem}.inspector-tabs button{min-height:32px;border:1px solid var(--line);border-radius:8px;background:#ffffff08;color:var(--muted);font-size:.76rem;cursor:pointer}.inspector-tabs button.is-active{color:var(--warn);border-color:#e8c26475;background:#e8c26414}.panel-copy{margin:0 0 .55rem;font-size:.82rem;line-height:1.55}.panel-status-line{border:1px solid var(--line);border-radius:8px;color:var(--muted);background:#ffffff08;padding:.55rem;font-size:.76rem;line-height:1.45;margin-bottom:.75rem}.inspector-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vue-inspector-content{margin-bottom:.75rem}.inspector-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-list{padding-left:0;list-style:none}.force-vector-list,.scene-io-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:.75rem}.force-vector-card{border:1px solid var(--line);border-radius:8px;background:#ffffff08;padding:.55rem}.force-vector-card span{display:block;color:var(--muted);font-size:.68rem}.force-vector-card strong{display:block;margin-top:.22rem;color:var(--warn);font:.82rem ui-monospace,Consolas,monospace}.migration-list{margin-top:1rem}.migration-list ul{margin-top:.5rem}.floating-window-panel{border:1px solid rgba(169,130,232,.24);border-radius:12px;background:#05080d57;padding:.85rem}.window-preview-shell{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#111620a8}.window-preview-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border-bottom:1px solid var(--line);padding:.65rem .75rem}.window-preview-head span{color:var(--muted);font-family:ui-monospace,Consolas,monospace;font-size:.68rem}.window-preview-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.75rem}.vue-window-content{padding:.75rem}.metric-grid,.class-monitor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-bottom:.75rem}.metric-card,.monitor-card{border:1px solid var(--line);border-radius:8px;background:#ffffff08;padding:.55rem}.metric-card small,.monitor-card span{display:block;color:var(--muted);font-size:.68rem}.metric-card strong,.monitor-card strong{display:block;margin-top:.22rem;color:var(--primary);font-size:1rem}.mini-chart{display:flex;align-items:end;gap:.28rem;height:96px;border:1px solid var(--line);border-radius:8px;background:#05080d94;padding:.65rem;margin-bottom:.75rem}.mini-chart span{flex:1;min-height:12%;border-radius:999px 999px 0 0;background:linear-gradient(180deg,var(--primary),rgba(66,199,232,.22))}.probe-chart{display:flex;align-items:end;gap:.28rem;height:108px;border:1px solid var(--line);border-radius:8px;background:#05080d94;padding:.65rem;margin-bottom:.55rem}.chart-bar{flex:1;min-height:12%;border-radius:999px 999px 0 0;background:linear-gradient(180deg,var(--primary),rgba(66,199,232,.2))}.chart-empty{align-self:center;width:100%;color:var(--muted);font-size:.76rem;text-align:center}.probe-summary{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.probe-summary span{color:var(--muted);font-size:.68rem;border:1px solid var(--line);border-radius:999px;background:#05080d7a;padding:.22rem .52rem}.compact-actions{padding:0}.report-preview{width:100%;min-height:190px;border:1px solid var(--line);border-radius:8px;background:#05080db8;color:var(--ink);padding:.65rem;font:.75rem/1.55 ui-monospace,Consolas,monospace;resize:vertical;margin-bottom:.75rem}.teaching-flow-list{display:grid;gap:.5rem;margin-bottom:.75rem}.teaching-flow-list li{border:1px solid var(--line);border-radius:8px;background:#ffffff08;padding:.55rem}.teaching-flow-list strong{display:block;color:var(--warn)}.teaching-flow-list span{color:var(--muted);font-size:.76rem}.freeform-chrome-panel{border:1px solid rgba(66,199,232,.24);border-radius:12px;background:#05080d57;padding:.85rem}.chrome-group+.chrome-group{margin-top:.85rem}.chrome-group h3{margin:0 0 .45rem;color:var(--muted);font-size:.78rem;font-weight:500}.chrome-action-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.icon-action-button{display:grid;place-items:center;min-height:54px;border:1px solid var(--line);border-radius:8px;background:#ffffff08;color:var(--muted);cursor:pointer}.icon-action-button span{font-size:1rem;line-height:1}.icon-action-button small{margin-top:.25rem;font-size:.62rem;line-height:1.1}.icon-action-button:hover,.icon-action-button.is-active{color:var(--primary);border-color:#42c7e87a;background:#42c7e814}.chrome-info-card{border:1px solid var(--line);border-radius:8px;background:#ffffff08;padding:.65rem}.chrome-info-card strong{display:block;color:var(--primary)}.chrome-info-card span{display:block;margin-top:.25rem;color:var(--muted);font-size:.78rem;line-height:1.55}.classroom-cockpit{display:grid;grid-template-columns:minmax(270px,340px) minmax(520px,1fr) minmax(260px,320px);gap:1rem;padding:1.2rem;min-width:0}.chalkboard-panel,.simulation-panel{border:1px solid var(--line);border-radius:18px;background:#111620b8;box-shadow:0 18px 60px #00000038}.chalkboard-panel{padding:1rem;min-width:0}.simulation-panel{padding:1rem;min-width:0;background:#080c14a3}.cockpit-panel-head{display:grid;gap:.3rem;margin-bottom:.85rem}.cockpit-panel-head strong{font-size:1.08rem}.formula-board{border:1px dashed rgba(232,194,100,.42);border-radius:16px;background:radial-gradient(circle at 20% 10%,rgba(232,194,100,.12),transparent 18rem),#05080d94;padding:.9rem;margin-bottom:.75rem}.sim-hero-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.sim-controls{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.stage-shell{position:relative;border:1px solid rgba(66,199,232,.24);border-radius:18px;overflow:hidden;background:#05080d}.collision-canvas{display:block;width:100%;height:min(50vh,520px);min-height:360px}.sim-status-strip{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem}.sim-status-strip article{min-width:0;border:1px solid var(--line);border-radius:10px;background:#ffffff9e;padding:.45rem .55rem}.sim-status-strip small{display:block;color:var(--muted);font-size:.66rem}.sim-status-strip strong{display:block;margin-top:.18rem;color:var(--ink);font:700 .82rem ui-monospace,Consolas,monospace;white-space:nowrap}.vue-experiment-card{max-width:760px}.vue-lab-card{max-width:1180px;width:min(1180px,100%)}.vue-experiment-stage{border:1px solid var(--line);border-radius:14px;background:#05080d9e;min-height:260px;display:grid;place-items:center;margin:1rem 0;overflow:hidden}.vue-experiment-stage svg{width:100%;max-width:620px;height:auto}.sim-line,.sim-spring{fill:none;stroke:var(--primary);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.sim-line.accent{stroke:var(--accent)}.sim-anchor{fill:var(--warn)}.sim-mass{fill:var(--primary);filter:drop-shadow(0 0 10px rgba(66,199,232,.5))}.sim-mass.accent{fill:var(--accent)}.sim-trail,.sim-orbit{fill:none;stroke:#42c7e861;stroke-width:2;stroke-dasharray:6 8}.sim-wall,.sim-ground{stroke:#8d9aaa;stroke-width:7;stroke-linecap:round}.sim-block{fill:var(--accent);filter:drop-shadow(0 0 10px rgba(169,130,232,.4))}.sim-wheel{fill:var(--surface-2);stroke:var(--primary);stroke-width:3}.sim-orbit.secondary{stroke:#a982e861}.sim-star{fill:var(--warn);filter:drop-shadow(0 0 18px rgba(232,194,100,.55))}.sim-planet{fill:var(--primary)}.sim-planet.accent{fill:var(--accent)}.lab-showcase{display:grid;gap:.4rem;text-align:center;padding:2rem}.lab-showcase strong{color:var(--primary);font-size:1.4rem}.lab-showcase span{color:var(--muted)}.workbench.is-product-home{min-height:100vh;background:linear-gradient(90deg,rgba(204,222,234,.6) 1px,transparent 1px),linear-gradient(180deg,rgba(204,222,234,.46) 1px,transparent 1px),#f7fbfe;background-size:56px 56px}.vue-lab-panel.is-home-panel{padding:0}.product-home{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:1.1rem;min-height:100vh;color:#162b3b}.product-home-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.6rem;border-bottom:1px solid #d6e3ec;background:#f8fcffeb}.product-logo,.product-home-nav nav{display:flex;align-items:center;gap:.72rem}.product-logo,.product-home-nav a{color:#213344;text-decoration:none}.product-logo span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #b7d9ef;border-radius:10px;background:#e8f5fd;color:#126fb2;font-weight:900}.product-logo strong{font-size:1rem}.product-home-nav nav a{min-height:34px;border-radius:9px;padding:.45rem .7rem;color:#50687b;font-size:.86rem}.product-home-nav nav a:hover{background:#e8f5fd;color:#126fb2}.product-hero{display:grid;grid-template-columns:minmax(360px,.86fr) minmax(460px,1.14fr);gap:clamp(1rem,2vw,2rem);align-items:center;padding:clamp(1.4rem,3vw,3.2rem)}.product-hero-copy{display:flex;flex-direction:column;gap:1.05rem;min-width:0}.product-kicker{width:max-content;max-width:100%;border:1px solid #b7d9ef;border-radius:999px;background:#e8f5fd;color:#126fb2;padding:.36rem .72rem;font-size:.84rem;font-weight:800}.product-hero-copy h2{max-width:11em;margin:0;color:#132838;font-size:3.25rem;line-height:1.08;text-wrap:balance}.product-hero-copy p{max-width:58ch;margin:0;color:#536b7e;font-size:1.02rem;line-height:1.78}.product-actions{display:flex;flex-wrap:wrap;gap:.65rem}.product-actions a,.product-entry-strip a{display:inline-flex;text-decoration:none}.product-hero-visual{position:relative;min-height:520px}.hero-board{position:absolute;inset:4% 8% 8% 0;border:1px solid #c9dfe9;border-radius:16px;background:linear-gradient(90deg,rgba(179,209,225,.35) 1px,transparent 1px),linear-gradient(180deg,rgba(179,209,225,.26) 1px,transparent 1px),#fffffff0;background-size:42px 42px;box-shadow:0 24px 60px #40627d21;overflow:hidden}.hero-board:before{content:"";position:absolute;left:12%;right:16%;top:56%;height:2px;background:#7d94a5}.board-toolbar{display:flex;gap:.45rem;padding:.9rem}.board-toolbar span{border:1px solid #d3e4ee;border-radius:999px;background:#f7fbfe;color:#50687b;padding:.28rem .62rem;font-size:.76rem;font-weight:700}.board-equation{position:absolute;left:8%;top:26%;display:grid;gap:.55rem;color:#183144}.board-equation b{font-family:KaiTi,STKaiti,Microsoft YaHei,sans-serif;font-size:clamp(1.35rem,2.3vw,2.15rem);line-height:1.25}.board-equation i{color:#995f1f;font-style:normal;font-size:.94rem}.board-sketch{position:absolute;left:12%;right:22%;bottom:16%;display:flex;align-items:center;gap:.8rem}.board-sketch span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#10273a;font-weight:900}.board-sketch span:first-child{background:#9fd5f3}.board-sketch span:last-child{background:#f6bd7c}.board-sketch em{flex:1;height:7px;border-radius:999px;background:linear-gradient(90deg,#9fd5f3,#d8e3ea,#f6bd7c)}.hero-sim-card{position:absolute;right:0;bottom:5%;width:min(260px,48%);border:1px solid #cbdce8;border-radius:12px;background:#fffffff2;box-shadow:0 18px 48px #40627d24;padding:1rem}.hero-sim-card small{color:#126fb2;font-weight:800}.hero-sim-card strong{margin-top:.2rem;color:#203646}.hero-sim-card p{margin:.65rem 0 0;color:#607587;font-size:.82rem}.sim-track{display:flex;align-items:center;gap:.45rem;margin-top:1rem}.sim-track span{width:30px;height:30px;border-radius:50%;background:#9fd5f3}.sim-track span:last-child{background:#f6bd7c}.sim-track i{flex:1;height:4px;border-radius:999px;background:#cddce6}.product-entry-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:0 clamp(1.4rem,3vw,3.2rem)}.product-entry-strip a{flex-direction:column;gap:.35rem;min-width:0;min-height:128px;border:1px solid #d6e3ec;border-radius:10px;background:#ffffffc2;padding:1rem;color:#213344}.product-entry-strip a:hover{border-color:#9fcde8;background:#fff}.product-entry-strip small{color:#126fb2;font-size:.75rem;font-weight:800}.product-entry-strip strong,.product-flow strong{color:#203646}.product-entry-strip span,.product-flow span{color:#607587;line-height:1.58;font-size:.86rem}.product-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;padding:0 clamp(1.4rem,3vw,3.2rem) 1.6rem}.product-flow article{min-width:0;border-top:1px solid #cbdce8;padding-top:.8rem}.product-flow small{display:block;margin-bottom:.34rem;color:#126fb2;font-size:.76rem;font-weight:900}.product-flow strong,.product-flow span{display:block}.product-flow strong{margin-bottom:.26rem}.teaching-workbench{display:grid;gap:1rem;padding:1.4rem}.teaching-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;border:1px solid var(--line);border-radius:10px;background:linear-gradient(90deg,rgba(132,199,232,.09) 1px,transparent 1px),linear-gradient(180deg,rgba(132,199,232,.08) 1px,transparent 1px),#ffffffc7;background-size:42px 42px;padding:1.5rem}.teaching-hero h2{max-width:16em;margin:.2rem 0 .45rem;color:#172b3a;font-size:1.85rem;line-height:1.16}.teaching-hero p{max-width:68ch;margin:0;color:#5d7080;line-height:1.7}.teaching-hero-actions{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.teaching-hero-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.teaching-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(420px,1fr) minmax(260px,340px);gap:1rem;align-items:start}.course-panel,.lesson-panel,.student-panel>section{min-width:0;border:1px solid #d8e6ef;border-radius:10px;background:#ffffffd6;box-shadow:0 10px 28px #3a566c14}.course-panel,.lesson-panel{padding:1rem}.course-panel{display:grid;gap:.6rem}.course-item{width:100%;min-height:72px;border:1px solid #d8e6ef;border-radius:8px;background:#fff;color:#213344;text-align:left;padding:.75rem;cursor:pointer}.course-item strong,.course-item span{display:block}.course-item span{margin-top:.28rem;color:#62798b;font-size:.78rem}.course-item:hover,.course-item.is-active{border-color:#9fcde8;background:#eaf6fd}.lesson-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.lesson-head h3{margin:.2rem 0 .35rem;color:#172b3a;font-size:1.35rem}.lesson-head p{margin:0;color:#5d7080;line-height:1.65}.lesson-tag{flex:0 0 auto;border:1px solid #b7d9ef;border-radius:999px;background:#e8f5fd;color:#126fb2;padding:.35rem .65rem;font-size:.76rem;font-weight:700}.lesson-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}.lesson-materials article,.teaching-script,.training-loop-panel,.diagnosis-list article,.training-card{min-width:0;border:1px solid #d8e6ef;border-radius:8px;background:#fbfdff;padding:.85rem}.lesson-materials small{display:block;color:#607587;font-weight:700;margin-bottom:.35rem}.lesson-materials strong,.lesson-materials span{display:block}.lesson-materials strong{color:#203646;margin-bottom:.35rem}.lesson-materials span{color:#607587;line-height:1.55;font-size:.82rem}.teaching-script ol{display:grid;gap:.55rem;margin:0;padding-left:1.1rem}.teaching-script li{color:#607587;line-height:1.55}.teaching-script li::marker{color:#2f8fda;font-weight:800}.teaching-script li strong{display:block;color:#203646;margin-bottom:.18rem}.training-loop-panel{margin-top:1rem}.framework-map,.rule-grid{display:grid;gap:.65rem}.framework-map{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:.75rem}.framework-map article,.rule-grid article{min-width:0;border:1px solid #d8e6ef;border-radius:8px;background:#fff;padding:.8rem}.framework-map article{position:relative}.framework-map article:after{content:"";position:absolute;top:50%;right:-.55rem;width:.45rem;height:2px;background:#9fcde8}.framework-map article:last-child:after{display:none}.framework-map small{display:block;color:#126fb2;font-size:.72rem;font-weight:800;margin-bottom:.35rem}.framework-map strong,.framework-map span,.rule-grid strong,.rule-grid span{display:block}.framework-map strong,.rule-grid strong{color:#203646}.framework-map span,.rule-grid span{margin-top:.28rem;color:#607587;font-size:.82rem;line-height:1.55}.rule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rule-grid article{background:#f5fbff}.student-panel{display:grid;gap:1rem}.student-panel>section{padding:1rem}.diagnosis-list{display:grid;gap:.55rem}.diagnosis-list article strong,.diagnosis-list article span,.diagnosis-list article small,.training-card strong,.training-card span{display:block}.diagnosis-list article strong,.training-card strong{color:#203646}.diagnosis-list article span,.training-card span{margin-top:.28rem;color:#607587;line-height:1.55;font-size:.82rem}.diagnosis-list article small{margin-top:.45rem;color:#126fb2;font-weight:700}.training-card .ghost-button{margin-top:.8rem}.teaching-side-card{display:grid;gap:.55rem;border:1px solid #d8e6ef;border-radius:8px;background:#fbfdff;padding:.85rem}.teaching-side-card article{border-top:1px solid #e3edf4;padding-top:.55rem}.teaching-side-card article:first-of-type{border-top:0;padding-top:0}.teaching-side-card strong,.teaching-side-card span,.teaching-side-card small{display:block}.teaching-side-card strong{color:#203646;font-size:.88rem}.teaching-side-card span{margin-top:.22rem;color:#607587;font-size:.78rem}.teaching-side-card small{margin-top:.32rem;color:#126fb2;line-height:1.45}.teaching-tabs{margin-bottom:.65rem}.teaching-tabs button{background:#fff;color:#607587;border-color:#cbdce8}.teaching-tabs button.is-active{color:#126fb2;border-color:#9fcde8;background:#eaf6fd}.question-list{display:grid;gap:.55rem}.question-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem .65rem;min-width:0;border:1px solid #d8e6ef;border-radius:8px;background:#fbfdff;padding:.75rem}.question-list strong,.question-list span,.question-list small,.question-list p{display:block}.question-list strong{color:#203646;font-size:.88rem}.question-list span{margin-top:.22rem;color:#607587;font-size:.76rem}.question-list small{align-self:start;border:1px solid #b7d9ef;border-radius:999px;background:#e8f5fd;color:#126fb2;padding:.24rem .48rem;font-size:.7rem;font-weight:800;white-space:nowrap}.question-list p{grid-column:1 / -1;margin:0;color:#607587;font-size:.8rem;line-height:1.52}.text-action-button{grid-column:1 / -1;justify-self:start;min-height:28px;border:0;border-radius:7px;background:#e8f5fd;color:#126fb2;padding:.28rem .58rem;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}.text-action-button:hover{background:#d7eefb}.toolbox-dock{border:1px solid #d8e6ef;border-radius:10px;background:#ffffffd1;padding:1rem}.knowledge-map-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin-bottom:.8rem}.knowledge-map-strip article{min-width:0;border:1px solid #d8e6ef;border-radius:8px;background:#f5fbff;padding:.65rem}.knowledge-map-strip small,.knowledge-map-strip strong{display:block}.knowledge-map-strip small{color:#607587;font-size:.68rem}.knowledge-map-strip strong{margin-top:.22rem;color:#203646;font-size:.84rem}.toolbox-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:.75rem;align-items:stretch}.toolbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.toolbox-grid article,.exception-repair-card{min-width:0;border:1px solid #d8e6ef;border-radius:8px;background:#fff;padding:.85rem}.toolbox-grid small,.toolbox-grid strong,.toolbox-grid span,.toolbox-grid em,.exception-repair-card small,.exception-repair-card strong,.exception-repair-card p,.exception-repair-card b{display:block}.toolbox-grid small,.exception-repair-card small{color:#126fb2;font-size:.72rem;font-weight:800}.toolbox-grid strong,.exception-repair-card strong{margin-top:.3rem;color:#203646}.toolbox-grid span,.exception-repair-card p{margin:.42rem 0 0;color:#607587;font-size:.82rem;line-height:1.55}.toolbox-grid em{margin-top:.55rem;color:#d77824;font-size:.78rem;font-style:normal;font-weight:800}.exception-repair-card{background:#fffaf4}.repair-meta{display:grid;gap:.35rem;margin:.75rem 0}.repair-meta span{border:1px solid #efd3b5;border-radius:7px;background:#fff6eb;color:#815023;padding:.42rem .5rem;font-size:.78rem;line-height:1.4}.exception-repair-card ol{display:grid;gap:.38rem;margin:0;padding-left:1.05rem}.exception-repair-card li{color:#607587;font-size:.82rem;line-height:1.45}.exception-repair-card li::marker{color:#d77824;font-weight:900}.exception-repair-card b{margin-top:.75rem;color:#203646;font-size:.84rem}.resource-dock{border:1px solid #d8e6ef;border-radius:10px;background:#ffffffc2;padding:1rem}.resource-dock-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.resource-dock-head h3{margin:.18rem 0 0;color:#172b3a}.resource-dock-head>span{flex:0 0 auto;color:#607587;font-size:.82rem}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.resource-grid article{min-width:0;border:1px solid #d8e6ef;border-radius:8px;background:#fff;padding:.85rem}.resource-grid small,.resource-grid strong,.resource-grid span,.resource-grid em{display:block}.resource-grid small{color:#126fb2;font-size:.72rem;font-weight:800}.resource-grid strong{margin-top:.32rem;color:#203646}.resource-grid span{margin-top:.35rem;color:#607587;font-size:.82rem;line-height:1.55}.resource-grid em{margin-top:.55rem;color:#d77824;font-size:.78rem;font-style:normal;font-weight:800}.chrome-shell-preview{display:grid;gap:.45rem;margin-top:.75rem;border:1px solid var(--line);border-radius:10px;background:#05080d6b;padding:.65rem}.shell-strip{border:1px solid rgba(66,199,232,.28);border-radius:8px;color:var(--primary);background:#42c7e814;padding:.38rem .55rem;font-size:.72rem}.shell-strip.muted{color:var(--muted);border-color:var(--line);background:#ffffff08}.shell-body-row{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr) minmax(0,.8fr);gap:.45rem;align-items:stretch}.shell-body-row span,.shell-body-row strong{display:grid;place-items:center;min-height:58px;border:1px solid var(--line);border-radius:8px;background:#ffffff09;color:var(--muted);font-size:.74rem}.shell-body-row strong{color:var(--warn);background:#e8c26414}.vue-experiment-metric-grid{margin-bottom:1rem}.vue-experiment-view{width:100%}.lab-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:1rem;align-items:start}.lab-control-panel,.lab-main-stage{min-width:0}.lab-control-panel{display:grid;gap:.75rem;max-height:calc(100vh - 150px);overflow:auto;padding-right:.2rem}.lab-tabs{position:sticky;top:0;z-index:2;background:#111620f0;padding:.35rem 0}.lab-group{border:1px solid var(--line);border-radius:10px;background:#ffffff08;padding:.75rem}.lab-group h3{color:var(--warn);font-size:.8rem;font-weight:500}.radio-stack{display:grid;gap:.4rem}.radio-item{color:var(--muted);font-size:.8rem}.lab-param-row{display:grid;grid-template-columns:86px minmax(0,1fr) 74px 30px;gap:.4rem;align-items:center;color:var(--muted);font-size:.76rem;margin-bottom:.45rem}.lab-param-row span{overflow-wrap:anywhere}.lab-slider{width:100%;accent-color:var(--primary)}.lab-number,.lab-select{min-width:0;width:100%;border:1px solid var(--line);border-radius:7px;background:#05080db8;color:var(--ink);padding:.32rem .4rem;font:inherit}.lab-param-row small{color:var(--muted);font-size:.66rem}.lab-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.phet-demo-group{display:grid;gap:.65rem}.phet-sim-list{display:grid;gap:.45rem}.phet-sim-button{display:grid;gap:.2rem;width:100%;min-height:58px;border:1px solid var(--line);border-radius:8px;background:#ffffff08;color:var(--muted);padding:.55rem .65rem;text-align:left;cursor:pointer}.phet-sim-button strong{color:var(--ink);font-size:.84rem}.phet-sim-button span{color:var(--muted);font-size:.72rem;line-height:1.35}.phet-sim-button:hover,.phet-sim-button.is-active{border-color:#42c7e88c;background:#42c7e817}.phet-sim-button.is-active strong{color:var(--primary)}.phet-license-note{margin:0}.lab-main-stage{display:grid;gap:.75rem}.lab-canvas-card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(rgba(66,199,232,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(66,199,232,.05) 1px,transparent 1px),#05080dbd;background-size:28px 28px;min-height:360px;display:grid;place-items:center;overflow:hidden}.phet-stage-card{align-content:stretch;gap:0;min-height:600px;place-items:stretch;background:#05080d}.phet-stage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;border-bottom:1px solid var(--line);background:#111620f0;padding:.75rem .85rem}.phet-stage-head strong,.phet-stage-head small{display:block}.phet-stage-head strong{margin-top:.22rem;color:var(--ink);font-size:.98rem}.phet-stage-head small{margin-top:.18rem;color:var(--muted);font-size:.74rem;line-height:1.4}.phet-frame{display:block;width:100%;min-height:520px;height:min(66vh,760px);border:0;background:#000}.phet-attribution{margin:0;border-top:1px solid var(--line);background:#111620f0;color:var(--muted);padding:.48rem .72rem;font-size:.68rem;line-height:1.4}.lab-sim-svg{width:100%;height:min(52vh,460px);min-height:320px}.lab-svg-label{fill:var(--muted);font:10px ui-monospace,Consolas,monospace}.lab-svg-title{fill:var(--primary);font:20px sans-serif}.lab-runtime-bar{display:flex;flex-wrap:wrap;gap:.5rem}.lab-analysis-grid{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(260px,1.1fr);gap:.75rem}.lab-mini-chart{height:190px;margin-bottom:0}.vue-guide{display:grid;gap:.85rem}.guide-hero{border:1px solid rgba(66,199,232,.28);border-radius:12px;background:#42c7e812;padding:.85rem}.guide-hero h3{color:var(--primary);font-size:1rem;margin:.35rem 0 .45rem}.guide-hero p{margin:0;font-size:.78rem;line-height:1.6}.guide-badges,.guide-toc{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.guide-badges span,.guide-toc a{border:1px solid var(--line);border-radius:999px;background:#05080d73;color:var(--muted);font-size:.68rem;line-height:1.2;padding:.26rem .56rem;text-decoration:none}.guide-toc{margin-top:0}.guide-toc a:hover{color:var(--primary);border-color:#42c7e873}.guide-chapter{border:1px solid var(--line);border-radius:12px;background:#ffffff08;padding:.85rem;scroll-margin-top:5rem}.guide-chapter h4{margin:0 0 .7rem;color:var(--warn);font-size:.86rem}.guide-section+.guide-section{border-top:1px solid var(--line);margin-top:.75rem;padding-top:.75rem}.guide-section h5{margin:0 0 .35rem;color:var(--ink);font-size:.82rem}.guide-section p,.guide-list li,.guide-steps li{color:var(--muted);font-size:.76rem;line-height:1.7}.guide-section p{margin:.25rem 0 0}.guide-list,.guide-steps{display:grid;gap:.28rem;margin:.45rem 0 0;padding-left:1.05rem}.guide-steps li::marker{color:var(--primary)}.guide-table-wrap{margin-top:.55rem;overflow-x:auto}.guide-table{width:100%;min-width:420px;border-collapse:collapse;font-size:.72rem}.guide-table th,.guide-table td{border:1px solid var(--line);padding:.45rem .5rem;text-align:left;vertical-align:top}.guide-table th{color:var(--primary);background:#42c7e814;font-weight:600}.guide-table td{color:var(--muted);background:#05080d59}.vue-capability-panel{border:1px solid rgba(169,130,232,.28);border-radius:12px;background:#a982e80f;padding:.75rem}.vue-capability-panel h3{margin:.35rem 0 0;color:var(--accent);font-size:.9rem}.capability-count{align-self:start;border:1px solid rgba(169,130,232,.36);border-radius:999px;background:#a982e814;color:var(--accent);font:.68rem ui-monospace,Consolas,monospace;padding:.22rem .5rem}.capability-list{display:grid;gap:.55rem;margin:.7rem 0}.capability-card{display:grid;gap:.55rem;border:1px solid var(--line);border-radius:10px;background:#05080d6b;padding:.65rem}.capability-card strong{display:block;color:var(--ink);font-size:.82rem}.capability-card span{display:block;margin-top:.24rem;color:var(--muted);font-size:.74rem;line-height:1.55}.capability-actions{display:flex;flex-wrap:wrap;gap:.38rem}@media (max-width: 1280px){.classroom-cockpit,.teaching-layout{grid-template-columns:1fr}.course-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.course-panel .panel-header-row{grid-column:1 / -1}.student-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-map-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbox-layout{grid-template-columns:1fr}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 980px){.product-hero,.product-entry-strip,.product-flow{grid-template-columns:1fr}.product-hero{align-items:stretch}.product-hero-copy h2{max-width:12em;font-size:2.35rem}.product-hero-visual{min-height:420px}}@media (max-width: 720px){.sim-hero-bar{flex-direction:column}.collision-canvas{min-height:300px}.product-home-nav{align-items:flex-start;flex-direction:column}.product-hero-copy h2{font-size:2rem}.product-hero-visual{min-height:360px}.hero-board{inset:0 0 4rem}.hero-sim-card{right:1rem;bottom:0;width:min(260px,calc(100% - 2rem))}.teaching-workbench{padding:1rem}.teaching-hero,.lesson-head{flex-direction:column;align-items:stretch}.course-panel,.lesson-materials,.student-panel,.knowledge-map-strip,.toolbox-grid,.resource-grid{grid-template-columns:1fr}.resource-dock-head{flex-direction:column}.framework-map,.rule-grid{grid-template-columns:1fr}.framework-map article:after{display:none}}@media (max-width: 1180px){.lab-layout,.lab-analysis-grid{grid-template-columns:1fr}.lab-control-panel{max-height:none}.phet-stage-card{min-height:520px}.phet-frame{min-height:440px;height:min(62vh,680px)}}@media (max-width: 1180px){.freeform-workbench{grid-template-columns:1fr}.canvas-panel,.canvas-stage{min-height:420px}}@media (max-width: 860px){.vue-shell{grid-template-columns:1fr}.side-nav{position:static}.topbar{align-items:flex-start;flex-direction:column}.freeform-workbench,.vue-lab-panel{padding:1rem}.vue-lab-panel.is-home-panel{padding:0}.phet-stage-head{flex-direction:column}.phet-frame{min-height:360px}.toolbox-grid{grid-template-columns:1fr}}:root{--bg: #eef5fb;--surface: #ffffff;--surface-2: #f4f8fc;--line: #d9e5ee;--ink: #213344;--muted: #5d7080;--primary: #2f8fda;--accent: #f09a45;--warn: #d77824}body{background:linear-gradient(180deg,#f8fcff,#edf5fb 48%,#e7f0f7);color:var(--ink)}.vue-shell{grid-template-columns:68px minmax(0,1fr)}.side-nav{gap:.45rem;padding:.85rem .55rem;border-right:1px solid #d6e3ec;background:#f7fbfe;backdrop-filter:none;box-shadow:3px 0 18px #405b700f}.brand-block{justify-content:center;padding-bottom:.7rem;margin-bottom:.35rem}.brand-block div,.side-note,.nav-button small{display:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e3f2fc;color:var(--primary);font-size:1rem}.nav-button{justify-content:center;min-height:50px;padding:.35rem;border-color:transparent;border-radius:14px;color:#546a7b;background:transparent}.nav-button span{max-width:3.2em;font-size:.76rem;line-height:1.15;text-align:center}.nav-button:hover,.nav-button.is-active{color:#126fb2;border-color:#b7d9ef;background:#e5f3fc}.topbar{min-height:72px;padding:1rem 1.65rem;border-bottom:1px solid #d6e3ec;background:#f8fcfff0}.eyebrow,.panel-label{color:#3b5367;font-family:inherit;font-size:.86rem;font-weight:700}.topbar h1{margin-top:.12rem;color:#172b3a;font-size:1.18rem;font-weight:800}.topbar-status,p,li{color:var(--muted)}.bridge-status.is-ok{display:none}.primary-button,.ghost-button{border-radius:10px;min-height:38px;border:1px solid #cbdce8;background:#fff;color:#274052;box-shadow:0 3px 10px #2b485f0f}.primary-button{border-color:#a9d3ef;background:#e8f5fd;color:#126fb2;font-weight:700}.ghost-button:hover,.primary-button:hover{transform:translateY(-1px);border-color:#8ec8ec}.classroom-cockpit{grid-template-columns:minmax(280px,34vw) minmax(520px,1fr) minmax(300px,340px);grid-template-rows:minmax(0,1fr) auto;gap:0;min-height:calc(100vh - 72px);padding:0;background:linear-gradient(90deg,rgba(216,230,241,.74) 1px,transparent 1px),linear-gradient(180deg,rgba(216,230,241,.52) 1px,transparent 1px),#fbfdff;background-size:64px 64px}.chalkboard-panel,.simulation-panel{min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none}.chalkboard-panel{padding:2rem 1.4rem 1rem 1.5rem;border-right:1px solid #dae7f0}.simulation-panel{padding:1.55rem 1.4rem 1rem;background:#ffffff57}.cockpit-panel-head strong{color:#1f3446;font-size:1.06rem}.formula-board{border:1px solid #9fcde8;border-radius:10px;background:#eef8ffeb;padding:1rem}.handwriting-whiteboard{position:relative;min-height:260px;margin:1rem 0;overflow:hidden;border-color:#9ccbe6;background:linear-gradient(90deg,rgba(183,216,236,.28) 1px,transparent 1px),linear-gradient(180deg,rgba(183,216,236,.22) 1px,transparent 1px),#f9fdfff5;background-size:44px 44px;box-shadow:inset 0 0 0 1px #fff,0 10px 24px #40627d14}.hand-axis{position:absolute;background:#5d7080;opacity:.74}.hand-axis.horizontal{left:1.7rem;right:1.7rem;top:118px;height:2px}.hand-axis.vertical{left:82px;top:44px;bottom:34px;width:2px}.hand-arrow{position:absolute;width:0;height:0}.hand-arrow.x{right:1.55rem;top:112px;border-left:12px solid #5d7080;border-top:7px solid transparent;border-bottom:7px solid transparent}.hand-arrow.y{left:76px;top:38px;border-bottom:12px solid #5d7080;border-left:7px solid transparent;border-right:7px solid transparent}.whiteboard-ink-canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;cursor:crosshair;touch-action:none}.handwriting-whiteboard:after{content:"用鼠标 / 触控笔在此书写";position:absolute;left:1rem;bottom:.7rem;z-index:1;color:#7890a2;font-size:.76rem;pointer-events:none}.sim-hero-bar{align-items:center}.sim-hero-bar h2{color:#172b3a;font-size:1.36rem}.stage-shell{border:1px solid #d7e6ef;border-radius:6px;background:#f8fcff;box-shadow:inset 0 0 0 1px #fff,0 12px 34px #3a566c1a}.collision-canvas{height:min(44vh,480px);min-height:330px}.classroom-cockpit{position:relative;display:block;min-height:calc(100vh - 72px);padding:0;overflow:hidden;background:linear-gradient(90deg,rgba(202,223,236,.74) 1px,transparent 1px),linear-gradient(180deg,rgba(202,223,236,.56) 1px,transparent 1px),#fbfdff;background-size:64px 64px}.chalkboard-panel{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:1.1rem;padding:1.6rem;border:0;background:transparent}.chalkboard-panel .cockpit-panel-head{width:min(520px,42vw);margin:0}.handwriting-whiteboard{grid-column:1 / -1;grid-row:2;align-self:stretch;min-height:0;height:100%;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}.handwriting-whiteboard:after{left:1.4rem;bottom:1.2rem}.hand-axis.horizontal{left:6vw;right:32vw;top:22%}.hand-axis.vertical{left:16vw;top:8%;bottom:12%}.hand-arrow.x{right:31.5vw;top:calc(22% - 6px)}.hand-arrow.y{left:calc(16vw - 6px);top:calc(8% - 6px)}.whiteboard-ink-canvas{z-index:2}.formula-recognition-dock,.bound-formula-strip,.whiteboard-context-strip,.whiteboard-material-strip{position:absolute;z-index:4}.whiteboard-context-strip{left:1.25rem;right:min(420px,34vw);top:1.15rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;min-width:0;border:1px solid #cbdce8;border-radius:9px;background:#ffffffeb;padding:.62rem .68rem;box-shadow:0 8px 22px #40627d1a}.whiteboard-context-strip>div{min-width:0}.whiteboard-context-strip strong,.whiteboard-context-strip small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whiteboard-context-strip strong{margin-top:.12rem;color:#203646;font-size:.88rem}.whiteboard-context-strip small{margin-top:.18rem;color:#607587;font-size:.76rem}.whiteboard-material-strip{left:1.25rem;top:5.15rem;display:flex;align-items:center;gap:.48rem;max-width:min(680px,calc(100% - 2.5rem));min-height:34px;border:1px solid #d8e6ef;border-radius:9px;background:#f8fcffeb;color:#50687b;padding:.34rem .58rem;box-shadow:0 8px 20px #40627d14}.whiteboard-material-strip span,.whiteboard-material-strip strong,.whiteboard-material-strip small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whiteboard-material-strip span{flex:0 0 auto;color:#126fb2;font-size:.72rem;font-weight:800}.whiteboard-material-strip strong{flex:0 0 auto;color:#203646;font-size:.82rem}.whiteboard-material-strip small{color:#607587;font-size:.76rem}.formula-recognition-dock{left:1.25rem;top:7.55rem;display:flex;align-items:center;gap:.75rem;max-width:min(520px,calc(100% - 2.5rem));border:1px solid #cbdce8;border-radius:9px;background:#ffffffe6;padding:.58rem .65rem;box-shadow:0 8px 22px #40627d1a}.formula-recognition-dock>div{min-width:0}.formula-recognition-dock strong{display:block;max-width:34em;margin-top:.12rem;color:#203646;font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.formula-recognition-dock button:disabled{cursor:not-allowed;opacity:.48}.bound-formula-strip{left:1.25rem;right:1.25rem;bottom:1rem;display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.1rem}.bound-formula-strip button{display:grid;gap:.16rem;min-width:188px;border:1px solid #cbdce8;border-radius:9px;background:#ffffffeb;color:#274052;padding:.52rem .62rem;text-align:left;cursor:pointer;box-shadow:0 8px 18px #40627d14}.bound-formula-strip button:hover,.bound-formula-strip button.is-active{border-color:#8ec8ec;background:#e8f5fd}.bound-formula-strip small,.bound-formula-strip strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bound-formula-strip small{color:#126fb2;font-size:.72rem;font-weight:800}.bound-formula-strip strong{color:#203646;font-family:"Cambria Math",Times New Roman,Microsoft YaHei,serif;font-size:.92rem}.simulation-panel{position:absolute;right:1.3rem;top:1.35rem;z-index:5;width:min(390px,31vw);padding:.8rem;border:1px solid #d7e6ef;border-radius:10px;background:#ffffffe6;box-shadow:0 14px 32px #3a566c1f}.simulation-panel .sim-hero-bar h2{font-size:.96rem}.simulation-panel .eyebrow,.simulation-panel .panel-label{font-size:.72rem}.sim-material-note{display:block;margin-top:.24rem;color:#607587;font-size:.78rem;font-weight:700}.simulation-panel .sim-controls{gap:.35rem}.simulation-panel .primary-button,.simulation-panel .ghost-button{min-height:32px;padding:.34rem .52rem;font-size:.74rem}.stage-shell{box-shadow:inset 0 0 0 1px #fff}.collision-canvas{height:148px;min-height:148px}@media (max-width: 1280px){.chalkboard-panel{grid-template-columns:1fr;padding:1.25rem}.chalkboard-panel .cockpit-panel-head{position:relative;inset:auto;width:auto;max-height:none}.handwriting-whiteboard{min-height:520px}}@media (max-width: 640px){.classroom-cockpit{overflow:auto}.chalkboard-panel{position:relative;padding:1rem}.simulation-panel{position:relative;inset:auto;width:auto;max-height:none;margin:1rem}.handwriting-whiteboard{min-height:440px}.formula-recognition-dock{left:.75rem;right:.75rem;top:6.6rem;max-width:none;align-items:stretch;flex-direction:column}.whiteboard-context-strip{left:.75rem;right:.75rem;top:.75rem}.hand-axis.horizontal{right:1.5rem}.hand-arrow.x{right:1.25rem}}@media (max-width: 1280px){.classroom-cockpit{grid-template-columns:1fr}.chalkboard-panel{border:0}}@media (max-width: 640px){.vue-shell{grid-template-columns:1fr}.side-nav{flex-direction:row;overflow-x:auto}.brand-block{display:none}.nav-button{min-width:72px}}.layered-teaching{min-height:calc(100vh - 72px);background:#f4f8fb}.teaching-hero-compact{align-items:center;border:0;border-bottom:1px solid #d6e3ec;border-radius:0;background:#f8fcffeb;padding:1.15rem 1.35rem;box-shadow:none}.knowledge-entry-hero{background:#fff}.teaching-hero-compact h2{max-width:none;margin:.12rem 0 .25rem;font-size:1.35rem}.teaching-hero-compact p{max-width:72ch;font-size:.92rem;line-height:1.58}.entry-mode-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding:.85rem 1.35rem;border-bottom:1px solid #d6e3ec;background:#fff}.entry-mode-tabs button{display:grid;gap:.14rem;min-width:0;min-height:48px;border:1px solid #d6e3ec;border-radius:999px;background:#f8fbfd;color:#50677a;padding:.46rem .9rem;text-align:left;cursor:pointer}.entry-mode-tabs button:hover,.entry-mode-tabs button.is-active{border-color:#88c8bf;background:#e9f8f4;color:#08796e}.entry-mode-tabs strong,.entry-mode-tabs span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-mode-tabs strong{color:inherit;font-size:.88rem}.entry-mode-tabs span{color:#607587;font-size:.7rem}.teaching-layer-shell{display:grid;grid-template-columns:248px minmax(0,1fr);gap:0;min-height:calc(100vh - 244px);border:0;border-radius:0;overflow:hidden;background:#fff}.teaching-course-rail{align-content:start;border:0;border-right:1px solid #d7e4ed;border-radius:0;background:#f4f9fd;box-shadow:none}.teaching-curriculum-rail{padding:1rem}.curriculum-stage-tabs{display:grid;grid-template-columns:1fr;gap:.42rem;margin-bottom:.9rem}.curriculum-stage-tabs button,.chapter-item{min-width:0;border:1px solid #d6e3ec;border-radius:8px;background:#fff;color:#50677a;cursor:pointer;text-align:left}.curriculum-stage-tabs button{min-height:34px;padding:.38rem .68rem;font-size:.8rem}.curriculum-stage-tabs button:hover,.curriculum-stage-tabs button.is-active,.chapter-item:hover,.chapter-item.is-active{border-color:#88c8bf;background:#ecf8f5;color:#08796e}.curriculum-chapter-list{display:grid;gap:.5rem}.chapter-item{display:grid;gap:.18rem;padding:.66rem .72rem}.chapter-item strong,.chapter-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-item strong{color:inherit;font-size:.88rem}.chapter-item span{color:#607587;font-size:.72rem}.course-rail-divider{margin:1rem 0 .55rem;padding-top:.85rem;border-top:1px solid #d7e4ed}.teaching-layer-main{display:grid;align-content:start;gap:0;min-width:0}.knowledge-entry-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:1rem;min-width:0;padding:1rem 1.1rem 1.15rem}.knowledge-tree-panel,.knowledge-resource-panel{min-width:0;border:1px solid #d7e4ed;border-radius:8px;background:#fff}.knowledge-tree-panel{overflow:hidden}.knowledge-tree-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.1rem .75rem;border-bottom:1px solid #d7e4ed}.knowledge-tree-head h3,.resource-panel-head h3{margin:.18rem 0 .3rem;color:#102335;font-size:1.28rem}.knowledge-tree-head p,.resource-panel-head p{max-width:62ch;margin:0;color:#536b7e;line-height:1.65}.knowledge-tree-badge{flex:0 0 auto;border:1px solid #f1d28a;border-radius:999px;background:#fff7df;color:#8b6500;padding:.34rem .7rem;font-size:.76rem;font-weight:700}.knowledge-tree-canvas{position:relative;min-height:560px;overflow:hidden;background:linear-gradient(90deg,rgba(145,171,190,.18) 1px,transparent 1px),linear-gradient(180deg,rgba(145,171,190,.18) 1px,transparent 1px),#fbfdff;background-size:32px 32px}.knowledge-tree-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.knowledge-tree-lines line{stroke:#aac2d3;stroke-width:.42;stroke-linecap:round}.knowledge-node{position:absolute;display:grid;gap:.16rem;width:142px;min-height:82px;transform:translate(-50%,-50%);border:1px solid #cfdde8;border-radius:8px;background:#fff;color:#22384b;padding:.66rem .72rem;text-align:left;cursor:pointer;box-shadow:0 12px 30px #1b374b14}.knowledge-node:hover,.knowledge-node.is-selected{border-color:#0f8f82;background:#eaf8f5;color:#075f58}.knowledge-node.is-selected{box-shadow:0 18px 40px #08796e2e}.knowledge-node.is-core:not(.is-selected){border-color:#f1d28a;background:#fff8e8}.knowledge-node small,.knowledge-node strong,.knowledge-node span{min-width:0;overflow:hidden;text-overflow:ellipsis}.knowledge-node small{color:#08796e;font-size:.68rem;font-weight:700;white-space:nowrap}.knowledge-node strong{color:inherit;font-size:.94rem;line-height:1.25}.knowledge-node span{color:#5c7284;font-size:.72rem;line-height:1.35}.knowledge-node.is-downstream small,.knowledge-node.is-adjacent small{color:#7b5c00}.knowledge-node.is-downstream,.knowledge-node.is-adjacent{background:#fffdf7}.knowledge-resource-panel{display:grid;align-content:start;gap:.9rem;padding:1rem}.resource-panel-head{display:grid;gap:.15rem}.knowledge-chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.knowledge-chip-row span{border:1px solid #b7dcd6;border-radius:999px;background:#eef9f6;color:#08796e;padding:.28rem .58rem;font-size:.72rem;font-weight:700}.resource-package-grid{display:grid;gap:.55rem}.resource-package-grid article{display:grid;grid-template-columns:minmax(72px,auto) minmax(40px,auto) minmax(0,1fr);align-items:center;gap:.65rem;min-height:54px;border:1px solid #d7e4ed;border-radius:8px;background:#fbfdff;padding:.55rem .65rem}.resource-package-grid small{color:#607587;font-size:.74rem}.resource-package-grid strong{color:#102335;font-size:1.35rem;line-height:1}.resource-package-grid span{min-width:0;color:#536b7e;font-size:.76rem;line-height:1.4}.knowledge-action-stack{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.knowledge-action-stack .primary-button,.knowledge-action-stack .ghost-button{justify-content:center;text-align:center}.knowledge-drill-list{display:grid;gap:.55rem;padding-top:.2rem}.knowledge-drill-list button{display:grid;gap:.2rem;border:1px solid #d7e4ed;border-radius:8px;background:#fff;color:#22384b;padding:.65rem .72rem;text-align:left;cursor:pointer}.knowledge-drill-list button:hover{border-color:#9fcde8;background:#f2f9fd}.knowledge-drill-list strong{color:inherit;font-size:.84rem}.knowledge-drill-list span{min-width:0;color:#607587;font-size:.72rem;line-height:1.45}.teaching-overview-panel{border-bottom:1px solid #d7e4ed;background:#ffffffdb;padding:1rem 1.1rem}.teaching-overview-panel .lesson-head{margin-bottom:.85rem}.teaching-page-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.teaching-page-tabs button{display:grid;gap:.16rem;min-width:0;min-height:58px;border:1px solid #d6e3ec;border-radius:8px;background:#fff;color:#536b7e;padding:.58rem .68rem;text-align:left;cursor:pointer}.teaching-page-tabs button:hover,.teaching-page-tabs button.is-active{border-color:#9fcde8;background:#eaf6fd;color:#126fb2}.teaching-page-tabs strong,.teaching-page-tabs span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teaching-page-tabs strong{color:inherit;font-size:.88rem}.teaching-page-tabs span{color:#607587;font-size:.72rem}.teaching-page-panel{min-width:0;padding:1rem 1.1rem 1.15rem}.split-layer{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:.9rem;align-items:start}.compact-layer-dock,.training-loop-panel,.teaching-script{border:1px solid #d8e6ef;border-radius:8px;background:#ffffffe0;box-shadow:none}.compact-resource-grid{grid-template-columns:1fr}.layered-student-panel{grid-template-columns:1fr;gap:.9rem}.layered-student-panel>div,.layered-student-panel .teaching-side-card{min-width:0;border:1px solid #d8e6ef;border-radius:8px;background:#ffffffe0;padding:.9rem;box-shadow:none}.course-item,.lesson-materials article,.framework-map article,.rule-grid article,.question-list article,.resource-grid article,.toolbox-grid article,.exception-repair-card,.diagnosis-list article{box-shadow:none}.lesson-materials{margin-bottom:.85rem}.question-list,.resource-grid,.toolbox-grid,.diagnosis-list,.framework-map,.rule-grid{gap:.55rem}.knowledge-map-strip{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto;padding-bottom:.1rem}.chalkboard-panel .cockpit-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;width:min(560px,46vw)}.chalkboard-panel .cockpit-panel-head strong{display:block;margin-top:.18rem}.compact-whiteboard-action{min-height:32px;padding:.32rem .58rem;font-size:.76rem}.simulation-panel{width:min(360px,28vw);padding:.7rem}.simulation-panel:not(.is-expanded){width:min(330px,26vw)}.simulation-panel:not(.is-expanded) .sim-hero-bar{margin-bottom:0}.simulation-panel:not(.is-expanded) .sim-hero-bar h2{max-width:18em;color:#50687b;font-size:.78rem;line-height:1.35}.simulation-panel:not(.is-expanded) .eyebrow{display:none}.simulation-panel.is-expanded{width:min(390px,31vw)}.simulation-panel.is-expanded .collision-canvas{height:148px;min-height:148px}@media (max-width: 1120px){.teaching-layer-shell{grid-template-columns:1fr}.teaching-course-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-right:0;border-bottom:1px solid #d7e4ed}.teaching-course-rail .panel-header-row{grid-column:1 / -1}.split-layer,.toolbox-layout{grid-template-columns:1fr}.simulation-panel,.simulation-panel:not(.is-expanded),.simulation-panel.is-expanded{width:min(360px,34vw)}}@media (max-width: 760px){.teaching-workbench{padding:0}.teaching-hero-compact{align-items:stretch;flex-direction:column}.teaching-hero-actions{justify-content:flex-start}.teaching-layer-shell{min-height:0;border-right:0;border-left:0;border-radius:0}.teaching-course-rail,.teaching-page-tabs,.lesson-materials,.framework-map,.rule-grid,.resource-grid,.toolbox-grid{grid-template-columns:1fr}.lesson-head{flex-direction:column;align-items:stretch}.lesson-tag{width:max-content;max-width:100%}.teaching-page-tabs button{min-height:48px}.classroom-cockpit{overflow:auto}.chalkboard-panel{position:relative;min-height:calc(100vh - 72px)}.chalkboard-panel .cockpit-panel-head{width:100%}.simulation-panel,.simulation-panel:not(.is-expanded),.simulation-panel.is-expanded{position:relative;inset:auto;width:auto;margin:0 1rem 1rem}.bound-formula-strip{left:.75rem;right:.75rem;bottom:.75rem}}.teaching-page-two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:0;padding:0;min-height:calc(100vh - 286px)}.teaching-primary-pane,.teaching-secondary-pane{min-width:0;background:#ffffffb8}.teaching-primary-pane{padding:1.15rem 1.2rem}.teaching-secondary-pane{display:grid;align-content:start;gap:.62rem;border-left:1px solid #d8e6ef;background:#f6fbfe;padding:1.05rem}.teaching-primary-pane .panel-header-row,.teaching-secondary-pane .secondary-pane-head{margin-bottom:.85rem}.lesson-step-list{display:grid;gap:0;margin:0;padding:0;list-style:none;border:1px solid #d8e6ef;border-radius:10px;overflow:hidden;background:#fff}.lesson-step-list li{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:.8rem;min-width:0;padding:.86rem .95rem;border-bottom:1px solid #e4edf4;color:#607587}.lesson-step-list li:last-child{border-bottom:0}.lesson-step-list strong{color:#203646}.lesson-step-list span{min-width:0}.teaching-secondary-pane article,.review-mini-list{min-width:0;border:1px solid #d8e6ef;border-radius:8px;background:#fff;padding:.72rem}.teaching-secondary-pane small,.review-mini-list small{display:block;color:#126fb2;font-size:.72rem;font-weight:800}.teaching-secondary-pane strong,.teaching-secondary-pane span,.teaching-secondary-pane em,.review-mini-list strong{display:block}.teaching-secondary-pane strong,.review-mini-list strong{margin-top:.25rem;color:#203646;font-size:.86rem;line-height:1.45}.teaching-secondary-pane span{margin-top:.32rem;color:#607587;font-size:.8rem;line-height:1.5}.teaching-secondary-pane em{margin-top:.42rem;color:#d77824;font-size:.76rem;font-style:normal;font-weight:800}.calm-question-list article{grid-template-columns:minmax(0,1fr) auto;border-radius:8px;background:#fff;padding:.72rem .78rem}.calm-question-list article.is-selected{border-color:#8ec8ec;background:#f2f9fe}.resources-page-panel{grid-template-columns:minmax(420px,.92fr) minmax(360px,.72fr)}.material-preset-list{display:grid;gap:0;border:1px solid #d8e6ef;border-radius:10px;overflow:hidden;background:#fff}.material-preset-card{display:grid;gap:.24rem;min-width:0;border:0;border-bottom:1px solid #e4edf4;background:#fff;color:#607587;padding:.86rem .95rem;text-align:left;cursor:pointer}.material-preset-card:last-child{border-bottom:0}.material-preset-card:hover,.material-preset-card.is-active{background:#f2f9fe}.material-preset-card small,.material-preset-card strong,.material-preset-card span,.material-preset-card em{display:block;min-width:0}.material-preset-card small{color:#126fb2;font-size:.72rem;font-weight:800}.material-preset-card strong{color:#203646;font-size:.94rem;line-height:1.35}.material-preset-card span{color:#607587;font-size:.82rem;line-height:1.5}.material-preset-card em{color:#d77824;font-size:.76rem;font-style:normal;font-weight:800}.selected-material-brief{display:flex;align-items:center;justify-content:space-between;gap:.85rem;min-width:0;margin-top:.85rem;border:1px solid #cbdce8;border-radius:10px;background:#f8fcff;padding:.78rem .86rem}.selected-material-brief>div{min-width:0}.selected-material-brief strong,.selected-material-brief small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-material-brief strong{margin-top:.12rem;color:#203646;font-size:.9rem}.selected-material-brief small{margin-top:.2rem;color:#607587;font-size:.78rem}.resource-question-pane{background:#fbfdff}.resource-question-pane .teaching-tabs{margin-bottom:.72rem}.ai-build-brief{display:grid;gap:.58rem;margin-top:.85rem;border:1px solid #d8e6ef;border-radius:10px;background:#fff;padding:.78rem .86rem}.ai-build-brief p{margin:0;color:#50687b;font-size:.84rem;line-height:1.58}.ai-build-brief ol{display:grid;gap:.3rem;margin:0;padding-left:1.1rem}.ai-build-brief li{color:#607587;font-size:.8rem;line-height:1.45}.ai-build-brief .text-action-link{justify-self:start}.question-action-row{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.42rem;align-items:center}.text-action-link{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border:1px solid #d8e6ef;border-radius:7px;background:#fff;color:#31596f;padding:.28rem .58rem;font-size:.78rem;font-weight:800;text-decoration:none}.text-action-link:hover{border-color:#9fcde8;color:#126fb2}.training-decision-row{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:.85rem;padding-top:.85rem;border-top:1px solid #e0ebf2}.training-decision-row button{min-height:32px;border:1px solid #cbdce8;border-radius:8px;background:#fff;color:#50687b;padding:.34rem .62rem;font-size:.78rem;font-weight:800;cursor:pointer}.training-decision-row button.is-active,.training-decision-row button:hover{border-color:#9fcde8;background:#eaf6fd;color:#126fb2}.training-case-list{display:grid;gap:0;margin:.85rem 0;border:1px solid #d8e6ef;border-radius:10px;overflow:hidden;background:#fff}.training-case-list button{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:.28rem .75rem;min-width:0;border:0;border-bottom:1px solid #e4edf4;background:#fff;color:#607587;padding:.74rem .82rem;text-align:left;cursor:pointer}.training-case-list button:last-child{border-bottom:0}.training-case-list button:hover,.training-case-list button.is-active{background:#f2f9fe}.training-case-list span,.training-case-list strong,.training-case-list small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.training-case-list span{color:#126fb2;font-size:.74rem;font-weight:800}.training-case-list strong{color:#203646;font-size:.86rem}.training-case-list small{grid-column:2;color:#607587;font-size:.78rem}.mistake-draw-panel{display:grid;gap:.55rem;margin:-.1rem 0 .85rem;border:1px solid #d8e6ef;border-radius:10px;background:#fff;padding:.72rem}.mistake-draw-panel .secondary-pane-head{margin-bottom:0}.mistake-draw-list{display:grid;gap:0;border:1px solid #e1ebf2;border-radius:8px;overflow:hidden}.mistake-draw-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:center;min-width:0;border-bottom:1px solid #e4edf4;background:#f8fbfd;padding:.62rem}.mistake-draw-list article:last-child{border-bottom:0}.mistake-draw-list div,.mistake-draw-list small,.mistake-draw-list strong,.mistake-draw-list span{display:block;min-width:0}.mistake-draw-list small{color:#126fb2;font-size:.7rem;font-weight:800}.mistake-draw-list strong{margin-top:.14rem;color:#203646;font-size:.84rem;line-height:1.35}.mistake-draw-list span{margin-top:.18rem;color:#607587;font-size:.76rem;line-height:1.45}.training-profile-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:-.12rem 0 .85rem}.training-profile-strip article{display:grid;gap:.18rem;min-width:0;border:1px solid #d8e6ef;border-radius:8px;background:#f8fbfd;padding:.64rem}.training-profile-strip small,.training-profile-strip strong,.training-profile-strip span{display:block;min-width:0}.training-profile-strip small{color:#126fb2;font-size:.7rem;font-weight:800}.training-profile-strip strong{color:#203646;font-size:.84rem;line-height:1.35}.training-profile-strip span{color:#607587;font-size:.76rem;line-height:1.45}.training-diagnosis-card em{display:block;margin-top:.4rem;color:#d77824;font-size:.76rem;font-style:normal;font-weight:800;line-height:1.45}.training-diagnosis-card.evidence-card{border-color:#d8e6ef;background:#f8fbfd}.training-action-log{display:grid;gap:.42rem;margin-top:.85rem;border:1px solid #d8e6ef;border-radius:10px;background:#fff;padding:.72rem}.training-action-log article{display:grid;gap:.12rem;min-width:0;border-top:1px solid #e4edf4;padding-top:.46rem}.training-action-log article:first-of-type{border-top:0;padding-top:0}.training-action-log small,.training-action-log strong,.training-action-log span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.training-action-log small{color:#126fb2;font-size:.72rem;font-weight:800}.training-action-log strong{color:#203646;font-size:.84rem}.training-action-log span{color:#607587;font-size:.78rem}.training-link-row{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:.58rem}.training-sample-pane{margin-top:.85rem}.training-sample-panel{display:grid;gap:.62rem;border:1px solid #d8e6ef;border-radius:10px;background:#fff;padding:.78rem}.training-sample-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.training-sample-summary article,.training-sample-list article{display:grid;gap:.2rem;min-width:0;border:1px solid #e1ebf2;border-radius:8px;background:#f8fbfd;padding:.58rem}.training-sample-summary small,.training-sample-list small{color:#126fb2;font-size:.7rem;font-weight:800}.training-sample-summary strong,.training-sample-list strong{color:#203646;font-size:.84rem;line-height:1.35}.training-sample-summary span,.training-sample-list span{color:#607587;font-size:.78rem;line-height:1.45}.training-sample-actions{display:flex;flex-wrap:wrap;gap:.42rem}.training-sample-list{display:grid;gap:.44rem}.selected-question-card .text-action-link{justify-self:start;margin-top:.52rem}.review-pass-list{display:grid;gap:.18rem;min-width:0;border:1px solid #d8e6ef;border-radius:8px;background:#fff;padding:.72rem}.review-pass-list>small{color:#126fb2;font-size:.72rem;font-weight:800}.review-mini-list .review-queue-item,.review-pass-list article{display:grid;gap:.18rem;min-width:0;border:0;border-top:1px solid #e4edf4;border-radius:0;background:transparent;padding:.52rem 0 0}.review-mini-list .review-queue-item:first-of-type{border-top:0;padding-top:.34rem}.review-mini-list .review-queue-item.is-generated strong{color:#126fb2}.review-mini-list span{display:block;margin-top:.18rem;color:#607587;font-size:.76rem;line-height:1.45}.review-pass-list article:first-of-type{border-top:0;padding-top:.34rem}.review-pass-list strong,.review-pass-list span,.review-pass-list em{display:block;min-width:0}.review-pass-list strong{color:#203646;font-size:.82rem;line-height:1.4}.review-pass-list span{color:#607587;font-size:.76rem;line-height:1.45}.review-pass-list em{color:#2f8b57;font-size:.72rem;font-style:normal;font-weight:800}.review-action-row{display:flex;flex-wrap:wrap;gap:.38rem;margin-top:.34rem}.calm-framework-map{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:.75rem}.calm-rule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.calm-toolbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.framework-graph{display:grid;grid-template-columns:repeat(5,minmax(132px,1fr));gap:0;margin-bottom:.85rem;border:1px solid #d8e6ef;border-radius:10px;overflow:hidden;background:#fff}.framework-graph button{position:relative;display:grid;align-content:start;gap:.22rem;min-width:0;min-height:112px;border:0;border-right:1px solid #e1ebf2;background:#fff;color:#607587;padding:.78rem;text-align:left;cursor:pointer}.framework-graph button:last-child{border-right:0}.framework-graph button:after{content:"";position:absolute;top:50%;right:-.34rem;width:.68rem;height:.68rem;border-top:1px solid #cbdce8;border-right:1px solid #cbdce8;background:#fff;transform:translateY(-50%) rotate(45deg);z-index:2}.framework-graph button:last-child:after{display:none}.framework-graph button:hover,.framework-graph button.is-active{background:#f2f9fe}.framework-graph button.is-active:after{background:#f2f9fe;border-color:#9fcde8}.framework-graph small,.framework-graph strong,.framework-graph span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}.framework-graph small{color:#126fb2;font-size:.7rem;font-weight:800;white-space:nowrap}.framework-graph strong{color:#203646;font-size:.86rem;line-height:1.35}.framework-graph span{color:#607587;font-size:.76rem;line-height:1.45}.framework-node-actions{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:.78rem}.generated-tool-card-list,.skill-draft-list{display:grid;gap:.55rem;margin-top:.95rem;border:1px solid #d8e6ef;border-radius:10px;background:#fff;padding:.78rem}.generated-tool-card-list .secondary-pane-head,.skill-draft-list .secondary-pane-head{margin-bottom:0}.generated-tool-card-list article,.skill-draft-list article{display:grid;gap:.32rem;min-width:0;border:1px solid #e1ebf2;border-radius:8px;background:#f8fbfd;padding:.68rem}.skill-draft-list article{border-color:#cfe7d8;background:#f7fcf8}.generated-tool-card-list small,.generated-tool-card-list strong,.generated-tool-card-list span,.skill-draft-list small,.skill-draft-list strong,.skill-draft-list span,.skill-draft-list em{display:block;min-width:0}.skill-draft-list small,.generated-tool-card-list small{color:#126fb2;font-size:.7rem;font-weight:800}.skill-draft-list small{color:#2f8b57}.skill-draft-list strong,.generated-tool-card-list strong{color:#203646;font-size:.86rem;line-height:1.35}.skill-draft-list span,.generated-tool-card-list span{color:#607587;font-size:.78rem;line-height:1.45}.generated-tool-card-list ol,.skill-draft-list ol{display:grid;gap:.24rem;margin:0;padding-left:1.05rem}.generated-tool-card-list li,.skill-draft-list li{color:#607587;font-size:.76rem;line-height:1.4}.skill-draft-list em{color:#2f8b57;font-size:.76rem;font-style:normal;font-weight:800;line-height:1.45}.calm-toolbox-grid article.is-active{border-color:#8ec8ec;background:#f2f9fe}.knowledge-route{display:flex;flex-wrap:wrap;gap:.42rem;margin-bottom:.85rem}.compact-knowledge-route{margin-bottom:.72rem}.knowledge-route span{border:1px solid #cbdce8;border-radius:999px;background:#fff;color:#50687b;padding:.32rem .58rem;font-size:.78rem;font-weight:700}.exception-pane p{margin:0;color:#607587;font-size:.84rem;line-height:1.6}.exception-pane ol{display:grid;gap:.38rem;margin:0;padding-left:1.05rem}.exception-pane li{color:#607587;font-size:.82rem;line-height:1.45}.exception-pane b{display:block;color:#203646;font-size:.84rem;line-height:1.55}.reflection-card-list,.scaffold-card-list{display:grid;gap:.48rem}.reflection-card-list>small,.scaffold-card-list>small{color:#126fb2;font-size:.72rem;font-weight:800}.reflection-card-list article,.scaffold-card-list article{display:grid;gap:.34rem;min-width:0;border:1px solid #d8e6ef;border-radius:8px;background:#f8fbfd;padding:.62rem}.reflection-card-list strong,.reflection-card-list span,.scaffold-card-list strong,.scaffold-card-list span{display:block;min-width:0}.reflection-card-list strong,.scaffold-card-list strong{color:#203646;font-size:.84rem;line-height:1.35}.reflection-card-list span,.scaffold-card-list span{color:#607587;font-size:.78rem;line-height:1.45}.reflection-card-list b{display:block;color:#203646;font-size:.78rem;line-height:1.45}.scaffold-card-list ol{display:grid;gap:.24rem;margin:0;padding-left:1.05rem}.scaffold-card-list li{color:#607587;font-size:.76rem;line-height:1.4}@media (max-width: 1120px){.teaching-page-two-column,.resources-page-panel{grid-template-columns:1fr}.teaching-secondary-pane{border-left:0;border-top:1px solid #d8e6ef;grid-template-columns:repeat(2,minmax(0,1fr))}.teaching-secondary-pane .secondary-pane-head,.review-mini-list,.exception-pane p,.exception-pane .repair-meta,.exception-pane ol,.exception-pane b{grid-column:1 / -1}.training-sample-summary,.training-profile-strip{grid-template-columns:1fr}}@media (max-width: 760px){.lesson-step-list li,.training-case-list button,.mistake-draw-list article,.framework-graph,.calm-framework-map,.calm-rule-grid,.calm-toolbox-grid,.teaching-secondary-pane{grid-template-columns:1fr}.selected-material-brief{align-items:stretch;flex-direction:column}.selected-material-brief strong,.selected-material-brief small{white-space:normal}.whiteboard-material-strip{right:.75rem;left:.75rem;top:6.1rem;align-items:flex-start;flex-direction:column;gap:.12rem}.whiteboard-material-strip small{white-space:normal}.formula-recognition-dock{top:10.3rem}}:root{--bg: #f4f8fb;--surface: #ffffff;--surface-2: #eef5f8;--line: #d8e5ea;--ink: #17252e;--muted: #5f727d;--primary: #087f73;--accent: #c86b37;--warn: #8f6b21}body{background:#f4f8fb;color:var(--ink)}.vue-shell{grid-template-columns:236px minmax(0,1fr);min-height:100dvh;background:#f4f8fb}.vue-shell.is-home-shell{display:block;background:#eef5f8}.side-nav{position:sticky;top:0;min-height:100dvh;gap:.42rem;border-right:1px solid #d7e5eb;background:#fbfdfe;color:#20313b;backdrop-filter:none}.brand-block{border-bottom-color:#d7e5eb}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#e6f3f1;color:#087f73;font-size:.85rem}.brand-block strong{color:#17252e}.brand-block small,.side-note{color:#697d88;font-family:inherit}.nav-button{border-radius:8px;color:#5d727d}.nav-button:hover{background:#eef5f8;color:#17252e}.nav-button.is-active{border-color:#b8dcd7;background:#e6f3f1;color:#087f73}.workbench,.workbench.is-product-home{background:#f4f8fb}.topbar{min-height:64px;border-bottom:1px solid #d7e5eb;background:#fbfdfe}.eyebrow,.panel-label{color:#087f73;font-size:.8rem;font-weight:800}.topbar h1{color:#17252e}.primary-button,.ghost-button{border-radius:8px;min-height:38px;border:1px solid #cadce2;padding:.52rem .86rem;background:#fff;color:#243843;box-shadow:none;text-decoration:none;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.primary-button{border-color:#087f73;background:#087f73;color:#fff;font-weight:800}.primary-button:hover{border-color:#066b61;background:#066b61}.ghost-button:hover{border-color:#9fc4c0;background:#eef7f5;color:#087f73}.primary-button:active,.ghost-button:active{transform:translateY(1px)}.product-home{min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;color:#17252e;background:linear-gradient(90deg,rgba(126,151,160,.12) 1px,transparent 1px),linear-gradient(180deg,rgba(126,151,160,.1) 1px,transparent 1px),#eef5f8;background-size:52px 52px}.product-home-nav{min-height:72px;padding:0 3rem;border-bottom:1px solid #d7e5eb;background:#fbfdfeeb}.product-logo span{width:34px;height:34px;border-color:#b8dcd7;border-radius:8px;background:#e6f3f1;color:#087f73}.product-logo strong{color:#17252e;font-size:1.02rem}.product-home-nav nav{gap:.24rem}.product-home-nav nav a{border-radius:8px;color:#566a74;font-size:.9rem}.product-home-nav nav a:hover{background:#e6f3f1;color:#087f73}.product-hero{grid-template-columns:minmax(330px,.86fr) minmax(520px,1.14fr);gap:clamp(1.5rem,4vw,5rem);width:min(1440px,100%);margin:0 auto;padding:clamp(2.4rem,5vw,5rem) clamp(2rem,5vw,4.2rem) clamp(1.4rem,3vw,2.4rem)}.product-hero-copy{justify-content:center;gap:1.2rem}.product-kicker{width:fit-content;border:1px solid #b8dcd7;border-radius:8px;background:#fff;color:#087f73;padding:.42rem .62rem}.product-hero-copy h2{max-width:6em;color:#12232d;font-size:clamp(3.5rem,7.4vw,7.2rem);line-height:.95;letter-spacing:0}.product-hero-copy p{max-width:34rem;color:#526872;font-size:1.08rem;line-height:1.75}.product-actions{gap:.7rem;margin-top:.2rem}.product-actions .primary-button,.product-actions .ghost-button{min-height:44px;padding:.68rem 1rem}.product-proof-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:520px;margin:1.1rem 0 0;border-top:1px solid #d3e2e8;border-bottom:1px solid #d3e2e8}.product-proof-strip div{padding:.85rem 1rem .85rem 0}.product-proof-strip div+div{border-left:1px solid #d3e2e8;padding-left:1rem}.product-proof-strip dt,.product-proof-strip dd{margin:0}.product-proof-strip dt{color:#6d818b;font-size:.78rem}.product-proof-strip dd{margin-top:.18rem;color:#17252e;font-size:.96rem;font-weight:800}.product-hero-visual{min-height:clamp(480px,62vh,680px)}.hero-board{inset:0 5% 7% 0;border:1px solid #cadce2;border-radius:8px;background:linear-gradient(90deg,rgba(146,169,178,.18) 1px,transparent 1px),linear-gradient(180deg,rgba(146,169,178,.14) 1px,transparent 1px),#fff;background-size:40px 40px;box-shadow:0 24px 70px #324b5629}.hero-board:before{left:11%;right:20%;top:58%;background:#49626d}.board-toolbar{gap:.34rem;padding:1rem}.board-toolbar span{border-color:#d8e5ea;border-radius:7px;background:#f6fafb;color:#526872}.board-equation{left:9%;top:24%}.board-equation b{color:#152832;font-family:KaiTi,STKaiti,Microsoft YaHei,sans-serif;font-size:clamp(1.7rem,3vw,2.8rem)}.board-equation i{color:#8a5832}.board-note{position:absolute;left:9%;bottom:8%;max-width:22rem;color:#536872;font-size:.92rem;line-height:1.6}.board-sketch{left:12%;right:24%;bottom:22%}.board-sketch span{width:50px;height:50px;border-radius:8px}.board-sketch span:first-child{background:#82c8c0}.board-sketch span:last-child{background:#e1a06b}.board-sketch em{height:5px;background:linear-gradient(90deg,#82c8c0,#d6e2e7,#e1a06b)}.hero-sim-card{right:0;bottom:8%;border-color:#cadce2;border-radius:8px;background:#fbfdfe;box-shadow:0 18px 46px #324b5624}.hero-sim-card small{color:#087f73}.sim-track span{border-radius:8px;background:#82c8c0}.sim-track span:last-child{background:#e1a06b}.product-entry-strip{width:min(1440px,100%);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 auto;padding:0 clamp(2rem,5vw,4.2rem) 2.4rem}.product-entry-strip a{min-height:116px;border:0;border-top:1px solid #cadce2;border-radius:0;background:transparent;padding:1rem 1.4rem 1rem 0}.product-entry-strip a+a{border-left:1px solid #cadce2;padding-left:1.4rem}.product-entry-strip small{color:#087f73}.product-entry-strip strong{color:#17252e;font-size:1.05rem}.product-entry-strip span{color:#5f727d}.classroom-cockpit{position:relative;display:block;min-height:calc(100dvh - 64px);overflow:hidden;background:linear-gradient(90deg,rgba(126,151,160,.1) 1px,transparent 1px),linear-gradient(180deg,rgba(126,151,160,.08) 1px,transparent 1px),#f6fafb;background-size:48px 48px}.chalkboard-panel{position:absolute;inset:0;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.7rem;padding:1.2rem 1.2rem 1rem;border:0;background:transparent}.chalkboard-panel .cockpit-panel-head{position:relative;z-index:6;width:min(540px,calc(100% - 420px));display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin:0}.chalkboard-panel .cockpit-panel-head strong{color:#17252e}.compact-whiteboard-action{min-height:32px;padding:.34rem .58rem;font-size:.78rem}.formula-board.handwriting-whiteboard{position:relative;min-height:0;height:100%;margin:0;overflow:hidden;border:1px solid #cadce2;border-radius:8px;background:linear-gradient(90deg,rgba(122,150,160,.16) 1px,transparent 1px),linear-gradient(180deg,rgba(122,150,160,.12) 1px,transparent 1px),#fff;background-size:40px 40px;box-shadow:inset 0 0 0 1px #ffffffe6}.handwriting-whiteboard:after{content:"在白板上书写公式或画受力图";left:1.1rem;bottom:.9rem;color:#81949d}.hand-axis{background:#405965;opacity:.62}.hand-axis.horizontal{left:5%;right:30%;top:30%}.hand-axis.vertical{left:16%;top:12%;bottom:14%}.hand-arrow.x{right:calc(30% - .3rem);top:calc(30% - .38rem);border-left-color:#405965}.hand-arrow.y{left:calc(16% - .38rem);top:calc(12% - .38rem);border-bottom-color:#405965}.whiteboard-context-strip,.whiteboard-material-strip,.formula-recognition-dock,.bound-formula-strip button,.simulation-panel{border-radius:8px;border-color:#d5e2e8;background:#fbfdfef0;box-shadow:0 10px 28px #2a444e1a}.whiteboard-context-strip{left:1rem;right:min(430px,34vw);top:1rem;padding:.6rem .7rem}.whiteboard-context-strip strong{color:#17252e}.whiteboard-context-strip small{color:#607783}.whiteboard-material-strip{left:1rem;top:4.75rem;max-width:min(720px,calc(100% - 460px));color:#607783}.whiteboard-material-strip span{color:#087f73}.whiteboard-material-strip strong{color:#17252e}.formula-recognition-dock{left:1rem;top:auto;bottom:1rem;max-width:min(580px,calc(100% - 460px))}.formula-recognition-dock strong{color:#17252e}.bound-formula-strip{left:calc(1rem + min(600px,calc(100% - 460px)));right:min(430px,34vw);bottom:1rem}.bound-formula-strip button{min-width:180px;background:#fbfdfef0}.bound-formula-strip button:hover,.bound-formula-strip button.is-active{border-color:#9fc4c0;background:#e6f3f1}.bound-formula-strip small{color:#087f73}.bound-formula-strip strong{color:#17252e}.whiteboard-ink-canvas{z-index:3}.simulation-panel{position:absolute;right:1rem;top:1rem;z-index:7;width:min(400px,32vw);padding:.72rem}.simulation-panel:not(.is-expanded){width:min(340px,28vw)}.simulation-panel .sim-hero-bar{align-items:flex-start;margin-bottom:0}.simulation-panel .sim-hero-bar h2{max-width:18em;color:#17252e;font-size:.92rem;line-height:1.38}.simulation-panel .eyebrow{color:#087f73;font-size:.72rem}.sim-material-note{color:#607783}.simulation-panel .sim-controls{gap:.34rem}.simulation-panel .primary-button,.simulation-panel .ghost-button{min-height:32px;padding:.32rem .52rem;font-size:.74rem}.simulation-panel.is-expanded{width:min(430px,36vw)}.simulation-panel.is-expanded .sim-hero-bar{margin-bottom:.7rem}.stage-shell{border:1px solid #d5e2e8;border-radius:8px;background:#f8fbfc;box-shadow:inset 0 0 0 1px #fff}.simulation-panel.is-expanded .collision-canvas,.collision-canvas{height:180px;min-height:180px}.sim-status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.sim-status-strip article{min-width:0;border:1px solid #d5e2e8;border-radius:8px;background:#fff}.sim-status-strip small{color:#607783}.sim-status-strip strong{color:#17252e}@media (max-width: 1120px){.product-home-nav{padding:0 1.2rem}.product-hero,.product-entry-strip{grid-template-columns:1fr;padding-left:1.2rem;padding-right:1.2rem}.product-hero-copy h2{max-width:none;font-size:clamp(3rem,13vw,5.6rem)}.product-hero-visual{min-height:440px}.product-entry-strip a+a{border-left:0;padding-left:0}.chalkboard-panel .cockpit-panel-head,.whiteboard-context-strip,.whiteboard-material-strip,.formula-recognition-dock,.bound-formula-strip{right:1rem;max-width:none;width:auto}.whiteboard-material-strip{max-width:none}.formula-recognition-dock{bottom:1rem}.bound-formula-strip{left:1rem;bottom:5.2rem}.simulation-panel,.simulation-panel:not(.is-expanded),.simulation-panel.is-expanded{top:auto;right:1rem;bottom:8.9rem;width:min(360px,calc(100% - 2rem))}}@media (max-width: 720px){.vue-shell{grid-template-columns:1fr}.side-nav{position:static;min-height:auto}.product-home-nav{align-items:flex-start;flex-direction:column;padding:.85rem 1rem}.product-home-nav nav{width:100%;overflow-x:auto}.product-proof-strip{grid-template-columns:1fr}.product-proof-strip div+div{border-left:0;border-top:1px solid #d3e2e8;padding-left:0}.product-hero-visual{min-height:360px}.hero-board{inset:0 0 3.8rem}.hero-sim-card{right:.8rem;width:min(260px,calc(100% - 1.6rem))}.chalkboard-panel{position:relative;min-height:calc(100dvh - 64px);padding:.8rem}.formula-board.handwriting-whiteboard{min-height:620px}.whiteboard-context-strip{left:.75rem;right:.75rem;top:.75rem;flex-direction:column}.whiteboard-material-strip{left:.75rem;right:.75rem;top:9.2rem;flex-direction:column;align-items:flex-start}.formula-recognition-dock{left:.75rem;right:.75rem;top:auto;bottom:.75rem;flex-direction:column;align-items:stretch}.bound-formula-strip{left:.75rem;right:.75rem;bottom:6.3rem}.simulation-panel,.simulation-panel:not(.is-expanded),.simulation-panel.is-expanded{position:relative;inset:auto;width:auto;margin:0 .8rem .8rem}}@media (prefers-reduced-motion: reduce){.primary-button,.ghost-button{transition:none}}.vue-shell.route-freeform{--bg: #080c12;--surface: #101722;--surface-2: #172231;--line: #2b394a;--ink: #f3f8fb;--muted: #a6b5c2;--primary: #42c7e8;--accent: #a982e8;--warn: #e8c264;grid-template-columns:236px minmax(0,1fr);min-height:100dvh;background:radial-gradient(circle at 18% 12%,rgba(66,199,232,.14),transparent 28rem),radial-gradient(circle at 84% 18%,rgba(169,130,232,.12),transparent 30rem),#080c12;color:var(--ink)}.route-freeform .side-nav{border-right-color:#263344;background:#0a0e15f0;color:var(--ink);box-shadow:none}.route-freeform .brand-block{border-bottom-color:#263344}.route-freeform .brand-mark{background:#42c7e81f;color:var(--primary)}.route-freeform .brand-block strong,.route-freeform .topbar h1,.route-freeform .toolbar-head strong,.route-freeform .toolbar-head h2,.route-freeform .inspector-panel h2,.route-freeform .inspector-panel h3,.route-freeform .tool-button span,.route-freeform .catalog-item strong,.route-freeform .metric-card strong,.route-freeform .monitor-card strong,.route-freeform .chrome-info-card strong,.route-freeform .window-preview-head strong,.route-freeform .force-vector-card strong{color:var(--ink)}.route-freeform .brand-block small,.route-freeform .side-note,.route-freeform .nav-button,.route-freeform .topbar-status,.route-freeform p,.route-freeform li,.route-freeform .tool-group h3,.route-freeform .tool-button small,.route-freeform .dock-tool-button,.route-freeform .icon-action-button,.route-freeform .catalog-item small,.route-freeform .metric-card small,.route-freeform .monitor-card span,.route-freeform .chrome-info-card span,.route-freeform .window-preview-head span,.route-freeform .panel-copy,.route-freeform .panel-status-line,.route-freeform .form-row,.route-freeform .bridge-status,.route-freeform .vue-canvas-hud,.route-freeform .vue-canvas-badges span,.route-freeform .canvas-tag{color:var(--muted)}.route-freeform .nav-button:hover{background:#ffffff0d;color:var(--ink)}.route-freeform .nav-button.is-active{border-color:#42c7e87a;background:#42c7e81f;color:var(--primary)}.workbench.is-freeform-workbench{background:transparent}.route-freeform .topbar{min-height:64px;border-bottom-color:#263344;background:#0a0e15e6}.route-freeform .eyebrow,.route-freeform .panel-label{color:var(--primary)}.route-freeform .primary-button,.route-freeform .ghost-button{border-radius:8px;min-height:38px;padding:.52rem .86rem;box-shadow:none;text-decoration:none;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.route-freeform .primary-button{border:1px solid rgba(66,199,232,.66);background:#42c7e82e;color:#f8fcff;font-weight:800}.route-freeform .ghost-button{border:1px solid #314156;background:#ffffff09;color:var(--muted)}.route-freeform .primary-button:hover,.route-freeform .ghost-button:hover{border-color:#42c7e8b8;background:#42c7e81c;color:#f8fcff}.route-freeform .freeform-workbench{color:var(--ink)}.route-freeform .toolbar-panel,.route-freeform .canvas-panel,.route-freeform .inspector-panel,.route-freeform .vue-experiment-card,.route-freeform .library-panel,.route-freeform .vue-inspector-panel,.route-freeform .floating-window-panel,.route-freeform .freeform-chrome-panel{border-color:#2a384a;background:#0f151fe6;color:var(--ink);box-shadow:none}.route-freeform .canvas-stage{background:linear-gradient(rgba(66,199,232,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(66,199,232,.07) 1px,transparent 1px),#070b11;background-size:34px 34px}.route-freeform .tool-button,.route-freeform .dock-tool-button,.route-freeform .icon-action-button,.route-freeform .catalog-item,.route-freeform .segmented-tabs button,.route-freeform .inspector-tabs button,.route-freeform .panel-status-line,.route-freeform .ai-result-card,.route-freeform .ai-plan-step,.route-freeform .force-vector-card,.route-freeform .metric-card,.route-freeform .monitor-card,.route-freeform .teaching-flow-list li,.route-freeform .chrome-info-card{border-color:#314156;background:#ffffff09;color:var(--muted)}.route-freeform .tool-button:hover,.route-freeform .tool-button.is-active,.route-freeform .dock-tool-button:hover,.route-freeform .dock-tool-button.is-active,.route-freeform .icon-action-button:hover,.route-freeform .icon-action-button.is-active,.route-freeform .catalog-item:hover,.route-freeform .segmented-tabs button.is-active,.route-freeform .inspector-tabs button.is-active{border-color:#42c7e89e;background:#42c7e81f;color:var(--primary)}.route-freeform .tool-button:hover span,.route-freeform .tool-button.is-active span{color:var(--primary)}.route-freeform .window-preview-shell,.route-freeform .mini-chart,.route-freeform .probe-chart,.route-freeform .report-preview,.route-freeform .form-row input,.route-freeform .form-row textarea,.route-freeform .vue-experiment-stage{border-color:#314156;background:#060a10c7;color:var(--ink)}.route-freeform .bridge-status.is-ok,.route-freeform .inspector-panel li.is-done{color:var(--primary)}.route-freeform .bridge-status.is-ok{border-color:#42c7e87a;background:#42c7e81a}.route-freeform .canvas-tag,.route-freeform .vue-canvas-hud,.route-freeform .vue-canvas-badges span{border-color:#314156;background:#060a10c7}@media (max-width: 720px){.vue-shell.route-freeform{grid-template-columns:1fr}.route-freeform .side-nav{min-height:auto}}.product-home{--home-bg: #eef5f8;--home-ink: #102431;--home-muted: #5c7480;--home-line: #cbdde5;--home-accent: #087f73;--home-accent-soft: #dff0ed;--home-amber: #a86636;position:relative;isolation:isolate;min-height:100dvh;overflow:hidden;color:var(--home-ink);background:linear-gradient(90deg,rgba(122,150,160,.13) 1px,transparent 1px),linear-gradient(180deg,rgba(122,150,160,.1) 1px,transparent 1px),linear-gradient(180deg,#f6fafb 0%,var(--home-bg) 100%);background-size:48px 48px,48px 48px,auto}.product-home-nav{position:relative;z-index:5;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:0 3.4rem;border-bottom:1px solid rgba(181,203,213,.72);background:#f8fcfde6}.product-logo{display:inline-flex;align-items:center;gap:.78rem;min-width:0;color:var(--home-ink);text-decoration:none}.product-logo .mirror-mark{position:relative;display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;overflow:hidden;border:1px solid #a9d3d0;border-radius:10px;background:linear-gradient(135deg,#fff,#e4f3f0 46%,#cfe8e6);box-shadow:inset 0 0 0 1px #ffffffd1}.product-logo .mirror-mark:before{content:"";position:absolute;inset:6px;border:1px solid rgba(8,127,115,.24);border-radius:7px;transform:rotate(-8deg)}.product-logo .mirror-mark i{position:absolute;width:23px;height:2px;border-radius:999px;background:#087f73;opacity:.9;transform:rotate(-26deg)}.product-logo .mirror-mark i:nth-child(1){top:13px;left:9px}.product-logo .mirror-mark i:nth-child(2){top:20px;left:11px;width:20px;opacity:.7}.product-logo .mirror-mark i:nth-child(3){top:27px;left:14px;width:16px;opacity:.46}.product-logo strong{color:var(--home-ink);font-size:1.08rem;font-weight:900;white-space:nowrap}.product-home-nav nav{display:flex;align-items:center;gap:.18rem}.product-home-nav nav a{min-height:36px;display:inline-flex;align-items:center;border-radius:8px;padding:0 .82rem;color:#596f79;font-size:.95rem;font-weight:700;text-decoration:none;white-space:nowrap}.product-home-nav nav a:hover{background:var(--home-accent-soft);color:var(--home-accent)}.product-hero{position:relative;z-index:1;width:min(1480px,100%);display:grid;grid-template-columns:minmax(330px,.78fr) minmax(640px,1.22fr);gap:4.5rem;align-items:center;margin:0 auto;padding:4.2rem 4.1rem 1.8rem}.product-hero-copy{display:flex;flex-direction:column;justify-content:center;gap:1.16rem;min-width:0}.product-kicker{width:fit-content;max-width:100%;border:1px solid #b8d9d5;border-radius:8px;background:#fbfdfee0;color:var(--home-accent);padding:.48rem .68rem;font-size:.86rem;font-weight:900}.product-hero-copy h2{position:relative;display:grid;width:fit-content;max-width:100%;margin:0;color:var(--home-ink);font-size:5.6rem;line-height:.96;letter-spacing:0;font-weight:950}.product-hero-copy h2 span{position:relative;z-index:2}.product-hero-copy h2 em{margin-top:-.12rem;color:#5d7f88;font:inherit;font-style:normal;opacity:.12;transform:scaleY(-1);transform-origin:top;mask-image:linear-gradient(180deg,rgba(0,0,0,.78),transparent 74%)}.product-hero-copy p{max-width:36rem;margin:0;color:var(--home-muted);font-size:1.08rem;line-height:1.8;text-wrap:pretty}.product-actions{display:flex;flex-wrap:wrap;gap:.72rem;margin-top:.3rem}.product-actions .primary-button,.product-actions .ghost-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:0 1.05rem;white-space:nowrap}.product-actions .primary-button{border-color:var(--home-accent);background:var(--home-accent);color:#fff}.product-actions .ghost-button{border-color:#c9dbe3;background:#ffffffc2;color:#213a46}.product-proof-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:35rem;margin:1.45rem 0 0;border-top:1px solid var(--home-line);border-bottom:1px solid var(--home-line)}.product-proof-strip div{min-width:0;padding:.9rem 1rem .9rem 0}.product-proof-strip div+div{border-left:1px solid var(--home-line);padding-left:1rem}.product-proof-strip dt{color:#748b95;font-size:.78rem;font-weight:700}.product-proof-strip dd{margin:.2rem 0 0;color:var(--home-ink);font-size:.98rem;font-weight:900}.product-hero-visual{position:relative;min-height:600px}.hero-board.mirror-board{position:absolute;inset:0 5.5% 10% 0;overflow:hidden;border:1px solid #bfcfd6;border-radius:8px;background:linear-gradient(90deg,rgba(123,150,160,.14) 1px,transparent 1px),linear-gradient(180deg,rgba(123,150,160,.12) 1px,transparent 1px),#fbfdfe;background-size:42px 42px;box-shadow:0 26px 72px #2f495429,inset 0 0 0 1px #ffffffeb,inset 0 0 0 8px #ebf4f79e}.hero-board.mirror-board:before{content:"";position:absolute;left:11%;right:22%;top:58%;height:2px;background:#46616d}.mirror-edge{position:absolute;pointer-events:none}.mirror-edge.top{left:0;right:0;top:0;height:54px;border-bottom:1px solid rgba(190,207,216,.62);background:linear-gradient(180deg,#ffffffeb,#f6fafb7a)}.mirror-edge.side{top:0;right:0;bottom:0;width:30px;border-left:1px solid rgba(190,207,216,.56);background:linear-gradient(90deg,transparent,rgba(214,229,235,.42))}.board-toolbar{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:.42rem;padding:1.1rem 1.3rem}.board-toolbar span{min-height:32px;display:inline-flex;align-items:center;border:1px solid #cfdee5;border-radius:8px;background:#ffffffc7;color:#4f6874;padding:0 .68rem;font-size:.86rem;font-weight:900}.board-equation{position:absolute;left:8.8%;top:28%;display:grid;gap:.52rem;max-width:58%}.board-equation b{display:grid;gap:.18rem;color:var(--home-ink);font-family:Microsoft YaHei,system-ui,sans-serif;font-size:clamp(2.05rem,2.62vw,2.56rem);line-height:1.02;font-weight:950;letter-spacing:0}.board-equation b span{display:block;white-space:nowrap}.board-equation i{color:var(--home-amber);font-style:normal;font-size:.98rem;font-weight:800}.mirror-echo-panel{position:absolute;right:5.4%;top:23%;z-index:2;width:206px;border:1px solid #cbdde5;border-radius:8px;background:#ffffffdb;padding:.78rem .86rem;box-shadow:0 14px 38px #324b561a}.mirror-echo-panel small,.mirror-echo-panel strong,.mirror-echo-panel span{display:block}.mirror-echo-panel small{color:var(--home-accent);font-size:.76rem;font-weight:900}.mirror-echo-panel strong{margin-top:.24rem;color:var(--home-ink);font-size:.94rem}.mirror-echo-panel span{margin-top:.34rem;color:var(--home-muted);font-size:.8rem}.board-sketch{position:absolute;left:11%;right:24%;bottom:22%;display:flex;align-items:center;gap:.85rem}.board-sketch span{display:grid;place-items:center;width:54px;height:54px;border-radius:8px;color:var(--home-ink);font-weight:950}.board-sketch span:first-child{background:#83c9c0}.board-sketch span:last-child{background:#e4a56f}.board-sketch em{flex:1;height:7px;border-radius:999px;background:linear-gradient(90deg,#83c9c0,#d8e2e7 54%,#e4a56f)}.board-note{position:absolute;left:8.8%;bottom:8.6%;max-width:30rem;color:#57717d;font-size:.96rem;line-height:1.62}.hero-sim-card.mirror-sim-card{position:absolute;right:0;bottom:8%;z-index:4;width:min(300px,46%);border:1px solid #c7d8df;border-radius:8px;background:#fbfdfe;box-shadow:0 18px 48px #2f495424;padding:1.05rem}.hero-sim-card small,.hero-sim-card strong,.hero-sim-card p{display:block}.hero-sim-card small{color:var(--home-accent);font-size:.78rem;font-weight:950}.hero-sim-card strong{margin-top:.22rem;color:var(--home-ink);font-size:1.02rem}.sim-track{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.sim-track span{width:34px;height:34px;border-radius:8px;background:#83c9c0}.sim-track span:last-child{background:#e4a56f}.sim-track i{flex:1;height:5px;border-radius:999px;background:#cbdde5}.hero-sim-card p{margin:.75rem 0 0;color:var(--home-muted);font-size:.86rem}.mirror-reflection-strip{position:absolute;left:5.5%;right:13%;bottom:1.5%;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid rgba(166,190,200,.52);opacity:.68;transform:perspective(900px) rotateX(58deg);transform-origin:top}.mirror-reflection-strip span{min-width:0;border-left:1px solid rgba(166,190,200,.44);padding:.8rem 1rem 0;color:#4e727b;font-size:.82rem;font-weight:900}.mirror-reflection-strip span:first-child{border-left:0}.product-entry-strip{position:relative;z-index:2;width:min(1480px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 auto;padding:0 4.1rem 2.2rem}.product-entry-strip a{min-width:0;min-height:108px;display:flex;flex-direction:column;gap:.28rem;border:0;border-top:1px solid var(--home-line);border-radius:0;background:transparent;color:var(--home-ink);padding:1rem 1.4rem .9rem 0;text-decoration:none}.product-entry-strip a+a{border-left:1px solid var(--home-line);padding-left:1.4rem}.product-entry-strip a:hover{background:transparent}.product-entry-strip small{color:var(--home-accent);font-size:.78rem;font-weight:950}.product-entry-strip strong{color:var(--home-ink);font-size:1.08rem;font-weight:950}.product-entry-strip span{color:var(--home-muted);font-size:.88rem;line-height:1.58}@media (max-width: 1120px){.product-home-nav{padding:0 1.3rem}.product-hero{grid-template-columns:1fr;gap:2rem;padding:3rem 1.3rem 1.4rem}.product-hero-copy h2{font-size:4.4rem}.product-hero-visual{min-height:500px}.hero-board.mirror-board{inset:0 0 12%}.product-entry-strip{padding:0 1.3rem 2rem}.mirror-reflection-strip{left:1.2rem;right:1.2rem}}@media (max-width: 720px){.product-home-nav{min-height:auto;align-items:flex-start;flex-direction:column;padding:.9rem 1rem}.product-home-nav nav{width:100%;overflow-x:auto;padding-bottom:.1rem}.product-hero{padding:2.2rem 1rem 1rem}.product-hero-copy h2{font-size:3.25rem}.product-hero-copy h2 em{display:none}.product-proof-strip{grid-template-columns:1fr}.product-proof-strip div+div{border-left:0;border-top:1px solid var(--home-line);padding-left:0}.product-hero-visual{min-height:430px}.board-equation{left:7%;top:24%;max-width:86%}.board-equation b{font-size:1.72rem}.board-equation b span{white-space:normal}.mirror-echo-panel{display:none}.board-sketch{left:7%;right:9%;bottom:26%}.board-note{left:7%;right:7%;bottom:11%}.hero-sim-card.mirror-sim-card{right:.7rem;bottom:.7rem;width:min(280px,calc(100% - 1.4rem))}.mirror-reflection-strip{display:none}.product-entry-strip{grid-template-columns:1fr;padding:0 1rem 1.6rem}.product-entry-strip a+a{border-left:0;padding-left:0}}.vue-shell.route-demo{--demo-bg: #eef4f6;--demo-panel: #fbfdfd;--demo-panel-strong: #ffffff;--demo-ink: #132834;--demo-muted: #566b75;--demo-soft: #d9e6e9;--demo-line: #c8d9df;--demo-primary: #0b6f63;--demo-primary-dark: #07554d;--demo-amber: #b56a25;--demo-blue: #2d6f9f;grid-template-columns:212px minmax(0,1fr);background:var(--demo-bg);color:var(--demo-ink)}.route-demo .side-nav{padding:1.05rem .85rem;background:#f8fbfb;border-right:1px solid var(--demo-line);box-shadow:10px 0 28px #22424f0a}.route-demo .brand-block{gap:.65rem;padding:0 .35rem .9rem;margin-bottom:.35rem;border-bottom-color:var(--demo-line)}.route-demo .brand-mark{width:34px;height:34px;border-radius:8px;background:#102d38;color:#f5c27b;font-size:.78rem}.route-demo .brand-block strong{color:var(--demo-ink);font-size:1rem}.route-demo .brand-block small,.route-demo .side-note{color:var(--demo-muted)}.route-demo .nav-button{min-height:46px;border-radius:8px;padding:.58rem .68rem;color:#536974}.route-demo .nav-button:hover{background:#edf5f4;color:var(--demo-ink)}.route-demo .nav-button.is-active{border-color:#a9d1ca;background:#e4f1ef;color:var(--demo-primary);box-shadow:inset 0 0 0 1px #0b6f630f}.route-demo .side-note{margin-top:auto;padding:.9rem .35rem 0;border-top-color:var(--demo-line);font-size:.76rem;line-height:1.65}.route-demo .topbar{min-height:58px;padding:.68rem 1.15rem;border-bottom:1px solid var(--demo-line);background:#fbfdfdf5;color:var(--demo-ink)}.route-demo .topbar .eyebrow{display:none}.route-demo .topbar h1{font-size:1.12rem;line-height:1.2;color:var(--demo-ink)}.route-demo .topbar-status{margin-top:.18rem;color:var(--demo-muted);font-size:.76rem}.route-demo .top-actions{gap:.45rem}.route-demo .bridge-status.is-ok{display:none}.route-demo .primary-button,.route-demo .ghost-button{border-radius:8px;min-height:36px;border:1px solid var(--demo-line);background:var(--demo-panel-strong);color:var(--demo-ink);font-weight:700;box-shadow:none;text-decoration:none}.route-demo .primary-button{border-color:var(--demo-primary);background:var(--demo-primary);color:#fff}.route-demo .primary-button:hover{border-color:var(--demo-primary-dark);background:var(--demo-primary-dark)}.route-demo .ghost-button:hover{border-color:#9dc6c0;background:#eef7f5;color:var(--demo-primary-dark)}.route-demo .primary-button:focus-visible,.route-demo .ghost-button:focus-visible,.route-demo .bound-formula-strip button:focus-visible{outline:3px solid rgba(181,106,37,.28);outline-offset:2px}.route-demo .primary-button:disabled{border-color:#bdd2d7;background:#b7ccc9;color:#fff;cursor:not-allowed}.route-demo .classroom-cockpit{min-height:calc(100dvh - 58px);padding:0;overflow:hidden;background:linear-gradient(90deg,rgba(38,75,91,.06) 1px,transparent 1px),linear-gradient(180deg,rgba(38,75,91,.05) 1px,transparent 1px),radial-gradient(circle at 82% 16%,rgba(181,106,37,.08),transparent 26rem),var(--demo-bg);background-size:36px 36px,36px 36px,auto,auto}.route-demo .chalkboard-panel{position:absolute;inset:0;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.75rem;padding:.9rem .95rem;border:0;background:transparent}.route-demo .cockpit-panel-head{position:relative;left:auto;right:auto;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:calc(100% - min(420px,32vw) - 1rem);min-height:48px;margin:0;padding:.42rem .5rem .42rem .72rem;border:1px solid var(--demo-line);border-radius:10px;background:#fbfdfdf0}.route-demo .classroom-title-block{min-width:0}.route-demo .classroom-title-block .panel-label,.route-demo .lesson-rail .panel-label,.route-demo .whiteboard-context-strip .panel-label,.route-demo .formula-recognition-dock .panel-label{color:var(--demo-primary);font-size:.74rem;font-weight:800}.route-demo .classroom-title-block strong{display:block;margin-top:.14rem;overflow:hidden;color:var(--demo-ink);font-size:1.05rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.route-demo .classroom-title-block small{display:block;margin-top:.08rem;overflow:hidden;color:var(--demo-muted);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.route-demo .whiteboard-tool-row{display:flex;align-items:center;gap:.45rem;flex:0 0 auto}.route-demo .compact-whiteboard-action{min-height:32px;padding:.34rem .58rem;font-size:.78rem;white-space:nowrap}.route-demo .classroom-board-grid{display:grid;grid-template-columns:minmax(220px,270px) minmax(0,1fr);gap:.8rem;min-height:0;height:100%;padding-right:min(430px,33vw)}.route-demo .lesson-rail{grid-column:1;grid-row:1;min-height:0;overflow:hidden;border:1px solid var(--demo-line);border-radius:10px;background:#fbfdfdf2;box-shadow:0 18px 40px #29495414}.route-demo .lesson-rail-head{padding:.86rem .86rem .7rem;border-bottom:1px solid var(--demo-soft)}.route-demo .lesson-rail-head strong{display:block;margin-top:.28rem;color:var(--demo-ink);font-size:.98rem;line-height:1.35}.route-demo .lesson-rail ol{display:grid;gap:0;margin:0;padding:.3rem;list-style:none}.route-demo .lesson-rail li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:.58rem;min-height:76px;padding:.62rem .58rem;border-radius:8px;color:var(--demo-muted)}.route-demo .lesson-rail li+li{margin-top:.1rem}.route-demo .lesson-rail li>span{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--demo-line);border-radius:999px;color:var(--demo-muted);font:800 .78rem ui-monospace,Consolas,monospace;background:#fff}.route-demo .lesson-rail li strong{display:block;color:var(--demo-ink);font-size:.86rem;line-height:1.35}.route-demo .lesson-rail li small{display:-webkit-box;margin-top:.16rem;overflow:hidden;color:var(--demo-muted);font-size:.74rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.route-demo .lesson-rail li.is-active{background:#f5efe6}.route-demo .lesson-rail li.is-active>span{border-color:#b56a256b;background:#fff8ee;color:var(--demo-amber)}.route-demo .formula-board.handwriting-whiteboard{position:relative;grid-column:2;grid-row:1;align-self:stretch;min-height:0;height:100%;margin:0;overflow:hidden;border:1px solid #b9cdd3;border-radius:10px;background:linear-gradient(90deg,rgba(73,100,111,.12) 1px,transparent 1px),linear-gradient(180deg,rgba(73,100,111,.1) 1px,transparent 1px),#fffdf8;background-size:42px 42px;box-shadow:inset 0 0 0 1px #ffffffd6,0 18px 42px #2949541a}.route-demo .formula-board.handwriting-whiteboard:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 28%,rgba(11,111,99,.05),transparent 18rem),radial-gradient(circle at 66% 68%,rgba(181,106,37,.05),transparent 20rem)}.route-demo .handwriting-whiteboard:after{content:"书写区：圈出系统边界，写出状态图和守恒式";left:1.1rem;bottom:.9rem;z-index:1;color:#495c66b8;font-size:.78rem}.route-demo .hand-axis{z-index:1;background:#314d5c;opacity:.7}.route-demo .hand-axis.horizontal{left:9%;right:18%;top:45%;height:2px}.route-demo .hand-axis.vertical{left:30%;top:18%;bottom:13%;width:2px}.route-demo .hand-arrow.x{right:calc(18% - .38rem);top:calc(45% - .39rem);border-left-color:#314d5c}.route-demo .hand-arrow.y{left:calc(30% - .38rem);top:calc(18% - .38rem);border-bottom-color:#314d5c}.route-demo .whiteboard-context-strip,.route-demo .whiteboard-material-strip,.route-demo .formula-recognition-dock,.route-demo .bound-formula-strip{position:absolute;z-index:5}.route-demo .whiteboard-context-strip,.route-demo .whiteboard-material-strip,.route-demo .formula-recognition-dock{border:1px solid rgba(185,205,211,.92);border-radius:9px;background:#ffffffe6;box-shadow:0 14px 32px #2949541a}.route-demo .whiteboard-context-strip{left:1rem;right:1rem;top:1rem;display:block;min-width:0;padding:.7rem .8rem}.route-demo .whiteboard-context-strip strong{display:block;margin-top:.18rem;overflow:hidden;color:var(--demo-ink);font-size:1rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.route-demo .whiteboard-context-strip small{display:block;margin-top:.2rem;overflow:hidden;color:var(--demo-muted);font-size:.78rem;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.route-demo .whiteboard-material-strip{left:1rem;top:6rem;display:flex;align-items:center;gap:.52rem;max-width:min(720px,calc(100% - 2rem));padding:.48rem .62rem}.route-demo .whiteboard-material-strip span{color:var(--demo-primary);font-size:.78rem;font-weight:800;white-space:nowrap}.route-demo .whiteboard-material-strip strong{color:var(--demo-ink);font-size:.82rem;white-space:nowrap}.route-demo .whiteboard-material-strip small{overflow:hidden;color:var(--demo-muted);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.route-demo .board-state-tags{position:absolute;left:42%;top:48%;z-index:2;display:flex;align-items:center;gap:.35rem;pointer-events:none}.route-demo .board-state-tags span{border:1px solid rgba(60,89,102,.18);border-radius:999px;background:#fffdf8b8;color:#2e434cc7;padding:.22rem .48rem;font-size:.72rem}.route-demo .formula-recognition-dock{left:1rem;right:1rem;bottom:1rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem;max-width:none;padding:.72rem}.route-demo .formula-recognition-dock strong{display:block;margin-top:.14rem;overflow:hidden;color:var(--demo-ink);font-size:.92rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.route-demo .bound-formula-strip{left:1rem;right:1rem;bottom:5.7rem;display:flex;gap:.48rem;overflow-x:auto;padding-bottom:.12rem}.route-demo .bound-formula-strip button{flex:1 0 188px;min-width:188px;border:1px solid rgba(185,205,211,.92);border-radius:9px;background:#ffffffeb;box-shadow:0 10px 24px #29495414}.route-demo .bound-formula-strip button:hover,.route-demo .bound-formula-strip button.is-active{border-color:#b56a256b;background:#fff8ee}.route-demo .bound-formula-strip small{color:var(--demo-amber)}.route-demo .bound-formula-strip strong{color:var(--demo-ink)}@media (max-width: 1500px){.route-demo .classroom-board-grid{grid-template-columns:minmax(0,1fr)}.route-demo .lesson-rail{display:none}.route-demo .formula-board.handwriting-whiteboard{grid-column:1;grid-row:1}}.route-demo .simulation-panel{position:absolute;right:.95rem;top:.9rem;z-index:9;width:min(400px,31.5vw);padding:.78rem;border:1px solid var(--demo-line);border-radius:10px;background:#fbfdfdf5;box-shadow:0 18px 42px #2949541f}.route-demo .simulation-panel:not(.is-expanded){width:min(360px,29vw)}.route-demo .simulation-panel .sim-hero-bar{align-items:flex-start;gap:.6rem;margin-bottom:0}.route-demo .simulation-panel.is-expanded .sim-hero-bar{margin-bottom:.7rem}.route-demo .simulation-panel .eyebrow{color:var(--demo-primary);font-size:.72rem}.route-demo .simulation-panel .sim-hero-bar h2{max-width:20em;margin-top:.2rem;color:var(--demo-ink);font-size:1rem;line-height:1.28}.route-demo .simulation-panel:not(.is-expanded) .sim-hero-bar h2{font-size:.92rem}.route-demo .sim-material-note{display:block;margin-top:.18rem;color:var(--demo-muted);font-size:.76rem;line-height:1.4}.route-demo .simulation-panel .sim-controls{display:flex;gap:.34rem;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}.route-demo .simulation-panel .primary-button,.route-demo .simulation-panel .ghost-button{min-height:31px;padding:.28rem .48rem;font-size:.74rem}.route-demo .stage-shell{border:1px solid #c7d9df;border-radius:9px;background:#f7fbfc;box-shadow:inset 0 0 0 1px #fff}.route-demo .simulation-panel.is-expanded .collision-canvas,.route-demo .collision-canvas{height:min(26vh,230px);min-height:176px}.route-demo .sim-status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem;margin-top:.56rem}.route-demo .sim-status-strip article{min-width:0;border:1px solid var(--demo-soft);border-radius:8px;background:#fff;padding:.46rem .5rem}.route-demo .sim-status-strip small{display:block;overflow:hidden;color:var(--demo-muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.route-demo .sim-status-strip strong{display:block;margin-top:.16rem;overflow:hidden;color:var(--demo-ink);font:800 .78rem ui-monospace,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1240px){.route-demo .cockpit-panel-head{width:calc(100% - 1.9rem)}.route-demo .classroom-board-grid{grid-template-columns:1fr;padding-right:0}.route-demo .lesson-rail{display:none}.route-demo .simulation-panel,.route-demo .simulation-panel:not(.is-expanded),.route-demo .simulation-panel.is-expanded{top:auto;right:1.25rem;bottom:7.9rem;width:min(390px,calc(100% - 2.5rem))}.route-demo .formula-recognition-dock,.route-demo .bound-formula-strip{right:min(430px,38vw)}}@media (max-width: 820px){.vue-shell.route-demo{grid-template-columns:1fr}.route-demo .side-nav{position:static;min-height:auto;padding:.75rem}.route-demo .side-note{display:none}.route-demo .topbar{align-items:flex-start;flex-direction:column;gap:.5rem}.route-demo .classroom-cockpit{min-height:920px;overflow:visible}.route-demo .chalkboard-panel{position:relative;min-height:720px;padding:.75rem}.route-demo .cockpit-panel-head{width:100%;align-items:flex-start;flex-direction:column;margin:0}.route-demo .whiteboard-tool-row{width:100%;flex-wrap:wrap}.route-demo .formula-board.handwriting-whiteboard{min-height:680px}.route-demo .whiteboard-context-strip{left:.75rem;right:.75rem;top:.75rem}.route-demo .whiteboard-context-strip small{display:block;white-space:normal;overflow:visible;text-overflow:clip}.route-demo .whiteboard-material-strip{left:.75rem;right:.75rem;top:6.55rem;max-width:none;align-items:flex-start;flex-direction:column;gap:.2rem}.route-demo .board-state-tags{display:none}.route-demo .simulation-panel,.route-demo .simulation-panel:not(.is-expanded),.route-demo .simulation-panel.is-expanded{position:relative;inset:auto;width:auto;margin:0 .75rem .75rem}.route-demo .formula-recognition-dock{left:.75rem;right:.75rem;bottom:.75rem;grid-template-columns:1fr}.route-demo .bound-formula-strip{left:.75rem;right:.75rem;bottom:7.1rem}.route-demo .hand-axis.horizontal{left:7%;right:8%;top:46%}.route-demo .hand-axis.vertical{left:28%}.route-demo .hand-arrow.x{right:calc(8% - .38rem);top:calc(46% - .39rem)}}@media (prefers-reduced-motion: reduce){.route-demo .primary-button,.route-demo .ghost-button,.route-demo .bound-formula-strip button{transition:none}}.route-lab .product-home{--home-bg: #f2f7f9;--home-ink: #102635;--home-muted: #617681;--home-line: #cddde4;--home-accent: #07897f;--home-amber: #c06d26;min-height:100dvh;color:var(--home-ink);background:linear-gradient(90deg,rgba(125,152,163,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(125,152,163,.07) 1px,transparent 1px),radial-gradient(circle at 62% 30%,rgba(255,255,255,.95),transparent 32rem),#f4f8fa;background-size:26px 26px,26px 26px,auto,auto}.route-lab .product-home-nav{min-height:72px;padding:0 2.8rem;border-bottom:1px solid rgba(196,212,220,.78);background:#fafcfdf0}.route-lab .product-logo .mirror-mark{width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,#0b8f83,#08766d);box-shadow:none}.route-lab .product-logo .mirror-mark:before{border-color:#ffffff85}.route-lab .product-logo .mirror-mark i{background:#fff}.route-lab .product-logo strong{font-size:1.12rem}.route-lab .product-home-nav nav{position:absolute;left:50%;transform:translate(-50%);gap:1.4rem}.route-lab .product-home-nav nav a{border-radius:0;min-height:72px;padding:0 .2rem;color:#5e717a;font-size:.96rem}.route-lab .product-home-nav nav a:nth-child(2){color:var(--home-accent);box-shadow:inset 0 -2px 0 var(--home-accent)}.route-lab .product-home-nav nav a:hover{background:transparent;color:var(--home-accent)}.route-lab .product-hero{width:min(1600px,100%);grid-template-columns:minmax(390px,.68fr) minmax(760px,1.32fr);gap:clamp(1.2rem,2vw,2.6rem);align-items:center;padding:clamp(1.45rem,2.4vw,2.6rem) clamp(2rem,3.4vw,3.6rem) .9rem}.route-lab .product-hero-copy{gap:1.1rem;transform:none}.route-lab .product-kicker{border-color:#9fcfca;background:#ffffffc7;color:var(--home-accent);font-size:.92rem}.route-lab .product-hero-copy h2{font-size:clamp(4.8rem,6vw,6.6rem);line-height:.88;letter-spacing:0}.route-lab .product-hero-copy h2 em{margin-top:-.08rem;opacity:.16;transform:scaleY(-.7)}.route-lab .product-hero-copy p{max-width:29rem;color:#526875;font-size:1.02rem;line-height:1.78}.route-lab .product-actions{gap:.8rem;margin-top:.5rem}.route-lab .product-actions .primary-button,.route-lab .product-actions .ghost-button{min-width:152px;min-height:52px;border-radius:8px;font-size:.98rem}.route-lab .home-capability-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:28.5rem;margin-top:1.9rem;border-top:1px solid #d4e0e6}.route-lab .home-capability-row article{min-width:0;display:grid;gap:.32rem;justify-items:start;padding:.88rem .9rem 0 0}.route-lab .home-capability-row article+article{border-left:1px solid #d4e0e6;padding-left:.9rem}.route-lab .home-capability-row span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #c9dbe3;border-radius:10px;background:#ffffffc2;color:#243b48;font-size:1.14rem;font-style:normal}.route-lab .home-capability-row strong{color:var(--home-ink);font-size:.92rem;font-weight:900}.route-lab .home-capability-row small{color:#72858e;font-size:.78rem}.route-lab .product-hero-visual{min-height:clamp(500px,58vh,600px)}.route-lab .hero-board.mirror-board{inset:0;border-radius:12px;border-color:#aebfc8;background:linear-gradient(90deg,rgba(136,158,166,.1) 1px,transparent 1px),linear-gradient(180deg,rgba(136,158,166,.08) 1px,transparent 1px),#fbfcfd;background-size:22px 22px;box-shadow:0 28px 80px #2d424c2e,inset 0 0 0 2px #ffffffeb,inset 0 0 0 8px #d6e5eb9e}.route-lab .hero-board.mirror-board:before{left:16%;right:28%;top:58%;height:2px;background:#546b74}.route-lab .mirror-edge.top{height:0;border:0;background:none}.route-lab .mirror-edge.side{display:none}.route-lab .hero-board.mirror-board:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(132deg,transparent 0 42%,rgba(255,255,255,.55) 43%,transparent 49%),linear-gradient(132deg,transparent 0 69%,rgba(226,238,243,.55) 70%,transparent 76%);opacity:.7}.route-lab .board-side-tools{position:absolute;left:1.1rem;top:2rem;bottom:3.4rem;z-index:4;width:46px;display:grid;align-content:start;gap:.28rem;border:1px solid #d2dfe5;border-radius:10px;background:#fbfdfedb;padding:.42rem;box-shadow:0 10px 24px #32485214}.route-lab .board-side-tools span{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;color:#405661;font-size:1rem}.route-lab .board-side-tools span:nth-child(2){background:#e0f1ef;color:var(--home-accent)}.route-lab .board-hand-title{position:absolute;left:14.8%;top:10.2%;z-index:3;display:grid;gap:.44rem}.route-lab .board-hand-title strong{color:#142735;font-family:KaiTi,STKaiti,Microsoft YaHei,sans-serif;font-size:1.72rem;line-height:1.1;font-weight:900}.route-lab .board-hand-title em{width:132px;height:3px;border-radius:999px;background:var(--home-accent);transform:rotate(-3deg)}.route-lab .board-equation{left:15.2%;top:28%;max-width:47%;gap:.72rem}.route-lab .board-equation b{display:grid;gap:.12rem;font-family:KaiTi,STKaiti,Microsoft YaHei,sans-serif;font-size:clamp(1.88rem,2.38vw,2.42rem);line-height:1.05;font-weight:900}.route-lab .board-equation b span{white-space:nowrap}.route-lab .board-equation i{display:block;color:var(--home-amber);font-family:KaiTi,STKaiti,Microsoft YaHei,sans-serif;font-size:1.08rem;font-weight:800;line-height:1.35}.route-lab .board-sketch{left:16%;right:37%;bottom:24%;gap:.9rem}.route-lab .board-sketch span{width:54px;height:42px;border:1px solid rgba(14,119,111,.55);border-radius:6px;font-family:KaiTi,STKaiti,Microsoft YaHei,sans-serif;font-size:1.1rem}.route-lab .board-sketch span:last-child{border-color:#ca712a94}.route-lab .board-sketch em{height:2px;background:#233d4a}.route-lab .board-note{left:15.2%;bottom:7.5%;max-width:31rem;color:#273d49;font-family:KaiTi,STKaiti,Microsoft YaHei,sans-serif;font-size:1.05rem;line-height:1.65}.route-lab .mirror-sim-card{right:3.1%;top:15%;bottom:auto;width:min(276px,30%);border-color:#cfdae0;border-radius:12px;background:#ffffffe0;box-shadow:0 18px 44px #2a3e4824;padding:1rem}.route-lab .sim-card-head span{color:#2f4753;font-size:.95rem}.route-lab .sim-param-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem .58rem;margin-top:.72rem}.route-lab .sim-param-grid label{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:.42rem;color:#617681;font-size:.72rem}.route-lab .sim-param-grid b,.route-lab .sim-result-row strong{min-width:0;border:1px solid #d8e4e8;border-radius:6px;background:#f8fbfc;color:#526a75;padding:.3rem .36rem;font-size:.72rem;font-weight:800;text-align:center}.route-lab .hero-sim-card .sim-track{height:74px;margin-top:.72rem;border:1px solid #dfe8ec;border-radius:8px;background:linear-gradient(90deg,transparent 49%,rgba(132,152,162,.35) 50%,transparent 51%),#fbfdfe;padding:0 1.1rem}.route-lab .hero-sim-card .sim-track i{height:2px;background:#1f3a46}.route-lab .hero-sim-card .sim-track span{width:28px;height:28px;border-radius:6px}.route-lab .sim-result-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem;margin-top:.66rem}.route-lab .hero-sim-card p{margin-top:.66rem;border-radius:8px;background:#eef8f6;color:var(--home-accent);padding:.48rem .6rem;font-size:.8rem;font-weight:900}.route-lab .mirror-reflection-strip{display:none}.route-lab .lesson-chain{width:calc(100% - clamp(4rem,6.8vw,7.2rem));margin:-.35rem auto 1.5rem;border:1px solid #cfdde4;border-radius:12px;background:#ffffffdb;box-shadow:0 18px 50px #364b561a;padding:.86rem 1rem .82rem}.route-lab .lesson-chain header{display:flex;align-items:baseline;gap:1rem;margin-bottom:.74rem}.route-lab .lesson-chain header strong{color:var(--home-ink);font-size:1.02rem;font-weight:950}.route-lab .lesson-chain header span{color:#73858e;font-size:.82rem;font-weight:700}.route-lab .lesson-chain-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.route-lab .lesson-chain-steps a{position:relative;min-width:0;display:grid;grid-template-columns:20px 38px minmax(0,1fr);align-items:center;gap:.65rem;color:var(--home-ink);text-decoration:none}.route-lab .lesson-chain-steps a:not(:last-child):after{content:"→";position:absolute;right:-.9rem;color:#8aa1ab;font-size:1.4rem}.route-lab .lesson-chain-steps em{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#5f848d;color:#fff;font-size:.68rem;font-style:normal;font-weight:900}.route-lab .lesson-chain-steps i{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d7e2e7;border-radius:50%;background:#f8fbfc;color:#243b48;font-style:normal;box-shadow:0 8px 18px #3c525c14}.route-lab .lesson-chain-steps strong,.route-lab .lesson-chain-steps small{display:block}.route-lab .lesson-chain-steps strong{color:var(--home-ink);font-size:.9rem;font-weight:950}.route-lab .lesson-chain-steps small{margin-top:.2rem;color:#6b7e88;font-size:.76rem;line-height:1.35}@media (max-width: 1180px){.route-lab .product-hero{grid-template-columns:1fr;gap:2rem}.route-lab .product-hero-copy{max-width:42rem}.route-lab .product-hero-visual{min-height:580px}.route-lab .lesson-chain-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.route-lab .lesson-chain-steps a:not(:last-child):after{display:none}}@media (max-width: 720px){.route-lab .product-home-nav{padding:.9rem 1rem}.route-lab .product-home-nav nav{position:static;transform:none}.route-lab .product-home-nav nav a{min-height:36px}.route-lab .product-hero{padding:2rem 1rem 1rem}.route-lab .product-hero-copy h2{font-size:3.4rem}.route-lab .home-capability-row{grid-template-columns:1fr}.route-lab .home-capability-row article+article{border-left:0;border-top:1px solid #d4e0e6;padding-left:0}.route-lab .product-hero-visual{min-height:520px}.route-lab .board-side-tools{display:none}.route-lab .board-hand-title,.route-lab .board-equation,.route-lab .board-note{left:7%}.route-lab .board-hand-title{top:9%}.route-lab .board-equation{top:24%;max-width:86%}.route-lab .board-equation b{font-size:1.7rem}.route-lab .board-equation b span{white-space:normal}.route-lab .board-equation i{font-size:1rem}.route-lab .board-sketch{left:7%;right:7%;bottom:25%}.route-lab .mirror-sim-card{left:.75rem;right:.75rem;top:auto;bottom:.75rem;width:auto}.route-lab .sim-param-grid,.route-lab .sim-result-row{display:none}.route-lab .hero-sim-card .sim-track{height:54px}.route-lab .lesson-chain{width:calc(100% - 2rem)}.route-lab .lesson-chain-steps{grid-template-columns:1fr}}.route-lab .product-home{--home-bg: #f3f8fa;--home-ink: #112838;--home-muted: #536d79;--home-line: #d2e0e6;--home-accent: #07867b;--home-accent-soft: #e6f4f2;--home-amber: #c46820;min-height:100dvh;overflow-x:hidden;background:linear-gradient(90deg,rgba(124,150,160,.12) 1px,transparent 1px),linear-gradient(180deg,rgba(124,150,160,.1) 1px,transparent 1px),linear-gradient(115deg,rgba(255,255,255,.88) 0 24%,rgba(236,244,248,.2) 24% 38%,transparent 38%),linear-gradient(180deg,#fbfdfe 0%,var(--home-bg) 100%);background-size:34px 34px,34px 34px,auto,auto;color:var(--home-ink)}.route-lab .product-home-nav{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);min-height:72px;padding:0 clamp(1.5rem,2.8vw,3rem);border-bottom:1px solid rgba(193,209,218,.78);background:#fbfdfef0;backdrop-filter:blur(16px)}.route-lab .product-logo{gap:.8rem}.route-lab .product-logo .mirror-mark{width:42px;height:42px;border:1px solid #0a8078;border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 35%),#07867b;box-shadow:inset 0 1px #ffffff59,0 8px 18px #07867b2e}.route-lab .product-logo .mirror-mark:before{inset:8px;border-color:#ffffff7a}.route-lab .product-logo .mirror-mark i{background:#fff;opacity:.92}.route-lab .product-logo strong{font-size:1.16rem;letter-spacing:0}.route-lab .product-home-nav nav{position:static;justify-self:center;display:flex;align-items:center;gap:.25rem;transform:none;border:1px solid rgba(204,218,225,.84);border-radius:12px;background:#ffffffad;padding:.22rem;box-shadow:inset 0 1px #ffffffeb}.route-lab .product-home-nav nav a{min-height:38px;border-radius:9px;padding:0 1rem;color:#5d7480;font-size:.94rem;font-weight:850;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.route-lab .product-home-nav nav a:nth-child(2){background:#e4f3f0;color:var(--home-accent);box-shadow:inset 0 0 0 1px #07867b29}.route-lab .product-home-nav nav a:hover{background:#eef6f5;color:var(--home-accent)}.route-lab .product-nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;justify-self:end}.route-lab .product-nav-actions a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;font-size:.92rem;font-weight:850}.route-lab .nav-help{border:1px solid transparent;border-radius:9px;color:#657986;padding:0 .55rem}.route-lab .nav-help:before{content:"?";display:grid;place-items:center;width:24px;height:24px;margin-right:.38rem;border:1px solid #aab9c1;border-radius:50%;color:#5d707a;font-size:.84rem;font-weight:900}.route-lab .nav-teacher{min-width:112px;border:1px solid rgba(7,134,123,.78);border-radius:10px;background:var(--home-accent);color:#fff;box-shadow:0 8px 18px #07867b21}.route-lab .product-hero{width:min(1660px,100%);grid-template-columns:minmax(340px,.55fr) minmax(720px,1.45fr);gap:clamp(1.6rem,2.6vw,3.4rem);align-items:center;padding:clamp(2.35rem,4vw,3.3rem) clamp(1.7rem,3.2vw,3.5rem) 1.15rem}.route-lab .product-hero-copy{gap:1.12rem;align-self:center}.route-lab .product-kicker{border-color:#9ccfca;border-radius:8px;background:#ffffffd6;color:var(--home-accent);padding:.52rem .8rem;font-size:.94rem;font-weight:900}.route-lab .product-hero-copy h2{font-size:clamp(4.9rem,6.7vw,7.2rem);line-height:.86;letter-spacing:0}.route-lab .product-hero-copy h2 em{margin-top:-.03rem;color:#476978;opacity:.18;transform:scaleY(-.72);mask-image:linear-gradient(180deg,rgba(0,0,0,.68),transparent 68%)}.route-lab .product-hero-copy p{max-width:30rem;color:#526b78;font-size:1.08rem;line-height:1.74}.route-lab .product-actions{gap:.82rem;margin-top:.38rem}.route-lab .product-actions .primary-button,.route-lab .product-actions .ghost-button{min-width:150px;min-height:52px;border-radius:8px;padding:0 1.24rem;font-size:.98rem;font-weight:900}.route-lab .product-actions .primary-button{background:var(--home-accent);color:#fff;box-shadow:0 12px 26px #07867b2e}.route-lab .product-actions .ghost-button{background:#ffffffd1;color:#0e756d}.route-lab .home-capability-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:34.5rem;margin-top:2.05rem;border-top:1px solid #d5e2e8;border-bottom:0}.route-lab .home-capability-row article{gap:.4rem;padding:.98rem .9rem 0 0}.route-lab .home-capability-row article+article{border-left:1px solid #d5e2e8;padding-left:.9rem}.route-lab .home-capability-row span{width:42px;height:42px;border:1px solid #cddde5;border-radius:9px;background:#ffffffd1;color:#223846;box-shadow:0 8px 18px #3c505c0f}.route-lab .home-capability-row strong{color:var(--home-ink);font-size:.88rem;font-weight:950}.route-lab .home-capability-row small{color:#657b86;font-size:.73rem;line-height:1.36}.route-lab .product-hero-visual{min-height:clamp(520px,62vh,655px);transform:translate(-.35rem)}.route-lab .hero-board.mirror-board{inset:0;overflow:hidden;border:1px solid #8098a4;border-radius:16px;background:linear-gradient(90deg,rgba(124,150,160,.1) 1px,transparent 1px),linear-gradient(180deg,rgba(124,150,160,.08) 1px,transparent 1px),#fbfdfe;background-size:22px 22px,22px 22px,auto;box-shadow:0 30px 72px #24394438,0 2px 5px #192b362e,inset 0 0 0 2px #fffffff5,inset 0 0 0 7px #dfe9ee,inset 0 0 0 10px #7d929e,inset 0 0 0 14px #edf4f7}.route-lab .hero-board.mirror-board:before{left:17%;right:32%;top:58%;z-index:2;height:2px;background:#5b707a}.route-lab .hero-board.mirror-board:after{content:"";position:absolute;inset:12px;z-index:5;pointer-events:none;border-radius:10px;background:linear-gradient(132deg,transparent 0 35%,rgba(255,255,255,.64) 36%,rgba(255,255,255,.18) 43%,transparent 44%),linear-gradient(132deg,transparent 0 69%,rgba(255,255,255,.78) 70%,rgba(255,255,255,.16) 76%,transparent 77%),linear-gradient(90deg,rgba(255,255,255,.26),transparent 28%,transparent 72%,rgba(255,255,255,.2));opacity:.88}.route-lab .mirror-edge.top{position:absolute;left:1.4rem;right:1.4rem;top:.72rem;z-index:4;height:6px;border:0;border-radius:999px;background:linear-gradient(90deg,#ffffffdb,#5d6f7842,#ffffffd1);box-shadow:0 1px #ffffffe6}.route-lab .mirror-edge.side{display:block;position:absolute;top:1.15rem;right:.82rem;bottom:1.15rem;z-index:4;width:5px;border-radius:999px;background:linear-gradient(180deg,#ffffffc7,#53687338,#ffffffc2)}.route-lab .board-side-tools{left:1.65rem;top:2.65rem;bottom:4.35rem;z-index:8;width:48px;gap:.34rem;border:1px solid #d5e1e7;border-radius:10px;background:#fbfdfee0;padding:.46rem;box-shadow:0 14px 28px #2d444e1a,inset 0 1px #fffffff2}.route-lab .board-side-tools span{width:32px;height:32px;border-radius:7px;color:#344b58;font-size:1.04rem;line-height:1}.route-lab .board-side-tools span:nth-child(2){background:#e2f2f0;color:var(--home-accent)}.route-lab .board-toolbar{display:none}.route-lab .board-hand-title{left:15.8%;top:10.8%;z-index:4;gap:.45rem}.route-lab .board-hand-title strong{color:#152837;font-family:KaiTi,STKaiti,Microsoft YaHei,sans-serif;font-size:clamp(1.72rem,2.25vw,2.18rem);line-height:1.08;font-weight:900}.route-lab .board-hand-title em{width:142px;height:3px;border-radius:999px;background:var(--home-accent);transform:rotate(-3deg)}.route-lab .board-equation{left:16.5%;top:28.2%;z-index:4;max-width:58%;gap:.82rem}.route-lab .board-equation b{display:block;color:#142533;font-family:KaiTi,STKaiti,Microsoft YaHei,sans-serif;font-size:clamp(1.75rem,2.55vw,2.72rem);line-height:1.1;font-weight:900;white-space:nowrap}.route-lab .board-equation i{color:var(--home-amber);font-family:KaiTi,STKaiti,Microsoft YaHei,sans-serif;font-size:clamp(1rem,1.18vw,1.2rem);font-style:normal;font-weight:800;line-height:1.38}.route-lab .board-sketch{left:17%;right:38%;bottom:24%;z-index:4;gap:.8rem}.route-lab .board-sketch span{width:54px;height:42px;border:1px solid rgba(7,134,123,.55);border-radius:6px;background:#9bd7d1;color:#142837;font-family:KaiTi,STKaiti,Microsoft YaHei,sans-serif;font-size:1.1rem;font-weight:900}.route-lab .board-sketch span:last-child{border-color:#c468208c;background:#efa363}.route-lab .board-sketch em{height:2px;border-radius:0;background:#273f4d}.route-lab .board-note{left:16.5%;bottom:8.7%;z-index:4;max-width:36rem;color:#273d49;font-family:KaiTi,STKaiti,Microsoft YaHei,sans-serif;font-size:clamp(.94rem,1.08vw,1.1rem);line-height:1.6}.route-lab .mirror-sim-card{top:15%;right:3.35%;bottom:auto;z-index:7;width:min(316px,31%);border:1px solid #aebfc9;border-radius:14px;background:linear-gradient(140deg,#fffffffa 0 56%,#eff6f9f0 56%),#fffffff5;box-shadow:0 24px 46px #22374233,inset 0 0 0 2px #ffffffeb,inset 0 0 0 5px #dee9efd1;padding:1.22rem 1.24rem}.route-lab .sim-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.route-lab .sim-card-head small{color:#0b7d74;font-size:.78rem;font-weight:950}.route-lab .sim-card-head strong{color:#182d3a;font-size:.92rem;font-weight:950}.route-lab .sim-card-actions{display:flex;gap:.62rem;color:#3a5160}.route-lab .sim-card-actions span{font-size:.94rem}.route-lab .sim-param-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem .7rem;margin-top:1rem}.route-lab .sim-param-grid label{grid-template-columns:30px minmax(0,1fr);gap:.45rem;color:#627987;font-size:.76rem}.route-lab .sim-param-grid b,.route-lab .sim-result-row strong{border:1px solid #d7e3e8;border-radius:6px;background:#fbfdfe;color:#536d79;padding:.34rem .42rem;font-size:.76rem;font-weight:850}.route-lab .hero-sim-card .sim-track{height:86px;margin-top:.95rem;border:1px solid #dce7ec;border-radius:8px;background:linear-gradient(90deg,transparent 49.5%,rgba(128,150,162,.32) 50%,transparent 50.5%),linear-gradient(180deg,transparent 67%,rgba(120,96,74,.18) 67% 69%,transparent 69%),#fbfdfe;padding:0 1.2rem}.route-lab .hero-sim-card .sim-track i{height:2px;background:#233d4b}.route-lab .hero-sim-card .sim-track span{width:30px;height:30px;border-radius:6px;background:#58bdb6}.route-lab .hero-sim-card .sim-track span:last-child{background:#ec964d}.route-lab .sim-result-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem;margin-top:.84rem}.route-lab .hero-sim-card p{margin-top:.84rem;border-radius:8px;background:#e8f5f3;color:#0b7d74;padding:.54rem .66rem;font-size:.82rem;font-weight:950}.route-lab .lesson-chain{width:calc(100% - clamp(3rem,5.6vw,6.8rem));margin:0 auto 1.7rem;border:1px solid #c8d8e0;border-radius:12px;background:#ffffffe0;box-shadow:0 18px 42px #2e424e1a;padding:.9rem 1.1rem .82rem}.route-lab .lesson-chain header{gap:1rem;margin-bottom:.72rem}.route-lab .lesson-chain header strong{font-size:1.02rem;font-weight:950}.route-lab .lesson-chain header span{color:#6b818c;font-size:.82rem;font-weight:800}.route-lab .lesson-chain-steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:.84rem}.route-lab .lesson-chain-steps a{grid-template-columns:20px 38px minmax(0,1fr);gap:.55rem}.route-lab .lesson-chain-steps a:not(:last-child):after{right:-.74rem;color:#8fa4ae;font-size:1.25rem}.route-lab .lesson-chain-steps em{width:20px;height:20px;background:#62858e;color:#fff;font-size:.66rem}.route-lab .lesson-chain-steps i{width:38px;height:38px;border:1px solid #d6e1e7;background:#f9fbfc;color:#253b49;box-shadow:0 8px 18px #32485414}.route-lab .lesson-chain-steps strong{color:var(--home-ink);font-size:.86rem;font-weight:950}.route-lab .lesson-chain-steps small{color:#667b86;font-size:.7rem;line-height:1.32}@media (max-width: 1320px){.route-lab .product-hero{grid-template-columns:minmax(320px,.58fr) minmax(660px,1.42fr);gap:1.65rem;padding-left:1.5rem;padding-right:1.5rem}.route-lab .product-hero-copy h2{font-size:clamp(4.2rem,6.5vw,6.1rem)}.route-lab .product-hero-visual{min-height:520px}.route-lab .mirror-sim-card{width:min(286px,30%);padding:1rem}.route-lab .lesson-chain-steps strong{font-size:.8rem}.route-lab .lesson-chain-steps small{font-size:.66rem}}@media (max-width: 1180px){.route-lab .product-home-nav{align-items:center}.route-lab .product-nav-actions{display:none}.route-lab .product-hero{grid-template-columns:1fr;gap:2rem;padding:2rem 1.4rem 1rem}.route-lab .product-hero-copy{max-width:42rem}.route-lab .product-hero-visual{min-height:610px;transform:none}.route-lab .lesson-chain-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.route-lab .lesson-chain-steps a:not(:last-child):after{display:none}}@media (max-width: 720px){.route-lab .product-home-nav{align-items:flex-start;min-height:auto;padding:.88rem 1rem}.route-lab .product-home-nav nav{position:static;width:100%;transform:none;gap:.7rem;overflow-x:auto}.route-lab .product-home-nav nav a{min-height:36px}.route-lab .product-hero{padding:1.45rem 1rem .85rem}.route-lab .product-kicker{font-size:.82rem}.route-lab .product-hero-copy h2{font-size:clamp(3.2rem,15vw,4.2rem)}.route-lab .product-hero-copy p{font-size:.98rem}.route-lab .home-capability-row{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;margin-top:1.1rem}.route-lab .home-capability-row article{border-top:1px solid #d5e2e8;padding:.8rem .7rem .2rem 0}.route-lab .home-capability-row article+article{padding-left:.75rem}.route-lab .home-capability-row article:nth-child(odd){border-left:0;padding-left:0}.route-lab .product-hero-visual{min-height:570px}.route-lab .hero-board.mirror-board{border-radius:13px;box-shadow:0 20px 48px #2439442e,inset 0 0 0 2px #fffffff2,inset 0 0 0 6px #dfe9ee,inset 0 0 0 9px #869aa4}.route-lab .board-side-tools{display:none}.route-lab .board-hand-title,.route-lab .board-equation,.route-lab .board-note{left:7%}.route-lab .board-hand-title{top:8%}.route-lab .board-hand-title strong{font-size:1.42rem}.route-lab .board-equation{top:22%;max-width:86%}.route-lab .board-equation b{font-size:1.62rem;white-space:normal}.route-lab .board-equation i{font-size:.94rem}.route-lab .board-sketch{left:7%;right:7%;bottom:25%}.route-lab .mirror-sim-card{left:.85rem;right:.85rem;top:auto;bottom:.85rem;width:auto}.route-lab .sim-param-grid,.route-lab .sim-result-row{display:none}.route-lab .hero-sim-card .sim-track{height:58px}.route-lab .lesson-chain{width:calc(100% - 2rem);margin-bottom:1rem}.route-lab .lesson-chain-steps{grid-template-columns:1fr}}.route-lab .product-home-nav{min-height:72px}.route-lab .product-home-nav nav a{min-height:38px}.route-lab .product-hero{padding-top:clamp(1.15rem,2.2vw,2.25rem);padding-bottom:.45rem}.route-lab .product-hero-copy{gap:.92rem}.route-lab .product-hero-copy h2{font-size:clamp(4.5rem,6.15vw,6.6rem)}.route-lab .product-hero-copy p{max-width:28rem;font-size:1.02rem;line-height:1.62}.route-lab .home-capability-row{margin-top:1.4rem}.route-lab .home-capability-row article{padding-top:.78rem}.route-lab .home-capability-row span{width:36px;height:36px}.route-lab .product-hero-visual{min-height:clamp(480px,56vh,610px)}.route-lab .board-equation{max-width:50%}.route-lab .board-equation b{font-size:clamp(1.6rem,2.1vw,2.36rem)}.route-lab .mirror-sim-card{top:14.8%;right:2.65%;width:min(292px,29%);padding:1rem}.route-lab .hero-sim-card .sim-track{height:78px}.route-lab .lesson-chain{margin-top:0;padding-top:.78rem;padding-bottom:.72rem}@media (max-width: 1320px){.route-lab .product-home-nav{min-height:72px}.route-lab .product-home-nav nav a{min-height:38px}.route-lab .product-hero{grid-template-columns:minmax(322px,.5fr) minmax(820px,1.5fr);gap:1.05rem;padding-top:1.05rem;padding-bottom:.25rem}.route-lab .product-hero-copy{gap:.78rem}.route-lab .product-kicker{padding:.42rem .68rem;font-size:.86rem}.route-lab .product-hero-copy h2{font-size:clamp(4.05rem,5.7vw,5.65rem);line-height:.88}.route-lab .product-hero-copy p{font-size:.98rem;line-height:1.58}.route-lab .product-actions{margin-top:.2rem}.route-lab .product-actions .primary-button,.route-lab .product-actions .ghost-button{min-height:48px}.route-lab .home-capability-row{margin-top:1.08rem}.route-lab .home-capability-row article{gap:.28rem;padding-top:.68rem;padding-right:.62rem}.route-lab .home-capability-row article+article{padding-left:.62rem}.route-lab .home-capability-row span{width:34px;height:34px;font-size:.98rem}.route-lab .home-capability-row strong{font-size:.8rem}.route-lab .home-capability-row small{display:none}.route-lab .product-hero-visual{min-height:488px}.route-lab .board-hand-title{left:14.8%;top:10.4%}.route-lab .board-equation{left:15.4%;top:28%;max-width:46%}.route-lab .board-equation b{font-size:1.74rem}.route-lab .board-equation i{font-size:.96rem}.route-lab .board-sketch{left:15.8%;right:34.5%;bottom:23.2%}.route-lab .board-note{left:15.4%;bottom:8.2%;max-width:32rem;font-size:.92rem}.route-lab .mirror-sim-card{top:15.5%;right:2.35%;width:252px;padding:.92rem}.route-lab .sim-param-grid{gap:.46rem .54rem;margin-top:.72rem}.route-lab .hero-sim-card .sim-track{height:70px;margin-top:.72rem}.route-lab .sim-result-row{margin-top:.62rem}.route-lab .hero-sim-card p{margin-top:.62rem;padding:.46rem .58rem}.route-lab .lesson-chain{width:calc(100% - 3rem);padding:.66rem .82rem .62rem}.route-lab .lesson-chain header{margin-bottom:.52rem}.route-lab .lesson-chain-steps{gap:.62rem}.route-lab .lesson-chain-steps a{grid-template-columns:18px 32px minmax(0,1fr);gap:.42rem}.route-lab .lesson-chain-steps em{width:18px;height:18px;font-size:.62rem}.route-lab .lesson-chain-steps i{width:32px;height:32px}.route-lab .lesson-chain-steps strong{font-size:.74rem}.route-lab .lesson-chain-steps small{display:none}}@media (max-width: 1180px){.route-lab .product-hero{grid-template-columns:1fr;padding-top:1.4rem}.route-lab .product-hero-visual{min-height:590px}.route-lab .home-capability-row small,.route-lab .lesson-chain-steps small{display:block}}.route-lab .home-pane-viewport{width:100%;overflow:hidden}.route-lab .home-pane-track{display:flex;width:100%;transform:translate3d(var(--home-track-shift, -100%),0,0);transition:transform .36s cubic-bezier(.22,1,.36,1);will-change:transform}.route-lab .home-pane{flex:0 0 100%;min-width:100%}.route-lab .home-pane[aria-hidden=true]{pointer-events:none}.route-lab .product-home-nav .home-pane-nav{position:relative;display:grid;grid-template-columns:repeat(3,minmax(6.4rem,1fr));gap:0;overflow:hidden}.route-lab .product-home-nav .home-pane-nav button{position:relative;z-index:1;min-height:38px;border:0;border-radius:9px;background:transparent;color:#5d7480;padding:0 1rem;font:inherit;font-size:.94rem;font-weight:850;cursor:pointer;transition:color .16s ease}.route-lab .product-home-nav .home-pane-nav button:hover,.route-lab .product-home-nav .home-pane-nav button:focus-visible,.route-lab .product-home-nav .home-pane-nav button.is-active{color:var(--home-accent)}.route-lab .product-home-nav .home-pane-nav button:focus-visible{outline:2px solid rgba(7,134,123,.42);outline-offset:-2px}.route-lab .home-nav-indicator{position:absolute;z-index:0;top:.22rem;bottom:.22rem;left:.22rem;width:calc((100% - .44rem) / 3);border-radius:9px;background:#e4f3f0;box-shadow:inset 0 0 0 1px #07867b29;transform:translate(var(--home-nav-shift, 100%));transition:transform .26s cubic-bezier(.22,1,.36,1)}@media (max-width: 720px){.route-lab .product-home-nav{grid-template-columns:1fr;gap:.82rem}.route-lab .product-logo{justify-self:start}.route-lab .product-home-nav .home-pane-nav{justify-self:stretch;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.route-lab .product-home-nav .home-pane-nav button{min-height:36px;padding:0 .42rem;font-size:.84rem}}@media (prefers-reduced-motion: reduce){.route-lab .home-pane-track,.route-lab .home-nav-indicator,.route-lab .product-home-nav .home-pane-nav button{transition:none}}.route-lab .product-home{--hand-font: "LXGW WenKai", "霞鹜文楷", "FZKai-Z03", "STKaiti", "KaiTi", "楷体", "Microsoft YaHei", sans-serif}.route-lab .board-hand-title strong,.route-lab .board-equation b,.route-lab .board-equation i,.route-lab .board-sketch span,.route-lab .board-note{font-family:var(--hand-font)}.route-demo{--hand-font: "LXGW WenKai", "霞鹜文楷", "FZKai-Z03", "STKaiti", "KaiTi", "楷体", "Microsoft YaHei", sans-serif}.route-demo .topbar .eyebrow,.route-demo .topbar h1,.route-demo .board-handwriting-sample strong,.route-demo .board-handwriting-sample span,.route-demo .formula-board.handwriting-whiteboard{font-family:var(--hand-font)}@media (max-width: 720px){.route-lab .product-hero-copy h2,.route-lab .is-whiteboard-pane .product-hero-copy h2,.route-lab .is-teaching-pane .product-hero-copy h2,.route-lab .is-freeform-pane .product-hero-copy h2{max-width:100%;font-size:clamp(2.55rem,12vw,3.65rem);line-height:1.06}}.vue-shell.route-demo{--demo-ink: #102a35;--demo-muted: #5d7380;--demo-line: #d5e1e6;--demo-soft-line: #e7eff2;--demo-board: #fffdf8;--demo-side: #f8fbfb;--demo-teal: #007d70;--demo-teal-dark: #006257;--demo-blue: #1f72c9;--demo-orange: #e06919;grid-template-columns:196px minmax(0,1fr);min-height:100dvh;background:#eef5f7}.route-demo .side-nav{width:196px;padding:1rem .75rem;background:var(--demo-side);border-right:1px solid var(--demo-line);box-shadow:none}.route-demo .brand-block{padding:0 .3rem 1rem;margin-bottom:1rem}.route-demo .brand-mark{width:30px;height:30px;border-radius:7px;background:#12313d;color:#f7c264}.route-demo .brand-block strong{font-size:.95rem}.route-demo .brand-block small,.route-demo .nav-button small,.route-demo .side-note{display:none}.route-demo .nav-button{justify-content:flex-start;min-height:44px;padding:.64rem .74rem;border-radius:8px;color:#536a76;font-weight:700}.route-demo .nav-button:before{content:"";width:18px;height:18px;flex:0 0 18px;border:1.8px solid currentColor;border-radius:5px;opacity:.78}.route-demo .nav-button.is-active{background:#e5f3f0;border-color:#9bcac3;color:var(--demo-teal)}.route-demo .workbench{min-width:0;background:#f0f6f8}.route-demo .topbar{min-height:68px;padding:0 1.35rem;border-bottom:1px solid var(--demo-line);background:#fff}.route-demo .topbar>div:first-child{display:flex;align-items:baseline;gap:2.2rem}.route-demo .topbar .eyebrow{display:block;margin:0;color:var(--demo-teal);font-size:1rem;font-family:inherit}.route-demo .topbar h1{color:var(--demo-ink);font-size:1.06rem}.route-demo .topbar-status{display:none}.route-demo .top-actions{margin-left:auto}.route-demo .top-actions .ghost-button,.route-demo .whiteboard-tool-row .ghost-button,.route-demo .sim-controls .ghost-button,.route-demo .sim-controls .primary-button{border-radius:6px;border-color:var(--demo-line);background:#fff;color:var(--demo-ink);font-weight:800}.route-demo .top-actions .ghost-button{min-height:36px;padding:.45rem .9rem}.route-demo .classroom-cockpit{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto minmax(0,1fr);min-height:calc(100dvh - 68px);overflow:hidden;background:linear-gradient(90deg,rgba(39,83,102,.06) 1px,transparent 1px),linear-gradient(180deg,rgba(39,83,102,.045) 1px,transparent 1px),#f2f7f8;background-size:36px 36px}.route-demo .chalkboard-panel{position:relative;inset:auto;grid-column:1;grid-row:1 / span 2;display:grid;grid-template-rows:auto minmax(0,1fr);gap:0;min-width:0;min-height:0;padding:0;border-right:1px solid var(--demo-line);background:transparent}.route-demo .cockpit-panel-head{position:relative;left:auto;right:auto;z-index:8;width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;padding:.55rem 1.25rem;border:0;border-bottom:1px solid var(--demo-line);border-radius:0;background:#fff;box-shadow:none}.route-demo .classroom-title-block .panel-label{color:var(--demo-teal);font-size:.92rem;font-weight:900}.route-demo .classroom-title-block strong{display:none}.route-demo .classroom-title-block small{display:inline;margin-left:1.8rem;color:var(--demo-ink);font-size:.92rem;font-weight:850}.route-demo .whiteboard-tool-row{gap:.35rem}.route-demo .compact-whiteboard-action{min-height:32px;padding:.34rem .62rem;font-size:.78rem}.route-demo .classroom-board-grid{display:block;height:100%;min-height:0;padding:0}.route-demo .lesson-rail{display:none}.route-demo .formula-board.handwriting-whiteboard{position:relative;display:block;width:100%;height:100%;min-height:580px;margin:0;border:0;border-radius:0;overflow:hidden;background:linear-gradient(90deg,rgba(57,94,110,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(57,94,110,.07) 1px,transparent 1px),var(--demo-board);background-size:32px 32px;box-shadow:none}.route-demo .board-paper-grain{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 30% 16%,rgba(0,125,112,.04),transparent 20rem),radial-gradient(circle at 62% 68%,rgba(224,105,25,.045),transparent 24rem)}.route-demo .handwriting-whiteboard:after{content:""}.route-demo .whiteboard-context-strip{left:1.6rem;right:2rem;top:1rem;width:auto;min-height:58px;padding:.62rem .85rem;border:1px solid #cbdde3;border-radius:8px;background:#ffffffeb;box-shadow:0 12px 34px #1c3f4e14}.route-demo .whiteboard-context-strip .panel-label,.route-demo .whiteboard-material-strip span,.route-demo .formula-recognition-dock .panel-label{color:var(--demo-teal);font-size:.78rem;font-weight:900}.route-demo .whiteboard-context-strip strong{color:var(--demo-ink);font-size:1.02rem}.route-demo .whiteboard-context-strip small{display:none;margin-top:.18rem;color:var(--demo-muted);white-space:normal;overflow:visible}.route-demo .whiteboard-material-strip{left:1.6rem;top:4.95rem;display:inline-flex;width:auto;max-width:min(720px,calc(100% - 3.2rem));gap:.5rem;padding:.44rem .65rem;border:1px solid #d0e0e5;border-radius:8px;background:#ffffffe6}.route-demo .hand-axis{z-index:1;background:#314f5d;opacity:.6}.route-demo .hand-axis.horizontal{left:2.1rem;right:5.4rem;top:47%;height:2px}.route-demo .hand-axis.vertical{left:22%;top:19%;bottom:15%;width:2px}.route-demo .hand-arrow.x{right:4.8rem;top:calc(47% - .38rem);border-left-color:#314f5d}.route-demo .hand-arrow.y{left:calc(22% - .38rem);top:calc(19% - .38rem);border-bottom-color:#314f5d}.route-demo .board-state-tags{left:45%;top:53%;gap:.4rem}.route-demo .board-state-tags span{border-color:#d9e5e8;border-radius:999px;background:#ffffffd1;color:#57717d;font-weight:800}.route-demo .board-derivation-layer{position:absolute;inset:1.3rem 2.2rem 9.2rem;z-index:2;pointer-events:none}.route-demo .derivation-title{position:absolute;top:2.85rem;left:31%;z-index:3;display:grid;gap:.2rem;text-align:center;font-family:KaiTi,STKaiti,Microsoft YaHei,sans-serif}.route-demo .derivation-title strong{color:#173f82;font-size:2rem;letter-spacing:0;line-height:1.1}.route-demo .derivation-title span{color:#0d776b;font-size:1.15rem;text-decoration:underline;text-underline-offset:.35rem}.route-demo .system-boundary-card{position:absolute;top:7.8rem;left:2rem;width:min(390px,42%);min-height:96px;border:2px dashed rgba(0,125,112,.72);border-radius:8px;background:#ffffff94;color:#193447;padding:.75rem 1rem;font-family:KaiTi,STKaiti,Microsoft YaHei,sans-serif}.route-demo .system-boundary-card span{display:block;color:#173f82;font-size:1.02rem;font-weight:800}.route-demo .system-boundary-card strong{display:block;margin-top:.45rem;color:#102a35;font-size:1rem}.route-demo .system-boundary-card small{display:block;margin-top:.35rem;color:#0d776b;font-size:.92rem}.route-demo .collision-state-strip{position:absolute;left:3rem;right:3rem;top:18rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.3rem;color:#173f82;font-family:KaiTi,STKaiti,Microsoft YaHei,sans-serif}.route-demo .collision-state-strip>div{position:relative;min-height:90px;border-bottom:2px solid rgba(48,78,92,.68)}.route-demo .collision-state-strip>div+div:before{content:"";position:absolute;left:-1.15rem;top:1.8rem;bottom:0;border-left:2px dashed rgba(83,111,124,.45)}.route-demo .collision-state-strip span{display:block;margin-bottom:1.4rem;text-align:center;font-size:1.05rem;font-weight:800}.route-demo .collision-state-strip .cart{position:absolute;bottom:.3rem;display:grid;place-items:center;width:44px;height:32px;border-radius:5px 5px 3px 3px;font-style:normal;font-family:Microsoft YaHei,sans-serif;font-size:.9rem;font-weight:900}.route-demo .collision-state-strip .cart:before,.route-demo .collision-state-strip .cart:after{content:"";position:absolute;bottom:-7px;width:9px;height:9px;border-radius:50%;background:#172c35}.route-demo .collision-state-strip .cart:before{left:8px}.route-demo .collision-state-strip .cart:after{right:8px}.route-demo .collision-state-strip .cart-a{left:14%;border:1px solid #1976d2;background:#b9dcff;color:#12508e}.route-demo .collision-state-strip .cart-b{right:14%;border:1px solid #de761b;background:#ffd7ad;color:#995012}.route-demo .collision-state-strip em{position:absolute;left:36%;right:36%;bottom:1.6rem;height:2px;background:currentColor}.route-demo .collision-state-strip em:after{content:"";position:absolute;right:-1px;top:-4px;border-left:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}.route-demo .impact-dot{position:absolute;left:calc(50% - 7px);bottom:1.15rem;width:14px;height:14px;border-radius:50%;background:var(--demo-orange);box-shadow:0 0 0 4px #e0691929}.route-demo .board-handwriting-sample{position:absolute;left:5.5rem;right:13%;bottom:8.5rem;z-index:2;display:grid;gap:.55rem;pointer-events:none}.route-demo .board-handwriting-sample strong{width:fit-content;max-width:100%;border:2px solid rgba(224,105,25,.85);border-radius:7px;background:#ffffffbd;color:#17324a;padding:.55rem 1.1rem;font-family:KaiTi,STKaiti,Microsoft YaHei,sans-serif;font-size:1.28rem;font-weight:800}.route-demo .board-handwriting-sample span{width:fit-content;max-width:38rem;color:#0c776c;font-family:KaiTi,STKaiti,Microsoft YaHei,sans-serif;font-size:1.05rem}.route-demo .formula-recognition-dock{left:1.6rem;right:1.6rem;bottom:1.5rem;display:grid;grid-template-columns:minmax(160px,.8fr) minmax(260px,1.4fr) auto;align-items:center;gap:.9rem;max-width:none;min-height:88px;padding:.75rem .9rem;border:1px solid #cbdde3;border-radius:8px;background:#fffffff2;box-shadow:0 18px 48px #1e3d491f}.route-demo .formula-recognition-dock strong{color:var(--demo-ink);font-size:.92rem}.route-demo .recognition-equation{display:flex;align-items:center;justify-content:center;min-height:44px;gap:.8rem;border:1px solid var(--demo-line);border-radius:7px;background:#fbfdfe;color:#17324a;font-family:KaiTi,STKaiti,Microsoft YaHei,sans-serif;font-size:1.05rem;white-space:nowrap}.route-demo .recognition-equation small{color:#91a5ae}.route-demo .formula-recognition-dock .primary-button{min-height:46px;border-radius:7px;background:var(--demo-teal);border-color:var(--demo-teal);color:#fff;padding:.55rem 1rem}.route-demo .bound-formula-strip{left:1.6rem;right:1.6rem;bottom:7.3rem}.route-demo .whiteboard-ink-canvas{z-index:4}.route-demo .simulation-panel{position:relative;grid-column:2;grid-row:1 / span 2;inset:auto;z-index:4;width:auto;min-width:0;height:100%;padding:1rem 1rem 1.25rem;border:0;border-radius:0;background:#f8fbfb;box-shadow:none}.route-demo .simulation-panel:not(.is-expanded),.route-demo .simulation-panel.is-expanded{width:auto}.route-demo .simulation-panel .sim-hero-bar{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;margin-bottom:.9rem}.route-demo .simulation-panel .eyebrow{color:var(--demo-ink);font-size:.95rem;font-weight:900}.route-demo .simulation-panel .sim-hero-bar h2{margin-top:.22rem;color:var(--demo-ink);font-size:1.02rem;line-height:1.28}.route-demo .sim-material-note{margin-top:.2rem;color:var(--demo-muted)}.route-demo .simulation-panel .sim-controls{justify-content:flex-start;gap:.42rem}.route-demo .simulation-panel .primary-button{background:var(--demo-teal);color:#fff;border-color:var(--demo-teal)}.route-demo .stage-shell{position:relative;overflow:hidden;border:1px solid #d5e1e6;border-radius:8px;background:linear-gradient(90deg,rgba(57,94,110,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(57,94,110,.06) 1px,transparent 1px),#fff;background-size:24px 24px;box-shadow:0 12px 34px #1e3d4914}.route-demo .sim-phase-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:.55rem;border-bottom:1px solid var(--demo-soft-line)}.route-demo .sim-phase-tabs button{min-height:34px;border:0;border-radius:7px;background:transparent;color:var(--demo-muted);font:inherit;font-weight:800;cursor:pointer}.route-demo .sim-phase-tabs button:first-child{background:var(--demo-teal);color:#fff}.route-demo .simulation-panel.is-expanded .collision-canvas,.route-demo .collision-canvas{height:230px;min-height:230px}.route-demo .sim-status-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.8rem}.route-demo .sim-status-strip article{min-height:66px;border:1px solid var(--demo-line);border-radius:8px;background:#fff;padding:.62rem .72rem}.route-demo .sim-status-strip article:first-child{grid-column:1 / -1}.route-demo .sim-status-strip small{color:var(--demo-muted);font-size:.74rem}.route-demo .sim-status-strip strong{color:var(--demo-ink);font-size:1rem}@media (max-width: 1180px){.route-demo .classroom-cockpit{grid-template-columns:1fr;overflow:visible}.route-demo .chalkboard-panel,.route-demo .simulation-panel{grid-column:1;grid-row:auto}.route-demo .simulation-panel{border-top:1px solid var(--demo-line)}.route-demo .formula-board.handwriting-whiteboard{min-height:680px}}@media (max-width: 720px){.vue-shell.route-demo{grid-template-columns:1fr}.route-demo .side-nav{display:flex;flex-wrap:wrap;align-items:stretch;gap:.5rem;width:100%;min-height:auto;max-width:100%;padding:.75rem;position:static;border-right:0;border-bottom:1px solid var(--demo-line);overflow:hidden}.route-demo .brand-block{display:none}.route-demo .nav-button{flex:1 1 calc(50% - .5rem);min-width:0;min-height:42px;justify-content:flex-start;padding:.52rem .6rem;font-size:.88rem;line-height:1.25}.route-demo .nav-button:not(.is-active):nth-of-type(1),.route-demo .nav-button:not(.is-active):nth-of-type(3),.route-demo .nav-button:not(.is-active):nth-of-type(4),.route-demo .nav-button:not(.is-active):nth-of-type(5){display:none}.route-demo .nav-button:before{width:16px;height:16px;flex-basis:16px}.route-demo .topbar,.route-demo .cockpit-panel-head{align-items:flex-start;flex-direction:column;gap:.7rem;min-height:auto;padding:.8rem 1rem}.route-demo .topbar>div:first-child{display:grid;gap:.45rem}.route-demo .topbar .eyebrow,.route-demo .topbar h1{max-width:100%;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.route-demo .top-actions{margin-left:0}.route-demo .top-actions .ghost-button{max-width:100%;white-space:normal}.route-demo .whiteboard-tool-row{flex-wrap:wrap}.route-demo .cockpit-panel-head{gap:.65rem}.route-demo .classroom-title-block small{display:block;margin:.2rem 0 0;max-width:100%;line-height:1.28;white-space:normal;overflow-wrap:anywhere}.route-demo .whiteboard-context-strip strong,.route-demo .whiteboard-material-strip strong,.route-demo .whiteboard-material-strip small{white-space:normal;overflow-wrap:anywhere}.route-demo .formula-recognition-dock{grid-template-columns:1fr;left:.8rem;right:.8rem}.route-demo .recognition-equation{justify-content:flex-start;overflow:hidden;padding:0 .6rem}.route-demo .whiteboard-context-strip,.route-demo .whiteboard-material-strip{left:.8rem;right:.8rem;max-width:none}.route-demo .board-handwriting-sample{left:1.2rem;right:1.2rem}.route-demo .board-derivation-layer{display:none}.route-demo .board-handwriting-sample strong{font-size:1rem}}@media (max-width: 760px){.knowledge-entry-hero,.teaching-hero-compact{align-items:stretch;padding:.95rem}.teaching-hero-actions,.knowledge-action-stack{grid-template-columns:1fr}.entry-mode-tabs{grid-template-columns:1fr;padding:.75rem .95rem}.curriculum-stage-tabs,.curriculum-chapter-list,.knowledge-resource-panel{grid-template-columns:1fr}.knowledge-entry-shell{padding:.85rem}.knowledge-tree-panel{overflow-x:auto}.knowledge-tree-head{display:grid}.knowledge-tree-canvas{min-width:680px;min-height:520px}.knowledge-node{width:138px;min-height:78px;padding:.58rem}.resource-package-grid article{grid-template-columns:minmax(0,1fr) auto}.resource-package-grid span{grid-column:1 / -1}}.layered-teaching{gap:0;padding:0;min-height:calc(100dvh - 72px);background:#f3f8fb}.layered-teaching .knowledge-entry-hero h2{margin:.1rem 0 .16rem;color:#102335;font-size:1.18rem;line-height:1.18}.layered-teaching .knowledge-entry-hero p{max-width:58rem;color:#536b7e;font-size:.8rem;line-height:1.45}.layered-teaching .entry-mode-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding:.58rem 1.15rem;background:#fff}.layered-teaching .entry-mode-tabs button{min-height:40px;border-radius:999px}.layered-teaching .teaching-layer-shell{grid-template-columns:212px minmax(0,1fr);min-height:calc(100dvh - 180px);background:#fff}.layered-teaching .teaching-curriculum-rail{display:block;border-right:1px solid #d7e4ed;border-bottom:0;background:#f4f9fd;padding:.72rem}.layered-teaching .teaching-curriculum-rail .panel-header-row{margin-bottom:.7rem}.layered-teaching .curriculum-stage-tabs,.layered-teaching .curriculum-chapter-list{grid-template-columns:1fr}.layered-teaching .curriculum-stage-tabs{gap:.36rem;margin-bottom:.7rem}.layered-teaching .curriculum-stage-tabs button{min-height:32px}.layered-teaching .curriculum-chapter-list{gap:.42rem}.layered-teaching .chapter-item{min-height:46px;padding:.46rem .56rem}.layered-teaching .course-rail-divider{margin:.85rem 0 .42rem;padding-top:.72rem}.layered-teaching .course-item{min-height:58px;margin-bottom:.42rem;padding:.58rem .64rem}.layered-teaching .teaching-layer-main{min-width:0;overflow:hidden}.layered-teaching .knowledge-entry-shell{grid-template-columns:minmax(620px,1fr) 292px;gap:.72rem;height:100%;min-height:calc(100dvh - 180px);padding:.72rem}.layered-teaching .knowledge-tree-panel,.layered-teaching .knowledge-resource-panel{min-height:0;border-radius:8px}.layered-teaching .knowledge-tree-head{min-height:82px;padding:.7rem .85rem .55rem}.layered-teaching .knowledge-tree-head h3,.layered-teaching .resource-panel-head h3{font-size:1.15rem}.layered-teaching .knowledge-tree-head p,.layered-teaching .resource-panel-head p{font-size:.82rem;line-height:1.5}.layered-teaching .knowledge-tree-canvas{min-height:0;height:calc(100dvh - 274px);min-height:500px}.layered-teaching .knowledge-node{width:120px;min-height:66px;padding:.46rem .54rem}.layered-teaching .knowledge-node strong{font-size:.82rem}.layered-teaching .knowledge-node span{font-size:.64rem}.layered-teaching .knowledge-resource-panel{align-content:start;grid-template-columns:1fr;gap:.58rem;padding:.7rem}.layered-teaching .knowledge-chip-row span{padding:.23rem .48rem}.layered-teaching .resource-package-grid{gap:.46rem}.layered-teaching .resource-package-grid article{grid-template-columns:minmax(64px,auto) 36px minmax(0,1fr);min-height:44px;padding:.42rem .5rem}.layered-teaching .resource-package-grid strong{font-size:1.15rem}.layered-teaching .knowledge-action-stack{grid-template-columns:1fr}.layered-teaching .knowledge-drill-list{gap:.46rem}.layered-teaching .knowledge-drill-list button{padding:.48rem .56rem}@media (max-width: 1280px){.layered-teaching .teaching-layer-shell{grid-template-columns:200px minmax(0,1fr)}.layered-teaching .knowledge-entry-shell{grid-template-columns:minmax(540px,1fr) 270px}.layered-teaching .knowledge-node{width:112px}}@media (max-width: 1040px){.layered-teaching .entry-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.layered-teaching .teaching-layer-shell{grid-template-columns:1fr}.layered-teaching .teaching-curriculum-rail{border-right:0;border-bottom:1px solid #d7e4ed}.layered-teaching .curriculum-stage-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.layered-teaching .curriculum-chapter-list{grid-template-columns:repeat(5,minmax(128px,1fr));overflow-x:auto}.layered-teaching .knowledge-entry-shell{grid-template-columns:1fr;min-height:0}.layered-teaching .knowledge-tree-canvas{height:520px}.layered-teaching .knowledge-resource-panel{grid-template-columns:minmax(0,1fr) minmax(260px,.55fr)}.layered-teaching .resource-package-grid{grid-column:1}.layered-teaching .knowledge-action-stack,.layered-teaching .knowledge-drill-list{grid-column:2}}.layered-teaching{--teaching-ink: #102335;--teaching-muted: #516a7e;--teaching-line: #d4e1ea;--teaching-soft: #f6fafc;--teaching-soft-blue: #eef7fc;--teaching-accent: #08796e;--teaching-accent-strong: #067066;gap:0;padding:0;min-height:calc(100dvh - 104px);background:#f4f8fb}.layered-teaching .knowledge-entry-hero{display:none}.layered-teaching .entry-mode-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;border-top:1px solid var(--teaching-line);border-bottom:1px solid var(--teaching-line);background:#fff}.layered-teaching .entry-mode-tabs button{position:relative;display:grid;gap:.12rem;min-height:68px;border:0;border-right:1px solid var(--teaching-line);border-radius:0;background:#fff;color:var(--teaching-muted);padding:.78rem 1rem .72rem;text-align:left;cursor:pointer}.layered-teaching .entry-mode-tabs button:last-child{border-right:0}.layered-teaching .entry-mode-tabs button:after{content:"";position:absolute;left:1rem;right:1rem;bottom:-1px;height:3px;border-radius:999px 999px 0 0;background:transparent}.layered-teaching .entry-mode-tabs button:hover,.layered-teaching .entry-mode-tabs button.is-active{background:#f1faf8;color:var(--teaching-accent)}.layered-teaching .entry-mode-tabs button.is-active:after{background:var(--teaching-accent)}.layered-teaching .entry-mode-tabs strong{color:inherit;font-size:.94rem;line-height:1.25}.layered-teaching .entry-mode-tabs span{color:#5b7386;font-size:.72rem;line-height:1.35;white-space:normal}.layered-teaching .teaching-layer-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:calc(100dvh - 178px);border:0;background:#fff}.layered-teaching .teaching-curriculum-rail{display:block;min-width:0;border-right:1px solid var(--teaching-line);border-bottom:0;background:#f5f9fc;padding:.9rem .82rem}.layered-teaching .teaching-curriculum-rail .panel-header-row{margin-bottom:.42rem}.layered-teaching .teaching-curriculum-rail h3{margin:.12rem 0 0;color:var(--teaching-ink);font-size:1rem;line-height:1.28}.classification-rail-copy{margin:0 0 .8rem;color:var(--teaching-muted);font-size:.74rem;line-height:1.55}.layered-teaching .classification-mode-list{display:grid;grid-template-columns:1fr;gap:.44rem}.layered-teaching .classification-item{display:grid;gap:.14rem;min-height:64px;border:1px solid #d7e4ed;border-radius:8px;background:#fff;color:#284155;padding:.54rem .62rem;text-align:left;cursor:pointer}.layered-teaching .classification-item:hover,.layered-teaching .classification-item.is-active{border-color:#8ecbc1;background:#eaf8f5;color:var(--teaching-accent)}.layered-teaching .classification-item small,.layered-teaching .classification-item strong,.layered-teaching .classification-item span{min-width:0;overflow:hidden;text-overflow:ellipsis}.layered-teaching .classification-item small{color:var(--teaching-accent);font-size:.65rem;font-weight:800;line-height:1.15;white-space:nowrap}.layered-teaching .classification-item strong{color:inherit;font-size:.88rem;line-height:1.28}.layered-teaching .classification-item span{color:#5d7284;font-size:.72rem;line-height:1.35;white-space:nowrap}.classification-selection-brief{display:grid;gap:.18rem;margin-top:.75rem;border:1px solid #cfe2ed;border-radius:8px;background:#fff;padding:.64rem}.classification-selection-brief strong{color:var(--teaching-ink);font-size:.88rem;line-height:1.3}.classification-selection-brief p{margin:0;color:var(--teaching-muted);font-size:.72rem;line-height:1.5}.layered-teaching .course-rail-divider{margin:.82rem 0 .45rem;padding-top:.75rem;border-top:1px solid var(--teaching-line)}.layered-teaching .course-item{min-height:58px;margin-bottom:.42rem;border-radius:8px;padding:.58rem .64rem}.layered-teaching .teaching-layer-main{min-width:0;overflow:hidden;background:#fff}.layered-teaching .knowledge-entry-shell{display:grid;grid-template-columns:minmax(650px,1fr) 292px;gap:.72rem;height:100%;min-height:calc(100dvh - 178px);padding:.72rem}.layered-teaching .knowledge-tree-panel,.layered-teaching .knowledge-resource-panel{min-width:0;min-height:0;border:1px solid var(--teaching-line);border-radius:8px;background:#fff;box-shadow:none}.layered-teaching .knowledge-tree-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}.knowledge-tree-scroll{min-width:0;min-height:0;overflow:hidden}.layered-teaching .knowledge-tree-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;min-height:80px;border-bottom:1px solid var(--teaching-line);padding:.74rem .86rem .62rem}.layered-teaching .knowledge-tree-head h3,.layered-teaching .resource-panel-head h3{margin:.12rem 0 .24rem;color:var(--teaching-ink);font-size:1.12rem;line-height:1.25}.layered-teaching .knowledge-tree-head p,.layered-teaching .resource-panel-head p{margin:0;color:var(--teaching-muted);font-size:.8rem;line-height:1.5}.layered-teaching .resource-panel-head small{color:#6a8091;font-size:.72rem;line-height:1.35}.layered-teaching .knowledge-tree-badge{flex:0 0 auto;border:1px solid #f0d387;border-radius:999px;background:#fff8e5;color:#7c5a00;padding:.32rem .66rem;font-size:.72rem;font-weight:800}.knowledge-path-strip{display:flex;flex-wrap:wrap;gap:.32rem;align-items:center;min-height:40px;border-bottom:1px solid var(--teaching-line);background:#fbfdff;padding:.44rem .72rem}.knowledge-path-strip span{position:relative;border:1px solid #cfe2ed;border-radius:999px;background:#fff;color:#355267;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.knowledge-path-strip span:not(:last-child):after{content:"›";position:absolute;right:-.36rem;color:#7f96a7}.layered-teaching .knowledge-tree-canvas{position:relative;height:calc(100dvh - 318px);min-height:490px;overflow:hidden;background:linear-gradient(90deg,rgba(138,166,187,.18) 1px,transparent 1px),linear-gradient(180deg,rgba(138,166,187,.18) 1px,transparent 1px),linear-gradient(135deg,rgba(8,121,110,.08),transparent 34%),#fbfdff;background-size:32px 32px,32px 32px,auto,auto}.knowledge-tree-sector{position:absolute;z-index:1;border:1px solid #d8e6ef;border-radius:999px;background:#ffffffc7;color:#6a8091;padding:.16rem .44rem;font-size:.68rem;font-weight:800;line-height:1.1;pointer-events:none}.knowledge-tree-sector.is-foundation{left:4%;top:8%}.knowledge-tree-sector.is-core{left:61%;top:31%;transform:translate(-50%);color:var(--teaching-accent)}.knowledge-tree-sector.is-transfer{right:5%;top:10%}.layered-teaching .knowledge-tree-lines{z-index:2}.layered-teaching .knowledge-tree-lines line{stroke:#b2c8d8;stroke-width:.42;stroke-linecap:round}.layered-teaching .knowledge-tree-lines line.is-highlighted{stroke:#0a8a7d;stroke-width:.65}.layered-teaching .knowledge-node{z-index:3;display:grid;gap:.12rem;width:122px;min-height:70px;border:1px solid #cfdde8;border-radius:8px;background:#fff;color:#22384b;padding:.5rem .56rem;box-shadow:0 12px 28px #1b374b14}.layered-teaching .knowledge-node:hover,.layered-teaching .knowledge-node.is-selected{border-color:var(--teaching-accent);background:#e8f7f4;color:#075f58}.layered-teaching .knowledge-node.is-selected{box-shadow:0 16px 34px #08796e2e}.layered-teaching .knowledge-node.is-dimmed:not(.is-selected){opacity:.46}.layered-teaching .knowledge-node.is-core:not(.is-selected){border-color:#8ecbc1;background:#effaf7}.layered-teaching .knowledge-node.is-downstream:not(.is-selected),.layered-teaching .knowledge-node.is-adjacent:not(.is-selected){border-color:#ead8a5;background:#fffdf5}.layered-teaching .knowledge-node small{color:var(--teaching-accent);font-size:.64rem;font-weight:800;white-space:nowrap}.layered-teaching .knowledge-node strong{color:inherit;font-size:.82rem;line-height:1.24}.layered-teaching .knowledge-node span{color:#5c7284;font-size:.64rem;line-height:1.34}.layered-teaching .knowledge-resource-panel{display:grid;grid-template-columns:1fr;align-content:start;gap:.58rem;padding:.72rem}.layered-teaching .knowledge-chip-row{gap:.32rem}.layered-teaching .knowledge-chip-row span{border-color:#b7dcd6;background:#eef9f6;color:var(--teaching-accent);padding:.23rem .48rem;font-size:.68rem}.layered-teaching .resource-package-grid{gap:.45rem}.layered-teaching .resource-package-grid article{display:grid;grid-template-columns:minmax(58px,auto) 34px minmax(0,1fr);gap:.5rem;min-height:42px;border-radius:8px;padding:.42rem .5rem}.layered-teaching .resource-package-grid small{font-size:.7rem}.layered-teaching .resource-package-grid strong{font-size:1.12rem}.layered-teaching .resource-package-grid span{font-size:.7rem}.layered-teaching .knowledge-action-stack{display:grid;grid-template-columns:1fr;gap:.5rem}.layered-teaching .knowledge-action-stack .primary-button,.layered-teaching .knowledge-action-stack .ghost-button{min-height:40px;justify-content:center;text-align:center}.layered-teaching .knowledge-drill-list{display:grid;gap:.46rem;padding-top:.15rem}.layered-teaching .knowledge-drill-list button{display:grid;gap:.16rem;min-height:54px;border:1px solid #d7e4ed;border-radius:8px;background:#fff;color:#22384b;padding:.48rem .56rem;text-align:left}.layered-teaching .knowledge-drill-list button:hover{border-color:#9fcde8;background:#f2f9fd}.layered-teaching .knowledge-drill-list strong{color:inherit;font-size:.8rem}.layered-teaching .knowledge-drill-list span{color:#607587;font-size:.68rem;line-height:1.4}@media (max-width: 1280px){.layered-teaching .teaching-layer-shell{grid-template-columns:212px minmax(0,1fr)}.layered-teaching .knowledge-entry-shell{grid-template-columns:minmax(560px,1fr) 270px}.layered-teaching .knowledge-node{width:112px}}@media (max-width: 1040px){.layered-teaching .entry-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.layered-teaching .teaching-layer-shell{grid-template-columns:1fr}.layered-teaching .teaching-curriculum-rail{border-right:0;border-bottom:1px solid var(--teaching-line)}.layered-teaching .classification-mode-list{grid-template-columns:repeat(4,minmax(150px,1fr));overflow-x:auto}.classification-selection-brief{margin-top:.65rem}.layered-teaching .knowledge-entry-shell{grid-template-columns:1fr;min-height:0}.layered-teaching .knowledge-tree-canvas{min-width:700px;height:520px}.knowledge-tree-scroll{overflow-x:auto}.layered-teaching .knowledge-resource-panel{grid-template-columns:minmax(0,1fr) minmax(250px,.52fr)}.layered-teaching .resource-package-grid{grid-column:1}.layered-teaching .knowledge-action-stack,.layered-teaching .knowledge-drill-list{grid-column:2}}@media (max-width: 760px){.layered-teaching .entry-mode-tabs{grid-template-columns:1fr}.layered-teaching .entry-mode-tabs button{min-height:58px}.layered-teaching .classification-mode-list,.layered-teaching .knowledge-resource-panel{grid-template-columns:1fr}.layered-teaching .knowledge-entry-shell{padding:.72rem}.layered-teaching .knowledge-tree-head{display:grid}.layered-teaching .knowledge-tree-canvas{min-width:680px;height:520px}.layered-teaching .resource-package-grid article{grid-template-columns:minmax(0,1fr) auto}.layered-teaching .resource-package-grid span{grid-column:1 / -1}.layered-teaching .knowledge-action-stack,.layered-teaching .knowledge-drill-list{grid-column:auto}}.vue-shell:not(.is-home-shell){grid-template-columns:224px minmax(0,1fr)}.side-nav{--nav-bg: #f8fbfc;--nav-bg-soft: #eef6f7;--nav-ink: #172a34;--nav-muted: #5e7280;--nav-line: #d5e3e8;--nav-accent: #087f73;--nav-accent-soft: #e3f4f1;position:sticky;top:0;display:flex;flex-direction:column;gap:0;width:224px;min-height:100dvh;padding:1rem .82rem;border-right:1px solid var(--nav-line);background:var(--nav-bg);color:var(--nav-ink);box-shadow:none;backdrop-filter:none}.brand-block{display:flex;align-items:center;gap:.72rem;min-height:54px;margin:0 0 .82rem;padding:0 .28rem .9rem;border-bottom:1px solid var(--nav-line)}.brand-mark{position:relative;display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid #c3ddd9;border-radius:9px;background:#e9f5f3;color:var(--nav-accent);font-size:0}.brand-mark i{display:block;width:12px;height:12px;border-radius:2px;background:currentColor;transform:rotate(45deg)}.brand-copy{min-width:0}.brand-block strong,.brand-copy strong{display:block;color:var(--nav-ink);font-size:.98rem;font-weight:850;line-height:1.18;white-space:nowrap}.brand-block small,.brand-copy small{display:block;margin-top:.22rem;color:var(--nav-muted);font-family:inherit;font-size:.74rem;font-weight:650;line-height:1.25;white-space:nowrap}.nav-section-label{margin:0 .28rem .45rem;color:#738691;font-size:.7rem;font-weight:850;line-height:1}.nav-list{display:grid;gap:.24rem}.nav-button{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem;width:100%;min-height:50px;padding:.62rem .64rem .62rem .82rem;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--nav-muted);text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.nav-button:before{content:"";position:absolute;left:.38rem;top:50%;width:3px;height:0;border-radius:999px;background:var(--nav-accent);transform:translateY(-50%);transition:height .16s ease}.nav-button:hover{border-color:#d1e2e7;background:#f0f7f8;color:var(--nav-ink)}.nav-button:focus-visible{outline:2px solid rgba(8,127,115,.34);outline-offset:2px}.nav-button:active{transform:translateY(1px)}.nav-button.is-active{border-color:#afd7d2;background:var(--nav-accent-soft);color:var(--nav-accent);box-shadow:inset 0 0 0 1px #087f730f}.nav-button.is-active:before{height:22px}.nav-button-main{display:grid;min-width:0;gap:.16rem;padding-left:.18rem}.nav-label{display:block;min-width:0;color:inherit;font-size:.92rem;font-weight:850;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-button small{display:block;max-width:8.2rem;color:currentColor;font-family:inherit;font-size:.68rem;font-weight:600;line-height:1.22;opacity:.74;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-status{display:inline-grid;place-items:center;min-width:2.25rem;height:1.32rem;border:1px solid #d1e2e7;border-radius:999px;background:#fff;color:#657a86;font-size:.66rem;font-weight:800;line-height:1;white-space:nowrap}.nav-button.is-active .nav-status{border-color:#9bcac3;background:#f8fdfc;color:var(--nav-accent)}.side-note{display:grid;gap:.35rem;margin:auto .22rem 0;padding:.82rem .72rem 0;border-top:1px solid var(--nav-line);color:var(--nav-muted)}.side-note strong{color:var(--nav-ink);font-size:.78rem;line-height:1.2}.side-note span{color:var(--nav-muted);font-size:.72rem;line-height:1.55}.route-pendulum,.route-spring,.route-celestial{grid-template-columns:224px minmax(0,1fr);background:#eef5f7}.route-pendulum .side-nav,.route-spring .side-nav,.route-celestial .side-nav{--nav-bg: #151b22;--nav-bg-soft: #1e2731;--nav-ink: #eef6f6;--nav-muted: #9fb0bb;--nav-line: #2d3a45;--nav-accent: #0f9a8b;--nav-accent-soft: #122d2d;background:var(--nav-bg);border-right-color:var(--nav-line);color:var(--nav-ink)}.route-pendulum .brand-block,.route-spring .brand-block,.route-celestial .brand-block,.route-pendulum .side-note,.route-spring .side-note,.route-celestial .side-note{border-color:var(--nav-line)}.route-pendulum .brand-mark,.route-spring .brand-mark,.route-celestial .brand-mark{border-color:#35515a;background:#19363a;color:#0f9a8b}.route-pendulum .brand-block strong,.route-spring .brand-block strong,.route-celestial .brand-block strong,.route-pendulum .brand-copy strong,.route-spring .brand-copy strong,.route-celestial .brand-copy strong,.route-pendulum .side-note strong,.route-spring .side-note strong,.route-celestial .side-note strong{color:var(--nav-ink)}.route-pendulum .brand-block small,.route-spring .brand-block small,.route-celestial .brand-block small,.route-pendulum .brand-copy small,.route-spring .brand-copy small,.route-celestial .brand-copy small,.route-pendulum .side-note span,.route-spring .side-note span,.route-celestial .side-note span,.route-pendulum .nav-section-label,.route-spring .nav-section-label,.route-celestial .nav-section-label,.route-pendulum .nav-button,.route-spring .nav-button,.route-celestial .nav-button{color:var(--nav-muted)}.route-pendulum .nav-button:hover,.route-spring .nav-button:hover,.route-celestial .nav-button:hover{border-color:#3a4a58;background:#1d2630;color:var(--nav-ink)}.route-pendulum .nav-button.is-active,.route-spring .nav-button.is-active,.route-celestial .nav-button.is-active{border-color:#0f9a8b85;background:var(--nav-accent-soft);color:#20b8a7;box-shadow:inset 0 0 0 1px #0f9a8b14}.route-pendulum .nav-status,.route-spring .nav-status,.route-celestial .nav-status{border-color:#344552;background:#111820;color:#a7b8c2}.route-pendulum .nav-button.is-active .nav-status,.route-spring .nav-button.is-active .nav-status,.route-celestial .nav-button.is-active .nav-status{border-color:#0f9a8b85;background:#182b2d;color:#20b8a7}.route-pendulum .topbar,.route-spring .topbar,.route-celestial .topbar{min-height:78px;border-bottom-color:#d2e0e6;background:#fbfdfe}.route-pendulum .topbar h1,.route-spring .topbar h1,.route-celestial .topbar h1{color:#14242d;font-size:1.35rem;line-height:1.18}.route-pendulum .eyebrow,.route-spring .eyebrow,.route-celestial .eyebrow{color:#087f73}.route-pendulum .topbar-status,.route-spring .topbar-status,.route-celestial .topbar-status{color:#5d7280}.route-pendulum .vue-lab-panel,.route-spring .vue-lab-panel,.route-celestial .vue-lab-panel{padding:1.45rem}.route-pendulum .vue-experiment-card,.route-spring .vue-experiment-card,.route-celestial .vue-experiment-card{width:min(1320px,100%);max-width:none;margin:0 auto;border-color:#d4e1e7;border-radius:12px;background:#4a5159;box-shadow:none}.route-pendulum .lab-layout,.route-spring .lab-layout,.route-celestial .lab-layout{gap:1.1rem}.route-pendulum .lab-control-panel,.route-spring .lab-control-panel,.route-celestial .lab-control-panel,.route-pendulum .lab-main-stage,.route-spring .lab-main-stage,.route-celestial .lab-main-stage{border-color:#d4e1e7;border-radius:10px;background:#4f565e}.route-pendulum .lab-control-panel,.route-spring .lab-control-panel,.route-celestial .lab-control-panel{border-color:#d6e1e7}.route-pendulum .lab-canvas-card,.route-spring .lab-canvas-card,.route-celestial .lab-canvas-card{border-color:#cfdce3;border-radius:10px;background:linear-gradient(rgba(8,127,115,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(8,127,115,.1) 1px,transparent 1px),#111820;background-size:32px 32px}.route-pendulum .lab-runtime-bar,.route-spring .lab-runtime-bar,.route-celestial .lab-runtime-bar{align-items:center;gap:.55rem}.route-pendulum .lab-runtime-bar .primary-button,.route-spring .lab-runtime-bar .primary-button,.route-celestial .lab-runtime-bar .primary-button{border-color:#0f9a8b;background:#0f9a8b;color:#fff}.route-pendulum .lab-runtime-bar .ghost-button,.route-spring .lab-runtime-bar .ghost-button,.route-celestial .lab-runtime-bar .ghost-button{border-color:#cfdce3;background:#fff;color:#1f313b}.route-pendulum .lab-runtime-bar .ghost-button:hover,.route-spring .lab-runtime-bar .ghost-button:hover,.route-celestial .lab-runtime-bar .ghost-button:hover{border-color:#9bcac3;background:#edf8f6;color:#087f73}.route-pendulum .metric-card,.route-spring .metric-card,.route-celestial .metric-card,.route-pendulum .mini-chart,.route-spring .mini-chart,.route-celestial .mini-chart,.route-pendulum .report-preview,.route-spring .report-preview,.route-celestial .report-preview{border-color:#cfdce3;border-radius:9px}.route-pendulum .metric-card,.route-spring .metric-card,.route-celestial .metric-card{background:#545c64}.route-pendulum .metric-card small,.route-spring .metric-card small,.route-celestial .metric-card small{color:#b7c5ce}.route-pendulum .metric-card strong,.route-spring .metric-card strong,.route-celestial .metric-card strong{color:#10a494}@media (max-width: 1040px){.vue-shell:not(.is-home-shell),.route-pendulum,.route-spring,.route-celestial{grid-template-columns:1fr}.side-nav,.route-pendulum .side-nav,.route-spring .side-nav,.route-celestial .side-nav{position:static;width:100%;min-height:auto;padding:.72rem;border-right:0;border-bottom:1px solid var(--nav-line)}.brand-block{min-height:44px;margin-bottom:.6rem;padding-bottom:.62rem}.nav-section-label,.side-note{display:none}.nav-list{display:flex;gap:.42rem;overflow-x:auto;padding-bottom:.08rem;scrollbar-width:none}.nav-list::-webkit-scrollbar{display:none}.nav-button{width:auto;flex:0 0 auto;grid-template-columns:auto;min-width:128px;min-height:44px;justify-content:center;padding:.56rem .78rem}.nav-button small,.nav-status{display:none}.side-nav .nav-button .nav-button-main,.side-nav .nav-button .nav-label{width:auto;max-width:none;padding-left:0;text-align:center}}@media (max-width: 560px){.brand-block{display:none}.side-nav,.route-pendulum .side-nav,.route-spring .side-nav,.route-celestial .side-nav{padding:.58rem}.nav-button{min-width:104px;padding:.56rem .62rem}.nav-label{font-size:.84rem}.route-pendulum .vue-lab-panel,.route-spring .vue-lab-panel,.route-celestial .vue-lab-panel{padding:.85rem}}@media (prefers-reduced-motion: reduce){.nav-button,.nav-button:before{transition:none}}.route-lab,.route-demo,.route-freeform,.layered-teaching{--hand-font: "LXGW WenKai", "霞鹜文楷", "FZKai-Z03", "STKaiti", "KaiTi", "楷体", "Microsoft YaHei", sans-serif}.route-lab .product-hero-copy h2{max-width:min(31rem,100%);color:#102b3a;font-family:var(--hand-font);font-size:clamp(3.2rem,4.6vw,5rem);line-height:1.04;font-weight:800;letter-spacing:0;text-wrap:balance}.route-lab .product-hero-copy h2 .title-line{display:block;white-space:nowrap}.route-lab .product-hero-copy h2 em{font-family:var(--hand-font);font-size:.84em;line-height:1;margin-top:.05rem;color:#51717d;opacity:.12;transform:scaleY(-.62);transform-origin:top}.route-lab .is-whiteboard-pane .product-hero-copy h2{font-size:clamp(4rem,5.7vw,6.2rem);line-height:.98}.route-lab .is-teaching-pane .product-hero-copy h2,.route-lab .is-freeform-pane .product-hero-copy h2{font-size:clamp(3.15rem,4.3vw,4.7rem)}.route-lab .board-hand-title strong,.route-lab .board-equation b,.route-lab .board-equation i,.route-lab .board-sketch span,.route-lab .board-note,.route-demo .topbar .eyebrow,.route-demo .topbar h1,.route-demo .derivation-title,.route-demo .system-boundary-card,.route-demo .collision-state-strip,.route-demo .board-handwriting-sample strong,.route-demo .board-handwriting-sample span,.route-demo .recognition-equation,.route-freeform .topbar h1,.route-freeform .toolbar-head h2,.route-freeform .toolbar-head strong,.route-freeform .inspector-panel h2,.layered-teaching .topbar h1,.layered-teaching .knowledge-tree-head h2{font-family:var(--hand-font)}@media (max-width: 1320px){.route-lab .product-hero-copy h2{max-width:24rem;font-size:clamp(2.72rem,4.05vw,4rem);line-height:1.06}.route-lab .is-whiteboard-pane .product-hero-copy h2{font-size:clamp(3.35rem,5vw,5.1rem)}.route-lab .is-teaching-pane .product-hero-copy h2,.route-lab .is-freeform-pane .product-hero-copy h2{font-size:clamp(2.72rem,3.8vw,3.8rem)}}@media (max-width: 720px){.route-lab .product-hero-copy h2,.route-lab .is-whiteboard-pane .product-hero-copy h2,.route-lab .is-teaching-pane .product-hero-copy h2,.route-lab .is-freeform-pane .product-hero-copy h2{max-width:100%;font-size:clamp(2.55rem,12vw,3.65rem);line-height:1.06}.route-lab .product-hero-copy h2 .title-line{white-space:normal}}.side-nav .brand-block .brand-copy{display:block}.side-nav .nav-button .nav-button-main,.side-nav .nav-button .nav-label,.side-nav .nav-button .nav-status{max-width:none;text-align:left}.side-nav .nav-button .nav-button-main{display:grid}.side-nav .nav-button .nav-label{display:block;font-size:.92rem;line-height:1.2}.side-nav .nav-button .nav-status{text-align:center}.route-pendulum .vue-experiment-card,.route-spring .vue-experiment-card,.route-celestial .vue-experiment-card{color:#eef6f6}.route-pendulum .lab-control-panel h2,.route-spring .lab-control-panel h2,.route-celestial .lab-control-panel h2,.route-pendulum .lab-group h3,.route-spring .lab-group h3,.route-celestial .lab-group h3{color:#eaf4f6}.route-pendulum .panel-label,.route-spring .panel-label,.route-celestial .panel-label{color:#0fb1a0}.route-pendulum .panel-copy,.route-spring .panel-copy,.route-celestial .panel-copy,.route-pendulum .radio-item,.route-spring .radio-item,.route-celestial .radio-item,.route-pendulum .lab-param-row,.route-spring .lab-param-row,.route-celestial .lab-param-row{color:#c4d0d7}.route-pendulum .lab-param-row span,.route-spring .lab-param-row span,.route-celestial .lab-param-row span,.route-pendulum .lab-param-row small,.route-spring .lab-param-row small,.route-celestial .lab-param-row small{color:#aebdc6}.route-pendulum .lab-group,.route-spring .lab-group,.route-celestial .lab-group,.route-pendulum .teaching-flow-list li,.route-spring .teaching-flow-list li,.route-celestial .teaching-flow-list li,.route-pendulum .catalog-item,.route-spring .catalog-item,.route-celestial .catalog-item{border-color:#d6e1e7b8;background:#ffffff09}.route-pendulum .lab-number,.route-spring .lab-number,.route-celestial .lab-number,.route-pendulum .lab-select,.route-spring .lab-select,.route-celestial .lab-select{border-color:#cfdce3;background:#151c24;color:#edf7f8}.route-pendulum .segmented-tabs,.route-spring .segmented-tabs,.route-celestial .segmented-tabs{background:#141b22}.route-pendulum .segmented-tabs button,.route-spring .segmented-tabs button,.route-celestial .segmented-tabs button{border-color:#cfdce3;background:#f9fcfd;color:#22343e}.route-pendulum .segmented-tabs button.is-active,.route-spring .segmented-tabs button.is-active,.route-celestial .segmented-tabs button.is-active{border-color:#0f9a8b;background:#163432;color:#18b5a4}.route-pendulum .lab-slider,.route-spring .lab-slider,.route-celestial .lab-slider{accent-color:#0f9a8b}.route-pendulum .mini-chart,.route-spring .mini-chart,.route-celestial .mini-chart,.route-pendulum .report-preview,.route-spring .report-preview,.route-celestial .report-preview{background:#151c24;color:#dce8ed}.route-pendulum .lab-control-panel,.route-spring .lab-control-panel,.route-celestial .lab-control-panel,.route-pendulum .report-preview,.route-spring .report-preview,.route-celestial .report-preview{scrollbar-color:#9aa8b2 #3f474f;scrollbar-width:thin}.route-pendulum .lab-control-panel::-webkit-scrollbar,.route-spring .lab-control-panel::-webkit-scrollbar,.route-celestial .lab-control-panel::-webkit-scrollbar,.route-pendulum .report-preview::-webkit-scrollbar,.route-spring .report-preview::-webkit-scrollbar,.route-celestial .report-preview::-webkit-scrollbar{width:10px}.route-pendulum .lab-control-panel::-webkit-scrollbar-track,.route-spring .lab-control-panel::-webkit-scrollbar-track,.route-celestial .lab-control-panel::-webkit-scrollbar-track,.route-pendulum .report-preview::-webkit-scrollbar-track,.route-spring .report-preview::-webkit-scrollbar-track,.route-celestial .report-preview::-webkit-scrollbar-track{background:#3f474f;border-radius:999px}.route-pendulum .lab-control-panel::-webkit-scrollbar-thumb,.route-spring .lab-control-panel::-webkit-scrollbar-thumb,.route-celestial .lab-control-panel::-webkit-scrollbar-thumb,.route-pendulum .report-preview::-webkit-scrollbar-thumb,.route-spring .report-preview::-webkit-scrollbar-thumb,.route-celestial .report-preview::-webkit-scrollbar-thumb{border:2px solid #3f474f;border-radius:999px;background:#9aa8b2}#property-inspector{min-width:0;min-height:0;padding:14px;border-bottom:1px solid rgba(31,42,55,.13);background:#fff;color:#18202a;overflow:auto;scrollbar-gutter:stable}#property-inspector h2{margin:0;color:#111827;font-size:15px;font-weight:760}#property-inspector .property-empty{margin:0;padding:12px;border:1px dashed rgba(31,42,55,.16);border-radius:8px;background:#f8fafc;color:#657386;font-size:12px;line-height:1.65}#property-inspector .property-selection-header{display:grid;gap:5px;margin-bottom:12px}#property-inspector .property-selection-name{color:#657386;font-size:12px;overflow-wrap:anywhere}#property-inspector .property-section{display:grid;gap:10px;padding:12px 0;border-top:1px solid rgba(31,42,55,.1)}#property-inspector .property-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#1f2937;font-size:13px;font-weight:760}#property-inspector .property-row,#property-inspector .property-field-row{display:grid;grid-template-columns:minmax(82px,.9fr) minmax(0,1.35fr) auto;align-items:center;gap:8px;color:#526174;font-size:12px}#property-inspector .property-row code{grid-column:span 2;overflow:hidden;color:#657386;text-overflow:ellipsis;white-space:nowrap}#property-inspector label{display:inline-flex;flex-direction:column;gap:3px;min-width:0;color:#344054;font-size:12px;font-weight:650;overflow-wrap:anywhere;line-height:1.25}#property-inspector label small{color:#8a96a8;font-size:10px;font-weight:500}#property-inspector input,#property-inspector select{min-width:0;width:100%;height:30px;border:1px solid rgba(31,42,55,.18);border-radius:7px;background:#fff;color:#18202a;font-family:inherit;font-size:12px;font-weight:500;outline:none;transition:border-color .14s ease,box-shadow .14s ease}#property-inspector input:focus,#property-inspector select:focus{border-color:#007aff9e;box-shadow:0 0 0 3px #007aff21}#property-inspector input[type=checkbox]{width:18px;height:18px}#property-inspector input[type=color]{padding:2px}#property-inspector button{min-height:28px;border:1px solid rgba(31,42,55,.14);border-radius:7px;background:#f7f8fa;color:#253142;font-family:inherit;font-size:11px;font-weight:650;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}#property-inspector button:hover,#property-inspector button:focus-visible{border-color:#007aff4d;background:#007aff1a;color:#0057c2;outline:none}#property-inspector .property-vector2,#property-inspector .property-slider{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}#property-inspector .property-slider{grid-template-columns:minmax(0,1fr) 64px}#property-inspector .property-presets{display:flex;flex-wrap:wrap;gap:6px}#property-inspector .property-presets button{padding:0 8px}@media (max-width: 900px){#property-inspector{border-bottom:1px solid rgba(31,42,55,.13)}}#property-inspector{padding:16px;border-bottom:0;background:#ffffff75;color:var(--color-text-main, #102044)}#property-inspector h2{color:var(--color-text-main, #102044);font-size:16px;font-weight:780}#property-inspector .property-empty{min-height:168px;display:grid;place-items:center;padding:22px;border:1px dashed rgba(89,112,153,.24);border-radius:18px;background:radial-gradient(circle at 50% 18%,rgba(37,99,255,.1),transparent 34%),#ffffff7a;color:var(--color-text-muted, #687797);text-align:center;font-size:13px}#property-inspector .property-selection-header{margin-bottom:14px;padding:4px 2px 0}#property-inspector .property-selection-name{color:var(--color-text-muted, #687797)}#property-inspector .property-section{gap:12px;margin-bottom:12px;padding:14px;border:1px solid rgba(89,112,153,.12);border-radius:18px;background:#ffffff94;box-shadow:0 10px 26px #2438690f}#property-inspector .property-section-title{color:var(--color-text-main, #102044);font-size:13px}#property-inspector .property-row,#property-inspector .property-field-row{grid-template-columns:minmax(72px,.78fr) minmax(0,1.5fr) auto;gap:9px;color:var(--color-text-muted, #687797)}#property-inspector label{color:#40557b;font-size:12px}#property-inspector input,#property-inspector select{height:34px;padding:0 10px;border-color:#59709926;border-radius:12px;background:#ffffffc7;color:var(--color-text-main, #102044);font-variant-numeric:tabular-nums}#property-inspector input:focus,#property-inspector select:focus{border-color:#2563ff85;box-shadow:0 0 0 4px #2563ff1f}#property-inspector button{min-height:30px;border-color:#59709924;border-radius:11px;background:#f6f9ffdb;color:#40557b}#property-inspector button:hover,#property-inspector button:focus-visible{border-color:#2563ff47;background:#2563ff14;color:var(--color-primary, #2563ff)}#property-inspector .property-presets{gap:8px}#property-inspector .property-presets button{padding:0 10px}body.freeform-dark-mode #property-inspector .property-section,body.freeform-dark-mode #property-inspector .property-empty{background:#131f3494;border-color:#b4cbff24}