:root{--bg:#edf3f9;--panel:#fff;--ink:#17243a;--muted:#728096;--line:#dbe5ef;--blue:#2878ff;--orange:#ff7a45;--shadow:0 12px 34px rgba(26,57,91,.09)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-user-select:none;user-select:none}button,a{-webkit-tap-highlight-color:transparent}.topbar{height:72px;display:flex;align-items:center;padding:0 28px;background:#fff;border-bottom:1px solid var(--line);gap:35px}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:260px}.brand>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;font-size:23px;font-weight:900;background:linear-gradient(145deg,#2878ff,#7458e8);box-shadow:0 8px 20px #2878ff38}.brand b,.brand small{display:block}.brand b{font-size:17px}.brand small{font-size:10px;color:#8190a3;margin-top:3px}.topbar nav{height:100%;display:flex}.topbar nav a{position:relative;min-width:130px;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#7b8899;text-decoration:none;font-size:12px;font-weight:800}.topbar nav a small{font-size:9px;font-weight:500}.topbar nav a.active{color:var(--blue)}.topbar nav a.active:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:3px;background:var(--blue)}.back{margin-left:auto;color:#65758a;text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:9px 13px;font-size:11px}.lab-shell{height:calc(100vh - 72px);min-height:680px;display:grid;grid-template-columns:230px minmax(590px,1fr) 290px;gap:16px;padding:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.controls-panel,.lesson-panel{padding:18px;overflow:auto}.panel-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.panel-title small{font-size:9px;color:#9aa6b5}.group-label{display:block;font-size:11px;font-weight:900;margin:17px 0 9px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:10px 6px;color:var(--ink);cursor:pointer}.choice span,.choice b,.choice small{display:block}.choice span{font-size:27px}.choice b{font-size:12px;margin-top:5px}.choice small{font-size:8px;color:#8290a2;margin-top:3px}.choice.active{border-color:#7eacff;background:#edf4ff;box-shadow:0 7px 16px #2878ff16}.mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mode-buttons button{border:1px solid var(--line);background:#f8fafc;border-radius:9px;padding:9px 3px;font-size:9px;color:#728096;cursor:pointer}.mode-buttons button.active{border-color:#ffc0a4;background:#fff2ec;color:#e95f2c;font-weight:900}.power-control{margin-top:18px;padding:14px 0;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}.power-control label{display:flex;justify-content:space-between;font-size:10px;font-weight:800}.power-control output{color:var(--blue)}input[type=range]{width:100%;accent-color:var(--blue);margin-top:10px}.key-card{margin-top:17px;padding:13px;border-radius:12px;background:#f1f6fc}.key-card>b{display:block;font-size:11px;margin-bottom:9px}.key-card div{display:grid;grid-template-columns:42px 1fr;gap:7px;align-items:center;margin:7px 0}.key-card span{font-size:9px;font-weight:900;color:#2878ff;background:#fff;border-radius:7px;text-align:center;padding:5px}.key-card em{font-size:9px;color:#6e7d90;font-style:normal}.previous{display:block;margin-top:15px;color:#2878ff;text-decoration:none;font-size:10px;font-weight:800}.experiment-panel{display:flex;flex-direction:column;overflow:hidden}.experiment-head{height:78px;display:flex;align-items:center;justify-content:space-between;padding:15px 20px}.experiment-head h1{font-size:18px;margin:0 0 4px}.experiment-head p{font-size:10px;color:#8491a2;margin:0}.mobile-data{display:none}.run-actions{display:flex;gap:7px}.run-actions button{height:36px;border:1px solid var(--line);border-radius:10px;background:#f7f9fc;color:#607087;font-weight:900;cursor:pointer}.run-actions .primary{padding:0 15px;border:0;background:var(--blue);color:#fff}.visual-grid{flex:1;min-height:430px;display:grid;grid-template-columns:1.05fr .95fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sample-stage,.graph-stage{position:relative;overflow:hidden}.sample-stage{background:linear-gradient(#dcefff,#f5faff);border-right:1px solid var(--line)}canvas{position:absolute;inset:0;width:100%;height:100%}.state-pill{position:absolute;left:13px;top:13px;background:#ffffffd9;border-radius:12px;padding:8px 11px;box-shadow:0 6px 18px #214d7715}.state-pill small,.state-pill b{display:block}.state-pill small{font-size:8px;color:#8794a4}.state-pill b{font-size:12px;margin-top:2px}.energy-pill{position:absolute;right:12px;top:13px;background:#fff1ea;color:#e65c29;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900}.energy-pill.cool{background:#eaf4ff;color:#2878ff}.graph-stage{background:#fbfdff}.graph-title{position:absolute;left:15px;top:13px}.graph-title b,.graph-title small{display:block}.graph-title b{font-size:12px}.graph-title small{font-size:8px;color:#8b98a8;margin-top:3px}.timeline{height:112px;padding:15px 22px}.timeline-head{display:flex;justify-content:space-between;font-size:10px;color:#738297}.timeline-head b{color:#2878ff}.progress-track{height:8px;background:#e9eff5;border-radius:999px;margin-top:11px;overflow:hidden}.progress-track span{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#51a7ff,#7458e8);transition:width .15s}.stage-labels{display:flex;justify-content:space-between;font-size:8px;color:#8d99a8;margin-top:7px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metrics div{background:#f4f8fc;border-radius:11px;padding:11px}.metrics span{display:block;font-size:9px;color:#7f8da0}.metrics b{font-size:22px;color:#214065;margin-right:3px}.metrics small{font-size:9px;color:#8f9bab}.formula-card{margin-top:12px;padding:13px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#203d73,#2767b5)}.formula-card small,.formula-card strong,.formula-card span{display:block}.formula-card small,.formula-card span{font-size:8px;opacity:.74}.formula-card strong{font-size:14px;margin:7px 0}.guide-card{margin-top:13px;border:1px solid var(--line);border-radius:13px;padding:13px}.guide-top{display:flex;align-items:center;justify-content:space-between}.guide-top span{font-size:9px;color:#2878ff;font-weight:900}.guide-top button{border:0;background:#eaf2ff;color:#2878ff;border-radius:7px;padding:5px 7px;font-size:8px;cursor:pointer}.guide-card h2{font-size:15px;margin:10px 0 6px}.guide-card p{min-height:65px;font-size:10px;line-height:1.6;color:#63748a;margin:0}.guide-buttons{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}.guide-buttons button{border:1px solid var(--line);border-radius:8px;background:#f7f9fc;color:#69798d;padding:7px 10px;font-size:9px;font-weight:800;cursor:pointer}.guide-buttons button:last-child{border-color:var(--blue);background:var(--blue);color:#fff}.guide-buttons button:disabled{opacity:.4}.question-card{margin-top:13px;padding:13px;border-radius:12px;background:#fff8e9}.question-card b{font-size:11px;color:#b67600}.question-card p{font-size:9px;line-height:1.55;color:#756749}.question-card button{border:0;background:#ffe5a9;color:#9b6700;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:800;cursor:pointer}.question-card .hidden{display:none}@media(max-width:1080px){.lab-shell{grid-template-columns:200px minmax(560px,1fr)}.lesson-panel{display:none}.brand{min-width:220px}}@media(max-width:760px){body{overflow:auto}.topbar{height:60px;padding:0 12px}.brand{min-width:0}.brand>span{width:36px;height:36px}.brand small,.topbar nav,.back{display:none}.lab-shell{height:auto;min-height:calc(100vh - 60px);display:flex;flex-direction:column;padding:8px}.experiment-panel{height:820px;order:1}.controls-panel{order:3}.lesson-panel{display:block;order:2}.mobile-data{display:flex;gap:12px;margin-top:5px;font-size:9px;color:#78879a}.mobile-data b{color:#2878ff}.experiment-head{height:76px;padding:12px}.experiment-head h1{font-size:16px}.visual-grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr;min-height:620px}.sample-stage{border-right:0;border-bottom:1px solid var(--line)}.timeline{height:105px}.choice-grid{grid-template-columns:1fr 1fr}.guide-card p{min-height:0}}
.experiment-tabs{display:grid;gap:8px}.experiment-tabs button{display:grid;grid-template-columns:42px 1fr;text-align:left;align-items:center;border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:10px;color:var(--ink);cursor:pointer}.experiment-tabs button>span{grid-row:1/3;font-size:24px;text-align:center}.experiment-tabs button b,.experiment-tabs button small{grid-column:2}.experiment-tabs button b{font-size:11px}.experiment-tabs button small{font-size:8px;color:#8290a2;margin-top:2px}.experiment-tabs button.active{border-color:#7eacff;background:#edf4ff;box-shadow:0 7px 16px #2878ff16}.dynamic-controls{margin-top:16px;padding-top:13px;border-top:1px solid #edf1f5}.dynamic-controls.hidden{display:none}.dynamic-controls label{display:flex;justify-content:space-between;margin:11px 0 0;font-size:9px;font-weight:800;color:#68798d}.dynamic-controls output{color:#2878ff}.dynamic-controls .sub-label{display:block;color:#8794a4;margin-bottom:8px}.pressure-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.pressure-buttons button{border:1px solid var(--line);background:#f8fafc;border-radius:7px;padding:7px 2px;font-size:8px;color:#748397;cursor:pointer}.pressure-buttons button.active{border-color:#ffb18d;background:#fff1e9;color:#dc5f29;font-weight:900}.law-card{margin-top:16px;padding:12px;border-radius:12px;background:#f0f6fc}.law-card b{font-size:11px;color:#2878ff}.law-card p{font-size:9px;line-height:1.55;color:#6d7c90;margin:6px 0 0}.scene-stage{position:relative;overflow:hidden;background:linear-gradient(#dcefff,#f5faff);border-right:1px solid var(--line)}.compare-note{margin-top:9px;font-size:9px;color:#748397;text-align:center}.compare-card{margin-top:12px;padding:13px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#5844a7,#2878ff)}.compare-card small,.compare-card strong,.compare-card span{display:block}.compare-card small,.compare-card span{font-size:8px;opacity:.78}.compare-card strong{font-size:14px;margin:7px 0}.scene-stage canvas{position:absolute;inset:0;width:100%;height:100%}@media(max-width:760px){.scene-stage{border-right:0;border-bottom:1px solid var(--line)}.experiment-tabs{grid-template-columns:repeat(3,1fr)}.experiment-tabs button{display:block;text-align:center;padding:8px 3px}.experiment-tabs button>span,.experiment-tabs button b,.experiment-tabs button small{display:block}.experiment-tabs button small{min-height:24px}}
.mobile-experiment{display:none}@media(max-width:760px){.back{display:block;margin-left:auto;padding:7px 9px;font-size:9px}.experiment-head{height:102px;align-items:flex-start}.mobile-experiment{display:block;margin-top:6px;width:190px;max-width:100%;border:1px solid #bfd4eb;border-radius:7px;background:#fff;color:#2878ff;padding:5px 7px;font-size:9px;font-weight:800}.mobile-data{font-size:10px;gap:15px}.visual-grid{min-height:590px;grid-template-rows:285px 305px}.scene-stage canvas{overflow:hidden}}