:root{--bg: #f5f6f8;--card: #ffffff;--brand: #0f9d6e;--brand-dark: #0b7a56;--text: #1f2328;--text-2: #5b6470;--text-3: #9aa3ad;--border: #e6e8eb;--danger: #d64545;--ok: #0f9d6e}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}.topbar{background:var(--card);border-bottom:1px solid var(--border);height:52px;display:flex;align-items:center;padding:0 20px;position:sticky;top:0;z-index:10}.topbar .logo{font-size:16px;font-weight:600;color:var(--brand-dark)}.topbar .spacer{flex:1}.topbar a.link{color:var(--text-2);margin-left:16px;font-size:13px}.topbar a.link:hover{color:var(--brand)}.container{max-width:960px;margin:24px auto;padding:0 16px}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:16px}.title{font-size:16px;font-weight:600;margin-bottom:16px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--text-2);margin-bottom:6px}.input,.select{width:100%;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:#fff;color:var(--text);outline:none}.input:focus,.select:focus{border-color:var(--brand)}.input-row{display:flex;gap:8px}.input-row .input{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 18px;border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:6px;font-size:14px;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--brand-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.block{width:100%}.btn.ghost{background:#fff;color:var(--brand)}.btn.ghost:hover{background:#f0f9f5}.btn.danger{background:#fff;color:var(--danger);border-color:var(--danger)}.btn.sm{height:30px;padding:0 12px;font-size:13px}.alert{padding:12px 14px;border-radius:6px;font-size:13px;margin-bottom:12px}.alert.info{background:#eef6ff;color:#2b6cb0}.alert.ok{background:#eefbf3;color:var(--brand-dark)}.alert.warn{background:#fff7ec;color:#b26a00}.alert.err{background:#fdeeee;color:var(--danger)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left}.table th{color:var(--text-2);font-weight:500;background:#fafbfc}.table tr:hover td{background:#fafbfc}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px}.badge.green{background:#eefbf3;color:var(--brand-dark)}.badge.gray{background:#f0f1f3;color:var(--text-2)}.badge.red{background:#fdeeee;color:var(--danger)}.mono{font-family:ui-monospace,SF Mono,Consolas,monospace}.muted{color:var(--text-3)}.mt{margin-top:12px}.mb{margin-bottom:12px}.flex{display:flex;align-items:center;gap:10px}.grow{flex:1}.pager{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:14px;font-size:13px;color:var(--text-2)}.pkg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.pkg{border:1px solid var(--border);border-radius:8px;padding:16px;cursor:pointer;background:#fff}.pkg:hover{border-color:var(--brand)}.pkg.on{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.pkg .p-name{font-size:14px;font-weight:600}.pkg .p-price{font-size:24px;font-weight:700;color:var(--brand-dark);margin:8px 0}.pkg .p-price span{font-size:13px;font-weight:400;color:var(--text-2)}.pkg .p-desc{font-size:12px;color:var(--text-3)}.avatar{width:40px;height:40px;border-radius:50%;background:#eef0f2;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:10px;padding:20px;width:520px;max-width:92vw;max-height:82vh;overflow:auto}.modal .m-title{font-size:15px;font-weight:600;margin-bottom:14px}.qr-box{text-align:center}.qr-box canvas{border:1px solid var(--border);border-radius:8px}.spin{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:xtspin .7s linear infinite;margin-right:6px;vertical-align:-2px}.spin.dark{border-color:#0000001f;border-top-color:var(--brand)}@keyframes xtspin{to{transform:rotate(360deg)}}.loading-wrap{display:flex;align-items:center;justify-content:center;padding:48px 0;color:var(--text-3);font-size:13px;gap:10px}.skeleton{height:14px;border-radius:4px;background:linear-gradient(90deg,#eef0f2 25%,#f7f8f9,#eef0f2 75%);background-size:200% 100%;animation:xtskel 1.3s ease-in-out infinite}@keyframes xtskel{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-enter-active,.fade-leave-active{transition:opacity .18s ease}.fade-enter-from,.fade-leave-to{opacity:0}.card,.pkg{transition:box-shadow .2s ease,border-color .2s ease,transform .15s ease}.pkg:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0f9d6e14}.btn{transition:background .15s ease,opacity .15s ease,border-color .15s ease}.btn:active{transform:scale(.98)}@keyframes xtrow{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.table tbody tr{animation:xtrow .25s ease}.admin-layout[data-v-1729c755]{display:flex;min-height:100vh}.sidebar[data-v-1729c755]{width:200px;background:#1f2a33;color:#cfd6dc;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0}.brand[data-v-1729c755]{height:60px;display:flex;align-items:center;padding:0 18px;color:#fff;font-size:16px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.08)}.brand-img[data-v-1729c755]{width:26px;height:26px;border-radius:6px;margin-right:10px}.menu[data-v-1729c755]{flex:1;padding:12px 0;overflow-y:auto}.menu-item[data-v-1729c755]{display:block;width:100%;text-align:left;padding:12px 20px;background:transparent;border:none;color:#cfd6dc;font-size:14px;cursor:pointer}.menu-item[data-v-1729c755]:hover{background:#ffffff0f;color:#fff}.menu-item.on[data-v-1729c755]{background:var(--brand);color:#fff}.sidebar-foot[data-v-1729c755]{border-top:1px solid rgba(255,255,255,.08);padding:14px 16px}.user-box[data-v-1729c755]{margin-bottom:10px}.u-name[data-v-1729c755]{color:#fff;font-size:14px}.u-role[data-v-1729c755]{color:#8b98a3;font-size:12px}.logout-btn[data-v-1729c755]{width:100%;height:32px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#cfd6dc;border-radius:5px;cursor:pointer;font-size:13px}.logout-btn[data-v-1729c755]:hover{background:#ffffff14}.main[data-v-1729c755]{flex:1;margin-left:200px;min-height:100vh;display:flex;flex-direction:column}.main-top[data-v-1729c755]{height:60px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:5}.page-title[data-v-1729c755]{font-size:16px;font-weight:600;flex:1}.main-body[data-v-1729c755]{padding:24px}.stat-grid[data-v-1729c755]{display:flex;flex-wrap:wrap}.stat[data-v-1729c755]{min-width:140px;padding:18px;border:1px solid var(--border);border-radius:8px;margin-right:14px;margin-bottom:14px}.stat .n[data-v-1729c755]{font-size:24px;font-weight:700;color:var(--brand-dark)}.stat .l[data-v-1729c755]{font-size:12px;color:var(--text-2);margin-top:4px}