/* =============================================================
   静态站头部 · 移动端紧凑化补丁（会员入口 + 语言切换）
   由 deploy/site/apply-nav-mobile.sh 幂等注入；文件名固定、页面以 ?v= 引用，
   配合 /assets/* 的 immutable 缓存（改样式请换新文件名或提升版本号）。
   加载顺序在 styles.css / i18n.css / member-entry.css 之后，用于覆盖其窄屏规则。
   ============================================================= */
@media (max-width: 1023px) {
  /* 顶栏不折行：靠压缩而不是换行/溢出 */
  .nav__inner { flex-wrap: nowrap; }
  .nav__right { flex-wrap: nowrap; row-gap: 0; gap: 6px; }
  /* 品牌名可截断，避免把右侧的会员/语言挤出去 */
  .brand { min-width: 0; }
  .brand__name { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  /* 会员入口与语言切换统一高度，视觉对齐 */
  .nav__right .nav__member,
  .nav__right .lang-switch__trigger { height: 40px; }
  .nav__right .lang-switch__trigger { padding: 7px 10px; gap: 6px; }
  /* 下拉菜单不越出视口 */
  .nav__right .lang-switch__menu { max-width: calc(100vw - 24px); }
}

@media (max-width: 767px) {
  /* 手机：语言切换只留地球图标 + 箭头（隐藏当前语言文字） */
  .nav__right .lang-switch__current { display: none; }
}

@media (max-width: 480px) {
  /* 超窄屏：只留品牌徽标，给右侧让位 */
  .brand__name { display: none; }
}