:root{--accent-h:20;--accent-c:.18;--accent-l:.55;--accent:oklch(var(--accent-l) var(--accent-c) var(--accent-h));--accent-hover:oklch(calc(var(--accent-l) - .05) var(--accent-c) var(--accent-h));--accent-soft:oklch(.96 .04 var(--accent-h));--accent-border:oklch(.9 .08 var(--accent-h));--accent-ink:oklch(.35 .14 var(--accent-h));--bg:#f7f8fa;--bg-elev:#fff;--bg-sunken:#f1f3f6;--line:#e6e8ec;--line-strong:#d4d7de;--ink:#0f1115;--ink-1:#1f242d;--ink-2:#3b424d;--ink-3:#6b7280;--ink-4:#9aa0aa;--ink-5:#c4c8cf;--p0:#d62e4c;--p0-bg:#feecef;--p0-ring:#f4b3c0;--p1:#e89023;--p1-bg:#fef3e2;--p1-ring:#f6cf92;--p2:#d9a20b;--p2-bg:#fef8e0;--p2-ring:#efd981;--ok:#0e9f6e;--ok-bg:#e6f6ef;--info:#2f6fe0;--info-bg:#e8f0fd;--neutral-bg:#eef0f4;--neg:#c0324c;--neu:#8a8f98;--pos:#0e9f6e;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--shadow-xs:0 1px 0 rgba(16,20,28,.04);--shadow-sm:0 1px 2px rgba(16,20,28,.06),0 1px 1px rgba(16,20,28,.04);--shadow-md:0 4px 12px rgba(16,20,28,.08),0 1px 2px rgba(16,20,28,.04);--shadow-lg:0 12px 32px rgba(16,20,28,.12),0 2px 6px rgba(16,20,28,.06);--font-sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;--font-num:"Inter","Noto Sans TC",system-ui,sans-serif;--font-mono:"JetBrains Mono","SF Mono",Menlo,monospace;--sidebar-w:232px;--sidebar-w-collapsed:64px;--header-h:56px}[data-theme=dark]{--bg:#0c0f14;--bg-elev:#141820;--bg-sunken:#0a0d12;--line:#1f242d;--line-strong:#2a313c;--ink:#f4f6f8;--ink-1:#e6e8ec;--ink-2:#c4c8cf;--ink-3:#9aa0aa;--ink-4:#6b7280;--ink-5:#3b424d;--accent-soft:oklch(.3 .08 var(--accent-h)/.25);--accent-border:oklch(.45 .14 var(--accent-h));--p0-bg:#3a1520;--p0-ring:#6e2437;--p1-bg:#2e1f0e;--p1-ring:#5e3e18;--p2-bg:#2b2410;--p2-ring:#5a4a1c;--ok-bg:#0e2a22;--info-bg:#102140;--neutral-bg:#1a1f28;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 12px rgba(0,0,0,.5);--shadow-lg:0 12px 32px rgba(0,0,0,.6)}[data-accent=crimson]{--accent-h:20;--accent-c:.18;--accent-l:.55}[data-accent=cyan]{--accent-h:220;--accent-c:.15;--accent-l:.55}[data-accent=violet]{--accent-h:290;--accent-c:.17;--accent-l:.55}[data-accent=amber]{--accent-h:60;--accent-c:.15;--accent-l:.6}[data-accent=emerald]{--accent-h:160;--accent-c:.14;--accent-l:.5}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 0,"cv11" 1}button{cursor:pointer;font-family:inherit}.mono,.num,.zh-num{font-family:var(--font-num);font-variant-numeric:tabular-nums}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border:2px solid var(--bg);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}@keyframes p0-pulse{0%,to{box-shadow:0 0 #d62e4c00,var(--shadow-sm)}50%{box-shadow:0 0 0 3px #d62e4c2e,var(--shadow-sm)}}.p0-pulse{animation:p0-pulse 2.2s ease-in-out infinite}@keyframes live-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.live-dot{animation:live-dot 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{animation:skeleton-shimmer 1.2s ease-in-out infinite;background-color:var(--bg-sunken);background-image:linear-gradient(90deg,var(--bg-sunken) 0,color-mix(in oklch,var(--bg-sunken),var(--bg-elev) 60%) 50%,var(--bg-sunken) 100%);background-repeat:no-repeat;background-size:200px 100%;border:1px solid var(--line);border-radius:6px}.hstack{align-items:center;display:flex}.vstack{display:flex;flex-direction:column}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.badge{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.02em;line-height:1.4;padding:2px 7px;white-space:nowrap}.badge-p0{background:var(--p0-bg);box-shadow:inset 0 0 0 1px var(--p0-ring);color:var(--p0)}.badge-p1{background:var(--p1-bg);box-shadow:inset 0 0 0 1px var(--p1-ring);color:#8b5512}.badge-p2{background:var(--p2-bg);box-shadow:inset 0 0 0 1px var(--p2-ring);color:#7a6008}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-neutral{background:var(--neutral-bg);color:var(--ink-2)}.badge-muted{background:var(--bg-sunken);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-3)}.chip{background:var(--bg-sunken);border:1px solid var(--line);border-radius:999px;color:var(--ink-2);font-size:11px;padding:3px 8px}.btn,.chip{align-items:center;display:inline-flex;font-weight:500;gap:6px}.btn{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:6px;color:var(--ink-1);font-size:12.5px;padding:6px 12px;transition:all .12s;white-space:nowrap}.btn:hover{background:var(--bg-sunken);border-color:var(--ink-4)}.btn-primary{background:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-xs);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn-ghost:hover{background:var(--bg-sunken);color:var(--ink-1)}.btn-danger{background:var(--p0);border-color:var(--p0);color:#fff}.btn-sm{font-size:12px;padding:4px 9px}.btn-lg{font-size:13.5px;padding:9px 16px}.btn-icon{height:28px;justify-content:center;padding:6px;width:28px}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-xs)}.card-header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:14px 16px 10px}.card-title{color:var(--ink-1);font-size:13px;font-weight:600;letter-spacing:-.01em}.card-subtitle{color:var(--ink-3);font-size:11.5px;margin-top:2px}.input{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:6px;color:var(--ink-1);font-family:inherit;font-size:12.5px;height:30px;outline:none;padding:0 10px;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::-moz-placeholder{color:var(--ink-4)}.input::placeholder{color:var(--ink-4)}.tbl{border-collapse:collapse;font-size:12.5px;width:100%}.tbl thead th{background:var(--bg-sunken);color:var(--ink-3);font-size:11.5px;font-weight:500;letter-spacing:.03em;padding:8px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.tbl tbody td,.tbl thead th{border-bottom:1px solid var(--line)}.tbl tbody td{color:var(--ink-1);padding:10px 12px;vertical-align:middle}.tbl tbody tr:hover td{background:var(--bg-sunken)}.tbl tbody tr:last-child td{border-bottom:0}.seg{background:var(--bg-sunken);border:1px solid var(--line);border-radius:7px;display:inline-flex;padding:2px}.seg button{background:transparent;border:0;border-radius:5px;color:var(--ink-2);font-size:12px;font-weight:500;padding:4px 10px}.seg button.active{background:var(--bg-elev);box-shadow:var(--shadow-xs);color:var(--ink)}.dot{border-radius:50%;display:inline-block;height:6px;width:6px}.dot-ok{background:var(--ok)}.dot-p0{background:var(--p0)}.dot-p1{background:var(--p1)}.dot-p2{background:var(--p2)}.dot-mute{background:var(--ink-4)}:focus-visible{border-radius:4px;outline:2px solid var(--accent);outline-offset:2px}