/* yanyu-mobile-pagination-admin-v2：手机端后台长列表与分页优化 */

@media (max-width: 760px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  body {
    font-size: 14px;
  }

  main,
  .admin-main,
  .admin-wrap,
  .container,
  .page,
  section,
  article {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 后台大容器压缩 */
  .admin-card,
  .panel,
  .card,
  .yanyu-budget-guard-panel,
  .yanyu-baiye-card,
  .yanyu-baiye-v2-card,
  .yanyu-baiye-v4-final {
    width: auto !important;
    max-width: calc(100vw - 20px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 14px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }

  /* 签筹铺 / 签到阁截图里的灰色长列表容器 */
  [class*="checkin"],
  [class*="token"],
  [class*="shop"],
  [class*="order"],
  [class*="lottery"] {
    box-sizing: border-box;
  }

  /* 长列表子项压缩高度 */
  .yanyu-paged-area-v1 > div,
  .yanyu-paged-area-v1 > article,
  .yanyu-paged-area-v1 > section,
  .yanyu-paged-area-v1 > li,
  .yanyu-paged-area-v1 > tr {
    max-width: 100%;
  }

  .yanyu-paged-area-v1 > div:not(.yanyu-pager-v1),
  .yanyu-paged-area-v1 > article,
  .yanyu-paged-area-v1 > li {
    padding: 10px 11px !important;
    margin-bottom: 8px !important;
    border-radius: 13px !important;
  }

  .yanyu-paged-area-v1 h1,
  .yanyu-paged-area-v1 h2,
  .yanyu-paged-area-v1 h3,
  .yanyu-paged-area-v1 h4,
  .yanyu-paged-area-v1 b,
  .yanyu-paged-area-v1 strong {
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  .yanyu-paged-area-v1 p,
  .yanyu-paged-area-v1 span,
  .yanyu-paged-area-v1 small,
  .yanyu-paged-area-v1 div {
    line-height: 1.45;
  }

  /* 手机端分页栏紧凑化 */
  .yanyu-pager-v1 {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 7px !important;
    width: auto !important;
    max-width: calc(100vw - 28px) !important;
    margin: 10px auto 4px !important;
    padding: 9px !important;
    border-radius: 16px !important;
    background: rgba(255, 250, 241, .82) !important;
  }

  .yanyu-pager-info-v1 {
    grid-column: 1 / -1;
    width: 100%;
    text-align: center;
    font-size: 12px !important;
    white-space: normal !important;
  }

  .yanyu-pager-size-v1 {
    grid-column: 1 / -1;
    width: 100% !important;
    min-height: 32px !important;
    text-align: center;
    text-align-last: center;
  }

  .yanyu-pager-btn-v1,
  .yanyu-pager-page-v1 {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
  }

  /* 手机端隐藏过多页码，只保留当前页附近由 JS 处理后的关键按钮 */
  .yanyu-pager-page-v1:not(.is-active) {
    display: none !important;
  }

  .yanyu-pager-btn-v1[data-pager-act="first"],
  .yanyu-pager-btn-v1[data-pager-act="last"] {
    display: none !important;
  }

  .yanyu-pager-jump-v1 {
    grid-column: 1 / -1;
    width: 100% !important;
    min-height: 32px !important;
    font-size: 12px !important;
  }

  /* 表格横向滚动，但高度不夸张 */
  table {
    font-size: 12px !important;
  }

  th,
  td {
    padding: 8px 7px !important;
  }

  .yanyu-paged-table-v1 {
    max-width: calc(100vw - 24px) !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* 后台标题区压缩 */
  h1 {
    font-size: 26px !important;
    line-height: 1.15 !important;
  }

  h2 {
    font-size: 21px !important;
    line-height: 1.22 !important;
  }

  h3 {
    font-size: 18px !important;
  }

  /* 按钮缩小，避免手机端满屏大按钮 */
  button,
  .btn,
  .yanyu-baiye-btn,
  .yanyu-budget-guard-btn {
    min-height: 34px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    border-radius: 999px !important;
  }

  input,
  select,
  textarea {
    font-size: 14px !important;
  }

  /* 两栏后台模块在手机端统一变单栏 */
  .grid,
  .admin-grid,
  .yanyu-baiye-grid,
  .yanyu-baiye-v2-tools {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  /* 手机端列表顶部不要太高 */
  .yanyu-budget-guard-panel,
  .yanyu-baiye-inner,
  #baiye-style {
    padding-top: 22px !important;
  }

  /* 防止“刷新”按钮孤零零飘很远 */
  .admin-card > button:last-child,
  section > button:last-child,
  article > button:last-child {
    margin-top: 8px;
  }
}