.language-button {
  display: flex;
  width: auto;
  min-width: 51px;
  padding: 0 9px 0 8px;
  gap: 5px;
  border-radius: 999px;
  border-color: #d8c68430;
  color: #d3ddc9;
}

.language-button svg {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  stroke-width: 1.6;
}

.language-button span {
  min-width: 17px;
  color: var(--gold);
  font-size: 9px;
  font-weight: 650;
  letter-spacing: .08em;
  line-height: 1;
  text-align: center;
}

.language-button:hover {
  transform: none;
  border-color: #e5c78466;
  background: #294747c4;
}

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

html[lang="zh-CN"] .brand,
html[lang="zh-CN"] .edition,
html[lang="zh-CN"] .eyebrow,
html[lang="zh-CN"] .action-copy > span,
html[lang="zh-CN"] .toast strong {
  letter-spacing: .13em;
}

html[lang="zh-CN"] .region h1,
html[lang="zh-CN"] .panel h2,
html[lang="zh-CN"] .loading p {
  font-family: "STKaiti", "KaiTi", "Songti SC", Georgia, serif;
}

@media (max-width: 650px) {
  .language-button {
    min-width: 45px;
    width: 45px;
    padding: 0 7px;
    gap: 4px;
  }

  .language-button svg {
    width: 14px;
    height: 14px;
  }

  .journal-button {
    right: 151px;
  }
}

@media (max-width: 390px) {
  .journal-button {
    right: 146px;
    padding-inline: 9px;
  }

  .journal-button svg {
    display: none;
  }
}

@media (max-width: 350px) {
  .edition,
  .journal-button {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .language-button {
    transition: none;
  }
}