.arcade-slider{
    max-width:1080px;
    margin:auto;
    position:relative;
    overflow:hidden;
    background:#f5f5f5;
    border-radius:12px;
    box-shadow:0 4px 20px rgba(0,0,0,0.08);
}

/* 固定 1080 x 607 比例 */
.slides{
    display:none;
    text-align:center;
}

.slides img{
    width:100%;
    height:607px;
    object-fit:cover;
    display:block;
    border-radius:12px;
}

/* caption */
.caption{
    padding:14px;
    font-size:18px;
    color:#444;
    background:#fff;
    font-weight:500;
}

/* dots */
.dots-box{
    text-align:center;
    padding:15px 0 20px;
    background:#fff;
}

.dot{
    height:10px;
    width:10px;
    margin:0 6px;
    background:#ccc;
    border-radius:50%;
    display:inline-block;
    transition:0.3s;
}

.active{
    background:#000;
}

/* fade */
.fade{
    animation:fade 1s;
}

@keyframes fade{
    from{opacity:0.4;}
    to{opacity:1;}
}

/* mobile */
@media(max-width:768px){

    .slides img{
        height:220px;
    }

    .caption{
        font-size:14px;
        padding:10px;
    }

    .dot{
        width:8px;
        height:8px;
        margin:0 4px;
    }
}