/* clib-skin-nav-v1.css —— 导航栏按 ② 的设计语言统一（末尾覆盖层 · 零 DOM 改动 · 零位移）
   ============================================================================
   兄弟令（2026-10-16）：「我喜欢 ② 的导航栏设计 …… 整体的设计元素不动位置，
   按 ② 的设计语言和秩序性做标准化统一，替换一些设计原件」
   ② = notes/项目资料/设计/20261013-全链路真实模拟/大课堂-精细稿-20261013.html
      .nav .l span     → height:32px; padding:0 12px; border-radius:999px; font-size:13px; color:var(--acc2)
      .nav .l span.on  → background:#fff; color:var(--ink); font-weight:600; box-shadow:var(--sh1)
      令牌：--acc2=#6E6E73 · --ink=#1D1D1F · --sh1=0 4px 18px rgba(45,58,120,.14)

   ⚠ 关键事实（2026-10-16 实测，纠正本文件上一版的错误对象）：
     站上有两套导航 —— `nav.nav > .nav-inner > .nav-btn`（6 个按钮）被
     `pro-css/feat/home-v5.css` L326 `body nav.nav{display:none !important}` **永久隐藏**；
     屏幕上真正显示的是 `#hcRoot #hcNav nav.top > .links > a`（活动项 = `.on`）。
   ⇒ 本层只覆盖**真实可见导航**，且**只换视觉语言（颜色/字重/阴影）**：
     padding / height / font-size / gap / border-radius **一行都不动** ⇒ 零位移。

   作用域：`body:not(.hc-home)` —— 封面（地球版）冻结，导航一律不碰。
   回退：删掉 index.html 里指向本文件的那一行 <link>（一行命令）。
   ============================================================================ */

/* ② 的未选中项：灰字 --acc2（线上是 rgba(29,29,31,.72) → 统一到口径色） */
body:not(.hc-home) #hcRoot #hcNav nav.top .links a{
  color: #6E6E73 !important;
}
/* ② 的中性 hover 底色（替换线上的 rgba(29,29,31,.07)） */
body:not(.hc-home) #hcRoot #hcNav nav.top .links a:hover:not(.on){
  color: #1D1D1F !important;
  background: #F5F5F7 !important;
}
/* ② 的选中项：白药丸 + 深字 + 600 + 柔和投影（替换线上的 #4F6BED 蓝底 + 蓝光投影） */
body:not(.hc-home) #hcRoot #hcNav nav.top .links a.on{
  color: #1D1D1F !important;
  background: #FFFFFF !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 18px rgba(45,58,120,.14) !important;
}
/* 键盘可达：不降无障碍基线 */
body:not(.hc-home) #hcRoot #hcNav nav.top .links a:focus-visible{
  outline: 2px solid #4F6BED !important;
  outline-offset: 2px !important;
}

/* ③ 兄弟令（2026-10-16 二）：logo 拉到最左 —— 与页面内容列同一左右边（＝ ② 的 nav↔内容 关系）
   ② 坐标：nav 外框左边 == 内容卡左边，logo 与内容首行文字同一起点。
   线上旧值：`nav.top{max-width:1240px;margin:0 auto;padding:32px}` ⇒ 外框 100..1340、logo 132..369，
   而页面内容列是 20..1420（`.page.active` 实测 x=20 w=1400）⇒ logo 比内容内缩 112px。
   本层：外框铺到内容列（20..1420）+ 20px 内边距 ⇒ logo 左沿 40（＝卡片文字 41）· 登录胶囊右沿 1400（＝卡片右边 1399）。 */


/* ④ 兄弟令（2026-10-16 二）：右侧「登录 / 注册」换成 ② 的主按钮
   ② 原文：`.btn.p{background:linear-gradient(135deg,var(--indigo),var(--indigo-400));color:#fff;box-shadow:0 8px 28px rgba(79,107,237,.45)}`
          ＋ `.btn{height:32px;padding:0 16px;border-radius:999px;font:600 13px/1}`
   线上旧态：白字 + 金色描边环（`#hcRoot .goldpill::before` 的 mask 渐变 + sweep 动效）· 17px/600 · 135×52 · min-width:132px。 */
body:not(.hc-home) #hcRoot #hcNav nav.top .goldpill{
  min-width: 0 !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background: linear-gradient(135deg, #4F6BED, #6B8AFF) !important;
  color: #FFFFFF !important;
  border: 0 !important;
  box-shadow: 0 8px 28px rgba(79,107,237,.45) !important;
}
/* 金环 + sweep 动效一并撤除（② 的主按钮是实心渐变，没有描边环） */
body:not(.hc-home) #hcRoot #hcNav nav.top .goldpill::before{
  content: none !important;
  display: none !important;
}
/* 390 档：保触控高度 ≥44（不因换成 32 而变矮） */
@media (max-width: 900px){
  body:not(.hc-home) #hcRoot #hcNav nav.top .goldpill{
    height: auto !important;
    min-height: 44px !important;
    padding: 12px 16px !important;
  }
}
/* ============================================================================
   ⑥ 兄弟令 2026-10-16 四：**导航几何唯一化** —— 封面与内页（大课堂/自习室…）所有零件落位完全一致，
      消除"切页时因定位不同产生的位移抖动"。做法：**几何只定义一次、两态共用**（不再按 body 类分叉）。
   实测依据（改前，`_tmp-nav-diff.js` 读数）：
     封面 nav.top `[100,0,1240,116]` · logo `x=132,y=39` · 首项 `[440,36]` · 登录 `135×52 @1173` · navH **116**
     内页 nav.top `[0,0,1440,108]`   · logo `x=20,y=35`  · 首项 `[458,32]` · 登录 `98×32 @1322`   · navH **108**
     ⇒ 外框/logo x 差 112、首项 x 差 18、整体 y 差 4、登录尺寸与位置全不同。
   本层只统一**几何**（条宽/内距/胶囊尺寸/字号）；**配色不动**：封面保持透明底+白字，金环 `::before` 保留（尺寸随盒子走）。
   ============================================================================ */
@media (min-width: 901px){
  #hcRoot #hcNav nav.top{
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  /* 登录胶囊：两态**同尺寸**（封面靠 ::before 的金环继续保留其金色标识，不受盒子尺寸影响） */
  #hcRoot #hcNav nav.top .goldpill{
    min-width: 0 !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
  }
}