/*
 * 手机版页眉的触控区与 CTA 归位（2026-09-17，@Amy-GTM 复核提出）。
 *
 * 实测 390 宽下的问题：语言下拉 72×38、CTA 128×38、汉堡 34×43 —— 三个都不到 44px，
 * 而且 Logo + 语言 + 完整 CTA + 汉堡挤在一行，英文更明显。
 *
 * 做法**沿用现有手机导航规则**，不为文章另造一套：CTA 收进既有的 nav 下拉面板
 * （`nav.is-open` 那套），页眉只留 Logo、语言、汉堡，三者都放大到 ≥44px。
 *
 * ⚠️ 这是**全站页眉**的改动，不是文章页专有 —— 文章上线时所有页面的手机版页眉都会一起变。
 */

/* 桌面：下拉里的那个 CTA 不出现 */
.nav-cta-mobile { display: none; }

@media (max-width: 800px) {
  /* 页眉里的 CTA 收进菜单 */
  .nav-actions .nav-cta { display: none; }

  .nav-cta-mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 48px;
    margin-top: 10px;
    padding: 12px 16px;
    background: var(--vault, #172d3b);
    color: #fff;
    font-size: 15px;
    border-radius: 2px;
  }

  /* 触控区 ≥44px：汉堡与语言下拉 */
  .version-10 .menu,
  .menu {
    min-width: 44px;
    min-height: 44px;
    padding: 10px;
    display: grid;
    place-items: center;
  }
  .menu svg { width: 24px; height: 24px; }

  .version-10 #language,
  #language {
    min-height: 44px;
    min-width: 58px;
    padding: 0 6px;
    font-size: 13px;
  }

  .nav-actions { gap: 10px; }
}