:root{--bg: #0f1116;--panel: #181c24;--panel-line: #252b36;--text: #e8ebf1;--text-dim: #8a93a6;--accent: #4cc9f0;--warn: #f7b32b;--ok: #06d6a0;--danger: #ef476f;--font-base: "Noto Sans TC", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-base);-webkit-font-smoothing:antialiased}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.page{max-width:520px;margin:0 auto;padding:32px 20px 48px;display:flex;flex-direction:column;gap:18px;min-height:100vh}header h1{margin:0;font-size:24px;letter-spacing:1px}header .sub{margin:4px 0 0;color:var(--text-dim);font-size:13px}header .sub code{background:var(--panel);padding:1px 6px;border-radius:4px;font-size:12px}.banner{padding:10px 14px;border-radius:8px;font-size:13px}.banner.err{background:#ef47691f;border:1px solid var(--danger);color:#ffd9e3}.card{background:var(--panel);border:1px solid var(--panel-line);border-radius:10px;padding:18px 18px 4px}.field{display:flex;flex-direction:column;margin-bottom:14px}.field label{font-size:12px;color:var(--text-dim);margin-bottom:6px;letter-spacing:.5px}.field input,.field select{background:#0f131c;border:1px solid var(--panel-line);color:var(--text);padding:10px 12px;border-radius:6px;font-size:14px;font-family:inherit}.field input:focus,.field select:focus{outline:1px solid var(--accent)}.field input:disabled,.field select:disabled{opacity:.6}.hint.inline{margin-top:6px;font-size:12px;color:var(--text-dim)}.status{display:flex;align-items:center;gap:10px;font-size:15px}.status .dot{width:12px;height:12px;border-radius:50%;background:var(--text-dim)}.status .dot.ok{background:var(--ok)}.status .dot.warn{background:var(--warn)}.status .err-msg{color:var(--danger);font-size:13px;margin-left:auto;text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vu{background:#ffffff0f;border-radius:6px;height:24px;overflow:hidden}.vu-fill{height:100%;background:linear-gradient(90deg,var(--ok),var(--warn),var(--danger));transition:width 80ms linear}.meta{font-size:13px;color:var(--text-dim);font-variant-numeric:tabular-nums}.meta .rate{color:var(--accent)}.btn{margin-top:8px;padding:18px 24px;border-radius:12px;border:none;font-size:18px;font-weight:600;cursor:pointer;font-family:inherit;letter-spacing:1px;transition:transform 80ms ease,background .12s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:active{transform:translateY(1px)}.btn.start{background:var(--accent);color:#06121a}.btn.stop{background:var(--danger);color:#fff}.hint{text-align:center;font-size:12px;color:var(--text-dim);margin:0}@media (max-width: 380px){.page{padding:16px 14px 32px}header h1{font-size:20px}}