#ap-banner-wrap{width:100%;position:relative;box-sizing:border-box;z-index:9999}
#ap-banner-slider{width:100%;height:130px;overflow:hidden;position:relative;background:#fff;border-bottom:1px solid #eee}
#ap-banner-slider .ap-slide{position:absolute;top:0;left:100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all 0.8s ease}
#ap-banner-slider .ap-slide.active{left:0}
#ap-banner-slider img{width:100%;height:130px;object-fit:cover;display:block}
#ap-banner-slider .ap-prev,#ap-banner-slider .ap-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);color:#fff;border:0;padding:8px 12px;border-radius:4px;cursor:pointer;z-index:1000}
#ap-banner-slider .ap-prev{left:10px}
#ap-banner-slider .ap-next{right:10px}

/* circles */
#ap-circles{width:100%;padding:18px 10px 30px;background:#fff;display:flex;flex-direction:column;align-items:center}
.ap-circles-inner{display:flex;gap:18px;overflow-x:auto;padding:6px 10px;width:100%;max-width:1200px;align-items:center;scroll-behavior:smooth}
.ap-circle-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit}
.ap-circle{width:60px;height:60px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,0.08);border:4px solid rgba(0,150,255,0.15);background:#f5faff}
.ap-circle img{width:100%;height:100%;object-fit:cover;display:block;animation:ap-flash 5s linear infinite}
.ap-circle-label{margin-top:6px;font-size:13px}
.ap-special{margin-top:12px}
.ap-special a{background:#b71c1c;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none}

@keyframes ap-flash{0%{filter:brightness(1)}50%{filter:brightness(1.25)}100%{filter:brightness(1)}}

/* Responsive */
@media(max-width:600px){
    #ap-banner-slider{height:110px}
    #ap-banner-slider img{height:110px}
    .ap-circle{width:52px;height:52px}
    .ap-circle-label{font-size:12px}
}