:root{color:#edf5ff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#030b18;--bg-deep:#020711;--surface:#07162b;--surface-2:#0a1d38;--surface-3:#0e2547;--border:#5497e047;--border-strong:#3a9dff9e;--text:#f3f8ff;--muted:#8fa9c7;--accent:#2da7ff;--accent-strong:#176eff;--cyan:#43dcff;--success:#39d98a;--warning:#f6c566;--danger:#ff758b;background:#030b18;font-family:Inter,Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.lab-app{background:radial-gradient(circle at 50% 15%, #0d417a33, transparent 35%), var(--bg);grid-template-rows:66px minmax(0,1fr) 92px;grid-template-columns:204px minmax(520px,1fr) 304px;width:100%;height:100%;display:grid;position:relative}.app-header{z-index:20;border-bottom:1px solid var(--border);background:#030b18f5;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 20px;display:flex;box-shadow:0 10px 36px #0000002e}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#bff5ff;background:#092342;border:1px solid #43dcff85;border-radius:9px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 0 18px #2da7ff33,0 0 18px #2da7ff1f}.brand h1{letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;font-weight:670;line-height:1.24;overflow:hidden}.brand p{color:var(--muted);letter-spacing:.08em;margin:3px 0 0;font-size:10px}.header-actions{align-items:center;gap:7px;display:flex}.header-actions button,.timer{color:#c6d5e8;background:#08182eb8;border:1px solid #5889c438;border-radius:8px;align-items:center;gap:7px;height:36px;padding:0 11px;font-size:11px;display:inline-flex}.header-actions button{cursor:pointer}.header-actions button:hover{border-color:var(--border-strong);color:#fff;background:#0d284d}.timer{color:#7dbbff;font-variant-numeric:tabular-nums;justify-content:center;min-width:104px}.side-navigation{z-index:10;border-right:1px solid var(--border);background:#040e1df5;flex-direction:column;min-height:0;transition:width .2s;display:flex}.nav-title{color:#dceaff;border-bottom:1px solid #5084be24;flex:none;justify-content:space-between;align-items:center;height:54px;padding:0 14px 0 17px;font-size:12px;font-weight:600;display:flex}.nav-title button,.icon-button{color:#7fa7d4;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:32px;height:32px;padding:0;display:grid}.nav-title button:hover,.icon-button:hover{color:#fff;background:#438ce229}.side-navigation nav{scrollbar-width:thin;flex-direction:column;flex:1;gap:5px;min-height:0;padding:12px 9px;display:flex;overflow-y:auto}.side-navigation nav button{color:#a9bed6;text-align:left;cursor:pointer;background:#071a33;border:1px solid #0000;border-radius:8px;grid-template-columns:24px 1fr 16px;align-items:center;gap:8px;min-height:48px;padding:0 12px;font-size:12px;display:grid}.side-navigation nav button:hover,.side-navigation nav button.is-active{color:#fff;background:#0a2b53;border-color:#2da7ff57}.side-navigation nav .primary-nav{color:#fff;background:#0b5bc9;margin-top:auto}.side-navigation nav .primary-nav:hover,.side-navigation nav .primary-nav.is-active{background:#126de7;border-color:#3db5ff;box-shadow:0 8px 24px #0f64de38}.nav-collapsed{grid-template-columns:68px minmax(520px,1fr) 304px}.nav-collapsed .nav-title span,.nav-collapsed .side-navigation nav button span,.nav-collapsed .side-navigation nav button svg:last-child{display:none}.nav-collapsed .nav-title{justify-content:center;padding:0}.nav-collapsed .side-navigation nav button{grid-template-columns:1fr;justify-items:center;padding:0}.experiment-main{grid-template-rows:54px minmax(0,1fr);min-width:0;min-height:0;padding:10px 10px 9px;display:grid}.workspace-toolbar{justify-content:space-between;align-items:center;padding:0 12px 10px;display:flex}.workspace-toolbar>div{align-items:center;gap:18px;display:flex}.workspace-toolbar strong{font-size:13px}.workspace-toolbar span{color:var(--muted);align-items:center;font-size:11px;display:inline-flex}.workspace-toolbar span i{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%;margin-right:7px}.workspace-toolbar button{color:#9eb7d4;cursor:pointer;background:#07182f;border:1px solid #4e89c933;border-radius:7px;align-items:center;gap:6px;height:32px;padding:0 9px;font-size:10px;display:inline-flex}.workspace-toolbar button:hover{color:#fff;border-color:var(--border-strong)}.scene-panel{border:1px solid var(--border);background:#020814;border-radius:10px;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #063b7617}.scene-host{position:absolute;inset:0;overflow:hidden}.scene-host canvas{width:100%;height:100%;display:block}.scene-vignette{pointer-events:none;background:linear-gradient(#030a1642,#0000 26% 72%,#0207109e),radial-gradient(circle at 50% 48%,#0000 45%,#01050c5c);position:absolute;inset:0}.scene-labels{z-index:6;pointer-events:none;position:absolute;top:36%;left:0;right:0}.scene-label{color:#cfe6ff;pointer-events:auto;cursor:pointer;letter-spacing:.04em;background:#040e1dc7;border:1px solid #5695d859;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:700;position:absolute;transform:translate(-50%);box-shadow:0 4px 14px #0003}.scene-label:hover,.scene-label.is-selected{border-color:var(--cyan);color:#fff;background:#0c5fa8;box-shadow:0 0 16px #2caeff52}.scene-hint,.scene-state,.scene-reset{z-index:7;color:#91aac6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040e1dc2;border:1px solid #4b84c338;border-radius:7px;font-size:9px;position:absolute;bottom:15px}.scene-hint{padding:7px 9px;left:15px}.scene-state{align-items:center;gap:7px;padding:7px 9px;display:flex;top:15px;bottom:auto;right:15px}.scene-state span{background:#66788d;border-radius:50%;width:6px;height:6px}.scene-state span.is-live{background:var(--success);box-shadow:0 0 10px var(--success)}.scene-reset{cursor:pointer;padding:7px 9px;right:15px}.scene-reset:hover{color:#fff;border-color:var(--border-strong)}.device-inspector{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#051427eb;border:1px solid #3ea8ff6b;border-radius:9px;grid-template-columns:50px 1fr 24px;align-items:start;gap:10px;width:min(430px,100% - 28px);padding:12px;display:grid;position:absolute;bottom:14px;right:14px;box-shadow:0 14px 38px #00000057}.device-inspector>span{color:#c9f6ff;background:#0a477d;border-radius:7px;place-items:center;height:38px;font-size:10px;font-weight:800;display:grid}.device-inspector strong{margin-bottom:4px;font-size:11px;display:block}.device-inspector p{color:#92abc6;margin:0;font-size:9px;line-height:1.55}.device-inspector button{color:#86a2c0;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:24px;height:24px;padding:0;display:grid}.parameter-panel{border-left:1px solid var(--border);scrollbar-color:#3f81c86b transparent;scrollbar-width:thin;background:#051224f7;min-height:0;padding:18px 17px 22px;overflow-y:auto}.panel-heading{border-bottom:1px solid #4b83bf33;justify-content:space-between;align-items:flex-start;padding-bottom:15px;display:flex}.panel-heading span,.chart-heading span{color:var(--muted);letter-spacing:.08em;margin-bottom:4px;font-size:9px;display:block}.panel-heading h2{margin:0;font-size:15px}.panel-heading>svg{color:var(--accent)}.parameter-field{margin-top:18px;display:block}.parameter-field>span{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:baseline;gap:6px;font-size:9px;display:grid}.parameter-field b{color:#eaf4ff;font-size:11px}.parameter-field output{color:#83c4ff;font-variant-numeric:tabular-nums;font-size:12px;font-weight:650}.parameter-field input{width:100%;height:24px;accent-color:var(--accent);cursor:pointer;margin-top:8px}.parameter-field small{color:#67819f;justify-content:space-between;font-size:8px;display:flex}.parameter-field small i{font-style:normal}.preset-row{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:grid}.preset-row button{color:#8da8c6;cursor:pointer;background:#081a33;border:1px solid #4e87c542;border-radius:6px;height:29px;font-size:9px}.preset-row button:hover,.preset-row button.is-active{color:#fff;background:#0b4d8b;border-color:#2da7ffa3}.preset-row button:disabled,.parameter-field input:disabled{cursor:not-allowed;opacity:.55}.derived-grid{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:18px;display:grid}.derived-grid>div{background:#091f3bb8;border:1px solid #4985c633;border-radius:7px;padding:10px}.derived-grid .wide{grid-column:1/-1}.derived-grid span,.derived-grid small{color:var(--muted);font-size:8px;display:block}.derived-grid strong{color:#f4f9ff;font-variant-numeric:tabular-nums;margin:5px 0 3px;font-size:17px;display:block}.stage-instruction{border-left:2px solid var(--cyan);color:#a9bed5;background:#2da7ff12;gap:9px;margin:16px 0 12px;padding:10px;display:flex}.stage-instruction svg{color:var(--cyan);flex:none}.stage-instruction p{margin:0;font-size:9px;line-height:1.6}.primary-action,.secondary-action{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:38px;font-size:10px;font-weight:650;display:flex}.primary-action{color:#fff;background:#1268d5;border:1px solid #2f9eff;box-shadow:0 10px 24px #1268d52e}.primary-action:hover{background:#1779ef}.secondary-action{color:#9bb3cd;background:#081a32;border:1px solid #4e89c942;margin-top:8px}.secondary-action:hover{color:#fff;border-color:var(--border-strong)}.stage-progress{z-index:18;border-top:1px solid var(--border);background:#030c1afa;grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:0;padding:9px 10px;display:grid}.stage-progress button{color:#7089a6;text-align:left;cursor:pointer;background:0 0;border:0;border-right:1px solid #5084be33;grid-template-columns:32px 1fr;align-items:center;gap:9px;min-width:0;padding:7px 14px;display:grid;position:relative}.stage-progress button:last-child{border-right:0}.stage-progress button:disabled{cursor:default}.stage-progress button>span{border:1px solid #3d536d;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;display:grid}.stage-progress strong,.stage-progress small{display:block}.stage-progress strong{color:#b5c7dc;margin-bottom:3px;font-size:11px}.stage-progress small{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.stage-progress .is-current{color:#97caff;background:linear-gradient(90deg,#115ec22e,#0c46980f)}.stage-progress .is-current>span{border-color:var(--accent);color:#fff;background:#0c4d99;box-shadow:0 0 18px #2da7ff3d}.stage-progress .is-current strong{color:#fff}.stage-progress .is-complete>span{border-color:var(--success);color:#081b14;background:var(--success)}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#01050dc2;place-items:center;padding:34px;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0}.knowledge-dialog{background:#06152a;border:1px solid #459ff96b;border-radius:13px;width:min(820px,100%);max-height:min(720px,100vh - 68px);animation:.22s ease-out dialog-in;overflow:hidden;box-shadow:0 32px 100px #0000008f}.knowledge-dialog>header{border-bottom:1px solid var(--border);background:#071a34;justify-content:space-between;align-items:center;min-height:78px;padding:0 24px;display:flex}.knowledge-dialog header span{color:#77a8dc;letter-spacing:.08em;margin-bottom:3px;font-size:9px;display:block}.knowledge-dialog header h2{margin:0;font-size:20px}.knowledge-content,.instrument-catalog,.question-sheet{scrollbar-width:thin;max-height:calc(min(720px,100vh - 68px) - 78px);padding:26px;overflow-y:auto}.knowledge-lead{color:#a7bdd6;margin:0 0 20px;font-size:13px;line-height:1.7}.knowledge-content article{border-top:1px solid #4c84c12e;grid-template-columns:42px 1fr;gap:14px;padding:17px 0;display:grid}.knowledge-content article>span,.instrument-index{color:#8edcff;background:#0a325b;border-radius:8px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:grid}.knowledge-content h3{margin:0 0 5px;font-size:13px}.knowledge-content article p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.instrument-catalog{gap:7px;display:grid}.instrument-row{color:#fff;text-align:left;cursor:pointer;background:#081b35;border:1px solid #4a86c72e;border-radius:8px;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;width:100%;padding:12px;display:grid}.instrument-row:hover{border-color:var(--border-strong);background:#0a274a}.instrument-row strong,.instrument-row small{display:block}.instrument-row strong{margin-bottom:4px;font-size:11px}.instrument-row small{color:var(--muted);font-size:9px;line-height:1.5}.instrument-role{color:#7fd5ff;background:#2da7ff1a;border-radius:5px;padding:5px 7px;font-size:8px}.question-sheet label{background:#081b35;border:1px solid #4a86c72e;border-radius:8px;margin-top:14px;padding:14px;display:block}.question-sheet label>span{gap:8px;margin-bottom:9px;font-size:11px;line-height:1.6;display:flex}.question-sheet label b{color:var(--cyan)}.question-sheet textarea{resize:vertical;color:#fff;background:#030e1f;border:1px solid #4d87c738;border-radius:6px;width:100%;min-height:72px;padding:9px 10px;font-size:10px;line-height:1.6}.sampling-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;display:flex}.sampling-orbit{border:1px solid #2da7ff75;border-radius:50%;width:84px;height:84px;margin-bottom:20px;animation:3s linear infinite orbit;position:relative}.sampling-orbit:before,.sampling-orbit:after{content:"";border:1px solid #43dcff52;border-radius:50%;position:absolute;inset:13px}.sampling-orbit:after{background:#2da7ff;inset:28px;box-shadow:0 0 26px #2da7ffb8}.sampling-orbit span,.sampling-orbit i{background:#fff;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:38px;box-shadow:0 0 12px #70dcff}.sampling-state strong{font-size:14px}.sampling-state p{color:var(--muted);margin:7px 0 18px;font-size:9px}.sample-progress{background:#14243a;border-radius:99px;width:88%;height:5px;overflow:hidden}.sample-progress i{border-radius:inherit;background:var(--accent);height:100%;box-shadow:0 0 10px var(--accent);transition:width .1s linear;display:block}.sampling-state>b{color:#7bcaff;margin-top:9px;font-size:10px}.result-metrics{grid-template-columns:repeat(2,1fr);gap:7px;margin:18px 0;display:grid}.result-metrics>div{background:#081c36;border:1px solid #4885c733;border-radius:7px;padding:10px}.result-metrics span,.result-metrics small{color:var(--muted);font-size:8px;display:block}.result-metrics strong{margin:5px 4px 0 0;font-size:15px;display:inline-block}.result-metrics small{display:inline}.result-conclusion{color:#bfead6;background:#39d98a12;border:1px solid #39d98a42;border-radius:7px;gap:8px;margin-bottom:13px;padding:10px;font-size:9px;line-height:1.5;display:flex}.result-conclusion svg{color:var(--success);flex:none}.chart-overlay{z-index:9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#041020f0;border:1px solid #42a2ff6b;border-radius:9px;grid-template-rows:auto minmax(0,1fr);min-height:0;padding:16px;display:grid;position:absolute;inset:12px;box-shadow:0 20px 48px #00000061}.chart-heading{justify-content:space-between;align-items:end;gap:12px;margin-bottom:8px;display:flex}.chart-heading h3{margin:0;font-size:14px}.chart-heading small{color:var(--muted);font-size:8px}.distribution-chart{width:100%;height:100%;min-height:0}.chart-grid{stroke:#638ebe29;stroke-width:1px}.chart-bar{fill:#2797f599}.chart-line{fill:none;stroke:#62e4ff;stroke-width:2.2px}.chart-point{fill:#d8faff}.chart-label,.chart-axis,.chart-legend text{fill:#7894b3;font-size:8px}.chart-axis{font-size:9px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes orbit{to{transform:rotate(360deg)}}@media (width<=1120px){.lab-app{grid-template-columns:68px minmax(440px,1fr) 282px}.side-navigation .nav-title span,.side-navigation nav button span,.side-navigation nav button svg:last-child{display:none}.side-navigation .nav-title{justify-content:center;padding:0}.side-navigation nav button{grid-template-columns:1fr;justify-items:center;padding:0}.brand p,.header-actions button:first-child{display:none}}@media (width<=820px){html,body,#root{height:auto;min-height:100%;overflow:auto}.lab-app,.lab-app.nav-collapsed{grid-template-rows:60px 520px auto 84px;grid-template-columns:1fr;min-height:100vh}.app-header{grid-column:1;padding:0 12px}.brand h1{max-width:58vw;font-size:13px}.brand-mark{width:34px;height:34px}.header-actions button:first-child,.header-actions button:nth-child(2),.timer,.side-navigation{display:none}.experiment-main{grid-area:2/1;padding:8px}.parameter-panel{border-top:1px solid var(--border);border-left:0;grid-area:3/1;overflow:visible}.stage-progress{grid-area:4/1;padding:6px;position:sticky;bottom:0}.stage-progress button{text-align:center;grid-template-columns:1fr;justify-items:center;padding:5px}.stage-progress button>div small,.scene-labels,.workspace-toolbar>div:first-child span,.workspace-toolbar button:first-child,.scene-hint{display:none}.dialog-backdrop{padding:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}