/* ============================================================
   theme-v2.css —— 冷灰工业皮肤（2026-10-29）
   覆盖在 style.css 之后，换肤不改结构。
   配色对齐新首页 new/index.html：冷灰底 #EEF1F2 / 炭墨 #14171A /
   深炭 #0D1114 / 炽热橙 #FF5A1F。
   字体：Space Grotesk（标题）+ Manrope（正文），自托管（GDPR）。
   ============================================================ */

:root{
  --bg: #EEF1F2;
  --bg-alt: #E2E6E8;
  --surface: #F6F8F9;
  --surface-2: #E9ECEE;
  --ink: #14171A;
  --ink-2: #31383E;
  --ink-3: #5A6570;
  --brown: #1A1F23;
  --brown-deep: #0D1114;
  --accent: #FF5A1F;
  --accent-deep: #E04A14;
  --accent-soft: #FFE7DB;
  --line: rgba(20, 23, 26, 0.14);
  --line-strong: rgba(20, 23, 26, 0.28);

  --r-card: 14px;
  --r-shell: 28px;

  /* 字体：正文 Manrope，标题 Space Grotesk */
  --font: "Manrope", "Noto Sans Arabic", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-head: "Space Grotesk", "Noto Sans Arabic", "Noto Sans Thai", "Manrope", sans-serif;
}

/* 标题统一换 Space Grotesk + 收紧字距/行高 */
h1, h2, h3, h4, h5, h6,
.display, .brand b, .brand, .stat .num, .stat-chip, .market-tag{
  font-family: var(--font-head);
  letter-spacing: -0.025em;
}
h1{ line-height: 1.05; }
h2, h3{ line-height: 1.12; }

/* 主按钮橙色底白字（若旧样式用了 .btn-solid / .btn-primary） */
.btn-primary, .btn-solid, .btn[style*="background"]{
  background: var(--accent);
  color: #fff;
}
a.btn, .btn{ color: var(--ink); }

/* 深色区块统一成深炭（旧站用 --brown-deep 的地方） */
.footer, footer, .site-footer{
  background: var(--brown-deep);
  color: #fff;
}

/* 兜底：把 style.css 里残留的硬编码暖色覆盖掉（按常见承载选择器） */
body{ background: var(--bg); color: var(--ink); }
.bg-alt{ background: var(--bg-alt); }

/* 卡片表面从暖米白改冷白 */
.card, .scene-card, .product-card, .why-grid article, .stat-chip,
.trust-strip, .market-tag, [class*="card"]{
  background: var(--surface);
  color: var(--ink);
}

/* 统计条带是深底卡片，不参与上面的浅色卡片化（[class*="card"] 会误伤它） */
.stats-band-card{
  background: var(--brown-deep);
  color: #fff;
}

/* 链接与强调色 */
a{ color: var(--ink); }
a:hover{ color: var(--accent); }
.accent, .text-accent{ color: var(--accent); }

/* ============================================================
   2026-11-01 修：新旧皮肤混杂残留
   ① style.css L122 在 @supports(backdrop-filter) 里把导航条硬编码成
      暖米色 rgba(247,241,228,.94)（L118 的 var(--bg) 已被 :root 接管，
      唯独这个媒体块漏网）→ 改冷灰半透明
   ② .btn-wa/.float-wa 还是老品牌深绿 #1F6B45 → 换 WhatsApp 官方绿，
      买家一眼认出；与新皮肤橙/冷灰不打架
   ③ .btn-light 暖米 #FFF8EC → 冷白
   ============================================================ */
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .header{ background: rgba(238, 241, 242, 0.94); }
}

.btn-wa{ background: #25D366; color: #fff; }
.btn-wa:hover{ background: #1EBE5B; color: #fff; box-shadow: 0 8px 22px rgba(37, 211, 102, 0.32); }
.float-wa{ background: #25D366; color: #fff; }
.float-wa:hover{ background: #1EBE5B; }

.btn-light{ background: var(--surface); color: var(--ink); }