/* 详情页面图片样式 */

/* 新闻详情页和产品详情页的图片容器 */
.news-image,
.product-image {
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
}

/* 详情页图片样式 */
.news-image img,
.product-image img {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
    object-fit: contain;
    border-radius: 8px;
}

/* 响应式设计 */
@media (max-width: 991.98px) {
    .news-image,
    .product-image {
        margin-bottom: 2rem;
    }
}

/* 确保图片在加载时不会出现布局跳动 */
.news-image,
.product-image {
    min-height: 200px;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-image img,
.product-image img {
    transition: opacity 0.3s ease;
}

/* 图片加载完成后的样式 */
.news-image img[src],
.product-image img[src] {
    min-height: auto;
    background-color: transparent;
}