/* ============================================================================
   home-modules.css — 首页功能模块背景节奏（浅色主题）
   仅调整背景相关配色，不动布局 / 间距 / 字体 / 组件功能。

   设计思路：
   - 英雄区(k=1)为「基准区」，沿用原有浅蓝网格视觉，此处不重涂；
   - 从第 2 个模块起，采用克制的「白底 ↔ 浅灰蓝」交替：
       偶数位 section → 白底（--hm-surface）
       奇数位 section → 浅灰蓝底（--hm-muted）
   - 颜色全部取自 theme.css 的 --bg / --bg-soft，避免引入新的冷暖冲突。
   - 底部 CTA 区保持左对齐、无内层卡片的设计，仅用同色浅底 + 顶部分隔线，
     与页脚形成自然分界。
   ============================================================================ */
:root{
  --hm-surface:#ffffff;      /* 白底：与主题 --bg 对齐 */
  --hm-muted:#f4f7fd;        /* 浅灰蓝底：与主题 --bg-soft 对齐 */
  --hm-line:#dfe6f2;         /* 分隔线：与主题 --line 对齐 */
}

/* DOM 偶数位（k=2,4,6,8,10,12,14）→ 白底 */
main > section:nth-of-type(even){
  background:var(--hm-surface)!important;
}

/* DOM 奇数位（k=3,5,7,9,11,13,15）→ 浅灰蓝底；排除英雄区基准区 */
main > section:nth-of-type(odd):not(.hero){
  background:var(--hm-muted)!important;
}

/* 底部行动召唤（第15模块）：
   保持无外框、左对齐；用顶部分隔线明确与上方区块/页脚的边界。 */
main > section.section--bottom-cta{
  background:var(--hm-muted)!important;
  border-top:1px solid var(--hm-line);
  padding:48px 0 52px;
}
main > section.section--bottom-cta .cta.reveal,
main > section.section--bottom-cta .cta{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  text-align:left!important;
  max-width:none!important;
  margin:0!important;
}
main > section.section--bottom-cta .cta.reveal h2,
main > section.section--bottom-cta .cta h2{
  color:var(--ls-ink,#16203a)!important;
  text-align:left!important;
}
main > section.section--bottom-cta .cta.reveal p,
main > section.section--bottom-cta .cta p{
  color:var(--ls-ink-2,#41506e)!important;
  text-align:left!important;
  margin-left:0!important;
  margin-right:auto!important;
}
main > section.section--bottom-cta .hero-cta{
  justify-content:flex-start!important;
}