/**
 * 解决方案详情页图片尺寸优化
 * Solution Detail Page Image Size Optimization
 * 
 * 优化目标：
 * 1. 特色图片（Hero Image）高度限制
 * 2. 内容区域图片尺寸优化
 * 3. 保持图片清晰度和响应式设计
 */

/* ==========================================================================
   特色图片优化 - 限制高度避免过大
   ========================================================================== */
.solution-featured-image-new .featured-image-wrapper {
    max-height: 500px;
    overflow: hidden;
}

.solution-featured-image-new .featured-image-wrapper img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center;
}

/* ==========================================================================
   内容区域图片优化
   ========================================================================== */
.solution-content-new .entry-content img,
.solution-scenarios-new img,
.solution-cases-new img {
    max-width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: var(--shadow-sm);
    margin: 1.5rem 0;
}

/* 图片容器居中 */
.solution-content-new .entry-content p img,
.solution-scenarios-new p img,
.solution-cases-new p img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* ==========================================================================
   响应式优化
   ========================================================================== */

/* 平板 */
@media (max-width: 1024px) {
    .solution-featured-image-new .featured-image-wrapper {
        max-height: 400px;
    }
    
    .solution-featured-image-new .featured-image-wrapper img {
        height: 400px;
    }
    
    .solution-content-new .entry-content img,
    .solution-scenarios-new img,
    .solution-cases-new img {
        max-height: 350px;
    }
}

/* 小平板 */
@media (max-width: 768px) {
    .solution-featured-image-new .featured-image-wrapper {
        max-height: 300px;
    }
    
    .solution-featured-image-new .featured-image-wrapper img {
        height: 300px;
    }
    
    .solution-content-new .entry-content img,
    .solution-scenarios-new img,
    .solution-cases-new img {
        max-height: 300px;
    }
}

/* 手机 */
@media (max-width: 480px) {
    .solution-featured-image-new .featured-image-wrapper {
        max-height: 250px;
    }
    
    .solution-featured-image-new .featured-image-wrapper img {
        height: 250px;
    }
    
    .solution-content-new .entry-content img,
    .solution-scenarios-new img,
    .solution-cases-new img {
        max-height: 250px;
    }
}