.header-inner > .site-language { flex: 0 0 auto; margin-left: 16px; }
.site-language { display: inline-flex; align-items: center; gap: 5px; color: var(--nav-ink, #203244); font: 13px/1.4 system-ui, sans-serif; }
.site-language-floating { position: fixed; right: 24px; top: 20px; z-index: 100; background: #fff; color: #203244; padding: 6px 9px; border-radius: 9px; box-shadow: 0 2px 12px #20324415; }
/* All languages inherit the shared ROG font and its CJK fallbacks. */
.site-header.nav-refined .header-inner { gap: 16px; }
.site-header.nav-refined .primary-nav { min-width: 0; flex: 1; justify-content: flex-end; }
html[lang="en"] .site-header.nav-refined .primary-nav { gap: clamp(22px, 2vw, 38px); }
html[lang="en"] .site-header.nav-refined .primary-nav > a { font-size: 13px; letter-spacing: 0; white-space: nowrap; }
.site-header.nav-refined .site-language { color: var(--nav-ink, #203244); }
html[lang="en"] .hero-copy h1 { font-size: clamp(38px, 4.7vw, 76px); line-height: 1.12; letter-spacing: -.035em; max-width: 760px; }
html[lang="en"] .hero-copy p { max-width: 560px; line-height: 1.65; }
html[lang="en"] h2 { letter-spacing: -.025em; overflow-wrap: normal; }
html[lang="en"] h3 { line-height: 1.35; }
html[lang="en"] .footer-brand-group span { white-space: normal; line-height: 1.4; }
html[lang="en"] .auth-password-toggle { min-width: 56px; }
html[lang="en"] .auth-sms-btn { min-width: 120px; }
html[lang="en"] .auth-story h2 { font-size: clamp(34px, 3.8vw, 58px); }
html[lang="en"] .person-info p { font-size: 12px; line-height: 1.5; }
@media (max-width: 900px) {
  .header-inner > .site-language { margin-left: 8px; }
  .site-language-floating { right: 12px; top: 12px; }
}

/* Compact inline language links, matching the requested 简 / 繁 / EN style. */
.site-language { gap: 8px; white-space: nowrap; }
.site-language button { appearance: none; border: 0; border-radius: 0; background: transparent; color: inherit; box-shadow: none; margin: 0; padding: 9px 1px; min-width: 20px; font-family: var(--site-font); font-size: 14px; line-height: 1.4; font-weight: 400; letter-spacing: 0; opacity: .58; cursor: pointer; transition: opacity .18s; }
.site-language button[aria-pressed="true"] { opacity: 1; font-weight: 700; }
.site-language button:hover { opacity: 1; }
.site-language button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 2px; opacity: 1; }
.site-language-divider { opacity: .3; font: 12px/1 system-ui, sans-serif; user-select: none; }
.site-language-floating { background: transparent; box-shadow: none; padding: 0; border-radius: 0; }

/* Balance navigation space and keep login beside the language switch in all languages. */
.site-header.nav-refined .primary-nav > a:first-of-type { margin-left: auto; }
/* The animated indicator replaces the static underline. */
html body.lovi-motion .site-header.nav-refined .primary-nav.motion-nav > a:not(#nav-login)::after { opacity: 0 !important; }

/* ROG headlines wrap between whole words, with room for the wider Latin glyphs. */
html[lang="en"] .home-page .hero-copy { width: 74%; max-width: 960px; }
html[lang="en"] .home-page .hero-copy h1 { max-width: 960px; font-size: clamp(34px, 3.35vw, 58px); line-height: 1.25; letter-spacing: -.02em; word-spacing: .13em; word-break: normal; overflow-wrap: normal; hyphens: none; text-wrap: wrap; }
html[lang="en"] .hero-type-word { display: inline-block; white-space: nowrap; }

/* Center the six destination links independently of brand and account controls. */
@media (min-width: 1200px) {
  .site-header.nav-refined .header-inner { display: grid; grid-template-columns: 180px minmax(0, 1fr) 104px; }
  .site-header.nav-refined .header-inner > .brand { grid-column: 1; grid-row: 1; z-index: 1; }
  .site-header.nav-refined .primary-nav { grid-column: 1 / -1; grid-row: 1; position: relative; width: 100%; justify-content: center; }
  .site-header.nav-refined .primary-nav > a:first-of-type { margin-left: 0; }
  .site-header.nav-refined .primary-nav > #nav-login { position: absolute; right: 136px; margin-left: 0; }
  .site-header.nav-refined .header-inner > .site-language { grid-column: 3; grid-row: 1; justify-self: end; margin-left: 0; z-index: 1; }
}