@media (max-width: 820px) {
  .table-wrap { overflow: auto; max-height: 620px; border: 0; }
  .table-wrap table { display: block; min-width: 0; }
  .table-wrap thead { display: none; }
  .table-wrap tbody, .table-wrap tr, .table-wrap td { display: block; width: 100%; }
  .table-wrap tr { border: 1px solid var(--line); border-radius: 11px; margin-bottom: 10px; padding: 8px 12px; background: #fffefa; }
  .table-wrap td { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 7px 0; border: 0; white-space: normal; text-align: right; }
  .table-wrap td::before { content: attr(data-label); color: var(--muted); font-size: 12px; text-align: left; }
  .table-wrap td.account-cell { display: block; text-align: left; }
  .table-wrap td.account-cell::before { display: none; }
  .table-wrap td[data-label="操作"] .inline-actions { justify-content: flex-end; flex-wrap: wrap; }
}