@media (min-width:901px) and (prefers-reduced-motion:no-preference){
  .qm-markets__card{
    /* translate 与原来的 transform 分开，不会破坏 Hover 放大 */
    translate:var(--qm-scroll-x, 0px) 0;

    /* 滚动时的模糊量 */
    filter:
      blur(var(--qm-scroll-blur, 0px))
      saturate(var(--qm-scroll-sat, 1));

    will-change:translate,filter;
  }

  /* 保留原本 Hover 弱化，同时把滚动模糊叠加进去 */
  .qm-markets__grid:hover .qm-markets__card{
    filter:
      blur(var(--qm-scroll-blur, 0px))
      saturate(.75)
      brightness(.99);
  }

  /* 当前 Hover 卡片恢复饱和，但滚动模糊仍按当前进度存在 */
  .qm-markets__grid .qm-markets__card:hover{
    filter:
      blur(var(--qm-scroll-blur, 0px))
      saturate(1)
      brightness(1);
  }
}