/* 图片修复样式 - 解决图片拉伸问题 */
.rank_item img,
.rank_item .product-image,
.rank_item-square img,
.rank_item-square .product-image,
.rank_item-wide img,
.rank_item-wide .product-image,
.rank_item-card img,
.rank_item-card .product-image,
.rank_item-tall img,
.rank_item-tall .product-image,
.rank_item-collect img,
.rank_item-collect .product-image {
    /* object-fit: contain !important; */
}

/* Square Item 图片样式 */
.rank_item-square .product-image,
.product-square .product-image {
    object-fit: contain !important;
    width: var(--img-height, 80px) !important;
    height: var(--img-height, 80px) !important;
}

/* Wide Item 图片样式 */
.rank_item-wide .product-image,
.product-wide .product-image {
    object-fit: contain !important;
    flex-shrink: 0;
}

/* Card Item 图片样式 */
.rank_item-card .img-wrap img {
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

.rank_item-card .con_l img {
    object-fit: contain !important;
    width: 40px !important;
    height: 40px !important;
    flex-shrink: 0;
}

/* Collect Item 背景图片 */
.rank_item-collect .module-bg {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Tall Card 图片样式 */
.rank_item-tall .image img,
.product-tall .image img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}

/* 确保所有产品图片容器正确显示 */
.product-square .img-bg {
    background-color: transparent !important;
}

.product-square .blur {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.product-square .gradual-blur {
    position: absolute;
    inset: -10px;
    background-size: cover;
    background-position: center;
    filter: blur(20px);
    opacity: 0.3;
}