/*
 * 粤升动态首页 · 中文排版适配
 * 1.0.0
 *
 * 英文首页是为拉丁字母排的：Kanit 字族只含拉丁/泰文字形，字距偏紧，
 * 大标题按拉丁字宽做版式。中文需要：
 *   1) 在 Kanit 之后接中文黑体，避免中文字形回落到默认衬线/宋体；
 *   2) 字距归零并略放开行高，中文在大字号下才不会挤；
 *   3) 禁止在词内断行，避免「密 / 封袋」被拆开。
 * 只做排版，不改颜色、不改布局结构。
 */

/* 替换过程中的短暂白屏规避：文案替换完成前不显示，3 秒兜底一定显示 */
html:not(.zh-ready) #root {
	opacity: 0;
}

html.zh-ready #root {
	opacity: 1;
	transition: opacity 0.25s ease;
}

.yuesheng-motion-homepage-zh {
	--font-cjk: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC",
		"Source Han Sans SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
	--font-display: "Kanit", "PingFang SC", "Microsoft YaHei",
		"Noto Sans CJK SC", "Source Han Sans SC", sans-serif;
}

.yuesheng-motion-homepage-zh body,
.yuesheng-motion-homepage-zh .hero-section,
.yuesheng-motion-homepage-zh footer#contact {
	font-family: var(--font-cjk);
}

/* 拉丁字母与数字仍用 Kanit，中文用黑体接续 */
.yuesheng-motion-homepage-zh h1,
.yuesheng-motion-homepage-zh h2,
.yuesheng-motion-homepage-zh h3,
.yuesheng-motion-homepage-zh h4,
.yuesheng-motion-homepage-zh .wordmark,
.yuesheng-motion-homepage-zh .hero-heading {
	font-family: var(--font-display);
	letter-spacing: 0.01em;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.yuesheng-motion-homepage-zh p,
.yuesheng-motion-homepage-zh li,
.yuesheng-motion-homepage-zh figcaption,
.yuesheng-motion-homepage-zh a,
.yuesheng-motion-homepage-zh button {
	font-family: var(--font-cjk);
	letter-spacing: 0.01em;
}

/* 导航是短标签，中文比英文短，保持原间距即可 */
.yuesheng-motion-homepage-zh .site-header nav a,
.yuesheng-motion-homepage-zh .header-contact,
.yuesheng-motion-homepage-zh .header-language {
	letter-spacing: 0.04em;
}

/* 首屏超大标题：拉丁版的 129px 是按字母宽度排的，
   中文每字占满一个 em，同样字号下三字一行会明显过宽、
   与 3D 产品重叠过多。这里按视口宽度收到约 0.84 倍，
   并把行高收到 1.04，让两行更紧凑。 */
.yuesheng-motion-homepage-zh .hero-heading--bags {
	letter-spacing: 0;
	line-height: 1.04;
	font-size: clamp(46px, 7.7vw, 112px);
}

.yuesheng-motion-homepage-zh .hero-heading--bags > span {
	letter-spacing: 0;
}

/* 手机上单独收紧，避免「密封袋」贴边 */
@media (max-width: 620px) {
	.yuesheng-motion-homepage-zh .hero-heading--bags {
		font-size: clamp(40px, 15vw, 68px);
		line-height: 1.06;
	}
}

/* 首屏说明与副标：中文行高放宽 */
.yuesheng-motion-homepage-zh .hero-description p {
	line-height: 1.5;
}

.yuesheng-motion-homepage-zh .hero-kicker {
	letter-spacing: 0.08em;
}

/* 版面里的大号数字与编号保持原样 */
.yuesheng-motion-homepage-zh .boson-solution-number {
	font-family: "Kanit", sans-serif;
}

/* 说明：曾尝试把 .hero-type 整体上移让标题避开产品，
   结果副标「面向 3D 打印耗材…」被顶到导航栏上，故放弃位移，
   只通过字号控制排版，保持与英文版一致的纵向节奏。 */