/* ===== 背景轮播层（在 bg-img 区域内） ===== */
.bg-img{position:relative;overflow:hidden}
.bg-slide-a,.bg-slide-b{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:opacity 1.4s ease-in-out;z-index:0}
.bg-slide-a{opacity:1}.bg-slide-b{opacity:0}
/* 分页指示器 - 纯圆角胶囊条 */
.bg-slide-dots{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:5}
.bg-slide-dot{width:18px;height:7px;background:rgba(255,255,255,.35);border-radius:999px;cursor:pointer;transition:all .25s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.bg-slide-dot.active{width:32px;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.3)}
.bg-slide-dot:hover{background:rgba(255,255,255,.7)}
@media(max-width:768px){.bg-slide-dots{bottom:60px;gap:6px}.bg-slide-dot{width:14px;height:5px}.bg-slide-dot.active{width:26px}}