@media (max-width: 720px) {
  .pending-refund-table-wrap {
    overflow-x: visible;
    border: 0;
    background: transparent;
  }

  .pending-refund-table {
    display: block;
    width: 100%;
    min-width: 0;
  }

  .pending-refund-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .pending-refund-table tbody {
    display: grid;
    gap: 12px;
  }

  .pending-refund-table tr {
    display: grid;
    padding: 10px 12px;
    border: 1px solid rgba(118, 146, 188, 0.24);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 10px 28px rgba(55, 84, 126, 0.08);
  }

  .pending-refund-table td {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 10px;
    padding: 7px 0;
    border: 0;
    overflow-wrap: anywhere;
    white-space: normal;
  }

  .pending-refund-table td::before {
    color: #70809a;
    font-size: 12px;
    font-weight: 600;
  }

  .pending-refund-table td:nth-child(1)::before { content: "订单号"; }
  .pending-refund-table td:nth-child(2)::before { content: "产品名称"; }
  .pending-refund-table td:nth-child(3)::before { content: "出游日期"; }
  .pending-refund-table td:nth-child(4)::before { content: "游客姓名"; }
  .pending-refund-table td:nth-child(5)::before { content: "证件号码"; }
  .pending-refund-table td:nth-child(6)::before { content: "申请时间"; }
  .pending-refund-table td:nth-child(7)::before { content: "预估额度"; }

  .pending-refund-order-link {
    display: inline;
    text-align: left;
    white-space: normal;
  }
}