/* ==========================================================================
   Happyview 整站重设计层 v3.0  (hv-redesign-v3.css)
   方向：INDUSTRIAL DOSSIER —— 深色工业技术档案
   --------------------------------------------------------------------------
   与 v2 的关系：
     v1.0 = 原始渲染       → 关闭 HV_BEAUTIFY_V 得到
     v2.0 = 色温统一/质感   → 关闭 HV_REDESIGN_V 得到
     v3.0 = 本层：版式重构  → 打开即本层
   本层只做视觉，不动任何文案、图片与链接；所有 DOM 结构保持原样。

   设计决策（为什么这样改）：
     1) 基底翻转：站点是"路亚饵源头工厂"，买家看图决定信任。产品照片在
        深底上光泽更突出，浅底会把金属饵拍平。故整体翻为暖煤底（非纯黑，
        用 #141312 保留暖调），照片成为唯一高亮。
     2) 呼吸节奏：并不全深。中间穿插暖白区块（#f6f4f0），
        深 → 浅 → 深 的段落感比"一白到底"更有编排感，也让长页不压抑。
     3) 排版拉对比：标题放大到 clamp(46,6.6vw,108)，字距收紧 -0.035em，
        行高压到 .94；正文反而放宽行高到 1.75。近黑 / 暖灰 / 橙 三档
        层次拉开，取代原来"一片 16px 灰"的平。
     4) 工程 HUD：区块角标十字线、顶部标尺刻度、描边序号 01–07、
        等宽字标签。它们承担"精密制造"的语义，而不只是装饰。
     5) 单一强调色：全站只有一个橙 #ee7800，用于动作与索引。
   ========================================================================== */

/* ==========================================================================
   0. 令牌
   ========================================================================== */
/* --------------------------------------------------------------------------
   关于作用域前缀 `body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds`：
   hv-design-system.css 用 `body.hvp-ds.hvp-ds.hvp-redesign-home.hvp-redesign-home
   .hvp-v2-hero h1` 这种"双写类名"把关键规则抬到 0,5,2，普通写法（0,2,2）
   会被它压住（实测 hero H1 卡在 50px/660 不动）。
   这里刻意把 hvp-ds 重复 6 次，得到 0,6,x 的基数，明确赢过 0,5,2，
   而不必去改动设计系统层（那样会破坏 v1/v2 的回退视觉）。
   -------------------------------------------------------------------------- */
:root {
  /* 深色基底（暖煤，刻意避开纯黑） */
  --hv3-coal: #141312;
  --hv3-coal-2: #1b1a17;
  --hv3-coal-3: #242220;
  --hv3-coal-4: #2e2b28;

  /* 浅色呼吸带（暖白，非冷白） */
  --hv3-cream: #f6f4f0;
  --hv3-cream-2: #edeae4;
  --hv3-paper: #ffffff;

  /* 强调（全站唯一） */
  --hv3-orange: #ee7800;
  --hv3-orange-hi: #ff9226;
  --hv3-orange-dim: rgba(238, 120, 0, 0.16);

  /* 深底文字层次 */
  --hv3-on-hi: #f6f2ea;
  --hv3-on-mid: rgba(246, 242, 234, 0.68);
  --hv3-on-lo: rgba(246, 242, 234, 0.42);
  --hv3-on-line: rgba(246, 242, 234, 0.13);
  --hv3-on-line-hi: rgba(246, 242, 234, 0.24);

  /* 浅底文字层次 */
  --hv3-ink: #17150f;
  --hv3-ink-mid: #55514a;
  --hv3-ink-lo: #8b8579;
  --hv3-ink-line: rgba(23, 21, 15, 0.11);

  /* 尺度 */
  --hv3-maxw: 1300px;
  --hv3-gutter: clamp(20px, 4.4vw, 58px);
  --hv3-section: clamp(74px, 8.6vw, 152px);
  --hv3-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --hv3-ease-io: cubic-bezier(0.65, 0, 0.35, 1);

  /* 等宽栈：技术标签与数字，零新增字体请求 */
  --hv3-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas,
    "Liberation Mono", monospace;
}

/* 等宽字标签的统一样式（全站复用） */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds {
  background: var(--hv3-coal) !important;
  color: var(--hv3-on-mid);
}

/* ==========================================================================
   1. 排版体系 —— 重设全站字阶
   ========================================================================== */

