[argszero]

Summary

Rant 2026-08-17T18:06:09 (UI/UE 第三轮多角度深化), item C — 移动端表格卡片化: at narrow widths the tables currently scroll horizontally; convert key tables (market/sharing/transactions/admin) to a card layout with label:value rows instead.

Changes

• CSS @media (max-width: 560px):
  • .table thead hidden; each tbody tr becomes a card (border + radius + spacing);
  • td renders as two-column label: value via td::before { content: attr(data-label) } (label muted small, value right-aligned);
  • action buttons wrap full-width (flex: 1 1 45%); .pager-size hidden; empty-state centered.
• JS: all table <td>s now carry data-label — market, sharing, API keys (settings), members, departments, operator users, raise requests; buildDataTable (transactions) auto-uses col.title as the label.
• Docs: docs/user-stories.md v1.18 changelog adds item C; ui/README.md 移动端表格卡片化约定 section.

Acceptance

At ≤560px: no horizontal scroll; each row is a card with label:value pairs; badges kept; action buttons full-width.

Tests

• node --check on app.js — syntax OK
• 42 data-label attributes present across all table renderers
• DOM-stub init + shortcuts + field-error smokes — no ReferenceError
• cargo test — 1 passed
• cargo fmt --check — clean