/* 研究报告英文切换按钮（三篇专题报告共用） */
#zx-lang-toggle{
  position:fixed;top:14px;right:16px;z-index:110;
  font-family:var(--mono);font-size:11px;letter-spacing:.12em;
  color:var(--ink-md);background:rgba(255,255,255,.92);
  border:1px solid var(--line);border-radius:999px;
  padding:6px 14px;cursor:pointer;backdrop-filter:blur(6px);
  transition:all .15s;min-height:44px;display:inline-flex;align-items:center;justify-content:center;
}
#zx-lang-toggle:hover{color:var(--blue);border-color:var(--blue)}
/* 英文标题通常比中文长，避免 nowrap 溢出 */
html[lang="en"] .cover-title{white-space:normal;font-size:clamp(30px,4.6vw,58px);line-height:1.1;max-width:100%;overflow-wrap:break-word}
html[lang="en"] .cover-title span{display:inline}
html[lang="en"] .cover-title span + span{margin-left:.18em}
/* 封面 JPG / 右栏封面图内嵌了中文标题，英文模式下隐藏，避免中英混排 */
html[lang="en"] .rail-cover{display:none}
html[lang="en"] .cover-visual,
html[lang="en"] .cover-mode{display:none}
html[lang="en"] .cover-inner{grid-template-columns:1fr}

/* ═══════════════════════════════════════════════════════════
   v14 手机端专项优化（≤960px）
   1) 语言切换按钮 fixed top:14 right:16，实测在 390px 下压住正文列右缘约
      38px；改为贴边收窄 + 下滑收起、上滑回位。
   2) 被官网整页嵌入时（html.zx-embedded，由外层 index.html 注入）：外层
      页面负责滚动，这里必须交出视口高度语义——封面 min-height:100vh 与
      padding:11vh 会随 iframe 高度被反推着无限自增；按钮改随文档滚动。
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 960px){
  #zx-lang-toggle { top: 10px; right: 10px; padding: 6px 12px; font-size: 12px; }
  #zx-lang-toggle.hide { opacity: 0; transform: translateY(-8px); pointer-events: none; }
  /* 顶部进度轨横贯整幅，与语言胶囊同处一个角落，两者会叠在一起；
     窄屏把进度轨右边界收在胶囊之前，各占一边。 */
  #sec-rail { right: 60px; }
  /* 小圆点来源按钮本体只有 13×10px，手机上点不中：透明热区补到 44px */
  .src-dot { position: relative; }
  .src-dot::after { content:""; position:absolute; left:50%; top:50%; width:44px; height:44px; transform:translate(-50%,-50%); }
  /* 进度轨分段本身只有 2–4px 高：横向不动，仅把纵向可点范围补到 24px */
  .rail-seg { position: relative; }
  .rail-seg::after { content:""; position:absolute; left:0; right:0; top:50%; height:24px; transform:translateY(-50%); }
}
/* 手机端小字上调：封面注脚、章节眉标、图表题注、引文标签原为 9–11px */
@media (max-width: 640px){
  .cover-kicker, .cover-mode-k, .cover-mode button, .cover-mode-note,
  .sec-no, .sec-sub, .rail-badge, .chart-kicker, .note-label,
  .metric-label, .src-dot { font-size: 12px; }
  /* 下面两处在页内样式里是「元素+类」选择器（p.chart-sub / blockquote cite），
     单类选择器盖不住，必须用同等特异性才会生效。 */
  p.chart-sub, blockquote cite { font-size: 12px; }
}
html.zx-embedded #cover { min-height: 0; padding: 56px 0 48px; }
html.zx-embedded #zx-lang-toggle { position: absolute; top: 14px; right: 16px; transform: none; opacity: 1; }
