@layer components {
  /* 接线表式表格：细线、单色、等宽数字、左侧行号 */
  .wiring-table-wrap { overflow-x: auto; border: 1px solid var(--line-strong); border-radius: var(--r-xs); background: var(--surface); box-shadow: var(--hilite); }
  .wiring-table { width: 100%; font-size: var(--t-sm); }
  .wiring-table caption { text-align: left; padding: var(--s-3) var(--s-4); font-family: var(--font-mono); font-size: var(--t-xs); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); border-bottom: 1px solid var(--line-strong); }
  .wiring-table th, .wiring-table td { padding: var(--s-3) var(--s-4); text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
  .wiring-table thead th {
    font-family: var(--font-mono); font-weight: 500; font-size: var(--t-xs); letter-spacing: .1em; text-transform: uppercase;
    color: var(--muted); border-bottom: 1px solid var(--line-strong); white-space: nowrap; background: var(--raised);
  }
  .wiring-table tbody tr:last-child td { border-bottom: 0; }
  .wiring-table tbody tr:hover td { background: color-mix(in oklab, var(--cyan-ink) 6%, transparent); }
  .wiring-table .table-num { font-size: var(--t-sm); font-weight: 500; white-space: nowrap; }
  .wiring-table .row-no { color: var(--muted); font-family: var(--font-mono); font-size: var(--t-xs); width: 3ch; }
  .wiring-table td.num, .wiring-table th.num { text-align: right; font-variant-numeric: tabular-nums; }
  .wiring-table .cell-old { color: var(--muted); text-decoration: line-through; text-decoration-color: color-mix(in oklab, var(--muted) 60%, transparent); }
  .wiring-table .cell-new { color: var(--cyan-ink); font-weight: 600; }
  .wiring-table .dot-yes { color: var(--cyan-ink); font-weight: 700; }
  .wiring-table .dot-part { color: var(--muted); }
  .wiring-table .dot-no { color: var(--line-strong); }
  .wiring-table code { font-size: var(--t-xs); word-break: break-all; }
  .wiring-table .sha { display: inline-flex; align-items: center; gap: var(--s-1); max-width: 100%; }
  .wiring-table .sha code { max-width: 18ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .wiring-table .actions { white-space: nowrap; text-align: right; }

  /* <768：表格改卡片行 */
  @media (max-width: 767px) {
    .wiring-table.is-cards thead { display: none; }
    .wiring-table.is-cards, .wiring-table.is-cards tbody, .wiring-table.is-cards tr, .wiring-table.is-cards td { display: block; }
    .wiring-table.is-cards tr { padding: var(--s-3) var(--s-4); border-bottom: 1px solid var(--line-strong); }
    .wiring-table.is-cards td { padding: var(--s-1) 0; border: 0; display: grid; grid-template-columns: 9ch 1fr; gap: var(--s-3); align-items: baseline; }
    .wiring-table.is-cards td::before { content: attr(data-th); font-family: var(--font-mono); font-size: var(--t-xs); letter-spacing: .08em; color: var(--muted); text-transform: uppercase; }
    .wiring-table.is-cards td.row-no { display: none; }
    .wiring-table.is-cards td.actions { grid-template-columns: 1fr; text-align: left; padding-top: var(--s-3); }
    .wiring-table.is-cards td.actions::before { display: none; }
    .wiring-table .sha code { max-width: 100%; }
  }

  /* 定义列表（指标） */
  .spec-list { display: grid; grid-template-columns: max-content 1fr; gap: var(--s-2) var(--s-5); font-size: var(--t-sm); }
  .spec-list dt { color: var(--muted); font-family: var(--font-mono); font-size: var(--t-xs); letter-spacing: .08em; text-transform: uppercase; padding-top: 3px; }
  .spec-list dd { margin: 0; }
}