/**
 * 图片渐进显示：加载过程中先显示模糊占位，解码后过渡到清晰。
 * 配合渐进式 JPEG 时，浏览器会边下边显，模糊层能更早看到轮廓。
 */
img.img-prog-pending {
  filter: blur(14px);
  transform: scale(1.04);
  clip-path: inset(0);
}
img.img-prog-ready {
  filter: none;
  transform: none;
  transition: filter 0.45s ease, transform 0.45s ease;
}

/* 列表/卡片内图片容器：避免布局抖动 */
.product-img,
.news-card-img,
.slide-image,
.card-cover img,
.gallery-card .main-image img,
.thumb img {
  background: linear-gradient(110deg, #e8efe8 0%, #f2f7f3 45%, #e8efe8 90%);
}