.menu > ul {
  display: flex;
  align-items: baseline;
}
.menu > ul > li:first-child {
  margin-left: 0;
}
.menu > ul > li:last-child {
  margin-left: auto;
}
.menu .lang {
  display: inline-block;
  position: relative;
  text-align: left;
}
.menu .lang summary {
  cursor: pointer;
  list-style: none;
}
.menu .lang summary::-webkit-details-marker {
  display: none;
}
.menu .lang summary::after {
  content: " \25BE";
}
.menu .lang[open] summary::after {
  content: " \25B4";
}
.menu .lang summary:hover {
  color: var(--background-color);
  background-color: var(--base-color);
}
.menu .lang ul {
  position: absolute;
  right: 0;
  top: 100%;
  margin: 4px 0 0;
  padding: 4px 10px;
  background-color: var(--background-color);
  border: var(--border);
  white-space: nowrap;
  z-index: 10;
}
.menu .lang ul li {
  display: block;
  margin: 0;
}
.menu .lang ul li::before {
  content: none;
  margin: 0;
}

html[lang="zh"] body {
  font-family: "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  text-autospace: ideograph-alpha ideograph-numeric;
}