.banenr-switch-carousel{position:relative;width:100%;overflow:hidden;touch-action:pan-y}
.banenr-switch-track{display:flex; flex-direction: column; width:100%; height: 100%; position:relative}
.banenr-switch-slide{flex: 1; position:absolute;top:0;left:0;width:100%;height: 100%; opacity:0;transition:opacity 0.8s ease,transform 0.8s ease;user-select:none;overflow:hidden}
.banenr-switch-slide.active{opacity:1;z-index:1;position:relative}
/* 圆点 */
.banenr-switch-dots{position:absolute; bottom:15px; width: 100%; display:flex; justify-content:center; z-index:4;}
.dot-indicator{width:12px; height:12px; margin: 0 6px; border-radius:50%; background:var(--bg-main); cursor:pointer; transition:all 0.3s ease;}
.dot-indicator.active{background-color: var(--bg-hover);}
/* 按钮 */
.banenr-switch-prev,.banenr-switch-next{position:absolute; left: -100%; top:50%; transform:translateY(-50%); color: #333; width:60px; height:60px; font-size:1.8rem; cursor:pointer;transition:all 0.3s ease-in-out;pointer-events:all;display:flex;align-items:center;justify-content:center; z-index: 9;}
.banenr-switch-next{left: auto; right:-100%}
.banenr-switch-prev:hover,.banenr-switch-next:hover{color: var(--bg-main);}
.banenr-switch-carousel:hover .banenr-switch-prev{left: 0;}
.banenr-switch-carousel:hover .banenr-switch-next{right: 0;}
@media (max-width: 575.98px){
.banenr-switch-slide{display: flex; align-items: center; justify-content: center;}
}