/* 手机适配只调整布局；电脑沿用原后台样式。 */
.wxgame-form-help { margin: 0 25px 16px 110px; color: #666; line-height: 1.7; }
.wxgame-table-hint { display: none; }

@media screen and (max-width: 767px) {
  #LAY_app .layui-fluid { padding: 12px; }
  #LAY_app .layui-row.layui-col-space15 { margin: -6px; }
  #LAY_app .layui-col-space15 > * { padding: 6px; }
  #LAY_app .layui-card-body { padding: 12px; overflow-wrap: anywhere; }
  #LAY_app .layui-card-header { padding: 0 12px; }
  #LAY_app .layadmin-header { padding: 0 12px; }
  #LAY_app .layui-breadcrumb { white-space: normal; line-height: 1.8; }

  /* 菜单盖在页面上，展开时不把整页推到屏幕外。 */
  #LAY_app.layadmin-side-spread-sm .layui-layout-left,
  #LAY_app.layadmin-side-spread-sm .layui-layout-right,
  #LAY_app.layadmin-side-spread-sm .layui-body,
  #LAY_app.layadmin-side-spread-sm .layui-footer,
  #LAY_app.layadmin-side-spread-sm .layadmin-pagetabs { transform: none; }
  #LAY_app .layui-layout-right .layui-nav-item > a { padding: 0 14px; }
  #LAY_app .layui-side-menu .layui-nav-item a { min-height: 44px; box-sizing: border-box; }

  /* 筛选栏两列，长查询项占整行，覆盖旧页面的行内固定宽度。 */
  #LAY_app .wxgame-filter { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px !important; }
  #LAY_app .wxgame-filter > * { width: 100% !important; min-width: 0; margin: 0; box-sizing: border-box; }
  #LAY_app .wxgame-filter > :first-child,
  #LAY_app .wxgame-filter .wxgame-filter-wide { grid-column: 1 / -1; }
  #LAY_app .wxgame-filter .layui-input { width: 100% !important; }
  .layui-input, .layui-textarea, .layui-form-select { min-width: 0; box-sizing: border-box; }
  #LAY_app .layui-input, .layui-layer .layui-input { font-size: 16px; min-height: 44px; }
  .wxgame-filter .layui-form-select dl { max-width: 100%; }
  .wxgame-filter .layui-form-select dd { white-space: normal; line-height: 1.5; padding-top: 10px; padding-bottom: 10px; }
  #LAY_app .wxgame-filter .layui-btn { width: 100%; margin: 0; height: 44px; line-height: 44px; font-size: 14px; }
  #LAY_app .layui-table-tool { padding: 12px; }
  #LAY_app .layui-table-tool-temp { padding-right: 0; }
  #LAY_app .layui-table-tool .layui-btn-container { display: flex; flex-wrap: wrap; gap: 8px; padding-right: 0; }
  #LAY_app .layui-table-tool .layui-btn { margin: 0; white-space: normal; height: auto; min-height: 40px; line-height: 1.5; padding: 10px 12px; }
  #LAY_app .layui-table-tool-self { position: static; display: flex; gap: 8px; margin-top: 12px; }
  #LAY_app .layui-table-tool-self > div { margin-left: 0; }
  #LAY_app .layui-table-body { -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }
  #LAY_app .layui-table-fixed { display: none; }
  #LAY_app .layui-table-page { height: auto; min-height: 44px; white-space: normal; }
  #LAY_app .layui-table-page > div { height: auto; }
  #LAY_app .layui-table-page .layui-laypage { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; white-space: normal; }
  #LAY_app .layui-table-page .layui-laypage > * { margin: 0 0 6px; }
  #LAY_app .layui-table-page .layui-laypage a,
  #LAY_app .layui-table-page .layui-laypage span,
  #LAY_app .layui-table-page .layui-laypage button,
  #LAY_app .layui-table-page .layui-laypage input { height: 36px; line-height: 36px; }
  #LAY_app .layui-table-page select { height: 32px; }
  .wxgame-table-hint { display: block; color: #777; font-size: 12px; margin: 12px 0 0; }

  /* 小游戏账号卡片：保留每个字段，编辑/删除不再被固定列遮挡。 */
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] { border: 0; }
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] .layui-table-header,
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] .layui-table-fixed,
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] .layui-table-patch { display: none !important; }
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] .layui-table-main { width: 100%; overflow: visible; }
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] .layui-table-main table { width: 100% !important; display: block; }
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] tbody { display: block; width: 100%; }
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 12px 0; padding: 12px; border: 1px solid #e6e6e6; border-radius: 6px; background: #fff !important; }
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] td { display: block; min-width: 0; padding: 6px; border: 0; }
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] td::before { content: attr(data-mobile-label); display: block; margin-bottom: 5px; color: #888; font-size: 12px; }
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] td .layui-table-cell { width: auto !important; height: auto; min-height: 20px; line-height: 1.6; padding: 0; white-space: normal; overflow-wrap: anywhere; overflow: visible; }
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] td[data-field="appid"],
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] td[data-field="game_name"],
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] td[data-field="rewarded_ad_id"],
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] td[data-field="interstitial_ad_id"],
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] td[data-field="rewarded_ad_ids"],
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] td[data-field="interstitial_ad_ids"],
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] td[data-field="rewarded_auto_ad_id"],
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] td[data-field="interstitial_auto_ad_id"],
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] td[data-field="remark"],
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] td[data-mobile-label="操作"] { grid-column: 1 / -1; }
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] td[data-field="game_name"] .layui-table-cell { color: #333; font-size: 17px; font-weight: 600; }
  #LAY_app .layui-table-view[lay-id="LAY-game-list"] .layui-btn-xs { min-height: 38px; line-height: 38px; padding: 0 14px; }

  /* 所有配置表单按标签在上、输入在下排列，包括权限和修改密码。 */
  #LAY_app .layui-form:not(.wxgame-filter):not(.layadmin-user-login-body) .layui-form-label,
  .layui-layer .layui-form-label { float: none; display: block; width: auto !important; padding: 0 0 8px; text-align: left; }
  #LAY_app .layui-form:not(.wxgame-filter):not(.layadmin-user-login-body) .layui-input-inline,
  #LAY_app .layui-form:not(.wxgame-filter):not(.layadmin-user-login-body) .layui-input-block,
  .layui-layer .layui-form-item .layui-input-inline,
  .layui-layer .layui-form-item .layui-input-block { float: none; display: block; width: 100% !important; margin: 0; }
  .layui-layer .layui-input, .layui-layer .layui-textarea { width: 100% !important; }
  .layui-layer .layui-form-item { margin-bottom: 16px; }
  #LAY_app .layui-form-item .layui-form-mid { float: none; margin-left: 0; padding: 6px 0 !important; }
  .layui-layer .wxgame-form-help { margin: 0 0 16px; font-size: 13px; }
  .layui-layer .layui-form-label:empty { display: none; }
  .layui-layer .layui-form-item .layui-btn,
  #LAY_app .layui-form-item .layui-btn { min-height: 44px; line-height: 44px; }
  .layui-layer .layui-form-item .layui-btn { width: 100%; }
  .layui-layer .layui-form-checkbox { margin-bottom: 10px; }

  /* Layer 在手机上居中收窄；长表单可滚动，横竖屏切换仍在屏幕内。 */
  .layui-layer-page, .layui-layer-dialog { left: 12px !important; right: 12px !important; width: auto !important; max-width: calc(100vw - 24px); box-sizing: border-box; }
  .layui-layer-page { position: fixed !important; top: 12px !important; height: auto !important; max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); }
  .layui-layer-page .layui-layer-content { height: auto !important; max-height: calc(100vh - 86px); max-height: calc(100dvh - 86px); overflow: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; }
  .layui-layer .layui-layer-title { padding-left: 16px; padding-right: 52px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .layui-layer .layui-layer-content { overflow-wrap: anywhere; }
  .layui-layer-dialog .layui-layer-content { max-height: 60vh; overflow: auto; box-sizing: border-box; }
  .layui-layer-setwin .layui-layer-min, .layui-layer-setwin .layui-layer-max, .layui-layer-resize { display: none; }
  .layui-layer-admin .layui-layer-content { padding: 16px; }
  .layui-layer-admin i[close] { top: 3px; right: 0; width: 44px; height: 44px; padding: 0; text-align: center; line-height: 44px; }
  .layui-layer .layui-layer-btn a { min-height: 40px; line-height: 40px; }
  .layui-layer pre { max-width: 100%; box-sizing: border-box; }

  /* 登录页随窄屏缩放，允许浏览器缩放且避免 iOS 输入时自动放大。 */
  #LAY-user-login { padding: 48px 12px 24px; min-height: 100%; box-sizing: border-box; }
  #LAY-user-login .layadmin-user-login-main { width: 100%; max-width: 375px; }
  #LAY-user-login .layadmin-user-login-box { padding: 12px; }
  #LAY-user-login .layui-input { font-size: 16px; height: 44px; }
  #LAY-user-login-captcha { min-width: 0; }
  #LAY-user-login-captcha-img { flex-shrink: 0; max-width: 35%; }
}