.supply-images { display: grid; grid-template-columns: repeat(3, 72px); gap: 6px; margin-top: 10px; }
.supply-image { width: 72px; height: 72px; border-radius: 4px; object-fit: cover; cursor: zoom-in; }
.supply-pin-options { display: grid; gap: 8px; padding: 16px 20px 20px; }
.supply-pin-options h3 { margin: 0 0 4px; font-size: 17px; }
.supply-pin-option { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; padding: 0 12px; border: 1px solid var(--line); border-radius: 4px; color: var(--ink); background: #fff; }
.supply-pin-option:has(input:checked) { border-color: var(--coral); background: #fff5f0; }
.supply-pin-option input { accent-color: var(--coral); }
.supply-pin-option span { flex: 1; }
.supply-pin-option strong { color: var(--coral); }
.supply-pin-pay { width: 100%; margin-top: 4px; }
button[data-pin] { font-size: 0; }
button[data-pin]::after { content: '付费置顶'; font-size: 11px; }
@media (max-width: 420px) { .supply-images { grid-template-columns: repeat(3, 64px); } .supply-image { width: 64px; height: 64px; } }