:root{--purple: #5c3a93;--purple-dark: #3f2768;--orange: #ea5504;--bg: #f6f4fb;--surface: #ffffff;--text: #211833;--muted: #6a6280;--border: #e5def2;--ok: #2e9e6b;--warn: #d98a00;--danger: #d7263d;--prod: #d7263d;--code-bg: #1e1530;--font-head: "Space Grotesk", "Noto Sans TC", sans-serif;--font-body: "Noto Sans TC", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}a{color:var(--purple)}h1,h2,h3{font-family:var(--font-head)}code,pre,.mono{font-family:var(--font-mono)}.prod-banner{background:repeating-linear-gradient(45deg,var(--prod),var(--prod) 18px,#b01f33 18px,#b01f33 36px);color:#fff;text-align:center;font-weight:900;letter-spacing:.05em;padding:.55rem 1rem;font-size:1.05rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #d7263d66}.prod-body{box-shadow:inset 0 0 0 4px var(--prod)}.topbar{display:flex;align-items:center;gap:1rem;padding:.9rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.topbar.is-prod{top:39px}.logo{font-family:var(--font-head);font-weight:700;font-size:1.25rem;color:var(--purple)}.logo b{color:var(--orange)}.env-chip{font-family:var(--font-mono);font-size:.78rem;padding:.2em .7em;border-radius:999px;font-weight:700}.env-chip.sandbox{background:#e1f5ec;color:var(--ok)}.env-chip.production{background:#fbe3e7;color:var(--prod)}.spacer{flex:1}.muted{color:var(--muted)}.mono{font-family:var(--font-mono)}.tabs{display:flex;gap:.3rem;padding:0 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;z-index:40}.tab{padding:.7rem 1.1rem;border:0;background:none;font-size:.98rem;cursor:pointer;color:var(--muted);border-bottom:3px solid transparent;font-family:var(--font-body)}.tab.active{color:var(--purple);border-bottom-color:var(--orange);font-weight:700}.container{max-width:1180px;margin:0 auto;padding:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.2rem 1.4rem;box-shadow:0 2px 10px #5c3a930f;margin-bottom:1.2rem}.card h3{margin:0 0 .8rem;font-size:1.05rem}.grid{display:grid;gap:1rem}.grid.cols-2{grid-template-columns:1fr 1fr}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}@media(max-width:800px){.grid.cols-2{grid-template-columns:1fr}}.metric{background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--orange);border-radius:10px;padding:1rem 1.2rem}.metric .v{font-family:var(--font-head);font-size:2rem;font-weight:700;color:var(--purple)}.metric .l{color:var(--muted);font-size:.9rem}label{display:block;font-size:.85rem;color:var(--muted);margin:.6rem 0 .2rem}input,select,textarea{width:100%;padding:.5rem .7rem;border:1px solid var(--border);border-radius:8px;font-family:var(--font-body);font-size:.95rem;background:#fff;color:var(--text)}input:focus,select:focus{outline:2px solid var(--purple);border-color:var(--purple)}.row{display:flex;gap:.8rem;flex-wrap:wrap}.row>*{flex:1;min-width:140px}.btn{background:var(--purple);color:#fff;border:0;border-radius:8px;padding:.55rem 1.2rem;font-size:.95rem;cursor:pointer;font-weight:600;font-family:var(--font-body)}.btn:hover{background:var(--purple-dark)}.btn.accent{background:var(--orange)}.btn.ghost{background:transparent;color:var(--purple);border:1px solid var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.9rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{font-size:.8rem;padding:.3em .7em;border:1px solid var(--border);border-radius:999px;background:#fff;cursor:pointer}.chip.on{background:var(--purple);color:#fff;border-color:var(--purple)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;background:var(--purple);color:#fff;padding:.5rem .7rem;font-family:var(--font-mono);font-size:.8rem;font-weight:500;position:sticky;top:0}td{padding:.5rem .7rem;border-bottom:1px solid var(--border);vertical-align:top}tr:nth-child(2n) td{background:#faf8fe}tr.clickable:hover td{background:#f0eafa;cursor:pointer}.num{text-align:right;font-family:var(--font-mono)}.badge{display:inline-block;font-size:.75rem;font-weight:700;padding:.15em .6em;border-radius:6px;font-family:var(--font-mono)}.badge.ok{background:#e1f5ec;color:var(--ok)}.badge.fail{background:#fbe3e7;color:var(--danger)}.badge.warn{background:#fcefd6;color:var(--warn)}.badge.in{background:#ede9fa;color:var(--purple)}.badge.out{background:#fff0e6;color:var(--orange)}pre.code{background:var(--code-bg);color:#e6e1f2;padding:1rem;border-radius:10px;overflow-x:auto;font-size:.82rem;line-height:1.6}.result-ok{border-left:4px solid var(--ok)}.result-fail{border-left:4px solid var(--danger)}.toolbar{display:flex;gap:.6rem;flex-wrap:wrap;align-items:end;margin-bottom:1rem}.toolbar>div{flex:0 0 auto}.pager{display:flex;gap:.6rem;align-items:center;margin-top:.8rem}.notice{padding:.8rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem}.notice.prod{background:#fbe3e7;color:var(--prod);border:1px solid #f3b6c0;font-weight:600}.notice.warn{background:#fcefd6;color:#8a5a00}.confirm-prod{display:flex;align-items:center;gap:.5rem;background:#fbe3e7;padding:.6rem .9rem;border-radius:8px;margin:.8rem 0}.confirm-prod input{width:auto}.kv{display:grid;grid-template-columns:max-content 1fr;gap:.3rem 1rem;font-size:.9rem}.kv .k{color:var(--muted);font-family:var(--font-mono)}