:root{--ink:#183547;--muted:#6e8190;--teal:#167c6b;--mint:#e3f4ec;--orange:#df8c3b;--border:#e2e9ed;--bg:#f3f6f8;--nav:#102c3e;--shadow:0 5px 24px #18354705}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 'Segoe UI','Microsoft YaHei',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button{color:inherit}a{color:var(--teal)}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #269f8d}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:var(--nav);color:#c0d0db;display:flex;flex-direction:column;padding:28px 20px;z-index:5}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:white;font-size:24px;font-weight:700;letter-spacing:2px}.brand-mark{width:43px;height:43px;border:1px solid #9be1cc75;border-radius:12px;color:#a3e4cc;text-align:center;line-height:41px;font-size:23px;background:#194154}.brand-en{display:block;font-size:8px;letter-spacing:2.3px;font-weight:500;color:#98b2c2;line-height:1.6}.side-eyebrow{font-size:13px;color:#e0eaf0;margin-top:34px}.side-intro{font-size:11px;color:#819eaf;margin:5px 0 34px}.nav-label{font-size:10px;letter-spacing:2px;color:#7291a5;display:flex;justify-content:space-between;margin:0 10px 12px}.nav-label span{letter-spacing:0}#lab-nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;text-align:left;gap:12px;align-items:center;border:1px solid transparent;background:none;border-radius:9px;padding:13px 10px;color:#a8becc;transition:.2s;width:100%}.nav-item:hover{background:#ffffff09}.nav-item.active{background:#1d4656;border-color:#477b772e;color:#e9fff4}.nav-num{font-size:13px;color:#6b8c9e;font-variant-numeric:tabular-nums}.nav-item.active .nav-num{color:#8bd6b7}.nav-item b{display:block;font-weight:500;font-size:13px}.nav-item small{display:block;color:#7295a7;font-size:10px;margin-top:2px}.nav-item.active small{color:#8dbbac}.side-divider{border-top:1px solid #ffffff0c;margin:24px 8px 16px}.side-link{border:0;background:none;display:flex;align-items:center;gap:12px;color:#a8bfce;text-align:left;padding:10px;font-size:12px}.side-link span{font-size:18px;color:#6d93a7}.sidebar-progress{margin-top:auto;padding:35px 10px 20px;font-size:11px}.sidebar-progress>div:first-child{display:flex;justify-content:space-between}.sidebar-progress strong{color:#97dbc6}.progress-track{height:4px;border-radius:4px;background:#ffffff15;margin:10px 0}.progress-track span{display:block;height:100%;border-radius:4px;background:#7bcab4;transition:width .5s}.sidebar-progress small{font-size:10px;color:#6e8da0}.chip-card{border:1px solid #ffffff12;border-radius:10px;padding:13px 11px;display:flex;gap:12px;color:#7da4b7;align-items:center}.chip-card b{display:block;font-size:12px;color:#d5e1e8;letter-spacing:.4px}.chip-card small{display:block;font-size:9px;margin-top:3px}.page-shell{margin-left:230px}.topbar{height:68px;background:#ffffffd9;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 34px;gap:20px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{color:#b2bec6;margin:0 12px}.breadcrumb b{font-weight:500;color:#3e586b}.top-actions{display:flex;align-items:center;gap:25px}.access-badge{font-size:11px;color:#6f8c81}.access-badge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4aa88b;margin-right:6px}main{max-width:1660px;margin:auto;padding:30px 34px 0}.page-heading{display:flex;justify-content:space-between;gap:25px;align-items:center}.eyebrow{color:#638377;font-size:10px;letter-spacing:1.6px;font-weight:600}h1{font-size:26px;line-height:1.4;margin:8px 0 9px;font-weight:650;letter-spacing:.2px}.page-heading p{margin:0;color:var(--muted);font-size:12px;max-width:780px}.concepts{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}.concepts span{border:1px solid #dde5e8;background:#fff;border-radius:4px;padding:3px 9px;font-size:10px;color:#6c8190}.concepts .industry-tag{background:#e8f2ed;color:#4b826e;border-color:#dce9e2}.button{border:1px solid transparent;border-radius:6px;display:inline-flex;justify-content:center;align-items:center;gap:7px;padding:9px 14px;white-space:nowrap;font-size:12px;font-weight:500;transition:background .2s,transform .2s}.button:hover{filter:brightness(.97);transform:translateY(-1px)}.button.primary{background:var(--teal);color:white;box-shadow:0 3px 6px #167c6b18}.button.dark{background:#153d50;color:#fff;padding:11px 18px}.button.dark span{font-size:18px;line-height:1}.button.subtle{background:white;border-color:var(--border);color:#506879}.button.small{padding:7px 12px;font-size:11px}.button.full{width:100%}.text-button{border:0;background:none;color:#448779;font-size:11px;padding:3px 0}.text-button:hover{text-decoration:underline}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:22px}.workbench{min-width:0}.panel{background:white;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 20px;border-bottom:1px solid #edf1f3;font-size:12px;min-height:55px}.panel-head>div{display:flex;align-items:center;gap:9px}.panel-head strong{font-weight:600}.panel-note{font-size:10px;color:#91a1ad;font-weight:400}.live-dot{height:6px;width:6px;border-radius:50%;background:#5aab94;display:inline-block}.segmented{display:flex;border:1px solid #e4e9eb;border-radius:5px;background:#f6f8f9;padding:2px;gap:0!important}.segmented button{border:0;background:none;color:#8798a5;padding:3px 8px;font-size:10px;border-radius:3px}.segmented button.active{background:white;color:#456b6b;box-shadow:0 1px 4px #18354710}.scene-wrap{position:relative;background:#f5f8fa;height:390px;overflow:hidden}#scene{width:100%;height:100%;display:block}.scene-label{position:absolute;left:24px;top:22px;pointer-events:none}.scene-label span{font-size:11px;font-weight:600;color:#668393;letter-spacing:1px}.scene-label small{display:block;color:#a0afb8;font-size:9px;margin-top:3px}.scene-time{position:absolute;right:22px;top:20px;text-align:right;pointer-events:none}.scene-time span{display:block;color:#9aabb7;font-size:8px;letter-spacing:1.4px}.scene-time strong{font:16px/1.8 Consolas,monospace;color:#698492}.scene-help{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);white-space:nowrap;border:1px solid #e3eaed;background:#ffffffd9;color:#81949f;font-size:10px;padding:5px 13px;border-radius:20px}.runbar{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #e7edf1}.run-actions{display:flex;gap:8px;align-items:center}.speed-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#8193a0;margin-left:6px}.speed-label select{border:1px solid #dde7e9;border-radius:4px;padding:3px 5px;font-size:11px;background:white;color:#69818d}.run-hint{font-size:9px;color:#98a5ae}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.metric{padding:14px 15px;background:white;border:1px solid var(--border);border-radius:8px;min-width:0}.metric-label{font-size:10px;color:#8295a3;display:flex;justify-content:space-between}.metric-label>span:last-child{color:#b5c5cd}.metric-value{font-size:24px;line-height:1.8;letter-spacing:-.5px;font-variant-numeric:tabular-nums;color:#25465a}.metric-value small{font-size:10px;color:#94a4ae;margin-left:5px;letter-spacing:0}.metric-sub{font-size:9px;color:#9cabb5}.metric.good .metric-value{color:var(--teal)}.metric.alert .metric-value{color:#d17849}.instrument-tabs{display:flex;padding:0 20px;border-bottom:1px solid #e7ecef;gap:26px}.instrument-tabs button{font-size:12px;border:0;background:none;padding:16px 0 13px;color:#8494a2;border-bottom:2px solid transparent}.instrument-tabs button.active{border-color:var(--teal);color:var(--teal);font-weight:600}.instrument-tabs button span{font-size:9px;background:#f0f3f5;border-radius:4px;padding:2px 5px;margin-left:4px}.tab-content{padding:18px 20px}.scope-legend{display:flex;gap:18px;font-size:10px;color:#718898;margin-bottom:10px}.scope-legend i{display:inline-block;width:12px;height:3px;border-radius:2px;margin-right:5px;vertical-align:middle}#scope{height:174px;width:100%;display:block}.scope-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#96a7b2;margin-top:8px}.settings-intro{font-size:10px;color:#8a9da7;background:#f8fafb;padding:11px 20px;border-bottom:1px solid #edf1f3}.control-row{padding:13px 20px;border-bottom:1px solid #f0f3f5}.control-row:last-child{border:0}.control-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#5c7483;margin-bottom:6px}.control-value{font:12px Consolas,monospace;color:#284f5c;background:#f1f6f7;padding:2px 6px;border-radius:3px}.control-row small{display:block;font-size:9px;color:#a0acb5;margin-top:4px}.control-row input[type=range]{width:100%;height:4px;margin:7px 0;accent-color:var(--teal)}.control-row select,.control-row input[type=number]{background:#fff;border:1px solid #dde7eb;border-radius:5px;color:#496675;padding:6px 9px;width:100%;font-size:11px}.control-row input[type=checkbox]{accent-color:var(--teal);width:15px;height:15px}.control-row.checkbox-row .control-top{margin-bottom:0}.fault-panel,.diagnosis-panel{margin-top:16px}.pill{background:#edf6f3;color:#529780;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:400}.pill.orange{background:#fff4e9;color:#b58551}.fault-panel p{font-size:10px;color:#8c9ea9;margin:15px 18px 12px}#faults{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 18px}.fault-btn{background:#fffaf5;border:1px solid #f0e1d1;border-radius:5px;font-size:10px;color:#ac7948;padding:8px 3px}.fault-btn:hover{background:#fff0e0}.fault-btn.active{background:#f8e5d1;border-color:#d7a577}#clear-fault{margin:12px 18px 16px;font-size:10px}.spark{font-size:18px;color:#5da18c;padding-right:4px}#diagnosis{padding:17px 18px;font-size:11px;color:#6d8491;line-height:1.9}#diagnosis b{display:block;font-weight:600;color:#426b62;margin-bottom:6px}#diagnosis .warn{color:#b27445}.diagnosis-panel>.button{width:calc(100% - 36px);margin:0 18px 18px;font-size:10px;background:#f6faf8;border-color:#dcebe5;color:#52816e}.model-note{display:flex;gap:8px;padding:16px 4px;font-size:10px;color:#99a6b0;line-height:1.8}.model-note p{margin:0}.task-panel{margin-top:18px}#steps{display:grid;grid-template-columns:1fr 1fr;padding:10px 20px 17px;gap:3px 25px}.step-row{display:flex;gap:10px;padding:10px 0;font-size:11px}.step-check{display:inline-flex;flex:0 0 20px;height:20px;border:1px solid #dfe6e9;justify-content:center;align-items:center;border-radius:50%;font-size:10px;color:#afbbc4;margin-top:2px}.step-row.done .step-check{background:#dff2e9;color:#29856b;border-color:#dff2e9}.step-row b{display:block;font-size:11px;font-weight:500;color:#6c8290}.step-row.done b{color:#32725e}.step-row small{display:block;font-size:9px;color:#a0adb5;margin-top:2px;line-height:1.6}.task-actions{padding:13px 20px;border-top:1px solid #edf1f3;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.task-actions>.text-button{margin-left:auto;color:#a0acb4;font-size:9px}footer{display:flex;justify-content:space-between;color:#9aaaae;font-size:9px;padding:25px 0;gap:15px}footer>span:first-child{letter-spacing:1px}.wiring-intro{display:flex;justify-content:space-between;gap:15px;margin-bottom:15px;font-size:11px}.wiring-intro span{color:#98a8b1;font-size:10px}.wire-row{display:grid;grid-template-columns:1fr 20px 1.1fr 56px;gap:10px;align-items:center;margin:8px 0;padding:12px;background:#f7fafb;border:1px solid #e7edf0;border-radius:6px}.wire-row>span:first-child{font-size:11px;font-weight:500}.wire-row .wire-arrow{color:#a4b5bf}.wire-row select{font-size:11px;border:1px solid #dce5ea;padding:7px;border-radius:4px;min-width:0;color:#5b7583;background:white}.wire-row button{font-size:10px;border:1px solid #d4e5df;background:#edf6f1;color:#46816c;padding:7px 4px;border-radius:4px}.wire-row.connected{border-color:#a9d4c2}.wire-row.wrong{border-color:#e9bf9f}.fineprint{color:#9dacb5;font-size:10px;margin:15px 0 0}.code-banner{font-size:10px;color:#b18554;background:#fff8ed;padding:8px 12px;border-radius:4px}pre{font:11px/1.9 Consolas,'Courier New',monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#132f40;color:#bddad9;border-radius:6px;padding:18px;max-height:360px;overflow:auto}#registers{display:grid;grid-template-columns:1fr 1fr;gap:7px}.register{border:1px solid #e9eef0;border-radius:4px;padding:8px 10px;font-size:10px}.register b{color:#4b8776;font-family:Consolas,monospace}.register span{display:block;color:#97a7b0}.log-header{display:flex;justify-content:space-between;font-size:11px;margin-bottom:12px}.log-header span{font-size:10px;color:#96a6af}#event-log{max-height:300px;overflow:auto;min-height:150px}.log-row{display:grid;grid-template-columns:57px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #f0f3f4;font-size:10px;color:#6d8795}.log-row time{font:10px Consolas,monospace;color:#9faeb7}.log-row.error{color:#bb774c}.empty{color:#a2b1ba;font-size:11px;text-align:center;padding:50px 10px}dialog{border:1px solid #dce5e7;border-radius:14px;width:min(800px,calc(100vw - 32px));padding:0;max-height:90vh;color:var(--ink);box-shadow:0 30px 90px #122d3e40}dialog::backdrop{background:#0c263a70;backdrop-filter:blur(4px)}.modal-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;background:white;z-index:1;border-bottom:1px solid var(--border);padding:20px 26px}.modal-header h2{font-size:19px;margin:0}.icon-button{border:0;background:#f1f5f6;border-radius:50%;width:28px;height:28px;font-size:22px;color:#738b99;line-height:1}.modal-header+.modal-body{padding:26px}#modal-body{padding:24px 26px;font-size:13px;color:#5e7786}#modal-body p{line-height:1.9}#modal-body h3{font-size:14px;color:#2d5260;margin-top:24px}#modal-body ul{padding-left:22px}#modal-body table{border-collapse:collapse;width:100%;font-size:11px;margin:15px 0}#modal-body td,#modal-body th{padding:10px;text-align:left;border:1px solid #e1e9ed}#modal-body th{background:#f1f6f7;font-weight:500}#modal-body textarea{display:block;resize:vertical;width:100%;min-height:150px;border:1px solid #dae6e9;border-radius:7px;padding:12px;color:#416475;margin:15px 0;font-size:13px}#modal-body .button{margin-top:15px}.quiz-item{border-bottom:1px solid #e4ecef;padding:0 0 20px;margin-bottom:20px}.quiz-item>strong{font-weight:500;display:block;margin-bottom:12px}.quiz-option{display:block;border:1px solid #e5ecef;padding:10px 12px;margin:7px 0;border-radius:5px;cursor:pointer;font-size:12px}.quiz-option input{accent-color:var(--teal);margin-right:8px}.quiz-result{font-size:12px;padding:12px;margin-top:12px;background:#eef7f2;border-radius:5px}.score-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.score-card{padding:15px;background:#f0f7f4;border-radius:8px;text-align:center}.score-card strong{display:block;color:#23816b;font-size:30px}.score-card span{font-size:11px}.capability-row{display:grid;grid-template-columns:110px 1fr 40px;align-items:center;gap:15px;font-size:12px;margin:15px 0}.capability-row .progress-track{background:#e9eff1;height:7px}.capability-row .progress-track span{background:#53a78b}.notice{padding:14px 17px;background:#fff6e9;border:1px solid #f0dec4;border-radius:6px;font-size:12px;color:#98794f}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);padding:12px 22px;border-radius:8px;background:#183d4e;color:white;box-shadow:0 5px 25px #12304030;opacity:0;pointer-events:none;transition:.25s;z-index:50;max-width:85vw;font-size:12px}#toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:1600px){.scene-wrap{height:460px}.sidebar{width:248px}.page-shell{margin-left:248px}.workspace{grid-template-columns:minmax(0,1fr) 330px}}@media(max-width:1200px){.sidebar{width:194px;padding:24px 14px}.page-shell{margin-left:194px}main{padding:25px 22px 0}.topbar{padding:0 22px}.workspace{grid-template-columns:minmax(0,1fr) 268px;gap:15px}.scene-wrap{height:340px}.run-hint{display:none}h1{font-size:23px}.control-row{padding:12px 16px}.metric-grid{gap:8px}.metric{padding:12px}.metric-value{font-size:21px}.top-actions{gap:15px}.access-badge{display:none}.instrument-tabs{gap:20px}.brand{font-size:22px}}@media(max-width:980px){.workspace{grid-template-columns:1fr}.control-column{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-panel{grid-row:span 3}.fault-panel,.diagnosis-panel{margin-top:0}.model-note{padding:0}.scene-wrap{height:390px}.page-heading p{max-width:450px}.concepts{margin-bottom:18px}.metric-grid{gap:12px}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:14px 16px}.brand{font-size:20px}.brand-mark{width:34px;height:34px;line-height:32px;font-size:18px}.brand-en{font-size:7px}.side-eyebrow,.side-intro,.nav-label,.side-divider,.side-link,.sidebar-progress,.chip-card{display:none}#lab-nav{flex-direction:row;gap:5px;margin-top:16px}.nav-item{padding:8px 7px;gap:5px;flex:1}.nav-item b{font-size:10px}.nav-item small{display:none}.nav-num{font-size:10px}.page-shell{margin:0}.topbar{height:50px;padding:0 16px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 5px}.topbar .button{font-size:10px;padding:5px 8px}main{padding:22px 14px 0}h1{font-size:21px}.page-heading{gap:10px;align-items:flex-start}.page-heading>.button{font-size:10px;padding:8px;margin-top:6px}.page-heading>.button span{display:none}.page-heading p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:.7px}.concepts{gap:5px;margin:14px 0}.concepts span{font-size:9px;padding:2px 6px}.scene-wrap{height:300px}.scene-label{left:15px;top:14px}.scene-label span{font-size:9px}.scene-time{right:15px;top:12px}.scene-help{font-size:8px;padding:4px 8px}.panel-head{padding:12px 14px;font-size:11px}.panel-note{font-size:8px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin:12px 0}.metric-value{font-size:23px}.metric{padding:10px 14px}.instrument-tabs{gap:0;justify-content:space-between;padding:0 14px}.instrument-tabs button{font-size:10px}.tab-content{padding:15px 14px}.scope-foot{flex-wrap:wrap}.scope-foot>span:nth-child(2){display:none}.control-column{grid-template-columns:1fr}.settings-panel{grid-row:auto}#controls{display:grid;grid-template-columns:1fr 1fr}.control-row{border-right:1px solid #f1f4f5;padding:11px 14px}.runbar{padding:10px 12px}.runbar .button{font-size:10px;padding:8px 10px}.speed-label{font-size:9px;margin-left:0}.wiring-intro{display:block}.wiring-intro span{display:block;margin-top:5px}.wire-row{grid-template-columns:1fr 10px 1fr 44px;gap:5px;padding:8px}.wire-row>span:first-child,.wire-row select{font-size:9px}.wire-row select{padding:6px 3px}#steps{grid-template-columns:1fr;padding:10px 14px}.task-actions{padding:12px 14px}.task-actions>.text-button{margin-left:0}footer{flex-wrap:wrap;font-size:8px}footer>span:nth-child(2){display:none}.score-strip{grid-template-columns:1fr 1fr}#modal-body{padding:20px}.capability-row{grid-template-columns:90px 1fr 30px;gap:8px}#registers{grid-template-columns:1fr}.scope-legend{font-size:9px;gap:9px}.scene-panel .panel-head>div{gap:5px}}
.scene-label{display:none!important}
@media(max-width:700px){.sidebar .side-link{display:inline-flex!important;width:auto;font-size:10px;padding:10px 7px 0}.sidebar .side-link span{font-size:13px}}
