.col-filters { margin: 2px 0 12px; }
  .col-frow { display: flex; align-items: center; gap: 8px; margin-bottom: 9px; }
  .col-frow:last-child { margin-bottom: 0; }
  .col-flab { flex: 0 0 auto; width: 30px; font-size: 12px; color: var(--t2); font-weight: 600; }
  .col-chips { flex: 1; padding-bottom: 2px; }
  .col-chips .chip { background: var(--card); border: 1px solid var(--border); color: var(--t2); padding: 6px 13px; }
  .col-chips .chip.active { background: var(--accent); border-color: var(--accent); color: #fff; }
  #view-collect .col-grid { gap: 10px; }
  .col-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--r-sm); overflow: hidden; box-shadow: var(--shadow-sm); cursor: pointer; transition: transform .12s ease, box-shadow .12s ease; }
  .col-card:active { transform: scale(.975); box-shadow: 0 3px 10px rgba(17,19,25,.12); }
  .col-cover { position: relative; height: 92px; display: flex; align-items: flex-end; justify-content: space-between; padding: 8px; }
  .col-cover::after { content:''; position: absolute; inset: 0; background: radial-gradient(120% 80% at 80% 0%, rgba(255,255,255,.28), transparent 60%); pointer-events: none; }
  .col-plat { position: relative; z-index: 1; font-size: 11px; font-weight: 700; color: #fff; background: rgba(0,0,0,.28); padding: 3px 8px; border-radius: 9px; backdrop-filter: blur(2px); }
  .col-cat { position: relative; z-index: 1; font-size: 11px; color: #fff; opacity: .92; background: rgba(255,255,255,.22); padding: 3px 8px; border-radius: 9px; }
  .col-ci { padding: 9px 11px 11px; }
  .col-cn { font-size: 12.5px; color: var(--t1); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .col-spark { height: 24px; margin: 6px 0 8px; display: flex; align-items: center; }
  .col-spark svg { width: 100%; height: 24px; display: block; }
  .col-foot { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; }
  .col-price { font-size: 14px; font-weight: 700; color: var(--t1); font-variant-numeric: tabular-nums; }
  .col-chg { font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; }
  .col-chg.up { color: var(--up); } .col-chg.down { color: var(--down); }
  .col-loading, .col-empty { grid-column: 1 / -1; text-align: center; color: var(--t3); font-size: 12px; padding: 28px 12px; }
  #view-collect .placeholder { margin-top: 10px; }