/* 移动端轮播图修复样式 */
@media only screen and (max-width: 767px) {
    /* 确保轮播图容器不会溢出 */
    .post-slide-show {
        overflow: hidden;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    
    /* 修复轮播图项目在滑动时的变形问题 */
    .post-slide2 .item {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    
    /* 确保图片容器不会变形 */
    .post-slide2 .blog-card-media {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    
    /* 图片保持比例，防止变形 */
    .post-slide2 .blog-card-media img {
        width: 100%;
        height: auto;
        object-fit: cover;
        max-height: 500px;
    }
    
    /* 修复轮播图信息区域的位置 */
    .post-slide2 .blog-card-info {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 15px;
        background: rgba(0, 0, 0, 0.6);
    }
    
    /* 修复标题大小 */
    .post-slide2 .blog-card-info .title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px;
    }
    
    /* 确保轮播图导航按钮可见 */
    .post-slide2 .owl-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        left: 0;
        right: 0;
        z-index: 10;
    }
    
    .post-slide2 .owl-prev,
    .post-slide2 .owl-next {
        position: absolute;
        background: rgba(255, 255, 255, 0.5) !important;
    }
    
    .post-slide2 .owl-prev {
        left: 10px;
    }
    
    .post-slide2 .owl-next {
        right: 10px;
    }
    
    /* 修复触摸滑动体验 */
    .post-slide2 .owl-stage {
        touch-action: pan-y pinch-zoom;
    }
}