:root,:root[data-theme=dark]{color-scheme:dark;--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2d2d2d;--bg-elevated: #333333;--bg-body: #121212;--bg-card: #1e1e1e;--bg-card-hover: #262626;--bg-sidebar: #1a1a1a;--bg-header: rgba(18, 18, 18, .92);--bg-input: #2d2d2d;--bg-input-focus: #333333;--bg-overlay: rgba(0, 0, 0, .6);--bg-badge: #2d2d2d;--border-color: #333333;--border-light: #444444;--border-hover: #555555;--primary-color: #3c96ca;--primary-hover: #2288b7;--primary-bg: rgba(60, 150, 202, .1);--acid-green: #3c96ca;--acid-purple: #3c96ca;--acid-pink: #3c96ca;--acid-blue: #3c96ca;--accent-purple: var(--primary-color);--accent-blue: var(--primary-color);--accent-cyan: var(--primary-color);--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--text-tertiary: #808080;--text-disabled: #666666;--header-height: 56px;--page-padding: 24px;--card-padding: 16px;--card-radius: 8px;--card-radius-lg: 12px;--btn-radius: 6px;--sidebar-width: 220px;--sidebar-collapsed-width: 56px;--gap-xs: 4px;--gap-sm: 8px;--gap-md: 16px;--gap-lg: 24px;--gap-xl: 32px;--card-shadow: 0 1px 3px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.3);--shadow-card: 0 1px 3px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.3);--shadow-card-hover: 0 4px 16px rgba(0,0,0,.4);--dropdown-shadow: 0 4px 12px rgba(0,0,0,.4);--blur-amount: 0px;--glass-bg: var(--bg-secondary);--glass-border: var(--border-color);--glass-highlight: rgba(255,255,255,.05);--glass-shadow: rgba(0,0,0,.3);--glow-intensity: 0;--surface-gradient: var(--bg-secondary);--inner-glow: none;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--duration-fast: .15s;--duration: .2s;--duration-leave: .1s;--title-font-size: 28px;--title-gradient: none;--title-text-fill: var(--text-primary);--title-filter: none;--search-hover-bg: var(--bg-elevated);--search-hover-border: var(--primary-color);--search-hover-color: var(--primary-color);--category-active-bg: var(--primary-color);--category-active-border: var(--primary-color);--category-active-color: #fff;--card-hover-transform: none;--card-hover-shadow: none;--success-color: #67c23a;--success-bg: rgba(103,194,58,.12);--warning-color: #e6a23c;--warning-bg: rgba(230,162,60,.12);--danger-color: #f56c6c;--danger-bg: rgba(245,108,108,.12);--info-color: #909399;--info-bg: rgba(144,147,153,.12);--scrollbar-thumb: rgba(255,255,255,.15);--scrollbar-thumb-hover: rgba(255,255,255,.3);--el-color-primary: var(--primary-color);--el-bg-color: #1e1e1e;--el-bg-color-page: #121212;--el-bg-color-overlay: #2d2d2d;--el-text-color-primary: #e0e0e0;--el-text-color-regular: #a0a0a0;--el-text-color-secondary: #808080;--el-text-color-placeholder: #666666;--el-border-color: #444444;--el-border-color-light: #333333;--el-border-color-lighter: #2d2d2d;--el-fill-color: #2d2d2d;--el-fill-color-light: #262626;--el-fill-color-blank: #1e1e1e;--el-skeleton-color: #2d2d2d;--el-skeleton-to-color: #333333;--el-switch-on-color: var(--primary-color)}:root[data-theme=light]{color-scheme:light;--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #f0f2f5;--bg-elevated: #ffffff;--bg-body: #f5f7fa;--bg-card: #ffffff;--bg-card-hover: #f9f9fb;--bg-sidebar: #ffffff;--bg-header: rgba(255,255,255,.92);--bg-input: #f0f2f5;--bg-input-focus: #ffffff;--bg-overlay: rgba(0,0,0,.3);--bg-badge: #f0f2f5;--border-color: #e4e7ed;--border-light: #ebeef5;--border-hover: #c0c4cc;--primary-color: #3c96ca;--primary-hover: #2288b7;--primary-bg: rgba(60,150,202,.08);--acid-green: #3c96ca;--acid-purple: #3c96ca;--acid-pink: #3c96ca;--acid-blue: #3c96ca;--accent-purple: var(--primary-color);--accent-blue: var(--primary-color);--accent-cyan: var(--primary-color);--text-primary: #303133;--text-secondary: #606266;--text-tertiary: #a8abb2;--text-disabled: #909399;--header-height: 56px;--page-padding: 24px;--card-padding: 16px;--card-radius: 8px;--card-radius-lg: 12px;--btn-radius: 6px;--sidebar-width: 220px;--sidebar-collapsed-width: 56px;--gap-xs: 4px;--gap-sm: 8px;--gap-md: 16px;--gap-lg: 24px;--gap-xl: 32px;--card-shadow: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06);--shadow-card: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06);--shadow-card-hover: 0 4px 16px rgba(0,0,0,.1);--dropdown-shadow: 0 4px 12px rgba(0,0,0,.08);--blur-amount: 0px;--glass-bg: var(--bg-secondary);--glass-border: var(--border-color);--glass-highlight: rgba(0,0,0,.02);--glass-shadow: rgba(0,0,0,.05);--glow-intensity: 0;--surface-gradient: var(--bg-secondary);--inner-glow: none;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--duration-fast: .15s;--duration: .2s;--duration-leave: .1s;--title-font-size: 28px;--title-gradient: none;--title-text-fill: var(--text-primary);--title-filter: none;--search-hover-bg: var(--bg-elevated);--search-hover-border: var(--primary-color);--search-hover-color: var(--primary-color);--category-active-bg: var(--primary-color);--category-active-border: var(--primary-color);--category-active-color: #fff;--card-hover-transform: none;--card-hover-shadow: none;--success-color: #52c41a;--success-bg: rgba(82,196,26,.08);--warning-color: #faad14;--warning-bg: rgba(250,173,20,.08);--danger-color: #ff4d4f;--danger-bg: rgba(255,77,79,.08);--info-color: #8c8c8c;--info-bg: rgba(140,140,140,.08);--scrollbar-thumb: rgba(0,0,0,.15);--scrollbar-thumb-hover: rgba(0,0,0,.3);--el-color-primary: var(--primary-color);--el-bg-color: #ffffff;--el-bg-color-page: #f5f7fa;--el-bg-color-overlay: #ffffff;--el-text-color-primary: #303133;--el-text-color-regular: #606266;--el-text-color-secondary: #a8abb2;--el-text-color-placeholder: #c0c4cc;--el-border-color: #dcdfe6;--el-border-color-light: #e4e7ed;--el-border-color-lighter: #ebeef5;--el-fill-color: #f0f2f5;--el-fill-color-light: #f5f7fa;--el-fill-color-blank: #ffffff;--el-skeleton-color: #f0f2f5;--el-skeleton-to-color: #e4e7ed;--el-switch-on-color: var(--primary-color)}:root[data-theme=acid]{color-scheme:dark;--acid-green: #ccff00;--acid-purple: #b026ff;--acid-pink: #ff00cc;--acid-blue: #00ffff;--bg-primary: #0f0f11;--bg-secondary: rgba(30,30,30,.4);--bg-tertiary: rgba(255,255,255,.05);--bg-elevated: #2a2a2a;--bg-body: #0f0f11;--bg-card: rgba(255,255,255,.04);--bg-card-hover: rgba(255,255,255,.07);--bg-sidebar: rgba(15,15,17,.85);--bg-header: rgba(15,15,17,.85);--bg-input: rgba(255,255,255,.05);--bg-input-focus: rgba(255,255,255,.08);--bg-overlay: rgba(0,0,0,.5);--bg-badge: rgba(255,255,255,.08);--border-color: rgba(255,255,255,.1);--border-light: rgba(255,255,255,.2);--border-hover: rgba(255,255,255,.2);--primary-color: #b026ff;--primary-hover: #c557ff;--primary-bg: rgba(176,38,255,.1);--accent-purple: var(--acid-purple);--accent-blue: var(--acid-blue);--accent-cyan: var(--acid-blue);--text-primary: #ffffff;--text-secondary: rgba(255,255,255,.7);--text-tertiary: rgba(255,255,255,.55);--text-disabled: rgba(255,255,255,.3);--header-height: 64px;--page-padding: 32px;--card-padding: 24px;--card-radius: 20px;--card-radius-lg: 24px;--btn-radius: 12px;--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--gap-xs: 6px;--gap-sm: 12px;--gap-md: 20px;--gap-lg: 32px;--gap-xl: 48px;--card-shadow: 0 8px 32px rgba(0,0,0,.37), inset 1px 1px 0 rgba(255,255,255,.1);--shadow-card: 0 4px 16px rgba(0,0,0,.3);--shadow-card-hover: 0 8px 32px rgba(0,0,0,.5);--dropdown-shadow: 0 8px 32px rgba(0,0,0,.5);--blur-amount: 16px;--glass-bg: rgba(255,255,255,.05);--glass-border: rgba(255,255,255,.1);--glass-highlight: rgba(255,255,255,.2);--glass-shadow: rgba(0,0,0,.5);--glow-intensity: 1;--surface-gradient: linear-gradient(145deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.01) 100%);--inner-glow: inset 0 0 20px rgba(176,38,255,.05);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--duration-fast: .18s;--duration: .26s;--duration-leave: .12s;--title-font-size: 42px;--title-gradient: linear-gradient(135deg, #fff 0%, var(--acid-blue) 100%);--title-text-fill: transparent;--title-filter: drop-shadow(0 0 10px rgba(0,255,255,.3));--search-hover-bg: rgba(30,238,62,.1);--search-hover-border: var(--acid-green);--search-hover-color: var(--acid-green);--category-active-bg: var(--acid-green);--category-active-border: var(--acid-green);--category-active-color: #000;--card-hover-transform: translateY(-2px);--card-hover-shadow: 0 12px 40px rgba(0,0,0,.4);--success-color: #67c23a;--success-bg: rgba(103,194,58,.12);--warning-color: #e6a23c;--warning-bg: rgba(230,162,60,.12);--danger-color: #f56c6c;--danger-bg: rgba(245,108,108,.12);--info-color: #909399;--info-bg: rgba(144,147,153,.12);--scrollbar-thumb: rgba(255,255,255,.2);--scrollbar-thumb-hover: rgba(255,255,255,.4);--el-color-primary: var(--primary-color);--el-bg-color: rgba(30,30,30,.6);--el-bg-color-page: #0f0f11;--el-bg-color-overlay: rgba(30,30,30,.9);--el-text-color-primary: #ffffff;--el-text-color-regular: rgba(255,255,255,.7);--el-text-color-secondary: rgba(255,255,255,.55);--el-text-color-placeholder: rgba(255,255,255,.3);--el-border-color: rgba(255,255,255,.15);--el-border-color-light: rgba(255,255,255,.1);--el-border-color-lighter: rgba(255,255,255,.06);--el-fill-color: rgba(255,255,255,.05);--el-fill-color-light: rgba(255,255,255,.03);--el-fill-color-blank: rgba(255,255,255,.04);--el-skeleton-color: rgba(255,255,255,.06);--el-skeleton-to-color: rgba(255,255,255,.14);--el-switch-on-color: var(--primary-color)}:root[data-theme=hub]{color-scheme:dark;--hub-orange: #ff9900;--hub-orange-light: #ffb347;--bg-primary: #0b0b0b;--bg-secondary: #1b1b1b;--bg-tertiary: #272727;--bg-elevated: #323232;--bg-body: #0b0b0b;--bg-card: #1b1b1b;--bg-card-hover: #222222;--bg-sidebar: #141414;--bg-header: rgba(11,11,11,.92);--bg-input: #272727;--bg-input-focus: #323232;--bg-overlay: rgba(0,0,0,.6);--bg-badge: #272727;--border-color: #333333;--border-light: #444444;--border-hover: #555555;--primary-color: #ff9900;--primary-hover: #ffb347;--primary-bg: rgba(255,153,0,.1);--acid-green: #ff9900;--acid-purple: #ff9900;--acid-pink: #ff6600;--acid-blue: #ffb347;--accent-purple: var(--primary-color);--accent-blue: var(--primary-color);--accent-cyan: var(--hub-orange-light);--text-primary: #f0f0f0;--text-secondary: #b0b0b0;--text-tertiary: #888888;--text-disabled: #555555;--header-height: 56px;--page-padding: 24px;--card-padding: 16px;--card-radius: 6px;--card-radius-lg: 10px;--btn-radius: 4px;--sidebar-width: 220px;--sidebar-collapsed-width: 56px;--gap-xs: 4px;--gap-sm: 8px;--gap-md: 16px;--gap-lg: 24px;--gap-xl: 32px;--card-shadow: 0 2px 4px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-card: 0 2px 4px rgba(0,0,0,.3);--shadow-card-hover: 0 4px 16px rgba(255,153,0,.15);--dropdown-shadow: 0 4px 12px rgba(0,0,0,.4);--blur-amount: 0px;--glass-bg: var(--bg-secondary);--glass-border: var(--border-color);--glass-highlight: rgba(255,153,0,.05);--glass-shadow: rgba(0,0,0,.4);--glow-intensity: 0;--surface-gradient: var(--bg-secondary);--inner-glow: none;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--duration-fast: .15s;--duration: .2s;--duration-leave: .1s;--title-font-size: 28px;--title-gradient: none;--title-text-fill: var(--text-primary);--title-filter: none;--search-hover-bg: rgba(255,153,0,.08);--search-hover-border: var(--hub-orange);--search-hover-color: var(--hub-orange);--category-active-bg: var(--hub-orange);--category-active-border: var(--hub-orange);--category-active-color: #000;--card-hover-transform: none;--card-hover-shadow: 0 4px 16px rgba(255,153,0,.15);--success-color: #67c23a;--success-bg: rgba(103,194,58,.12);--warning-color: #e6a23c;--warning-bg: rgba(230,162,60,.12);--danger-color: #f56c6c;--danger-bg: rgba(245,108,108,.12);--info-color: #909399;--info-bg: rgba(144,147,153,.12);--scrollbar-thumb: rgba(255,255,255,.15);--scrollbar-thumb-hover: rgba(255,255,255,.3);--el-color-primary: var(--primary-color);--el-bg-color: #1b1b1b;--el-bg-color-page: #0b0b0b;--el-bg-color-overlay: #272727;--el-text-color-primary: #f0f0f0;--el-text-color-regular: #b0b0b0;--el-text-color-secondary: #888888;--el-text-color-placeholder: #555555;--el-border-color: #444444;--el-border-color-light: #333333;--el-border-color-lighter: #2a2a2a;--el-fill-color: #272727;--el-fill-color-light: #222222;--el-fill-color-blank: #1b1b1b;--el-skeleton-color: #272727;--el-skeleton-to-color: #323232;--el-switch-on-color: var(--primary-color)}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;min-height:100vh}button,input,select,textarea{font:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, var(--bg-tertiary));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, var(--border-light))}a{text-decoration:none;color:var(--primary-color);transition:color var(--duration-fast)}a:hover{color:var(--primary-hover)}.card{background:var(--bg-card);border-radius:var(--card-radius);padding:var(--card-padding);border:1px solid var(--border-color);box-shadow:var(--shadow-card)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);transition:all var(--duration) var(--ease-out);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);opacity:calc(var(--glow-intensity, 0) * .5)}.route-enter-active{transition:opacity var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.route-leave-active{transition:opacity var(--duration-leave) var(--ease-in),transform var(--duration-leave) var(--ease-in)}.route-enter-from{opacity:0;transform:translateY(8px)}.route-leave-to{opacity:0;transform:translateY(-8px)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500}.status-badge.pending{background:var(--warning-bg);color:var(--warning-color)}.status-badge.approved{background:var(--success-bg);color:var(--success-color)}.status-badge.rejected{background:var(--danger-bg);color:var(--danger-color)}.status-badge.archived{background:var(--bg-tertiary);color:var(--text-tertiary)}.status-badge.hidden{background:var(--info-bg);color:var(--info-color)}.page-container{max-width:1400px;margin:0 auto;padding:0 var(--page-padding)}.skill-grid{display:grid;gap:var(--gap-md);grid-template-columns:repeat(4,1fr)}@media (max-width: 1280px){.skill-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.skill-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.skill-grid{grid-template-columns:1fr}}.announcement-banner{background:var(--warning-bg);border-bottom:1px solid var(--warning-color);padding:8px var(--page-padding);text-align:center;font-size:13px;color:var(--warning-color)}