:root {
  --gx-primary: #004dfe;
  --gx-primary-hover: #2568ff;
  --gx-primary-active: #003dcc;
  --gx-primary-soft: #eef4ff;
  --gx-cyan: #31d5d1;
  --gx-cyan-soft: #e9fbfa;
  --gx-navy: #0b1736;
  --gx-text-secondary: #596681;
  --gx-text-tertiary: #8d97ad;
  --gx-text-disabled: #b8c0cf;
  --gx-bg-pc: #f5f7fa;
  --gx-bg-mobile: #f7fafe;
  --gx-surface: #ffffff;
  --gx-border: #e5eaf2;
  --gx-border-strong: #d6deea;
  --gx-success: #18b875;
  --gx-success-soft: #e7f5ef;
  --gx-warning: #ff7400;
  --gx-warning-soft: #fff3e8;
  --gx-danger: #f04444;
  --gx-danger-soft: #fff0f0;
  --gx-overlay: rgba(11, 23, 54, 0.45);
  --gx-shadow-pc: 0 1px 3px rgba(25, 52, 89, 0.06);
  --gx-shadow-mobile: 0 4px 14px rgba(38, 88, 160, 0.08);
  --gx-shadow-modal: 0 16px 40px rgba(11, 23, 54, 0.16);
  --gx-radius-sm: 6px;
  --gx-radius-md: 8px;
  --gx-radius-lg: 10px;
  --gx-radius-mobile: 12px;
  --gx-radius-mobile-lg: 14px;
  --gx-radius-pill: 999px;
  --gx-space-1: 4px;
  --gx-space-2: 8px;
  --gx-space-3: 12px;
  --gx-space-4: 16px;
  --gx-space-5: 20px;
  --gx-space-6: 24px;
  --gx-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Microsoft YaHei", Arial, sans-serif;
  --gx-transition: 150ms ease-out;
  --gx-topbar-height: 56px;
  --gx-sidebar-width: 220px;
  --gx-sidebar-collapsed-width: 64px;
}