:root,:root[data-skin=industrial][data-mode=light]{--bg: #e8eaed;--bg-grid: rgba(22, 24, 28, .05);--surface: #ffffff;--surface-2: #f3f4f6;--surface-3: #e6e8ec;--line: #d0d4da;--line-2: #e4e7eb;--line-strong: #9aa1ac;--text: #16181c;--text-dim: #565d67;--text-faint: #868d98;--accent: #d6500a;--accent-hover: #b8420a;--accent-ink: #ffffff;--accent-text: #a83c05;--accent-soft: rgba(214, 80, 10, .1);--blue: #1a5fd0;--blue-soft: rgba(26, 95, 208, .1);--ok: #12704a;--ok-soft: rgba(18, 112, 74, .12);--warn: #9a6400;--danger: #ab2318;--danger-soft: rgba(171, 35, 24, .1);--overlay: rgba(22, 24, 28, .45);--shadow-pop: 0 8px 24px rgba(22, 24, 28, .14)}:root[data-skin=industrial][data-mode=dark]{--bg: #101114;--bg-grid: rgba(255, 255, 255, .035);--surface: #191b1f;--surface-2: #202329;--surface-3: #262a31;--line: #2b2f36;--line-2: #23262c;--line-strong: #4a505a;--text: #dfe2e8;--text-dim: #949aa5;--text-faint: #6d7480;--accent: #ff6a00;--accent-hover: #ff7f22;--accent-ink: #14161a;--accent-text: #ff8b3d;--accent-soft: rgba(255, 106, 0, .13);--blue: #4d94ff;--blue-soft: rgba(77, 148, 255, .14);--ok: #35d07f;--ok-soft: rgba(53, 208, 127, .14);--warn: #e3b341;--danger: #ff6b6b;--danger-soft: rgba(255, 107, 107, .13);--overlay: rgba(0, 0, 0, .6);--shadow-pop: 0 8px 24px rgba(0, 0, 0, .5)}:root{--radius: 0px;--radius-2: 2px;--radius-full: 999px;--font-ui: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "Cascadia Mono", Consolas, "SF Mono", "JetBrains Mono", "DejaVu Sans Mono", monospace;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-16: 16px;--fs-20: 20px;--fs-26: 26px;--sp-1: 2px;--sp-2: 4px;--sp-3: 6px;--sp-4: 8px;--sp-6: 12px;--sp-8: 16px;--sp-10: 20px;--sp-12: 24px;--sp-16: 32px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background-color:var(--bg);background-image:repeating-linear-gradient(to right,var(--bg-grid) 0 1px,transparent 1px 24px),repeating-linear-gradient(to bottom,var(--bg-grid) 0 1px,transparent 1px 24px);color:var(--text);font:var(--fs-13) / 1.6 var(--font-ui);-webkit-font-smoothing:antialiased}#app{min-height:100%}a{color:var(--accent-text);text-decoration:none}a:hover{border-bottom:1px solid var(--accent-text)}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.35;color:var(--text)}h1{font-size:var(--fs-20)}h2{font-size:var(--fs-16)}h3{font-size:var(--fs-14)}h4{font-size:var(--fs-12)}p{margin:0 0 var(--sp-4)}code,kbd,samp{font:var(--fs-12) / 1.5 var(--font-mono);background:var(--surface-3);border:1px solid var(--line-2);padding:1px 4px}hr{border:none;border-top:1px solid var(--line);margin:var(--sp-6) 0}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--line-strong);border:2px solid var(--bg)}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--sp-6);height:44px;padding:0 var(--sp-8);background:var(--surface);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:var(--sp-3);font:600 var(--fs-12) / 1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--text)}.brand:hover{border-bottom:none;color:var(--accent-text)}.brand .led{background:var(--accent)}.main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:var(--sp-8) var(--sp-8) 56px}.statusbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;gap:var(--sp-6);height:26px;padding:0 var(--sp-8);background:var(--surface);border-top:1px solid var(--line);font:var(--fs-11) / 1 var(--font-mono);letter-spacing:.04em;color:var(--text-faint);overflow:hidden;white-space:nowrap}.statusbar .sb-item{display:inline-flex;align-items:center;gap:5px}.statusbar .sb-item+.sb-item:before{content:"·";margin-right:var(--sp-6);color:var(--line-strong)}.statusbar .sb-key{color:var(--text-faint)}.statusbar .sb-val{color:var(--text-dim)}.statusbar .sb-val.accent{color:var(--accent-text)}.statusbar .sb-val.ok{color:var(--ok)}.page-head{display:flex;align-items:flex-end;gap:var(--sp-6);padding-bottom:var(--sp-4);border-bottom:1px solid var(--line-strong);margin-bottom:var(--sp-6)}.page-head .kicker{font:600 var(--fs-11) / 1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text);padding-bottom:3px}.page-head .meta{margin-left:auto;font:var(--fs-11) / 1.6 var(--font-mono);color:var(--text-faint)}.page-sub{font-size:var(--fs-12);color:var(--text-dim);margin:0 0 var(--sp-6)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-6)}.panel-head{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-6);background:var(--surface-2);border-bottom:1px solid var(--line);font:600 var(--fs-11) / 1.5 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.panel-head .meta{margin-left:auto;font:var(--fs-11) / 1.5 var(--font-mono);letter-spacing:.02em;text-transform:none;color:var(--text-faint)}.panel-head .spacer{margin-left:auto}.panel-body{padding:var(--sp-6)}.panel-foot{padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--line);background:var(--surface-2);font-size:var(--fs-11);color:var(--text-faint)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.grid>*{background:var(--surface)}.grid.cols-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid.cols-1{grid-template-columns:1fr}.cell{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-6);min-height:84px;text-align:left;color:inherit;font:inherit;border:none;cursor:pointer;position:relative}.cell:hover{background:var(--surface-2)}.cell:hover .cell-name{color:var(--accent-text)}.cell:hover .cell-arrow{opacity:1}.cell:active{background:var(--surface-3)}.cell-cap{font:600 var(--fs-11) / 1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);display:flex;align-items:center;gap:var(--sp-3)}.cell-name{font-size:var(--fs-14);font-weight:600;color:var(--text);display:flex;align-items:center;gap:var(--sp-3)}.cell-desc{font-size:var(--fs-12);color:var(--text-dim);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cell-foot{margin-top:auto;display:flex;align-items:center;gap:var(--sp-3);padding-top:var(--sp-2)}.cell-arrow{margin-left:auto;opacity:0;color:var(--accent);transition:opacity .12s ease}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.stat{background:var(--surface);padding:var(--sp-6)}.stat-label{font:600 var(--fs-11) / 1.4 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);display:flex;align-items:center;gap:var(--sp-3)}.stat-value{margin-top:var(--sp-2);font:400 var(--fs-26) / 1.1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text)}.stat-value.accent{color:var(--accent-text)}.stat-value.blue{color:var(--blue)}.stat-value.ok{color:var(--ok)}.stat-note{font:var(--fs-11) / 1.4 var(--font-mono);color:var(--text-faint);margin-top:var(--sp-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:7px var(--sp-6);font:500 var(--fs-12) / 1.2 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer;white-space:nowrap}.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn[disabled]{opacity:.4;cursor:not-allowed}.btn[disabled]:hover{background:var(--accent);border-color:var(--accent)}.btn.ghost{background:transparent;color:var(--text);border-color:var(--line-strong)}.btn.ghost:hover{background:var(--surface-2);border-color:var(--text-dim)}.btn.danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn.danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn.sm,.btn.small{padding:4px var(--sp-4);font-size:var(--fs-11)}.btn.block{width:100%}input,textarea,select{width:100%;padding:7px var(--sp-4);font:var(--fs-13) / 1.5 var(--font-ui);color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);background:var(--surface)}input::placeholder,textarea::placeholder{color:var(--text-faint)}input[type=checkbox],input[type=radio]{width:auto}textarea{resize:vertical;font-family:var(--font-ui)}label{font-size:var(--fs-12);color:var(--text-dim)}.row{display:flex;align-items:center;gap:var(--sp-4)}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.row>input,.row>textarea,.row>select{flex:1 1 auto;min-width:0}.col{display:flex;flex-direction:column;gap:var(--sp-4)}.col.tight{gap:var(--sp-2)}.spacer{flex:1 1 auto}.grow{flex:1 1 auto;min-width:0}.tag{display:inline-flex;align-items:center;gap:var(--sp-2);padding:2px 6px;font:500 var(--fs-11) / 1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius);white-space:nowrap}.tag.accent{color:var(--accent-text);border-color:var(--accent-text);background:var(--accent-soft)}.tag.blue{color:var(--blue);border-color:var(--blue);background:var(--blue-soft)}.tag.ok{color:var(--ok);border-color:var(--ok);background:var(--ok-soft)}.tag.danger{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.led{display:inline-block;flex:none;width:6px;height:6px;background:var(--line-strong)}.led.accent{background:var(--accent)}.led.blue{background:var(--blue)}.led.ok{background:var(--ok)}.led.warn{background:var(--warn)}.led.danger{background:var(--danger)}@media (prefers-reduced-motion: no-preference){.led.live{animation:led-blink 2.4s steps(1,end) infinite}@keyframes led-blink{0%,60%{opacity:1}61%,to{opacity:.28}}}.seg{display:inline-flex;border:1px solid var(--line-strong)}.seg button{display:inline-flex;align-items:center;gap:var(--sp-2);padding:4px var(--sp-4);background:transparent;border:none;color:var(--text-faint);cursor:pointer;font:500 var(--fs-11) / 1.5 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.seg button+button{border-left:1px solid var(--line-strong)}.seg button:hover{color:var(--text);background:var(--surface-2)}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-12)}.table th{padding:var(--sp-2) var(--sp-4);text-align:left;font:600 var(--fs-11) / 1.5 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);background:var(--surface-2);border-bottom:1px solid var(--line-strong);white-space:nowrap}.table td{padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--line-2);color:var(--text);vertical-align:middle}.table tbody tr:hover td{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:none}.table .num,.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.table .dim{color:var(--text-faint)}.table-wrap{overflow-x:auto}.list-row{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--line-2)}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--surface-2)}.kv{display:flex;gap:var(--sp-6);font-size:var(--fs-12)}.kv .k{color:var(--text-faint);min-width:64px;flex:none}.kv .v{color:var(--text);min-width:0;overflow-wrap:anywhere}.muted{color:var(--text-dim)}.dim,.faint{color:var(--text-faint)}.caps{font:600 var(--fs-11) / 1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.mono{font-family:var(--font-mono)}.fs-11{font-size:var(--fs-11)}.fs-12{font-size:var(--fs-12)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon{display:block;flex:none}.error{color:var(--danger);font-size:var(--fs-12);margin:var(--sp-2) 0 0}.ok{color:var(--ok);font-size:var(--fs-12);margin:var(--sp-2) 0 0}.notice{padding:var(--sp-4) var(--sp-6);background:var(--surface-2);border:1px solid var(--line);border-left:2px solid var(--warn);font-size:var(--fs-12);line-height:1.6;color:var(--text-dim)}.notice.accent{border-left-color:var(--accent)}.notice.danger{border-left-color:var(--danger)}.empty{padding:var(--sp-16) var(--sp-8);border:1px dashed var(--line);text-align:center;font-size:var(--fs-12);color:var(--text-faint)}.prose{font-size:var(--fs-14);line-height:1.78;color:var(--text);overflow-wrap:anywhere}.prose p{margin:0 0 var(--sp-6)}.prose pre{background:var(--surface-2);border:1px solid var(--line);padding:var(--sp-4);overflow-x:auto}.prose img{max-width:100%}.gate-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-8)}.gate-panel{width:100%;max-width:360px}@media (max-width: 640px){:root{--fs-26: 22px}.main{padding:var(--sp-6) var(--sp-6) 56px}.topbar{gap:var(--sp-3);padding:0 var(--sp-6)}.statusbar{font-size:10px}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}