.video-modal{align-items:center;background:#000000e6;display:flex;justify-content:center;inset:0;padding:.2rem;position:fixed;z-index:1000}.modal-content{background:#1a1a2e;border-radius:.12rem;max-width:800px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:.15rem .2rem}.modal-header h4{color:#fff;font-size:.16rem;margin:0}.close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.2rem;height:.32rem;justify-content:center;width:.32rem}.close-btn:hover{background:#fff3}.modal-body{align-items:center;aspect-ratio:16/9;background:#000;display:flex;justify-content:center}.modal-video{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.no-video-tip{color:#999;font-size:.14rem}.modal-footer{background:#16213e;padding:.15rem .2rem}.modal-balls{gap:.08rem}.modal-ball,.modal-balls{align-items:center;display:flex;justify-content:center}.modal-ball{border-radius:50%;color:#fff;font-size:.18rem;font-weight:700;height:.45rem;width:.45rem}.modal-ball.red{background:linear-gradient(135deg,#f44,#c00)}.modal-ball.blue{background:linear-gradient(135deg,#44f,#00c)}.modal-ball.green{background:linear-gradient(135deg,#4a4,#080)}.modal-balls .plus{color:#999;font-size:.24rem;margin:0 .05rem}