*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--surface-base);min-height:100vh;line-height:1.6}:root{--font-display:"Crimson Pro", "Noto Serif SC", Georgia, serif;--font-body:"Source Sans 3", "Noto Sans SC", -apple-system, sans-serif;--font-mono:"IBM Plex Mono", "Source Code Pro", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--primary-50:#f0f4f8;--primary-100:#d9e2ec;--primary-200:#bcccdc;--primary-300:#9fb3cf;--primary-400:#829ab1;--primary-500:#627d98;--primary-600:#486581;--primary-700:#334e68;--primary-800:#243b53;--primary-900:#102a43;--accent-50:#f3f6f4;--accent-100:#e2eae5;--accent-200:#c5d5cb;--accent-300:#a3bbae;--accent-400:#7fa192;--accent-500:#5f8a75;--accent-600:#4a7060;--accent-700:#3a5849;--accent-800:#2d4439;--accent-900:#1f3028;--gray-50:#fafafa;--gray-100:#f5f5f4;--gray-200:#e7e5e4;--gray-300:#d6d3d1;--gray-400:#a8a29e;--gray-500:#78716c;--gray-600:#57534e;--gray-700:#44403c;--gray-800:#292524;--gray-900:#1c1917;--success-light:#86c5a0;--success-base:#4caf7d;--success-dark:#2e8b57;--warning-light:#e8c87a;--warning-base:#d4a84b;--warning-dark:#b8860b;--danger-light:#e89292;--danger-base:#d45858;--danger-dark:#b22222;--info-light:#7ca8d4;--info-base:#5b8fc7;--info-dark:#3b6fa7;--surface-base:#fafaf8;--surface-elevated:#fff;--surface-sunken:#f5f5f2;--surface-overlay:#fffffff2;--text-primary:#1c1917;--text-secondary:#44403c;--text-tertiary:#57534e;--text-muted:#78716c;--text-placeholder:#a8a29e;--text-inverse:#fafaf8;--border-subtle:#e7e5e4;--border-default:#d6d3d1;--border-strong:#a8a29e;--border-focus:var(--primary-400);--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:.125rem;--radius-md:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px #1c19170a;--shadow-sm:0 1px 3px #1c19170f, 0 1px 2px #1c19170a;--shadow-md:0 4px 6px #1c19170a, 0 2px 4px #1c191708;--shadow-lg:0 10px 15px #1c19170a, 0 4px 6px #1c191705;--shadow-xl:0 20px 25px #1c191708, 0 10px 10px #1c191705;--shadow-2xl:0 25px 50px #1c19170a;--shadow-inset:inset 0 1px 2px #1c19170f;--shadow-focus:0 0 0 3px #627d9826;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--transition-slower:.5s ease;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-medium);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:var(--weight-semibold)}p{margin-bottom:var(--space-4)}a{color:var(--primary-600);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-700)}.card{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal), border-color var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-subtle{background:var(--surface-sunken);border-color:var(--border-default);box-shadow:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;line-height:1.5;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-600);color:var(--text-inverse);border-color:var(--primary-600)}.btn-primary:hover:not(:disabled){background:var(--primary-700);border-color:var(--primary-700)}.btn-primary:active:not(:disabled){background:var(--primary-800)}.btn-secondary{background:var(--surface-elevated);color:var(--text-secondary);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-sunken);color:var(--text-primary)}.btn-danger{background:var(--danger-base);color:#fff;border-color:var(--danger-base)}.btn-danger:hover:not(:disabled){background:var(--danger-dark);border-color:var(--danger-dark)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-block{width:100%}.btn-icon{padding:var(--space-2);width:36px;height:36px}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);letter-spacing:var(--tracking-wide)}.form-label.required:after{content:" *";color:var(--danger-base)}.form-input{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input::placeholder{color:var(--text-placeholder)}.form-input:hover{border-color:var(--border-strong)}.form-input:focus{border-color:var(--primary-500);box-shadow:var(--shadow-focus);outline:none}.form-input:disabled{background:var(--surface-sunken);color:var(--text-muted);cursor:not-allowed}.tag{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide);align-items:center;line-height:1;display:inline-flex}.tag-primary{background:var(--primary-100);color:var(--primary-700)}.tag-accent{background:var(--accent-100);color:var(--accent-700)}.tag-success{color:var(--success-dark);background:#4caf7d1f}.tag-warning{color:var(--warning-dark);background:#d4a84b1f}.tag-danger{color:var(--danger-dark);background:#d458581f}.tag-info{color:var(--info-dark);background:#5b8fc71f}.progress{background:var(--surface-sunken);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-bar{border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.progress-bar-primary{background:var(--primary-500)}.progress-bar-accent{background:var(--accent-500)}.progress-bar-success{background:var(--success-base)}.progress-bar-warning{background:var(--warning-base)}.progress-bar-danger{background:var(--danger-base)}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th{padding:var(--space-3) var(--space-4);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-align:left;background:var(--surface-sunken);border-bottom:1px solid var(--border-default);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.table td{padding:var(--space-3) var(--space-4);color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.table tbody tr:hover{background:var(--surface-sunken)}.divider{background:var(--border-subtle);height:1px;margin:var(--space-6) 0}.divider-vertical{width:1px;height:auto;margin:0 var(--space-4)}.spinner{border:2px solid var(--border-default);border-top-color:var(--primary-500);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.spinner-sm{border-width:1.5px;width:16px;height:16px}.spinner-lg{border-width:3px;width:32px;height:32px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-slide-up{animation:.3s forwards slideUp}.animate-slide-down{animation:.3s forwards slideDown}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success-base)}.text-warning{color:var(--warning-base)}.text-danger{color:var(--danger-base)}.text-info{color:var(--info-base)}.bg-base{background:var(--surface-base)}.bg-elevated{background:var(--surface-elevated)}.bg-sunken{background:var(--surface-sunken)}.border-subtle{border-color:var(--border-subtle)}.border-default{border-color:var(--border-default)}.border-strong{border-color:var(--border-strong)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-0{margin:0}.m-auto{margin:auto}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.w-full{width:100%}.w-auto{width:auto}.max-w-sm{max-width:384px}.max-w-md{max-width:448px}.max-w-lg{max-width:512px}.max-w-xl{max-width:576px}.max-w-2xl{max-width:672px}.max-w-3xl{max-width:768px}.max-w-4xl{max-width:896px}.max-w-5xl{max-width:1024px}.max-w-full{max-width:100%}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.el-button{font-family:var(--font-body);font-weight:var(--weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}.el-button--primary{--el-button-bg-color:var(--primary-600);--el-button-border-color:var(--primary-600);--el-button-hover-bg-color:var(--primary-700);--el-button-hover-border-color:var(--primary-700);--el-button-active-bg-color:var(--primary-800);--el-button-active-border-color:var(--primary-800)}.el-button--default{--el-button-bg-color:var(--surface-elevated);--el-button-border-color:var(--border-default);--el-button-text-color:var(--text-secondary);--el-button-hover-bg-color:var(--surface-sunken);--el-button-hover-border-color:var(--border-strong)}.el-input__wrapper{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:none;transition:all var(--transition-fast)}.el-input__wrapper:hover{border-color:var(--border-strong)}.el-input__wrapper.is-focus{border-color:var(--primary-500);box-shadow:var(--shadow-focus)}.el-input__inner{font-family:var(--font-body);color:var(--text-primary)}.el-input__inner::placeholder{color:var(--text-placeholder)}.el-select__wrapper{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:none}.el-select__wrapper:hover{border-color:var(--border-strong)}.el-select__wrapper.is-focus{border-color:var(--primary-500);box-shadow:var(--shadow-focus)}.el-table{--el-table-bg-color:var(--surface-elevated);--el-table-tr-bg-color:var(--surface-elevated);--el-table-header-bg-color:var(--surface-sunken);--el-table-header-text-color:var(--text-tertiary);--el-table-text-color:var(--text-primary);--el-table-border-color:var(--border-subtle);--el-table-row-hover-bg-color:var(--surface-sunken)}.el-table th.el-table__cell{font-weight:var(--weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.el-dialog{--el-dialog-bg-color:var(--surface-elevated);--el-dialog-border-radius:var(--radius-xl)}.el-dialog__header{border-bottom:1px solid var(--border-subtle)}.el-dialog__title{font-family:var(--font-display);font-weight:var(--weight-medium);color:var(--text-primary)}.el-menu{--el-menu-bg-color:var(--surface-elevated);--el-menu-text-color:var(--text-secondary);--el-menu-hover-bg-color:var(--surface-sunken);--el-menu-active-color:var(--primary-600)}.el-menu-item.is-active{background:var(--primary-50);border-left:3px solid var(--primary-600)}.el-tag{--el-tag-border-radius:var(--radius-sm)}.el-form-item__label{font-weight:var(--weight-medium);color:var(--text-secondary)}.el-pagination{--el-pagination-bg-color:var(--surface-elevated);--el-pagination-text-color:var(--text-secondary);--el-pagination-button-bg-color:var(--surface-elevated);--el-pagination-hover-color:var(--primary-600)}.el-dropdown-menu{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.el-dropdown-menu__item{color:var(--text-secondary)}.el-dropdown-menu__item:hover{background:var(--surface-sunken);color:var(--text-primary)}.el-breadcrumb__inner,.el-breadcrumb__separator{color:var(--text-muted)}.el-breadcrumb__inner a:hover{color:var(--primary-600)}.el-message{--el-message-bg-color:var(--surface-elevated);border:1px solid var(--border-default)}.el-card{--el-card-bg-color:var(--surface-elevated);--el-card-border-color:var(--border-subtle);border-radius:var(--radius-lg)}.el-switch{--el-switch-on-color:var(--primary-600)}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--primary-600);border-color:var(--primary-600)}.el-radio__input.is-checked .el-radio__inner{border-color:var(--primary-600)}.el-radio__input.is-checked .el-radio__inner:after{background-color:var(--primary-600)}.el-tabs__item{color:var(--text-secondary)}.el-tabs__item:hover{color:var(--text-primary)}.el-tabs__item.is-active{color:var(--primary-600)}.el-tabs__active-bar{background-color:var(--primary-600)}.el-skeleton__item{background:var(--surface-sunken)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-sunken);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}::selection{background:var(--primary-200);color:var(--text-primary)}.error-boundary[data-v-08306b8b]{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:40px 20px;display:flex}.error-boundary h2[data-v-08306b8b]{color:#303133;margin:20px 0 8px;font-size:20px}.error-description[data-v-08306b8b]{color:#909399;margin-bottom:24px}.error-actions[data-v-08306b8b]{gap:12px;margin-bottom:20px;display:flex}.error-actions .el-button[data-v-08306b8b]{align-items:center;gap:6px;display:flex}.error-details[data-v-08306b8b]{text-align:left;width:100%;max-width:600px;margin-top:16px}.error-details h4[data-v-08306b8b]{color:#606266;margin:0 0 12px;font-size:14px}.error-details pre[data-v-08306b8b]{color:#303133;white-space:pre-wrap;word-break:break-word;background-color:#f5f7fa;border:1px solid #e4e7ed;border-radius:4px;max-height:300px;margin:0;padding:16px;font-size:12px;overflow:auto}.toggle-details[data-v-08306b8b]{margin-top:16px}.route-loading-bar{background:linear-gradient(90deg, var(--tech-primary), var(--tech-accent));z-index:9999;width:0;height:3px;box-shadow:0 0 10px var(--tech-primary-glow);transition:width .3s;position:fixed;top:0;left:0}.route-loading-bar.active{width:70%;transition:width .8s}