/* 应用场景画廊缝隙修复 CSS */
/* 这个文件专门用于修复快速鼠标移动时出现的白色缝隙问题 */

/* 为所有应用场景画廊容器添加黑色背景 */
.application-gallery {
    background-color: #000 !important;
    gap: 0 !important;
}

/* 确保所有画廊项目的transition时长一致 */
.application-gallery .gallery-item {
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 确保图片的transition时长一致 */
.application-gallery .gallery-item img {
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 确保遮罩的transition时长一致 */
.application-gallery .gallery-item .mask {
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 为画廊项目添加微小的重叠以防止缝隙 */
.application-gallery .gallery-item:not(:first-child) {
    margin-left: calc(-1 * 100vw / 1920) !important;
}

/* 确保z-index层级正确，防止重叠显示问题 */
.application-gallery .gallery-item.active {
    z-index: 100 !important;
}

/* 移动端优化 */
@media screen and (max-width: 768px) {
    .application-gallery {
        background-color: #000 !important;
    }
    
    .application-gallery .gallery-item:not(:first-child) {
        margin-left: calc(-1 * 100vw / 750) !important;
    }
}

/* 特殊页面的额外修复 */
/* 智慧文旅页面 */
.smart-tourism .application-gallery {
    background-color: #000 !important;
}

/* 智慧营销页面 */
.smart-marketing .application-gallery {
    background-color: #000 !important;
}

/* 智慧教育页面 */
.smart-education .application-gallery {
    background-color: #000 !important;
}

/* 智慧娱乐页面 */
.smart-entertainment .application-gallery {
    background-color: #000 !important;
}

/* 智慧城市页面 */
.smart-city .application-gallery {
    background-color: #000 !important;
}

/* 智慧金融页面 */
.smart-finance .application-gallery {
    background-color: #000 !important;
}

/* 智慧地产页面 */
.smart-estate .application-gallery {
    background-color: #000 !important;
}

/* 智慧汽车页面 */
.smart-car .application-gallery {
    background-color: #000 !important;
}

/* 智慧传媒页面 */
.smart-media .application-gallery {
    background-color: #000 !important;
}

/* 智慧办公页面 */
.smart-office .application-gallery {
    background-color: #000 !important;
}

/* 智慧体育页面 */
.smart-sports .application-gallery {
    background-color: #000 !important;
}

/* 确保在所有浏览器中都能正确显示 */
.application-gallery {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.application-gallery .gallery-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

/* 防止子像素渲染问题 */
.application-gallery .gallery-item img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}