/* ============================================================
 * 移动端左侧导航「高亮只在被点中的一级分组项上」强覆盖样式
 * 目的：无论页面缓存了哪一版 m_index.css，都把这层容器底色彻底清掉
 * 用法：common/header/universalHead.html 在 m_index.css 之后引入
 * ============================================================ */

/* 父容器（一级分组的容器）不得有任何底色/底图/投影 */
.nav-head-m .nav-list .list-itemB.active.has-children,
.nav-head-m .nav-list .list-itemB.active.has-children[class] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 容器自身的伪元素也不允许铺底色（箭头在 .item-v1-name 上，不受影响） */
.nav-head-m .nav-list .list-itemB.active.has-children::before,
.nav-head-m .nav-list .list-itemB.active.has-children::after {
  background: transparent !important;
  background-image: none !important;
}

/* 只有「被点中的那一项」显示蓝色底 */
.nav-head-m .nav-list .list-itemB.active.no-children,
.nav-head-m .nav-list .list-itemB.active.no-children[class] {
  background: rgba(29, 120, 255, 0.14) !important;
}

.nav-head-m .nav-list .list-itemB.active .list-item-v2 .item-v2-name.active,
.nav-head-m .nav-list .list-itemB.active .list-item-v2 .item-v2-name.active[class] {
  background: rgba(29, 120, 255, 0.14) !important;
  background-image: none !important;
}