/**
 * 图片错误处理样式
 */
img[data-error-handled="true"] {
    object-fit: contain;
    background-color: #f5f5f5;
    border-radius: 4px;
    transition: all 0.3s ease;
}

/* 不同类型图片的默认样式 */
img.goods-img[data-error-handled="true"],
.goods-img img[data-error-handled="true"] {
    background-color: #f8f8f8;
}

img.head-img[data-error-handled="true"],
.head-img img[data-error-handled="true"] {
    background-color: #f8f8f8;
    border-radius: 50%;
}

img.store-img[data-error-handled="true"],
.store-img img[data-error-handled="true"] {
    background-color: #f8f8f8;
}

img.article-img[data-error-handled="true"],
.article-img img[data-error-handled="true"] {
    background-color: #f8f8f8;
}

/* 图片加载过程中的样式 */
img.loading {
    opacity: 0.6;
}

/* 图片加载完成的过渡效果 */
img.loaded {
    opacity: 1;
}