:root{--bg:#0a0a12;--surface:#14141f;--surface-2:#0f0f18;--surface-3:#1b1b29;--text:#c7cdd6;--text-bright:#eef1f6;--muted:#8089a0;--muted-2:#565e73;--line:rgba(139,92,246,.2);--line-soft:hsla(0,0%,100%,.07);--indigo:#6366f1;--violet:#8b5cf6;--grad:linear-gradient(135deg,#6366f1,#8b5cf6);--grad-soft:linear-gradient(135deg,rgba(99,102,241,.16),rgba(139,92,246,.16));--accent-soft:rgba(139,92,246,.14);--ok:#34d399;--warn:#fbbf24;--err:#f87171;--info:#60a5fa;--r:12px;--r-lg:16px;--sp:16px;--shadow:0 12px 36px rgba(0,0,0,.45);--glow:0 0 0 1px rgba(139,92,246,.25),0 10px 30px rgba(99,102,241,.18);--font:"PingFang TC","Microsoft JhengHei","Noto Sans TC",-apple-system,system-ui,sans-serif;--mono:"SF Mono",ui-monospace,"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,h4{line-height:1.25;font-weight:800;letter-spacing:.2px;color:var(--text-bright)}.mono{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.accent{color:var(--violet)}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.wrap{max-width:1280px;margin:0 auto;padding:0 24px}.card{background:linear-gradient(160deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow)}.card-accent{border-color:rgba(139,92,246,.4);box-shadow:var(--glow)}.row{display:flex;gap:16px;flex-wrap:wrap}.grid{display:grid;grid-gap:16px;gap:16px}.page-head{margin-bottom:22px}.page-head h1{font-size:1.5rem}.page-head p{color:var(--muted);font-size:.9rem;margin-top:4px}.btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1px solid transparent;border-radius:11px;padding:11px 20px;font-weight:800;font-size:.92rem;font-family:inherit;transition:.18s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 6px 18px rgba(99,102,241,.35)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn-ghost:hover:not(:disabled){border-color:var(--violet);color:var(--violet)}.btn-danger{background:hsla(0,91%,71%,.14);color:#fda4a0;border-color:hsla(0,91%,71%,.4)}.field{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line-soft);background:var(--surface-2);color:var(--text-bright);font-size:1rem;font-family:inherit}.field:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px rgba(139,92,246,.18)}select.field{cursor:pointer}label.lbl{display:block;font-size:.8rem;color:var(--muted);margin:10px 0 4px;font-weight:700}.badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:20px;background:var(--accent-soft);color:var(--violet)}.badge.ok{background:rgba(52,211,153,.16);color:#6ee7b7}.badge.warn{background:rgba(251,191,36,.16);color:#fcd34d}.badge.err{background:hsla(0,91%,71%,.16);color:#fca5a5}.badge.info{background:rgba(96,165,250,.16);color:#93c5fd}.dt{width:100%;border-collapse:collapse;font-size:.9rem}.dt th{text-align:left;color:var(--muted);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:10px 12px;border-bottom:1px solid var(--line)}.dt td{padding:12px;border-bottom:1px solid var(--line-soft);color:var(--text)}.dt tr:hover td{background:rgba(139,92,246,.05)}.stat{flex:1 1;min-width:180px}.stat .v{font-size:1.8rem;font-weight:900;color:var(--text-bright)}.stat .k{font-size:.78rem;color:var(--muted);font-weight:700}.shell{display:flex;min-height:100vh}.side{width:250px;flex:0 0 250px;background:var(--surface-2);border-right:1px solid var(--line);padding:18px 12px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:auto}.side .brand{font-weight:900;font-size:1.02rem;padding:8px 10px 16px;line-height:1.35}.side .brand b{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-i{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--muted);font-weight:700;font-size:.9rem;cursor:pointer;transition:.14s}.nav-i:hover{background:hsla(0,0%,100%,.04);color:var(--text-bright)}.nav-i.active{background:var(--grad-soft);color:var(--violet);border:1px solid var(--line)}.nav-group{padding:16px 12px 6px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--muted-2)}.nav-group:first-child{padding-top:6px}.main{flex:1 1;min-width:0;padding:24px 28px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}@media (max-width:880px){.side{display:none}}@media print{.no-print,.side,.topbar button{display:none!important}.main{padding:0}body{background:#fff;color:#000}}