/* ============================================================
   手机端导航层（仅手机端引用，电脑端不加载，互不影响）
   顶部横向导航已按需求移除，只保留底部图标主导航
   ============================================================ */

/* ---------- 顶部导航：手机端不再显示（电脑端保持原样） ---------- */
body.m-body .gov-nav { display: none !important; }

/* ---------- 底部主导航 ---------- */
body.m-body .tabbar {
    height: auto; padding: 7px 2px calc(7px + env(safe-area-inset-bottom));
    display: grid; grid-template-columns: repeat(5, 1fr); align-items: start;
    background: rgba(255, 255, 255, .97);
    border-top: 1px solid #e7edf5;
    box-shadow: 0 -4px 18px rgba(20, 40, 70, .07);
    backdrop-filter: blur(16px) saturate(1.1);
}
body.m-body .tabbar:before { display: none; }
body.m-body .tabbar a {
    gap: 5px; padding: 3px 0 5px; min-height: 0;
    font-size: clamp(9.5px, 2.7vw, 10.5px); font-weight: 500; line-height: 1.1;
    color: #8b97a6; transition: color .18s ease;
}
body.m-body .tabbar a span { letter-spacing: 0; white-space: nowrap; }
body.m-body .tabbar a i { display: block; font-style: normal; line-height: 0; }
body.m-body .tabbar a svg {
    width: 23px; height: 23px; display: block;
    fill: none; stroke: currentColor; stroke-width: 1.65;
    stroke-linecap: round; stroke-linejoin: round;
    transition: transform .24s cubic-bezier(.2, .8, .25, 1);
}
body.m-body .tabbar a.active { color: #1d4f8f; font-weight: 700; }
body.m-body .tabbar a.active svg { transform: translateY(-1.5px) scale(1.04); }
body.m-body .tabbar a.active:before {
    content: ""; position: absolute; top: -7px; width: 28px; height: 3px;
    border-radius: 0 0 3px 3px; background: #1d4f8f;
    box-shadow: 0 2px 6px rgba(29, 79, 143, .35);
}
body.m-body .tabbar a:active svg { transform: scale(.92); }

/* 底部导航占位：内容区留出导航高度，避免最后一屏被遮住 */
body.m-body.has-tabbar .m-stage {
    padding-bottom: calc(92px + env(safe-area-inset-bottom));
}

/* ---------- 手机端不展示「内容页图片导航」横幅（电脑端保留） ---------- */
body.m-body .dyn-banners { display: none !important; }