:root{--bg: #0A0F1C;--bg2: #0D1424;--panel: #111A2E;--panel2: #0F1729;--line: rgba(148,163,184,.14);--line2: rgba(148,163,184,.24);--text: #E7ECF5;--muted: #98A6BC;--dim: #6B7A93;--teal: #2DD4BF;--teal-dim: rgba(45,212,191,.12);--mark: #0D9488;--amber: #F5B84A;--amber-mark: #D97706;--red: #F87171;--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,Noto Sans TC,Noto Sans SC,-apple-system,PingFang TC,PingFang SC,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}.app{display:flex;min-height:100vh}.side{width:216px;flex:none;background:var(--bg2);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 12px;position:sticky;top:0;height:100vh}.side .logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:16px;letter-spacing:-.01em;padding:4px 10px 18px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:var(--muted);font-weight:500;font-size:13.5px;border:none;background:none;width:100%;text-align:left;margin-bottom:2px}.nav-item:hover{background:#94a3b812;color:var(--text)}.nav-item.on{background:var(--teal-dim);color:var(--teal);font-weight:600}.nav-item .badge{margin-left:auto;font-size:11px;background:var(--teal);color:#06281f;font-weight:700;border-radius:99px;padding:1px 7px}.side .foot{margin-top:auto;padding:10px}.langs{display:flex;border:1px solid var(--line2);border-radius:99px;overflow:hidden;width:fit-content}.langs button{background:none;border:none;color:var(--muted);font-size:12px;padding:4px 10px}.langs button.on{background:var(--teal);color:#06281f;font-weight:700}.main{flex:1;min-width:0}.top{display:flex;align-items:center;gap:14px;padding:14px 26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0a0f1cd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.top h1{font-size:17px;font-weight:700;letter-spacing:-.01em}.api-pill{margin-left:auto;font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:99px;border:1px solid var(--line2);color:var(--dim);display:flex;align-items:center;gap:6px}.api-pill .dot{width:7px;height:7px;border-radius:99px;background:var(--dim)}.api-pill.live{color:var(--teal);border-color:#2dd4bf66}.api-pill.live .dot{background:var(--teal)}.content{padding:22px 26px 40px;max-width:1280px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.btn{background:var(--teal);color:#062a22;font-weight:700;font-size:13px;padding:9px 16px;border-radius:9px;border:none;transition:.15s}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line2)}.btn.sm{padding:6px 12px;font-size:12.5px}.btn:disabled{opacity:.45;cursor:default}.chip{display:inline-block;font-size:11px;font-weight:600;padding:2px 9px;border-radius:99px;border:1px solid var(--line2);color:var(--muted);white-space:nowrap}.chip.new{color:var(--teal);border-color:#2dd4bf73;background:var(--teal-dim)}.chip.warn{color:var(--amber);border-color:#f5b84a73}.chip.bad{color:var(--red);border-color:#f8717173}.chip.ok{color:var(--teal);border-color:#2dd4bf73}table.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-weight:600;padding:10px 14px;border-bottom:1px solid var(--line2);background:var(--panel2);white-space:nowrap}.tbl td{padding:11px 14px;border-bottom:1px solid var(--line);color:var(--muted);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr.rowlink{cursor:pointer}.tbl tr.rowlink:hover td{background:#94a3b80d}.tbl .strong{color:var(--text);font-weight:600}.field{background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:8px 11px}.field b{display:block;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--dim);font-weight:600;margin-bottom:1px}.field input{width:100%;background:none;border:none;color:var(--text);font-size:13px;outline:none}.kpi{padding:15px 17px}.kpi .kl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-weight:600}.kpi .kv{font-size:23px;font-weight:800;letter-spacing:-.02em;margin-top:3px}.kpi .kd{font-size:11.5px;color:var(--teal);margin-top:1px}.kpi.warn .kd{color:var(--amber)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:#0e2a24;border:1px solid rgba(45,212,191,.45);color:var(--text);padding:11px 20px;border-radius:11px;font-size:13px;z-index:99;animation:pop .25s ease}@keyframes pop{0%{opacity:0;transform:translate(-50%) translateY(14px)}}.spin{width:14px;height:14px;border:2px solid var(--line2);border-top-color:var(--teal);border-radius:99px;animation:rot .7s linear infinite;display:inline-block;vertical-align:-2px}@keyframes rot{to{transform:rotate(360deg)}}.quote-pre{background:#0b1322;border:1px solid rgba(45,212,191,.28);border-radius:11px;padding:15px;white-space:pre-wrap;font-size:12.5px;line-height:1.65;color:var(--muted)}.quote-pre:focus{outline:1px solid var(--teal);color:var(--text)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 1100px){.grid2,.grid3,.grid4{grid-template-columns:1fr}}.rate-hit{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-size:12.5px;margin-bottom:8px}.rate-hit b{color:var(--teal)}.rate-hit small{display:block;color:var(--dim);font-size:11.5px;margin-top:2px}.empty{color:var(--dim);font-size:13px;text-align:center;padding:48px 20px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040810a6;display:flex;align-items:center;justify-content:center;z-index:60;padding:20px}.modal{width:520px;max-width:100%;padding:22px}