/* PC 宽屏：#app 用 contain:layout 把页内 position:fixed 收进手机框。
   挂到 body 的 Vant / 自定义层仍按 --app-total-width 对齐。 */
html[data-ui-contain="1"] #app {
  contain: layout;
}

html[data-ui-contain="1"] .van-overlay,
html[data-ui-contain="1"] .van-popup--bottom,
html[data-ui-contain="1"] .van-popup--top,
html[data-ui-contain="1"] .van-popup--left,
html[data-ui-contain="1"] .van-popup--right,
html[data-ui-contain="1"] .van-number-keyboard,
html[data-ui-contain="1"] .van-action-sheet,
html[data-ui-contain="1"] .van-share-sheet,
html[data-ui-contain="1"] .van-notify,
html[data-ui-contain="1"] .van-image-preview,
html[data-ui-contain="1"] .van-popover,
html[data-ui-contain="1"] body > .van-dropdown-item,
html[data-ui-contain="1"] body > .betting-footer,
html[data-ui-contain="1"] body > .betting-footer-cyber,
html[data-ui-contain="1"] body > .betting-footer-ct,
html[data-ui-contain="1"] body > .bottom-bar,
html[data-ui-contain="1"] body > .footer-bar,
html[data-ui-contain="1"] body > .quick-keyboard,
html[data-ui-contain="1"] body > .quick-overlay,
html[data-ui-contain="1"] body > .submit-bar,
html[data-ui-contain="1"] .hsycms-model-mask {
  left: calc((100vw - var(--app-total-width)) / 2) !important;
  right: auto !important;
  width: var(--app-total-width) !important;
  max-width: var(--app-total-width) !important;
}

html[data-ui-contain="1"] .van-popup--center,
html[data-ui-contain="1"] .van-dialog,
html[data-ui-contain="1"] .hsycms-model,
html[data-ui-contain="1"] .popup-wrapper {
  max-width: calc(var(--app-total-width) - 24px) !important;
}

html[data-ui-contain="1"] .van-toast {
  left: calc((100vw - var(--app-total-width)) / 2 + var(--app-total-width) / 2) !important;
}

html[data-ui-contain="1"] .van-overlay,
html[data-ui-contain="1"] .van-popup,
html[data-ui-contain="1"] .van-number-keyboard,
html[data-ui-contain="1"] .van-action-sheet,
html[data-ui-contain="1"] .van-dialog,
html[data-ui-contain="1"] .van-image-preview {
  z-index: 4000;
}