@media (min-width:901px) and (prefers-reduced-motion:no-preference){

  .qq-mfg{
    overflow-x:clip;
  }

  .qq-mfg__step{
    --qq-scroll-x:0px;
    --qq-scroll-blur:0px;
    --qq-scroll-scale:1;

    /*
      translate / scale 使用独立 CSS 属性，
      不会破坏你原来的 Hover transform。
    */
    translate:var(--qq-scroll-x) 0;
    scale:var(--qq-scroll-scale);

    filter:
      blur(var(--qq-scroll-blur));

    transform-origin:center center;

    will-change:
      translate,
      scale,
      filter;
  }

  /*
    保留原来的 Hover 联动，
    同时让滚动模糊继续存在。
  */
  .qq-mfg__process:hover
  .qq-mfg__step{
    filter:
      blur(var(--qq-scroll-blur))
      saturate(.75)
      brightness(.99);
  }

  .qq-mfg__process
  .qq-mfg__step:hover{
    filter:
      blur(var(--qq-scroll-blur))
      saturate(1)
      brightness(1);
  }
}


/* 平板 / 手机关闭该滚动动画 */
@media (max-width:900px){

  .qq-mfg__step{
    translate:none !important;
    scale:1 !important;
    filter:none !important;
  }

}