html,body,#app{margin:0;padding:0;height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}*{margin:0;padding:0;box-sizing:border-box}:root{--brand-50: #eff6ff;--brand-100: #dbeafe;--brand-200: #bfdbfe;--brand-500: #2563eb;--brand-600: #1d4ed8;--brand-700: #1e40af;--success-500: #0f766e;--warning-500: #d97706;--danger-500: #dc2626;--page-bg: #f3f6f9;--surface-1: #ffffff;--surface-2: #f8fafc;--surface-3: #eef3f8;--border-color: #e2e8f0;--border-strong: #cbd5e1;--text-primary: #0f172a;--text-regular: #334155;--text-muted: #64748b;--hover-bg: rgba(37, 99, 235, .04);--shadow-soft: 0 8px 20px rgba(15, 23, 42, .05);--shadow-medium: 0 16px 40px rgba(15, 23, 42, .08);--focus-ring: 0 0 0 3px rgba(37, 99, 235, .12);--chart-grid: #e5edf5;--chart-axis: #7c8ea1;--chart-tooltip-bg: rgba(255, 255, 255, .98);--chart-tooltip-border: #d9e4ec;--chart-tooltip-text: #203247;--chart-series-user: #0f766e;--chart-series-user-soft: rgba(15, 118, 110, .22);--chart-series-article: #ea580c;--chart-series-article-soft: rgba(234, 88, 12, .18);--chart-series-message: #2563eb;--chart-series-message-soft: rgba(37, 99, 235, .16);--chart-pie-1: #0f766e;--chart-pie-2: #0ea5e9;--chart-pie-3: #f59e0b;--chart-pie-4: #16a34a;--chart-pie-5: #f97316;--chart-pie-6: #1d4ed8;--chart-pie-7: #14b8a6;--chart-pie-8: #dc2626;--el-color-primary: var(--brand-500);--el-color-primary-light-3: #60a5fa;--el-color-primary-light-5: #93c5fd;--el-color-primary-light-8: var(--brand-100);--el-color-primary-dark-2: var(--brand-600);--el-bg-color: var(--surface-1);--el-bg-color-page: var(--page-bg);--el-bg-color-overlay: var(--surface-1);--el-text-color-primary: var(--text-primary);--el-text-color-regular: var(--text-regular);--el-text-color-secondary: var(--text-muted);--el-text-color-placeholder: #94a3b8;--el-border-color: var(--border-color);--el-border-color-light: var(--border-color);--el-border-color-lighter: var(--border-color);--el-fill-color-light: var(--surface-2);--el-fill-color-lighter: var(--surface-2);--el-fill-color-blank: var(--surface-1);--el-mask-color: rgba(15, 23, 42, .45)}html[data-theme=dark]{--brand-50: rgba(96, 165, 250, .14);--brand-100: rgba(96, 165, 250, .2);--brand-200: rgba(96, 165, 250, .34);--brand-500: #60a5fa;--brand-600: #3b82f6;--brand-700: #2563eb;--success-500: #34d399;--warning-500: #f59e0b;--danger-500: #f87171;--page-bg: #0b1120;--surface-1: #111827;--surface-2: #0f172a;--surface-3: #172133;--border-color: #243244;--border-strong: #334155;--text-primary: #e5edf6;--text-regular: #cbd5e1;--text-muted: #94a3b8;--hover-bg: rgba(96, 165, 250, .1);--shadow-soft: 0 10px 28px rgba(2, 6, 23, .35);--shadow-medium: 0 18px 40px rgba(2, 6, 23, .42);--focus-ring: 0 0 0 3px rgba(96, 165, 250, .16);--chart-grid: #243244;--chart-axis: #94a3b8;--chart-tooltip-bg: rgba(17, 24, 39, .98);--chart-tooltip-border: #334155;--chart-tooltip-text: #e5edf6;--chart-series-user: #34d399;--chart-series-user-soft: rgba(52, 211, 153, .24);--chart-series-article: #fbbf24;--chart-series-article-soft: rgba(251, 191, 36, .2);--chart-series-message: #60a5fa;--chart-series-message-soft: rgba(96, 165, 250, .22);--chart-pie-1: #60a5fa;--chart-pie-2: #34d399;--chart-pie-3: #fbbf24;--chart-pie-4: #a78bfa;--chart-pie-5: #fb923c;--chart-pie-6: #22d3ee;--chart-pie-7: #f87171;--chart-pie-8: #f472b6;--el-color-primary: var(--brand-500);--el-color-primary-light-3: #93c5fd;--el-color-primary-light-5: #bfdbfe;--el-color-primary-light-8: rgba(96, 165, 250, .2);--el-color-primary-dark-2: var(--brand-600);--el-bg-color: var(--surface-1);--el-bg-color-page: var(--page-bg);--el-bg-color-overlay: #0f172a;--el-text-color-primary: var(--text-primary);--el-text-color-regular: var(--text-regular);--el-text-color-secondary: var(--text-muted);--el-text-color-placeholder: #64748b;--el-border-color: var(--border-color);--el-border-color-light: var(--border-color);--el-border-color-lighter: var(--border-color);--el-fill-color-light: var(--surface-3);--el-fill-color-lighter: var(--surface-3);--el-fill-color-blank: var(--surface-1);--el-mask-color: rgba(2, 6, 23, .68)}html,body,#app{height:100%;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-regular);background-color:var(--page-bg);-webkit-font-smoothing:antialiased}body{transition:background-color .2s ease,color .2s ease}::selection{background-color:var(--brand-100)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-track{background:transparent}#nprogress .bar{background:var(--brand-500)!important;height:3px!important}.el-button--primary{--el-button-bg-color: var(--brand-500);--el-button-border-color: var(--brand-500);--el-button-hover-bg-color: var(--brand-600);--el-button-hover-border-color: var(--brand-600);--el-button-active-bg-color: var(--brand-700);--el-button-active-border-color: var(--brand-700);border-radius:10px!important}.el-button{border-radius:10px!important}.el-input__wrapper,.el-textarea__inner,.el-select__wrapper{border-radius:10px!important;background:var(--surface-1)!important;box-shadow:0 0 0 1px var(--border-color) inset!important;transition:box-shadow .2s ease,background-color .2s ease!important}.el-input__wrapper:hover,.el-input__wrapper.is-focus,.el-select__wrapper:hover,.el-select__wrapper.is-focused,.el-textarea__inner:hover,.el-textarea__inner:focus{box-shadow:0 0 0 1px var(--brand-200) inset,var(--focus-ring)!important}.el-card{border-radius:14px!important;background:var(--surface-1)!important;border:1px solid var(--border-color)!important;box-shadow:none!important}.el-card:hover{box-shadow:var(--shadow-soft)!important}.el-table{--el-table-border-color: var(--border-color);--el-table-header-bg-color: var(--surface-2);--el-table-tr-bg-color: var(--surface-1);--el-table-row-hover-bg-color: var(--hover-bg);--el-table-bg-color: var(--surface-1);--el-fill-color-blank: var(--surface-1);color:var(--text-regular)}.el-table th.el-table__cell{background-color:var(--surface-2)!important;color:var(--text-muted);font-weight:600;font-size:13px}.el-table tr:hover>td.el-table__cell{background-color:var(--hover-bg)!important}.el-tag{border-radius:999px!important;border:none!important;font-weight:600}.el-dialog{border-radius:14px!important;background:var(--surface-1)!important}.el-pagination{--el-pagination-button-bg-color: var(--surface-1);--el-pagination-hover-color: var(--brand-500);color:var(--text-regular)}.el-pagination .el-pager li{border-radius:8px!important}.el-form-item__label{font-weight:600;color:var(--text-muted)}.fade-enter-active,.fade-leave-active{transition:all .2s ease}.fade-enter-from{opacity:0;transform:translateY(6px)}.fade-leave-to{opacity:0;transform:translateY(-4px)}.search-bar{margin-bottom:20px;display:flex;align-items:center;gap:12px}.search-inner{display:flex;align-items:center;background:var(--surface-1);padding:8px 12px 8px 16px;border-radius:12px;border:1px solid var(--border-color);flex:1;max-width:480px;transition:border-color .2s,box-shadow .2s,background-color .2s}.search-inner:focus-within{border-color:var(--brand-200);box-shadow:var(--focus-ring)}.search-emoji{display:none}.search-inner input{flex:1;border:none;outline:none;font-size:14px;color:var(--text-regular);background:transparent}.search-inner input::placeholder{color:var(--text-muted)}.search-btn{padding:8px 18px;background:var(--brand-500);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:background-color .2s,transform .2s}.search-btn:hover{background:var(--brand-600);transform:translateY(-1px)}.table-card{background:var(--surface-1);border-radius:16px;border:1px solid var(--border-color);overflow:hidden}.card-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.card-title{font-size:16px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px}.title-icon{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:0;flex-shrink:0;background:var(--surface-3)!important;position:relative}.title-icon:before{content:"";width:12px;height:2px;border-radius:999px;background:var(--text-muted)}.total-badge{font-size:12px;color:var(--text-muted);background:var(--surface-2);padding:4px 10px;border-radius:999px}.id-badge{display:inline-block;font-size:12px;font-weight:700;color:var(--text-muted);background:var(--surface-2);padding:2px 8px;border-radius:6px;font-family:SF Mono,Cascadia Code,monospace}.action-btn{width:36px;height:36px;border:none;background:transparent;border-radius:10px;cursor:pointer;font-size:16px;transition:all .2s}.action-btn.edit:hover,.action-btn.detail:hover{background:var(--hover-bg);transform:translateY(-1px)}.action-btn.danger:hover{background:#dc262614;transform:translateY(-1px)}.pagination-wrap{padding:16px 24px;display:flex;justify-content:flex-end;border-top:1px solid var(--border-color)}.el-table{--el-table-border-color: transparent;--el-table-row-hover-bg-color: var(--hover-bg)}.el-table td.el-table__cell{border-bottom:1px solid var(--surface-2);padding:14px 0}.el-table th.el-table__cell{padding:12px 0}.el-dialog{border-radius:14px!important}.el-dialog__header{padding:20px 24px 0}.el-dialog__title{font-weight:700;font-size:16px;color:var(--text-primary)}.el-dialog__body{padding:16px 24px}.el-dialog__footer{padding:0 24px 20px}.dialog-btn{padding:10px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.dialog-btn.cancel{background:var(--surface-2);color:var(--text-muted);margin-right:10px}.dialog-btn.cancel:hover{background:var(--surface-3)}.dialog-btn.confirm{background:var(--brand-500);color:#fff}.dialog-btn.confirm:hover{background:var(--brand-600)}.dialog-btn.confirm:disabled{opacity:.5;cursor:not-allowed}