.admin-shell[data-v-6f154dd8]{--admin-sidebar-bg:#0b1120;--admin-header-bg:var(--surface,#161822);--admin-border:var(--line,#ffffff14);--admin-text:var(--text,#d0d3e0);--admin-text-muted:var(--text-muted,#8b8fa8);--admin-heading:var(--heading,#e8eaf5);--admin-accent:var(--accent,#5b7fff);--admin-hover-bg:#ffffff0a;height:100vh;color:var(--admin-text);background:var(--bg,#0f1117);flex-direction:column;display:flex;overflow:hidden}.admin-header[data-v-6f154dd8]{background:var(--admin-header-bg);border-bottom:1px solid var(--admin-border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.header-left[data-v-6f154dd8]{align-items:center;gap:10px;display:flex}.collapse-btn[data-v-6f154dd8]{color:var(--admin-text-muted);font-size:18px}.collapse-btn[data-v-6f154dd8]:hover{color:var(--admin-text);background:var(--admin-hover-bg)}.brand-icon[data-v-6f154dd8]{background:linear-gradient(135deg, var(--admin-accent) 0%, #8ba8ff 100%);color:#fff;width:32px;height:32px;font-family:var(--font-display,"Microsoft YaHei", sans-serif);border-radius:10px;place-items:center;font-size:16px;font-weight:700;display:grid}.header-title[data-v-6f154dd8]{color:var(--admin-heading);white-space:nowrap;margin:0;font-size:17px;font-weight:700}.header-right[data-v-6f154dd8]{align-items:center;display:flex}.user-area[data-v-6f154dd8]{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;transition:background .2s;display:flex}.user-area[data-v-6f154dd8]:hover{background:var(--admin-hover-bg)}.user-name[data-v-6f154dd8]{color:var(--admin-text);font-size:14px;font-weight:500}.arrow-icon[data-v-6f154dd8]{color:var(--admin-text-muted);font-size:12px}.admin-body[data-v-6f154dd8]{flex:1;display:flex;overflow:hidden}.sidebar[data-v-6f154dd8]{background:var(--admin-sidebar-bg);flex-shrink:0;width:200px;transition:width .3s;overflow-y:auto}.sidebar.collapsed[data-v-6f154dd8]{width:64px}.sidebar .el-menu[data-v-6f154dd8]{border-right:none}.content-area[data-v-6f154dd8]{flex-direction:column;flex:1;display:flex;overflow:hidden}.tabs-bar[data-v-6f154dd8]{background:var(--admin-hover-bg);border-bottom:1px solid var(--admin-border);flex-shrink:0;padding:0 8px}.tabs-bar[data-v-6f154dd8] .el-tabs__header{margin:0}.tabs-bar[data-v-6f154dd8] .el-tabs__nav{border:none}.page-content[data-v-6f154dd8]{background:var(--bg,#0f1117);flex:1;padding:20px;overflow-y:auto}.user-info-content[data-v-6f154dd8]{flex-direction:row;align-items:flex-start;gap:24px;display:flex}.user-info-left[data-v-6f154dd8]{flex:1;min-width:0}.user-avatar-section[data-v-6f154dd8]{background:var(--surface-dark,#0a0c13);border:1px solid var(--admin-border);border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;gap:12px;padding:20px 24px;display:flex}.user-info-avatar[data-v-6f154dd8]{flex-shrink:0}.avatar-hint[data-v-6f154dd8]{color:var(--admin-text-muted);font-size:12px}.user-shell{--bg-primary:#14161f;--bg-secondary:#1d1e2c;--bg-card:#242536;--bg-hover:#2a2c3e;--text-primary:#e0e2f0;--text-secondary:#a0a4b8;--text-muted:#6b6f85;--border-color:#2e3045;--brand-color:#5b7fff;height:100vh;overflow:hidden}.user-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.collapse-trigger{color:var(--text-secondary);cursor:pointer;transition:color .2s}.collapse-trigger:hover{color:var(--text-primary)}.header-brand{color:var(--text-primary);letter-spacing:.5px;font-size:15px;font-weight:600}.header-right{align-items:center;gap:10px;display:flex}.header-avatar-wrapper{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:2px 4px;transition:background .2s;display:inline-flex}.header-avatar-wrapper:hover{background:var(--bg-hover)}.header-avatar-img{object-fit:cover;border-radius:50%;width:30px;height:30px}.header-avatar{background:var(--brand-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:inline-flex}.header-name{color:var(--text-secondary);font-size:13px}.user-body{flex:1;overflow:hidden}.user-aside{background:var(--bg-secondary);border-right:1px solid var(--border-color);transition:width .28s;overflow:hidden}.user-menu{padding-top:6px;border-right:none!important}.menu-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:14px 20px 6px;font-size:11px}.el-menu-item{border-radius:6px;height:42px;margin:1px 8px;font-size:13px;line-height:42px;transition:background .15s}.el-menu-item:hover{background:var(--bg-hover)!important}.el-menu-item.is-active{background:var(--brand-color)!important}.el-menu--collapse .el-menu-item{justify-content:center;align-items:center;margin:1px auto;display:flex;padding:0!important}.user-main{background:var(--bg-primary);padding:16px;overflow-y:auto}.user-main .section-card,.user-main .el-card{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.user-main .section-title,.user-main .section-header span{color:var(--text-primary)!important}.user-main .el-table{--el-table-bg-color:var(--bg-card);--el-table-tr-bg-color:var(--bg-card);--el-table-header-bg-color:var(--bg-secondary);--el-table-row-hover-bg-color:var(--bg-hover);--el-table-text-color:var(--text-primary);--el-table-header-text-color:var(--text-secondary);--el-table-border-color:var(--border-color)}.user-main .el-pagination{--el-pagination-bg-color:transparent;--el-pagination-text-color:var(--text-secondary)}.user-main .el-descriptions{--el-descriptions-item-bordered-label-background:var(--bg-secondary)}.user-main .el-dialog{--el-dialog-bg-color:var(--bg-card)}.user-main .el-input__wrapper,.user-main .el-input-number__decrease,.user-main .el-input-number__increase{background:var(--bg-primary)!important;box-shadow:0 0 0 1px var(--border-color) inset!important}.user-main .el-input__inner{color:var(--text-primary)!important}.user-main .el-select .el-input__wrapper{background:var(--bg-primary)!important}:root{--bg:#0f1117;--surface:#161822e6;--surface-strong:#1a1d2a;--surface-dark:#0a0c13;--line:#ffffff14;--line-strong:#ffffff24;--text:#d0d3e0;--text-muted:#8b8fa8;--heading:#e8eaf5;--accent:#5b7fff;--accent-deep:#3d5fd9;--accent-soft:#5b7fff24;--success:#3fbf7f;--danger:#e0556a;--shadow:0 24px 80px #00000059;--shadow-soft:0 12px 36px #00000040;--radius-xl:28px;--radius-lg:20px;--radius-md:16px;--container:1240px;--font-display:"Microsoft YaHei", "微软雅黑", "Segoe UI", sans-serif;--font-body:"Microsoft YaHei", "微软雅黑", "Segoe UI", sans-serif;color:var(--text);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#5b7fff1f,#0000 35%),radial-gradient(circle at right 20%,#3fbf7f14,#0000 28%),linear-gradient(#0f1117 0%,#11141c 100%)}*{box-sizing:border-box}html,body,#app{background:var(--bg);min-height:100%}body{background:var(--bg);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}#app,.app-shell{min-height:100vh}.container{width:min(var(--container), calc(100vw - 48px));margin:0 auto}.page-shell{padding:32px 0 56px}.hero-card,.soft-card,.table-card,.metric-card,.sidebar-card,.auth-card{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-soft)}.hero-card{border-radius:var(--radius-xl);padding:40px}.soft-card,.metric-card,.sidebar-card,.auth-card,.table-card{border-radius:var(--radius-lg)}.table-card,.soft-card,.metric-card,.sidebar-card,.auth-card{padding:24px}.section-block{margin-top:28px}.eyebrow{background:var(--accent-soft);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:300;display:inline-flex}.display-title,.section-title,.panel-title{color:var(--heading);font-family:var(--font-display);margin:0;font-weight:300}.display-title{font-size:clamp(32px,5vw,48px);line-height:1.05}.section-title{font-size:clamp(24px,3vw,32px);line-height:1.1}.panel-title{font-size:24px}.lead,.section-copy,.muted{color:var(--text-muted)}.lead{max-width:700px;font-size:18px;line-height:1.8}.section-copy{margin-top:12px;line-height:1.75}.hero-grid,.three-grid,.four-grid,.dual-grid,.stats-grid,.record-grid,.plan-grid,.contact-grid,.profile-grid{gap:20px;display:grid}.hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.9fr);align-items:stretch}.three-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.four-grid,.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dual-grid,.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record-grid,.plan-grid,.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-header{margin-bottom:2px}.section-header.space-between,.toolbar-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.toolbar-row{flex-wrap:wrap;margin-bottom:18px}.tag-list,.bullet-list,.number-list{margin:0;padding:0;list-style:none}.tag-list{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.tag-list li{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:8px 12px;font-size:13px}.bullet-list{gap:12px;display:grid}.bullet-list li,.number-list li{color:var(--text-muted);line-height:1.7}.number-list{counter-reset:item;gap:14px;display:grid}.number-list li{padding-left:44px;position:relative}.number-list li:before{counter-increment:item;content:counter(item);background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:50%;place-items:center;font-weight:300;display:grid;position:absolute;inset:0 auto auto 0}.hero-actions,.inline-actions{flex-wrap:wrap;gap:12px;display:flex}.metric-value{color:var(--heading);font-family:var(--font-display);margin:0;font-size:34px}.metric-label{color:var(--text-muted);margin-top:10px}.code-block{background:var(--surface-dark);color:#b8c5d6;border:1px solid var(--line);border-radius:18px;margin:0;padding:18px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:14px;line-height:1.7;overflow:auto}.empty-state{border:1px dashed var(--line-strong);text-align:center;color:var(--text-muted);border-radius:18px;padding:36px}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f1117e0;position:sticky;top:0}.site-header-inner,.dashboard-header-inner{width:min(var(--container), calc(100vw - 48px));justify-content:space-between;align-items:center;gap:20px;min-height:76px;margin:0 auto;display:flex}.brand-mark{color:var(--heading);letter-spacing:.03em;font-size:18px;font-weight:800;font-family:var(--font-display);align-items:center;gap:12px;display:inline-flex}.brand-icon{background:linear-gradient(135deg, var(--accent) 0%, #8ba8ff 100%);color:#fff;width:42px;height:42px;font-family:var(--font-display);border-radius:14px;place-items:center;font-size:20px;display:grid}.site-nav,.dashboard-actions,.sidebar-nav{flex-wrap:wrap;gap:8px;display:flex}.site-nav a,.sidebar-nav a{color:var(--text-muted);border-radius:999px;padding:10px 14px;transition:all .2s}.site-nav a.router-link-active,.sidebar-nav a.router-link-active,.site-nav a:hover,.sidebar-nav a:hover{background:var(--accent-soft);color:var(--accent)}.page-layout,.dashboard-layout{width:min(var(--container), calc(100vw - 48px));gap:24px;margin:0 auto;padding:28px 0 56px;display:grid}.dashboard-layout{grid-template-columns:280px minmax(0,1fr)}.sidebar-card{height:fit-content;position:sticky;top:96px}.sidebar-profile{align-items:center;gap:14px;margin-bottom:18px;display:flex}.avatar-preview{object-fit:cover;background:var(--accent-soft);border-radius:50%;width:72px;height:72px}.dashboard-content,.page-content{min-width:0}.site-footer{border-top:1px solid var(--line);background:var(--surface-dark);color:var(--text-muted);margin-top:44px}.site-footer-inner{width:min(var(--container), calc(100vw - 48px));margin:0 auto;padding:40px 0}.site-footer a{color:var(--text)}.site-footer .panel-title{color:var(--heading)}.footer-grid{grid-template-columns:1.2fr .8fr .8fr 1fr;gap:20px;display:grid}.footer-grid ul{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.footer-note{border-top:1px solid var(--line);color:var(--text-muted);margin-top:28px;padding-top:20px}.auth-page{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-wrap{grid-template-columns:1.1fr minmax(360px,420px);gap:24px;width:min(1080px,100%);display:grid}.auth-showcase{border-radius:var(--radius-xl);color:var(--text);box-shadow:var(--shadow);border:1px solid var(--line);background:linear-gradient(145deg,#0f1123f2,#141e3ce6);padding:36px}.auth-showcase p,.auth-showcase li{color:var(--text-muted)}.auth-meta{gap:18px;margin-top:28px;display:grid}.auth-card{align-self:center}.search-inline{flex-wrap:wrap;gap:12px;display:flex}.table-footer{justify-content:flex-end;margin-top:18px;display:flex}.service-ribbon{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-weight:300;display:inline-flex}.hero-visual{gap:18px;display:grid}.hero-board{border:1px solid var(--line);color:var(--text);background:linear-gradient(#0f1123f5,#141e37eb);border-radius:22px;gap:14px;min-height:100%;padding:20px;display:grid}.hero-board strong,.hero-board h3{color:var(--heading)}.hero-board p{color:var(--text-muted)}.usage-progress{margin-top:16px}.upload-panel{flex-wrap:wrap;align-items:center;gap:18px;display:flex}:root{--el-color-primary:var(--accent);--el-color-primary-light-3:#7390ff;--el-color-primary-dark-2:var(--accent-deep)}.el-table{--el-table-current-row-bg-color:#5b7fff2e}.el-menu{border-right:none}@media (width<=1100px){.hero-grid,.auth-wrap,.dashboard-layout,.footer-grid,.three-grid,.four-grid,.stats-grid,.record-grid,.plan-grid,.contact-grid,.dual-grid,.profile-grid{grid-template-columns:1fr}.sidebar-card{position:static}.site-header-inner,.dashboard-header-inner,.section-header.space-between,.toolbar-row{flex-direction:column;align-items:flex-start}}@media (width<=720px){.container,.page-layout,.dashboard-layout,.site-header-inner,.dashboard-header-inner,.site-footer-inner{width:min(var(--container), calc(100vw - 28px))}.hero-card,.soft-card,.metric-card,.sidebar-card,.auth-card,.table-card,.auth-showcase{padding:20px}.display-title{font-size:34px}.site-nav,.dashboard-actions{width:100%}}