/* 图片显示修复样式 */

/* 修复内容区域图片变形问题 */
#contentView div.contentBottomFrame div.contentItemFrame div.itemFrame ul li div.itemTopFrame img {
    /* 保持原始宽高比 */
    object-fit: contain;
    /* 移除可能导致变形的样式 */
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 200px;
    /* 居中显示 */
    margin: 0 auto;
    /* 保持圆角 */
    border-radius: 5%;
    /* 保持悬停效果 */
    transition: all 0.25s ease;
    transform: scale(1);
}

/* 图片容器样式调整 */
#contentView div.contentBottomFrame div.contentItemFrame div.itemFrame ul li div.itemTopFrame {
    display: flex;
    align-items: center;
    justify-content: center;
    /* 设置合适的高度 */
    min-height: 200px;
    background: #f8f8f8;
    /* 保持圆角 */
    border-radius: 5%;
    overflow: hidden;
}

/* 悬停效果保持 */
#contentView div.contentBottomFrame div.contentItemFrame div.itemFrame ul li div.itemTopFrame img:hover {
    cursor: pointer;
    transform: scale(1.05);
    transition: transform 0.25s ease;
}

/* 响应式调整 */
@media (max-width: 768px) {
    #contentView div.contentBottomFrame div.contentItemFrame div.itemFrame ul li div.itemTopFrame img {
        max-height: 150px;
        width: 100%; /* 确保宽度填满容器 */
        min-height: auto; /* 移除最小高度限制 */
    }
    
    #contentView div.contentBottomFrame div.contentItemFrame div.itemFrame ul li div.itemTopFrame {
        min-height: 150px;
    }
}

@media (max-width: 480px) {
    #contentView div.contentBottomFrame div.contentItemFrame div.itemFrame ul li div.itemTopFrame img {
        max-height: 120px;
        width: 100%; /* 确保宽度填满容器 */
        min-height: auto; /* 移除最小高度限制 */
    }
    
    #contentView div.contentBottomFrame div.contentItemFrame div.itemFrame ul li div.itemTopFrame {
        min-height: 120px;
    }
}

/* 修复视频内容区域图片 */
#contentView div.contentBottomFrame div.contentItemFrame ul li div.videoTopFrame img.poster {
    object-fit: contain;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 200px;
}

/* 搜索结果图片修复 */
div.navBar .navigation_content .wp-sitesearch_content div.sright.searchPanel div.searchMainFrame .searchTypeFrame div.searchItemFrame img {
    object-fit: contain;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 150px;
}