/* ============================================================================
   给你吧流量 · 视觉设计系统 v2
   定位：黑红高级感 / 大气 / 有质感
   原则：克制的动效、真实的层次、讲究的留白与字距、统一的红系色阶
   ============================================================================ */

/* 高级字体（国内可访问）：jsDelivr/fontsource，比 Google Fonts 稳定。
   衬线 Noto Serif SC 做标题/口号/品牌/数字，无衬线 Noto Sans SC 做正文/UI。
   字重缺失时自动回退到系统衬线（Songti SC / SimSun / serif）。 */
@import url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-sc@5/400.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-sc@5/600.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-sc@5/700.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-sc@5/900.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-sc@5/400.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-sc@5/500.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-sc@5/700.css');

/* ============ 设计令牌 ============ */
:root {
  /* 中性阶：从纯黑到浅灰，避免任何"发灰发蓝"的底色 */
  --gnb-ink-0: #07070A;
  --gnb-ink-1: #0C0C11;
  --gnb-ink-2: #111118;
  --gnb-ink-3: #17171F;

  /* 品牌红：深浅三阶 + 高光 */
  --gnb-red:    #E8112D;
  --gnb-red-2:  #FF4D6A;
  --gnb-red-hi: #FF8A9C;
  --gnb-red-dp: #8E0F22;

  /* 点缀金：只在极小面积使用 */
  --gnb-gold: #C9A227;

  /* 文字 */
  --gnb-tx-1: #F4F4F8;
  --gnb-tx-2: #A8A8BA;
  --gnb-tx-3: #75758C;

  /* 线条 */
  --gnb-ln-1: rgba(255, 255, 255, .09);
  --gnb-ln-2: rgba(255, 255, 255, .055);
  --gnb-ln-r: rgba(232, 17, 45, .40);

  /* 圆角 */
  --gnb-r-s: 12px;  --gnb-r-m: 18px;  --gnb-r-l: 24px;  --gnb-r-xl: 32px;

  /* 阴影 */
  --gnb-sh-1: 0 2px 8px rgba(0,0,0,.45);
  --gnb-sh-2: 0 18px 46px -18px rgba(0,0,0,.85);
  --gnb-sh-r: 0 24px 60px -22px rgba(232,17,45,.42);

  /* 缓动 */
  --gnb-ease: cubic-bezier(.22, 1, .36, 1);

  /* 高级字体：display=衬线（标题/口号/品牌/数字，显贵气），sans=无衬线（正文/UI，显现代） */
  --gnb-font-display: "Noto Serif SC", "Cormorant Garamond", "Songti SC", "STSong", "SimSun", serif;
  --gnb-font-sans: "Noto Sans SC", "PingFang SC", "HarmonyOS Sans SC", "MiSans", -apple-system, BlinkMacSystemFont, "Microsoft YaHei", system-ui, sans-serif;
}

/* ============ 基础 ============ */
html { background: var(--gnb-ink-0); color-scheme: dark; scroll-behavior: smooth; }
html, body { overflow-x: hidden !important; max-width: 100%; }

body {
  background:
    radial-gradient(1200px 620px at 50% -12%, rgba(232, 17, 45, .17), transparent 70%),
    radial-gradient(1000px 640px at 50% 116%, rgba(232, 17, 45, .07), transparent 72%),
    var(--gnb-ink-0) !important;
  background-attachment: fixed !important;
  color: var(--gnb-tx-1) !important;
  font-family: var(--gnb-font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  letter-spacing: .01em;
}

/* 顶部 1px 品牌红线 */
body::before {
  content: ""; position: fixed; inset: 0 0 auto 0; height: 1px; z-index: 9999;
  background: linear-gradient(90deg, transparent, var(--gnb-red) 22%, var(--gnb-red-hi) 50%, var(--gnb-red) 78%, transparent);
  opacity: .85; pointer-events: none;
}

/* 背景质感层：极细网格 + 单点红晕 + 噪点。轻，不抢戏 */
body::after {
  content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.020) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.020) 1px, transparent 1px);
  background-size: 72px 72px;
  -webkit-mask-image: radial-gradient(ellipse 90% 65% at 50% 0%, #000 30%, transparent 92%);
  mask-image: radial-gradient(ellipse 90% 65% at 50% 0%, #000 30%, transparent 92%);
  opacity: .9;
}

/* ============ 滚动条 / 选区 ============ */
/* 滚动条：默认低调，交互时才亮红 —— 别让一道红条破坏整体感 */
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.13);
  border-radius: 99px; border: 2px solid transparent; background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover { background: rgba(232,17,45,.62); background-clip: padding-box; }
