/* 强制所有浏览器使用手机 H5 视口与滚动行为 */
html.force-mobile-h5 {
  background: #0e0b13;
}

html.force-mobile-h5,
body.force-mobile-h5 {
  height: auto !important;
  min-height: 100%;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch;
}

body.force-mobile-h5 {
  width: min(100vw, 430px) !important;
  max-width: 430px !important;
  margin: 0 auto !important;
  overflow-y: visible !important;
}

body.force-mobile-h5 #root {
  width: 100% !important;
  max-width: 430px !important;
  min-height: 100vh;
  min-height: 100dvh;
  overflow: visible !important;
}

body.force-mobile-h5 .mdk-mobile-toolbar--enter {
  left: calc((100vw - min(100vw, 430px)) / 2) !important;
  right: auto !important;
  width: min(100vw, 430px) !important;
}