/* PC 端：内容区固定手机宽度并居中，避免横向拉伸 */
:root {
  --pc-max-width: 750px;
}

@media (min-width: 751px) {
  html {
    background-color: #e8ecf2 !important;
    height: auto !important;
    min-height: 100% !important;
  }

  body {
    background-color: #f2f6fc !important;
    overflow-x: hidden;
    overflow-y: auto !important;
    height: auto !important;
    min-height: 100% !important;
  }

  #app {
    max-width: var(--pc-max-width) !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.08);
    position: relative;
    min-height: 100vh;
    height: auto !important;
    overflow: visible !important;
  }

  uni-app {
    max-width: var(--pc-max-width) !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    height: auto !important;
    min-height: 100vh;
    overflow: visible !important;
  }

  uni-page,
  uni-page-wrapper,
  uni-page-body {
    max-width: var(--pc-max-width) !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  /* 使用页面整体滚动，避免顶部内容被内部滚动区裁切 */
  .uni-app--showtabbar uni-page-wrapper {
    height: auto !important;
    min-height: calc(100vh - var(--tab-bar-height, 50px)) !important;
    overflow: visible !important;
  }

  uni-page-body,
  .page {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    padding-top: 0 !important;
  }

  :root {
    --window-top: 0px !important;
    --status-bar-height: 0px !important;
    --top-window-height: 0px !important;
  }

  /* 首页顶部 banner 完整显示 */
  .banner[data-v-16f5c41c] {
    max-height: none !important;
    overflow: visible !important;
  }

  .banner[data-v-16f5c41c] uni-image,
  .banner[data-v-16f5c41c] uni-image > div,
  .banner[data-v-16f5c41c] uni-image > img {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* 底部导航、顶栏随内容区居中 */
  .uni-tabbar-top .uni-tabbar,
  .uni-tabbar-bottom .uni-tabbar,
  uni-tabbar .uni-tabbar {
    left: var(--window-left, 0) !important;
    right: var(--window-right, 0) !important;
    max-width: var(--pc-max-width) !important;
    width: auto !important;
    margin-left: auto;
    margin-right: auto;
  }

  .uni-app--showlayout + .uni-tabbar-top .uni-tabbar,
  .uni-app--showlayout + .uni-tabbar-bottom .uni-tabbar {
    left: var(--window-margin, 0) !important;
    right: var(--window-margin, 0) !important;
  }

  /* 须知页 /pages/flow/index 顶部 tab 栏（fixed 全屏）居中 */
  .tab[data-v-12bd31f6] {
    left: var(--window-left, 0) !important;
    right: var(--window-right, 0) !important;
    width: auto !important;
    max-width: var(--pc-max-width) !important;
    margin-left: auto;
    margin-right: auto;
  }

  /* tui-tab 组件 fixed/sticky 模式 */
  .tui-tabs__fixed[data-v-f04dccbb],
  .tui-tabs__sticky[data-v-f04dccbb] {
    left: var(--window-left, 0) !important;
    right: var(--window-right, 0) !important;
    max-width: var(--pc-max-width) !important;
    width: auto !important;
  }

  /* 弹窗、遮罩与主内容同宽 */
  .uni-mask,
  .tui-mask,
  [class*="tui-mask__screen"],
  [class*="tui-picker__wrap"] {
    left: var(--window-left, 0) !important;
    right: var(--window-right, 0) !important;
    max-width: var(--pc-max-width) !important;
    width: auto !important;
    margin-left: auto;
    margin-right: auto;
  }
}