.roomLive{width:100%;margin-top:.26667rem;position:relative}.roomLive .roomLive-animation,.roomLive .roomLive-video{width:100%;background:#000;border-radius:.16rem;overflow:hidden;box-shadow:0 .05333rem .26667rem rgba(0,0,0,.3)}.roomLive .roomLive-animation .roomLive-header,.roomLive .roomLive-video .roomLive-header{background:rgba(0,0,0,.8);padding:.16rem .26667rem;border-bottom:.01333rem solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center}.roomLive .roomLive-animation .roomLive-header h3,.roomLive .roomLive-video .roomLive-header h3{color:#fff;font-size:.21333rem;font-weight:600;margin:0;display:flex;align-items:center}.roomLive .roomLive-animation .roomLive-header h3:before,.roomLive .roomLive-video .roomLive-header h3:before{content:"";width:.10667rem;height:.10667rem;background:#ff4757;border-radius:50%;margin-right:.10667rem}.roomLive .roomLive-animation .roomLive-header .roomLive-status,.roomLive .roomLive-video .roomLive-header .roomLive-status{background:#ff4757;color:#fff;padding:.05333rem .10667rem;border-radius:.05333rem;font-size:.16rem;font-weight:600}.roomLive .roomLive-animation .roomLive-content,.roomLive .roomLive-video .roomLive-content{width:100%;height:9.33333rem;min-height:9.33333rem;position:relative}.roomLive .roomLive-animation .roomLive-content .video-js,.roomLive .roomLive-video .roomLive-content .video-js{width:100%;height:100%;margin:0 auto}.roomLive .roomLive-animation .roomLive-content .video-js .vjs-error-display,.roomLive .roomLive-video .roomLive-content .video-js .vjs-error-display{display:none}.roomLive .roomLive-animation .roomLive-content .video-js .vjs-control-bar,.roomLive .roomLive-video .roomLive-content .video-js .vjs-control-bar{font-size:2em}.roomLive .roomLive-animation .roomLive-content iframe,.roomLive .roomLive-video .roomLive-content iframe{width:100%;height:100%;margin:0 auto}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.7}}.roomLive-switcher{position:absolute;bottom:.26667rem;left:.26667rem;display:flex;gap:.10667rem;z-index:100}.roomLive-switcher .roomLive-switch-btn{background:rgba(0,0,0,.7);border:.01333rem solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.8);padding:.10667rem .21333rem;border-radius:.08rem;font-size:.16rem;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(.13333rem);text-transform:uppercase;letter-spacing:.00667rem}.roomLive-switcher .roomLive-switch-btn:hover{background:rgba(0,0,0,.8);border-color:hsla(0,0%,100%,.4);color:#fff;transform:translateY(-.01333rem)}.roomLive-switcher .roomLive-switch-btn.active{background:rgba(220,38,38,.9);border-color:#dc2626;color:#fff;box-shadow:0 0 .16rem rgba(220,38,38,.4)}.roomLive-switcher .roomLive-switch-btn.active:hover{background:#dc2626;transform:translateY(-.01333rem);box-shadow:0 .05333rem .21333rem rgba(220,38,38,.5)}@media(max-width:768px){.roomLive-switcher{bottom:.2rem;left:.2rem;gap:.08rem}.roomLive-switcher .roomLive-switch-btn{padding:.10667rem .18667rem;font-size:.18667rem}}@media(max-width:480px){.roomLive-switcher{bottom:.13333rem;left:.13333rem;gap:.05333rem}.roomLive-switcher .roomLive-switch-btn{padding:.08rem .16rem;font-size:.16rem}}@media(min-width:769px){.roomLive{margin-top:.4rem}.roomLive .roomLive-animation,.roomLive .roomLive-video{border-radius:.21333rem}.roomLive .roomLive-animation .roomLive-header,.roomLive .roomLive-video .roomLive-header{padding:.21333rem .32rem}.roomLive .roomLive-animation .roomLive-header h3,.roomLive .roomLive-video .roomLive-header h3{font-size:.24rem}.roomLive .roomLive-animation .roomLive-header h3:before,.roomLive .roomLive-video .roomLive-header h3:before{width:.13333rem;height:.13333rem;margin-right:.13333rem}.roomLive .roomLive-animation .roomLive-content,.roomLive .roomLive-video .roomLive-content{height:10rem;min-height:10rem}}@media(max-width:768px){.roomLive{margin-top:.2rem}.roomLive .roomLive-animation,.roomLive .roomLive-video{border-radius:.10667rem}.roomLive .roomLive-animation .roomLive-header,.roomLive .roomLive-video .roomLive-header{padding:.13333rem .21333rem}.roomLive .roomLive-animation .roomLive-header h3,.roomLive .roomLive-video .roomLive-header h3{font-size:.24rem}.roomLive .roomLive-animation .roomLive-header h3:before,.roomLive .roomLive-video .roomLive-header h3:before{width:.10667rem;height:.10667rem;margin-right:.10667rem}.roomLive .roomLive-animation .roomLive-header .roomLive-status,.roomLive .roomLive-video .roomLive-header .roomLive-status{padding:.05333rem .10667rem;font-size:.18667rem}.roomLive .roomLive-animation .roomLive-content,.roomLive .roomLive-video .roomLive-content{height:8rem;min-height:8rem}}@media(min-width:769px)and (max-width:1024px){.roomLive .roomLive-animation .roomLive-content,.roomLive .roomLive-video .roomLive-content{height:9.33333rem;min-height:9.33333rem}}@media(min-width:1025px){.roomLive .roomLive-animation .roomLive-content,.roomLive .roomLive-video .roomLive-content{height:10rem;min-height:10rem}}