/* 速科主题：移动端「菜单展开」层级与覆盖修复
   问题 1：移动端菜单（.nav-head-m，z-index:99）展开后，
           弹窗公告侧边标题 .latest-announcement-toggle（z-index:999）
           与公告面板 .latest-announcement-panel（z-index:1000）压在菜单之上，
           侧边标题从菜单左侧露出，可误点。
   问题 2：菜单抽屉高度写死为 calc(100vh - 导航高)，部分机型/内核里 100vh
           与真实可视高度不一致（地址栏收起、WebView 视口变化），抽屉底部短
           一截，底层页面内容从屏幕底部边缘透出。
   修复：
     1) 菜单展开时把整个移动导航容器抬到 1002（> 公告 1000 / 侧边标题 999）；
     2) 抽屉高度改用脚本写入的 --hm-vh（visualViewport / innerHeight 实测值），
        并随地址栏收放、旋转、可视视口变化实时刷新——底边始终贴住屏幕底部；
     3) 整块容器补不透明底色，列间缝隙也不会透出底层页面；
     4) 同时给侧边标题加隐藏兜底；菜单收起后一切恢复：侧边标题照常显示可点，
        底层页面状态（含滚动位置）不受影响——未改动 body 的 overflow / position。
   作用范围：仅移动端（max-width:1024px）；PC 端不含 .nav-head-m，天然不受影响。
   生效条件：菜单容器出现 .nav-list.active 时，由
             :has()（现代内核）+ html.hm-menu-open（mobile-menu-layer.js 兜底）双重命中。 */

@media (max-width: 1024px) {
    /* ---------- 一、层级：菜单 > 弹窗公告 ---------- */
    /* 现代内核直接命中：菜单面板展开即抬层级 */
    .nav-head-m:has(.nav-list.active) {
        z-index: 1002 !important;
    }

    /* 旧内核（微信 X5 / 老 Android WebView）由脚本加类兜底 */
    html.hm-menu-open .nav-head-m {
        z-index: 1002 !important;
    }

    /* 兜底隐藏侧边标题：菜单展开期间不露出、不可点，收起后自动恢复 */
    html.hm-menu-open .latest-announcement-toggle {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    /* 公告面板保持 1000，低于菜单 1002，被菜单整体遮盖 */
    html.hm-menu-open .latest-announcement-panel {
        z-index: 1000;
    }

    /* ---------- 二、覆盖：抽屉高度跟随真实可视高度，底边贴住屏幕 ---------- */
    /* 为什么不用 position:fixed + bottom:0：.nav-list 的父级 .nav-head 带
       backdrop-filter，会给 fixed 子元素另建包含块，抽屉会被压成 0 高。
       因此仍用 absolute + 高度，但高度改由脚本写入的 --hm-vh（真实可视高度，
       随地址栏收放/旋转实时更新）计算；脚本未执行时回退 100vh，保持原状。 */
    .nav-head-m .nav-list {
        position: absolute;
        top: var(--wapnavheight);
        left: 0;
        right: 0;
        bottom: auto;
        width: 100%;
        height: calc(var(--hm-vh, 100vh) - var(--wapnavheight));
        /* 整块不透底：左右列之间/圆角/边框缝隙也不会露出底层页面 */
        background: var(--wapnavright_color, #fff);
        overscroll-behavior: contain;
    }

    /* 关闭态 display:none，以上规则不产生任何可见影响。 */

    /* ---------- 三、抽屉内部滚动不向底层页面传导 ---------- */
    .nav-head-m .nav-list-left,
    .nav-head-m .nav-list-right {
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }
}