/* ============================================================================
   模板 · Bold（美国 · 加拿大 · 英国）
   ----------------------------------------------------------------------------
   北美 B2B 站的通行观感：
     · 首屏一句话说清价值 + 一个橙色的大按钮（Get a Quote），规格表往后放
     · 字号大、行距松、留白多；标题字重 800、字距收紧
     · 圆角 10px、悬停有阴影 —— 这在欧陆站上显得「软」，在北美是标配
     · 规模数字（产能 / 出口国家数）紧贴 hero，社会证明要早出现
     · 白底 hero 配右侧大图；没配图就是纯排版，也撑得住
   ========================================================================== */

:root {
  --ink:        #0f172a;
  --ink-2:      #1e293b;
  --ink-3:      #334155;
  --muted:      #64748b;
  --line:       #e2e8f0;
  --line-dark:  #1e293b;
  --bg:         #ffffff;
  --bg-soft:    #f8fafc;
  --accent:     #2563eb;
  --accent-ink: #1d4ed8;
  --accent-soft:#dbeafe;
  --cta:        #f97316;          /* 主按钮用橙：蓝底站上最抢眼的互补色 */
  --cta-ink:    #ea580c;

  --radius:     8px;
  --radius-lg:  10px;
  --shadow:     0 1px 2px rgba(15,23,42,.06), 0 12px 32px rgba(15,23,42,.10);
  --card-shadow-hover: var(--shadow);
  --card-lift:  -4px;

  --base-size:  17px;
  --body-lh:    1.7;
  --h-weight:   800;
  --h-tracking: -.03em;
  --section-pad: 96px;

  --header-bg:  rgba(255,255,255,.92);
  --topbar-bg:  #0f172a;

  --hero-bg:    #ffffff;
  --hero-ink:   #0f172a;
  --hero-muted: #475569;
  --hero-eyebrow: #2563eb;
  --hero-grid:  transparent;
  --hero-pad:   104px 0 72px;

  --stats-bg:   #ffffff;
  --stats-line: #e2e8f0;
  --stats-ink:  #0f172a;
  --stats-muted:#64748b;

  --dark-band-bg: #0f172a;
  --cta-bg:     #2563eb;
  --footer-bg:  #0f172a;
  --footer-ink: rgba(255,255,255,.66);
  --footer-line:#1e293b;
}

/* 主按钮：橙色、更大、更圆 */
.btn-primary { background: var(--cta); }
.btn-primary:hover { background: var(--cta-ink); }
.btn { font-weight: 700; }
.btn-lg { padding: 1.05em 2.1em; font-size: 1.05rem; }
.hero .btn-onDark { background: transparent; color: var(--ink); border-color: var(--line); }
.hero .btn-onDark:hover { background: var(--bg-soft); color: var(--ink); }
.cta-band .btn-primary { background: var(--cta); color: #fff; }
.cta-band .btn-primary:hover { background: var(--cta-ink); color: #fff; }

/* hero：超大标题，副标 1.25rem */
.hero h1 { font-size: clamp(2.4rem, 5vw, 4rem); max-width: 16ch; line-height: 1.05; }
.hero p { font-size: 1.25rem; max-width: 56ch; }
.hero-actions { margin-top: 36px; }
.hero-media img { box-shadow: var(--shadow); }

/* 数据条：大数字横排，像 SaaS 站的社会证明 */
.stats { border-top: 0; border-bottom: 1px solid var(--line); }
.stats .wrap { gap: 0; background: transparent; }
.stat { padding: 34px 20px 38px; text-align: center; }
.stat b { font-size: 2.4rem; color: var(--accent); }

/* 眉标、大标题 */
.eyebrow { font-size: .8rem; letter-spacing: .14em; }
h2 { font-size: clamp(1.8rem, 3vw, 2.5rem); }
.lede { font-size: 1.15rem; }

/* 卡片：圆角、图大、悬停浮起 */
.card { border-color: transparent; box-shadow: 0 1px 2px rgba(15,23,42,.05); }
.card:hover { border-color: transparent; }
.card-media { aspect-ratio: 16 / 11; }
.card-body { padding: 20px 20px 22px; }
.card h3 { font-size: 1.1rem; }
.card .more { color: var(--accent); }

/* 认证：浅色底、药丸形，不是黑板 */
section.band.dark.certs-band { background: var(--bg-soft); color: var(--ink-2); }
section.band.dark.certs-band h2 { color: var(--ink); }
section.band.dark.certs-band .cert { background: #fff; border-color: var(--line); color: var(--ink-2); border-radius: 999px; padding: 9px 16px; }

header.site .wrap { min-height: 80px; }
.brand { font-size: 1.2rem; }
nav.main a { font-weight: 600; }
.way { border-radius: var(--radius-lg); }