/* HM_SPACE_V1 首页装修: 版块上下间距放宽到主流标准 + 行动号召(CTA)通栏高度 500px (2026-11-12)
 * 只在首页(同时加载 home-module.css 和 css/2026/index.css 的页面)由 Home/Lib/Behavior/ZbCssBehavior 注入, 内页不受影响。
 * 间距: 每个装修版块上下各 var(--hms) = clamp(48px, 5.2vw, 80px)  (手机 48 / 平板约 54~62 / 电脑 77~80);
 *       相邻两个同底色的版块只算一份(下一块不再叠加上边距), 不会出现双倍空白。
 * 去掉本文件(或网址加 ?hsoff=1)即恢复原样。选择器带 html body 前缀, 压得过 home-module.css / hm_beauty2.css / index.css 里的 !important。
 */
:root{--hms:clamp(48px,5.2vw,80px)}

/* ───────── 1. 全宽装修版块: 上下内边距统一 ───────── */
html body section.hm-sol[class],
html body section.hm-image-text[class],html body section.hm-feature[class],html body section.hm-process[class],
html body section.hm-exhibition[class],html body section.hm-customers[class],html body section.hm-video[class],
html body section.hm-stats[class*="hm-stats-"],html body section.hm-team[class],html body section.hm-timeline[class],
html body section.hm-cert[class],html body section.hm-partner[class],html body section.hm-faq[class],html body section.hm-about[class],
html body section.hm-about-video[class],html body section.hm-about-grand[class],html body section.hm-contact[class],
html body section.hm-text[class]{
  padding-top:var(--hms)!important;
  padding-bottom:var(--hms)!important;
}
/* 相邻两块同底色(白底组 / 浅底组)时, 下一块不再加上边距 —— 和 home-module.css 里的分组一致 */
html body :is(section.hm-sol[class],section.hm-image-text[class],section.hm-about[class],
  section.hm-about-video[class],section.hm-exhibition[class],section.hm-customers[class],
  section.hm-partner[class],section.hm-video[class],section.hm-text[class])
+ :is(section.hm-sol[class],section.hm-image-text[class],section.hm-about[class],
  section.hm-about-video[class],section.hm-exhibition[class],section.hm-customers[class],
  section.hm-partner[class],section.hm-video[class],section.hm-text[class]),
html body :is(section.hm-feature[class],section.hm-process[class],section.hm-stats[class*="hm-stats-"],
  section.hm-faq[class],section.hm-team[class],section.hm-timeline[class],section.hm-cert[class],
  section.hm-contact[class],section.hm-about-grand[class])
+ :is(section.hm-feature[class],section.hm-process[class],section.hm-stats[class*="hm-stats-"],
  section.hm-faq[class],section.hm-team[class],section.hm-timeline[class],section.hm-cert[class],
  section.hm-contact[class],section.hm-about-grand[class]),
html body section.hm-stats[class*="hm-stats-"] + script + :is(section.hm-feature[class],
  section.hm-process[class],section.hm-faq[class],section.hm-team[class],
  section.hm-timeline[class],section.hm-cert[class],section.hm-contact[class],
  section.hm-about-grand[class],section.hm-stats[class*="hm-stats-"]){
  padding-top:0!important;
}

/* ───────── 2. 动态版块: 产品卡片(dyn_products) / 新闻列表(dyn_news) ───────── */
html body .dyn-prod-wrap{
  margin-top:0!important;margin-bottom:0!important;
  padding-top:var(--hms)!important;padding-bottom:var(--hms)!important;
}
html body .dyn-prod-wrap .product-grid{margin-bottom:0!important}
html body .news-full-wrapper{
  padding-top:var(--hms)!important;padding-bottom:var(--hms)!important;
}
/* 产品卡片紧跟新闻(白底)时, 只留一份间距 */
html body .dyn-prod-wrap + .news-full-wrapper{padding-top:0!important}

/* ───────── 3. 行动号召(CTA): 通栏背景 / 背景图高度 500px ───────── */
html body section.hm-cta[class]{
  box-sizing:border-box;width:100%;
  min-height:500px;height:auto;
  display:flex;align-items:center;justify-content:center;
}
html body section.hm-cta[class] .ctax-inner{width:100%;box-sizing:border-box}
/* 背景图铺法: 模块自带样式里 .hm-cta-image.xxx{background:linear-gradient(...)} 是简写, 会把背景尺寸 / 重复 / 位置重置成 auto / repeat / 左上角,
 * 通栏变高以后图片按原尺寸平铺、重复出现。这里对「设了背景图」的行动号召统一成: 铺满 + 居中 + 不重复(cover), 高度变化时只裁剪不拉伸变形。 */
html body section.hm-cta[class][style*="url("]{
  background-repeat:no-repeat!important;background-size:cover!important;background-position:center center!important;
}
@media(max-width:768px){
  html body section.hm-cta[class]{min-height:380px}
}