/* 电脑版：修正不在 #app 内的弹出层（vant 默认 teleport 到 body） */

html[data-ui-contain="1"] :not(#app) > .van-overlay,
html[data-ui-contain="1"] :not(#app) > .van-popup--bottom,
html[data-ui-contain="1"] :not(#app) > .van-popup--top,
html[data-ui-contain="1"] :not(#app) > .van-action-sheet,
html[data-ui-contain="1"] :not(#app) > .van-share-sheet,
html[data-ui-contain="1"] :not(#app) > .van-number-keyboard,
html[data-ui-contain="1"] :not(#app) > .van-notify,
html[data-ui-contain="1"] :not(#app) > .van-image-preview {
  left: calc(50% - var(--app-max-width) / 2) !important;
  right: auto !important;
  width: var(--app-max-width) !important;
  max-width: var(--app-max-width) !important;
}

html[data-ui-contain="1"] :not(#app) > .van-popup--left {
  left: calc(50% - var(--app-max-width) / 2) !important;
  max-width: var(--app-max-width) !important;
}

html[data-ui-contain="1"] :not(#app) > .van-popup--right {
  right: calc(50% - var(--app-max-width) / 2) !important;
  left: auto !important;
  max-width: var(--app-max-width) !important;
}

html[data-ui-contain="1"] :not(#app) > .van-popup--center,
html[data-ui-contain="1"] :not(#app) > .van-dialog,
html[data-ui-contain="1"] :not(#app) > .van-toast {
  max-width: min(92%, calc(var(--app-max-width) - 24px)) !important;
}

html[data-ui-contain="1"] :not(#app) > .van-overlay {
  height: 100% !important;
}