/* 1.1 显示级标题：极大化 + 收紧字距 + 压缩行高 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds h1 {
  font-size: clamp(42px, 5.4vw, 82px) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.035em !important;
  font-weight: 800 !important;
  color: var(--hv3-on-hi) !important;
  text-wrap: balance;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds h2 {
  font-size: clamp(31px, 4.1vw, 64px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.03em !important;
  font-weight: 800 !important;
  text-wrap: balance;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds h3 {
  font-size: clamp(19px, 1.75vw, 27px) !important;
  line-height: 1.24 !important;
  letter-spacing: -0.018em !important;
  font-weight: 700 !important;
}

/* 1.2 引导段：比正文大一号，是"编辑式排版"的关键 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-hero__copy > p,
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-video-proof__copy > p,
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-global__copy > p,
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-quality__copy > p,
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-certifications__copy > p,
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-sub-hero__content > p,
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-section-head > p {
  font-size: clamp(16.5px, 1.28vw, 20px) !important;
  line-height: 1.72 !important;
  letter-spacing: -0.005em;
  max-width: 58ch;
}

/* 1.3 正文基准 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds p,
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds li {
  line-height: 1.74 !important;
}

/* 1.4 技术标签（kicker）：等宽 + 大写 + 宽字距 + 橙色短横 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-v2-kicker, .hvp-kicker) {
  font-family: var(--hv3-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  color: var(--hv3-orange) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-v2-kicker, .hvp-kicker)::before {
  content: "" !important;
  display: block !important;
  width: 26px !important;
  height: 1px !important;
  background: var(--hv3-orange) !important;
  transform: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  position: static !important;
}

/* ==========================================================================
   2. 容器与节奏 —— 加宽版心，重建留白
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-v2-container, .hvp-sub-container) {
  max-width: var(--hv3-maxw) !important;
  width: 100% !important;
  margin-inline: auto !important;
  padding-inline: var(--hv3-gutter) !important;
  box-sizing: border-box !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-hero__inner {
  margin-inline: auto !important;
}

/* 区块统一纵向节奏 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(
  .hvp-v2-video-proof,
  .hvp-v2-capabilities,
  .hvp-v2-global,
  .hvp-v2-process,
  .hvp-v2-quality,
  .hvp-v2-certifications,
  .hvp-v2-about,
  .hvp-sub-section,
  .hvp-band
) {
  padding-block: var(--hv3-section) !important;
  position: relative;
}

/* Elementor 外壳透明化：背景一律交给区块自己声明，
   否则浅底会在深色段落之间露出白缝 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(
  .elementor-section,
  .elementor-container,
  .elementor-column,
  .elementor-widget-html
) {
  background: transparent !important;
}

/* ==========================================================================
   3. 深色作用域 —— 文字层次的批量接管
   --------------------------------------------------------------------------
   深色区块里的文字必须逐层提权，因为设计系统层有全局 p/h 颜色规则。
   这里用 :is() 列出深色区块，一次性重映射三档文字色。
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(
  .hvp-v2-hero,
  .hvp-v2-video-proof,
  .hvp-v2-process,
  .hvp-v2-about,
  .hvp-sub-hero,
  .hvp-site-footer,
  .hvp-dark
) :is(h1, h2, h3, h4, h5, h6, strong) {
  color: var(--hv3-on-hi) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(
  .hvp-v2-hero,
  .hvp-v2-video-proof,
  .hvp-v2-process,
  .hvp-v2-about,
  .hvp-sub-hero,
  .hvp-site-footer,
  .hvp-dark
) :is(p, li, dd, figcaption, small) {
  color: var(--hv3-on-mid) !important;
}

/* ==========================================================================
   4. 区块包装器 —— 工程 HUD 角标与标尺
   --------------------------------------------------------------------------
   每个深/浅区块四角加十字定位线，顶部加一条带刻度的标尺。
   这是全站反复出现的签名元素，负责"精密"语义。
   ========================================================================== */

/* 4.1 区块四角十字线（用两层背景图实现，零额外 DOM） */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(
  .hvp-v2-video-proof,
  .hvp-v2-capabilities,
  .hvp-v2-global,
  .hvp-v2-process,
  .hvp-v2-quality,
  .hvp-v2-certifications,
  .hvp-v2-about,
  .hvp-sub-section
)::before {
  content: "" !important;
  position: absolute !important;
  inset: 22px !important;
  pointer-events: none !important;
  z-index: 1;
  opacity: 0.5;
  background-image:
    linear-gradient(currentColor, currentColor),
    linear-gradient(currentColor, currentColor),
    linear-gradient(currentColor, currentColor),
    linear-gradient(currentColor, currentColor);
  background-size: 11px 1px, 1px 11px, 11px 1px, 1px 11px;
  background-position:
    left top, left top,
    right bottom, right bottom;
  background-repeat: no-repeat;
}

/* 十字线颜色：深底浅、浅底深 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-v2-video-proof, .hvp-v2-process, .hvp-v2-about, .hvp-sub-hero)::before {
  color: rgba(246, 242, 234, 0.28);
}
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-v2-capabilities, .hvp-v2-global, .hvp-v2-quality, .hvp-v2-certifications)::before {
  color: rgba(23, 21, 15, 0.22);
}
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-sub-section::before {
  color: rgba(23, 21, 15, 0.2);
}

/* 4.2 顶部标尺刻度：细线 + 每 80px 一个短刻度 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(
  .hvp-v2-video-proof,
  .hvp-v2-capabilities,
  .hvp-v2-global,
  .hvp-v2-process,
  .hvp-v2-quality,
  .hvp-v2-certifications,
  .hvp-v2-about
)::after {
  content: "" !important;
  position: absolute !important;
  left: var(--hv3-gutter) !important;
  right: var(--hv3-gutter) !important;
  top: 0 !important;
  height: 1px !important;
  pointer-events: none !important;
  z-index: 1;
  background-image: repeating-linear-gradient(
    to right,
    currentColor 0 1px,
    transparent 1px 80px
  );
  opacity: 0.9;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-v2-video-proof, .hvp-v2-process, .hvp-v2-about)::after {
  color: rgba(246, 242, 234, 0.16);
}
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-v2-capabilities, .hvp-v2-global, .hvp-v2-quality, .hvp-v2-certifications)::after {
  color: rgba(23, 21, 15, 0.12);
}

/* ==========================================================================
   5. 明暗节奏 —— 给每个区块指定底色
   ========================================================================== */

