.aid-language {
  flex: none;
  width: auto;
  min-height: 44px;
  padding: 0 7px;
  border: 1px solid var(--aid-border, #dbc8ae);
  border-radius: 0;
  background: var(--aid-ivory, #faf7f0);
  color: var(--aid-ink, #302720);
  font: 600 12px Montserrat, Arial, sans-serif;
  cursor: pointer;
}

.aid-language:focus-visible {
  outline: 2px solid var(--aid-bronze, #78592e);
  outline-offset: 2px;
}

.aid-language-status:empty {
  display: none;
}

.aid-language-status:not(:empty) {
  position: absolute;
  inset: 100% 12px auto auto;
  max-width: min(260px, calc(100vw - 24px));
  padding: 8px 12px;
  background: #faf7f0;
  color: #302720;
  border: 1px solid #dbc8ae;
  font-size: 12px;
}

@media (max-width: 1024px) {
  .mobile-site > header .nav-right:has(.aid-language) {
    gap: 6px;
  }
}

@media (max-width: 360px) {
  .mobile-site > header .nav:has(.aid-language) {
    gap: 6px;
    padding-inline: 8px;
  }

  .mobile-site > header .nav-right:has(.aid-language) .quote-btn {
    padding-inline: 7px;
  }
}

@media (min-width: 1025px) {
  html[lang="zh-Hans"] .mobile-site > header #menu {
    gap: clamp(12px, 2vw, 34px);
  }

  html[lang="zh-Hans"] .mobile-site > header .nav-right {
    gap: clamp(8px, 1.5vw, 24px);
  }

  html[lang="zh-Hans"] .mobile-site .lux-hero {
    height: auto;
  }

  html[lang="zh-Hans"] .mobile-site .lux-content {
    position: relative;
    inset: auto;
    transform: none;
    padding-block: clamp(44px, 6vh, 90px);
    margin-inline: clamp(40px, 7vw, 120px);
  }

  html[lang="zh-Hans"] .mobile-site .lux-content h1 {
    font-size: clamp(54px, 6vw, 90px);
    line-height: 1.04;
  }

  html[lang="zh-Hans"] .mobile-site .hero-bottom {
    position: relative;
  }
}

html[lang="zh-Hans"] body {
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
}

html[lang="zh-Hans"] .lux-content h1 {
  font-family: "Songti SC", "Noto Serif CJK SC", serif;
}