/* ═══ 多语种板块样式（演示版：浮窗 + 我的页语言按钮/下拉菜单）═══
   z-index 约定：语言按钮/下拉 210（高于底导 200）；语言选择浮窗 800（最高层，压过 toast 600）
   新增浮层请勿占用 200~300 与 800 区间，防止层级打架 */

/* ─── 语言选择浮窗（强制，无关闭按钮）─── */
.lang-picker-overlay {
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(0,0,0,0.5); z-index: 800;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; pointer-events: none; transition: opacity 0.2s;
}
.lang-picker-overlay.show { opacity: 1; pointer-events: auto; }
.lang-picker-card {
  width: 320px; background: #fff; border-radius: 16px;
  padding: 32px 24px 24px; box-shadow: 0 16px 40px rgba(0,0,0,0.25);
}
.lang-picker-title { font-size: 22px; font-weight: 700; color: #1A1C1E; text-align: center; letter-spacing: 1px; }
.lang-picker-subtitle { margin-top: 6px; font-size: 12.5px; color: #8E96A3; text-align: center; letter-spacing: 0.3px; }
.lang-picker-options { margin-top: 24px; display: flex; flex-direction: column; gap: 10px; }
.lang-picker-option {
  width: 100%; height: 46px; border: 1px solid #E0E3E8; border-radius: 10px;
  background: #fff; color: #1A1C1E; font-size: 14px; cursor: pointer;
  transition: border-color 0.15s, color 0.15s, background 0.15s;
}
.lang-picker-option:active { background: #F7F8FA; }
.lang-picker-option.current { border-color: #FF5C39; color: #FF5C39; font-weight: 600; }

/* ─── 我的页语言按钮 + 下拉菜单 ─── */
/* absolute 相对 #page-profile（手机显示区域容器）定位：
   天然限制在手机区域右上角，横屏/宽屏不会跑入两侧空白；随页面滚动滚走 */
.profile-lang-wrap { position: absolute; top: calc(12px + env(safe-area-inset-top, 0px)); right: 12px; z-index: 210; }
.profile-lang-btn {
  display: flex; align-items: center; gap: 6px;
  height: 34px; padding: 0 12px; border: none; border-radius: 8px; /* 胶囊 → 圆角矩形 */
  background: rgba(20,22,25,0.5); color: #fff;
  font-size: 15px; /* 13 → 15 */
  cursor: pointer; box-shadow: 0 1px 6px rgba(0,0,0,0.15);
}
.profile-lang-btn i { font-size: 17px; } /* 14 → 17 */
.profile-lang-btn:active { background: rgba(20,22,25,0.68); }
/* 未登录态：深灰镂空线框 + 深灰图标文字（已登录态为半透明深灰底白字） */
.profile-lang-btn.guest {
  background: transparent;
  border: 1px solid rgba(58,60,64,0.6);
  color: #3A3C40;
  box-shadow: none;
}
.profile-lang-btn.guest:active { background: rgba(58,60,64,0.08); }
.profile-lang-menu {
  display: none; position: absolute; top: calc(100% + 8px); right: 0;
  width: 168px; background: #fff; border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.14); padding: 6px;
  opacity: 0; transform: translateY(-4px);
  transition: opacity 0.15s, transform 0.15s;
}
.profile-lang-menu.show { display: block; opacity: 1; transform: translateY(0); }
.profile-lang-item {
  width: 100%; height: 40px; display: flex; align-items: center; justify-content: space-between;
  padding: 0 12px; border: none; border-radius: 8px; background: #fff;
  color: #1A1C1E; font-size: 14px; cursor: pointer; text-align: left;
}
.profile-lang-item:active { background: #F7F8FA; }
.profile-lang-item .lang-check { display: none; color: #FF5C39; font-size: 13px; }
.profile-lang-item.current { color: #FF5C39; font-weight: 600; }
.profile-lang-item.current .lang-check { display: inline-block; }