:root {
  --ui-color-primary-50: #eef7ff;
  --ui-color-primary-100: #d9edff;
  --ui-color-primary-400: #3c92ff;
  --ui-color-primary-500: #1677ff;
  --ui-color-primary-600: #0868e8;
  --ui-color-primary-700: #0757bd;
  --ui-color-cyan-400: #38d6e8;
  --ui-color-success-50: #eefbf3;
  --ui-color-success-500: #18a058;
  --ui-color-success-700: #0c713c;
  --ui-color-warning-50: #fff8e8;
  --ui-color-warning-500: #d97706;
  --ui-color-warning-700: #92400e;
  --ui-color-danger-50: #fff1f0;
  --ui-color-danger-500: #e5484d;
  --ui-color-danger-700: #b4232a;
  --ui-color-navy-950: #031126;
  --ui-color-navy-900: #071a3d;
  --ui-color-navy-800: #0b2857;
  --ui-color-text: #14213d;
  --ui-color-text-secondary: #334466;
  --ui-color-text-muted: #60708f;
  --ui-color-text-subtle: #8a98b2;
  --ui-color-border: rgba(102, 126, 166, 0.18);
  --ui-color-border-strong: rgba(82, 110, 151, 0.3);
  --ui-color-surface: #ffffff;
  --ui-color-surface-soft: #f5f8fc;
  --ui-color-surface-muted: #f1f5fa;
  --ui-font-sans: "Inter", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ui-shell-width: 1500px;
  --ui-content-width: 1200px;
  --ui-readable-width: 760px;
  --ui-page-gutter: clamp(18px, 3vw, 48px);
  --ui-mobile-header-height: 64px;
  --ui-mobile-header-gutter: 18px;
  --ui-mobile-logo-width: 116px;
  --ui-mobile-logo-height: 40px;
  --ui-control-height: 44px;
  --ui-breakpoint-wide: 1500px;
  --ui-breakpoint-desktop: 1280px;
  --ui-breakpoint-tablet: 1024px;
  --ui-breakpoint-mobile: 640px;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 20px;
  --ui-space-6: 24px;
  --ui-space-8: 32px;
  --ui-space-10: 40px;
  --ui-space-12: 48px;
  --ui-space-16: 64px;
  --ui-radius-sm: 8px;
  --ui-radius-md: 14px;
  --ui-radius-lg: 20px;
  --ui-radius-xl: 28px;
  --ui-shadow-xs: 0 3px 12px rgba(24, 55, 101, 0.05);
  --ui-shadow-sm: 0 8px 24px rgba(24, 55, 101, 0.08);
  --ui-shadow-md: 0 18px 48px rgba(19, 50, 98, 0.12);
  --ui-shadow-focus: 0 0 0 4px rgba(22, 119, 255, 0.2);
  --ui-shadow-success-focus: 0 0 0 4px rgba(24, 160, 88, 0.16);
  --ui-shadow-danger-focus: 0 0 0 4px rgba(229, 72, 77, 0.16);
  --ui-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ui-duration-fast: 160ms;
  --ui-duration-normal: 260ms;
}