/* __NAVLANG__ 多语言站(启用语言>4)顶部导航语言选择器: 紧凑下拉, 替代一长串胶囊。
   仅当 base.html 判定 lang_switch_list 长度 >4 时引入本文件;
   ≤4 语言站(如 baojicn/33519)完全不加载 → 视觉与字节零漂移。
   用原生 <details> 实现: 免 JS 可开合; 站点脚本负责点空白/Esc 自动关闭。 */

/* 紧凑模式: 隐藏原胶囊串(桌面版 + 移动版) */
html.lang-compact .lang-switch{display:none !important}

/* 下拉挂载点(推向右端, 与 ☰ 同侧) */
html.lang-compact .nav-lang{display:inline-flex;align-items:center;position:relative;margin-left:auto}

/* 触发按钮 */
html.lang-compact .nav-lang > summary{
  list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;
  padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:#eef3fb;
  font-size:13px;font-weight:700;color:var(--ink-2);line-height:1;user-select:none;
  transition:.15s;
}
html.lang-compact .nav-lang > summary::-webkit-details-marker{display:none}
html.lang-compact .nav-lang > summary::marker{content:""}
html.lang-compact .nav-lang > summary:hover{color:var(--brand-2);border-color:#cfe0f7}
html.lang-compact .nav-lang[open] > summary{color:var(--brand-2);border-color:var(--brand-2)}
html.lang-compact .nav-lang .globe{font-size:14px;line-height:1}
html.lang-compact .nav-lang .caret{font-size:9px;opacity:.55;transition:transform .15s}
html.lang-compact .nav-lang[open] .caret{transform:rotate(180deg)}

/* 展开面板 */
html.lang-compact .nav-lang-menu{
  position:absolute;top:calc(100% + 8px);right:0;z-index:60;
  min-width:196px;max-height:min(70vh,420px);overflow:auto;
  background:#fff;border:1px solid var(--line);border-radius:14px;
  box-shadow:0 18px 44px rgba(13,27,42,.18);padding:6px;
}
html.lang-compact .nav-lang-menu a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 12px;border-radius:9px;font-size:13.5px;font-weight:600;
  color:var(--ink-2);white-space:nowrap;line-height:1.2;
}
html.lang-compact .nav-lang-menu a:hover{background:#f0f4fa;color:var(--brand-2)}
html.lang-compact .nav-lang-menu a.active{background:#1a73e8;color:#fff}
html.lang-compact .nav-lang-menu a code{
  font-size:11px;font-weight:800;letter-spacing:.4px;opacity:.5;font-family:inherit;
}
html.lang-compact .nav-lang-menu a.active code{opacity:.85}

/* 窄屏: 触发按钮更瘦; 面板适当收窄 */
@media (max-width:560px){
  html.lang-compact .nav-lang > summary{padding:6px 10px;font-size:12px}
  html.lang-compact .nav-lang-menu{min-width:176px;right:-4px}
}

/* __NAVLANG__ 10 语言站(html.lang-compact): 横排导航遇长语言文字(ko/ru/fr/de/es/th/ms)
   在常规宽屏也会溢出 → 统一折叠为汉堡菜单(任意宽度), 语言下拉常驻顶栏右侧。
   仅 html.lang-compact 生效, 不动 style.css → 其它站零漂移。 */
@media (min-width:901px){
  html.lang-compact .header-inner{height:60px}
  html.lang-compact .nav-toggle{display:inline-flex}
  html.lang-compact .main-nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;
    background:#fff;border-bottom:1px solid var(--line);
    box-shadow:0 14px 30px rgba(13,27,42,.12);padding:8px 0;
    max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:.22s ease;
    font-size:16px;margin-left:0;}
  html.lang-compact .main-nav.open{max-height:70vh;overflow:auto;opacity:1;pointer-events:auto}
  html.lang-compact .main-nav a{padding:14px 22px;font-size:16px;width:100%;border-bottom:1px solid #f1f5fb}
  html.lang-compact .main-nav a:last-child{border-bottom:none}
  html.lang-compact .nav-cta,html.lang-compact .nav-member{display:block;margin:8px 22px;text-align:center;border-radius:12px}
  html.lang-compact .nav-user{padding:14px 22px!important}
}