/* __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_DESKTOP__ 10 语言站(html.lang-compact) 桌面导航折叠策略 —— 2026-09-23 重做。
   旧策略: 本站在 >=901px 一律折叠为汉堡, PC 端顶栏只剩 ☰, 主导航完全不可见(可发现性差)。
   新策略: 按各语言导航文字**实测所需最小宽度**分档 —— 视口放得下就横排显示, 放不下才折叠。
   阈值来自无头 Chrome 对本/多站逐语言实测(字体12.5/gap10; 见 memory/2026-09-23 日志)并留余量。
   需 >1180px 的长语言在展开档允许页头放宽(max-width:none)避免整行溢出。
   注: 英文亦纳入本策略(不再交由 style.css 的 1400 档, 因其在本站会溢出) → 渲染更稳。
   仅 html.lang-compact 生效; 其它站(≤4 语言)零漂移。 */

/* (1) 兜底: 视口未达本语言横排阈值 → 折叠为汉堡菜单(沿用旧观感) */
@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}
}

/* (2) 横排: 各语言达到各自阈值后展开为单行导航(规则位于 (1) 之后 → 同特异性下胜出) */
@media (min-width:1040px){
  html.lang-compact[lang="zh-Hans"] .header-inner, html.lang-compact[lang="zh-Hant"] .header-inner{height:68px;max-width:1180px}
  html.lang-compact[lang="zh-Hans"] .nav-toggle, html.lang-compact[lang="zh-Hant"] .nav-toggle{display:none}
  html.lang-compact[lang="zh-Hans"] .lang-switch.lang-switch-mobile, html.lang-compact[lang="zh-Hant"] .lang-switch.lang-switch-mobile{display:none}
  html.lang-compact[lang="zh-Hans"] .main-nav, html.lang-compact[lang="zh-Hant"] .main-nav{position:static;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px;margin:0 0 0 auto;max-height:none;overflow:visible;opacity:1;pointer-events:auto;background:none;border:0;box-shadow:none;padding:0;font-size:12.5px;font-weight:600}
  html.lang-compact[lang="zh-Hans"] .main-nav a, html.lang-compact[lang="zh-Hant"] .main-nav a{padding:5px 0;width:auto;font-size:12.5px;border:0;white-space:nowrap}
  html.lang-compact[lang="zh-Hans"] .nav-cta,html.lang-compact[lang="zh-Hans"] .nav-member, html.lang-compact[lang="zh-Hant"] .nav-cta,html.lang-compact[lang="zh-Hant"] .nav-member{display:inline-flex;margin:0;padding:9px 14px;border-radius:999px}
  html.lang-compact[lang="zh-Hans"] .nav-user, html.lang-compact[lang="zh-Hant"] .nav-user{padding:5px 0!important}
  html.lang-compact[lang="zh-Hans"] .nav-lang, html.lang-compact[lang="zh-Hant"] .nav-lang{margin-left:16px}
}
@media (min-width:1160px){
  html.lang-compact[lang="ko"] .header-inner{height:68px;max-width:1180px}
  html.lang-compact[lang="ko"] .nav-toggle{display:none}
  html.lang-compact[lang="ko"] .lang-switch.lang-switch-mobile{display:none}
  html.lang-compact[lang="ko"] .main-nav{position:static;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px;margin:0 0 0 auto;max-height:none;overflow:visible;opacity:1;pointer-events:auto;background:none;border:0;box-shadow:none;padding:0;font-size:12.5px;font-weight:600}
  html.lang-compact[lang="ko"] .main-nav a{padding:5px 0;width:auto;font-size:12.5px;border:0;white-space:nowrap}
  html.lang-compact[lang="ko"] .nav-cta,html.lang-compact[lang="ko"] .nav-member{display:inline-flex;margin:0;padding:9px 14px;border-radius:999px}
  html.lang-compact[lang="ko"] .nav-user{padding:5px 0!important}
  html.lang-compact[lang="ko"] .nav-lang{margin-left:16px}
}
@media (min-width:1420px){
  html.lang-compact[lang="th"] .header-inner{height:68px;max-width:none}
  html.lang-compact[lang="th"] .nav-toggle{display:none}
  html.lang-compact[lang="th"] .lang-switch.lang-switch-mobile{display:none}
  html.lang-compact[lang="th"] .main-nav{position:static;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px;margin:0 0 0 auto;max-height:none;overflow:visible;opacity:1;pointer-events:auto;background:none;border:0;box-shadow:none;padding:0;font-size:12.5px;font-weight:600}
  html.lang-compact[lang="th"] .main-nav a{padding:5px 0;width:auto;font-size:12.5px;border:0;white-space:nowrap}
  html.lang-compact[lang="th"] .nav-cta,html.lang-compact[lang="th"] .nav-member{display:inline-flex;margin:0;padding:9px 14px;border-radius:999px}
  html.lang-compact[lang="th"] .nav-user{padding:5px 0!important}
  html.lang-compact[lang="th"] .nav-lang{margin-left:16px}
}
@media (min-width:1520px){
  html.lang-compact[lang="en"] .header-inner{height:68px;max-width:none}
  html.lang-compact[lang="en"] .nav-toggle{display:none}
  html.lang-compact[lang="en"] .lang-switch.lang-switch-mobile{display:none}
  html.lang-compact[lang="en"] .main-nav{position:static;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px;margin:0 0 0 auto;max-height:none;overflow:visible;opacity:1;pointer-events:auto;background:none;border:0;box-shadow:none;padding:0;font-size:12.5px;font-weight:600}
  html.lang-compact[lang="en"] .main-nav a{padding:5px 0;width:auto;font-size:12.5px;border:0;white-space:nowrap}
  html.lang-compact[lang="en"] .nav-cta,html.lang-compact[lang="en"] .nav-member{display:inline-flex;margin:0;padding:9px 14px;border-radius:999px}
  html.lang-compact[lang="en"] .nav-user{padding:5px 0!important}
  html.lang-compact[lang="en"] .nav-lang{margin-left:16px}
}
@media (min-width:1640px){
  html.lang-compact[lang="id"] .header-inner, html.lang-compact[lang="vi"] .header-inner{height:68px;max-width:none}
  html.lang-compact[lang="id"] .nav-toggle, html.lang-compact[lang="vi"] .nav-toggle{display:none}
  html.lang-compact[lang="id"] .lang-switch.lang-switch-mobile, html.lang-compact[lang="vi"] .lang-switch.lang-switch-mobile{display:none}
  html.lang-compact[lang="id"] .main-nav, html.lang-compact[lang="vi"] .main-nav{position:static;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px;margin:0 0 0 auto;max-height:none;overflow:visible;opacity:1;pointer-events:auto;background:none;border:0;box-shadow:none;padding:0;font-size:12.5px;font-weight:600}
  html.lang-compact[lang="id"] .main-nav a, html.lang-compact[lang="vi"] .main-nav a{padding:5px 0;width:auto;font-size:12.5px;border:0;white-space:nowrap}
  html.lang-compact[lang="id"] .nav-cta,html.lang-compact[lang="id"] .nav-member, html.lang-compact[lang="vi"] .nav-cta,html.lang-compact[lang="vi"] .nav-member{display:inline-flex;margin:0;padding:9px 14px;border-radius:999px}
  html.lang-compact[lang="id"] .nav-user, html.lang-compact[lang="vi"] .nav-user{padding:5px 0!important}
  html.lang-compact[lang="id"] .nav-lang, html.lang-compact[lang="vi"] .nav-lang{margin-left:16px}
}
@media (min-width:1700px){
  html.lang-compact[lang="de"] .header-inner{height:68px;max-width:none}
  html.lang-compact[lang="de"] .nav-toggle{display:none}
  html.lang-compact[lang="de"] .lang-switch.lang-switch-mobile{display:none}
  html.lang-compact[lang="de"] .main-nav{position:static;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px;margin:0 0 0 auto;max-height:none;overflow:visible;opacity:1;pointer-events:auto;background:none;border:0;box-shadow:none;padding:0;font-size:12.5px;font-weight:600}
  html.lang-compact[lang="de"] .main-nav a{padding:5px 0;width:auto;font-size:12.5px;border:0;white-space:nowrap}
  html.lang-compact[lang="de"] .nav-cta,html.lang-compact[lang="de"] .nav-member{display:inline-flex;margin:0;padding:9px 14px;border-radius:999px}
  html.lang-compact[lang="de"] .nav-user{padding:5px 0!important}
  html.lang-compact[lang="de"] .nav-lang{margin-left:16px}
}
@media (min-width:1920px){
  html.lang-compact[lang="ms"] .header-inner, html.lang-compact[lang="fr"] .header-inner, html.lang-compact[lang="es"] .header-inner, html.lang-compact[lang="ru"] .header-inner{height:68px;max-width:none}
  html.lang-compact[lang="ms"] .nav-toggle, html.lang-compact[lang="fr"] .nav-toggle, html.lang-compact[lang="es"] .nav-toggle, html.lang-compact[lang="ru"] .nav-toggle{display:none}
  html.lang-compact[lang="ms"] .lang-switch.lang-switch-mobile, html.lang-compact[lang="fr"] .lang-switch.lang-switch-mobile, html.lang-compact[lang="es"] .lang-switch.lang-switch-mobile, html.lang-compact[lang="ru"] .lang-switch.lang-switch-mobile{display:none}
  html.lang-compact[lang="ms"] .main-nav, html.lang-compact[lang="fr"] .main-nav, html.lang-compact[lang="es"] .main-nav, html.lang-compact[lang="ru"] .main-nav{position:static;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px;margin:0 0 0 auto;max-height:none;overflow:visible;opacity:1;pointer-events:auto;background:none;border:0;box-shadow:none;padding:0;font-size:12.5px;font-weight:600}
  html.lang-compact[lang="ms"] .main-nav a, html.lang-compact[lang="fr"] .main-nav a, html.lang-compact[lang="es"] .main-nav a, html.lang-compact[lang="ru"] .main-nav a{padding:5px 0;width:auto;font-size:12.5px;border:0;white-space:nowrap}
  html.lang-compact[lang="ms"] .nav-cta,html.lang-compact[lang="ms"] .nav-member, html.lang-compact[lang="fr"] .nav-cta,html.lang-compact[lang="fr"] .nav-member, html.lang-compact[lang="es"] .nav-cta,html.lang-compact[lang="es"] .nav-member, html.lang-compact[lang="ru"] .nav-cta,html.lang-compact[lang="ru"] .nav-member{display:inline-flex;margin:0;padding:9px 14px;border-radius:999px}
  html.lang-compact[lang="ms"] .nav-user, html.lang-compact[lang="fr"] .nav-user, html.lang-compact[lang="es"] .nav-user, html.lang-compact[lang="ru"] .nav-user{padding:5px 0!important}
  html.lang-compact[lang="ms"] .nav-lang, html.lang-compact[lang="fr"] .nav-lang, html.lang-compact[lang="es"] .nav-lang, html.lang-compact[lang="ru"] .nav-lang{margin-left:16px}
}