/* ============================================================
   多语言层（先看效果版：简体 / 繁體，后期可扩展更多语言）
   ============================================================ */

/* 防闪：检测到繁体时首屏先隐藏 body，转换完成后再显示，避免简体闪一下 */
html.i18n-loading body { visibility: hidden; }

/* 语言切换（简 / 繁）—— 作为导航项的最后一项，跟随链接排列 */
.lang-sw {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-left: 10px;
  padding: 2px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .14);
  vertical-align: middle;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  flex: none;
}
.lang-sw button {
  appearance: none;
  border: 0;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  line-height: 1;
  color: rgba(255, 255, 255, .62);
  background: transparent;
  padding: 5px 9px;
  border-radius: 999px;
  transition: background .18s ease, color .18s ease;
}
.lang-sw button:hover { color: #fff; }
.lang-sw button.active {
  color: #0a0514;
  font-weight: 700;
  background: linear-gradient(135deg, #ffd75e, #ff2e88);
  box-shadow: 0 2px 10px rgba(255, 46, 136, .38);
}

/* 首页 header 是 flex 布局，给切换器留点呼吸 */
.nav-inner .lang-sw { margin-left: auto; }
@media (max-width: 720px) {
  .nav-inner .lang-sw { margin-left: 8px; }
}

@media (max-width: 560px) {
  .lang-sw { margin-left: 6px; }
  .lang-sw button { padding: 4px 7px; font-size: 11px; }
}