/* PC 端 #app 使用 zoom，子元素里的 fixed 会跟着超出窗口。语言弹层挂到 body，并钉在可视区域中间偏下。 */
html[data-ui-contain="1"] .app-wrapper,
html[data-ui-contain="1"] .page-container {
  height: 100% !important;
  max-height: 100% !important;
}

/* 客服页若用 100vh，会被 #app 的 zoom 放大到窗口外，输入框被裁掉 */
html[data-ui-contain="1"] .chat-container,
html[data-ui-contain="1"] .chat-page {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html[data-ui-contain="1"] body > .van-overlay {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

html[data-ui-contain="1"] body > .van-popup.lang-sheet {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: max(16px, env(safe-area-inset-bottom)) !important;
  width: min(360px, calc(var(--app-total-width) - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  max-height: 70vh !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  z-index: 3001 !important;
  color: #323233;
  overflow: auto;
}

html[data-ui-contain="1"] .van-action-sheet__name,
html[data-ui-contain="1"] .van-action-sheet__cancel {
  color: #323233;
  font-size: 16px;
  line-height: 22px;
}