/**
 * 统一图片比例修复样式
 * 确保所有页面中的图片比例保持一致
 */

/* 统一设置文章卡片、图片容器和图片的比例 */
.wallpaper-card,
.image-container,
.wallpaper-thumbnail,
.wallpaper-image,
.wallpaper-image img,
.wallpaper-card img,
.entry-content img,
article.post img.wp-post-image {
    aspect-ratio: 3/4.5 !important;
    object-fit: cover !important;
}

/* 确保首页图片容器的比例 */
.wallpaper-card .image-container {
    width: 100%;
    height: auto;
    aspect-ratio: 3/4.5 !important;
    overflow: hidden;
}

/* 确保详情页图片容器的比例 */
.wallpaper-image, 
.single .wallpaper-image,
.single .entry-content img {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 3/4.5 !important;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}

/* 确保图片在容器中正确显示 */
.wallpaper-image img,
.single .wallpaper-image img,
.single .entry-content img,
.wallpaper-card img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    object-position: center center;
}

/* 修复 placeholder 图片的比例 */
.placeholder-image,
img.placeholder-image {
    aspect-ratio: 3/4.5 !important;
    object-fit: cover !important;
}

/* 确保在手机端也保持正确的比例 */
@media (max-width: 768px) {
    .wallpaper-card,
    .image-container,
    .wallpaper-image,
    .wallpaper-image img,
    .single .wallpaper-image,
    .single .wallpaper-image img,
    .entry-content img {
        aspect-ratio: 3/4.5 !important;
    }
}