:root{color-scheme:dark;--bg:#0c1010;--panel:#151b1a;--line:#2b3732;--muted:#91a29a;--text:#e9f1eb;--motor:#ff7b81;--output:#78e3a6;--phase:#e9bc85;--green:var(--output)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 'Segoe UI','Microsoft YaHei',sans-serif}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:#202a25;color:var(--text);padding:10px 15px;transition:background .15s,border-color .15s}button:hover{border-color:#63796c;background:#29372f}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--output);color:#102419;border-color:transparent;font-weight:650}button.primary:hover{background:#a0f4c3}.quiet{background:transparent}.compact{padding:6px 10px;font-size:12px}.danger-outline{color:var(--motor);border-color:#75434a;background:#ff7b8108}input[type=range]{accent-color:var(--output);width:100%;min-width:45px;height:22px;cursor:pointer;margin:0}input:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--output);outline-offset:4px}input[type=checkbox]{accent-color:var(--output)}select{background:#0d1410;border:1px solid var(--line);border-radius:7px;padding:8px;color:var(--text);max-width:100%}[hidden]{display:none!important}h1,h2,h3,h4,p{margin:0}h2{font-size:16px;font-weight:600}h3{font-size:15px;font-weight:600}h4{font-size:14px}p{color:var(--muted)}small,.small{font-size:11px;color:var(--muted)}.mono,output{font-family:Consolas,monospace;font-variant-numeric:tabular-nums}.motor-text{color:var(--motor)}.output-text{color:var(--output)}
.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:#101613eF;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{text-decoration:none;color:var(--text);letter-spacing:2px;font-weight:800;font-size:18px}.brand-mark{color:var(--output);font-size:23px;vertical-align:-1px;margin-right:7px}.brand small{letter-spacing:1px;font-weight:400;margin-left:14px}.header-actions{display:flex;align-items:center;gap:20px}.live-pill{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.live-pill i{width:6px;height:6px;border-radius:50%;background:var(--output);box-shadow:0 0 10px #78e3a650}.rail{position:fixed;top:108px;left:18px;display:flex;flex-direction:column;gap:15px}.rail a{color:var(--muted);text-decoration:none;display:flex;flex-direction:column;align-items:center;padding:10px 8px;font-size:10px;border-radius:8px}.rail a:hover{background:#78e3a611;color:var(--output)}.rail b{font:14px Consolas,monospace;margin-bottom:4px}main{max-width:1570px;margin:auto;padding:34px 32px 20px 100px}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:18px}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:2px;margin-bottom:10px}h1{font-size:32px;letter-spacing:1px;line-height:1.4;font-weight:600}.page-title p{margin-top:9px;font-size:12px}.color-key{display:flex;align-items:center;gap:22px;font-size:12px;white-space:nowrap}.panel{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--panel);box-shadow:0 10px 40px #00000012}.panelhead{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);gap:12px;flex-wrap:wrap}.panelhead h2{display:flex;align-items:center;gap:12px}.index{font:11px Consolas,monospace;color:#81978a;border:1px solid #3a4c41;border-radius:5px;padding:3px 6px}.experiment-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(370px,1fr);gap:20px;align-items:start}.schematic{background:radial-gradient(ellipse at center,#32594124,transparent 70%),radial-gradient(#6a88702e 1px,transparent 1px);background-size:auto,20px 20px;min-height:260px}.schematic svg{width:100%;height:auto;display:block;touch-action:none;user-select:none}.transport{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding:17px 20px}.speed-control{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);flex:1;min-width:240px}.speed-control input{accent-color:var(--motor);min-width:65px}.speed-control output{color:var(--motor);min-width:30px}.inspector{display:flex;flex-direction:column;gap:16px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{padding:18px 16px;position:relative}.stat:before{content:'';position:absolute;top:16px;bottom:16px;left:0;width:3px;background:currentColor}.motor-stat{color:var(--motor);background:linear-gradient(120deg,#ff7b8109,transparent),var(--panel)}.output-stat{color:var(--output);background:linear-gradient(120deg,#78e3a609,transparent),var(--panel)}.stat label{display:flex;justify-content:space-between;gap:8px;font-size:12px}.stat small{font-size:10px}.number{font:31px/1.4 Consolas,monospace;letter-spacing:-1px;margin:10px 0}.number small{font-size:17px;color:inherit;margin-left:5px}.stat footer{display:flex;flex-direction:column;gap:3px;font-size:10px}.stat footer span:first-child{color:var(--muted)}.config-body{padding:18px 20px}.field{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;color:#b0c0b7;margin-bottom:13px}.field-hint{font-size:10px;color:#82988a;line-height:1.7;margin:-4px 0 15px}.parameter-slider{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.parameter-slider output{min-width:40px;color:var(--text);text-align:right;font-size:12px}.field>.parameter-slider{max-width:240px}.gear-fields{display:grid;grid-template-columns:1fr;gap:0}.gear-fields .field{margin-bottom:9px}.range-card{margin:14px 0 12px;padding:14px 16px;border:1px solid #78e3a627;background:#78e3a608;border-radius:8px;display:grid;gap:4px}.range-card strong{font:25px Consolas,monospace;color:var(--output)}.error{color:var(--motor);font-size:11px}.error:empty{display:none}
.waveform,.recovery-panel,.design-panel{margin-top:22px}.chart-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sample-badge{font:10px Consolas,monospace;color:var(--output);background:#78e3a611;border:1px solid #78e3a627;padding:4px 7px;border-radius:4px}.tabs{display:flex;background:#101713;padding:3px;border-radius:7px;gap:3px}.tabs button{font-size:11px;padding:5px 12px;border-color:transparent;background:transparent;color:var(--muted)}.tabs button.active{background:#2d4034;color:var(--output)}.chart-wrap{padding:16px 20px 18px}.chart-meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;min-height:28px}#chart{width:100%;height:260px;display:block;touch-action:none}.chart-tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:10px}.chart-tools label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.chart-tools input{width:90px}.chart-tools>.small{margin-left:auto}#chartPanel.expanded{position:fixed;inset:15px;z-index:60;margin:0;display:flex;flex-direction:column;box-shadow:0 0 0 40px #000b}#chartPanel.expanded .chart-wrap{flex:1;min-height:0;display:flex;flex-direction:column}#chartPanel.expanded canvas{flex:1;min-height:0}
.tag{padding:4px 9px;border:1px solid #78e3a630;background:#78e3a60c;color:var(--output);font-size:11px;border-radius:5px;font-weight:400}.recovery-command{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.recovery-command p{font-size:12px;margin-top:8px;max-width:620px}.command-buttons{display:flex;gap:10px;flex-shrink:0}.phase-strip{margin:0 24px;padding:13px 16px;background:#0f1512;border-radius:8px;border:1px solid var(--line);display:flex;align-items:center;gap:24px;color:var(--muted);font-size:11px;flex-wrap:wrap}.phase-strip strong{font:15px Consolas,monospace;color:var(--phase)}.phase-strip span:last-child{margin-left:auto}.process-head{display:flex;align-items:center;gap:16px;padding:24px 24px 14px}.process-head button{margin-left:auto}.process-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;margin:0 24px 24px}.process-grid li{border:1px solid var(--line);padding:17px;background:#111813;border-radius:9px;transition:background .25s,border-color .25s;min-height:138px}.step-number{display:block;font:12px Consolas,monospace;color:#6c8374;margin-bottom:10px}.process-grid h4{font-size:13px;margin-bottom:8px}.process-grid p{font-size:11px;line-height:1.8;white-space:pre-line}.process-grid li.active{border-color:var(--output);background:#78e3a611;box-shadow:0 0 18px #78e3a610}.process-grid li.done .step-number{color:var(--output)}.process-grid li.active .step-number{color:var(--output)}.recovery-empty{display:flex;align-items:center;gap:20px;margin:0 24px 24px;padding:25px;border:1px dashed #3b4d40;border-radius:10px;background:#78e3a604}.recovery-empty>span{font-size:28px;color:var(--output)}.recovery-empty p{font-size:11px;margin-top:6px}.recovery-empty button{margin-left:auto;white-space:nowrap}.candidate-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border-top:1px solid var(--line)}.candidate-toolbar h3{margin-bottom:8px}.candidate-toolbar h3 span{margin-left:8px}.search-controls{display:flex;gap:20px}.search-controls label{font-size:11px;color:var(--muted);width:180px}.search-controls .parameter-slider{margin-top:6px}.resolve-stage{margin:0 24px 18px;padding:24px;border:1px solid #395a43;border-radius:10px;background:radial-gradient(ellipse at right,#78e3a616,transparent 75%),#101912;display:flex;align-items:center;justify-content:space-between;gap:20px}.resolve-metric{font:39px Consolas,monospace;color:var(--output);letter-spacing:-1px}.resolve-metric span{font-size:17px;color:var(--muted);margin:0 12px}.resolve-caption{color:var(--muted);font-size:11px;margin-top:7px}.resolve-value{font:24px Consolas,monospace;color:var(--output);text-align:right}.resolve-stage.solved{border-color:var(--output);animation:resolve-flash .8s ease-out;box-shadow:0 0 24px #78e3a616}@keyframes resolve-flash{from{background-color:#78e3a644;transform:scale(.995)}to{background-color:#101912;transform:scale(1)}}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th,td{text-align:left;padding:12px 18px;border-bottom:1px solid #29392f}th{font-size:10px;font-weight:400;color:var(--muted);background:#101713}td{font-variant-numeric:tabular-nums;font-family:Consolas,'Microsoft YaHei',monospace}tr:hover td{background:#ffffff03}.candidate-hit td{background:#78e3a618!important;color:#b8ffd3!important;font-weight:600;border-bottom-color:#78e3a649}.candidate-hit td:first-child{box-shadow:inset 3px 0 var(--output)}.candidate-rejected td{opacity:.35}.hit-label{display:inline-block;background:var(--output);color:#102719;font:10px 'Microsoft YaHei',sans-serif;padding:3px 6px;border-radius:4px;margin-right:8px}.table-footer{padding:16px 24px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.table-footer .small{margin-left:auto;max-width:580px}#candidateFocus{color:var(--output);border-color:#78e3a65e}.explanation{border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.explanation summary{padding:14px 24px;cursor:pointer}.explanation>div{padding:0 24px 20px;display:grid;gap:10px}.explanation p{line-height:1.9}.explanation code{color:#c5d5c8;background:#0d140f;padding:2px 5px;border-radius:3px}.design-controls{padding:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.design-controls label{font-size:12px;color:var(--muted)}.design-controls .parameter-slider{margin-top:10px}.check-field{display:flex;align-items:center;gap:6px}.design-results>p{padding:0 24px 20px}.panel-note{padding:12px 24px;font-size:10px;color:#7d9485;border-top:1px solid var(--line)}.pagefoot{display:flex;justify-content:space-between;padding:24px 0;color:#5f7868;font-size:10px;letter-spacing:1px}
.welcome{border:1px solid #45614e;background:radial-gradient(ellipse at top right,#78e3a618,transparent 70%),#141d17;border-radius:18px;width:min(560px,calc(100vw - 32px));padding:40px;color:var(--text);box-shadow:0 30px 160px #0009}.welcome::backdrop{background:#050b08c9;backdrop-filter:blur(7px)}.welcome h2{font-size:32px;line-height:1.4;margin:18px 0}.welcome p{font-size:13px;line-height:1.9}.welcome-flow{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:28px 0;color:var(--output);font-size:12px}.welcome-flow b{color:#45634c}.welcome-actions{display:flex;gap:12px;margin:26px 0 16px}.welcome small{font-size:10px}.guide-coach{position:fixed;right:24px;bottom:24px;width:330px;padding:20px;background:#18281e;border:1px solid #78e3a688;border-radius:14px;z-index:80;box-shadow:0 20px 80px #0009}.coach-top{display:flex;justify-content:space-between;align-items:center;color:var(--output);font:11px Consolas,monospace;margin-bottom:9px}.guide-coach h3{font-size:17px;margin-bottom:9px}.guide-coach p{font-size:12px;line-height:1.8;margin-bottom:16px}.guide-coach>button{width:100%}.guide-spotlight{outline:2px solid var(--output)!important;outline-offset:5px;box-shadow:0 0 25px #78e3a62a;scroll-margin-bottom:240px}.busy #machine{pointer-events:none;opacity:.8}.busy #mechanics{pointer-events:none;opacity:.65}
@media(min-width:1500px){.machine-panel .schematic{min-height:400px;display:flex;align-items:center}.gear-fields{grid-template-columns:1fr 1fr 1fr;gap:12px}.gear-fields .field{display:block}.gear-fields .parameter-slider{margin-top:8px}}
@media(max-width:1150px){.experiment-grid{grid-template-columns:1fr}.inspector{display:grid;grid-template-columns:.8fr 1fr;align-items:start}.stats{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.candidate-toolbar{align-items:flex-start;flex-direction:column}.design-controls{grid-template-columns:1fr 1fr}.command-buttons{flex-wrap:wrap}.recovery-command{align-items:flex-start}}
@media(max-width:750px){.rail{display:none}main{padding:24px 14px}.topbar{padding:0 16px;height:58px}.brand{font-size:16px}.brand small,.live-pill{display:none}.header-actions{gap:8px}h1{font-size:25px}.page-title{align-items:flex-start;flex-direction:column}.page-title .color-key{gap:18px}.inspector{display:flex}.stats{grid-template-columns:1fr 1fr}.panelhead{padding:15px}.config-body{padding:16px}.recovery-command{padding:18px;flex-direction:column}.phase-strip{margin:0 18px;gap:15px}.phase-strip span:last-child{margin-left:0}.process-head{padding:20px 18px 12px;flex-wrap:wrap}.process-grid{margin:0 18px 18px;gap:9px}.process-grid li{padding:13px;min-height:150px}.candidate-toolbar{padding:18px}.search-controls{width:100%;gap:14px}.search-controls label{width:50%}.resolve-stage{margin:0 18px 18px;padding:18px;flex-direction:column;align-items:flex-start}.resolve-value{font-size:21px;text-align:left}.resolve-metric{font-size:30px}.chart-wrap{padding:12px}.chart-meta{gap:10px}.chart-tools>.small{margin-left:0}.chart-actions{gap:8px}.sample-badge{font-size:9px}#chart{height:230px}.recovery-empty{margin:0 18px 18px;padding:18px;flex-wrap:wrap}.recovery-empty button{margin-left:0}.design-controls{padding:18px;gap:18px}.table-footer{padding:14px}.table-footer .small{margin-left:0}.pagefoot{font-size:9px;gap:12px}.guide-coach{right:12px;bottom:12px;width:min(330px,calc(100vw - 24px))}.welcome{padding:28px}.welcome h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}