/* ============================================================ zh-apple.css — Apple.com.cn-style typography for the zh locale ONLY. Loaded LAST (after home.css) in every zh/*.html . System fonts only: SF Pro (Latin) + PingFang SC (Chinese) via -apple-system. Nothing is self-hosted, so the iPhone/Mac audience renders genuine Apple type; Windows falls back to Microsoft YaHei, Android to system-ui. The other six locales keep Fraunces + Hanken + Noto Serif and are unaffected. ============================================================ */ /* 1. Redefine the three families on the zh root. Loads after tokens.css, so this wins the cascade for html[lang="zh-Hans"]. Fraunces/Hanken/Noto Serif dropped. */ html[lang="zh-Hans"] { --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; --font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace; --lh-tight: 1.12; /* PingFang needs a touch more room than Fraunces */ --lh-body: 1.62; /* Apple-zh body breathing */ } /* 2. Display type now leads with SF Pro / PingFang. Neutralize Fraunces-only variable axes (no-ops on system fonts but cleaner to clear), forbid synthetic CJK italic, and set Apple's semibold display weight + tracking. */ html[lang="zh-Hans"] h1, html[lang="zh-Hans"] h2, html[lang="zh-Hans"] h3, html[lang="zh-Hans"] h4, html[lang="zh-Hans"] .hero__title, html[lang="zh-Hans"] .hero__caption, html[lang="zh-Hans"] .hero__tag, html[lang="zh-Hans"] .section-title, html[lang="zh-Hans"] .keyline__lead, html[lang="zh-Hans"] .trade__nothing, html[lang="zh-Hans"] .final__title, html[lang="zh-Hans"] .shield-card__line, html[lang="zh-Hans"] .manifesto__quote { font-variation-settings: normal; font-style: normal; /* never synthesize italic on PingFang */ font-weight: 600; /* Apple semibold headline */ letter-spacing: -0.012em; } /* Largest display tiers: a hair tighter, Apple-style. */ html[lang="zh-Hans"] .hero__title, html[lang="zh-Hans"] h1 { letter-spacing: -0.02em; line-height: var(--lh-tight); } /* The amber italic hero accents stay upright, a little lighter than a headline. */ html[lang="zh-Hans"] .hero__caption, html[lang="zh-Hans"] .hero__tag { font-weight: 500; letter-spacing: 0; } /* 3. Eyebrow: Apple uses a small semibold sans label, not spaced-out mono caps (uppercase tracking looks wrong on Han glyphs). */ html[lang="zh-Hans"] .eyebrow { font-family: var(--font-text); text-transform: none; letter-spacing: 0.02em; font-weight: 600; } /* 4. Body: never track CJK; give it Apple's comfortable line-height. */ html[lang="zh-Hans"] body { letter-spacing: 0; } html[lang="zh-Hans"] p { line-height: var(--lh-body); }