:root{--bg-page: #f5f7fa;--bg-card: #ffffff;--bg-surface: #fafafa;--bg-hover: #f0f0f0;--bg-input: #ffffff;--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--border-color: #d9d9d9;--border-light: #e8e8e8;--color-primary: #1890ff;--color-primary-hover: #40a9ff;--color-primary-active: #096dd9;--color-success: #52c41a;--color-success-bg: #f6ffed;--color-warning: #faad14;--color-warning-bg: #fffbe6;--color-error: #ff4d4f;--color-error-bg: #fff1f0;--color-info: #1890ff;--color-info-bg: #e6f7ff;--color-info-border: #91d5ff;--max-content-width: 1500px;--page-padding: 28px;--card-radius: 12px;--card-padding: 24px;--gap-sm: 8px;--gap-md: 16px;--gap-lg: 24px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .12);--el-color-primary: #1890ff;--el-bg-color: #ffffff;--el-bg-color-page: #f5f7fa;--el-bg-color-overlay: #ffffff;--el-text-color-primary: #333333;--el-text-color-regular: #666666;--el-text-color-secondary: #999999;--el-text-color-placeholder: #999999;--el-border-color: #d9d9d9;--el-border-color-light: #e8e8e8;--el-fill-color-light: #f5f5f5;--el-fill-color-blank: #ffffff;--el-message-bg-color: #ffffff;--el-message-border-color: #e8e8e8;--el-dialog-bg-color: #ffffff;--el-dialog-header-bg-color: #ffffff;--el-dialog-footer-bg-color: #ffffff;--el-input-bg-color: #ffffff;--el-input-border-color: #d9d9d9;--el-input-text-color: #333333;--el-select-bg-color: #ffffff;--el-select-border-color: #d9d9d9;--el-button-text-color: #333333;--el-button-bg-color: #ffffff;--el-button-border-color: #d9d9d9;--el-checkbox-bg-color: #ffffff;--el-checkbox-border-color: #d9d9d9}[data-theme=dark]{--bg-page: #1e1e1e;--bg-card: #252526;--bg-surface: #2d2d2d;--bg-hover: #3c3c3c;--bg-input: #3c3c3c;--text-primary: #d4d4d4;--text-secondary: #888888;--text-muted: #6a6a6a;--border-color: #3e3e42;--border-light: #454545;--color-primary: #569cd6;--color-primary-hover: #6cb4ee;--color-primary-active: #4a8ac4;--color-success: #4ec9b0;--color-success-bg: rgba(78, 201, 176, .15);--color-warning: #dcdcaa;--color-warning-bg: rgba(220, 220, 170, .15);--color-error: #f48771;--color-error-bg: rgba(244, 135, 113, .15);--color-info: #569cd6;--color-info-bg: rgba(86, 156, 214, .15);--color-info-border: rgba(86, 156, 214, .3);--max-content-width: 1500px;--page-padding: 28px;--card-radius: 12px;--card-padding: 24px;--gap-sm: 8px;--gap-md: 16px;--gap-lg: 24px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--el-color-primary: #569cd6;--el-bg-color: #252526;--el-bg-color-page: #1e1e1e;--el-bg-color-overlay: #1e1e1e;--el-text-color-primary: #d4d4d4;--el-text-color-regular: #888888;--el-text-color-secondary: #6a6a6a;--el-text-color-placeholder: #6a6a6a;--el-border-color: #3e3e42;--el-border-color-light: #454545;--el-fill-color-light: #2d2d2d;--el-fill-color-blank: #252526;--el-message-bg-color: #252526;--el-message-border-color: #3e3e42;--el-dialog-bg-color: #252526;--el-dialog-header-bg-color: #252526;--el-dialog-footer-bg-color: #252526;--el-input-bg-color: #3c3c3c;--el-input-border-color: #3e3e42;--el-input-text-color: #d4d4d4;--el-select-bg-color: #3c3c3c;--el-select-border-color: #3e3e42;--el-button-text-color: #d4d4d4;--el-button-bg-color: #3c3c3c;--el-button-border-color: #3e3e42;--el-checkbox-bg-color: #3c3c3c;--el-checkbox-border-color: #3e3e42}*{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-page)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--bg-page)}*::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.btn-theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);background:var(--bg-card);border-radius:50%;cursor:pointer;font-size:18px;color:var(--text-secondary);transition:all .3s;flex-shrink:0}.btn-theme-toggle:hover{background:var(--bg-hover);color:var(--color-primary)}.nav-header[data-v-5f996432]{background:var(--bg-card);border-bottom:1px solid var(--border-light);padding:0 var(--page-padding);position:sticky;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-xs)}.nav-inner[data-v-5f996432]{display:flex;align-items:center;max-width:var(--max-content-width);margin:0 auto;height:56px;gap:var(--gap-lg)}.nav-brand[data-v-5f996432]{display:flex;align-items:center;gap:10px;color:var(--color-primary);flex-shrink:0}.brand-logo[data-v-5f996432]{width:22px;height:22px;object-fit:contain}.brand-text[data-v-5f996432]{font-size:15px;font-weight:600;color:var(--text-primary)}.nav-tabs[data-v-5f996432]{display:flex;gap:2px;flex:1}.nav-tab[data-v-5f996432]{display:flex;align-items:center;gap:7px;padding:8px 16px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .2s;white-space:nowrap}.nav-tab[data-v-5f996432]:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-tab.active[data-v-5f996432]{background:#569cd61f;color:var(--color-primary)}.nav-actions[data-v-5f996432]{display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-user-badge[data-v-5f996432]{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:20px;background:var(--bg-surface);cursor:default}.nav-avatar[data-v-5f996432]{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.nav-username[data-v-5f996432]{font-size:13px;color:var(--text-primary);font-weight:500}.btn-icon[data-v-5f996432]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all .2s}.btn-icon[data-v-5f996432]:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-logout[data-v-5f996432]{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.btn-logout[data-v-5f996432]:hover{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error)}.copyright-bar[data-v-a9b67981]{max-width:var(--max-content-width);margin:auto auto 0;width:100%;text-align:center;padding:16px var(--page-padding);font-size:12px;color:var(--text-muted);border-top:1px solid var(--border-light)}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh}body{font-family:Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--bg-page);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-page)}.app-main{flex:1;display:flex;flex-direction:column}.page-wrapper{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:var(--page-padding)}.card{background:var(--bg-card);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--gap-lg)}.page-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.section-card{background:var(--bg-card);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:var(--gap-lg)}.section-card-header{display:flex;align-items:center;gap:10px;padding:18px 24px;border-bottom:1px solid var(--border-light)}.section-card-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.section-card-body{padding:24px}@media (min-width: 1600px){.page-wrapper{padding:32px}}@media (max-width: 1200px){.page-wrapper{padding:20px}}@media (max-width: 768px){.page-wrapper{padding:16px}}