:root { --primary:#3157d5; --primary-dark:#1839a2; --ink:#182133; --muted:#6b7485; --line:#e5e9f2; --bg:#f4f6fb; --success:#179c68; --danger:#d84b4b; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--bg); font-family:"Microsoft YaHei",Inter,system-ui,sans-serif; }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
.btn { border:0; border-radius:10px; padding:11px 18px; background:var(--primary); color:white; font-weight:700; transition:.2s; }
.btn:hover { background:var(--primary-dark); transform:translateY(-1px); }
.btn.ghost { background:#eef2ff; color:var(--primary); }
.btn.danger { background:#fff0f0; color:var(--danger); }
.field { display:grid; gap:8px; margin-bottom:18px; }
.field label { font-weight:700; font-size:14px; }
input,select,textarea { width:100%; border:1px solid var(--line); border-radius:10px; padding:12px 14px; background:#fff; color:var(--ink); outline:none; }
input:focus,select:focus,textarea:focus { border-color:var(--primary); box-shadow:0 0 0 3px #3157d51a; }
.card { background:#fff; border:1px solid #edf0f6; border-radius:18px; box-shadow:0 12px 34px #24345c12; }
.muted { color:var(--muted); }
.toast { position:fixed; left:50%; bottom:28px; transform:translateX(-50%); background:#172033; color:#fff; padding:12px 18px; border-radius:10px; z-index:10; box-shadow:0 8px 24px #0003; }
.hidden { display:none !important; }
.tag { display:inline-block; padding:4px 9px; border-radius:999px; background:#eef2ff; color:var(--primary); font-size:12px; font-weight:700; }