/* 该插件来自于 凨影 QQ77798085 bbs.oddfox.cn*/

#indexlive .scroll-outer{position:relative;width:100%;overflow:hidden}
#indexlive .scroll-wrap{display:flex;gap:1rem;overflow-x:hidden;touch-action:pan-y;cursor:grab;user-select:none;padding:0.25rem 0;}
#indexlive .scroll-wrap:active{cursor:grabbing}

/* 直播卡片 */
#indexlive .live-card{border-radius:0.5rem;overflow:hidden;background:#fff;border:1px solid #eee;flex:0 0 calc(100% / 2.5);}
#indexlive .live-card a{display:block;overflow:hidden;width:100%;transition:transform .15s ease,box-shadow .15s ease;}
#indexlive .live-card a:hover{text-decoration:none;transform:translateY(-5px);}
#indexlive .card-img{width:100%;object-fit:cover;aspect-ratio:16 / 9;display:block;opacity:1;transition:opacity 0.3s ease;}
#indexlive .live-card a:hover .card-img{opacity:0.75;}
#indexlive .card-bottom{display:flex;justify-content:space-between;align-items:center;}
#indexlive .view-badge{display:flex;align-items:center;gap:6px;background:rgba(83,252,24,0.2);border-radius:1rem;border:1px solid rgba(83,252,24,0.5);}
#indexlive .view-badge.offline{background:#f8dcdc;border:1px solid rgb(230 165 165 / 50%);}
#indexlive .dot{width:6px;height:6px;background:#53fc18;border-radius:50%;animation:pulse 2s infinite;}
#indexlive .dot.offline{background:#f00;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}

/* 拖拽进行时，禁止a链接点击跳转 */
#indexlive .scroll-wrap.dragging a{pointer-events:none!important;}

/* 左右翻页按钮 */
#indexlive .btn-slide{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:2px solid #53fc18;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#53fc18;box-shadow:0 0 8px rgba(83,252,24,0.6),0 0 16px rgba(83,252,24,0.3);cursor:pointer;z-index:2;transition:box-shadow .2s ease,opacity .2s ease,border-color .2s ease;animation:emblaControlBreath 1.8s ease-in-out infinite;touch-action:manipulation}
#indexlive .btn-slide:hover{box-shadow:0 0 12px rgba(83,252,24,0.8),0 0 24px rgba(83,252,24,0.5);}
#indexlive .btn-slide:disabled{opacity:.4;cursor:default;animation:none}
#indexlive .btn-slide:focus{outline:none;}
@keyframes emblaControlBreath{
    0%,100%{opacity:.8;box-shadow:0 0 8px rgba(83,252,24,0.6),0 0 16px rgba(83,252,24,0.3);border-color:#53fc18}
    50%{opacity:1;box-shadow:0 0 16px rgba(83,252,24,0.9),0 0 32px rgba(83,252,24,0.6),0 0 48px rgba(83,252,24,0.3);border-color:#6fff30}
}
#indexlive .btn-prev{left:8px;}
#indexlive .btn-next{right:8px}

@media (max-width:576px){
#indexlive .live-card{font-size:0.65rem}
}