:root{--bg: #0f1419;--card: #1a2230;--line: #2b3a52;--text: #dbe4f0;--muted: #8ba0bd;--accent: #4da3ff;--ok: #3ecf8e;--fail: #ff6b6b;--warn: #ffb020}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}#app{min-height:100vh}.topbar{display:flex;align-items:center;gap:24px;padding:12px 20px;background:#131a26;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{font-weight:700;font-size:16px}.phase{font-size:11px;background:#243b5c;color:var(--accent);border-radius:4px;padding:2px 6px;margin-left:6px}.nav-btn{background:none;border:none;color:var(--muted);font-size:14px;padding:8px 12px;cursor:pointer;border-radius:6px}.nav-btn.active,.nav-btn:hover{color:var(--text);background:#22304a}main{padding:20px;max-width:1200px;margin:0 auto}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 20px;margin-bottom:16px}.card h2,.card h3{margin:0 0 12px}.card.error{border-color:var(--fail)}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,monospace}.row{display:flex;gap:10px;align-items:center;margin:10px 0;flex-wrap:wrap}.btn{background:#22304a;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px 14px;cursor:pointer;font-size:13px;text-decoration:none;display:inline-block}.btn:hover{border-color:var(--accent)}.btn.primary{background:#1d4ed8;border-color:#1d4ed8}.btn.small{padding:4px 10px;font-size:12px;margin-right:6px}.btn:disabled{opacity:.6;cursor:default}select{background:#131a26;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:13px;max-width:520px}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th,.tbl td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}.tbl th{color:var(--muted);font-weight:600}.job-row{cursor:pointer}.job-row:hover td{background:#22304a}.badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:10px;background:#2b3a52}.st-ok{background:#123f2c;color:var(--ok)}.st-fail{background:#4a1f1f;color:var(--fail)}.st-running{background:#3a2f10;color:var(--warn)}.st-queued{background:#2b3a52;color:var(--muted)}.st-blocked{background:#3d2440;color:#d98cff}.st-muted{background:#2b3a52;color:var(--muted)}.log{background:#0b0f16;border:1px solid var(--line);border-radius:6px;padding:12px;max-height:420px;overflow:auto;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-all}.verify{padding:10px 12px;border-radius:6px;margin:12px 0}.verify.ok{background:#123f2c}.verify.fail{background:#4a1f1f}.preview-frame{width:100%;height:calc(100vh - 220px);min-height:560px;border:1px solid var(--line);border-radius:10px;background:#fff}