代码对照：差异会带来什么？

为非必要的徽章脉冲动效响应减少动态偏好。哪个修复能真正停止该动效？

@media (prefers-reduced-motion: reduce) {
  .badge { animation-duration: .01ms; }
}

@media (prefers-reduced-motion: reduce) {
  .badge { animation: none; }
}

提问：指出关键差异，给出适用条件或反例；不要仅以代码长短判断。以上为对照片段，阅读其前提后再分析。