:root{--color-primary: #3b66f6;--color-primary-light: #6f86ff;--color-primary-dark: #2449cf;--color-primary-rgb: 59, 102, 246;--color-accent: #f2a84e;--color-accent-light: #ffd36f;--color-accent-rgb: 242, 168, 78;--color-brand-deep: #2451e7;--color-brand-deep-rgb: 36, 81, 231;--color-primary-gradient: linear-gradient(90deg, #214fd6 0%, #2d62eb 42%, #1f4cc8 100%);--color-primary-gradient-hover: linear-gradient(90deg, #1c46c3 0%, #2556db 42%, #183f9f 100%);--color-bg-main: #f4f7fd;--color-bg-card: #ffffff;--color-bg-muted: #f8fbff;--color-bg-code: #f6f8fe;--color-bg-table-header: #eff4fb;--color-text-title: #172033;--color-text-body: #556172;--color-text-caption: #8892a6;--color-border: #e2eaf5;--color-primary-soft: rgba(59, 102, 246, .08);--color-primary-soft-strong: #ebf1ff;--color-sidebar-hover: #edf3ff;--color-sidebar-active: #dfe8ff;--color-success: #24906d;--color-success-soft: #e5f8f0;--color-warning: #d98f2a;--color-warning-soft: #fff2dd;--color-danger: #e35d67;--color-danger-soft: #ffe6ea;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--top-nav-height: 64px;--shadow-card: 0 8px 22px rgba(26, 41, 78, .05);--shadow-hover: 0 14px 30px rgba(26, 41, 78, .09)}html{scroll-behavior:smooth;color-scheme:light}*,*:before,*:after{box-sizing:border-box}body{font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at 12% 0%,rgba(var(--color-primary-rgb),.08),transparent 30%),radial-gradient(circle at 88% 0%,rgba(72,104,245,.06),transparent 26%),var(--color-bg-main);background-attachment:fixed;color:var(--color-text-body);margin:0;padding:0}#app{min-height:100vh}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px;transition:box-shadow .22s ease,transform .22s ease}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.gradient-text{background:var(--color-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{background:var(--color-primary)!important;color:#fff;border:none;border-radius:var(--radius-md);padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .22s ease}.btn-primary:hover{background:var(--color-primary-dark)!important;box-shadow:0 8px 20px rgba(var(--color-primary-rgb),.16)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.gradient-btn{background:var(--color-primary)!important;border:none!important;box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.14)}.gradient-btn:hover{background:var(--color-primary-dark)!important;box-shadow:0 8px 18px rgba(var(--color-primary-rgb),.18)}.input-field{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;transition:border-color .22s ease,box-shadow .22s ease;box-sizing:border-box}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.table-header{background-color:var(--color-bg-table-header);color:var(--color-text-title);font-weight:600}.n-button--primary-type-primary{background:var(--color-primary)!important}