/* ============================================================
   探索号主站 · 语言切换样式
   1) .lang / .lang-i   顶部中英文胶囊
   2) .nav-tail         把胶囊与「立即下载」按钮收在同一容器里，
                        不打乱 .nav-inner 的 space-between 三栏布局
   3) tsh-i18n-pending  以英文打开时先隐藏 body，避免中文一闪而过
   ============================================================ */

/* --- 英文首屏防闪烁（由 <head> 内联脚本挂上 class，引擎应用后摘掉） --- */
html.tsh-i18n-pending body { visibility: hidden !important; }

/* --- 语言胶囊 --- */
.lang {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border-radius: 999px;
  background: rgba(127, 127, 127, .14);
  flex: 0 0 auto;
}
.lang .lang-i {
  cursor: pointer;
  font-size: 12px;
  line-height: 1.55;
  padding: 2px 10px;
  border-radius: 999px;
  color: inherit;
  opacity: .6;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  transition: opacity .15s, background .15s;
}
.lang .lang-i:hover { opacity: .95; }
.lang .lang-i.on {
  background: #fff;
  opacity: 1;
  font-weight: 700;
  box-shadow: 0 1px 4px rgba(31, 35, 41, .16);
}

/* --- 导航尾部容器 --- */
.nav-tail {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
}

@media (max-width: 720px) {
  .nav-tail { gap: 8px; }
  .lang .lang-i { padding: 2px 8px; }
}