:root{--bg: #f7f8fa;--panel: #ffffff;--ink: #1c2333;--muted: #6b7688;--line: #e5e8ee;--brand: #1a5fb4;--brand-soft: #eaf2fc;--ok: #1f9d55;--warn: #d9822b;--danger: #c0392b;--rail: #0f1826;--rail-ink: #c8d2e0}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;font-size:14px}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;font-size:13px;transition:all .15s}.btn:hover{border-color:var(--brand);color:var(--brand)}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.primary:hover{filter:brightness(1.08);color:#fff}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}.tag{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:600}.tag.ok{background:#e7f6ee;color:var(--ok)}.tag.warn{background:#fdf1e3;color:var(--warn)}.tag.danger{background:#fbeae8;color:var(--danger)}.tag.soft{background:var(--brand-soft);color:var(--brand)}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.mode-seg{display:inline-flex;background:#eef1f5;border-radius:8px;padding:2px}.mode-seg button{border:none;background:transparent;padding:5px 12px;border-radius:6px;font-size:12px;cursor:pointer;color:var(--muted)}.mode-seg button.active{background:#fff;color:var(--brand);font-weight:600;box-shadow:0 1px 3px #00000014}.src-ref{color:var(--brand);font-size:11px;vertical-align:super;cursor:pointer;padding:0 1px}.src-ref:hover{text-decoration:underline}input,textarea,select{font-family:inherit;font-size:13px;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff;outline:none;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--brand)}textarea{resize:vertical;line-height:1.6}label.field{display:block;margin-bottom:12px}label.field>span{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}