/* HM_HEAD_V1 首页「产品卡片(动态)」模块的标题区样式 (2026-11-11)
 * 后台 首页装修 → 产品卡片 → 「标题样式」选一款:
 *   f  居中 + 标题两侧渐隐细线 (默认)
 *   d  居中 + 大号淡色水印字
 *   classic  原样式(本文件不改)
 * 圆角 / 配色沿用 hm_beauty2.css 的 --b2p / --b2rgb / --b2ink / --b2tx / --b2line 变量(没有就用后面的默认值), 不用重渐变和大阴影。
 * 选择器带 [class] 提高优先级, 压得过 index.css 和 hm_beauty2.css 里原来的 .dyn-head 样式; 去掉本文件即恢复原样。 */

/* ── 共用: 取消原来的渐变小横条和大写字母 ── */
html body .dyn-prod-wrap .dyn-head[class*="dynh-"][class]:not(.dynh-classic) h2{
  text-transform:none;letter-spacing:-.01em;font-weight:800;line-height:1.2;margin:0;
  font-size:clamp(26px,2.6vw,34px);color:var(--b2ink,#0f2342)}
html body .dyn-prod-wrap .dyn-head[class*="dynh-"][class]:not(.dynh-classic) p{
  font-size:16px;line-height:1.6;color:var(--b2tx,#64748b)}
html body .dyn-prod-wrap.dynp-dark .dyn-head[class*="dynh-"][class]:not(.dynh-classic) h2{color:#fff}
html body .dyn-prod-wrap.dynp-dark .dyn-head[class*="dynh-"][class]:not(.dynh-classic) p{color:rgba(255,255,255,.72)}

/* ── F 居中 + 标题两侧渐隐细线 ── */
html body .dyn-prod-wrap .dyn-head.dynh-f[class]{text-align:center;margin:0 0 clamp(26px,3.4vw,44px)}
html body .dyn-prod-wrap .dyn-head.dynh-f[class] h2{
  display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,28px);text-align:center}
html body .dyn-prod-wrap .dyn-head.dynh-f[class] h2::before,
html body .dyn-prod-wrap .dyn-head.dynh-f[class] h2::after{
  content:"";display:block;flex:0 1 clamp(40px,15vw,220px);width:auto;height:1px;margin:0;border-radius:0;
  background:linear-gradient(90deg,transparent,#b4c6de)}
html body .dyn-prod-wrap .dyn-head.dynh-f[class] h2::after{transform:scaleX(-1)}
html body .dyn-prod-wrap.dynp-dark .dyn-head.dynh-f[class] h2::before,
html body .dyn-prod-wrap.dynp-dark .dyn-head.dynh-f[class] h2::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.45))}
html body .dyn-prod-wrap .dyn-head.dynh-f[class] p{max-width:820px;margin:10px auto 0}

/* ── D 居中 + 大号淡色水印字(水印文字默认取标题第一个词, 由模板写在 data-wm 上) ── */
html body .dyn-prod-wrap .dyn-head.dynh-d[class] h2::after{content:none;display:none}   /* 去掉原来的渐变小横条 */
html body .dyn-prod-wrap .dyn-head.dynh-d[class]{
  position:relative;text-align:center;padding-top:clamp(22px,3.2vw,36px);margin:0 0 clamp(26px,3.4vw,44px)}
html body .dyn-prod-wrap .dyn-head.dynh-d[class][data-wm]::before{
  content:attr(data-wm);position:absolute;left:0;right:0;top:0;overflow:hidden;white-space:nowrap;pointer-events:none;
  font-size:clamp(46px,6.4vw,92px);font-weight:900;letter-spacing:.06em;line-height:1;text-transform:uppercase;
  color:rgba(var(--b2rgb,11,94,215),.08);text-align:center}
html body .dyn-prod-wrap.dynp-dark .dyn-head.dynh-d[class][data-wm]::before{color:rgba(255,255,255,.08)}
html body .dyn-prod-wrap .dyn-head.dynh-d[class] h2,
html body .dyn-prod-wrap .dyn-head.dynh-d[class] p{position:relative}
html body .dyn-prod-wrap .dyn-head.dynh-d[class] p{max-width:820px;margin:10px auto 0}
/* HM_HEAD_V1 END */