/**
 * 图片统一高度显示 - 覆盖父主题的 object-fit: cover
 * Uniform image height display - override parent theme's object-fit: cover
 */

/* 重要：使用 !important 覆盖父主题的规则 */

/* 帖子缩略图 - 统一高度，保持比例 */
.fit-cover,
.radius-cover,
img.fit-cover,
img.radius-cover {
    object-fit: cover !important;
    object-position: center !important;
    height: 120px !important; /* 统一高度 */
    width: 100% !important;
}

/* 论坛相关图片 - 统一高度 */
.forum-thumbnail,
.forum-thumbnail img,
.item-thumbnail img,
.post-thumbnail img,
.attachment-thumbnail,
.wp-post-image {
    object-fit: cover !important;
    object-position: center !important;
    height: 120px !important;
    width: 100% !important;
}

/* 小工具中的图片 - 统一高度 */
.widget img,
.widget-content img,
.moedes-widget img {
    object-fit: cover !important;
    object-position: center !important;
    height: 120px !important;
    width: 100% !important;
}

/* 排行榜小工具图片 - 保持原有尺寸 */
.moedes-ranking img,
.ranking-item img,
.dc-image img,
.compact-image img,
.itl-image img {
    object-fit: cover !important;
    object-position: center !important;
    /* 排行榜图片保持原有高度设定 */
}

/* 保留头像的圆形裁剪 - 头像应该保持 cover 以避免变形 */
.avatar,
.avatar img,
.avatar-img img,
img.avatar {
    object-fit: cover !important;
}

/* 特殊情况：用户明确需要裁剪的图片可以使用 force-cover 类 */
.force-cover,
.force-cover img {
    object-fit: cover !important;
}

/* 特殊情况：用户明确需要完整显示的图片可以使用 force-contain 类 */
.force-contain,
.force-contain img {
    object-fit: contain !important;
    object-position: center !important;
}

/* 响应式图片容器 */
.responsive-image-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.responsive-image-container img {
    width: 100%;
    height: auto;
    object-fit: contain !important;
    object-position: center !important;
}

/* 移动端优化 */
@media (max-width: 768px) {
    .fit-cover,
    .radius-cover,
    img.fit-cover,
    img.radius-cover,
    .forum-thumbnail img,
    .item-thumbnail img {
        object-fit: contain !important;
        max-height: 200px; /* 移动端限制最大高度 */
    }
}