html,body,#app{background:#000;height:100%;margin:0;padding:0}main.quba-page{width:100%;max-width:750px;height:100vh;color:#fff;background:#000;height:100dvh;margin:0 auto;position:relative;overflow:hidden}.stage{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.player{z-index:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.player video{object-fit:contain;width:100%;height:100%}.tap-layer{z-index:2;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.poster{z-index:1;pointer-events:none;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.poster-img{object-fit:contain;width:100%;height:100%}.play-btn{color:#fff;background:rgba(0,0,0,.25);border:2px solid rgba(255,255,255,.9);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.actions{z-index:3;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:calc(2vh + 70px);right:10px}.action{color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.5);flex-direction:column;align-items:center;margin-top:20px;display:flex}.action:first-child{margin-top:0}.action-clickable{cursor:pointer;pointer-events:auto}.action-icon{background-position:50%;background-size:cover;display:block}.icon-comment{background-image:url(https://nbtv.oss-cn-hangzhou.aliyuncs.com/nj_share/quba/icon_shakes_comment.png);width:36px;height:36px}.icon-praise{background-image:url(https://nbtv.oss-cn-hangzhou.aliyuncs.com/nj_share/quba/icon_shakes_like_normal.png);width:36px;height:30px}.icon-share{background-image:url(https://nbtv.oss-cn-hangzhou.aliyuncs.com/nj_share/quba/icon_shakes_share.png);width:32px;height:28px}.action-label{margin-top:2px;font-size:14px;line-height:1}.intro{z-index:3;pointer-events:none;width:min(250px,100% - 90px);position:absolute;bottom:calc(2vh + 70px);left:25px}.user-info{background:rgba(0,0,0,.5);border-radius:17.5px;align-items:center;max-width:100%;padding-right:10px;display:inline-flex}.avatar{pointer-events:auto;background-color:#333;background-position:50%;background-size:cover;border:1.5px solid #d8d8d8;border-radius:50%;flex:none;width:32.5px;height:32.5px}.nickname{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;max-width:175px;margin-left:7.5px;font-size:19px;overflow:hidden}.description{text-shadow:1px 1px 1px rgba(0,0,0,.5);width:100%;min-height:45px;margin:10px 0 0;font-size:16px;font-weight:400;line-height:1.4}.description-topic{margin-right:5px;font-weight:700}.empty{color:rgba(255,255,255,.7);justify-content:center;align-items:center;height:100%;font-size:16px;display:flex}main.quba-page .pag-footer{z-index:10;width:100%;max-width:750px;left:50%;transform:translate(-50%)}