.title[data-v-71f74052]{height:48px;line-height:48px;text-align:center}.content[data-v-71f74052],.title[data-v-71f74052]{border-bottom:1px solid hsla(0,0%,100%,.12);border-bottom:1px solid var(--color-l12-d12)}.content[data-v-71f74052]{position:relative;padding:20px 30px}.content .row[data-v-71f74052]:not(:last-child){margin-bottom:30px}.content .row .row-wrap[data-v-71f74052]{margin-bottom:10px}.content .row label[data-v-71f74052]{width:65px;height:42px;color:#f3f7f6;color:var(--color-gray-1);font-size:14px;line-height:42px}.content .row label.recent[data-v-71f74052]{height:24px;color:#a8b3ae;color:var(--color-gray-2);font-size:12px}.content .row .form-comp[data-v-71f74052],.content .row .tags[data-v-71f74052]{width:380px}.content .row .tags .tag[data-v-71f74052]{padding:3px 10px;color:#a8b3ae;color:var(--color-gray-2);font-size:12px;background:rgba(168,179,174,.18);background:var(--color-l04-dgray2-018);border-radius:2px}.content .row .tags .tag[data-v-71f74052]:not(:last-child){margin-right:8px}.footer[data-v-71f74052]{padding:20px 30px}.footer .studio[data-v-71f74052]{color:#21b36c;color:var(--color-brand-regular);font-size:12px}.footer .studio[data-v-71f74052]:hover{color:#1aab77;color:var(--color-brand-hover)}.footer .studio .studio-icon[data-v-71f74052]{margin-right:4px;font-size:16px}
.info-select-option{width:100%;max-width:350px}.info-select-option .cover{display:block;width:24px;height:33px;margin-right:8px}.info-select-option .category-name{max-width:300px;color:#f3f7f6;color:var(--color-gray-1)}.info-select-option .check{width:16px}
.el-select{display:block!important}.el-select .el-input__suffix{color:#21b36c;color:var(--color-brand-regular)}.el-select .el-input:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.el-select .el-input.is-focus:after{-webkit-transform:scale(1);transform:scale(1);background-color:#21b36c;background-color:var(--color-brand-regular)}.el-select .el-input__inner{height:42px;padding-left:12px;border:none;border-radius:4px 4px 0 0;background-color:hsla(0,0%,100%,.06);background-color:var(--color-l04-d06);color:#f3f7f6;color:var(--color-gray-1)}.el-select-dropdown{max-width:493px;margin-top:8px!important;border:none!important;background-color:#282828!important;background-color:var(--color-bg-2)!important;box-shadow:0 0 8px 0 rgba(0,0,0,.3)!important;border-radius:3px!important}.el-select-dropdown .popper__arrow{display:none!important}.el-select-dropdown .el-select-dropdown__list{padding:4px 0}.el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:auto;min-height:50px!important;padding:0 15px;white-space:break-spaces;color:#f3f7f6;color:var(--color-gray-1)}.el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item.hover,.el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item.selected{background:hsla(0,0%,100%,.12);background:var(--color-l06-d12)}
.cast-btn[data-v-17d44910]{display:-webkit-flex!important;display:flex!important;-webkit-align-items:center;align-items:center;height:54px;margin-left:12px;padding:0 8px;color:#f3f7f6;color:var(--color-gray-1);background-color:hsla(0,0%,100%,.12);background-color:var(--color-cast-btn);border-radius:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cast-btn:not(.disabled).active[data-v-17d44910],.cast-btn:not(.disabled).active[data-v-17d44910]:active,.cast-btn:not(.disabled).active[data-v-17d44910]:hover,.cast-btn[data-v-17d44910]:not(.disabled):active,.cast-btn[data-v-17d44910]:not(.disabled):hover{background-color:#493681;background-color:var(--color-cast-btn-active)}.cast-btn.disabled[data-v-17d44910],.cast-btn[data-v-17d44910]:disabled{cursor:not-allowed;opacity:.4}.cast-btn .img-gift[data-v-17d44910]{position:relative;display:inline-block;width:32px;height:33px;background:50%/contain no-repeat url(https://static.trovo.live/cat/img/3652c0d.png?max_age=31536000)}.cast-btn .redpoint[data-v-17d44910]:after{position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:#df4545;border-radius:8px;content:""}.cast-btn.fade-in .img-gift[data-v-17d44910]:after{position:absolute;top:0;left:0;width:32px;height:32px;background:50%/contain no-repeat url(https://static.trovo.live/cat/img/87c8247.png?max_age=31536000);-webkit-animation:fadeIn-data-v-17d44910 .3s linear 2 forwards,fadeIn-data-v-17d44910 .3s linear 1.6s forwards;animation:fadeIn-data-v-17d44910 .3s linear 2 forwards,fadeIn-data-v-17d44910 .3s linear 1.6s forwards;content:""}.cast-btn.fade-in .add-num[data-v-17d44910]{display:block;opacity:0;-webkit-animation:turnDown-data-v-17d44910 .3s linear .6s forwards,turnOut-data-v-17d44910 .3s linear 1.6s forwards;animation:turnDown-data-v-17d44910 .3s linear .6s forwards,turnOut-data-v-17d44910 .3s linear 1.6s forwards}.cast-btn .add-num[data-v-17d44910]{position:absolute;bottom:100%;display:none;color:#12c3c7}.cast-btn .add-num[data-v-17d44910]:before{display:inline-block;width:16px;height:16px;margin-right:4px;vertical-align:bottom;background:50%/contain url(https://static.trovo.live/cat/img/e2374dd.png?max_age=31536000);content:""}.cast-btn .text[data-v-17d44910]{margin:0 4px}@-webkit-keyframes fadeIn-data-v-17d44910{0%,to{opacity:0}50%{opacity:1}}@keyframes fadeIn-data-v-17d44910{0%,to{opacity:0}50%{opacity:1}}@-webkit-keyframes turnDown-data-v-17d44910{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}to{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:1}}@keyframes turnDown-data-v-17d44910{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}to{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:1}}@-webkit-keyframes turnOut-data-v-17d44910{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:1}to{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}}@keyframes turnOut-data-v-17d44910{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:1}to{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}}
.activity-btn[data-v-00937f82]{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:150px;height:54px;margin-left:12px;padding:0 12px;overflow:hidden;color:#f3f7f6;color:var(--color-gray-1);font-weight:700;background-color:hsla(0,0%,100%,.12);background-color:var(--color-cast-btn);border-radius:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.activity-btn.has-award[data-v-00937f82]{overflow:visible}.activity-btn .activity-icon[data-v-00937f82]{width:30px;height:30px}.activity-btn .text[data-v-00937f82]{min-width:61px;margin:0 4px;text-align:left}.activity-btn .progress[data-v-00937f82]{position:absolute;bottom:0;left:0;height:2px}.activity-btn .lv[data-v-00937f82]{position:absolute;top:0;right:0;height:16px;padding:0 4px;overflow:hidden;color:#fff;color:var(--color-white);font-size:12px;line-height:16px;white-space:nowrap;background-color:hsla(0,0%,43.1%,.3);background-color:var(--color-activity-lv);border-radius:0 4px}.activity-btn .lv .lv-inner[data-v-00937f82]{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.activity-btn .lv .lv-inner.scroll-in[data-v-00937f82]{-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}.activity-btn .activity-effect[data-v-00937f82]{position:absolute;top:-72px;left:-232px;z-index:1107;width:500px;height:410px;pointer-events:none}
.act-btn[data-v-66c9b642]{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:54px;height:54px;margin-left:12px;color:#fff;color:var(--color-white);font-size:12px;text-align:center;background:hsla(0,0%,100%,.12);background:var(--color-l12-d12);border-radius:4px;cursor:pointer}
.activity-btn-container[data-v-19ea5f40]{position:relative;width:54px;height:54px;margin-right:12px}.activity-btn-container .activity-btn[data-v-19ea5f40]{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:54px;height:54px;overflow:hidden;background:hsla(0,0%,100%,.1);background:var(--color-l10-d10);border-radius:4px;cursor:pointer}.activity-btn-container .activity-btn.active[data-v-19ea5f40],.activity-btn-container .activity-btn[data-v-19ea5f40]:active,.activity-btn-container .activity-btn[data-v-19ea5f40]:hover{background:#a4dccf}.activity-btn-container .activity-btn .icon[data-v-19ea5f40]{position:absolute;top:50%;left:50%;width:30px;height:30px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.activity-btn-container .activity-btn .bar[data-v-19ea5f40]{position:absolute;bottom:0;left:0;width:100%;height:1.5px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left bottom;transform-origin:left bottom;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.activity-btn-container .activity-effect[data-v-19ea5f40]{position:absolute;top:-72px;left:-232px;z-index:1107;width:500px;height:410px;pointer-events:none}.base-dark-mode[data-v-19ea5f40],.vcp-fullscreen[data-v-19ea5f40],.vcp-webfullscreen[data-v-19ea5f40]{background:hsla(0,0%,100%,.12);background:var(--color-l12-d12)}.base-dark-mode .activity-btn.active[data-v-19ea5f40],.base-dark-mode .activity-btn[data-v-19ea5f40]:active,.base-dark-mode .activity-btn[data-v-19ea5f40]:hover,.vcp-fullscreen .activity-btn.active[data-v-19ea5f40],.vcp-fullscreen .activity-btn[data-v-19ea5f40]:active,.vcp-fullscreen .activity-btn[data-v-19ea5f40]:hover,.vcp-webfullscreen .activity-btn.active[data-v-19ea5f40],.vcp-webfullscreen .activity-btn[data-v-19ea5f40]:active,.vcp-webfullscreen .activity-btn[data-v-19ea5f40]:hover{background:#306e60}.buff-anim[data-v-19ea5f40]{position:absolute;bottom:0;left:50%;z-index:100;line-height:1.4em;white-space:nowrap;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;-webkit-animation-name:buff-data-v-19ea5f40;animation-name:buff-data-v-19ea5f40;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.buff-anim .p1[data-v-19ea5f40]{font-weight:600;font-size:16px}.buff-anim .p2[data-v-19ea5f40]{font-weight:700;font-size:30px}.buff-anim .p1[data-v-19ea5f40],.buff-anim .p2[data-v-19ea5f40]{color:#ffb400;background:-webkit-linear-gradient(90deg,#ffb400,#fcff00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@-webkit-keyframes buff-data-v-19ea5f40{0%{bottom:0;opacity:0}25%{bottom:55px;opacity:1}75%{bottom:55px;opacity:1}to{bottom:100px;opacity:0}}@keyframes buff-data-v-19ea5f40{0%{bottom:0;opacity:0}25%{bottom:55px;opacity:1}75%{bottom:55px;opacity:1}to{bottom:100px;opacity:0}}
.activity-panel[data-v-a77d73ae]{position:absolute;right:145px;bottom:100%;z-index:1106;width:200px;height:250px;overflow:hidden;color:#fff;color:var(--color-white);font-size:16px;border-radius:2px}.activity-panel .banner[data-v-a77d73ae]{width:100%;height:120px}.activity-panel .content[data-v-a77d73ae]{margin:0 12px}.activity-panel .nickname[data-v-a77d73ae]{margin-left:6px}.activity-panel .lv[data-v-a77d73ae]{height:20px;margin-left:4px;padding:0 6px;overflow:hidden;font-weight:700;font-size:14px;line-height:20px;white-space:nowrap;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.activity-panel .lv .lv-inner[data-v-a77d73ae]{display:inline-block;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.activity-panel .lv .lv-inner.scroll-in[data-v-a77d73ae]{-webkit-transform:translateY(0);transform:translateY(0)}.activity-panel .rank[data-v-a77d73ae]{height:20px;margin-left:4px;padding:0 2px;font-weight:700;font-size:14px;line-height:20px;white-space:nowrap;border-radius:2px}.activity-panel .more-btn[data-v-a77d73ae],.activity-panel .rank[data-v-a77d73ae]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.activity-panel .more-btn[data-v-a77d73ae]{width:100%;height:32px;color:#fff;color:var(--color-white);line-height:32px;text-align:center;border-radius:4px;cursor:pointer}.activity-panel .icon-arrow[data-v-a77d73ae]{margin-left:2px}.activity-panel .current-spell[data-v-a77d73ae]{font-weight:700}
.interact-btn[data-v-5d8821f4]{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:54px;height:54px;margin-left:12px;overflow:hidden;color:#fff;color:var(--color-white);font-size:12px;text-align:center;background:hsla(0,0%,100%,.12);background:var(--color-l10-d12);border-radius:4px;cursor:pointer}.interact-btn.active[data-v-5d8821f4],.interact-btn[data-v-5d8821f4]:active,.interact-btn[data-v-5d8821f4]:hover{background:var(--color-activity-bg-active)}.interact-btn.active .status[data-v-5d8821f4]:not(.win),.interact-btn:active .status[data-v-5d8821f4]:not(.win),.interact-btn:hover .status[data-v-5d8821f4]:not(.win){color:var(--color-activity-status-active);background:var(--color-activity-status-bg-active)}.interact-icon[data-v-5d8821f4]{width:30px;height:30px}.status[data-v-5d8821f4]{position:absolute;right:3px;bottom:4px;left:3px;height:14px;color:var(--color-activity-status);background:var(--color-activity-status-bg);border-radius:2px}.status.win[data-v-5d8821f4]{color:#fff;background:var(--color-activity-status-bg-win)}.bar[data-v-5d8821f4]{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#fe8000;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left bottom;transform-origin:left bottom;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.green-point[data-v-5d8821f4]{position:absolute;top:5px;right:5px;width:6px;height:6px;background:#19d66b;border-radius:6px}
.interact-btn[data-v-307908dc]{position:relative;width:110px;height:110px;padding:14px;font-size:12px;border-radius:3px;cursor:pointer}.interact-btn[data-v-307908dc]:hover{background:hsla(0,0%,100%,.12)}.icon-wrap[data-v-307908dc]{position:relative;width:60px;height:60px;margin:auto}.icon-wrap .interact-icon[data-v-307908dc]{width:100%;height:100%}.icon-wrap .face-icon[data-v-307908dc]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.act-name[data-v-307908dc]{margin-top:4px;color:#f3f7f6;text-align:center;word-break:break-all}.status[data-v-307908dc]{position:absolute;bottom:6px;left:50%;height:14px;padding:0 4px;color:#fff;background:rgba(0,140,117,.8);border-radius:2px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.status.win[data-v-307908dc]{color:#fff;background:rgba(211,140,0,.8)}.status.miss[data-v-307908dc]{background:rgba(94,102,102,.8)}.green-point[data-v-307908dc]{position:absolute;top:14px;right:14px;width:6px;height:6px;background:#19d66b;border-radius:6px}
.act-btn[data-v-1681a2b9]{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:54px;height:54px;margin-left:12px;color:#fff;color:var(--color-white);font-size:12px;text-align:center;background:hsla(0,0%,100%,.12);background:var(--color-l12-d12);border-radius:4px;cursor:pointer}.act-btn.active[data-v-1681a2b9],.act-btn[data-v-1681a2b9]:active,.act-btn[data-v-1681a2b9]:hover{background:var(--color-l20-d24)}.act-btn .entry-icon[data-v-1681a2b9]{width:30px;height:30px}.list-wrap[data-v-1681a2b9]{position:absolute!important;right:0;bottom:100%;z-index:1000;max-width:456px;padding:8px 0;background:rgba(31,31,31,.8);border:1px solid hsla(0,0%,100%,.12);box-shadow:0 4px 7px 0 rgba(0,0,0,.18)}.list[data-v-1681a2b9]{max-height:280px;padding:0 2px 0 8px}.green-point[data-v-1681a2b9]{position:absolute;top:5px;right:5px;width:6px;height:6px;background:#19d66b;border-radius:6px}
.halloween-entry[data-v-4b939606]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:32px;margin:10px 14px 0;padding:0 10px;color:#fff;font-size:14px;background:hsla(0,0%,100%,.12);border-radius:3px;cursor:pointer}.halloween-entry[data-v-4b939606]:hover:not(:active){background:hsla(0,0%,100%,.2)}.halloween-entry .inline-fig[data-v-4b939606]{display:inline-block;width:16px;height:16px;margin:0 4px;vertical-align:middle}
.gift-box-toast[data-v-6649200d]{position:absolute;top:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:6px 12px;background:#fafafa;border:1px solid #fff;border-radius:3px;font-size:12px;font-weight:700;color:#0e131f;opacity:0;transition:opacity .5s ease-in-out;pointer-events:none;white-space:nowrap}.gift-box-toast.active[data-v-6649200d]{opacity:1}
.gift-panel-wrap[data-v-e2c39d28]{position:fixed;z-index:1021;padding-bottom:40px;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.gift-panel-wrap.left[data-v-e2c39d28]{padding-right:40px;-webkit-transform:translate(-20px,-100%);transform:translate(-20px,-100%)}.gift-panel-wrap.left[data-v-e2c39d28]:after{top:50%;right:-16px;left:auto;border:9px solid transparent;border-left-color:#282828;-webkit-transform:translate(-40px,calc(-50% - 20px));transform:translate(-40px,calc(-50% - 20px))}.gift-panel-wrap[data-v-e2c39d28]:before{position:absolute;top:-40px;width:100%;height:40px;content:""}.gift-panel-wrap[data-v-e2c39d28]:after{position:absolute;bottom:0;left:50%;width:0;height:0;border-top:9px solid #282828;border-right:9px solid transparent;border-left:9px solid transparent;-webkit-transform:translate(-50%,-32px);transform:translate(-50%,-32px);content:""}.gift-panel-wrap .panel-inner[data-v-e2c39d28]{width:220px;position:relative;overflow:hidden;background:#282828;border-radius:3px;box-shadow:0 4px 7px 0 rgba(0,0,0,.18)}.gift-panel-wrap .panel-inner .gift-name[data-v-e2c39d28]{margin-bottom:6px;font-size:16px}.gift-panel-wrap .panel-inner .gift-desc+.gift-desc[data-v-e2c39d28]{margin-top:3px}
.hover-panel .content[data-v-5123dfd4]{padding:10px}.hover-panel .content.show-detail[data-v-5123dfd4]{position:relative;height:140px}.hover-panel .content .expire-list[data-v-5123dfd4]{position:absolute;z-index:1;top:0;left:0;width:100%;padding:0 10px;background:#282828;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.hover-panel .content .expire-list.active[data-v-5123dfd4]{-webkit-transform:translateX(0);transform:translateX(0)}.hover-panel .content .panel-img[data-v-5123dfd4]{width:60px;height:60px;margin-right:10px}.hover-panel .content .info[data-v-5123dfd4]{-webkit-flex:1;flex:1;overflow:hidden}.hover-panel .content .info .goods-name[data-v-5123dfd4]{font-size:16px;font-weight:700;color:#f3f7f6}.hover-panel .content .info .num[data-v-5123dfd4],.hover-panel .content .info .price[data-v-5123dfd4]{font-size:14px;color:#a8b3ae}.hover-panel .content .info .price[data-v-5123dfd4]{margin:14px 0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.hover-panel .content .info .price p[data-v-5123dfd4]{white-space:nowrap}.hover-panel .content .info .goods-num[data-v-5123dfd4]{color:#f3f7f6;font-size:12px}.hover-panel .content .info .money[data-v-5123dfd4]{max-width:55%}.hover-panel .content .info .gap[data-v-5123dfd4]{padding:0 2px}.hover-panel .content .info .gift-desc[data-v-5123dfd4]{margin-bottom:14px;color:#a8b3ae;font-size:14px}.hover-panel .content footer[data-v-5123dfd4]{position:relative;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;padding-top:10px;border-top:1px solid hsla(0,0%,100%,.08);font-size:12px;line-height:14px;color:#a8b3ae;cursor:pointer}.hover-panel .content footer[data-v-5123dfd4]:hover{color:#f3f7f6}.hover-panel .content footer i[data-v-5123dfd4]:not(:first-child){-webkit-flex-shrink:0;flex-shrink:0}.hover-panel .content footer .pr2[data-v-5123dfd4]{padding-right:2px}.hover-panel .content header[data-v-5123dfd4]{display:-webkit-flex;display:flex;height:40px;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;font-size:14px;color:#a8b3ae;color:var(--color-gray-2);border-bottom:1px solid hsla(0,0%,100%,.08)}.hover-panel .content header .num[data-v-5123dfd4]{padding-left:8px;max-width:calc(100% - 28px)}.hover-panel .content .bar[data-v-5123dfd4]{height:100px}.hover-panel .content .detail[data-v-5123dfd4]{height:100px;font-size:12px;color:#a8b3ae}.hover-panel .content .detail .title[data-v-5123dfd4]{padding:8px 0}.hover-panel .content .detail ul[data-v-5123dfd4]{padding-bottom:8px}.hover-panel .content .detail li[data-v-5123dfd4]{padding-left:12px;padding-bottom:2px;position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.hover-panel .content .detail li i[data-v-5123dfd4]:first-child{padding:0 3px}.hover-panel .content .detail li p[data-v-5123dfd4]:first-child{-webkit-flex-shrink:0;flex-shrink:0}.hover-panel .content .detail li p[data-v-5123dfd4]:first-child:before{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;content:"";width:3px;height:3px;border-radius:50%;display:inline-block;background:#5e6666}.hover-panel .content .detail li[data-v-5123dfd4]:after,.hover-panel .content .detail li[data-v-5123dfd4]:before{position:absolute;left:1px;content:"";display:inline-block;width:1px;height:calc(50% - 3px);background:#5e6666}.hover-panel .content .detail li[data-v-5123dfd4]:before{top:-3px;height:50%}.hover-panel .content .detail li[data-v-5123dfd4]:after{top:calc(50% + 3px)}.hover-panel .content .detail li[data-v-5123dfd4]:first-child:before,.hover-panel .content .detail li[data-v-5123dfd4]:last-child:after{height:0}.hover-panel .content .detail li .num[data-v-5123dfd4]{padding-left:8px}.hover-panel .content .detail li.nline[data-v-5123dfd4]:after,.hover-panel .content .detail li.nline[data-v-5123dfd4]:before{height:0;width:0}.hover-panel .content .back[data-v-5123dfd4]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;cursor:pointer}.hover-panel .content .back[data-v-5123dfd4]:hover{color:#f3f7f6}.hover-panel .content .arrow[data-v-5123dfd4]{display:inline-block;width:14px;height:14px}.hover-panel .content .arrow.left[data-v-5123dfd4]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hover-panel .content i.strong[data-v-5123dfd4]{color:#df4545;color:var(--color-red)}
.icon-add[data-v-8b952800]:after,.icon-elixir[data-v-8b952800]:before,.icon-mana-big[data-v-8b952800]:before,.icon-mana[data-v-8b952800]:after,.icon-mana[data-v-8b952800]:before{display:inline-block;-webkit-flex:none;flex:none;width:16px;height:16px;margin-right:4px;background:50%/contain no-repeat;content:""}.icon-mana-big[data-v-8b952800]:before,.icon-mana[data-v-8b952800]:before,.mana-in .icon-mana[data-v-8b952800]:after{background-image:url(https://static.trovo.live/cat/img/e2374dd.png?max_age=31536000)}.icon-elixir[data-v-8b952800]:before{background-image:url(https://static.trovo.live/cat/img/90a0dee.png?max_age=31536000)}
.gift-item[data-v-8b952800]{position:relative;display:inline-block;width:25%;height:126px;font-size:12px;vertical-align:top}.gift-item.active .gift-hover[data-v-8b952800],.gift-item:hover .gift-hover[data-v-8b952800]{position:absolute;top:-8px;z-index:1;height:148px;background:hsla(0,0%,100%,.12);background:var(--color-l10-d12);border-radius:3px}.gift-item.active .gift-cast[data-v-8b952800],.gift-item:hover .gift-cast[data-v-8b952800]{display:block}.gift-item.active .effect[data-v-8b952800],.gift-item:hover .effect[data-v-8b952800]{width:90px;height:90px;margin-top:-12px}.gift-item.active .effect.user-face[data-v-8b952800],.gift-item:hover .effect.user-face[data-v-8b952800]{-webkit-transform:scale(1);transform:scale(1)}.gift-item.active .gift-price[data-v-8b952800],.gift-item:hover .gift-price[data-v-8b952800]{font-size:12px}.gift-item .gift-hover[data-v-8b952800]{display:-webkit-flex;display:flex;-webkit-flex-flow:column wrap;flex-flow:column wrap;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:100%;height:100%}.gift-item .effect[data-v-8b952800]{position:relative;width:60px;height:60px;cursor:pointer}.gift-item .effect.user-face[data-v-8b952800]{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-transform:scale(.677);transform:scale(.677)}.gift-item .gift-img[data-v-8b952800]{width:100%;height:100%}.gift-item .badge[data-v-8b952800]{position:absolute;top:0;right:0;width:16px;height:16px}.gift-item .gift-name[data-v-8b952800]{max-width:100%;text-align:center;color:#fff;color:var(--color-white)}.gift-item .gift-price[data-v-8b952800]{max-width:calc(100% - 10px);white-space:nowrap;font-size:14px;color:hsla(0,0%,100%,.5)}.gift-item .gift-cast[data-v-8b952800]{display:none;position:relative;width:100%;height:32px;margin-top:2px;font-size:14px;line-height:32px;border-radius:0 0 3px 3px}.gift-item .gift-cast[data-v-8b952800]:not(.decoration):after{content:"x1";position:absolute;right:0;top:0;width:23px;height:12px;line-height:1;font-size:12px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;background:#2a9963;border-radius:0 3px 0 3px}
.panel-content[data-v-2aedd7eb]{padding:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.panel-content .gift-name[data-v-2aedd7eb]{color:#f3f7f6;margin-bottom:6px;font-size:16px}.panel-content .gift-desc[data-v-2aedd7eb]{color:#a8b3ae;font-size:14px}
.icon-add[data-v-11858770]:after,.icon-elixir[data-v-11858770]:before,.icon-mana-big[data-v-11858770]:before,.icon-mana[data-v-11858770]:after,.icon-mana[data-v-11858770]:before{display:inline-block;-webkit-flex:none;flex:none;width:16px;height:16px;margin-right:4px;background:50%/contain no-repeat;content:""}.icon-mana-big[data-v-11858770]:before,.icon-mana[data-v-11858770]:before,.mana-in .icon-mana[data-v-11858770]:after{background-image:url(https://static.trovo.live/cat/img/e2374dd.png?max_age=31536000)}.icon-elixir[data-v-11858770]:before{background-image:url(https://static.trovo.live/cat/img/90a0dee.png?max_age=31536000)}
.gift-item[data-v-11858770]{position:relative;display:inline-block;width:25%;height:126px;font-size:12px;vertical-align:top;cursor:pointer}.gift-item .gift-hover[data-v-11858770]{display:-webkit-flex;display:flex;-webkit-flex-flow:column wrap;flex-flow:column wrap;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:100%;height:100%}.gift-item.active .gift-hover[data-v-11858770],.gift-item:hover .gift-hover[data-v-11858770]{position:absolute;top:-8px;z-index:1;height:148px;background:hsla(0,0%,100%,.12);background:var(--color-l10-d12);border-radius:3px}.gift-item.active .gift-cast[data-v-11858770],.gift-item:hover .gift-cast[data-v-11858770]{display:block}.gift-item.active .effect[data-v-11858770],.gift-item:hover .effect[data-v-11858770]{width:90px;height:90px;margin-top:-12px}.gift-item .effect[data-v-11858770]{position:relative;width:60px;height:60px}.gift-item .gift-img[data-v-11858770]{width:100%;height:100%}.gift-item .badge[data-v-11858770]{position:absolute;top:0;right:0;width:16px;height:16px}.gift-item .gift-name[data-v-11858770]{color:#fff;color:var(--color-white)}.gift-item .gift-price[data-v-11858770]{color:hsla(0,0%,100%,.5)}.gift-item .gift-cast[data-v-11858770]{display:none;width:100%;height:32px;margin-top:2px;font-size:14px;line-height:32px;border-radius:0 0 3px 3px}
.tab[data-v-363f6116]{margin-left:14px;margin-bottom:5px;padding:3px;height:40px;border-radius:2px}.tab[data-v-363f6116],.tab-item[data-v-363f6116]{position:relative;display:-webkit-flex;display:flex}.tab-item[data-v-363f6116]{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-weight:700;font-size:14px;line-height:21px;transition:color .1s;white-space:nowrap;color:#fff;cursor:pointer}.tab-item[data-v-363f6116]:hover:not(.active){color:#19d66b;color:var(--color-brand-key)}.tab-item.right[data-v-363f6116]{padding-left:20px}.gift-type[data-v-363f6116]{height:42px;margin-right:20px;color:#fff;color:var(--color-white);font-size:16px;line-height:42px;cursor:pointer}.gift-type.active[data-v-363f6116]{font-weight:700;border-bottom:2px solid #19d66b;border-bottom:2px solid var(--color-brand-key)}.gift-type.active[data-v-363f6116],.tab-item.active[data-v-363f6116]{color:#19d66b;color:var(--color-brand-key)}.icon-sort[data-v-363f6116]{position:relative;top:0;left:3px;width:12px;height:12px;-webkit-flex-shrink:0;flex-shrink:0}.icon-sort.active[data-v-363f6116]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tooltip[data-v-363f6116]{margin-top:10px;min-width:150px;-webkit-flex-direction:column;flex-direction:column;background:#282828;box-shadow:0 4px 7px 0 rgba(0,0,0,.3);border-radius:2px;font-size:14px}.tooltip[data-v-363f6116],.tooltip li[data-v-363f6116]{display:-webkit-flex;display:flex}.tooltip li[data-v-363f6116]{padding-left:16px;height:32px;-webkit-align-items:center;align-items:center;color:#fff;cursor:pointer}.tooltip li[data-v-363f6116]:hover{background:hsla(0,0%,100%,.12)}.tooltip li.active[data-v-363f6116],.tooltip li[data-v-363f6116]:active{color:#19d66b;color:var(--color-brand-key)}
.gift-box[data-v-c72bed1e]{position:absolute;right:5px;bottom:calc(100% + 5px);z-index:1106;width:412px;height:400px;max-height:calc(100vh - 200px);overflow:visible;line-height:1.5;background-color:rgba(31,31,31,.9);background-color:var(--color-gift-box-bg);border:1px solid hsla(0,0%,100%,.12);border-radius:3px 3px 0 0;box-shadow:0 2px 10px 0 rgba(0,0,0,.4);box-shadow:0 2px 10px 0 var(--color-transparent-shadow)}.gift-box .footer[data-v-c72bed1e]{position:relative;height:50px;padding:0 20px;border-top:1px solid hsla(0,0%,100%,.12);border-top:1px solid var(--color-l10-d12)}.gift-box .currency-btn[data-v-c72bed1e]{position:relative;min-width:70px;height:24px;padding:0 8px 0 6px;color:#fff;color:var(--color-white);font-size:14px;background:rgba(0,0,0,.5);border-radius:12px;cursor:pointer}.gift-box .currency-btn[data-v-c72bed1e]:active:after,.gift-box .currency-btn[data-v-c72bed1e]:hover:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;content:""}.gift-box .currency-btn[data-v-c72bed1e]:hover{background:#4c4c4c}.gift-box .currency-btn[data-v-c72bed1e]:active{background:rgba(0,0,0,.5)}.gift-box .currency-btn .num[data-v-c72bed1e]{position:relative;z-index:1;height:100%}.gift-box .progress[data-v-c72bed1e]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:12px}.gift-box .progress .progress-bg[data-v-c72bed1e]{height:100%;background-color:#25514c}.gift-box .icon-add[data-v-c72bed1e]{height:16px}.gift-box .icon-add[data-v-c72bed1e]:after{width:22px;height:16px;margin:0 -4px 0 4px;background-image:url(https://static.trovo.live/cat/img/0510c30.png?max_age=31536000)}.gift-box .icon-mana[data-v-c72bed1e]:after{position:absolute;left:0;z-index:2;opacity:0}.gift-box .mana-in .progress-bg[data-v-c72bed1e]{-webkit-animation:progressBgIn-data-v-c72bed1e .3s linear forwards;animation:progressBgIn-data-v-c72bed1e .3s linear forwards}.gift-box .mana-in .icon-mana[data-v-c72bed1e]:after{bottom:100%;-webkit-animation:iconFadeIn-data-v-c72bed1e .2s linear .3s forwards,iconDown-data-v-c72bed1e .4s linear .7s forwards;animation:iconFadeIn-data-v-c72bed1e .2s linear .3s forwards,iconDown-data-v-c72bed1e .4s linear .7s forwards;background-image:url(https://static.trovo.live/cat/img/e2374dd.png?max_age=31536000)}.gift-box .gift-list[data-v-c72bed1e]{padding-top:20px;overflow-y:auto}.gift-box[data-v-c72bed1e] ::-webkit-scrollbar-thumb{background-color:rgba(111,113,133,.3);border-radius:3px}.gift-box[data-v-c72bed1e] .vb.vb-scrolling-phantom>.vb-dragger>.vb-dragger-styler{background-color:rgba(111,113,133,.3)}.mana-tips[data-v-c72bed1e]{position:absolute;bottom:100%;left:-90px;z-index:1012;min-width:300px;height:56px;padding-right:25px;font-size:12px;background:rgba(31,31,31,.9);background:var(--color-gift-box-bg);border:1px solid #000;border-radius:3px;box-shadow:0 2px 10px 0 rgba(0,0,0,.4);box-shadow:0 2px 10px 0 var(--color-transparent-shadow)}.mana-tips .icon-mana-big[data-v-c72bed1e]{position:relative;height:24px;margin-right:12px;border-right:1px solid #3e4046}.mana-tips .icon-mana-big[data-v-c72bed1e]:before{width:24px;height:24px;margin:0 16px}.mana-tips .icon-mana-big .mana-50[data-v-c72bed1e]{position:absolute;top:-1px;right:4px;width:22px;height:16px;color:#fff;font-size:12px;line-height:16px;text-align:center;background-color:rgba(4,131,117,.8);border-radius:8px}.mana-tips .icon-close[data-v-c72bed1e]{position:absolute;top:6px;right:6px;cursor:pointer;fill:hsla(0,0%,100%,.5)}.mana-tips .text[data-v-c72bed1e]{color:#fff}.mana-tips .sub-text[data-v-c72bed1e]{color:hsla(0,0%,100%,.3)}.lurk-tips[data-v-c72bed1e]{position:relative;margin-top:20px;padding:12px 20px;color:#a8b3ae;color:var(--color-gray-2);font-size:12px}.lurk-tips[data-v-c72bed1e]:before{position:absolute;top:0;right:20px;left:20px;border-top:1px solid hsla(0,0%,100%,.12);content:""}.lurk-tips .lurk-img[data-v-c72bed1e]{width:40px;height:40px;margin-right:12px}.bag-empty[data-v-c72bed1e] .gray-text{color:#fff}.bag-empty[data-v-c72bed1e] .cat-button.default{margin-top:10px;color:#f3f7f6;background-color:hsla(0,0%,100%,.12)}.bag-empty[data-v-c72bed1e] .cat-button.default:hover:not(:disabled):not(.disabled){background-color:hsla(0,0%,100%,.18)}@-webkit-keyframes progressBgIn-data-v-c72bed1e{0%{opacity:1}to{width:100%;opacity:0}}@keyframes progressBgIn-data-v-c72bed1e{0%{opacity:1}to{width:100%;opacity:0}}@-webkit-keyframes iconFadeIn-data-v-c72bed1e{0%{opacity:0}to{opacity:1}}@keyframes iconFadeIn-data-v-c72bed1e{0%{opacity:0}to{opacity:1}}@-webkit-keyframes iconDown-data-v-c72bed1e{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}}@keyframes iconDown-data-v-c72bed1e{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}}
.icon-add[data-v-c72bed1e]:after,.icon-elixir[data-v-c72bed1e]:before,.icon-mana-big[data-v-c72bed1e]:before,.icon-mana[data-v-c72bed1e]:after,.icon-mana[data-v-c72bed1e]:before{display:inline-block;-webkit-flex:none;flex:none;width:16px;height:16px;margin-right:4px;background:50%/contain no-repeat;content:""}.icon-mana-big[data-v-c72bed1e]:before,.icon-mana[data-v-c72bed1e]:before,.mana-in .icon-mana[data-v-c72bed1e]:after{background-image:url(https://static.trovo.live/cat/img/e2374dd.png?max_age=31536000)}.icon-elixir[data-v-c72bed1e]:before{background-image:url(https://static.trovo.live/cat/img/90a0dee.png?max_age=31536000)}
.li-wrap[data-v-3f20d2d7]{position:relative;height:70px;padding:0 14px;background-color:var(--color-live-bg);border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--color-base-border)}.vcp-fullscreen .li-wrap[data-v-3f20d2d7]{position:absolute;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.6);border:none}.li-wrap .title[data-v-3f20d2d7]{max-width:90%;margin-right:4px;color:#f3f7f6;color:var(--color-gray-1);font-weight:700;font-size:16px;cursor:default}.li-wrap .title .goto-icon[data-v-3f20d2d7]{display:inline-block;color:#f3f7f6;color:var(--color-gray-1);vertical-align:middle}.li-wrap .edit-info-icon[data-v-3f20d2d7]{position:relative}.li-wrap .edit-info-icon .dot[data-v-3f20d2d7]{position:absolute;top:2px;right:0;width:4px;height:4px;background-color:#df4545;background-color:var(--color-red);border-radius:50%}.li-wrap .edit-info-icon .icon[data-v-3f20d2d7]{width:24px;height:24px;padding:2px;color:#a8b3ae;color:var(--color-gray-2);border-radius:50%}.li-wrap .edit-info-icon .icon[data-v-3f20d2d7]:hover{background-color:hsla(0,0%,100%,.18);background-color:var(--color-l14-d18)}.li-wrap .viewer[data-v-3f20d2d7]{margin-right:12px;color:#a8b3ae;color:var(--color-gray-2);font-size:14px}.li-wrap .tags .tag[data-v-3f20d2d7]{height:22px;padding:2px 4px;color:#f3f7f6;color:var(--color-gray-1);font-size:12px;background-color:hsla(0,0%,100%,.1);background-color:var(--color-l10-d10);border-radius:2px}.li-wrap .tags .tag[data-v-3f20d2d7]:not(:last-child),.li-wrap .views[data-v-3f20d2d7]{margin-right:10px}.li-wrap .eighteen-plus[data-v-3f20d2d7]{padding:2px 7px;font-size:12px;background-color:hsla(0,0%,100%,.06);background-color:var(--color-l04-d06);border-radius:4px}@media (-ms-high-contrast:none){.vcp-fullscreen .li-wrap .title[data-v-3f20d2d7],.vcp-fullscreen .li-wrap .viewer[data-v-3f20d2d7],[data-v-3f20d2d7]::-ms-backdrop{color:#fff}}.info-wrap[data-v-3f20d2d7]{-webkit-justify-content:space-between;justify-content:space-between}.info-wrap[data-v-3f20d2d7],.streamer-wrap[data-v-3f20d2d7]{display:-webkit-flex;display:flex}.streamer-wrap[data-v-3f20d2d7]{-webkit-flex:1;flex:1;width:0}.streamer-wrap .avatar[data-v-3f20d2d7]{width:48px;height:48px;margin-right:12px;border-radius:50%}.streamer-wrap .avatar[data-v-3f20d2d7] .online{fill:#df4545}.streamer-wrap .streamer-box[data-v-3f20d2d7]{-webkit-flex:1;flex:1;width:0;max-width:80%}.streamer-wrap .streamer-name[data-v-3f20d2d7]{width:100%;color:#f3f7f6;color:var(--color-gray-1);font-weight:700;font-size:18px;line-height:27px;cursor:default}.streamer-wrap .feature-link[data-v-3f20d2d7]{display:inline-block;width:auto;max-width:100%;color:#21b36c;color:var(--color-brand-regular);font-size:14px}.streamer-wrap .offline[data-v-3f20d2d7]{width:56px;height:20px;color:var(--color-offline-tag);font-size:12px;line-height:16px;text-align:center;background:var(--color-offline-tag-bg);border:2px solid var(--color-offline-tag-border)}.feature-wrap[data-v-3f20d2d7]{display:-webkit-flex;display:flex;-webkit-flex-shrink:0;flex-shrink:0;-webkit-align-items:center;align-items:center}.feature-wrap[data-v-3f20d2d7]>:not(:last-child){margin-right:14px}.feature-wrap>.cat-dropdown[data-v-3f20d2d7],.feature-wrap>svg[data-v-3f20d2d7]:not(:last-child){margin-right:8px}.feature-wrap .vertical-bar[data-v-3f20d2d7]{width:1px;height:12px;margin:0 8px;background-color:currentColor}.feature-wrap .cat-f-btn[data-v-3f20d2d7]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:0 12px}.feature-wrap .cat-f-btn .back[data-v-3f20d2d7]{display:none}.feature-wrap .cat-f-btn>svg[data-v-3f20d2d7]{font-size:20px}.feature-wrap .cat-f-btn .front[data-v-3f20d2d7]{display:inline-block}.feature-wrap .cat-f-btn.followed .back[data-v-3f20d2d7],.feature-wrap .cat-f-btn.followed .front[data-v-3f20d2d7]{width:64px}.feature-wrap .cat-f-btn.followed:hover .front[data-v-3f20d2d7]{display:none}.feature-wrap .cat-f-btn.followed:hover .back[data-v-3f20d2d7]{display:inline-block}.feature-wrap .notify-wrap[data-v-3f20d2d7] svg{margin-right:0}.feature-wrap .notify-wrap .back[data-v-3f20d2d7]{display:none;margin-left:0!important}.feature-wrap .notify-wrap:hover .front[data-v-3f20d2d7]{display:none}.feature-wrap .notify-wrap:hover .back[data-v-3f20d2d7]{display:block}.link[data-v-3f20d2d7]{color:#21b36c;color:var(--color-brand-regular)}.link[data-v-3f20d2d7]:hover{color:#1aab77;color:var(--color-brand-hover)}
.at-tip[data-v-834b49d0]{position:fixed;top:142px;right:0;z-index:1000;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;height:48px;padding-right:16px;padding-left:5px;color:#2a9963;color:var(--color-brand-dark);font-weight:700;font-size:16px;white-space:nowrap;background-color:#282828;background-color:var(--color-bg-2);border:1px solid hsla(0,0%,100%,.06);border:1px solid var(--color-chat-border);border-radius:100px 0 0 100px;-webkit-transform:translateX(0);transform:translateX(0);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.at-tip[data-v-834b49d0]:hover{background:#424242;background:var(--color-bg-4)}.at-tip[data-v-834b49d0]:active{background:#343434;background:var(--color-bg-3)}.at-tip.at-anim-enter-active[data-v-834b49d0]{transition:-webkit-transform .4s linear;transition:transform .4s linear;transition:transform .4s linear,-webkit-transform .4s linear}.at-tip.at-anim-leave-active[data-v-834b49d0]{transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.at-tip.at-anim-enter[data-v-834b49d0]{-webkit-transform:translateX(100%);transform:translateX(100%)}.at-tip.at-anim-enter-to[data-v-834b49d0],.at-tip.at-anim-leave[data-v-834b49d0]{-webkit-transform:translateX(0);transform:translateX(0)}.at-tip.at-anim-leave-to[data-v-834b49d0]{-webkit-transform:translateX(100%);transform:translateX(100%)}.at-tip .face[data-v-834b49d0]{position:relative}.at-tip .face+.face[data-v-834b49d0]{margin-left:-6px}.at-tip .text[data-v-834b49d0]{margin-left:10px}
@-webkit-keyframes shrink-data-v-1aa9f434{0%{width:100%}59%{background-color:#21b36c;background-color:var(--color-brand-regular)}60%{background-color:#ff8a2a;background-color:var(--color-orange)}to{width:0;background-color:#ff8a2a;background-color:var(--color-orange)}}@keyframes shrink-data-v-1aa9f434{0%{width:100%}59%{background-color:#21b36c;background-color:var(--color-brand-regular)}60%{background-color:#ff8a2a;background-color:var(--color-orange)}to{width:0;background-color:#ff8a2a;background-color:var(--color-orange)}}.progress-timing[data-v-1aa9f434]{width:100%;height:2px;background-color:#21b36c;background-color:var(--color-brand-regular);-webkit-animation-name:shrink-data-v-1aa9f434;animation-name:shrink-data-v-1aa9f434;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.raid-start[data-v-06f97677]{min-height:85px}.hosting-status[data-v-06f97677],.raid-start[data-v-06f97677]{width:375px;padding:10px;background:rgba(20,20,20,.95);border-radius:2px}.hosting-status[data-v-06f97677]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;min-height:44px}[data-v-06f97677] .streamer-name{display:inline-block;max-width:160px;overflow:hidden;color:#2a9963;color:var(--color-brand-dark);font-weight:700;white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom}.at-bottom[data-v-06f97677]{position:absolute;bottom:0;left:0}
.raid-notifications{position:absolute;top:10px;right:10px;color:#f3f7f6;font-size:14px}.hide-chat .raid-notifications{top:60px;right:10px}.vcp-webfullscreen .raid-notifications{top:116px}.vcp-fullscreen .raid-notifications{top:116px;right:10px}@media screen and (max-width:1066px){.raid-notifications{right:410px}}
.using-wrap[data-v-7914d58d]{position:absolute;z-index:999;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:30px 30px 52px;min-width:460px;display:-webkit-flex;display:flex;background:#282828;background:var(--color-bg-2);box-shadow:0 4px 7px 0 rgba(0,0,0,.4);box-shadow:0 4px 7px 0 var(--color-transparent-shadow);border-radius:3px}.using-wrap .title[data-v-7914d58d]{margin-bottom:12px;font-size:20px}.using-wrap .sub-title[data-v-7914d58d]{margin-bottom:20px;font-size:14px;color:#a8b3ae;color:var(--color-gray-2)}.using-wrap .icon-close[data-v-7914d58d]{position:absolute;top:12px;right:12px;cursor:pointer}.using-wrap .got-it[data-v-7914d58d]{position:absolute;right:20px}
.container[data-v-6450fdce]{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:460px;padding:30px 20px 20px;color:#f3f7f6;color:var(--color-gray-1);border-radius:4px;background:rgba(20,20,20,.95);box-shadow:0 4px 7px 0 rgba(0,0,0,.18)}.dialog-close[data-v-6450fdce]{position:absolute;top:12px;right:12px;width:18px;height:18px;color:#a8b3ae}.content[data-v-6450fdce]{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.hype-btn[data-v-6450fdce]{width:100%;height:40px;color:#f3f7f6;font-size:18px;background-image:linear-gradient(270deg,#076ca3,#19ae5a);background-position:0 50%;background-size:200% 100%;border-radius:4px;cursor:pointer;-webkit-animation:gradient-scroll-data-v-6450fdce 3s ease infinite;animation:gradient-scroll-data-v-6450fdce 3s ease infinite}.hype-btn[data-v-6450fdce]:hover{background-color:#1aab77;background-color:var(--color-brand-hover);background-image:none}.hype-btn[data-v-6450fdce]:active{background-color:#21b36c;background-color:var(--color-brand-regular);background-image:none}@-webkit-keyframes gradient-scroll-data-v-6450fdce{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient-scroll-data-v-6450fdce{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.p-1[data-v-6450fdce]{font-size:21px;font-weight:700;color:#f3f7f6}.p-2[data-v-6450fdce]{font-size:14px;color:#a8b3ae}.p-3[data-v-6450fdce]{margin-top:-20px;margin-bottom:10px}.fig-1[data-v-6450fdce]{height:40px}.fig-2[data-v-6450fdce]{height:109px}
.anim-container[data-v-e6923840]{width:500px;height:333px;margin:auto}
.sprite-wrap[data-v-4c103ec6]{position:absolute;z-index:-1;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:400px;height:34px;overflow:hidden}.sprite-wrap .bg[data-v-4c103ec6]{width:7200px;height:34px}.sprite-wrap .bg.aniX[data-v-4c103ec6]{background-size:7200px 34px;background-repeat:no-repeat;-webkit-animation:tranX-data-v-4c103ec6 .85s step-end both;animation:tranX-data-v-4c103ec6 .85s step-end both}@-webkit-keyframes tranX-data-v-4c103ec6{0%{-webkit-transform:translateX(0);transform:translateX(0)}5.55556%{-webkit-transform:translateX(-400px);transform:translateX(-400px)}11.11111%{-webkit-transform:translateX(-800px);transform:translateX(-800px)}16.66667%{-webkit-transform:translateX(-1200px);transform:translateX(-1200px)}22.22222%{-webkit-transform:translateX(-1600px);transform:translateX(-1600px)}27.77778%{-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}33.33333%{-webkit-transform:translateX(-2400px);transform:translateX(-2400px)}38.88889%{-webkit-transform:translateX(-2800px);transform:translateX(-2800px)}44.44444%{-webkit-transform:translateX(-3200px);transform:translateX(-3200px)}50%{-webkit-transform:translateX(-3600px);transform:translateX(-3600px)}55.55556%{-webkit-transform:translateX(-4000px);transform:translateX(-4000px)}61.11111%{-webkit-transform:translateX(-4400px);transform:translateX(-4400px)}66.66667%{-webkit-transform:translateX(-4800px);transform:translateX(-4800px)}72.22222%{-webkit-transform:translateX(-5200px);transform:translateX(-5200px)}77.77778%{-webkit-transform:translateX(-5600px);transform:translateX(-5600px)}83.33333%{-webkit-transform:translateX(-6000px);transform:translateX(-6000px)}88.88889%{-webkit-transform:translateX(-6400px);transform:translateX(-6400px)}94.44444%{-webkit-transform:translateX(-6800px);transform:translateX(-6800px)}to{-webkit-transform:translateX(-7200px);transform:translateX(-7200px)}}@keyframes tranX-data-v-4c103ec6{0%{-webkit-transform:translateX(0);transform:translateX(0)}5.55556%{-webkit-transform:translateX(-400px);transform:translateX(-400px)}11.11111%{-webkit-transform:translateX(-800px);transform:translateX(-800px)}16.66667%{-webkit-transform:translateX(-1200px);transform:translateX(-1200px)}22.22222%{-webkit-transform:translateX(-1600px);transform:translateX(-1600px)}27.77778%{-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}33.33333%{-webkit-transform:translateX(-2400px);transform:translateX(-2400px)}38.88889%{-webkit-transform:translateX(-2800px);transform:translateX(-2800px)}44.44444%{-webkit-transform:translateX(-3200px);transform:translateX(-3200px)}50%{-webkit-transform:translateX(-3600px);transform:translateX(-3600px)}55.55556%{-webkit-transform:translateX(-4000px);transform:translateX(-4000px)}61.11111%{-webkit-transform:translateX(-4400px);transform:translateX(-4400px)}66.66667%{-webkit-transform:translateX(-4800px);transform:translateX(-4800px)}72.22222%{-webkit-transform:translateX(-5200px);transform:translateX(-5200px)}77.77778%{-webkit-transform:translateX(-5600px);transform:translateX(-5600px)}83.33333%{-webkit-transform:translateX(-6000px);transform:translateX(-6000px)}88.88889%{-webkit-transform:translateX(-6400px);transform:translateX(-6400px)}94.44444%{-webkit-transform:translateX(-6800px);transform:translateX(-6800px)}to{-webkit-transform:translateX(-7200px);transform:translateX(-7200px)}}
.fade-enter-active[data-v-50ed9d83],.fade-leave-active[data-v-50ed9d83]{transition:opacity .4s}.fade-enter[data-v-50ed9d83],.fade-leave-to[data-v-50ed9d83]{opacity:0}.luxury-wrap[data-v-50ed9d83]{position:absolute;z-index:1105;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:500px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;pointer-events:none}.luxury-wrap .banner-wrap[data-v-50ed9d83]{height:34px;position:relative}.luxury-wrap .banner[data-v-50ed9d83]{background-image:linear-gradient(270deg,#38517d,#1cc864);height:34px;max-width:286px;padding:0 10px 0 6px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-radius:20px;font-size:14px;color:#fff;white-space:nowrap}.luxury-wrap .banner .nickname[data-v-50ed9d83]{margin-left:6px;display:inline-block;max-width:120px;color:#fffc93}.vcp-fullscreen .luxury-wrap[data-v-50ed9d83]{bottom:120px}
.screen-overlay[data-v-35fa05d9]{position:absolute;top:50%;right:10px;z-index:1007;font-size:0;border:none;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.list-scroller[data-v-35fa05d9]{width:47px;overflow:hidden;white-space:nowrap}.overlay-item[data-v-35fa05d9]{display:inline-block;border-radius:3px}.overlay-img[data-v-35fa05d9]{width:47px;height:57px}.btn-close[data-v-35fa05d9]{position:absolute;top:-7px;right:-7px;padding:3px;background:hsla(0,0%,100%,.3);border-radius:50%;cursor:pointer}.btn-close[data-v-35fa05d9]:hover{background:hsla(0,0%,100%,.15)}.icon-close[data-v-35fa05d9]{width:8px;height:8px;color:#fff}.point-list[data-v-35fa05d9]{width:100%;margin-top:4px;overflow:hidden}.point[data-v-35fa05d9]{position:relative;display:inline-block;width:6px;height:6px;background:hsla(0,0%,100%,.25);border-radius:3px;cursor:pointer}.point[data-v-35fa05d9]:after{position:absolute;top:50%;left:50%;width:10px;height:10px;background:transparent;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:""}.point.active[data-v-35fa05d9]{width:14px;background:hsla(0,0%,100%,.8)}
.live-wrap[data-v-124d9ed5]{-webkit-flex-direction:column;flex-direction:column;width:100%;height:100%}.live-inner-wrap[data-v-124d9ed5],.live-wrap[data-v-124d9ed5]{position:relative;display:-webkit-flex;display:flex}.live-inner-wrap[data-v-124d9ed5]{-webkit-flex:1;flex:1;-webkit-align-items:flex-start;align-items:flex-start;min-height:0}.live-main[data-v-124d9ed5]{-webkit-flex:1;flex:1;width:0;min-width:595px;height:100%;overflow:hidden;background-color:var(--color-live-bg)}#live-fullscreen[data-v-124d9ed5]{position:relative}.vcp-fullscreen[data-v-124d9ed5] .vcp-controls-panel{height:120px}.live-tabs[data-v-124d9ed5]{padding:20px;color:#f3f7f6;color:var(--color-gray-1);background:#141414;background:var(--color-bg)}