.site-header{flex-wrap:wrap;gap:16px 22px}
.site-header nav{margin-left:auto;gap:20px}
.language-switch{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #e5dcec;border-radius:999px;background:#fff;flex-shrink:0}
.language-switch button{appearance:none;border:0;border-radius:999px;padding:9px 13px;min-height:44px;font:700 13px 'Trebuchet MS','Microsoft YaHei',Arial,sans-serif;background:transparent;color:#5b516e;cursor:pointer;transition:background .18s,color .18s,transform .18s}
.language-switch button:hover{background:#f0eafa}
.language-switch button[aria-pressed="true"]{background:#7564aa;color:#fff;box-shadow:0 3px 8px #7564aa30}
.language-switch button:active{transform:scale(.96)}
.language-switch button:focus-visible{outline:3px solid #a66f22;outline-offset:3px}
html[lang="zh-Hans"] body{font-family:'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',Arial,sans-serif}
html[lang="zh-Hans"] .hero h1{font-family:inherit;font-size:clamp(40px,5vw,70px);line-height:1.22;letter-spacing:0}
html[lang="zh-Hans"] .section h2,html[lang="zh-Hans"] .final-cta h2{font-family:inherit;letter-spacing:0;line-height:1.3}
@media(max-width:560px){.site-header{display:flex;align-items:center}.site-header .brand{font-size:23px}.site-header nav{order:3;width:100%;margin:0;justify-content:flex-start}.language-switch{margin-left:auto}.language-switch button{padding:8px 10px}.hero-actions .button{max-width:100%}}
@media(prefers-reduced-motion:reduce){.language-switch button{transition:none}}
.word-pronunciation{display:block;margin-top:6px;padding-left:50px;font-size:13px;color:#71667d;line-height:1.6}