/* ===== MSX_NAV_LAYOUT_V2（2026-10-13 老田令：页眉菜单重排）=====
   背景：旧版桌面页眉 .nav-links 用 position:absolute;left:50% 视觉居中，
        菜单脱流、不随右侧登录区变宽而收缩，用户登录后昵称胶囊把「关于」压住；
        且各菜单视觉间距不均匀。
   目标：从「关于」到「首页」（首页位置不变、钉在最左）在 logo 与右侧登录区之间
        均匀排布；登录后用户名不再遮挡任何菜单；移动端汉堡菜单完全不变。
   做法：只增不改。本文件在各页 </head> 前最后加载，以同特异性 + !important +
        后加载覆盖旧的绝对居中规则；删除本 <link> 即整页回滚。
   覆盖：.nav-inner（home/lessons/quiz/aigc/3d/mall/events/cert/about/member）
        与 .topbar-inner（workshop），两类页眉内部都复用同一套 .nav-links。
   幂等：无副作用；不改动下拉面板、移动端手风琴、登录下拉。 */

/* ---------- 桌面（>900px）：静态流式均分 ---------- */
@media (min-width: 901px) {
  /* 容器作为普通 flex 行：logo（左）— 菜单（中，吃掉剩余空间）— 右侧区（右） */
  .nav-inner,
  .topbar-inner {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
  }
  /* 菜单回到正常文档流，占据 logo 与右侧区之间的全部可用宽度，
     因此右侧区无论多宽（登录昵称变长）都只会让可用宽度收窄，永不与菜单重叠 */
  .nav-inner > .nav-links,
  .topbar-inner > .nav-links {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important; /* 8 版块从首页到关于均匀等距 */
    gap: 0 !important;
    white-space: nowrap;
  }
  /* 每个菜单项（含「软件」整体）保持自身宽度、不被压缩、不换行 */
  .nav-links > a,
  .nav-links > .nav-dd-item {
    flex: 0 0 auto !important;
    white-space: nowrap;
  }
  /* 右侧区钉最右、不参与均分 */
  .nav-inner > .nav-right,
  .topbar-inner > .quota-chip {
    flex: 0 0 auto !important;
  }
}

/* ---------- 移动（<=900px）：与现有汉堡逻辑保持一致，菜单隐藏 ---------- */
@media (max-width: 900px) {
  .nav-inner > .nav-links,
  .topbar-inner > .nav-links {
    display: none !important;
  }
}

/* ===== V1_08B_NAVLANG_CSS（2026-10-15 老田令：30档收窄 + 中/EN 按钮；只在 >=1100 生效）=====
   首页钉在右移后位置（padding-left:119，固定不动）；关于起 8 项等距到净间距30
   （加语言按钮后 nav-right +48px、links 盒先被左压，实测 padding-right 仅需 10px）。
   901–1099 不在此规则内，自动回原生 padding:0 8px、不右移；<=900 汉堡。删除本块即回滚。 */
.msx-lang-icon-holder{align-items:center;flex:0 0 auto;}
.msx-lang-icon{
  width:36px;height:36px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--msx-line);
  background:var(--msx-softer);
  color:var(--msx-primary);
  cursor:pointer;padding:0;flex:0 0 auto;
  font-size:13px;font-weight:600;line-height:1;letter-spacing:.2px;font-family:inherit;
  transition:background .15s ease,border-color .15s ease,color .15s ease,
             box-shadow .15s ease,transform .15s ease;
}
.msx-lang-icon:hover{border-color:var(--msx-primary);box-shadow:0 4px 12px rgba(var(--msx-rgb),.22);transform:translateY(-1px);}
.msx-lang-icon:active{transform:translateY(0);}
.msx-lang-icon:focus-visible{outline:2px solid var(--msx-primary);outline-offset:2px;}
/* 默认隐藏；仅在桌面宽窗 >=1100px 显示（<1100 页眉回原生） */
.msx-lang-icon-holder{display:none !important;}
@media (min-width:1100px){
  .msx-lang-icon-holder{display:inline-flex !important;}
  .nav-inner > .nav-links,
  .topbar-inner > .nav-links{
    padding-left:119px !important;   /* 30档：首页钉右移后位置，固定 */
    padding-right:10px !important;   /* 30档：实测9.828，生产取10，净间距=30 */
  }
}
/* ===== /V1_08B_NAVLANG_CSS ===== */