/* 中文排版覆盖：保留原站的空间、动效和结构，只修正中英文的字宽、字号与换行。 */
html[lang="zh-CN"] {
  --zh-sans: "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
  --zh-display: "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
  --zh-serif: "Songti SC", "STSong", serif;
  --zh-display-scale: .86;
}

html[lang="zh-CN"] body,
html[lang="zh-CN"] button,
html[lang="zh-CN"] input,
html[lang="zh-CN"] textarea,
html[lang="zh-CN"] select {
  font-family: var(--zh-sans);
}

html[lang="zh-CN"] .hero__eyebrow,
html[lang="zh-CN"] .story__note,
html[lang="zh-CN"] .work__blurb,
html[lang="zh-CN"] .work__link,
html[lang="zh-CN"] .about__copy,
html[lang="zh-CN"] .outro__mail,
html[lang="zh-CN"] .fallback {
  font-family: var(--zh-sans);
  letter-spacing: 0;
}

html[lang="zh-CN"] .hero__eyebrow {
  font-size: clamp(.7rem, .92vw, .88rem);
  line-height: 1.5;
  letter-spacing: .025em;
}

html[lang="zh-CN"] .hero__eyebrow .hero__range {
  margin-left: .18em;
  letter-spacing: .04em;
}

html[lang="zh-CN"] .headline-text {
  font-family: var(--zh-display);
  font-size: clamp(3.8rem, 9.7vw, 9.1rem);
  font-weight: 700;
  line-height: .98;
  letter-spacing: .105em;
  white-space: nowrap;
  text-indent: .105em;
}

html[lang="zh-CN"] .hero__where {
  font-family: "Kaiti SC", "STKaiti", "KaiTi", "DFKai-SB", var(--zh-serif);
  font-size: clamp(1.1rem, 2.6vw, 2.8rem);
  line-height: 1.12;
  letter-spacing: .015em;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}

html[lang="zh-CN"] .hero__nav a {
  min-width: 3.6em;
  font-family: var(--zh-sans);
  font-size: .75rem;
  letter-spacing: .08em;
}