/* 深色段落 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(
  .hvp-v2-hero,
  .hvp-v2-video-proof,
  .hvp-v2-process,
  .hvp-v2-about
) {
  background: var(--hv3-coal) !important;
}

/* 浅色呼吸带 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(
  .hvp-v2-capabilities,
  .hvp-v2-global,
  .hvp-v2-quality,
  .hvp-v2-certifications
) {
  background: var(--hv3-cream) !important;
}

/* 浅色带里的标题与正文改为深色系 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(
  .hvp-v2-capabilities,
  .hvp-v2-global,
  .hvp-v2-quality,
  .hvp-v2-certifications
) :is(h1, h2, h3, h4, h5, h6) {
  color: var(--hv3-ink) !important;
}
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(
  .hvp-v2-capabilities,
  .hvp-v2-global,
  .hvp-v2-quality,
  .hvp-v2-certifications
) :is(p, li, small) {
  color: var(--hv3-ink-mid) !important;
}

/* 相邻浅色带之间用发丝线分隔 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-global,
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-certifications {
  border-top: 1px solid var(--hv3-ink-line) !important;
}

/* ==========================================================================
   6. 顶部导航 —— 深色玻璃 + 橙色指示
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-shell-nav {
  height: 68px !important;
  background: rgba(20, 19, 18, 0.72) !important;
  backdrop-filter: saturate(150%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(150%) blur(20px) !important;
  border-bottom: 1px solid rgba(246, 242, 234, 0.09) !important;
  box-shadow: none !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-shell-nav, .hvp-shell-nav__inner) {
  color: var(--hv3-on-mid) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(
  .hvp-shell-menu a,
  .hvp-shell-menu > li > a,
  [class*="language__toggle"],
  [class*="language__toggle"] span,
  .hvp-shell-actions a
) {
  color: rgba(246, 242, 234, 0.78) !important;
  font-size: 12.5px !important;
  letter-spacing: 0.02em !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-shell-menu a, [class*="language__toggle"]) :is(span, i) {
  color: inherit !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-shell-menu a:hover,
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-shell-menu a.is-active {
  color: var(--hv3-on-hi) !important;
}

/* 品牌字：保持原样（用户明确要求 HAPPYVIEW 不参与改色） */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-shell-logo, .hvp-footer-logo) {
  color: var(--hv3-on-hi) !important;
}

/* 询价按钮：橙色实心，全站唯一 CTA 色 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-shell-quote, .hvp-shell-actions .hvp-primary) {
  background: var(--hv3-orange) !important;
  color: #16130f !important;
  border: 0 !important;
  border-radius: 2px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
}

/* ==========================================================================
   7. 首页 HERO —— 沉浸式全幅 + 巨型标尺排版
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-hero {
  min-height: min(92vh, 880px) !important;
  display: flex !important;
  align-items: stretch !important;
  background: var(--hv3-coal) !important;
  isolation: isolate;
}

/* 图片层：铺满 + 左侧深色渐变，保证文字可读 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-hero__image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-hero__image::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  height: auto !important;
  width: auto !important;
  background:
    linear-gradient(100deg, rgba(20, 19, 18, 0.94) 0%, rgba(20, 19, 18, 0.82) 34%, rgba(20, 19, 18, 0.3) 62%, rgba(20, 19, 18, 0.18) 100%),
    linear-gradient(to top, rgba(20, 19, 18, 0.86) 0%, rgba(20, 19, 18, 0) 46%) !important;
  pointer-events: none !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-hero__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(0.9) contrast(1.06) brightness(0.82) !important;
}

/* 内容层：文案占左侧 52%，右侧留给摄影 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-hero__inner {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  padding-block: clamp(78px, 9vh, 118px) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-hero__copy {
  width: min(62%, 790px) !important;
  max-width: 790px !important;
}

/* hero 标题下压一个层级，避免与导航抢焦点 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-hero__copy h1 {
  margin-block: 22px 0 !important;
  text-shadow: 0 2px 40px rgba(0, 0, 0, 0.35);
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-hero__copy > p {
  color: var(--hv3-on-mid) !important;
  margin-top: 22px !important;
}

/* hero 要点：改为等宽小标签 + 竖线分隔 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-points {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  margin-top: 26px !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-points > * {
  font-family: var(--hv3-mono) !important;
  font-size: 10.5px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(246, 242, 234, 0.62) !important;
  padding: 0 16px !important;
  border-left: 1px solid rgba(246, 242, 234, 0.18) !important;
  background: none !important;
  border-radius: 0 !important;
  line-height: 1.6 !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-points > *:first-child {
  padding-left: 0 !important;
  border-left: 0 !important;
}

/* hero 底部：把统计条拉成一条"仪表读数组" */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-hero .hvp-v2-actions {
  margin-top: 38px !important;
  gap: 14px !important;
}

