:root{--brand-1: #0d2b5e;--brand-2: #1a4a8a;--brand-3: #3b6fb8;--brand-soft: #e8f0fe;--accent: #2f7cf6;--bg: #f4f6fb;--bg-elevated: #ffffff;--bg-subtle: #f0f3f9;--bg-hover: #eef3fb;--border: #e3e8f2;--text: #1f2937;--text-2: #55607a;--text-3: #8a94ab;--primary: #1a4a8a;--primary-fg: #ffffff;--success: #15a05f;--warning: #d98a0f;--danger: #d94b4b;--vip: #b8842c;--shadow: 0 1px 2px rgba(13, 43, 94, .04), 0 8px 24px rgba(13, 43, 94, .07);--shadow-hover: 0 4px 12px rgba(13, 43, 94, .08), 0 16px 40px rgba(13, 43, 94, .13);--radius: 14px;--radius-sm: 9px;--nav-h: 64px;--brand-grad: linear-gradient(135deg, #3b86f8, #1f63d8)}html.dark{--brand-soft: #16243f;--bg: #0b1220;--bg-elevated: #131c2e;--bg-subtle: #0f1828;--bg-hover: #1b2740;--border: #243049;--text: #e6ebf5;--text-2: #a9b4ca;--text-3: #6f7d99;--primary: #4c8bf5;--primary-fg: #ffffff;--shadow: 0 6px 24px rgba(0, 0, 0, .35);--shadow-hover: 0 12px 32px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:PingFang SC,Microsoft YaHei,Segoe UI,Helvetica,Arial,sans-serif;background:var(--bg);background-image:linear-gradient(180deg,#2f7cf60d,#2f7cf600 340px);background-repeat:no-repeat;color:var(--text);font-size:14px;line-height:1.6;transition:background .25s ease,color .25s ease}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit}.container{width:1200px;max-width:calc(100% - 40px);margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 20px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;font-size:14px;transition:all .18s ease;white-space:nowrap}.btn:hover{border-color:var(--brand-3);color:var(--brand-2)}.btn-primary{background:var(--brand-grad);border-color:transparent;color:#fff;box-shadow:0 6px 16px #2f7cf652}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 8px 20px #2f7cf666;color:#fff}.btn-accent{background:linear-gradient(135deg,#3f86ff,#2f6fe0);border-color:transparent;color:#fff}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--bg-hover)}.btn-danger{color:var(--danger);border-color:var(--border);background:var(--bg-elevated)}.btn[disabled]{opacity:.55;cursor:not-allowed}.btn-sm{height:30px;padding:0 12px;font-size:13px}.btn-block{width:100%}.input,.select,.textarea{width:100%;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);font-size:14px;outline:none;transition:border-color .18s ease}.textarea{height:auto;padding:10px 12px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-3);box-shadow:0 0 0 3px #2f7cf621}.field{margin-bottom:16px}.field label{display:block;margin-bottom:6px;color:var(--text-2);font-size:13px}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:box-shadow .2s ease}.tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:6px;font-size:12px;background:var(--brand-soft);color:var(--brand-2)}html.dark .tag{color:#9cc0ff}.tag-vip{background:#b8842c1f;color:var(--vip)}.tag-point{background:#2f7cf61f;color:var(--accent)}.tag-gray{background:var(--bg-subtle);color:var(--text-2)}.text-muted{color:var(--text-3)}.text-2{color:var(--text-2)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0810208c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:460px;max-width:calc(100% - 32px);max-height:86vh;overflow-y:auto;background:var(--bg-elevated);border-radius:16px;padding:24px 26px;box-shadow:0 24px 70px #08102047}.modal-title{font-size:17px;font-weight:600;margin:0 0 16px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.toast-wrap{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{padding:10px 20px;border-radius:10px;background:#142036eb;color:#fff;font-size:13px;box-shadow:0 8px 24px #00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:toast-in .22s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toast.success{background:#15a05ff2}.toast.error{background:#d94b4bf2}.toast.warning{background:#d98a0ff2}.pager{display:flex;gap:6px;justify-content:center;margin:28px 0 8px}.pager button{min-width:34px;height:34px;padding:0 10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:8px;cursor:pointer}.pager button.active{background:var(--brand-2);color:#fff;border-color:var(--brand-2)}.pager button[disabled]{opacity:.45;cursor:not-allowed}.pager button:not([disabled]):hover{border-color:var(--brand-3);color:var(--brand-2)}.empty{padding:64px 0;text-align:center;color:var(--text-3)}.empty-icon{width:74px;height:74px;line-height:74px;margin:0 auto 14px;border-radius:50%;background:var(--bg-subtle);font-size:30px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}::-webkit-scrollbar-track{background:transparent}@media (max-width: 900px){.container{max-width:calc(100% - 24px)}}.mc{font-size:14.5px}.mc .page-title{font-size:19px!important;font-weight:700;letter-spacing:.2px}.mc .empty{font-size:14.5px!important}.v-loading-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff9e;display:none;align-items:center;justify-content:center;z-index:100;border-radius:inherit}:root.dark .v-loading-mask,html.dark .v-loading-mask{background:#1218269e}.v-loading-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--brand-2);border-radius:50%;animation:v-loading-rotate .7s linear infinite}@keyframes v-loading-rotate{to{transform:rotate(360deg)}}