/* ---------------------------------------------------------------------------
   中文首屏标题：按词组断行，绝不把词拆到两行
   （2026-09-29，@amy-xiao：「持续放在一列」「智能体要放在一起」）

   背景：新标题「让金融AI智能体，持续放大您的专业优势」在手机上自然换行会
   拆词 —— 390/430 把「持续」拆成「持／续」，320 把「智能体」拆开。
   实测替代方案都更差：在逗号后加断行 390 变 3 行；容器收到 310px 也是 3 行；
   字号从 36 降到 24 仍然拆「持续」。

   做法：把句子切成三个不可拆词组，各自 inline-block + nowrap，
   **断行只能发生在词组之间**：
       让金融AI智能体，│持续放大您的│专业优势
   宽屏时三个词组自然排成一行（≥768 仍是 1 行），不需要改字号或收容器。
   词组标记写在 index.html 的 data-zh / data-tw 属性里（转义），
   因为 site.js 的 translate() 用 `el.innerHTML = value` 整体覆盖 H1，
   直接写在 DOM 上的 span 会在运行时被冲掉。

   nowrap 的代价是超窄屏可能横向溢出：36px 时最宽的那个词组要 282px，
   而 320px 视口只有 280px 容器。线上现状在 280/300/320 都没有溢出，
   不能因为这次改动引入回归，所以 ≤340 把字号降到 30px
   （282×30/36 ≈ 235px，280px 视口也放得下）。
   中文标题的字号被 zh-type-v55.css 用 !important 锁着，这里必须同样 !important。 */
main.home-v19 .hero h1 .ph {
  display: inline-block;
  white-space: nowrap;
}

/* 首屏描述段被移除后，按钮会紧贴标题（实测间距 0px）——
   原来的节奏是 h1 ↓26px↓ 描述 ↓30px↓ 按钮，描述的上下外边距提供了留白。
   这里把描述原本的下外边距补回给按钮，保持标题与按钮之间的呼吸感，
   不去凑描述文字本身占的高度（那部分是有意去掉的）。 */
main.home-v19 .hero .button { margin-top: 36px; }
@media (max-width: 700px) {
  main.home-v19 .hero .button { margin-top: 30px; }
}

/* ---------------------------------------------------------------------------
   中文手机版 Hero 字号／行距／字距（2026-09-29，@amy-xiao 确认 @Amy-GTM 规格）

   起因：描述段移除后 36px 的中文标题在 390 独占三行，视觉过重；
   @amy-xiao 还指出「字之间贴得太紧」。

   字距那条不是观感问题 —— 中文标题原本继承 styles.css 给 h1/h2/h3 写的
   `letter-spacing:-.025em`（拉丁字的紧排），落到汉字上是 **-0.9px 负字距**。
   这里翻正为 +0.02em。

   只收窄中文手机端：英文与 ≥768px 一律不动。
   中文标题字号被 zh-type-v55.css 用 !important 锁着，这里必须同样 !important。

   实测副产品：32px 下 390 的断点正好落在逗号后，
   「讓金融AI智能體，」／「持續放大您的專業優勢」—— 由 3 行变 2 行且断在词边界。 */
@media (max-width: 430px) {
  html:lang(zh) main.home-v19 .hero h1 {
    font-size: 32px !important;
    line-height: 1.24 !important;
    letter-spacing: 0.02em !important;
  }
}
@media (max-width: 340px) {
  html:lang(zh) main.home-v19 .hero h1 { font-size: 30px !important; }
}