/**
 * W19智能手表轮播图移动端样式
 */
@media (max-width: 767px) {
    /* W19轮播图容器样式 */
    #w19Carousel {
        position: relative;
        touch-action: pan-y;
    }
    
    /* 轮播图控制按钮样式 */
    #w19Carousel .carousel-control-prev,
    #w19Carousel .carousel-control-next {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 50%;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0.8;
        z-index: 100;
    }
    
    #w19Carousel .carousel-control-prev {
        left: 10px;
    }
    
    #w19Carousel .carousel-control-next {
        right: 10px;
    }
    
    #w19Carousel .carousel-control-prev-icon,
    #w19Carousel .carousel-control-next-icon {
        width: 20px;
        height: 20px;
    }
    
    /* 轮播图指示器样式 */
    #w19Carousel .carousel-indicators {
        position: relative;
        margin-top: 15px;
        margin-bottom: 0;
        z-index: 10;
    }
    
    #w19Carousel .carousel-indicators button {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin: 0 5px;
        background-color: #ccc;
        opacity: 0.7;
    }
    
    #w19Carousel .carousel-indicators button.active {
        background-color: #007bff;
        opacity: 1;
    }
    
    /* 模态框样式优化 */
    #w19Modal .modal-dialog {
        margin: 10px auto;
        max-width: calc(100% - 20px);
    }
    
    #w19Modal .modal-body {
        padding: 15px;
    }
    
    /* 图片计数器样式 */
    #w19Modal .image-counter {
        position: absolute;
        bottom: 10px;
        right: 10px;
        background-color: rgba(0, 0, 0, 0.6);
        color: white;
        padding: 3px 8px;
        border-radius: 12px;
        font-size: 12px;
        z-index: 10;
    }
    
    /* 确保轮播图图片正确显示 */
    #w19Carousel .carousel-item img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
    
    /* 增强触摸区域 */
    #w19Carousel .carousel-inner {
        touch-action: pan-y pinch-zoom;
    }
}