/* Official Alibaba PuHuiTi, shared by the complete multilingual site. */
:root {
  --body-font: 'Alibaba PuHuiTi 3', 'Alibaba PuHuiTi 3 Full', 'MS Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --display-font: var(--body-font);
  font-family: var(--body-font);
}
html[lang='zh-Hant'] {
  --body-font: 'Alibaba PuHuiTi 3', 'Alibaba PuHuiTi 3 Full', 'MS Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', sans-serif;
  --display-font: var(--body-font);
}
html[lang='en'] { --display-font: var(--body-font); }
body, button, input, textarea, select { font-family: var(--body-font); }
.video-hero-content { font-family: var(--body-font); }
h1, h2, h3, .desktop-nav, .mobile-nav, .footer-page-links, .footer-product-copy strong,
.video-home .video-hero-content h1, .video-home .editorial-hero-copy strong,
.footer-products-heading h2, .inner-page:has(.catalog-grid) .page-hero h1 { font-family: var(--display-font); }
.footer-product-copy small { font-family: var(--body-font); }
.desktop-nav a { font-weight: 500; }
.language-picker { position: relative; flex: 0 0 auto; margin-inline-end: 6px; }
.language-trigger { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-width: 76px; min-height: 44px; padding: 10px 12px; border: 0; border-radius: 8px; background: transparent; color: var(--text); font: 400 14px/1.4 var(--body-font); cursor: pointer; }
.language-trigger:hover, .language-trigger[aria-expanded='true'] { background: var(--surface-strong); }
.language-chevron { width: 7px; height: 7px; border-right: 1.25px solid currentColor; border-bottom: 1.25px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform 160ms ease; }
.language-trigger[aria-expanded='true'] .language-chevron { transform: translateY(2px) rotate(225deg); }
.language-menu { position: absolute; z-index: 30; top: calc(100% + 10px); right: 0; width: 168px; max-width: calc(100vw - 32px); padding: 6px; border-radius: 12px; background: var(--surface); box-shadow: 0 12px 32px #30251d24; }
.language-menu[hidden] { display: none; }
.language-option { position: relative; display: flex; align-items: center; width: 100%; min-height: 44px; padding: 11px 36px 11px 14px; border: 0; border-radius: 7px; background: transparent; color: var(--text); font: 400 14px/1.5 var(--body-font); text-align: left; white-space: nowrap; cursor: pointer; }
.language-option:hover, .language-option:focus-visible { background: var(--surface-strong); }
.language-option[aria-checked='true'] { font-weight: 500; background: var(--surface-strong); }
.language-option[aria-checked='true']::after { content: ''; position: absolute; right: 16px; width: 5px; height: 9px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.language-trigger:focus-visible, .language-option:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .language-chevron { transition: none; } }
html[lang='en'] h1, html[lang='en'] h2, html[lang='en'] h3,
html[lang='en'] .footer-product-copy strong { letter-spacing: 0; text-wrap: balance; }
html[lang='en'] .desktop-nav { gap: clamp(16px, 1.6vw, 28px); }
html[lang='en'] .desktop-nav a { font-size: 16px; letter-spacing: 0; }
html[lang='en'] .video-hero-content h1 { font-size: clamp(40px, 4.7vw, 72px); line-height: 1.1; max-width: 10em; }
html[lang='en'] .video-hero-content h1 span { white-space: normal; }
html[lang='en'] .video-hero-content > p { max-width: 29em; }
html[lang='en'] .editorial-hero-copy strong { white-space: normal; line-height: 1.15; letter-spacing: 0; }
html[lang='en'] .editorial-hero-copy > span, html[lang='en'] .editorial-hero-manifesto { white-space: normal; line-height: 1.65; letter-spacing: 0; }
html[lang='en'] .footer-code-list .social-action { white-space: normal; line-height: 1.45; }
html[lang='en'] .footer-company strong { font-size: 15px; line-height: 1.6; }
html[lang='en'] .footer-company-phone { column-gap: 5px; }
html[lang='en'] .footer-product-copy strong { font-size: 25px; line-height: 1.2; }
html[lang='en'] .footer-product-copy small { display: block; margin-top: 8px; }
html[lang='en'] .footer-page-links a { font-size: 17px; }
html[lang='en'] .follow-primary, html[lang='en'] .follow-secondary { white-space: normal; }
@media (min-width: 981px) and (max-width: 1180px) {
  .nav-shell { gap: 20px; }
  .desktop-nav { gap: 16px; }
}
@media (max-width: 640px) {
  .nav-shell { gap: 4px; }
  .nav-shell > .brand-mark { width: 86px; margin-left: 42px; }
  .nav-actions { gap: 0; }
  .nav-actions .header-tool, .nav-actions .theme-toggle { width: 34px; min-height: 44px; }
  .language-picker { margin-inline-end: 2px; }
  .language-trigger { min-width: 58px; padding-inline: 6px; gap: 9px; font-size: 13px; }
  html[lang='en'] .video-home .video-hero-content h1 { font-size: clamp(36px, 10vw, 44px); max-width: 10em; line-height: 1.08; }
  html[lang='en'] .video-home .video-hero-content > p { font-size: 16px; line-height: 1.7; }
  html[lang='en'] .video-home .editorial-hero-copy strong { font-size: 36px; }
  html[lang='en'] .brand-editorial-copy h2 { font-size: 32px; line-height: 1.2; }
  html[lang='en'] .brand-editorial-copy > p { font-size: 17px; line-height: 1.7; }
  html[lang='en'] .footer-product-copy strong { font-size: 23px; }
  html[lang='en'] .footer-page-links a { font-size: 16px; }
  html[lang='en'] .footer-code-list .social-profile h3 { font-size: 12px; min-height: 36px; line-height: 1.5; }
}
@media (max-width: 359px) {
  .nav-shell > .brand-mark { width: 72px; margin-left: 36px; }
  .nav-actions .header-tool, .nav-actions .theme-toggle { width: 30px; }
}