.language-bar {
  width: min(1040px, calc(100% - 40px));
  margin: 12px auto 0;
  display: flex;
  justify-content: flex-end;
}
.language-form { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; font-size: .9rem; }
.language-form[hidden] { display: none; }
.language-form label { color: #b7bbc4; }
.language-form select, .language-form button {
  min-height: 44px; max-width: 100%; border: 1px solid #4b4f59; border-radius: 10px;
  padding: 8px 12px; font: inherit; background: #111318; color: #f6f7f8;
}
.language-form select { min-width: 170px; }
.language-form button { border-color: #ffc928; color: #ffc928; cursor: pointer; }
.language-form button:disabled { opacity: .6; cursor: wait; }
.language-form :focus-visible { outline: 3px solid #ffc928; outline-offset: 3px; }
.language-status { color: #b7bbc4; font-size: .85rem; }
html:not([lang^="zh"]) h1, html:not([lang^="zh"]) h2 { overflow-wrap: anywhere; }
@media (max-width: 580px) {
  .language-bar { justify-content: flex-start; }
  .language-form { width: 100%; }
  .language-form label { flex-basis: 100%; }
  .language-form select { flex: 1; min-width: 0; }
  .language-status { flex-basis: 100%; }
}