:root{--color-primary: #3b82f6;--color-primary-light: #60a5fa;--color-primary-dark: #2563eb;--color-primary-bg: #eff6ff;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #6b7280;--text-primary: #1e293b;--text-regular: #475569;--text-secondary: #64748b;--text-muted: #94a3b8;--text-placeholder: #cbd5e1;--border-color: #e2e8f0;--border-light: #f1f5f9;--bg-page: #f8fafc;--bg-card: #ffffff;--bg-hover: #f1f5f9;--sidebar-bg: #0f172a;--sidebar-active-bg: #1e293b;--sidebar-hover-bg: #1e293b;--sidebar-text: #94a3b8;--sidebar-text-active: #ffffff;--sidebar-width: 220px;--sidebar-collapsed-width: 64px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--header-height: 56px;--header-bg: #ffffff}[data-theme=dark]{--color-primary: #60a5fa;--color-primary-light: #93c5fd;--color-primary-dark: #3b82f6;--color-primary-bg: #1e3a5f;--color-success: #34d399;--color-warning: #fbbf24;--color-danger: #f87171;--color-info: #9ca3af;--text-primary: #e2e8f0;--text-regular: #cbd5e1;--text-secondary: #94a3b8;--text-muted: #64748b;--text-placeholder: #475569;--border-color: #334155;--border-light: #1e293b;--bg-page: #0f172a;--bg-card: #1e293b;--bg-hover: #334155;--sidebar-bg: #020617;--sidebar-active-bg: #1e293b;--sidebar-hover-bg: #1e293b;--sidebar-text: #64748b;--sidebar-text-active: #f1f5f9;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--header-bg: #1e293b}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::-webkit-scrollbar-track{background:transparent}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mt-4{margin-top:4px}.mb-4{margin-bottom:4px}.ml-4{margin-left:4px}.mr-4{margin-right:4px}.pt-4{padding-top:4px}.pb-4{padding-bottom:4px}.pl-4{padding-left:4px}.pr-4{padding-right:4px}.mt-8{margin-top:8px}.mb-8{margin-bottom:8px}.ml-8{margin-left:8px}.mr-8{margin-right:8px}.pt-8{padding-top:8px}.pb-8{padding-bottom:8px}.pl-8{padding-left:8px}.pr-8{padding-right:8px}.mt-12{margin-top:12px}.mb-12{margin-bottom:12px}.ml-12{margin-left:12px}.mr-12{margin-right:12px}.pt-12{padding-top:12px}.pb-12{padding-bottom:12px}.pl-12{padding-left:12px}.pr-12{padding-right:12px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.ml-16{margin-left:16px}.mr-16{margin-right:16px}.pt-16{padding-top:16px}.pb-16{padding-bottom:16px}.pl-16{padding-left:16px}.pr-16{padding-right:16px}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.ml-20{margin-left:20px}.mr-20{margin-right:20px}.pt-20{padding-top:20px}.pb-20{padding-bottom:20px}.pl-20{padding-left:20px}.pr-20{padding-right:20px}.mt-24{margin-top:24px}.mb-24{margin-bottom:24px}.ml-24{margin-left:24px}.mr-24{margin-right:24px}.pt-24{padding-top:24px}.pb-24{padding-bottom:24px}.pl-24{padding-left:24px}.pr-24{padding-right:24px}.mt-28{margin-top:28px}.mb-28{margin-bottom:28px}.ml-28{margin-left:28px}.mr-28{margin-right:28px}.pt-28{padding-top:28px}.pb-28{padding-bottom:28px}.pl-28{padding-left:28px}.pr-28{padding-right:28px}.mt-32{margin-top:32px}.mb-32{margin-bottom:32px}.ml-32{margin-left:32px}.mr-32{margin-right:32px}.pt-32{padding-top:32px}.pb-32{padding-bottom:32px}.pl-32{padding-left:32px}.pr-32{padding-right:32px}.mt-36{margin-top:36px}.mb-36{margin-bottom:36px}.ml-36{margin-left:36px}.mr-36{margin-right:36px}.pt-36{padding-top:36px}.pb-36{padding-bottom:36px}.pl-36{padding-left:36px}.pr-36{padding-right:36px}.mt-40{margin-top:40px}.mb-40{margin-bottom:40px}.ml-40{margin-left:40px}.mr-40{margin-right:40px}.pt-40{padding-top:40px}.pb-40{padding-bottom:40px}.pl-40{padding-left:40px}.pr-40{padding-right:40px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-1{flex:1}.page-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;border:1px solid var(--border-color);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base)}.page-card:hover{box-shadow:var(--shadow-md)}em{color:#ef4444;font-style:normal;font-weight:600}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-header .page-title{font-size:18px;font-weight:600;color:var(--text-primary)}.table-actions{display:flex;gap:8px}.status-tag{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.status-tag.draft{background:#f1f5f9;color:#64748b}.status-tag.pending{background:#fef3c7;color:#d97706}.status-tag.approved{background:#dcfce7;color:#16a34a}.status-tag.archived{background:#dbeafe;color:#2563eb}.status-tag.deleted{background:#fee2e2;color:#dc2626}.el-button{border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast)}.el-button--primary{background:var(--color-primary);border-color:var(--color-primary)}.el-button--primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.el-dialog{border-radius:var(--radius-xl)!important}.el-dialog .el-dialog__header{padding:20px 24px 16px;border-bottom:1px solid var(--border-light)}.el-dialog .el-dialog__body{padding:20px 24px}.el-dialog .el-dialog__footer{padding:16px 24px 20px;border-top:1px solid var(--border-light)}.el-message-box{border-radius:var(--radius-lg)!important}.el-tag{border-radius:var(--radius-sm);font-weight:500;letter-spacing:.02em}.el-tag--info{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.el-tag--success{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.el-tag--warning{background:#fffbeb;color:#d97706;border-color:#fde68a}.el-tag--danger{background:#fef2f2;color:#dc2626;border-color:#fecaca}.el-input__wrapper{border-radius:var(--radius-md)}.el-table{--el-table-border-color: var(--border-color);--el-table-header-bg-color: #f8fafc;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color)}.el-table th.el-table__cell{font-weight:600;color:var(--text-secondary);font-size:13px;text-transform:uppercase;letter-spacing:.03em}.el-table td.el-table__cell{border-bottom:1px solid var(--border-light)}.el-table .el-table__row:hover>td.el-table__cell{background:#f0f7ff!important}.el-drawer{--el-drawer-padding-primary: 20px}.admin-page .page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--color-primary)}.admin-page .page-header h2{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.admin-page .page-header .page-desc{font-size:13px;color:var(--text-muted);margin-top:4px}.admin-page .page-card{background:var(--bg-card);padding:24px;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-card)}.admin-page .panel{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.admin-page .panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f8fafc;border-bottom:1px solid var(--border-color);font-weight:600;font-size:14px;color:var(--text-primary)}.admin-page .panel .panel-header .panel-subtitle{font-weight:400;font-size:12px;color:var(--text-muted);margin-left:8px}.admin-page .category-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border-light);transition:all var(--transition-fast)}.admin-page .category-item:hover{background:var(--bg-hover)}.admin-page .category-item.active{background:var(--color-primary-bg);border-left:3px solid var(--color-primary)}.admin-page .category-item .cat-info{display:flex;align-items:center;gap:8px}.admin-page .category-item .cat-info .cat-name{font-weight:500;color:var(--text-primary)}.admin-page .category-item .cat-meta{display:flex;align-items:center;gap:6px;margin-top:4px}.admin-page .category-item .cat-meta .cat-count{font-size:12px;color:var(--text-muted)}.filter-bar{display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.pagination-bar{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end}.modern-table :deep(.el-table__header th){background:var(--bg-hover);color:var(--text-secondary);font-weight:500}.modern-table :deep(.el-table__row):hover>td{background:var(--bg-hover)}.settings-section{max-width:800px}.settings-section .section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.settings-form :deep(.el-form-item__label){font-weight:500;color:var(--text-secondary)}.form-tip{font-size:12px;color:var(--text-muted);margin-left:8px}.modern-dialog :deep(.el-dialog__header){border-bottom:1px solid var(--border-light);padding-bottom:16px}.modern-dialog :deep(.el-dialog__footer){border-top:1px solid var(--border-light);padding-top:16px}.modern-dialog :deep(.el-button){border-radius:var(--radius-md)}html,body,#app{height:100%;margin:0;padding:0}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}