/**
 * 图片错误处理样式
 */

/* 图片加载失败时的占位图样式 */
.img-error-placeholder {
    object-fit: cover;
    background-color: #f0f0f0;
    min-height: 100px;
}

/* 为不同尺寸的图片提供合适的最小高度 */
.embed-responsive-4by3 .img-error-placeholder {
    min-height: 120px;
}

.media-left .img-error-placeholder {
    min-height: 80px;
    width: 80px;
}

.article-item .img-error-placeholder {
    min-height: 100px;
}

/* 平滑过渡效果 */
img {
    transition: opacity 0.3s ease-in-out;
}

/* 可选：添加加载动画 */
img:not([src]),
img[src=""],
img[src="#"] {
    opacity: 0;
}