:root{--primary-color: #2563eb;--primary-color-hover: #1d4ed8;--primary-color-pressed: #1e40af;--primary-color-light: #eff6ff;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #3b82f6;--success-color-light: #ecfdf5;--warning-color-light: #fffbeb;--error-color-light: #fef2f2;--info-color-light: #eff6ff;--text-color-base: #111827;--text-color-2: #6b7280;--text-color-3: #9ca3af;--text-color-disabled: #d1d5db;--border-color: #e5e7eb;--border-color-dark: #d1d5db;--body-color: #f9fafb;--card-color: #ffffff;--divider-color: #f3f4f6;--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--sidebar-bg: #1e293b;--sidebar-text: #cbd5e1;--sidebar-text-active: #ffffff;--sidebar-item-active-bg: #2563eb;--sidebar-item-hover-bg: #334155;--header-height: 60px;--header-bg: #ffffff;--header-border: #e5e7eb;--border-radius-sm: 4px;--border-radius: 6px;--border-radius-lg: 8px;--border-radius-xl: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-base: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--text-color-base);background-color:var(--body-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-color-hover)}img{max-width:100%;height:auto;vertical-align:middle}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}::selection{background-color:#2563eb26;color:var(--primary-color-pressed)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-base)}.fade-enter-from,.fade-leave-to{opacity:0}.page-enter-active,.page-leave-active{transition:opacity .2s ease,transform .2s ease}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}.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}.text-primary{color:var(--primary-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.text-secondary{color:var(--text-color-2)}.text-disabled{color:var(--text-color-disabled)}.text-bold{font-weight:600}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-card{background:var(--card-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:var(--spacing-xl)}.invisible{visibility:hidden}.hidden{display:none!important}