/* 后台手机端内页自适应 - 列表一目了然 */

/* 通用：页面/卡片/工具栏 */
@media (max-width: 768px) {
  .layout-main {
    padding: 8px !important;
  }

  .users-page,
  .orders-page,
  .deposit-review-page,
  .withdraw-review-page,
  .settings-page,
  .kyc-review-page,
  .loan-review-page {
    overflow-x: hidden;
    max-width: 100%;
  }

  .users-page .el-card,
  .orders-page .el-card,
  .deposit-review-page .el-card,
  .withdraw-review-page .el-card,
  .settings-page .el-card {
    border: none !important;
    box-shadow: none !important;
  }

  .users-page .el-card__body,
  .orders-page .el-card__body,
  .deposit-review-page .el-card__body,
  .withdraw-review-page .el-card__body,
  .settings-page .el-card__body {
    padding: 10px !important;
  }

  /* 搜索表单纵向铺满 */
  .users-page .el-form--inline,
  .orders-page .search-form,
  .deposit-review-page .el-form--inline,
  .withdraw-review-page .el-form--inline,
  .users-page .el-form,
  .deposit-review-page > .el-card > .el-form,
  .withdraw-review-page > .el-card > .el-form {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
  }

  .users-page .el-form-item,
  .orders-page .search-form .el-form-item,
  .deposit-review-page .el-form-item,
  .withdraw-review-page .el-form-item {
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .users-page .el-form-item__label,
  .deposit-review-page .el-form-item__label,
  .withdraw-review-page .el-form-item__label,
  .orders-page .el-form-item__label {
    width: auto !important;
    text-align: left !important;
    justify-content: flex-start !important;
    margin-bottom: 4px !important;
    line-height: 1.2 !important;
    padding: 0 !important;
  }

  .users-page .el-form-item__content,
  .deposit-review-page .el-form-item__content,
  .withdraw-review-page .el-form-item__content,
  .orders-page .el-form-item__content {
    margin-left: 0 !important;
    width: 100% !important;
  }

  .users-page .el-input,
  .users-page .el-select,
  .users-page .el-date-editor,
  .orders-page .el-input,
  .orders-page .el-select,
  .deposit-review-page .el-input,
  .deposit-review-page .el-select,
  .withdraw-review-page .el-input,
  .withdraw-review-page .el-select {
    width: 100% !important;
    max-width: 100% !important;
  }

  .users-page .el-form-item .el-button,
  .orders-page .search-form .el-button,
  .deposit-review-page .el-form-item .el-button,
  .withdraw-review-page .el-form-item .el-button {
    width: 100%;
  }

  .mobile-card-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

.mobile-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  }

  .mobile-card-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 8px;
  }

  .mobile-card-title {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    word-break: break-all;
    line-height: 1.35;
  }

  .mobile-card-sub {
    font-size: 12px;
    color: #6b7280;
    margin-top: 2px;
  }

  .mobile-card-rows {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 10px;
    margin-top: 6px;
  }

  .mobile-card-rows .row {
    min-width: 0;
  }

  .mobile-card-rows .row.full {
    grid-column: 1 / -1;
  }

  .mobile-card-rows .k {
    display: block;
    font-size: 11px;
    color: #9ca3af;
    margin-bottom: 2px;
  }

  .mobile-card-rows .v {
    display: block;
    font-size: 13px;
    color: #1f2937;
    word-break: break-word;
    line-height: 1.35;
  }

  .mobile-card-rows .v.strong {
    font-weight: 700;
    font-size: 15px;
    color: #111827;
  }

  .mobile-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #e5e7eb;
  }

  .mobile-card-actions .el-button {
    flex: 1 1 calc(50% - 8px);
    margin: 0 !important;
  }

  /* 系统配置：标签置顶，控件铺满 */
  .settings-page .el-form-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    margin-bottom: 14px !important;
  }

  .settings-page .el-form-item__label {
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    justify-content: flex-start !important;
    padding: 0 0 6px !important;
    line-height: 1.3 !important;
    height: auto !important;
  }

  .settings-page .el-form-item__content {
    margin-left: 0 !important;
    width: 100% !important;
  }

  .settings-page .el-input,
  .settings-page .el-select,
  .settings-page .el-textarea,
  .settings-page .el-input-number,
  .settings-page .el-date-editor {
    width: 100% !important;
    max-width: 100% !important;
  }

  .settings-page .el-tabs__header {
    margin: 0 0 12px !important;
  }

  .settings-page .el-tabs__nav-wrap {
    padding: 0 !important;
  }

  .settings-page .el-button {
    width: 100%;
    margin: 6px 0 0 !important;
  }

  /* 弹窗全宽 */
  .el-dialog {
    width: 96% !important;
    max-width: 96% !important;
    margin: 3vh auto !important;
  }

  .el-dialog__body {
    padding: 12px !important;
  }

  .el-message-box {
    width: 92% !important;
  }

  .el-pagination {
    justify-content: center !important;
    flex-wrap: wrap !important;
  }

  .orders-page .orders-toolbar {
    flex-direction: column;
    align-items: stretch !important;
  }

  .orders-page .orders-toolbar-actions,
  .orders-page .orders-global-win {
    width: 100%;
  }
}