/* ========== MOBILE BANNER ========== */
@media (max-width: 600px){

    /* 图片容器变相对定位，取消 float，让宽度=100% */
    .videopreview{
        position: relative !important;
        float: none !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        max-width: 100% !important;
    }

    /* 图片等比缩放 */
    .videopreview img{
        width: 100% !important;
        height: auto !important;
        display: block;
        max-width: 100%;
    }

    /* 文字层：绝对居中叠加 */
    .m-caption{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        text-align: center;
        color: #fff;
        background: rgba(0, 0, 0, 0.6);
        padding: 20px 15px;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    }

    .m-title{
        font-size: 22px;
        font-weight: 700;
        margin: 0 0 8px 0;
        text-transform: uppercase;
        color: #fff;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    }
    
    .m-sub{ 
        font-size: 14px; 
        line-height: 1.4; 
        margin: 6px 0; 
        color: #f0f0f0;
    }
    
    .m-sub-cn{ 
        font-size: 13px; 
        line-height: 1.4; 
        margin: 6px 0; 
        color: #f0f0f0;
    }

    .m-date{
        font-size: 13px;
        font-weight: 600;
        margin: 8px 0 4px 0;
        color: #ffd200;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    }

    .m-date-cn{
        font-size: 12px;
        margin: 4px 0 12px 0;
        color: #ffd200;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    }

    .m-btn{
        display: inline-block;
        background: #187cc2;
        color: #fff;
        padding: 10px 20px;
        border-radius: 5px;
        font-size: 14px;
        text-decoration: none;
        font-weight: 600;
        text-transform: uppercase;
        transition: all 0.3s ease;
        box-shadow: 0 2px 6px rgba(24, 124, 194, 0.3);
    }

    .m-btn:hover{ 
        background: #0d5a96; 
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(24, 124, 194, 0.4);
    }

    /* 隐藏 LayerSlider 原有文字层，避免重叠 */
    #layerslider .ls-l:not(.videopreview){
        display: none !important;
    }

    /* LayerSlider 整体调整 */
    #layerslider{
        height: auto !important;
        min-height: 250px !important;
    }

    #layerslider .ls-slide{
        height: auto !important;
        min-height: 250px !important;
    }
}

/* ≥601px (桌面/平板横屏) 时，移动端文字层隐藏——确保PC端不变 */
@media (min-width: 601px){
    .m-caption{ 
        display: none !important; 
    }
}