/* Shared language control and layouts for longer English text. */
.header { gap: 20px; }
.header .official-brand { order: 0; }
.header #navigation { order: 1; margin-left: auto; gap: 22px; }
.header .language-toggle { order: 2; flex-shrink: 0; }
.header .menu-toggle { order: 3; flex-shrink: 0; }
.language-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 76px; min-height: 44px; padding: 6px 9px; border: 1px solid #9aabca55; border-radius: 4px; background: #11192966; color: #b5c1d7; font-size: 13px; cursor: pointer; }
.language-toggle[hidden] { display: none; }
.language-toggle:hover { border-color: #c7b0f4; }
.language-toggle .language-divider { opacity: .55; }
html:lang(zh) .language-toggle [lang="zh-CN"],
html:lang(en) .language-toggle [lang="en"] { color: #fff; font-weight: 650; }
html:lang(en) .header #navigation { font-size: 15px; }
html:lang(en) .header .nav-submenu { width: 245px; }
html:lang(en) .header .nav-submenu-products { width: 345px; }
html:lang(en) .header nav .nav-submenu a { white-space: normal; line-height: 1.55; }
html:lang(en) h1, html:lang(en) h2, html:lang(en) h3 { letter-spacing: 0; overflow-wrap: break-word; }
html:lang(en) .home-refined .hero h1 { max-width: 900px; font-size: clamp(44px, 5.6vw, 78px); line-height: 1.13; letter-spacing: -1px; }
html:lang(en) .home-refined .hero .eyebrow { letter-spacing: .6px; }
html:lang(en) .home-refined .home-section h2 { font-size: clamp(30px, 3vw, 40px); line-height: 1.35; }
html:lang(en) .home-section-label span:last-child,
html:lang(en) .culture-value-zh,
html:lang(en) .footer .footer-english { display: none; }
html:lang(en) .footer .footer-brand { font-size: 16px; letter-spacing: .2px; line-height: 1.7; }
html:lang(en) .product-tabs a { line-height: 1.6; }
html:lang(en) .about-breadcrumb ol { flex-wrap: wrap; }
html:lang(en) .about-page .about-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
html:lang(en) .about-page .about-tabs a { min-width: 0; white-space: normal; line-height: 1.5; overflow-wrap: break-word; }
html:lang(en) .culture-hero h1 { font-size: clamp(36px, 4.5vw, 60px); }
html:lang(en) .culture-principles { flex-wrap: wrap; }
@media (min-width: 1001px) and (max-width: 1250px) {
  .header { gap: 15px; padding-left: 32px; padding-right: 32px; }
  .header .official-brand img { width: 226px; }
  .header #navigation { gap: 16px; }
  .header .nav-feature { margin-left: 0; padding: 10px 14px; }
}
@media (max-width: 1000px) {
  .header { gap: 12px; }
  .header .official-brand img { width: 240px; }
  .header .language-toggle { margin-left: auto; }
  .header .menu-toggle { display: flex; flex-direction: column; gap: 7px; align-items: center; justify-content: center; width: 44px; height: 44px; background: transparent; border: 1px solid #ffffff35; border-radius: 4px; }
  .header .menu-toggle span { display: block; width: 19px; height: 1px; background: #e0d6f1; }
  .header #navigation { display: none; position: absolute; top: calc(100% - 1px); left: 0; right: 0; margin: 0; flex-direction: column; align-items: stretch; gap: 0; padding: 18px 24px; background: #101626; border-bottom: 1px solid var(--line); max-height: calc(100dvh - 94px); overflow-y: auto; overscroll-behavior: contain; font-size: 16px; }
  .header #navigation.open { display: flex; }
  .header #navigation > a { display: flex; min-height: 52px; align-items: center; padding: 14px 8px; font-size: 16px; }
  .header #navigation > .nav-feature { display: flex; margin: 0; border: 0; }
  .header .nav-dropdown-toggle { justify-content: space-between; width: 100%; min-height: 52px; padding: 14px 8px; font-size: 16px; }
  .header .nav-submenu,
  html:lang(en) .header .nav-submenu { position: static; width: auto; margin: 0 8px 10px; padding: 4px 8px; transform: none; border: 0; border-left: 2px solid var(--purple); background: #ffffff05; box-shadow: none; }
  .header .nav-submenu::before { display: none; }
  .header nav .nav-submenu a { white-space: normal; font-size: 15px; }
}
@media (max-width: 640px) {
  .header { gap: 8px; }
  .header .official-brand img { width: clamp(146px, 46vw, 200px); }
  .language-toggle { min-width: 70px; padding-inline: 7px; gap: 5px; font-size: 12px; }
  .header #navigation { max-height: calc(100dvh - 80px); padding-inline: 20px; }
  html:lang(en) .home-refined .hero h1 { font-size: clamp(36px, 9.5vw, 56px); line-height: 1.16; letter-spacing: -.8px; }
  html:lang(en) .home-refined .hero .eyebrow { font-size: 13px; letter-spacing: 0; line-height: 1.6; }
  html:lang(en) .home-refined .home-section h2 { font-size: 30px; }
  html:lang(en) .home-refined .home-vision h2 { font-size: 29px; }
  html:lang(en) .about-page .about-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
  html:lang(en) .about-page .about-tabs a { min-height: 62px; letter-spacing: 0; }
}