::selection { background: rgba(232,17,45,.38); color: #fff; }

/* ============ 环境光斑：全部关掉，改由 body 的静态光晕承担 ============ */
.orb, .bwfx-bg, [class*="ambient"] { display: none !important; }

/* ============ 排版体系 ============ */
h1, h2, h3, h4 { letter-spacing: -.018em; line-height: 1.28; }
p, li { line-height: 1.85; }

/* 章节小标：字距拉开，做成"设计感"标签 */
.section-tag, .sec-tag {
  display: inline-block;
  font-size: 11px !important;
  letter-spacing: .26em !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  padding: 6px 15px;
  border: 1px solid var(--gnb-ln-r) !important;
  border-radius: 99px !important;
  margin-bottom: 16px !important;
  /* 实底胶囊：必须显式关掉文字裁剪，否则会被上层的渐变文字规则吃掉 */
  background: rgba(232,17,45,.075) !important;
  -webkit-background-clip: border-box !important; background-clip: border-box !important;
  -webkit-text-fill-color: var(--gnb-red-2) !important;
  color: var(--gnb-red-2) !important;
  animation: none !important;
  filter: none !important;
}
/* 章节主标题 */
.section-head h2, .sec-head h2 {
  font-size: clamp(26px, 3.4vw, 40px) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  margin-bottom: 12px !important;
}
.section-desc, .sec-desc {
  font-size: 15px !important;
  color: var(--gnb-tx-2) !important;
  line-height: 1.9 !important;
  max-width: 62ch;
}

/* 渐变文字：静态、克制，只在标题上用 */
.hero h1,
.section-head h2, .sec-head h2, .pg-title, .idd-meta h1, .req-head h2,
.card h2, .card h3 {
  background-image: linear-gradient(115deg, #FFFFFF 0%, #FFE3E8 24%, var(--gnb-red-hi) 46%, var(--gnb-red) 62%, #FFB9C4 82%, #FFFFFF 100%) !important;
  background-size: 200% auto !important;
  background-position: 30% 50% !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  color: transparent !important; -webkit-text-fill-color: transparent !important;
  animation: none !important;   /* 停止流光，避免廉价感 */
  filter: drop-shadow(0 2px 16px rgba(232,17,45,.22));
}

/* ============ 卡片系统（统一质感） ============ */
.cap-card, .wecan-card, .case-card, .testi-card, .dl-card, .stat-card,
.platform-item, .ind-card, .banned-card, .req-card, .step-card, .word-card,
.path-item, .card, .search, .idd-head, .modal, .panel, .field {
  background: linear-gradient(165deg, rgba(255,255,255,.055) 0%, rgba(255,255,255,.014) 100%) !important;
  border: 1px solid var(--gnb-ln-1) !important;
  border-radius: var(--gnb-r-m) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    var(--gnb-sh-2) !important;
  transition: transform .4s var(--gnb-ease), border-color .4s var(--gnb-ease), box-shadow .4s var(--gnb-ease);
  position: relative;
  overflow: hidden;
}
/* 顶部一道极细高光，制造"玻璃边缘" */
.cap-card::before, .wecan-card::before, .case-card::before, .testi-card::before,
.dl-card::before, .stat-card::before, .ind-card::before, .card::before {
  content: ""; position: absolute; inset: 0 0 auto 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
  opacity: .7; pointer-events: none;
}
/* hover：微微抬起 + 红边光 */
.cap-card:hover, .wecan-card:hover, .case-card:hover, .testi-card:hover,
.dl-card:hover, .stat-card:hover, .platform-item:hover, .path-item:hover,
.ind-card:hover, .card:hover {
  transform: translateY(-4px);
  border-color: var(--gnb-ln-r) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 0 0 1px rgba(232,17,45,.10),
    var(--gnb-sh-r),
    var(--gnb-sh-2) !important;
}

/* ★ 关掉旋转跑马灯 —— 这是廉价感的主要来源 */
.ind-card::after, .banned-card::after, .req-card::after, .step-card::after,
.word-card::after, .search::after, .idd-head::after, .modal::after,
.stat-card::after, .cap-card::after, .wecan-card::after, .case-card::after,
.testi-card::after, .platform-item::after, .dl-card::after, .card::after {
  display: none !important;
  animation: none !important;
}
.grp-item.on::before, .status-item.on::before { animation: none !important; }

/* ============ 信息块：红色只做点缀，不做大面积底色 ============
   大量淡红底叠在一起会显"闷"。这里统一改为中性深底 + 细边，
   红色只保留在图标、关键数字和强调文字上。 */
.cap-feature, .wecan-cat, .case-plan, .case-exposure, .wecan-step,
.req-item, .ic-row, .ind-search, .step-item, .word-card > span,
.path-item, .platform-item {
  background: rgba(255, 255, 255, .035) !important;
  border: 1px solid var(--gnb-ln-2) !important;
  border-radius: 10px !important;
}
.cap-feature {
  padding: 12px 14px !important;
  color: var(--gnb-tx-2) !important;
  font-size: 13.5px !important;
  display: flex; align-items: center; gap: 9px;
}
.cap-feature svg, .wecan-step svg, .ic-row svg { color: var(--gnb-red-2) !important; stroke: var(--gnb-red-2) !important; flex: none; }
.case-plan {
  padding: 14px 16px !important;
  color: var(--gnb-tx-2) !important;
  line-height: 1.85 !important;
  font-size: 14px !important;
}
.case-exposure { padding: 18px !important; text-align: center; }
.wecan-cat { padding: 7px 12px !important; font-size: 12.5px !important; color: var(--gnb-tx-2) !important; }
.badge, .section-tag { backdrop-filter: blur(8px); }

/* ============ 按钮 ============ */
.btn, button.btn, a.btn, .lead-btn, [class*="btn"]:not(.ghost) {
  border-radius: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .04em;
  box-shadow: 0 10px 26px -10px rgba(232,17,45,.55) !important;
  transition: transform .25s var(--gnb-ease), box-shadow .25s var(--gnb-ease), filter .25s var(--gnb-ease) !important;
  position: relative; overflow: hidden;
}
.btn:hover, button.btn:hover, a.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px -10px rgba(232,17,45,.7) !important;
  filter: brightness(1.06);
}
.btn:active { transform: translateY(0); }
/* 关掉按钮上循环扫过的白色高光条 —— 静态干净比来回扫更高级。
   交互反馈交给 hover 的位移 + 光晕变化。 */
.btn::after, button.btn::after, a.btn::after, [class*="btn"]::after {
  display: none !important;
  animation: none !important;
  background: none !important;
}

/* 投放四步等流程卡：等宽对齐，避免右边参差 */
.dl-item { align-items: stretch !important; }
.dl-card { flex: 1 1 auto !important; width: 100% !important; }
.dl-flow { max-width: none !important; }
.btn.ghost, button.ghost {
  background: transparent !important;
  color: var(--gnb-tx-2) !important;
  border: 1px solid var(--gnb-ln-1) !important;
  box-shadow: none !important;
}
.btn.ghost:hover { color: var(--gnb-tx-1) !important; border-color: var(--gnb-ln-r) !important; background: rgba(232,17,45,.08) !important; }

/* ============ 表单控件 ============ */
input, textarea, select {
  background: rgba(255,255,255,.035) !important;
  border: 1px solid var(--gnb-ln-1) !important;
  color: var(--gnb-tx-1) !important;
  border-radius: var(--gnb-r-s) !important;
  padding: 13px 15px !important;
  font-size: 15px !important;
  caret-color: var(--gnb-red);
  transition: border-color .25s var(--gnb-ease), box-shadow .25s var(--gnb-ease), background .25s var(--gnb-ease);
}
input::placeholder, textarea::placeholder { color: var(--gnb-tx-3) !important; }
input:hover, textarea:hover, select:hover { border-color: rgba(255,255,255,.16) !important; }
input:focus, textarea:focus, select:focus {
  border-color: var(--gnb-red) !important;
  background: rgba(232,17,45,.05) !important;
  box-shadow: 0 0 0 4px rgba(232,17,45,.13) !important;
  outline: none;
}
select option { background: var(--gnb-ink-2); color: var(--gnb-tx-1); }

/* ============ 章节节奏：拉开留白 ============ */
main > section, .container > section, main section {
  padding-top: clamp(48px, 7vw, 92px) !important;
  padding-bottom: clamp(48px, 7vw, 92px) !important;
}
.section-head { margin-bottom: clamp(28px, 4vw, 48px) !important; }

/* ============ 首页各区块细调 ============ */
/* 数据条 */
.stat-card { padding: 26px 22px !important; text-align: center; }
/* 纯数字卡：放大用渐变
   注意第四张卡是文字（内联 font-size:17px），必须尊重它的内联字号，
   否则会被撑成大号红字，连成一片红块。 */
.stat-num:not([style*="font-size"]) {
  font-size: clamp(30px, 4.4vw, 46px) !important;
  font-weight: 800; letter-spacing: -.03em;
  /* 用 background-image（而非简写 background），避免重置 background-clip 变成色块 */
  background-image: linear-gradient(180deg, #FFFFFF 0%, var(--gnb-red-hi) 62%, var(--gnb-red) 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
/* 文字型统计卡：亮红纯色，字号保持原样 */
.stat-num[style*="font-size"] {
  font-weight: 800 !important;
  letter-spacing: -.01em;
  background-image: none !important;
  -webkit-background-clip: border-box !important; background-clip: border-box !important;
  -webkit-text-fill-color: var(--gnb-red-hi) !important;
  color: var(--gnb-red-hi) !important;
}
.stat-label { font-size: 13px !important; color: var(--gnb-tx-2) !important; letter-spacing: .06em; }

/* 能力卡 */
.cap-card { padding: clamp(22px, 3vw, 34px) !important; }
.cap-sub { font-size: 13px !important; letter-spacing: .14em; color: var(--gnb-red-2) !important; font-weight: 700; }
.cap-title { font-size: clamp(19px, 2.2vw, 25px) !important; font-weight: 800; }
.cap-desc { color: var(--gnb-tx-2) !important; line-height: 1.9 !important; }
.cap-feature { color: var(--gnb-tx-2) !important; }

/* 场景六宫格 */
.wecan-grid { gap: clamp(14px, 2vw, 22px) !important; }
.wecan-card { padding: clamp(20px, 2.4vw, 28px) !important; }
.wecan-idx { font-size: 12px !important; color: var(--gnb-red-2) !important; letter-spacing: .12em; font-weight: 700; }
.wecan-cat { color: var(--gnb-tx-2) !important; }
.wecan-title { font-size: 17px !important; font-weight: 800; }

/* 案例卡 */
.case-card { padding: 0 !important; }
.case-top { padding: clamp(18px, 2.2vw, 26px) !important; }
.case-tag { font-size: 11px !important; letter-spacing: .16em; color: var(--gnb-red-2) !important; }
.case-title { font-size: clamp(16px, 1.8vw, 20px) !important; font-weight: 800; }
.case-shot img { border-radius: 0 !important; }
.expo-num, .cap-num, .fig-num {
  font-size: clamp(24px, 3vw, 34px) !important;
  background-image: linear-gradient(180deg, #FFFFFF 0%, var(--gnb-red-hi) 62%, var(--gnb-red) 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* 见证卡：宽屏 3 列，卡片不再空旷 */
.testi-card { padding: clamp(22px, 2.6vw, 32px) !important; }
@media (min-width: 1000px) {
  .testi-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; }
}
@media (min-width: 1000px) and (max-width: 1180px) {
  .testi-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
.testi-quote { font-size: 15px !important; color: var(--gnb-tx-1) !important; line-height: 1.9 !important; }
.testi-name { font-weight: 800; }
.testi-role { color: var(--gnb-tx-3) !important; }
.testi-avatar { border-radius: 50%; border: 1px solid var(--gnb-ln-1); }
.testi-tag { color: var(--gnb-red-2) !important; border: 1px solid var(--gnb-ln-r) !important; background: rgba(232,17,45,.08) !important; }

/* 平台墙 */
.platform-item { border-radius: var(--gnb-r-s) !important; padding: 14px 8px !important; }
.platform-logo { opacity: .82; }
.platform-item:hover .platform-logo { opacity: 1; }
.pf-name { color: var(--gnb-tx-2) !important; font-size: 12px !important; }

/* 转化链路 */
.path-item { padding: 20px 12px !important; border-radius: var(--gnb-r-s) !important; }
.path-item div { color: var(--gnb-tx-2) !important; font-size: 13px !important; }

/* 投放四步 */
.dl-card { padding: clamp(20px, 2.4vw, 28px) !important; }
.dl-step { letter-spacing: .1em; font-size: 12px !important; color: var(--gnb-red-2) !important; }
.dl-card h4 { font-size: 17px !important; font-weight: 800; }
.dl-card p { color: var(--gnb-tx-2) !important; }

/* 留资卡 */
.lead-card {
  background: linear-gradient(160deg, rgba(232,17,45,.10), rgba(255,255,255,.02)) !important;
  border: 1px solid var(--gnb-ln-r) !important;
  border-radius: var(--gnb-r-l) !important;
  padding: clamp(28px, 4vw, 48px) !important;
  box-shadow: var(--gnb-sh-r), var(--gnb-sh-2) !important;
}
.lead-title { font-size: clamp(20px, 2.6vw, 30px) !important; font-weight: 800; letter-spacing: -.02em; }
.lead-sub { color: var(--gnb-tx-2) !important; }
.lead-btn { width: 100%; padding: 16px !important; font-size: 16px !important; }

/* Hero */
.hero { padding-top: clamp(52px, 8vw, 96px) !important; padding-bottom: clamp(40px, 6vw, 72px) !important; }
.hero h1 { font-size: clamp(34px, 6.2vw, 66px) !important; font-weight: 900; line-height: 1.22; letter-spacing: -.03em; }
.hero-sub { font-size: clamp(15px, 1.5vw, 17px) !important; color: var(--gnb-tx-2) !important; line-height: 2 !important; max-width: 56ch; margin-inline: auto; }
.badge {
  background: rgba(232,17,45,.10) !important;
  border: 1px solid var(--gnb-ln-r) !important;
  color: var(--gnb-red-hi) !important;
  border-radius: 99px !important;
  padding: 8px 18px !important;
  font-size: 13px !important; letter-spacing: .08em; font-weight: 700;
}
.phone-card span { color: var(--gnb-tx-2) !important; }
/* 桌面：三个装饰卡从"散落在两端"改为居中等距一排，角度收敛 */
.hero-visual { height: auto !important; margin-bottom: clamp(30px, 4vw, 54px) !important; }
@media (min-width: 720px) {
  .hero-visual {
    display: flex !important; justify-content: center; align-items: center;
    gap: clamp(18px, 3vw, 40px);
  }
  .phone-card {
    position: static !important;
    width: 152px !important; height: 178px !important;
    border-radius: var(--gnb-r-l) !important;
    background: linear-gradient(165deg, rgba(255,255,255,.06), rgba(255,255,255,.015)) !important;
    border: 1px solid var(--gnb-ln-1) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), var(--gnb-sh-2) !important;
    transform: none !important;
    transition: transform .5s var(--gnb-ease), border-color .5s var(--gnb-ease), box-shadow .5s var(--gnb-ease);
  }
  .phone-1 { transform: rotate(-3deg) !important; }
  .phone-2 { transform: translateY(-14px) !important; }
  .phone-3 { transform: rotate(3deg) !important; }
  .phone-card:hover { transform: translateY(-10px) !important; border-color: var(--gnb-ln-r) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), var(--gnb-sh-r) !important; }
  .phone-card svg { width: 44px !important; height: 44px !important; }
  .phone-card span { font-size: 14px !important; letter-spacing: .06em; }
}

/* 标语（用 background-image 简写安全版） */
.bw-slogan, .bw-power {
  background-image: linear-gradient(100deg, #FFFFFF 6%, var(--gnb-red-hi) 38%, var(--gnb-red) 58%, #FFC2CC 82%, #FFFFFF 100%) !important;
  background-size: 200% auto !important;
  background-position: 35% 50% !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  filter: drop-shadow(0 2px 14px rgba(232,17,45,.22));
}
/* 标题内的高亮词：统一为亮红纯色，避免嵌套裁剪产生色块 */
.hero h1 .highlight, .hero h1 span,
.section-head h2 .highlight, h2 .highlight, .pg-title .highlight {
  background-image: none !important;
  background: none !important;
  -webkit-background-clip: border-box !important; background-clip: border-box !important;
  -webkit-text-fill-color: var(--gnb-red-hi) !important;
  color: var(--gnb-red-hi) !important;
  filter: drop-shadow(0 0 16px rgba(255,77,106,.35));
}

/* ============ 页头 ============ */
.bwt, header {
  background: rgba(7,7,10,.82) !important;
  border-bottom: 1px solid var(--gnb-ln-2) !important;
  backdrop-filter: blur(20px) !important;
}
.bwt-brand {
  background-image: linear-gradient(115deg, #FFFFFF 0%, #FFE3E8 30%, var(--gnb-red-hi) 48%, var(--gnb-red) 62%, #FFFFFF 84%, #FFFFFF 100%) !important;
  background-size: 200% auto !important; background-position: 28% 50% !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  letter-spacing: 2px !important;
  filter: drop-shadow(0 2px 12px rgba(232,17,45,.35)) !important;
}
.bwt-nav a { color: var(--gnb-tx-2) !important; border-radius: 99px !important; }
.bwt-nav a:hover { color: var(--gnb-tx-1) !important; background: rgba(255,255,255,.06) !important; }
.bwt-nav a.on {
  background: linear-gradient(135deg, var(--gnb-red), var(--gnb-red-2)) !important;
  color: #fff !important;
  box-shadow: 0 6px 18px -6px rgba(232,17,45,.6) !important;
}

/* ============ 工具类页面统一 ============ */
.pg-title, .sec-head h2 { font-weight: 800 !important; }
.ic-row b { color: #FF6B8A !important; }
.fit, .cap-sub, .wecan-cat, .req-tip, .hint, .lead-sub, .section-desc,
.ic-row small, .path-item div, .dl-card p, .case-desc, .testi-quote { color: var(--gnb-tx-2) !important; }
.dl-step, .testi-tag, .wecan-label, .section-tag, .no { color: var(--gnb-red-2) !important; }
em { color: var(--gnb-red-hi) !important; font-style: normal; }
.a, a { color: var(--gnb-red-hi); }

/* 行业分组色：统一为红系深浅，去掉橙绿紫的"彩虹感" */
.ind-card, .banned-card, .req-card, .step-card, .word-card { border-color: var(--gnb-ln-1) !important; }
[style*="#f97316"], [style*="#3b82f6"], [style*="#a855f7"], [style*="#10b981"],
[style*="#0ea5e9"], [style*="#64748b"], [style*="#06b6d4"], [style*="#7c3aed"],
[style*="#ec4899"], [style*="#ef4444"] { filter: saturate(.75) hue-rotate(-12deg); }

/* 弹层 */
.modal, .sheet, .toast, .tip, .popup, .alert, [class*="toast"] {
  background: var(--gnb-ink-3) !important;
  color: var(--gnb-tx-1) !important;
  border: 1px solid var(--gnb-ln-1) !important;
  border-radius: var(--gnb-r-m) !important;
  box-shadow: 0 30px 70px -20px rgba(0,0,0,.9) !important;
}

/* 移动端：把原站放大 1.3 倍的字号收回来一点，更精致 */
@media (max-width: 1023px) {
  .hero h1 { font-size: clamp(30px, 7.6vw, 40px) !important; }
  .section-head h2 { font-size: clamp(22px, 5.4vw, 28px) !important; }
}

/* ============ 高级字体：标题/口号/品牌/数字统一衬线，显高端质感 ============ */
.hero h1, .section-head h2, .sec-head h2, .pg-title, .idd-meta h1, .req-head h2,
.card h2, .card h3, .cap-title, .wecan-title, .case-title, .dl-card h4,
.bw-slogan, .bw-power, .bwt-brand,
.stat-num, .expo-num, .cap-num, .fig-num, h1, h2, h3, h4 {
  font-family: var(--gnb-font-display) !important;
}

/* Hero 精致化：更大留白、收敛字距、强化层级 */
.hero { padding-top: clamp(64px, 9vw, 116px) !important; padding-bottom: clamp(48px, 7vw, 88px) !important; }
.hero h1 { letter-spacing: -.02em; line-height: 1.16; font-weight: 900; }
.hero-sub { max-width: 52ch; line-height: 2.05 !important; }
.bw-slogan {
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  font-size: clamp(15px, 2.6vw, 21px) !important;
  margin: 0 auto 22px !important;
}
/* slogan 上方一道极细红金分隔线，制造"设计感" */
.bw-slogan.bw-top { position: relative; }
.bw-slogan.bw-top::before {
  content: ""; display: block; width: 46px; height: 1px; margin: 0 auto 20px;
  background: linear-gradient(90deg, transparent, var(--gnb-red-hi), transparent);
}
.bw-power { letter-spacing: .04em !important; font-weight: 700 !important; }

/* 章节节奏再拉开一点，更"呼吸" */
main > section, .container > section, main section {
  padding-top: clamp(56px, 8vw, 104px) !important;
  padding-bottom: clamp(56px, 8vw, 104px) !important;
}

@media print { body { background: #fff !important; color: #000 !important; } }
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  body { padding-bottom: env(safe-area-inset-bottom); }
}