/* ================ 语言切换器 ================ */
.lang-switcher {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 13px;
  font-weight: 500;
  margin-right: 12px;
}

.lang-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px 8px;
  color: var(--color-text-secondary);
  font-size: 13px;
  font-weight: 500;
  border-radius: 4px;
  transition: all 0.2s ease;
  font-family: inherit;
}

.lang-btn:hover {
  color: var(--color-primary);
  background: rgba(10, 37, 64, 0.05);
}

.lang-btn.active {
  color: var(--color-primary);
  font-weight: 700;
  background: rgba(10, 37, 64, 0.06);
}

.lang-divider {
  color: var(--color-border);
  font-size: 12px;
  user-select: none;
}

/* ================ 防闪烁（FOUC） ================
   仅英文模式下，i18n 初始化完成前将文字设为透明，避免中文闪一下再变英文。
   中文是默认语言，HTML 本身就是中文，完全不需要任何处理。
   注意：只用 color:transparent，不改 layout（不 visibility:hidden / display:none），
   避免导致布局偏移或闪跳。 */
html.i18n-pending [data-i18n] {
  color: transparent !important;
}
html.i18n-pending .lang-switcher {
  opacity: 0;
}
html.i18n-ready [data-i18n],
html.i18n-ready .lang-switcher {
  /* 直接显示，不加 transition 过渡动画，避免多余的淡入感 */
}

/* 移动端：在nav-cta内适配 */
@media (max-width: 1024px) {
  .lang-switcher {
    margin-right: 8px;
  }
}