@charset "utf-8";
/**
 * 设计 Token — 方案一：商务科技升级
 * 主色收敛、8px 基线、响应式断点
 */
:root {
  /* 品牌主色（略深青蓝） */
  --color-primary: #0874a8;
  --color-primary-light: #1a94c9;
  --color-primary-hover: #065a82;

  /* 强调色（克制琥珀） */
  --color-accent: #b8922a;
  --color-accent-bright: #d4ad3a;

  /* 文字与中性 */
  --color-text: #1e2530;
  --color-text-secondary: #4a5568;
  --color-text-muted: #6b7c8c;
  --color-text-on-dark: #e2e8f0;
  --color-text-on-dark-muted: #94a3b8;

  --color-white: #ffffff;
  --color-surface: #ffffff;
  --color-surface-elevated: #f4f7fb;
  --color-surface-muted: #eef2f7;

  /* 分区背景 */
  --color-section-blue: #1a5a8a;
  --color-section-dark: #1a2028;
  --color-section-teal: #0a6b67;
  --color-section-navy: #0c2d45;
  --color-section-mid: #121820;

  /* Hero */
  --hero-overlay: linear-gradient(
    135deg,
    rgba(8, 116, 168, 0.72) 0%,
    rgba(15, 23, 42, 0.55) 50%,
    rgba(15, 23, 42, 0.35) 100%
  );

  /* 页脚与分隔 */
  --color-footer: #1a2028;
  --color-footer-deep: #14191f;
  --color-border: #e2e8f0;
  --color-border-dark: #2a3440;
  --color-line-dark: #0c3344;

  /* 杂项映射 */
  --color-port-teal: #0874a8;
  --color-link-muted: #a8b0bc;
  --color-news-muted: #c5ccd4;
  --color-cta-surface: #0874a8;
  --color-tel-amber: #d4ad3a;
  --color-btn-fg: #065a82;
  --color-border-dashed: #9aa5b0;
  --color-overlay-70: rgba(15, 23, 42, 0.75);
  --color-side-hover-bg: rgba(15, 23, 42, 0.35);
  --color-nav-scrim: rgba(15, 23, 42, 0.62);

  /* 字阶 */
  --font-sans: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", Arial, sans-serif;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 32px;
  --text-4xl: 40px;
  --leading-tight: 1.4;
  --leading-body: 1.6;
  --leading-relaxed: 1.7;

  /* 间距（8px 基线） */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 40px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 80px;

  /* 布局 */
  --container-max: 1200px;
  --container-padding: 24px;
  --header-height: 76px;

  /* 断点（用于 media query 参考） */
  --bp-sm: 576px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;

  /* 圆角与阴影 */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 4px 16px rgba(15, 23, 42, 0.1);
  --shadow-lg: 0 8px 32px rgba(15, 23, 42, 0.12);
  --shadow-card-hover: 0 12px 28px rgba(8, 116, 168, 0.15);

  /* 动效 */
  --ease-out: cubic-bezier(0.33, 1, 0.68, 1);
  --duration: 0.25s;
  --duration-slow: 0.4s;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration: 0.01ms;
    --duration-slow: 0.01ms;
  }
}