/* 懒加载图片基础样式 */
.lazy-image {
  transition: opacity 0.3s ease;
}

/* 懒加载中的loading状态 */
.lazy-image.loading {
  background: linear-gradient(75deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  min-width: 120px;
}

/* 懒加载动画 */
@keyframes loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* 画廊列表中的懒加载图片 */
.gallery-preview .lazy-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 图片加载失败时的样式 */
.lazy-image.error {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6c757d;
  font-size: 14px;
}

/* 响应式懒加载 */
@media (prefers-reduced-motion: reduce) {
  .lazy-image {
    transition: none;
  }
  
  .lazy-image.loading {
    animation: none;
  }
}