.announce-bar{position:relative;margin-bottom:12px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.announce-track{display:flex;transition:transform .4s ease}
.announce-item{flex:0 0 100%;display:flex;align-items:center;justify-content:center;padding:20px 12px;font-size:16px;font-weight:600;color:#fff;text-align:center;letter-spacing:1px;text-decoration:none}
.announce-text{min-height:var(--ann-h,80px)}
.announce-img{min-height:var(--ann-img-h,160px);padding:0;justify-content:flex-start}
.announce-img img{flex:1;min-width:0;height:var(--ann-img-h,160px);object-fit:fill;display:block}
.img-scroll-wrap{display:flex;width:100%;height:100%;transition:transform .4s ease}
.announce-bar[data-animation="scroll_h"] .announce-item{overflow:hidden;flex:0 0 100%}
.announce-bar[data-animation="scroll_h"] .announce-track{display:flex}
.announce-dots{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:10}
.announce-dots span{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.4);transition:background .3s}
.announce-dots span.on{background:#fff}
.announce-bar[data-animation="slide_v"] .announce-track{flex-direction:column}
.announce-bar[data-animation="slide_v"] .announce-item{flex:0 0 auto}
.announce-bar[data-animation="hidden"]{display:none}
.announce-bar[data-animation="fade"] .announce-track,
.announce-bar[data-animation="zoom_in"] .announce-track,
.announce-bar[data-animation="zoom_out"] .announce-track,
.announce-bar[data-animation="flip_x"] .announce-track,
.announce-bar[data-animation="flip_y"] .announce-track,
.announce-bar[data-animation="cover_h"] .announce-track{position:relative}
.announce-bar[data-animation="fade"] .announce-item,
.announce-bar[data-animation="zoom_in"] .announce-item,
.announce-bar[data-animation="zoom_out"] .announce-item,
.announce-bar[data-animation="flip_x"] .announce-item,
.announce-bar[data-animation="flip_y"] .announce-item,
.announce-bar[data-animation="cover_h"] .announce-item{position:absolute;top:0;left:0;width:100%;opacity:0;flex:none}
.announce-bar[data-animation="fade"] .announce-item.active{opacity:1;transition:opacity .5s ease}
.announce-bar[data-animation="zoom_in"] .announce-item{transform:scale(.8)}
.announce-bar[data-animation="zoom_in"] .announce-item.active{opacity:1;transform:scale(1);transition:opacity .5s ease,transform .5s ease}
.announce-bar[data-animation="zoom_out"] .announce-item.active{opacity:1;transform:scale(1);transition:opacity .5s ease,transform .5s ease}
.announce-bar[data-animation="zoom_out"] .announce-item.active-out{opacity:0;transform:scale(1.2);transition:opacity .5s ease,transform .5s ease}
.announce-bar[data-animation="flip_x"]{perspective:1000px}
.announce-bar[data-animation="flip_x"] .announce-item{transform:rotateX(90deg);backface-visibility:hidden}
.announce-bar[data-animation="flip_x"] .announce-item.active{opacity:1;transform:rotateX(0);transition:opacity .5s ease,transform .5s ease}
.announce-bar[data-animation="flip_y"]{perspective:1000px}
.announce-bar[data-animation="flip_y"] .announce-item{transform:rotateY(90deg);backface-visibility:hidden}
.announce-bar[data-animation="flip_y"] .announce-item.active{opacity:1;transform:rotateY(0);transition:opacity .5s ease,transform .5s ease}
.announce-bar[data-animation="cover_h"] .announce-item{transform:translateX(100%)}
.announce-bar[data-animation="cover_h"] .announce-item.active{opacity:1;transform:translateX(0);transition:opacity .4s ease,transform .4s ease}
.announce-bar[data-animation="cover_h"] .announce-item.active-out{opacity:1;transform:translateX(0)}
.announce-bar[data-animation="none"] .announce-track{display:block}
.announce-bar[data-animation="none"] .announce-item{flex:none;display:flex}
.announce-bar[data-animation="push_h"] .announce-track{position:relative}
.announce-bar[data-animation="push_h"] .announce-item{position:absolute;top:0;left:0;width:100%;opacity:0;flex:none;transform:translateX(100%)}
.announce-bar[data-animation="push_h"] .announce-item.active{opacity:1;transform:translateX(0);transition:opacity .4s ease,transform .4s ease}
.announce-bar[data-animation="push_h"] .announce-item.active-out{opacity:1;transform:translateX(-100%);transition:opacity .4s ease,transform .4s ease}