html[lang="zh-CN"] .section--lede h2 {
  max-width: 10em;
  font-family: var(--zh-display);
  font-size: clamp(2.55rem, 6.35vw, 6.35rem);
  line-height: 1.12;
  letter-spacing: .035em;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

html[lang="zh-CN"] .focus__title,
html[lang="zh-CN"] .listening__title,
html[lang="zh-CN"] .craft__title,
html[lang="zh-CN"] .validation__title,
html[lang="zh-CN"] .featured__title {
  font-family: var(--zh-display), Arges, "Neue Montreal", sans-serif;
  font-size: clamp(4.9rem, 11.6vw, 11.6rem);
  line-height: 1.02;
  letter-spacing: .08em;
  text-indent: .08em;
  white-space: nowrap;
}

html[lang="zh-CN"] .story__note {
  width: min(25em, calc(100% - 3rem));
  font-size: clamp(.88rem, 1.15vw, 1.12rem);
  line-height: 1.7;
  text-wrap: pretty;
}

html[lang="zh-CN"] .featured__title {
  font-size: clamp(4.2rem, 10.4vw, 10.4rem);
}

html[lang="zh-CN"] .work__blurb {
  max-width: 32em;
  font-size: clamp(.84rem, .95vw, .95rem);
  line-height: 1.75;
}

html[lang="zh-CN"] .work__link {
  letter-spacing: .02em;
}

html[lang="zh-CN"] .about__title {
  max-width: 8em;
  font-family: var(--zh-display), Arges, sans-serif;
  font-size: clamp(2.65rem, 6.15vw, 6.2rem);
  line-height: 1.12;
  letter-spacing: .035em;
  word-break: keep-all;
}

html[lang="zh-CN"] .about__copy {
  max-width: 34em;
  font-size: clamp(.88rem, 1.1vw, 1.04rem);
  line-height: 1.9;
}

html[lang="zh-CN"] .about__copy p {
  margin-bottom: 1.2em;
}

html[lang="zh-CN"] .outro__title {
  display: flex;
  flex-direction: column;
  gap: .08em;
  font-family: var(--zh-display), Arges, sans-serif;
  font-size: clamp(3.4rem, 7.7vw, 7.7rem);
  line-height: 1.05;
  letter-spacing: .05em;
  text-indent: .05em;
}

html[lang="zh-CN"] .outro__social {
  font-family: var(--zh-sans);
}

@media (max-width: 620px) {
  html[lang="zh-CN"] .hero__eyebrow {
    width: 24em;
    max-width: calc(100vw - 2rem);
    white-space: normal;
    text-align: center;
  }

  html[lang="zh-CN"] .headline-text {
    font-size: clamp(3.2rem, 14vw, 5.7rem);
    letter-spacing: .08em;
    text-indent: .08em;
  }

  html[lang="zh-CN"] .hero__where {
    font-size: clamp(1.05rem, 5vw, 1.85rem);
    line-height: 1.16;
    letter-spacing: 0;
  }

  html[lang="zh-CN"] .section--lede h2 {
    max-width: 9em;
    font-size: clamp(2.15rem, 10.4vw, 4.2rem);
    line-height: 1.2;
  }

  html[lang="zh-CN"] .focus__title,
  html[lang="zh-CN"] .listening__title,
  html[lang="zh-CN"] .craft__title,
  html[lang="zh-CN"] .validation__title,
  html[lang="zh-CN"] .featured__title {
    font-size: clamp(3.45rem, 17.2vw, 6.7rem);
    letter-spacing: .07em;
    text-indent: .07em;
  }

  html[lang="zh-CN"] .story__note {
    width: min(22em, calc(100% - 2.5rem));
    font-size: .86rem;
    line-height: 1.75;
  }

  html[lang="zh-CN"] .about__title {
    max-width: 8em;
    font-size: clamp(2.35rem, 12.1vw, 5rem);
    line-height: 1.18;
  }

  html[lang="zh-CN"] .about__copy {
    font-size: .86rem;
    line-height: 1.85;
  }

  html[lang="zh-CN"] .outro__title {
    font-size: clamp(2.7rem, 13vw, 5.45rem);
  }
}

html[lang="zh-CN"] .hero__logo {
  display: inline-flex;
  align-items: baseline;
  color: #fff;
  font-family: var(--zh-display);
  font-size: clamp(1.6rem, 2.4vw, 2.4rem);
  font-weight: 700;
  letter-spacing: -.12em;
  line-height: 1;
  text-decoration: none;
}

html[lang="zh-CN"] .zh-logo-mark {
  margin-left: .15em;
  font-size: .3em;
  letter-spacing: 0;
  vertical-align: top;
}

/* 作品区的中文视觉字号：中文字面更饱满，按英文展示高度收窄。 */
html[lang="zh-CN"] .work__name,
html[lang="zh-CN"] .work__name-link {
  font-family: var(--zh-display), Arges, "Neue Montreal", sans-serif;
  font-size: clamp(2.25rem, 5.75vw, 4.35rem);
  line-height: 1.04;
  letter-spacing: .035em;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

html[lang="zh-CN"] .work__meta,
html[lang="zh-CN"] .work__badge,
html[lang="zh-CN"] .work__year {
  font-family: var(--zh-sans);
  font-size: .68rem;
  letter-spacing: .04em;
}

html[lang="zh-CN"] .work__head {
  width: min(var(--work-copy-w), calc(100% - 3rem));
}

@media (max-width: 620px) {
  html[lang="zh-CN"] .work__name,
  html[lang="zh-CN"] .work__name-link {
    font-size: clamp(2rem, 9.8vw, 3.45rem);
    line-height: 1.08;
  }
}