:root{--clr-primary: #2563eb;--clr-primary-dark: #1d4ed8;--clr-primary-light: #eff6ff;--clr-primary-mid: #bfdbfe;--clr-success: #10b981;--clr-success-light: #f0fdf4;--clr-success-border: #bbf7d0;--clr-warning: #f59e0b;--clr-warning-light: #fffbeb;--clr-warning-border: #fde68a;--clr-danger: #ef4444;--clr-danger-light: #fef2f2;--clr-danger-border: #fecaca;--clr-info: #0891b2;--clr-info-light: #ecfeff;--clr-gray-50: #f8fafc;--clr-gray-100: #f1f5f9;--clr-gray-200: #e2e8f0;--clr-gray-300: #cbd5e1;--clr-gray-400: #94a3b8;--clr-gray-500: #64748b;--clr-gray-600: #475569;--clr-gray-700: #374151;--clr-gray-800: #1e293b;--clr-gray-900: #0f172a;--clr-sidebar-bg: #1e293b;--clr-sidebar-border: #334155;--clr-sidebar-text: #cbd5e1;--clr-sidebar-muted: #64748b;--clr-sidebar-active: #2563eb;--color-bg-page: #f8fafc;--color-primary: #2563eb;--color-primary-dark:#1d4ed8;--color-text-primary:#1e293b;--color-text-muted: #64748b;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-border: #e2e8f0;--clr-page-bg: #f8fafc;--clr-card-bg: #ffffff;--font-sans: "PingFang SC","Microsoft YaHei",system-ui,sans-serif;--font-mono: "JetBrains Mono","Fira Code",monospace;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 14px;--radius-full: 999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--trans-fast: all .14s ease;--trans-mid: all .22s ease;--trans-slow: all .35s ease;--z-nav: 100;--z-topbar: 99;--z-overlay: 150;--z-drawer: 151;--z-modal: 200;--z-toast: 999;--chart-blue: #2563eb;--chart-green: #10b981;--chart-orange: #f59e0b;--chart-red: #ef4444;--chart-cyan: #0891b2;--chart-gray: #64748b}.h5-theme{--h5-bg: #f8fafc;--h5-hero-from: #2563eb;--h5-hero-to: #1d4ed8;--h5-chip-sel-bg: #2563eb;--h5-chip-sel-txt: #ffffff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;line-height:1.4;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--clr-primary, #2563eb);outline-offset:1px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{padding:6px 10px;font-size:12px;border-radius:4px}.btn-lg{padding:10px 20px;font-size:15px;border-radius:8px}.btn-block{display:flex;width:100%}.btn-primary{background:var(--clr-primary, #2563eb);color:#fff}.btn-primary:hover:not(:disabled){background:var(--clr-primary-dark, #1d4ed8)}.btn-primary:active:not(:disabled){background:#1e40af}.btn-secondary{background:var(--clr-gray-100, #f1f5f9);color:var(--clr-gray-700, #374151);border-color:var(--clr-gray-200, #e2e8f0)}.btn-secondary:hover:not(:disabled){background:var(--clr-gray-200, #e2e8f0)}.btn-secondary:active:not(:disabled){background:var(--clr-gray-300, #cbd5e1)}.btn-success{background:var(--clr-success, #10b981);color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-success:active:not(:disabled){background:#047857}.btn-warn{background:var(--clr-warning, #f59e0b);color:#fff}.btn-warn:hover:not(:disabled){background:#d97706}.btn-warn:active:not(:disabled){background:#b45309}.btn-danger{background:var(--clr-danger, #ef4444);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:active:not(:disabled){background:#b91c1c}.btn-outline{background:transparent;color:var(--clr-primary, #2563eb);border-color:var(--clr-primary, #2563eb)}.btn-outline:hover:not(:disabled){background:var(--clr-primary-light, #eff6ff)}.btn-outline:active:not(:disabled){background:var(--clr-primary-mid, #bfdbfe)}