/**
 * 管理后台 — 手机端整页横滑（登录后主框架 1280px 桌面宽度，不挤压表格）。
 * 用户报表宽表横滑在页内 .qk-uwl-scroll（report-user-winlose.css），不放开主槽裁剪。
 */
main.el-main.main > .qk-main-router-slot {
  overflow: hidden;
}

@media (max-width: 768px), (max-width: 896px) and (orientation: landscape) {
  html {
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y pinch-zoom;
  }

  body {
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y pinch-zoom;
  }

  /* 刷新恢复会话中：避免闪一下登录表单 */
  html.qk-session-restoring .login-form-wrapper {
    visibility: hidden !important;
    opacity: 0 !important;
  }

  #app {
    min-height: 100%;
  }

  /* 登录页：窄屏居中，不强制 1280 */
  body:not(.qk-admin-mobile-shell) #app .login-form-wrapper {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100vw;
  }

  body:not(.qk-admin-mobile-shell) .login-form-container {
    width: auto !important;
    max-width: calc(100vw - 32px);
    margin: 0 16px;
  }

  body:not(.qk-admin-mobile-shell) #app {
    min-width: 0 !important;
    width: 100% !important;
  }

  /* 登录页：iOS 触摸、避免被 loading / popup 锁层挡住 */
  body:not(.qk-admin-mobile-shell) .login-form-wrapper,
  body:not(.qk-admin-mobile-shell) .login-form-container,
  body:not(.qk-admin-mobile-shell) .loginWrap {
    position: relative;
    z-index: 20;
    pointer-events: auto;
    touch-action: auto;
  }

  body:not(.qk-admin-mobile-shell) .login-button {
    min-height: 44px;
    touch-action: auto;
    -webkit-tap-highlight-color: rgba(64, 158, 255, 0.2);
  }

  body:not(.qk-admin-mobile-shell).el-popup-parent--hidden {
    overflow: auto !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    touch-action: auto !important;
  }

  body:not(.qk-admin-mobile-shell) .el-loading-mask.is-fullscreen {
    display: none !important;
  }

  body:not(.qk-admin-mobile-shell) input.el-input__inner {
    font-size: 16px;
  }

  /* 登录后：body 保持视口宽度（避免 iOS 捏合缩小弹回）；宽内容放在内部容器横滑 */
  body.qk-admin-mobile-shell {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100%;
    touch-action: auto !important;
  }

  html.qk-mobile-layout {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100%;
  }

  body.qk-admin-mobile-shell #app {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100%;
  }

  body.qk-admin-mobile-shell > .el-container.h-100,
  body.qk-admin-mobile-shell #app > .el-container.h-100 {
    min-width: 1280px;
    width: 1280px;
    max-width: none;
    min-height: 100vh;
    height: auto !important;
  }

  body.qk-admin-mobile-shell > .el-container.h-100 > .el-container,
  body.qk-admin-mobile-shell #app > .el-container.h-100 > .el-container {
    min-width: 1280px;
  }

  body.qk-admin-mobile-shell > .el-container .h-100,
  body.qk-admin-mobile-shell #app .h-100 {
    height: auto !important;
    min-height: 100vh;
  }

  body.qk-admin-mobile-shell > .el-container .overflow-hidden,
  body.qk-admin-mobile-shell #app .overflow-hidden {
    overflow: visible !important;
  }

  body.qk-admin-mobile-shell main.el-main.main {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
    min-width: 0;
  }

  body.qk-admin-mobile-shell main.el-main.main > .qk-main-router-slot,
  body.qk-admin-mobile-shell main.el-main.main > div[style*='overflow'] {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
  }

  body.qk-admin-mobile-shell .el-table__body-wrapper,
  body.qk-admin-mobile-shell .el-table__header-wrapper {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* 用户报表：手机壳也不放开裁剪；横滑仍认页内 .qk-uwl-scroll */
  body.qk-admin-mobile-shell .qk-uwl-wrap,
  body.qk-admin-mobile-shell .qk-uwl-panel,
  body.qk-admin-mobile-shell .qk-general-report-host,
  body.qk-admin-mobile-shell .qk-uwl-mount-host {
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    min-width: 0;
  }

  body.qk-admin-mobile-shell .qk-uwl-scroll {
    overflow-x: auto;
    overflow-y: visible;
    max-width: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }

  body.qk-admin-mobile-shell .qk-uwl-table-wrap {
    width: max-content;
    min-width: 100%;
    overflow: visible;
  }

  body.qk-admin-mobile-shell .qk-uwl-wrap .qk-uwl-table {
    width: max-content;
    min-width: 100%;
  }

  body.qk-admin-mobile-shell .qk-uwl-wrap .qk-uwl-table th,
  body.qk-admin-mobile-shell .qk-uwl-wrap .qk-uwl-table td {
    white-space: nowrap;
    word-break: keep-all;
  }

  /* 即时注单：横排自己滑，不让外壳裁切 */
  body.qk-admin-mobile-shell .ib-board {
    overflow: visible !important;
  }
  body.qk-admin-mobile-shell .ib-cols,
  body.qk-admin-mobile-shell .ib-board .game-radio-group,
  body.qk-admin-mobile-shell .ib-board .ib-config-tabs,
  body.qk-admin-mobile-shell .ib-ops-bar,
  body.qk-admin-mobile-shell .ib-odds-step-bar,
  body.qk-admin-mobile-shell .ib-last-open,
  body.qk-admin-mobile-shell .ib-status-bar {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }

  body.qk-admin-mobile-shell .navbar {
    min-width: 1280px;
    width: 1280px;
    position: relative;
    z-index: 100;
    pointer-events: auto;
    touch-action: manipulation;
  }

  body.qk-admin-mobile-shell .navbar .nav-links {
    flex-shrink: 0;
    pointer-events: auto;
  }

  body.qk-admin-mobile-shell .navbar .navs li {
    pointer-events: auto;
    touch-action: manipulation;
  }
}