/* ==========================================================================
   8. 按钮 —— 直角、等宽标签、扫光
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-v2-btn, .hvp-primary, .hvp-secondary) {
  position: relative;
  height: 52px !important;
  padding: 0 28px !important;
  border-radius: 2px !important;
  font-family: var(--hv3-mono) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px;
  overflow: hidden;
  transition: transform 260ms var(--hv3-ease), background-color 260ms var(--hv3-ease),
    color 260ms var(--hv3-ease), border-color 260ms var(--hv3-ease) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-v2-btn, .hvp-primary) {
  background: var(--hv3-orange) !important;
  color: #17130d !important;
  border: 0 !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-v2-btn, .hvp-primary):hover {
  background: var(--hv3-orange-hi) !important;
  transform: translateY(-2px) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-secondary {
  background: transparent !important;
  color: var(--hv3-on-hi) !important;
  border: 1px solid rgba(246, 242, 234, 0.26) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-secondary:hover {
  background: rgba(246, 242, 234, 0.08) !important;
  border-color: rgba(246, 242, 234, 0.5) !important;
  color: var(--hv3-on-hi) !important;
  transform: translateY(-2px) !important;
}

/* 浅色区块里的次要按钮反色 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-v2-capabilities, .hvp-v2-global, .hvp-v2-quality, .hvp-v2-certifications) .hvp-secondary {
  color: var(--hv3-ink) !important;
  border-color: rgba(23, 21, 15, 0.24) !important;
}

/* hero 的次级入口是文字链（a.hvp-v2-link），给它等宽字 + 底线，
   与主按钮形成"实心 / 文字"的清晰主次 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 44px;
  padding: 0 2px !important;
  color: var(--hv3-orange) !important;
  font-family: var(--hv3-mono) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid rgba(238, 120, 0, 0.42) !important;
  transition: color 220ms ease-out, border-color 220ms ease-out;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-link:hover {
  color: var(--hv3-orange-hi) !important;
  border-bottom-color: var(--hv3-orange-hi) !important;
}

/* ==========================================================================
   9. 数据仪表条 —— 嵌在浅色段里的深色读数面板
   --------------------------------------------------------------------------
   原设计是"浅底 + 灰色大数字"，数字被背景吃掉。改为深色面板反白，
   让 20+ / 100+ / 6000m² 成为整页最响的三个点。
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  background: var(--hv3-coal) !important;
  border-radius: 2px !important;
  margin-top: clamp(40px, 4.6vw, 72px) !important;
  padding: 0 !important;
  overflow: hidden;
  position: relative;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-stats > div {
  display: block !important;
  padding: clamp(28px, 3.1vw, 46px) clamp(22px, 2.3vw, 38px) !important;
  border-left: 1px solid var(--hv3-on-line) !important;
  background: transparent !important;
  border-radius: 0 !important;
  transform: none !important;
  box-shadow: none !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-stats > div:first-child {
  border-left: 0 !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-stats strong {
  display: block !important;
  font-family: var(--hv3-mono) !important;
  font-size: clamp(24px, 3vw, 46px) !important;
  font-weight: 700 !important;
  line-height: 1.06 !important;
  letter-spacing: -0.035em !important;
  color: var(--hv3-on-hi) !important;
  font-variant-numeric: tabular-nums;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-stats span {
  display: block !important;
  margin-top: 14px !important;
  font-family: var(--hv3-mono) !important;
  font-size: 10.5px !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  color: var(--hv3-on-lo) !important;
  line-height: 1.6 !important;
}

/* ==========================================================================
   10. 视频证明区 —— 实拍画面上移到"证据"位置
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-video-proof__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr) !important;
  gap: clamp(34px, 4.6vw, 78px) !important;
  align-items: center !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-video-proof__media {
  position: relative !important;
  border: 1px solid var(--hv3-on-line-hi) !important;
  border-radius: 2px !important;
  overflow: hidden;
  background: var(--hv3-coal-2);
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-video-proof__media video {
  display: block !important;
  width: 100% !important;
  border-radius: 0 !important;
  filter: saturate(0.92) contrast(1.05);
}

/* 要点列表：从"三张卡片"改为可读的编号条目 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-video-proof__points {
  display: block !important;
  gap: 0 !important;
  margin-top: clamp(28px, 3vw, 44px) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-video-proof__points > article {
  display: block !important;
  background: none !important;
  border: 0 !important;
  border-top: 1px solid var(--hv3-on-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 18px 0 !important;
  transform: none !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-video-proof__points > article strong {
  display: block !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: var(--hv3-on-hi) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-video-proof__points > article span {
  display: block !important;
  margin-top: 7px !important;
  font-size: 14px !important;
  color: var(--hv3-on-mid) !important;
}

/* ==========================================================================
   11. 能力卡片（浅色段）—— 从"浮起白盒"改为"纸上图版"
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-card-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(18px, 1.9vw, 28px) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-card-row > article {
  display: flex !important;
  flex-direction: column !important;
  background: var(--hv3-paper) !important;
  border: 1px solid var(--hv3-ink-line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  padding: 0 0 clamp(22px, 2.2vw, 32px) !important;
  overflow: hidden;
  transform: none !important;
  transition: border-color 300ms var(--hv3-ease), transform 420ms var(--hv3-ease);
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-card-row > article:hover {
  border-color: rgba(238, 120, 0, 0.55) !important;
  transform: translateY(-4px) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-card-row > article img {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  margin: 0 0 clamp(18px, 1.8vw, 24px) !important;
  filter: saturate(0.94) contrast(1.04);
  transition: transform 820ms var(--hv3-ease), filter 520ms ease-out;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-card-row > article:hover img {
  transform: scale(1.05) !important;
  filter: none;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-card-row > article :is(h3, p) {
  padding-inline: clamp(20px, 2vw, 30px) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-card-row > article h3 {
  color: var(--hv3-ink) !important;
  margin-bottom: 10px !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-card-row > article p {
  color: var(--hv3-ink-mid) !important;
  font-size: 14.5px !important;
}

/* ==========================================================================
   12. 全球供应区（浅色段）
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-global__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr) !important;
  gap: clamp(36px, 4.8vw, 84px) !important;
  align-items: center !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-global__proof {
  display: block !important;
  gap: 0 !important;
  margin-top: clamp(30px, 3.4vw, 48px) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-global__proof > article {
  display: block !important;
  background: none !important;
  border: 0 !important;
  border-top: 1px solid var(--hv3-ink-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 19px 0 !important;
  transform: none !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-global__proof > article strong {
  display: block !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: -0.014em !important;
  color: var(--hv3-ink) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-global__proof > article span {
  display: block !important;
  margin-top: 7px !important;
  font-size: 14px !important;
  color: var(--hv3-ink-mid) !important;
}

/* ==========================================================================
   13. 工艺流程（深色段）—— 描边序号 + 单元格线框
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-process__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-top: clamp(38px, 4.4vw, 64px) !important;
  border-top: 1px solid var(--hv3-on-line) !important;
  border-left: 1px solid var(--hv3-on-line) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-process__grid > article {
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid var(--hv3-on-line) !important;
  border-bottom: 1px solid var(--hv3-on-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: clamp(26px, 2.7vw, 44px) !important;
  transform: none !important;
  transition: background-color 360ms var(--hv3-ease);
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-process__grid > article:hover {
  background: var(--hv3-coal-2) !important;
  transform: none !important;
}

/* 序号：描边空心字，hover 时填橙 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-process__grid > article strong {
  display: block !important;
  font-family: var(--hv3-mono) !important;
  font-size: clamp(26px, 2.8vw, 42px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin-bottom: clamp(18px, 1.9vw, 28px) !important;
  color: transparent !important;
  -webkit-text-stroke: 1px rgba(238, 120, 0, 0.62);
  text-stroke: 1px rgba(238, 120, 0, 0.62);
  transition: -webkit-text-stroke-color 300ms var(--hv3-ease);
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-process__grid > article:hover strong {
  -webkit-text-stroke-color: var(--hv3-orange);
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-process__grid > article h3 {
  margin-bottom: 10px !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-process__grid > article p {
  font-size: 14.5px !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-process__grid > article img {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  object-fit: cover !important;
  border-radius: 2px !important;
  margin-top: clamp(18px, 2vw, 26px) !important;
  filter: saturate(0.8) contrast(1.06) brightness(0.86);
  transition: filter 500ms ease-out;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-process__grid > article:hover img {
  filter: saturate(0.98) contrast(1.04) brightness(0.96);
}

/* ==========================================================================
   14. 质量体系（浅色段）
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-quality__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr) !important;
  gap: clamp(36px, 4.8vw, 80px) !important;
  align-items: center !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-checks > * {
  display: block !important;
  background: none !important;
  border: 0 !important;
  border-top: 1px solid var(--hv3-ink-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 16px 0 !important;
  transform: none !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-quality__media img {
  display: block !important;
  width: 100% !important;
  border-radius: 2px !important;
  filter: saturate(0.94) contrast(1.05);
}

/* ==========================================================================
   15. 认证资质（浅色段）
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-certifications__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr) !important;
  gap: clamp(36px, 4.8vw, 80px) !important;
  align-items: center !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-certifications__cards > article {
  display: block !important;
  background: none !important;
  border: 0 !important;
  border-top: 1px solid var(--hv3-ink-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 17px 0 !important;
  transform: none !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-certifications__cards > article strong {
  display: block !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--hv3-ink) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-certifications__cards > article span {
  display: block !important;
  margin-top: 6px !important;
  font-size: 14px !important;
  color: var(--hv3-ink-mid) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-certifications__media img {
  display: block !important;
  width: 100% !important;
  border-radius: 2px !important;
  filter: saturate(0.94) contrast(1.04);
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-certifications__media figcaption {
  margin-top: 14px !important;
  font-family: var(--hv3-mono) !important;
  font-size: 10.5px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--hv3-ink-lo) !important;
}

/* ==========================================================================
   16. 关于区（深色 + 满幅摄影）
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-about {
  min-height: clamp(460px, 56vh, 620px) !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden;
  isolation: isolate;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-about__image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-about__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(0.82) contrast(1.06) brightness(0.42);
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-about__image::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  height: auto !important;
  width: auto !important;
  background: linear-gradient(
    90deg,
    rgba(20, 19, 18, 0.9) 0%,
    rgba(20, 19, 18, 0.72) 46%,
    rgba(20, 19, 18, 0.44) 100%
  ) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-about > .hvp-v2-container {
  position: relative !important;
  z-index: 3 !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-about p {
  max-width: 56ch !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-about .hvp-v2-btn {
  margin-top: clamp(26px, 3vw, 40px) !important;
}

/* ==========================================================================
   17. 子页 HERO —— 深色沉浸 + 左对齐巨型标题
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-sub-hero {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: clamp(400px, 54vh, 620px) !important;
  background-color: var(--hv3-coal) !important;
  overflow: hidden;
  isolation: isolate;
}

/* 覆盖 v2 的"冷白底部收口"，改为左侧深色渐变遮罩 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-sub-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  /* 原始层把该伪元素写成"底部 200px 收口带"(inset:auto 0 0 + height:200px)。
     只写 inset:0 不足以覆盖 height —— 绝对定位下 height 非 auto 时 bottom 会被忽略，
     遮罩会缩成顶部 200px 的横条。必须显式放开高度。 */
  height: auto !important;
  width: auto !important;
  z-index: 1 !important;
  background:
    linear-gradient(100deg, rgba(20, 19, 18, 0.94) 0%, rgba(20, 19, 18, 0.8) 40%, rgba(20, 19, 18, 0.34) 74%, rgba(20, 19, 18, 0.2) 100%),
    linear-gradient(to top, rgba(20, 19, 18, 0.7) 0%, rgba(20, 19, 18, 0) 50%) !important;
  pointer-events: none !important;
  opacity: 1 !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-sub-hero__content {
  position: relative !important;
  z-index: 3 !important;
  max-width: 860px !important;
  padding-block: clamp(60px, 8vh, 96px) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-sub-hero h1 {
  font-size: clamp(34px, 4.6vw, 74px) !important;
  margin-block: 20px 0 !important;
  text-shadow: 0 2px 40px rgba(0, 0, 0, 0.4);
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-sub-hero__content > p {
  color: var(--hv3-on-mid) !important;
  margin-top: 20px !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-sub-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: clamp(28px, 3.4vw, 44px) !important;
}

/* ==========================================================================
   18. 数字证明条（浅色呼吸带）
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-proof-row {
  background: var(--hv3-cream) !important;
  padding-block: clamp(38px, 4.2vw, 66px) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-proof-row__grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border-left: 1px solid var(--hv3-ink-line) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-proof-row article {
  display: block !important;
  background: none !important;
  border: 0 !important;
  border-right: 1px solid var(--hv3-ink-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px clamp(18px, 2vw, 32px) !important;
  transform: none !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-proof-row article strong {
  display: block !important;
  font-family: var(--hv3-mono) !important;
  font-size: clamp(26px, 3vw, 46px) !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.03em !important;
  color: var(--hv3-ink) !important;
  font-variant-numeric: tabular-nums;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-proof-row article span {
  display: block !important;
  margin-top: 10px !important;
  font-family: var(--hv3-mono) !important;
  font-size: 10.5px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--hv3-ink-lo) !important;
  line-height: 1.6 !important;
}

/* ==========================================================================
   19. 子页章节 —— 默认浅色，含车间列表者翻深
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-sub-section {
  background: var(--hv3-cream) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-sub-section:has(.hvp-workshop-list) {
  background: var(--hv3-coal) !important;
}

/* 含 band 的章节不设底色，交给 band 自己 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-sub-section:has(.hvp-band) {
  background: transparent !important;
  padding-block: 0 !important;
}

/* 章节标题组 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-section-head {
  display: block !important;
  margin-bottom: clamp(28px, 3.4vw, 52px) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-section-head > span:first-child {
  font-family: var(--hv3-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  color: var(--hv3-orange) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-section-head > span:first-child::before {
  content: "";
  width: 26px;
  height: 1px;
  background: var(--hv3-orange);
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-section-head h2 {
  margin-top: 16px !important;
}

/* ==========================================================================
   20. 车间列表 —— 图文交替的宽条目（深色段）
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-workshop-list {
  display: block !important;
  gap: 0 !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-workshop-item {
  display: grid !important;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr) !important;
  gap: clamp(26px, 4vw, 66px) !important;
  align-items: center !important;
  background: none !important;
  border: 0 !important;
  border-top: 1px solid var(--hv3-on-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: clamp(34px, 4vw, 66px) 0 !important;
  transform: none !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-workshop-item:nth-child(even) {
  transform: none !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-workshop-item:nth-child(even) > figure {
  order: 2;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-workshop-item > figure {
  margin: 0 !important;
  overflow: hidden;
  border-radius: 2px !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-workshop-item > figure img {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 11 !important;
  object-fit: cover !important;
  border-radius: 2px !important;
  filter: saturate(0.82) contrast(1.06) brightness(0.86);
  transition: transform 900ms var(--hv3-ease), filter 520ms ease-out;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-workshop-item:hover > figure img {
  transform: scale(1.03) !important;
  filter: saturate(1) contrast(1.04) brightness(0.98);
}

/* 序号：描边空心数字 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-workshop-item > div > span {
  display: block !important;
  font-family: var(--hv3-mono) !important;
  font-size: clamp(28px, 3.1vw, 50px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin-bottom: clamp(14px, 1.6vw, 22px) !important;
  color: transparent !important;
  -webkit-text-stroke: 1px rgba(238, 120, 0, 0.6);
  transition: -webkit-text-stroke-color 300ms var(--hv3-ease);
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-workshop-item:hover > div > span {
  -webkit-text-stroke-color: var(--hv3-orange);
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-workshop-item h3 {
  margin-bottom: 12px !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-workshop-item p {
  font-size: 15px !important;
  max-width: 52ch;
}

/* 能力标签：等宽小胶囊 → 直角技术标签 */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-workshop-item ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: clamp(18px, 2vw, 26px) !important;
  padding: 0 !important;
  list-style: none !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-workshop-item li {
  background: none !important;
  border: 1px solid rgba(246, 242, 234, 0.2) !important;
  border-radius: 2px !important;
  padding: 7px 13px !important;
  font-family: var(--hv3-mono) !important;
  font-size: 10.5px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(246, 242, 234, 0.72) !important;
  transform: none !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-workshop-item li:hover {
  border-color: rgba(238, 120, 0, 0.6) !important;
  color: var(--hv3-orange) !important;
}

/* ==========================================================================
   21. 工厂图集（浅色段）
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-gallery-panel {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-gallery-panel figure {
  margin: 0 !important;
  overflow: hidden;
  border-radius: 2px !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-gallery-panel img {
  display: block !important;
  width: 100% !important;
  object-fit: cover !important;
  border-radius: 2px !important;
  filter: saturate(0.94) contrast(1.04);
}

/* ==========================================================================
   22. 橙色强调带（全站唯一的满幅色块）
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-band {
  background: var(--hv3-orange) !important;
  padding-block: clamp(54px, 5.8vw, 92px) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-band :is(h1, h2, h3) {
  color: #191308 !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-band p {
  color: rgba(25, 19, 8, 0.8) !important;
  max-width: 62ch !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-band :is(.hvp-kicker, .hvp-section-head > span) {
  color: #191308 !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-band :is(.hvp-kicker, .hvp-section-head > span)::before {
  background: #191308 !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-band .hvp-primary {
  background: #17130d !important;
  color: var(--hv3-on-hi) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-band .hvp-primary:hover {
  background: #000000 !important;
}

/* ==========================================================================
   23. 联系页
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-contact-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr) !important;
  gap: clamp(34px, 4.8vw, 78px) !important;
  align-items: start !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-contact-cards {
  display: block !important;
  margin-top: clamp(24px, 2.8vw, 38px) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-contact-cards article {
  display: block !important;
  background: none !important;
  border: 0 !important;
  border-top: 1px solid var(--hv3-ink-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 18px 0 !important;
  transform: none !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-contact-cards article strong {
  display: block !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--hv3-ink) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-contact-cards article span {
  display: block !important;
  margin-top: 6px !important;
  font-size: 14px !important;
  color: var(--hv3-ink-mid) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-contact-photo {
  margin: clamp(28px, 3.2vw, 44px) 0 0 !important;
  overflow: hidden;
  border-radius: 2px !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-contact-photo img {
  display: block !important;
  width: 100% !important;
  border-radius: 2px !important;
  filter: saturate(0.94) contrast(1.04);
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-form-shell {
  background: var(--hv3-paper) !important;
  border: 1px solid var(--hv3-ink-line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  padding: clamp(24px, 2.8vw, 42px) !important;
}

/* ==========================================================================
   24. FAQ 页
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-faq-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 0.27fr) minmax(0, 0.73fr) !important;
  gap: clamp(30px, 4.4vw, 74px) !important;
  align-items: start !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-faq-index {
  position: sticky !important;
  top: 96px !important;
  display: block !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-faq-index > span {
  display: block !important;
  margin-bottom: 14px !important;
  font-family: var(--hv3-mono) !important;
  font-size: 10.5px !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  color: var(--hv3-ink-lo) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-faq-index a {
  display: block !important;
  padding: 13px 0 !important;
  border-top: 1px solid var(--hv3-ink-line) !important;
  background: none !important;
  border-radius: 0 !important;
  color: var(--hv3-ink-mid) !important;
  font-size: 14px !important;
  transition: color 200ms ease-out, padding-left 240ms var(--hv3-ease);
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-faq-index a:hover {
  color: var(--hv3-orange) !important;
  padding-left: 8px !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-faq-group__title {
  display: flex !important;
  align-items: baseline !important;
  gap: 16px !important;
  margin-bottom: 6px !important;
}

/* 分组标题是"章节内的二级标题"，不该用全站 H2 的展示级字号
   （64px 会盖过页面主标题，层级就乱了） */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-faq-group__title h2 {
  font-size: clamp(20px, 1.7vw, 27px) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-faq-group__title > span {
  font-family: var(--hv3-mono) !important;
  font-size: 12px !important;
  letter-spacing: 0.16em !important;
  color: var(--hv3-orange) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-faq-item {
  display: block !important;
  background: none !important;
  border: 0 !important;
  border-top: 1px solid var(--hv3-ink-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-faq-item > summary {
  position: relative !important;
  display: block !important;
  padding: 22px 46px 22px 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--hv3-ink) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: -0.012em !important;
  cursor: pointer;
  list-style: none !important;
  transition: color 200ms ease-out;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-faq-item > summary::-webkit-details-marker {
  display: none !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-faq-item > summary::before {
  content: "+" !important;
  position: absolute !important;
  right: 4px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  font-family: var(--hv3-mono) !important;
  font-size: 21px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: var(--hv3-orange) !important;
  transition: transform 300ms var(--hv3-ease) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-faq-item:hover > summary {
  color: var(--hv3-orange) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-faq-item[open] > summary::before {
  transform: translateY(-50%) rotate(45deg) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-faq-item > p {
  max-width: 76ch !important;
  padding-bottom: 24px !important;
  font-size: 15px !important;
  color: var(--hv3-ink-mid) !important;
}

/* ==========================================================================
   25. 全站页脚（深色收口）
   ========================================================================== */
body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-site-footer {
  background: var(--hv3-coal) !important;
  border-top: 1px solid var(--hv3-on-line) !important;
  padding-block: clamp(52px, 5.6vw, 92px) 0 !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-footer-inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.95fr) !important;
  gap: clamp(38px, 5.4vw, 92px) !important;
  max-width: var(--hv3-maxw) !important;
  margin-inline: auto !important;
  padding-inline: var(--hv3-gutter) !important;
  box-sizing: border-box !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-footer-logo {
  display: inline-block !important;
  font-size: clamp(22px, 2.3vw, 32px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.032em !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-footer-tagline {
  margin-top: 12px !important;
  font-family: var(--hv3-mono) !important;
  font-size: 10.5px !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  color: var(--hv3-on-lo) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-footer-desc {
  margin-top: 18px !important;
  max-width: 40ch !important;
  color: var(--hv3-on-mid) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-footer-nav {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(20px, 2.8vw, 44px) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-footer-col h4 {
  margin-bottom: 16px !important;
  font-family: var(--hv3-mono) !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  color: var(--hv3-on-lo) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-footer-col a {
  display: block !important;
  padding: 5px 0 !important;
  color: var(--hv3-on-mid) !important;
  font-size: 14px !important;
  transition: color 180ms ease-out, transform 220ms var(--hv3-ease);
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-footer-col a:hover {
  color: var(--hv3-orange) !important;
  transform: translateX(4px);
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-footer-bottom {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  max-width: var(--hv3-maxw) !important;
  margin: clamp(38px, 4.4vw, 64px) auto 0 !important;
  padding: 22px var(--hv3-gutter) !important;
  border-top: 1px solid var(--hv3-on-line) !important;
  box-sizing: border-box !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-footer-bottom :is(span, a, p) {
  font-family: var(--hv3-mono) !important;
  font-size: 10.5px !important;
  letter-spacing: 0.14em !important;
  color: var(--hv3-on-lo) !important;
}

body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-footer-bottom a:hover {
  color: var(--hv3-orange) !important;
}

/* ==========================================================================
   26. 响应式
   ========================================================================== */
@media (max-width: 1180px) {
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-process__grid,
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-card-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-footer-inner {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 1024px) {
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(
    .hvp-v2-video-proof__grid,
    .hvp-v2-global__grid,
    .hvp-v2-quality__grid,
    .hvp-v2-certifications__grid,
    .hvp-workshop-item,
    .hvp-contact-layout,
    .hvp-faq-layout
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  /* 双栏塌成单栏后，图片回到上方 */
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-workshop-item:nth-child(even) > figure {
    order: 0;
  }
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-faq-index {
    position: static !important;
  }
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-hero__copy {
    width: 100% !important;
    max-width: 640px !important;
  }
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-hero__image::after {
    background:
      linear-gradient(180deg, rgba(20, 19, 18, 0.9) 0%, rgba(20, 19, 18, 0.72) 52%, rgba(20, 19, 18, 0.86) 100%) !important;
  }
}

@media (max-width: 860px) {
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-stats {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-stats > div {
    border-left: 0 !important;
    border-top: 1px solid var(--hv3-on-line) !important;
  }
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-stats > div:first-child {
    border-top: 0 !important;
  }
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-proof-row__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-proof-row article {
    padding-block: 18px !important;
    border-bottom: 1px solid var(--hv3-ink-line) !important;
  }
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-footer-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-process__grid,
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-card-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-footer-nav {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds .hvp-v2-btn,
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-primary, .hvp-secondary) {
    width: 100%;
  }
  /* 区块角标在窄屏会压到内容 */
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(
    .hvp-v2-video-proof,
    .hvp-v2-capabilities,
    .hvp-v2-global,
    .hvp-v2-process,
    .hvp-v2-quality,
    .hvp-v2-certifications,
    .hvp-v2-about,
    .hvp-sub-section
  )::before {
    display: none !important;
  }
}

/* ==========================================================================
   27. 降级：尊重系统的减少动效偏好
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
  body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-v2-card-row > article, .hvp-workshop-item > figure img):hover {
    transform: none !important;
  }
}

/* ==========================================================================
   28. 首屏编排
   --------------------------------------------------------------------------
   依赖 html.hv3-js（由 JS 挂上）。脚本未执行时这些元素默认可见，
   绝不会因为 JS 失败而"白屏"。
   ========================================================================== */
@keyframes hv3Rise {
  from {
    opacity: 0;
    transform: translate3d(0, 26px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

html.hv3-js body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-v2-hero__copy, .hvp-sub-hero__content) > * {
  opacity: 0;
  animation: hv3Rise 880ms var(--hv3-ease) forwards;
}

html.hv3-js body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-v2-hero__copy, .hvp-sub-hero__content) > *:nth-child(1) {
  animation-delay: 60ms;
}
html.hv3-js body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-v2-hero__copy, .hvp-sub-hero__content) > *:nth-child(2) {
  animation-delay: 180ms;
}
html.hv3-js body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-v2-hero__copy, .hvp-sub-hero__content) > *:nth-child(3) {
  animation-delay: 300ms;
}
html.hv3-js body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-v2-hero__copy, .hvp-sub-hero__content) > *:nth-child(4) {
  animation-delay: 420ms;
}
html.hv3-js body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-v2-hero__copy, .hvp-sub-hero__content) > *:nth-child(5) {
  animation-delay: 540ms;
}

@media (prefers-reduced-motion: reduce) {
  html.hv3-js body.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds.hvp-ds :is(.hvp-v2-hero__copy, .hvp-sub-hero__content) > * {
    opacity: 1 !important;
    animation: none !important;
  }
}