/* dom.css · DOM梯子+热力侧栏(REG-FE50·K3写/3号机补/0号机接线) */
.dom-wrap { display: grid; grid-template-columns: 3fr 2fr; gap: var(--gap, 14px); padding: var(--pad, 14px); }
.dom-head { display: flex; gap: 12px; align-items: center; font-size: 12px; color: var(--fg-2, #8b949e); margin-bottom: 8px; }
.dom-head .skeleton { opacity: .6; }
.dom-chips { display: flex; gap: 6px; margin: 8px 0 12px; flex-wrap: wrap; }
.dom-chips .s8-lchip { padding: 3px 10px; border-radius: 999px; font-size: 11px; cursor: pointer; border: 1px solid var(--line, #30363d); color: var(--fg-2, #8b949e); user-select: none; }
.dom-chips .s8-lchip.on { background: var(--accent, #f0b90b); color: #0d1117; border-color: var(--accent, #f0b90b); }
.dom-grid { display: grid; grid-template-columns: repeat(7, minmax(52px, 1fr)); gap: 2px; font-size: 11px; font-variant-numeric: tabular-nums; max-height: 560px; overflow-y: auto; }
.dom-grid .dom-row { display: contents; }
.dom-grid .dom-cell { padding: 3px 5px; text-align: right; border-radius: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dom-grid .dom-price { text-align: center; font-weight: 700; }
.dom-grid .dom-price.mid { background: var(--accent, #f0b90b); color: #0d1117; border-radius: 4px; }
.dom-grid .dom-price.sup { color: #ef4444; }
.dom-grid .dom-price.res { color: #22c55e; }
.dom-grid .dom-buy { color: #22c55e; }
.dom-grid .dom-sell { color: #ef4444; }
.dom-grid .dom-wall { outline: 1.5px solid #3b82f6; outline-offset: -1px; background: rgba(59,130,246,.12); }
.dom-grid .dom-ice { position: relative; }
.dom-grid .dom-ice::after { content: '🧊'; position: absolute; right: 1px; top: 1px; font-size: 9px; }
.dom-grid .dom-chg-up { color: #22c55e; }
.dom-grid .dom-chg-dn { color: #ef4444; }
.dom-heat-card { position: relative; }
.dom-heat { width: 100%; height: 560px; border-radius: 8px; overflow: hidden; background: #0d1117; }
.caption.c-faint { font-size: 11px; color: var(--fg-2, #8b949e); margin-top: 6px; }
.mt-2 { margin-top: 8px; }
@media (max-width: 900px) {
  .dom-wrap { grid-template-columns: 1fr; }
  .dom-grid { grid-template-columns: repeat(7, minmax(44px, 1fr)); font-size: 10px; }
  .dom-heat { height: 320px; }
}