/* ============================================================================
   portal-r38b.css —— 官网前台移动端（H5）侧边抽屉导航修正（bug261022_2 问题9）
   ----------------------------------------------------------------------------
   客户原文：「移动端（H5）全局侧边栏导航：1、文字统一左对齐，确保同一层级的
   所有子菜单左边缘完全对齐；2、二级菜单颜色应改为深灰色」。

   加载位置：partials/head.html 末尾（portal-r37c.css 之后），同特异性下本文件
   后写者生效；文件内所有规则都锁在 @media (max-width:900px)，桌面端零变化。

   根因（三处叠加，行号为改动前的仓库）：
   1. portal-r31b.css:30
        .site-top .nav__item.has-sub .nav__sub{text-align:center}
      以及 portal-r31b.css:37 的 .site-top .nav__item.has-sub .nav__sub li a{
        text-align:center; justify-content:center}
      这两条是第 31 轮为「PC 下拉面板文字居中」加的（问题3），PC 端需要，
      但移动端抽屉里的下拉已经从浮层改成了行内展开（portal-r36a.css:367），
      块级 a 撑满整行后 text-align:center 就把每一条子项推到了抽屉中间——
      子项文字并不在父项文字的竖线上。
   2. portal-r36a.css:379
        .site-top header.nav .nav__drawer .nav__sub{padding:2px 0 8px 10px}
      行内展开时 ul 又额外加了 10px 左内边距，而一级项没有这 10px，
      于是子项比父项再右移 10px。
   3. 结果：一级项文字左边缘 = 抽屉左缘 + 1px 左边框 + .nav__menu 左
      padding 10px + 一级 a 左 padding 12px = 23px；二级项盒子左边缘再右
      移 10px（ul 的 padding）= 33px，且文字被居中，实测 390px 视口下二级
      文字起笔在 185.8px（一级在 77.61px），相差 108px。

   改法：
   · 只改移动端抽屉内的 .nav__sub：ul 左 padding 归零 → 子项 a 的 23px 左
     内边距与一级项完全重合；ul 与子项 a 都显式 text-align:left。
   · 二级文字颜色从 portal-r36a.css:405 的 var(--ink-500,#6B6B6B) 提到
     #4A4A4A（深灰）：比原来明显更深、可读，又比一级项的 --ink-700(#333)
     略浅，层级仍有区分。
   · 选择器都带 .nav__item.has-sub，特异性 (0,6,3)/(0,5,1) 高于 r36a 的
     (0,4,3)/(0,4,1) 与 r31b 的 (0,4,2)/(0,4,0)，不依赖加载顺序也压得住；
     因为正常态特异性提高会连带压过 r36a 的 :hover 金色（(0,5,3)），
     所以把 hover/focus-visible 的底色与字色在本文件里一并重述，交互不变。
   ========================================================================== */

@media (max-width: 900px) {
  /* 二级菜单容器：去掉 r36a 的 10px 左缩进，并清掉 r31b 的居中 */
  .site-top header.nav .nav__drawer .nav__item.has-sub .nav__sub {
    padding-left: 0;
    text-align: left;
  }

  /* 二级菜单项：与一级项同一条左竖线（1px 边框 + 10px 菜单内边距 + 12px 项内边距 = 23px） */
  .site-top header.nav .nav__drawer .nav__item.has-sub .nav__sub li a {
    text-align: left;
    justify-content: flex-start;
    padding-left: 12px;
    /* 深灰：比原 #6B6B6B 深一档，与一级 #333 仍有层级差异 */
    color: #4A4A4A;
  }

  /* 重述悬停 / 键盘聚焦态（特异性高于上面这条的正常态，避免金色被吃掉） */
  .site-top header.nav .nav__drawer .nav__item.has-sub .nav__sub li a:hover,
  .site-top header.nav .nav__drawer .nav__item.has-sub .nav__sub li a:focus-visible {
    background: var(--gold-50, #FFF9E6);
    color: var(--gold-600, #967000);
  }
}