:root{--brand: #3d56d8;--brand-dark: #2f45be;--brand-tint: #eef1fd;--accent: #0e9384;--accent-tint: #e6f5f3;--ok: #12a150;--ok-tint: #e7f6ee;--warn: #d97706;--warn-tint: #fef3e2;--danger: #dc2626;--danger-tint: #fdf1f1;--ink: #1b2230;--ink-2: #3a4354;--ink-3: #5a6475;--muted: #8a93a6;--line: #e5e8ee;--line-2: #f0f2f5;--surface: #ffffff;--bg: #f5f6f8;--r-lg: 12px;--r-md: 8px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 8px 24px rgba(16, 24, 40, .1);--font: "Sora", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--bg)}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-dark)}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 18px;border:none;border-radius:var(--r-md);background:var(--brand);color:#fff;font-size:14px;font-weight:600;box-shadow:0 2px 6px #3d56d84d;transition:background .15s}.btn:hover{background:var(--brand-dark)}.btn:disabled{background:#c3c9d4;box-shadow:none;cursor:not-allowed}.btn-ghost{background:var(--surface);color:var(--ink-2);border:1px solid #d7dce5;box-shadow:none}.btn-ghost:hover{background:var(--bg)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:600}.badge .dot{width:6px;height:6px;border-radius:50%}.badge-ok{background:var(--ok-tint);color:var(--ok)}.badge-ok .dot{background:var(--ok)}.badge-warn{background:var(--warn-tint);color:var(--warn)}.badge-off{background:var(--line-2);color:var(--muted)}.badge-off .dot{background:var(--muted)}.field-input{height:46px;border:1px solid #d7dce5;border-radius:var(--r-md);padding:0 14px;font-size:14px;color:var(--ink);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.field-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #3d56d81f}.spin{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){html,body{overflow-x:hidden}table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.btn{height:42px;padding:0 16px}.field-input{height:44px}.link{min-height:34px;display:inline-flex;align-items:center}}@media (max-width: 560px){.btn{width:auto}}