2 lines
4.9 KiB
CSS
2 lines
4.9 KiB
CSS
[data-v-fcfca52b]:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #eef2ff;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #ef4444;--danger-light: #fee2e2;--info: #06b6d4;--info-light: #cffafe;--purple: #a855f7;--purple-light: #f3e8ff;--nav-bg: #ffffff;--nav-text: #6b7280;--nav-active-bg: #eef2ff;--nav-active: #6366f1;--nav-hover: #f5f3ff;--content-bg: #f5f3ff;--card-bg: #ffffff;--border: #e9e7ff;--border-light: #f3f1ff;--text-primary: #1e1b4b;--text-secondary: #6b7280;--text-muted: #3553e0;--radius: 12px;--radius-lg: 16px;--shadow-sm: 0 2px 8px rgba(99,102,241,.08);--shadow: 0 4px 16px rgba(99,102,241,.12);--shadow-lg: 0 12px 32px rgba(99,102,241,.16);--sidebar-w: 230px;--header-h: 60px;--el-color-primary: #6366f1;--el-color-primary-light-3: #818cf8;--el-color-primary-light-5: #a5b4fc;--el-color-primary-light-7: #c7d2fe;--el-color-primary-light-8: #e0e7ff;--el-color-primary-light-9: #eef2ff;--el-color-primary-dark-2: #4f46e5}.sidebar[data-v-fcfca52b]{width:var(--sidebar-w);min-height:100vh;background:var(--nav-bg);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;transition:width .3s ease;box-shadow:4px 0 16px #6366f11a;border-right:1px solid var(--border)}.sidebar.collapsed[data-v-fcfca52b]{width:64px}.sidebar-logo[data-v-fcfca52b]{height:var(--header-h);display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-logo-icon[data-v-fcfca52b]{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--purple));display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;color:#fff}.sidebar-logo-text[data-v-fcfca52b]{display:flex;flex-direction:column;overflow:hidden}.brand-name[data-v-fcfca52b]{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.3;white-space:nowrap}.brand-sub[data-v-fcfca52b]{color:var(--text-secondary);font-size:11px;white-space:nowrap}.sidebar-menu[data-v-fcfca52b]{flex:1;border-right:none!important;--el-menu-bg-color: transparent;--el-menu-hover-bg-color: var(--nav-hover);--el-menu-active-color: var(--nav-active);--el-menu-text-color: var(--nav-text)}.sidebar-divider[data-v-fcfca52b]{border-top:1px solid var(--border);margin:8px 16px}[data-v-fcfca52b] .el-menu-item.is-active,[data-v-fcfca52b] .el-sub-menu.is-active>.el-sub-menu__title{background:var(--nav-active-bg);color:var(--nav-active);font-weight:600}[data-v-10708cf0]:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #eef2ff;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #ef4444;--danger-light: #fee2e2;--info: #06b6d4;--info-light: #cffafe;--purple: #a855f7;--purple-light: #f3e8ff;--nav-bg: #ffffff;--nav-text: #6b7280;--nav-active-bg: #eef2ff;--nav-active: #6366f1;--nav-hover: #f5f3ff;--content-bg: #f5f3ff;--card-bg: #ffffff;--border: #e9e7ff;--border-light: #f3f1ff;--text-primary: #1e1b4b;--text-secondary: #6b7280;--text-muted: #3553e0;--radius: 12px;--radius-lg: 16px;--shadow-sm: 0 2px 8px rgba(99,102,241,.08);--shadow: 0 4px 16px rgba(99,102,241,.12);--shadow-lg: 0 12px 32px rgba(99,102,241,.16);--sidebar-w: 230px;--header-h: 60px;--el-color-primary: #6366f1;--el-color-primary-light-3: #818cf8;--el-color-primary-light-5: #a5b4fc;--el-color-primary-light-7: #c7d2fe;--el-color-primary-light-8: #e0e7ff;--el-color-primary-light-9: #eef2ff;--el-color-primary-dark-2: #4f46e5}.top-header[data-v-10708cf0]{height:var(--header-h);background:var(--card-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100;flex-shrink:0}.header-left[data-v-10708cf0]{display:flex;align-items:center;gap:16px}.collapse-btn[data-v-10708cf0]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:background .2s}.collapse-btn[data-v-10708cf0]:hover{background:var(--nav-hover);color:var(--primary)}.header-user[data-v-10708cf0]{display:flex;align-items:center;gap:10px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:4px 8px;border-radius:8px;transition:background .2s}.header-user[data-v-10708cf0]:hover{background:var(--nav-hover)}.avatar[data-v-10708cf0]{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--purple));display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700}.layout-wrapper[data-v-25c459d7]{display:flex;min-height:100vh}.main-wrapper[data-v-25c459d7]{flex:1;min-height:100vh;background:var(--content-bg);display:flex;flex-direction:column;transition:margin-left .3s ease}.main-content[data-v-25c459d7]{flex:1;padding:24px 28px;overflow-y:auto}.fade-enter-active[data-v-25c459d7],.fade-leave-active[data-v-25c459d7]{transition:opacity .2s ease}.fade-enter-from[data-v-25c459d7],.fade-leave-to[data-v-25c459d7]{opacity:0}
|