/* ============================================================================
   site-i18n.css — 主站 13 语统一控件样式（tg-i18n 展示层引擎配套）
   ① 统一 13 语下拉：深色胶囊 + 深色弹层
      color-scheme:dark 修正 Chromium 原生弹层白底 + 页面继承白字导致的「看不见」
   ② 无自有控件页面：右下角浮层容器（select 本体同样走 ① 的统一外观）
   ③ 停用页面自带的旧语言按钮（newenergy 中文/EN、应用市场 langBtn、会员专区 langChip）
   ============================================================================ */

/* ① 统一 13 语下拉（特异性 0,1,1 高于页面级 .langpick 0,1,0） */
select[data-i18n-switch]{
  -webkit-appearance:none;appearance:none;color-scheme:dark;
  background-color:#0E1B30;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237CE0FF' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center;
  color:#E8F1FF;border:1px solid rgba(124,224,255,.28);border-radius:999px;
  padding:7px 28px 7px 12px;font-family:inherit;font-size:12.5px;font-weight:600;line-height:1.25;
  cursor:pointer;outline:none;transition:border-color .2s}
select[data-i18n-switch]:hover,select[data-i18n-switch]:focus{border-color:rgba(124,224,255,.62)}
select[data-i18n-switch] option,select[data-i18n-switch] optgroup{background:#0E1B30;color:#E8F1FF}
@media(max-width:1024px){select[data-i18n-switch]{font-size:12px;padding:7px 26px 7px 12px}}

/* ② 浮层容器（仅当页面没有任何语言控件宿主、且为宽屏非触屏时由 site-i18n-boot.js 创建） */
#tgLangFloat{position:fixed;right:14px;bottom:14px;z-index:2147483000;margin:0;padding:0}
#tgLangFloat .tg-lang-sel{box-shadow:0 4px 16px rgba(0,0,0,.35)}
/* 【2026-10-13 总裁令·语言控件收口】原 @media(max-width:1024px){#tgLangFloat{bottom:10px}}
   会把语言浮层贴到屏幕底部、夹在移动站 .tabbar 底部导航之上造成遮挡 —— 已废止贴底口径。
   窄屏(≤899)/触屏 由 site-i18n-boot.js 直接不再创建该浮层（语言控件收口到顶栏 .gd-lang）；
   此处再兜底隐藏，确保手机端语言控件绝不出现在屏幕底部遮挡导航。 */
@media(max-width:1024px){#tgLangFloat{right:10px}}
@media(max-width:899px){#tgLangFloat{display:none!important}}
html[dir="rtl"] #tgLangFloat{right:auto;left:14px}

/* ③ 停用旧语言按钮（统一 13 语控件接管） */
body.lang-zh .lang-toggle,body.lang-en .lang-toggle{display:none!important}  /* newenergy */
#langBtn,#langChip{display:none!important}                                   /* market-app / touchapp */

/* ④ 共享页头 ≤1500 收汉堡 —— **2026-10-12 17:00 废除**（总裁反馈：桌面观感像手机/平板）
   原口径：主栏目增至 13 项后 1024–1500 一行装不下 → 全语种整条收进汉堡。
   问题：总裁 1080px 桌面窗口打开首页只剩「语言 + ☰」，导航整条消失。
   新口径：**顶栏恒横排**，由 app.js 自适应收编引擎按实测可用宽度把装不下的
   尾部栏目逐个移入「更多 ▾」下拉（≤1023 仍走抽屉，口径不变）。
   本条媒体查询整体移除；EN 同口径块（style.css）一并移除。 */

/* ≥1501 大屏：非中文按 en 的压缩口径收紧共享页头（同样以 :has() 守卫） */
@media (min-width:1501px){
  html:not([lang^="zh"]) .site-header:has(.nav-burger) .nav{gap:1px}
  html:not([lang^="zh"]) .site-header:has(.nav-burger) .nav__link{padding:8px 7px;font-size:12px;letter-spacing:-.015em}
  html:not([lang^="zh"]) .site-header:has(.nav-burger) .wrap{gap:8px}
  html:not([lang^="zh"]) .site-header:has(.nav-burger) .brand__sub{display:none}
  html:not([lang^="zh"]) .site-header:has(.nav-burger) .head-actions{gap:6px}
}
/* ≥1501 大屏中文：主栏目已 14 项（含感著办公套件），15px 基准档要 ≥2024 才装得下，
   14px 档要 ≥1800；故分两档压缩（真浏览器实测 14 项 navW：15px=1299 / 14px=1134 / 12.5px≈960）。
   1501–1919 用 12.5px 档（1501 视口需 nav≤1004，实测余量约 40px）；≥1920 用 13.5px 档（余量 130px+）。
   若日后移除「3D 手机产线」项（13 项）nav 更窄，两档皆仍成立（保守）。 */
@media (min-width:1501px) and (max-width:1919px){
  html[lang^="zh"] .nav{gap:2px}
  html[lang^="zh"] .nav__link{padding:8px 9px;font-size:12.5px;letter-spacing:-.01em}
}
@media (min-width:1920px){
  html[lang^="zh"] .nav{gap:2px}
  html[lang^="zh"] .nav__link{padding:9px 11px;font-size:13.5px;letter-spacing:-.01em}
}

/* ⑤ 语言胶囊不得撑破页头：限制最大宽度并允许省略 */
select[data-i18n-switch]{max-width:min(132px,46vw);text-overflow:ellipsis}

/* ⑦ 页头吃紧时，宁可让语言胶囊先收缩（文字省略），也不让整页横向溢出。
   站点原生 select.gd-lang / .about-langpick 无宽度约束，13 个语种全名（最长
   「Bahasa Melayu」）会把胶囊撑到 ~127px；在 1600/1280 等页头本就吃紧的宽度上
   足以把整页撑出横向滚动（实测 index/?lang=zh @1600 1652、about @1280 1382）。
   让 .head-actions 可收缩 + 胶囊 min-width:0，即按需省略；宽屏外观不变。 */
.site-header .head-actions{flex:0 1 auto;min-width:0}
.site-header .head-actions>*{flex:none}                                    /* 登录/用户胶囊等不参与收缩 */
.site-header .head-actions>select[data-i18n-switch]{flex:0 1 auto;min-width:0}

/* ⑥ 长译文不得撑破页面
   style.css:104 `.eco-sec .h-sub{max-width:none;white-space:nowrap}` 是按中文单行设计的；
   fr/de/ru 等译文明显更长 → 单行必然溢出整页（实测 home/?lang=fr sw=1716 @1280）。
   非中文语种改为折行 + 恢复容器限宽，视觉仍居中。 */
html:not([lang^="zh"]) .eco-sec .h-sub{white-space:normal;max-width:760px}

/* ⑧ 非中文：按钮/导航等 nowrap 内联元素遇到长译文 → 允许折行，避免窄屏横向溢出
   实测（A/B 阻断对照）：join @390 fr 的 .btn、join @1280 fr 的 .top-nav a、
   products @390 fr 的 .cs-cta .btn 都因 `white-space:nowrap` + 法语长文案把整页
   撑宽（433 → 2000px）；中文短语短、原样不溢出。非中文一律允许折行。 */
html:not([lang^="zh"]) .btn,
html:not([lang^="zh"]) .btn--primary,
html:not([lang^="zh"]) .btn-gold,
html:not([lang^="zh"]) .top-nav a,
html:not([lang^="zh"]) .top-act a,
html:not([lang^="zh"]) .cs-cta a,
html:not([lang^="zh"]) .nav__link{white-space:normal;overflow-wrap:break-word}
html:not([lang^="zh"]) .btn{max-width:100%}
html:not([lang^="zh"]) .top-nav,
html:not([lang^="zh"]) .top-act{flex-wrap:wrap}

/* ⑨ 手机窄屏：语言胶囊再收一档，把横向空间让给内容 */
@media (max-width:600px){
  select[data-i18n-switch]{max-width:min(104px,34vw)}
}

/* ⑩ 主栏目 13 项时代的旧过渡补丁（中文导航收窄内边距 + ≤1279 隐藏「3D 手机产线」项）
   已被上方 ④ 的「≤1500 全语种收汉堡 + ≥1501 中文 14px 压缩档」口径整体取代，故移除，
   避免两套规则并存互相打架。 */