/* 懒加载图片淡入效果 */
img[data-src] {
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

img.loaded {
  opacity: 1;
}

/* 占位符样式 */
.img-placeholder {
  background-color: #f2f2f2;
  position: relative;
  overflow: hidden;
}

.img-placeholder::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #f2f2f2 0%, #e0e0e0 50%, #f2f2f2 100%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}