.container[data-v-827daa1c]{width:489px;min-height:196px;padding:46px 30px 20px;background:#282828;background:var(--color-bg-2);border-radius:3px;box-shadow:0 4px 7px 0 rgba(0,0,0,.18)}.main-row[data-v-827daa1c]{display:-webkit-flex;display:-ms-flexbox;display:flex}.crown[data-v-827daa1c]{margin-right:20px;text-align:center}.crown span[data-v-827daa1c]{display:inline-block;width:60px;height:60px;background-image:url(https://static.trovo.live/cat/img/afc7bd2.svg?max_age=31536000);background-size:contain}.title[data-v-827daa1c]{margin-bottom:10px;font-weight:500;font-size:18px;line-height:27px}.content[data-v-827daa1c],.title[data-v-827daa1c]{color:#f3f7f6;color:var(--color-gray-1)}.content[data-v-827daa1c]{margin-bottom:30px;font-size:14px;line-height:21px}.highlight[data-v-827daa1c]{color:#19d66b;color:var(--color-brand-key)}.button-group[data-v-827daa1c]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.dialog-close[data-v-827daa1c]{position:absolute;top:12px;right:12px;width:18px;height:18px}
.or-wrap[data-v-ba76ef46]{left:0;right:0;top:0;bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.or-wrap[data-v-ba76ef46],.or-wrap .offline[data-v-ba76ef46]{position:absolute;background-color:#000}.or-wrap .offline[data-v-ba76ef46]{left:20px;top:20px;z-index:2;width:64px;height:24px;line-height:24px;text-align:center;font-size:14px;color:#fff}.or-wrap .bg[data-v-ba76ef46],.or-wrap .bg-mask[data-v-ba76ef46]{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%}.or-wrap .bg[data-v-ba76ef46]{background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-filter:blur(20px);filter:blur(20px)}.or-wrap .bg-mask[data-v-ba76ef46]{background-color:#000;opacity:.4}.or-wrap .recommend-live-wrap[data-v-ba76ef46]{position:relative;z-index:3;width:100%;height:361px;padding:0 116px;overflow:hidden}.or-wrap .recommend-text[data-v-ba76ef46]{margin-bottom:30px;font-size:24px;color:#fff;line-height:24px;text-align:center}.or-wrap .live-list[data-v-ba76ef46]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;height:308px;overflow:hidden}.or-wrap .live[data-v-ba76ef46]{width:373px;height:308px;margin-right:12px}.or-wrap .live-cover[data-v-ba76ef46]{position:relative;width:100%;padding-bottom:60%;background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer}.or-wrap .viewer[data-v-ba76ef46]{position:absolute;left:12px;bottom:12px;padding:3px 8px;background:rgba(0,0,0,.7);border-radius:2px;color:#fff;font-size:12px}.or-wrap .live-info[data-v-ba76ef46]{display:-webkit-flex;display:-ms-flexbox;display:flex;padding:12px 0}.or-wrap .live-avatar[data-v-ba76ef46]{width:48px;height:48px;margin-right:13px;border-radius:50%}.or-wrap .live-text[data-v-ba76ef46]{width:320px;font-size:16px;color:#777}.or-wrap .live-text p[data-v-ba76ef46]{font-size:14px;color:#dcdcdc;line-height:21px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.or-wrap .live-text .live-title[data-v-ba76ef46]{font-size:16px;color:#fff;line-height:16px}.or-wrap .discover[data-v-ba76ef46]{position:relative;z-index:2;width:100%;height:100%}.or-wrap .discover .empty-tips[data-v-ba76ef46]{color:#fff;font-size:18px;margin-bottom:10px}
@-webkit-keyframes slide-in-data-v-cd1724b4{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}15%{-webkit-transform:translateX(0);transform:translateX(0)}85%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slide-in-data-v-cd1724b4{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}15%{-webkit-transform:translateX(0);transform:translateX(0)}85%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes spin-data-v-cd1724b4{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}@keyframes spin-data-v-cd1724b4{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}.celebrations-container[data-v-cd1724b4]{position:absolute;right:0;z-index:1000;width:0;height:100%}.card[data-v-cd1724b4]{position:absolute;right:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:164px;height:46px;overflow:hidden;background:#c8a86b;border-top-left-radius:26px;border-bottom-left-radius:26px;-webkit-perspective:1000;perspective:1000;-webkit-animation-name:slide-in-data-v-cd1724b4;animation-name:slide-in-data-v-cd1724b4;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card>p[data-v-cd1724b4]{color:#fff;font-size:14px;line-height:18px}.spin-wrapper[data-v-cd1724b4]{position:relative;width:36px;height:36px;margin-right:10px;margin-left:4px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation-name:spin-data-v-cd1724b4;animation-name:spin-data-v-cd1724b4;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.spin-wrapper .avatar[data-v-cd1724b4],.spin-wrapper .back[data-v-cd1724b4]{position:absolute;top:0;left:0;width:36px;height:36px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.spin-wrapper .avatar[data-v-cd1724b4]{border:2px solid #fff;border-radius:50%;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.spin-wrapper .back[data-v-cd1724b4]{background:#b28230;background-image:url(https://static.trovo.live/cat/img/885e14c.png?max_age=31536000);background-repeat:no-repeat;background-position:50%;background-size:24px 24px;border-radius:50%}
.toggle-icon[data-v-5f9fcd90]{display:none;position:absolute;z-index:3;top:18px;right:18px;font-size:24px;fill:#fff;fill:var(--color-white);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.hide-chat .toggle-icon[data-v-5f9fcd90] {display:block;stroke:#000;stroke-opacity:.15;stroke-width:2px}
.cast-btn[data-v-69cc2dda]{display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:54px;padding:0 16px;color:#f3f7f6;color:var(--color-gray-1);background-color:hsla(0,0%,100%,.12);background-color:var(--color-cast-btn);border-radius:6px;cursor:pointer}.cast-btn:not(.disabled).active[data-v-69cc2dda],.cast-btn:not(.disabled).active[data-v-69cc2dda]:active,.cast-btn:not(.disabled).active[data-v-69cc2dda]:hover,.cast-btn[data-v-69cc2dda]:not(.disabled):active,.cast-btn[data-v-69cc2dda]:not(.disabled):hover{background-color:#493681;background-color:var(--color-cast-btn-active)}.cast-btn.disabled[data-v-69cc2dda],.cast-btn[data-v-69cc2dda]:disabled{cursor:not-allowed;opacity:.4}.cast-btn .img-gift[data-v-69cc2dda]{position:relative;display:inline-block;width:30px;height:30px;background:50%/contain no-repeat url(https://static.trovo.live/cat/img/64fb9d1.png?max_age=31536000)}.cast-btn .redpoint[data-v-69cc2dda]: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-69cc2dda]:after{position:absolute;top:0;left:0;width:30px;height:30px;background:50%/contain no-repeat url(https://static.trovo.live/cat/img/4cd0730.png?max_age=31536000);-webkit-animation:fadeIn-data-v-69cc2dda .3s linear 2 forwards,fadeIn-data-v-69cc2dda .3s linear 1.6s forwards;animation:fadeIn-data-v-69cc2dda .3s linear 2 forwards,fadeIn-data-v-69cc2dda .3s linear 1.6s forwards;content:""}.cast-btn.fade-in .add-num[data-v-69cc2dda]{display:block;opacity:0;-webkit-animation:turnDown-data-v-69cc2dda .3s linear .6s forwards,turnOut-data-v-69cc2dda .3s linear 1.6s forwards;animation:turnDown-data-v-69cc2dda .3s linear .6s forwards,turnOut-data-v-69cc2dda .3s linear 1.6s forwards}.cast-btn .add-num[data-v-69cc2dda]{position:absolute;bottom:100%;display:none;color:#12c3c7}.cast-btn .add-num[data-v-69cc2dda]: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-69cc2dda]{margin:0 4px}@-webkit-keyframes fadeIn-data-v-69cc2dda{0%,to{opacity:0}50%{opacity:1}}@keyframes fadeIn-data-v-69cc2dda{0%,to{opacity:0}50%{opacity:1}}@-webkit-keyframes turnDown-data-v-69cc2dda{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}to{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:1}}@keyframes turnDown-data-v-69cc2dda{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-69cc2dda{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:1}to{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}}@keyframes turnOut-data-v-69cc2dda{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:1}to{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}}
.gift-box[data-v-498fc563]{position:absolute;right:0;bottom:calc(100% + 5px);z-index:1011;width:412px;height:400px;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:1px solid var(--color-l10-d12);border-radius:3px 3px 0 0;box-shadow:0 4px 7px 0 rgba(0,0,0,.18)}.gift-box .header[data-v-498fc563]{padding:0 12px;border-bottom:1px solid hsla(0,0%,100%,.12);border-bottom:1px solid var(--color-l10-d12)}.gift-box .gift-type[data-v-498fc563]{height:42px;margin-right:20px;color:#fff;color:var(--color-white);font-size:16px;line-height:42px;cursor:pointer}.gift-box .gift-type.active[data-v-498fc563]{color:#19d66b;color:var(--color-brand-key);font-weight:700;border-bottom:2px solid #19d66b;border-bottom:2px solid var(--color-brand-key)}.gift-box .footer[data-v-498fc563]{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-498fc563]{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-498fc563]:active:after,.gift-box .currency-btn[data-v-498fc563]:hover:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;content:""}.gift-box .currency-btn[data-v-498fc563]:hover{background:#4c4c4c}.gift-box .currency-btn[data-v-498fc563]:active{background:rgba(0,0,0,.5)}.gift-box .currency-btn .num[data-v-498fc563]{position:relative;z-index:1;height:100%}.gift-box .progress[data-v-498fc563]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:12px}.gift-box .progress .progress-bg[data-v-498fc563]{height:100%;background-color:#25514c}.gift-box .icon-add[data-v-498fc563]:after,.gift-box .icon-elixir[data-v-498fc563]:before,.gift-box .icon-mana-big[data-v-498fc563]:before,.gift-box .icon-mana[data-v-498fc563]:after,.gift-box .icon-mana[data-v-498fc563]:before{display:inline-block;-webkit-flex:none;-ms-flex:none;flex:none;width:16px;height:16px;margin-right:4px;background:50%/contain no-repeat;content:""}.gift-box .icon-mana-big[data-v-498fc563]:before,.gift-box .icon-mana[data-v-498fc563]:before,.gift-box .mana-in .icon-mana[data-v-498fc563]:after{background-image:url(https://static.trovo.live/cat/img/e2374dd.png?max_age=31536000)}.gift-box .icon-elixir[data-v-498fc563]:before{background-image:url(https://static.trovo.live/cat/img/90a0dee.png?max_age=31536000)}.gift-box .icon-add[data-v-498fc563]{height:16px}.gift-box .icon-add[data-v-498fc563]: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-498fc563]:after{position:absolute;left:0;z-index:2;opacity:0}.gift-box .mana-in .progress-bg[data-v-498fc563]{-webkit-animation:progressBgIn-data-v-498fc563 .3s linear forwards;animation:progressBgIn-data-v-498fc563 .3s linear forwards}.gift-box .mana-in .icon-mana[data-v-498fc563]:after{bottom:100%;-webkit-animation:iconFadeIn-data-v-498fc563 .2s linear .3s forwards,iconDown-data-v-498fc563 .4s linear .7s forwards;animation:iconFadeIn-data-v-498fc563 .2s linear .3s forwards,iconDown-data-v-498fc563 .4s linear .7s forwards}.gift-box .gift-list[data-v-498fc563]{padding-top:20px;overflow-y:auto}.gift-box .gift-item[data-v-498fc563]{position:relative;display:inline-block;width:25%;height:126px;font-size:12px;vertical-align:top;cursor:pointer}.gift-box .gift-item .gift-hover[data-v-498fc563]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column wrap;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.gift-box .gift-item:hover .gift-hover[data-v-498fc563]{position:absolute;top:-11px;z-index:1;height:148px;background:hsla(0,0%,100%,.12);background:var(--color-l10-d12);border-radius:3px}.gift-box .gift-item:hover .gift-hover[data-v-498fc563]:after{position:absolute;top:100%;right:0;left:0;height:20px;content:""}.gift-box .gift-item:hover .gift-cast[data-v-498fc563]{display:block}.gift-box .gift-item:hover .gift-img[data-v-498fc563]{width:90px;height:90px;margin-top:-12px}.gift-box .gift-item .gift-img[data-v-498fc563]{width:60px;height:60px}.gift-box .gift-item .gift-name[data-v-498fc563]{color:#fff;color:var(--color-white)}.gift-box .gift-item .gift-price[data-v-498fc563]{color:hsla(0,0%,100%,.5)}.gift-box .gift-item .gift-cast[data-v-498fc563]{display:none;width:100%;height:32px;margin-top:2px;font-size:14px;line-height:32px;border-radius:0 0 3px 3px}.gift-box[data-v-498fc563] ::-webkit-scrollbar-thumb{background-color:rgba(111,113,133,.3);border-radius:3px}.gift-box[data-v-498fc563] .vb.vb-scrolling-phantom>.vb-dragger>.vb-dragger-styler{background-color:rgba(111,113,133,.3)}.mana-tips[data-v-498fc563]{position:absolute;bottom:100%;left:-90px;z-index:1012;min-width:300px;height:56px;padding-right:25px;font-size:12px;background:rgba(25,33,52,.85);border:1px solid #000;border-radius:3px;box-shadow:0 4px 7px 0 rgba(0,0,0,.18)}.mana-tips .icon-mana-big[data-v-498fc563]{position:relative;height:24px;margin-right:12px;border-right:1px solid #3e4046}.mana-tips .icon-mana-big[data-v-498fc563]:before{width:24px;height:24px;margin:0 16px}.mana-tips .icon-mana-big .mana-50[data-v-498fc563]{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-498fc563]{position:absolute;top:6px;right:6px;cursor:pointer;fill:hsla(0,0%,100%,.5)}.mana-tips .text[data-v-498fc563]{color:#fff}.mana-tips .sub-text[data-v-498fc563]{color:hsla(0,0%,100%,.3)}.lurk-tips[data-v-498fc563]{position:relative;margin-top:20px;padding:12px 20px;color:#a8b3ae;color:var(--color-gray-2);font-size:12px}.lurk-tips[data-v-498fc563]: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-498fc563]{width:40px;height:40px;margin-right:12px}@-webkit-keyframes progressBgIn-data-v-498fc563{0%{opacity:1}to{width:100%;opacity:0}}@keyframes progressBgIn-data-v-498fc563{0%{opacity:1}to{width:100%;opacity:0}}@-webkit-keyframes iconFadeIn-data-v-498fc563{0%{opacity:0}to{opacity:1}}@keyframes iconFadeIn-data-v-498fc563{0%{opacity:0}to{opacity:1}}@-webkit-keyframes iconDown-data-v-498fc563{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}}@keyframes iconDown-data-v-498fc563{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}}
.li-wrap[data-v-3dfc5312]{position:relative;height:70px;padding:0 10px 0 20px;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-3dfc5312]{position:absolute;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.6);border:none}.li-wrap .title[data-v-3dfc5312]{margin-right:20px;color:#f3f7f6;color:var(--color-gray-1);font-weight:700;font-size:16px;cursor:default}.li-wrap .viewer[data-v-3dfc5312]{margin-right:12px;color:#a8b3ae;color:var(--color-gray-2);font-size:14px}.li-wrap .category-link[data-v-3dfc5312]{margin-right:10px;color:#21b36c;color:var(--color-brand-regular)}.li-wrap .category-link[data-v-3dfc5312]:hover{color:#1aab77;color:var(--color-brand-hover)}@media (-ms-high-contrast:none){.vcp-fullscreen .li-wrap .title[data-v-3dfc5312],.vcp-fullscreen .li-wrap .viewer[data-v-3dfc5312],[data-v-3dfc5312]::-ms-backdrop{color:#fff}.active-btn[data-v-3dfc5312] svg{fill:#21b36c!important;fill:var(--color-brand-regular)!important}}.info-wrap[data-v-3dfc5312]{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.info-wrap[data-v-3dfc5312],.streamer-wrap[data-v-3dfc5312]{display:-webkit-flex;display:-ms-flexbox;display:flex}.streamer-wrap[data-v-3dfc5312]{-webkit-flex:1;-ms-flex:1;flex:1;width:0}.streamer-wrap .avatar[data-v-3dfc5312]{width:48px;height:48px;margin-right:12px;border-radius:50%}.streamer-wrap .avatar[data-v-3dfc5312] .online{fill:#df4545}.streamer-wrap .streamer-box[data-v-3dfc5312]{-webkit-flex:1;-ms-flex:1;flex:1;width:0;max-width:80%}.streamer-wrap .streamer-name[data-v-3dfc5312]{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-3dfc5312]{display:inline-block;width:auto;max-width:100%;color:#21b36c;color:var(--color-brand-regular);font-size:14px}.streamer-wrap .offline[data-v-3dfc5312]{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-3dfc5312]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.feature-wrap[data-v-3dfc5312]>:not(:last-child){margin-right:14px}.feature-wrap>.cat-dropdown[data-v-3dfc5312],.feature-wrap>svg[data-v-3dfc5312]:not(:last-child){margin-right:8px}.feature-wrap .vertical-bar[data-v-3dfc5312]{width:1px;height:12px;margin:0 8px;background-color:currentColor}.feature-wrap .cat-f-btn[data-v-3dfc5312]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 12px}.feature-wrap .cat-f-btn .back[data-v-3dfc5312]{display:none}.feature-wrap .cat-f-btn>svg[data-v-3dfc5312]{font-size:20px}.feature-wrap .cat-f-btn .front[data-v-3dfc5312]{display:inline-block}.feature-wrap .cat-f-btn.followed .back[data-v-3dfc5312],.feature-wrap .cat-f-btn.followed .front[data-v-3dfc5312]{width:64px}.feature-wrap .cat-f-btn.followed:hover .front[data-v-3dfc5312]{display:none}.feature-wrap .cat-f-btn.followed:hover .back[data-v-3dfc5312]{display:inline-block}.feature-wrap .notify-wrap[data-v-3dfc5312] svg{margin-right:0}.feature-wrap .notify-wrap .back[data-v-3dfc5312]{display:none;margin-left:0!important}.feature-wrap .notify-wrap:hover .front[data-v-3dfc5312]{display:none}.feature-wrap .notify-wrap:hover .back[data-v-3dfc5312]{display:block}
.share-platforms[data-v-26967263]{display:-webkit-flex;display:-ms-flexbox;display:flex;padding:20px 24px;background-color:#141414;background-color:var(--color-bg);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--color-base-border);border-radius:3px;box-shadow:0 4px 7px 0 rgba(0,0,0,.18)}.share-platforms div[data-v-26967263]:not(:last-child){margin-right:14px}.share-platforms .item-icon[data-v-26967263]{display:-webkit-flex;display:-ms-flexbox;display:flex;border:2px solid rgba(0,0,0,0);border-radius:50%;cursor:pointer}.share-platforms .item-icon[data-v-26967263]:active,.share-platforms .item-icon[data-v-26967263]:hover{border-color:#21b36c;border-color:var(--color-brand-regular)}.share-platforms .item-icon img[data-v-26967263]{width:32px;height:32px;margin:2px;border-radius:50%}
.report-content[data-v-83427f5c]{position:relative;padding:20px 20px 0;margin-bottom:18px}.report-content .report-select[data-v-83427f5c]{margin-bottom:20px}.report-content .report-textarea[data-v-83427f5c]{width:100%;height:183px}.report-footer[data-v-83427f5c]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;position:relative;padding:0 20px 20px}.report-footer button[data-v-83427f5c]{margin-left:12px}.report-footer .limit-num[data-v-83427f5c]{position:absolute;left:20px;top:6px;font-size:12px;line-height:12px;color:#b3b3b3}.report-wrap[data-v-83427f5c]{overflow:hidden;height:300px}.report-ifm[data-v-83427f5c]{position:relative;top:-50px}
.popover_3FEhA{z-index:1999}
.container[data-v-2f76e1e8]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:460px;height:660px;max-height:95vh;overflow:hidden;background:#282828;background:var(--color-bg-2)}.scroll-container[data-v-2f76e1e8]{-webkit-flex:1;-ms-flex:1;flex:1;-ms-flex-negative:100;-webkit-flex-shrink:100;flex-shrink:100;overflow-y:scroll}.dialog-close[data-v-2f76e1e8]{position:absolute;top:12px;right:12px;width:18px;height:18px;fill:#fff}.base-dark-mode .banner[data-v-2f76e1e8]{background-image:url(https://static.trovo.live/cat/img/5706861.png?max_age=31536000)}.banner[data-v-2f76e1e8]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:128px;padding:0 20px;overflow:hidden;background-image:url(https://static.trovo.live/cat/img/4f605d8.png?max_age=31536000);background-size:cover}.banner .avatar[data-v-2f76e1e8]{width:74px;height:74px;padding:2px;background-color:rgba(0,0,0,0);border-radius:50%}.banner .avatar img[data-v-2f76e1e8]{width:70px;height:70px;border-radius:50%}.banner .username[data-v-2f76e1e8]{-webkit-flex:1;-ms-flex:1;flex:1;padding:0 10px;color:#fff;font-size:21px;line-height:32px;letter-spacing:0}.banner .discount-text[data-v-2f76e1e8]{position:absolute;top:40px;right:0;color:#fff;font-size:12px}.sub-progress[data-v-2f76e1e8]{margin-top:24px;margin-bottom:20px;padding:0 55px}.sub-progress hr[data-v-2f76e1e8]{height:1px;margin:10px -10px;background:hsla(0,0%,100%,.12);background:var(--color-l10-d12);border:none}.benefit-title[data-v-2f76e1e8]{margin-top:20px;font-size:18px;line-height:27px}.title[data-v-2f76e1e8]{margin:24px 0 10px;color:#c8a86b;color:var(--color-vip-text);font-size:21px;line-height:32px}.intro[data-v-2f76e1e8],.title[data-v-2f76e1e8]{text-align:center}.intro[data-v-2f76e1e8]{margin-bottom:20px;font-size:14px;line-height:21px}.row[data-v-2f76e1e8]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.cell[data-v-2f76e1e8]{width:90px;text-align:center}.icon[data-v-2f76e1e8]{display:inline-block;width:48px;height:48px;background-size:contain;border-radius:50%}.item-title[data-v-2f76e1e8]{margin:8px 0 20px;font-size:12px;line-height:18px;white-space:pre-wrap}.details[data-v-2f76e1e8]{margin:20px 58px}.details .detail-img[data-v-2f76e1e8]{width:344px;height:150px;margin-bottom:8px;background-size:contain}.details .detail[data-v-2f76e1e8]{margin-bottom:30px}.details .detail-footer[data-v-2f76e1e8]{display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:8px}.details .detail-icon[data-v-2f76e1e8]{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;width:36px;height:36px;margin-right:10px;background-size:contain}.details .detail-title[data-v-2f76e1e8]{font-weight:500;font-size:16px;line-height:24px}.details .detail-text[data-v-2f76e1e8]{font-size:12px;line-height:18px}.sub-desc[data-v-2f76e1e8]{padding:0 36px}.sub-desc[data-v-2f76e1e8] .link{color:#21b36c;color:var(--color-brand-regular)}.sub-desc[data-v-2f76e1e8] .link:hover{color:#19d66b;color:var(--color-brand-key)}.sub-desc .header[data-v-2f76e1e8]{margin-bottom:4px;font-weight:700;font-size:14px}.sub-desc .content[data-v-2f76e1e8]{font-size:12px}.sub-desc .mb20[data-v-2f76e1e8]{margin-bottom:20px}.sub-desc .mb50[data-v-2f76e1e8]{margin-bottom:50px}.manage-sub[data-v-2f76e1e8]{margin-bottom:45px}.discount-banner[data-v-2f76e1e8]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:80px;margin:10px 15px 15px;background-image:url(https://static.trovo.live/cat/img/3da95cb.png?max_age=31536000);background-repeat:no-repeat;background-size:contain}.discount-banner p[data-v-2f76e1e8]{color:#47175d;font-size:16px;text-align:center}.discount-banner[data-v-2f76e1e8] b{color:#d345f9}
.button-container[data-v-e829a2f2]{position:relative;margin-left:12px}.no-sub-btn[data-v-e829a2f2] svg{margin-right:5px}.crown[data-v-e829a2f2]{display:inline-block;width:18px;height:18px;margin-right:2px;vertical-align:bottom;background-image:url(https://static.trovo.live/cat/img/0dbadb8.png?max_age=31536000);background-size:contain}.tip[data-v-e829a2f2]{position:absolute;bottom:calc(100% + 8px);left:50%;padding:10px 24px 10px 10px;color:#141414;color:var(--color-bg);font-size:12px;background:#f3f7f6;background:var(--color-gray-1);border-radius:4px;box-shadow:0 4px 7px 0 rgba(0,0,0,.18);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.tip>p[data-v-e829a2f2]{white-space:nowrap}.tip[data-v-e829a2f2]:after{position:absolute;bottom:-8px;left:50%;width:0;height:0;overflow:hidden;border:4px solid rgba(0,0,0,0);border-top:4px solid var(--color-gray-1);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);content:""}.highlight[data-v-e829a2f2]{color:#ff8a2a;color:var(--color-orange)}.close[data-v-e829a2f2]{position:absolute;top:6px;right:6px;width:12px;height:12px;cursor:pointer;opacity:.5}.discount-tag[data-v-e829a2f2]{position:absolute;top:-4px;right:-4px;width:32px;height:16px;background-image:url(https://static.trovo.live/cat/img/59bfb98.png?max_age=31536000);background-repeat:no-repeat;background-size:contain}
.anchor-wrap[data-v-67ccf599]{height:60px;padding:0 10px 0 20px;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>.anchor-wrap[data-v-67ccf599]{position:absolute;top:0;right:0;left:0;z-index:1000;background:none;background-image:linear-gradient(0deg,rgba(0,0,0,0),#000);background-repeat:no-repeat;border:none;opacity:0;transition:opacity .3s ease}.vcp-fullscreen>.anchor-wrap[data-v-67ccf599]:after{position:absolute;top:100%;right:0;left:0;z-index:1000;height:40px;content:""}.streamer-wrap .avatar[data-v-67ccf599] .online{fill:#df4545}.streamer-wrap .streamer-name[data-v-67ccf599]{color:#f3f7f6;color:var(--color-gray-1);font-weight:700;font-size:16px}.feature-wrap[data-v-67ccf599]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.feature-wrap .vertical-bar[data-v-67ccf599]{width:1px;height:12px;margin:0 8px;background-color:currentColor}.feature-wrap .cat-f-btn[data-v-67ccf599]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 12px}.feature-wrap .cat-f-btn .back[data-v-67ccf599],.feature-wrap .cat-f-btn .front[data-v-67ccf599]{width:64px}
.label[data-v-3dbd1bb1]{margin-right:10px;font-size:14px}.selector[data-v-3dbd1bb1]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 10px;font-size:14px;background:hsla(0,0%,100%,.06);background:var(--color-l10-d6);border-radius:4px;min-width:172px;height:36px}.dropdown-icon[data-v-3dbd1bb1]{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);margin-left:10px;width:16px;height:16px}.selector-box[data-v-3dbd1bb1]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sorter[data-v-3dbd1bb1] .cat-menu-item .icon-before{width:18px;height:18px}.sorter[data-v-3dbd1bb1] .cat-menu-item{min-width:214px;padding:0 10px}
.follow-page[data-v-379afee2]{color:#f3f7f6;color:var(--color-gray-1)}.tab-button[data-v-379afee2]{color:#a8b3ae!important;color:var(--color-gray-2)!important;background-color:hsla(0,0%,100%,.06)!important;background-color:var(--color-l04-d06)!important}.selected[data-v-379afee2]{color:#21b36c!important;color:var(--color-brand-regular)!important}.sub-tab-right-part[data-v-379afee2]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.lf-wrap[data-v-33c92e74]{height:1000px;padding:20px 36px 54px;color:#f3f7f6;color:var(--color-gray-1)}.vcp-fullscreen>.lf-wrap[data-v-33c92e74]{display:none}.intro-text[data-v-33c92e74]{padding:20px 0 28px;color:#a8b3ae;color:var(--color-gray-2);font-size:14px;line-height:21px;white-space:pre-line;word-break:break-word}
.at-tip[data-v-0546a1db]{position:fixed;top:142px;right:0;z-index:1000;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;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);-ms-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-0546a1db]:hover{background:#424242;background:var(--color-bg-4)}.at-tip[data-v-0546a1db]:active{background:#343434;background:var(--color-bg-3)}.at-tip.at-anim-enter-active[data-v-0546a1db]{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-0546a1db]{transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.at-tip.at-anim-enter[data-v-0546a1db]{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.at-tip.at-anim-enter-to[data-v-0546a1db],.at-tip.at-anim-leave[data-v-0546a1db]{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.at-tip.at-anim-leave-to[data-v-0546a1db]{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.at-tip .face[data-v-0546a1db]{position:relative}.at-tip .face+.face[data-v-0546a1db]{margin-left:-6px}.at-tip .text[data-v-0546a1db]{margin-left:10px}
.live-wrap[data-v-5f72ca2e]{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}.live-inner-wrap[data-v-5f72ca2e],.live-wrap[data-v-5f72ca2e]{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex}.live-inner-wrap[data-v-5f72ca2e]{-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;min-height:0;transition:all 1.5s}.live-main[data-v-5f72ca2e]{-webkit-flex:1;-ms-flex:1;flex:1;width:0;min-width:595px;height:100%;overflow:hidden;background-color:var(--color-live-bg)}#live-fullscreen[data-v-5f72ca2e]{position:relative}.vcp-fullscreen[data-v-5f72ca2e] .vcp-controls-panel{height:120px}.active-btn[data-v-5f72ca2e]{color:#21b36c;color:var(--color-brand-regular)}