【Bug】图片预览原图加载闪烁问题

[besscroft]

在图片预览窗口，点击图片后，会进行原图加载。进度条发生任意进度变化时，图片均会闪烁。

[besscroft]

QQ20260611-000737.mp4

[besscroft]

定位到问题原因

PicImpact/components/album/progressive-image.tsx

Lines 180 to 183 in b86e954

	<MotionImage
	initial={{ opacity: 0 }}
	animate={{ opacity: 1 }}
	transition={{ duration: 1 }}

当 loadingProgress 变化触发重渲染时：

重渲染开始
  → framer-motion 重新同步 opacity MotionValue 到 DOM (inline style)
  → Next.js Image 内部元素也经历 reconciliation
  → inline style 的 opacity 与 Next.js CSS-based 的 opacity 瞬间冲突
  → 图片短暂闪烁（opacity 微变）
  → 两边状态最终一致，恢复正常
  → 下一次 onprogress → 重复...

[besscroft]

单列模式下的图片在渲染时也会出现这个闪烁问题，暂时先移除所有冲突的动画效果。

[besscroft]

经过测试，动画效果写在 className 内不会出现闪烁问题。