.header > .language-switch {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 13px;
  border: 1px solid #ffffff85;
  color: white;
  font: 600 14px/1.2 "DM Sans", "Microsoft YaHei", "PingFang SC", sans-serif;
  text-decoration: none;
  white-space: nowrap;
}

.header > .language-switch:hover,
.header > .language-switch:focus-visible {
  background: #ffffff20;
  color: white;
}

.header > .language-switch:focus-visible {
  outline: 2px solid white;
  outline-offset: 3px;
}

.header > .original-brand {
  margin-inline-end: auto;
}

html:lang(zh-CN) body {
  font-family: "DM Sans", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
}

html:lang(zh-CN) h1,
html:lang(zh-CN) h2,
html:lang(zh-CN) h3 {
  font-family: "Libre Caslon Display", "Songti SC", "Noto Serif CJK SC", "SimSun", serif;
  overflow-wrap: anywhere;
}

html:lang(zh-CN) .eyebrow {
  letter-spacing: .09em;
}

html:lang(zh-CN) .nav > a {
  white-space: nowrap;
}

@media (max-width: 1150px) {
  .original-topbar .header:has(> .language-switch) {
    gap: clamp(8px, 1.4vw, 16px);
  }
}

@media (max-width: 480px) {
  .header > .original-brand {
    min-width: 0;
    gap: 8px;
  }

  .header > .original-brand .header-mark {
    width: clamp(23px, 7.5vw, 36px);
  }

  .header > .original-brand .header-logo {
    width: clamp(82px, 30vw, 138px);
  }

  .header > .language-switch {
    min-height: 38px;
    padding-inline: 9px;
    font-size: 13px;
  }

  .header > .menu {
    flex: none;
  }
}

@media (max-width: 480px) {
  .header > .language-switch {
    min-height: 48px;
    min-width: 54px;
  }

  html:lang(zh-CN) h1 {
    text-wrap: balance;
  }

  .hw-assistant .hw-assistant-launch {
    width: 54px;
    min-height: 54px;
    padding: 3px;
    justify-content: center;
  }

  .hw-assistant .hw-assistant-launch > .hw-assistant-label,
  .hw-assistant .hw-assistant-launch > svg {
    display: none;
  }
}