/* Keep the downloaded layout intact and add only the language control and CJK fallback. */
html[lang="zh-CN"] body {
  font-family: Arial, "Microsoft YaHei", "PingFang SC", sans-serif;
}
.dictionary-language {
  position: fixed;
  z-index: 35;
  left: 132px;
  bottom: 28px;
  display: flex;
  padding: 3px;
  border: 1px solid rgba(31, 31, 31, .16);
  border-radius: 7px;
  background: rgba(234, 234, 232, .94);
  color: #252525;
  box-shadow: 0 2px 7px rgba(0, 0, 0, .04);
}
.dictionary-language button {
  min-width: 43px;
  min-height: 32px;
  padding: 5px 9px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: 500 12px/1.3 Arial, "Microsoft YaHei", sans-serif;
}
.dictionary-language button[aria-pressed="true"] { background: #30302f; color: white; }
.dictionary-language button:focus-visible { outline: 2px solid #333; outline-offset: 3px; }
@media (max-width: 640px) {
  .dictionary-language { left: 112px; bottom: 20px; }
  .dictionary-language button { min-width: 37px; min-height: 32px; padding: 4px 7px; }
  /* The original mobile modal owns the full bottom navigation bar. */
  body:has([role="dialog"]) .dictionary-language { display: none; }
}