/* 移动端适配 —— 必须在页内 <style> 之后引入，否则被同权重的页内规则盖掉。
   桌面：保留居中的 375×812 机身框，便于对照原型尺寸；
   真机：去掉这层"手机壳"，让 .phone 铺满真实视口，
        底部 tabBar 因此固定在屏幕底边，不再需要把页面拉到最下方才看得到。 */
@media (max-width: 440px){
  html, body{ height:100%; }
  body{
    padding:0;
    gap:0;
    background:#fff;
    overflow:hidden;          /* 页面本身不滚动，滚动交给 .scroll / .list 内层容器 */
  }
  .phone{
    width:100%;
    max-width:none;
    height:100vh;             /* 回退：不支持 dvh 的旧 WebView */
    height:100dvh;            /* iOS 地址栏收放时跟随可视高度 */
    border-radius:0;
    box-shadow:none;
  }
}