*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-app);min-height:100%}body{background:var(--bg-app);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;transition:background .3s,color .3s}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--color-primary);text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-muted) 32%, transparent);background-clip:content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--text-muted) 52%, transparent);background-clip:content-box;border:2px solid #0000}.kf-float-ball{z-index:999;background:var(--gradient-primary);width:148px;height:48px;box-shadow:var(--shadow-primary);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;transition:box-shadow .2s,transform .2s;display:flex;position:fixed}.kf-float-ball:active{cursor:grabbing;box-shadow:var(--shadow-primary);transform:scale(1.05)}.kf-icon{pointer-events:none;font-size:20px;line-height:1}.kf-label{color:var(--text-inverse);pointer-events:none;white-space:nowrap;font-size:14px;font-weight:600}.toast-container[data-v-aa46ef28]{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast[data-v-aa46ef28]{border-radius:var(--border-radius);color:#fff;font-size:var(--font-size-sm);box-shadow:var(--shadow-lg);text-align:center;pointer-events:auto;min-width:200px;max-width:90vw;padding:12px 24px}.toast-success[data-v-aa46ef28]{background:var(--color-success)}.toast-error[data-v-aa46ef28]{background:var(--color-danger)}.toast-info[data-v-aa46ef28]{background:var(--color-info)}.toast-warning[data-v-aa46ef28]{background:var(--color-warning)}.toast-loading[data-v-aa46ef28]{background:var(--color-primary)}.toast-enter-active[data-v-aa46ef28],.toast-leave-active[data-v-aa46ef28]{transition:all .3s}.toast-enter-from[data-v-aa46ef28],.toast-leave-to[data-v-aa46ef28]{opacity:0;transform:translateY(-20px)}@media (width<=480px){.toast-container[data-v-aa46ef28]{top:12px}.toast[data-v-aa46ef28]{min-width:unset;max-width:calc(100vw - 32px);margin:0 16px;padding:10px 16px;font-size:13px}}.notif-icon[data-v-71f7f5bb]{font-size:20px}.app-layout[data-v-71f7f5bb]{flex-direction:column;min-height:100vh;display:flex}.app-header[data-v-71f7f5bb]{height:var(--header-height);padding:0 var(--spacing-lg);background:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.logo[data-v-71f7f5bb]{font-weight:700;font-size:var(--font-size-lg);color:var(--color-primary);white-space:nowrap}.header-nav[data-v-71f7f5bb]{gap:4px;display:flex}.nav-link[data-v-71f7f5bb]{border-radius:var(--border-radius);color:var(--text-secondary);font-size:var(--font-size-sm);white-space:nowrap;align-items:center;min-height:44px;padding:12px 16px;transition:all .2s;display:flex}.nav-link[data-v-71f7f5bb]:hover,.nav-link.router-link-active[data-v-71f7f5bb]{background:var(--bg-hover);color:var(--color-primary)}.header-right[data-v-71f7f5bb]{align-items:center;gap:2px;display:flex}.icon-btn[data-v-71f7f5bb]{cursor:pointer;border-radius:var(--border-radius);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:background .2s;display:flex}.icon-btn[data-v-71f7f5bb]:hover{background:var(--bg-hover)}.icon-label-btn[data-v-71f7f5bb]{border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;background:0 0;flex-shrink:0;align-items:center;gap:4px;min-height:44px;padding:6px 12px;transition:all .2s;display:flex}.icon-label-btn[data-v-71f7f5bb]:hover{background:var(--bg-hover);border-color:var(--color-primary)}.icon-label-btn .il-icon[data-v-71f7f5bb]{font-size:16px;line-height:1}.icon-label-btn .il-text[data-v-71f7f5bb]{color:var(--text-secondary);white-space:nowrap;font-size:12px}.app-main[data-v-71f7f5bb]{max-width:var(--max-width);width:100%;padding:var(--spacing-lg);flex:1;margin:0 auto;padding-bottom:0}.bottom-tabs[data-v-71f7f5bb]{background:var(--bg-card);border-top:1px solid var(--border-color);z-index:100;height:60px;padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.tab-item[data-v-71f7f5bb]{min-width:48px;min-height:48px;color:var(--text-tertiary);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 0;text-decoration:none;transition:color .15s;display:flex}.tab-item.active[data-v-71f7f5bb]{color:var(--color-primary)}.tab-icon[data-v-71f7f5bb]{font-size:20px;line-height:1}.tab-label[data-v-71f7f5bb]{font-size:10px;line-height:1.2}.mobile-overlay[data-v-71f7f5bb]{z-index:200;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-sheet[data-v-71f7f5bb]{background:var(--bg-card);width:100%;max-width:500px;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0));border-radius:16px 16px 0 0}.sheet-handle[data-v-71f7f5bb]{background:var(--text-tertiary);opacity:.3;border-radius:2px;width:36px;height:4px;margin:0 auto 12px}.sheet-title[data-v-71f7f5bb]{color:var(--text-secondary);text-align:center;margin-bottom:16px;font-size:14px;font-weight:600}.sheet-grid[data-v-71f7f5bb]{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sheet-item[data-v-71f7f5bb]{border-radius:var(--border-radius);color:var(--text-primary);flex-direction:column;align-items:center;gap:4px;min-height:44px;padding:12px 4px;text-decoration:none;transition:background .15s;display:flex}.sheet-item[data-v-71f7f5bb]:active{background:var(--bg-hover)}.sheet-item-icon[data-v-71f7f5bb]{font-size:22px}.sheet-item-label[data-v-71f7f5bb]{color:var(--text-secondary);font-size:11px}.sheet-close[data-v-71f7f5bb]{background:var(--bg-secondary);border-radius:var(--border-radius);width:100%;color:var(--text-secondary);cursor:pointer;text-align:center;border:none;min-height:44px;margin-top:8px;padding:12px;font-size:14px;display:block}.sheet-close[data-v-71f7f5bb]:active{background:var(--bg-hover)}.menu-fade-enter-active[data-v-71f7f5bb],.menu-fade-leave-active[data-v-71f7f5bb]{transition:opacity .2s}.menu-fade-enter-from[data-v-71f7f5bb],.menu-fade-leave-to[data-v-71f7f5bb]{opacity:0}.menu-fade-enter-active .mobile-sheet[data-v-71f7f5bb],.menu-fade-leave-active .mobile-sheet[data-v-71f7f5bb]{transition:transform .25s}.menu-fade-enter-from .mobile-sheet[data-v-71f7f5bb],.menu-fade-leave-to .mobile-sheet[data-v-71f7f5bb]{transform:translateY(100%)}@media (width<=800px){.header-nav[data-v-71f7f5bb]{display:none}.bottom-tabs[data-v-71f7f5bb]{display:flex}.app-main[data-v-71f7f5bb]{padding:var(--spacing-md);padding-bottom:calc(60px + env(safe-area-inset-bottom,0))}}@media (width<=480px){.app-header[data-v-71f7f5bb]{padding:0 var(--spacing-sm)}.logo[data-v-71f7f5bb]{font-size:16px}.app-main[data-v-71f7f5bb]{padding:var(--spacing-sm);padding-bottom:calc(60px + env(safe-area-inset-bottom,0))}}.msg-btn[data-v-71f7f5bb]{position:relative}.msg-badge[data-v-71f7f5bb]{background:var(--color-danger);min-width:16px;height:16px;color:var(--text-inverse);text-align:center;pointer-events:none;border-radius:8px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:2px;right:2px}.app-layout[data-v-71f7f5bb]{background:var(--bg-app)}.app-header[data-v-71f7f5bb]{height:var(--header-height);background:var(--header-bg);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-xs)}.logo[data-v-71f7f5bb]{font-size:var(--font-size-lg);letter-spacing:-.01em;align-items:center;gap:8px;display:flex}.nav-link[data-v-71f7f5bb]{border-radius:999px;margin:0 2px;padding:9px 14px}.nav-link.router-link-active[data-v-71f7f5bb],.nav-link.active[data-v-71f7f5bb]{background:var(--gradient-primary);color:var(--text-inverse);box-shadow:var(--shadow-primary)}.icon-btn[data-v-71f7f5bb],.icon-label-btn[data-v-71f7f5bb]{border-radius:999px}.app-main[data-v-71f7f5bb]{max-width:var(--max-width);padding-bottom:var(--spacing-xl)}.bottom-tabs[data-v-71f7f5bb]{background:var(--header-bg);-webkit-backdrop-filter:blur(18px);box-shadow:0 -8px 24px #0f172a14}.tab-item.active .tab-icon[data-v-71f7f5bb]{transform:translateY(-1px)scale(1.08)}.tab-icon[data-v-71f7f5bb]{transition:transform .18s}.mobile-sheet[data-v-71f7f5bb]{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.sheet-item[data-v-71f7f5bb]{border-radius:var(--radius-md)}.sheet-close[data-v-71f7f5bb]{border-radius:999px}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#4f46e5;--color-primary-light:#818cf8;--color-primary-dark:#4338ca;--color-info:#0ea5e9;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info-rgb:14, 165, 233;--color-success-rgb:16, 185, 129;--color-warning-rgb:245, 158, 11;--color-danger-rgb:239, 68, 68;--color-primary-light-rgb:129, 140, 248;--color-wechat:#07c160;--color-wechat-dark:#06ad56;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-hero:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-success:linear-gradient(135deg, #10b981 0%, #22c55e 100%);--gradient-warning:linear-gradient(135deg, #f59e0b 0%, #f97316 100%);--gradient-danger:linear-gradient(135deg, #ef4444 0%, #f43f5e 100%);--gradient-wechat:linear-gradient(135deg, var(--color-wechat), var(--color-wechat-dark));--gradient-login:linear-gradient(135deg, #1e293b, #0f172a);--bg-app:#f4f5fb;--bg-surface:#fff;--bg-subtle:#f1f3f9;--bg-card:#fff;--bg-hover:#eef0f8;--header-bg:#ffffffd6;--bg-card-rgb:255, 255, 255;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border:#e5e7eb;--border-strong:#d1d5db;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-xs:0 1px 2px #0f172a0f;--shadow-sm:0 2px 8px #0f172a14;--shadow-md:0 10px 24px #0f172a1a;--shadow-lg:0 20px 44px #0f172a29;--shadow-primary:0 10px 24px #4f46e542;--font-size-base:16px;--font-size-sm:14px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--header-height:64px;--max-width:960px;--sidebar-width:256px;--sidebar-bg:#101426;--color-primary-rgb:79, 70, 229;--bg-primary:var(--bg-app);--bg-secondary:var(--bg-subtle);--bg-tertiary:var(--bg-subtle);--text-tertiary:var(--text-muted);--text-inverse:#fff;--border-color:var(--border)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#818cf8;--color-primary-light:#a5b4fc;--color-primary-dark:#6366f1;--color-info:#38bdf8;--color-success:#34d399;--color-warning:#fbbf24;--color-danger:#f87171;--color-info-rgb:56, 189, 248;--color-success-rgb:52, 211, 153;--color-warning-rgb:251, 191, 36;--color-danger-rgb:248, 113, 113;--color-primary-light-rgb:165, 180, 252;--color-wechat:#07c160;--color-wechat-dark:#06ad56;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--gradient-hero:linear-gradient(135deg, #6366f1 0%, #9333ea 100%);--gradient-success:linear-gradient(135deg, #10b981 0%, #34d399 100%);--gradient-warning:linear-gradient(135deg, #f59e0b 0%, #fb923c 100%);--gradient-danger:linear-gradient(135deg, #ef4444 0%, #fb7185 100%);--gradient-wechat:linear-gradient(135deg, var(--color-wechat), var(--color-wechat-dark));--gradient-login:linear-gradient(135deg, #1e293b, #0f172a);--bg-app:#0b1020;--bg-surface:#111827;--bg-subtle:#1b2437;--bg-card:#111827;--bg-hover:#1e293b;--header-bg:#111827d6;--bg-card-rgb:17, 24, 39;--sidebar-bg:#0b1020;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border:#273449;--border-strong:#3b4b64;--shadow-xs:0 1px 2px #00000059;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 10px 24px #0000006b;--shadow-lg:0 20px 44px #00000085;--shadow-primary:0 10px 24px #6366f15c}.btn.btn{border-radius:var(--radius-md);font-weight:600;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,opacity .18s}.btn-primary.btn-primary{background:var(--gradient-primary);color:var(--text-inverse);box-shadow:var(--shadow-primary);border:none}.btn-primary.btn-primary:hover:not(:disabled){opacity:.96;transform:translateY(-1px)}.btn-secondary.btn-secondary{border:1px solid var(--border-strong);background:var(--bg-subtle);color:var(--text-secondary)}.btn-secondary.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-sm.btn-sm{border-radius:999px;min-height:32px;padding:4px 12px;font-size:13px}.action-btn.action-btn,.note-btn.note-btn,.page-btn.page-btn{border-radius:var(--radius-md)}.section-card.section-card,.card-section.card-section{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s}.section-card.section-card:hover,.card-section.card-section:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.section-header.section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.stat-card.stat-card{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,border-color .18s}.stat-card.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dialog-overlay.dialog-overlay{-webkit-backdrop-filter:blur(6px);background:#0206178c}.dialog-box.dialog-box{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.form-group input,.form-group select,.form-group textarea,input.form-input,select.form-input,textarea.form-input,input.input-full,textarea.input-full{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--text-primary);min-height:44px;transition:border-color .2s,box-shadow .2s,background .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,input.form-input:focus,select.form-input:focus,textarea.form-input:focus,input.input-full:focus,textarea.input-full:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .14);background:var(--bg-card);outline:none}.page-header.page-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.page-title.page-title{font-size:var(--font-size-xl);letter-spacing:-.02em;margin:0}.admin-content table{border-collapse:separate;border-spacing:0;width:100%}.admin-content th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-subtle);padding:11px 12px;font-size:12px;font-weight:600}.admin-content td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:11px 12px;font-size:13px}.admin-content tr:hover td{background:color-mix(in srgb, var(--bg-hover) 60%, transparent)}.admin-content .fi{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);min-height:40px;padding:9px 12px;font-size:13px;transition:border-color .18s,box-shadow .18s}.admin-content .fi:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .12);outline:none}.admin-content .btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;min-height:38px;padding:8px 14px;font-size:13px;transition:border-color .18s,color .18s,background .18s,transform .12s}.admin-content .btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.admin-content .btn.sm{border-radius:999px;min-height:32px;padding:5px 12px;font-size:12px}.admin-content .btn.active{background:var(--gradient-primary);color:var(--text-inverse);box-shadow:var(--shadow-primary);border-color:#0000}.admin-content .btn.danger{color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 40%, transparent)}.admin-content .btn.danger:hover{background:var(--color-danger);color:var(--text-inverse)}.admin-content .btn:disabled{opacity:.45;cursor:not-allowed}.admin-content .list{flex-direction:column;gap:10px;display:flex}.admin-content .card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-sm);padding:14px 16px;transition:border-color .18s,box-shadow .18s}.admin-content .card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.admin-content .pi{color:var(--text-muted);font-size:13px}.admin-content .tag,.admin-content .badge-sm{border:1px solid #0000;border-radius:999px;align-items:center;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.admin-content .tag.on,.admin-content .badge-sm.on{background:color-mix(in srgb, var(--color-success) 12%, transparent);color:var(--color-success)}.admin-content .tag.off,.admin-content .badge-sm.off{background:color-mix(in srgb, var(--color-danger) 12%, transparent);color:var(--color-danger)}.admin-content .vip-tag{background:linear-gradient(135deg, rgba(var(--color-warning-rgb), .18), rgba(var(--color-warning-rgb), .12));color:var(--color-warning);border-radius:999px;align-items:center;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.admin-content .olay{-webkit-backdrop-filter:blur(6px);z-index:300;background:#0206178c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-content .dbox{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:88vh;padding:24px;overflow-y:auto}.admin-content .dbox.wide2{max-width:680px}.admin-content .filter-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.admin-content .search-group{flex:1;gap:6px;min-width:220px;display:flex}.admin-content .search-input{flex:1}.admin-content .chip-group{flex-wrap:wrap;gap:6px;display:flex}.admin-content .chip{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:999px;min-height:30px;padding:5px 12px;font-size:12px;transition:all .15s}.admin-content .chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.admin-content .chip.active{background:var(--gradient-primary);color:var(--text-inverse);border-color:#0000}.admin-content .course-chip{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:12px;transition:all .15s}.admin-content .course-chip.active{background:var(--gradient-primary);color:var(--text-inverse);box-shadow:var(--shadow-primary);border-color:#0000}.admin-content .empty{text-align:center;color:var(--text-muted);padding:36px 16px;font-size:14px}.admin-content .empty.err{color:var(--color-danger)}