/* ============================================================================
   mp-top.css —— 小程序（web-view）顶部留白治理 · 2026-10-13
   ----------------------------------------------------------------------------
   老板原话：「小程序安卓手机顶部空白太多了，严重失衡，苹果手机留白也多」

   【实测数据（从老板截图逐像素量）】
     安卓 1220×2712：banner 被推到 y=384px ≈ **340dp**（屏幕的 14.2%）
     苹果 1279×2781：banner 在 y≈71px ≈ 22pt（屏幕的 2.6%）
     ⇒ 安卓比苹果多 **~318dp** 的空白。

   【构成】① 系统状态栏 ② 微信原生导航栏（custom 对 web-view **无效**，官方明示，去不掉）
            ③ H5 自己那条 .topbar —— **实测高 52px**：里面 brandTopbar/topnav/quotaChip
               全是 display:none，但**藏了一个 30px 的 `ntBell` 在纯占位** ⇒ 纯浪费。

   【正解】小程序环境下把 ③ 整条去掉（省 52px）。
     ① ② 是微信/系统的，动不了；③ 是我们自己叠的，必须砍。
     砍掉后：安卓 340dp → ~288dp；banner 直接贴在微信导航栏下面，不再有"第二层白"。

   🔴 只在小程序环境生效（mp.js 打 `mp` 标记）；PC / 手机浏览器一个字都不变。
   🔴 安全性：topbar 里的 `#quotaChip` / `#reloadBtn` 等 JS 引用**不受影响**
     （元素仍在 DOM 里，只是 display:none）；`reloadBtn` 的刷新能力小程序本就用不上
     （有微信下拉刷新）。
   ============================================================================ */

/* 小程序环境：H5 那条 52px 重复顶栏整条去掉 */
html.mp .topbar {
  display: none !important;
}

/* 去掉顶栏后内容自然上移，不需要额外 padding（微信导航栏已在胶囊上方，
   web-view 从导航栏下方开始，不会盖住胶囊） */
html.mp .main {
  padding-top: 0 !important;
}

/* 子页顶栏：同理去掉（子页有自己的返回按钮，不需要 H5 顶栏） */
html.mp .sub-topbar {
  margin-top: 0;
}

/* 顶部背景与页面同色，下拉过冲时不露白 */
html.mp body {
  background-color: #FFFAF6;
}