:root{--bg: #F2F8FE;--bg-soft: #E6F1FB;--card: #FFFFFF;--primary: #185FA5;--primary-dark: #0C447C;--primary-mid: #B5D4F4;--accent: #378ADD;--text: #1F3A52;--text-muted: #5F7A93;--border: #D5E6F7;--danger: #E24B4A;--danger-soft: #FCEBEB;--success: #1D9E75;--success-soft: #E1F5EE;--warn: #BA7517;--radius: 14px;--radius-sm: 10px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:PingFang SC,Microsoft YaHei,Hiragino Sans GB,Source Han Sans SC,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}#app{min-height:100vh}h1,h2,h3{font-weight:600;color:var(--primary-dark);margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.page{max-width:1080px;margin:0 auto;padding:28px 20px 60px}.page-title{text-align:center;font-size:28px;letter-spacing:2px;margin-bottom:4px}.page-subtitle{text-align:center;color:var(--text-muted);font-size:14px;margin-bottom:26px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px}.card+.card{margin-top:18px}.card-title{font-size:16px;font-weight:600;color:var(--primary-dark);margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.field{margin-bottom:16px}.field-label{display:block;font-size:14px;color:var(--text-muted);margin-bottom:6px}input[type=text],input[type=password],input[type=number],select{width:100%;padding:10px 12px;font-size:15px;font-family:inherit;color:var(--text);background:#fbfdff;border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #378add26}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;font-size:15px;font-family:inherit;color:var(--primary-dark);background:var(--bg-soft);border:1px solid var(--primary-mid);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s,opacity .15s;white-space:nowrap}.btn:hover:not(:disabled){background:#d6e9fb}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{color:#fff;background:var(--primary);border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}.btn-danger{color:var(--danger);background:var(--danger-soft);border-color:#f3c8c8}.btn-danger:hover:not(:disabled){background:#f8d9d9}.btn-lg{padding:14px 34px;font-size:18px;border-radius:var(--radius)}.btn-sm{padding:6px 12px;font-size:13px}.btn-block{width:100%}.btn-row{display:flex;flex-wrap:wrap;gap:10px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 18px;font-size:15px;color:var(--primary-dark);background:#fff;border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:all .15s}.chip:hover{border-color:var(--accent)}.chip.active{color:#fff;background:var(--primary);border-color:var(--primary)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}th{color:var(--text-muted);font-weight:500;background:#f7fbff;white-space:nowrap}tbody tr:hover{background:#fafcff}.tag{display:inline-block;padding:2px 10px;font-size:12px;border-radius:999px;background:var(--bg-soft);color:var(--primary)}.tag-gray{background:#f1efe8;color:#5f5e5a}.tag-green{background:var(--success-soft);color:var(--success)}.tag-red{background:var(--danger-soft);color:var(--danger)}.alert{padding:10px 14px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:14px}.alert-error{background:var(--danger-soft);color:var(--danger);border:1px solid #F3C8C8}.alert-info{background:var(--bg-soft);color:var(--primary-dark);border:1px solid var(--primary-mid)}.alert-success{background:var(--success-soft);color:var(--success);border:1px solid #B6E3D3}.muted{color:var(--text-muted)}.empty{text-align:center;color:var(--text-muted);padding:40px 0;font-size:14px}.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;font-size:14px;color:var(--text-muted)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c447c47;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.modal{background:var(--card);border-radius:var(--radius);padding:24px;width:100%;max-width:620px;max-height:86vh;overflow:auto}