/* ============================================================
   前台 i18n 排版适配 + 切换过渡动画
   - 英文态：西文字体优先、字距/换行弹性
   - 繁体态：繁体字体回退栈
   - 过渡：JS 控 body opacity；此处备用注入形态，prefers-reduced-motion 关闭
   ============================================================ */

/* 切换过渡动画：由 i18n.js 控制 body opacity，这里仅禁用降级 */
@media (prefers-reduced-motion: reduce) {
  body { transition: none !important; }
}

/* ---------- 英文态：西文字体优先（不改变中文态） ---------- */
html.lang-en body,
html.lang-en button,
html.lang-en input,
html.lang-en select,
html.lang-en textarea {
  font-family: 'Inter', 'Helvetica Neue', Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

html.lang-en .nav a .t { letter-spacing: 0; padding: 0 2px; }
@media (min-width: 1025px) {
  html.lang-en .nav a { padding: 0 8px; }
}

html.lang-en .sec-ttl,
html.lang-en .sec-sub,
html.lang-en .btn,
html.lang-en a.btn {
  white-space: normal;
}

html.lang-en .hero-ttl { white-space: normal; line-height: 1.15; }

html.lang-en .field input::placeholder,
html.lang-en .field textarea::placeholder,
html.lang-en input::placeholder,
html.lang-en textarea::placeholder {
  font-size: .92em;
}

html.lang-en .nw-page { padding: 0 12px; }
html.lang-en .nw-pill { padding: 0 14px; }

/* ---------- 繁体态：繁体字体回退（PingFang TC / 微软正黑） ---------- */
html.lang-tw body,
html.lang-tw button,
html.lang-tw input,
html.lang-tw select,
html.lang-tw textarea {
  font-family: 'PingFang TC', 'Microsoft JhengHei', 'Noto Sans CJK TC', sans-serif;
}

/* ---------- 语言切换控件（三语项） ---------- */
.lang { gap: 10px; }
.lang .lang__sep { color: rgba(29, 37, 64, .25); user-select: none; }
.header--ondark .lang .lang__sep,
.header.is-solid .lang .lang__sep { color: rgba(255, 255, 255, .3); }
.lang .lang__item { cursor: pointer; }
.lang .lang__item[hidden] { display: none; }

/* drawer 里的语言切换（原有样式沿月 .drawer__lang，补 is-cur 对齐） */
.drawer__lang .lang__item { color: var(--ink-3); cursor: pointer; }
.drawer__lang .lang__item:hover { color: var(--brand); }
.drawer__lang .lang__item.is-cur { color: var(--brand); }
.drawer .lang { display: flex; margin: 18px 0 0; }