/* 交易所寵物檔差頁（#/market-pets）：篩選列 + 可排序表格（表格走既有 .hb-wrap 捲動外框） */
.mp-f { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin: 10px 0; font-size: 13px; }
.mp-f label { display: inline-flex; align-items: center; gap: 4px; }
.mp-f select, .mp-f input { font: inherit; background: var(--panel); color: var(--fg); border: 1px solid var(--line); border-radius: 6px; padding: 3px 6px; max-width: 100%; }
.mp-f input[type=number] { width: 4.5em; }
.mp-t th { cursor: pointer; white-space: nowrap; user-select: none; }
.mp-t th.on::after { content: ' ▲'; font-size: 10px; }
.mp-t th.on.desc::after { content: ' ▼'; }
.mp-t td { white-space: nowrap; }
.mp-t .dv { color: var(--muted); font-size: 12px; }
.mp-t .warn { color: #c62828; font-weight: 600; }
.mp-t .cur-鑽石 { color: #1565c0; }
.mp-t .cur-活力 { color: #2e7d32; }
.mp-t .cur-聲望 { color: #8e24aa; }
@media (prefers-color-scheme: dark) { .mp-t .cur-鑽石 { color: #64b5f6; } .mp-t .cur-活力 { color: #81c784; } .mp-t .cur-聲望 { color: #ce93d8; } }