/* 仅在电脑/平板宽屏显示时，将 H5 固定为标准移动端画布，避免 rem 按整块桌面宽度放大。 */
@media screen and (min-width: 768px) {
  html {
    font-size: 54.4px !important;
    min-height: 100%;
    background: #eef2f7;
  }

  body {
    width: 544px;
    min-height: 100vh;
    margin: 0 auto !important;
    overflow-x: hidden;
    background: #fff;
    box-shadow: 0 0 24px rgba(31, 47, 77, 0.16);
  }

  /* 让页面内部固定定位的顶部与底部区域以 H5 画布而非整块桌面视口作为定位参考。 */
  #app {
    position: relative;
    width: 100%;
    min-height: 100vh;
    transform: translateZ(0);
  }
}