/**
 * PT1958 全局设计变量
 * ---------------------------------------------------------------------------
 * 视觉基调对齐主视觉海报：深蓝科技感 + 霓虹光效 + 银白金属字。
 * 所有页面共用，改这里即可全站换肤。
 */
:root {
  /* ===== 品牌色：深蓝（主）→ 科技蓝（辅）→ 银白（点缀） ===================== */
  --c-primary: #0b2e5b;
  --c-primary-dark: #071d3a;
  --c-primary-light: #14497f;
  --c-accent: #1c6dd0;
  --c-accent-hover: #155cb5;
  --c-silver: #c8d2dc;
  --c-silver-light: #e8edf2;

  /* ===== 深色区块（首页/招商页的「海报感」底色） ========================== */
  --c-ink: #02060d;
  --c-ink-1: #061224;
  --c-ink-2: #0a203c;
  --c-ink-3: #0f3560;
  --c-neon: #2f8fff;
  --c-neon-light: #6fb8ff;
  --c-neon-dim: rgba(47, 143, 255, .34);
  --c-neon-line: rgba(120, 190, 255, .22);
  --c-on-ink: #eaf2fb;
  --c-on-ink-dim: #9fb6cf;

  /* ===== 渐变 =========================================================== */
  --grad-ink: linear-gradient(168deg, #061224 0%, #0a2a4d 58%, #061c36 100%);
  --grad-neon: linear-gradient(120deg, #2f8fff 0%, #79c2ff 100%);
  --grad-cta: linear-gradient(120deg, #1c6dd0 0%, #2f8fff 100%);
  --grad-metal: linear-gradient(178deg, #ffffff 0%, #e6eef8 42%, #a9bccf 100%);
  --grad-glass: linear-gradient(160deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, .02) 100%);

  /* ===== 中性色 ========================================================= */
  --c-text: #1a1f26;
  --c-text-secondary: #55606d;
  --c-text-muted: #8b95a1;
  --c-border: #e2e7ee;
  --c-bg: #ffffff;
  --c-bg-soft: #f5f7fa;
  --c-bg-dark: #0b2e5b;

  /* ===== 语义色 ========================================================= */
  --c-danger: #d93026;
  --c-warning: #e8891a;
  --c-success: #17a673;
  --c-gold: #d8b06a;

  /* ===== 间距阶梯 ======================================================= */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;

  /* ===== 字号阶梯 ======================================================= */
  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-md: 18px;
  --fs-lg: 22px;
  --fs-xl: 28px;
  --fs-2xl: 34px;
  --fs-3xl: 42px;
  --fs-4xl: 56px;

  /* ===== 圆角 / 阴影 ==================================================== */
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --shadow-sm: 0 1px 3px rgba(11, 46, 91, .06);
  --shadow: 0 4px 16px rgba(11, 46, 91, .08);
  --shadow-lg: 0 12px 32px rgba(11, 46, 91, .12);
  --shadow-neon: 0 0 0 1px rgba(47, 143, 255, .35), 0 12px 40px rgba(47, 143, 255, .22);

  /* ===== 版心 / 结构 ==================================================== */
  --container: 1200px;
  --header-h: 68px;
  --section-y: 88px;

  /* ===== 动效 =========================================================== */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur: .28s;
  --dur-slow: .6s;

  /* ===== 字体 =========================================================== */
  --font-sans: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", -apple-system, "Segoe UI", Roboto, sans-serif;
  /* 数字与英文用等宽感更强的字形，配合金属字更有工业质感 */
  --font-num: "DIN Alternate", "Bebas Neue", "Arial Narrow", var(--font-sans);
}

@media (max-width: 1200px) {
  :root { --section-y: 72px; }
}

@media (max-width: 768px) {
  :root {
    --fs-4xl: 32px;
    --fs-3xl: 27px;
    --fs-2xl: 24px;
    --fs-xl: 21px;
    --section-y: 56px;
    --sp-9: 64px;
  }
}