/* ============================================================
   万相大师 · 中英双语（2026-11-10）
   1) 语言切换组件（中英页面共用）
   2) 英文排版覆盖（仅 html[lang="en"] 生效，中文页零影响）
   ============================================================ */

/* ---------- 1. 语言切换 ---------- */
.lang-switch{
  display:inline-flex;align-items:center;gap:2px;flex-shrink:0;
  height:36px;padding:3px;border-radius:999px;
  border:1px solid rgba(34,26,20,.16);background:#FFFDF9;
  vertical-align:middle;
}
.lang-switch a,
.lang-switch .on{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;height:28px;padding:0 10px;border-radius:999px;
  font-size:12.5px;font-weight:700;letter-spacing:.04em;line-height:1;
  color:#7A6B5C;text-decoration:none;
  transition:background .15s ease,color .15s ease;
}
.lang-switch a:hover{background:rgba(34,26,20,.06);color:#221A14}
.lang-switch .on{background:#221A14;color:#FBF7F1}
.lang-divider{
  display:inline-block;width:1px;height:22px;flex-shrink:0;
  background:rgba(34,26,20,.1);vertical-align:middle;margin:0 2px;
}
@media (max-width:1279px){
  .lang-switch{height:34px}
  .lang-switch a,.lang-switch .on{min-width:34px;height:26px;padding:0 7px;font-size:12px}
}
@media (max-width:760px){
  .lang-switch{height:32px;padding:2px}
  .lang-switch a,.lang-switch .on{min-width:32px;height:26px;padding:0 6px;font-size:11.5px}
  .lang-divider{height:18px}
}

/* ---------- 2. 英文排版 ---------- */
html[lang="en"] body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Helvetica,Arial,
              "PingFang SC","Microsoft YaHei",sans-serif;
  line-height:1.65;
  letter-spacing:0;
}
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4{
  letter-spacing:-.022em;
  line-height:1.14;
  font-family:"Charter","Iowan Old Style",Georgia,"Times New Roman",
              "Noto Serif SC","Songti SC",serif;
  text-wrap:balance;
}
html[lang="en"] p,
html[lang="en"] li{
  line-height:1.62;
  letter-spacing:0;
  text-wrap:pretty;
}
html[lang="en"] .lang-switch,
html[lang="en"] .lang-switch a,
html[lang="en"] .lang-switch .on{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  letter-spacing:.04em;
}

/* ---------- 3. 导航收紧（新增切换器后防溢出，与首页间距对齐） ---------- */
.nav{gap:16px}
.nav-links>a,.nav-links>details>summary{padding-left:13px;padding-right:13px}
.nav-cta .btn{padding-left:18px;padding-right:18px}
.nav-links,.nav-links>a,.nav-links>details>summary{flex-shrink:0;white-space:nowrap}
.brand,.nav-cta{flex-shrink:0}