/* Spotlight 图片查看器修复样式 */

/* 修复图片在spotlight中的显示问题 */
#spotlight .spl-scene img {
    max-width: 95% !important;
    max-height: 95% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

/* 确保图片不会超出视口 */
#spotlight .spl-pane > * {
    max-width: 90% !important;
    max-height: 90% !important;
}

/* 修复autofit模式下的图片显示 */
#spotlight .autofit {
    object-fit: contain !important;
    width: auto !important;
    height: auto !important;
    max-width: 95% !important;
    max-height: 95% !important;
}

/* 防止图片异常放大 */
#spotlight img {
    image-rendering: auto;
    -webkit-image-smoothing: true;
    -moz-image-smoothing: true;
    -ms-image-smoothing: true;
}

/* 移动端优化 */
@media (max-width: 768px) {
    #spotlight .spl-scene img {
        max-width: 98% !important;
        max-height: 98% !important;
    }
    
    #spotlight .spl-pane > * {
        max-width: 95% !important;
        max-height: 95% !important;
    }
}

/* 确保图片居中显示 */
#spotlight .spl-pane {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 修复可能的CSS冲突 */
.love_img img.spotlight {
    transition: none !important;
}

.love_img img.spotlight:hover {
    transform: none !important;
}