@charset "UTF-8";#app .footer-link,a,a:hover,ins,ins:hover{text-decoration:none}.ta_l,caption,th{text-align:left}#app .user-nickname,.channel-comp .channel-name,.ellipsis,.note-list-comp .card-username,.question-comp .user-name{text-overflow:ellipsis;white-space:nowrap}html{color:#000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;box-sizing:border-box}*,:after,:before{box-sizing:inherit}html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}body,html{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}abbr,acronym{border:0;font-variant:normal}del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}q:after,q:before{content:''}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}a,ins{color:#333}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{border-radius:5px}::-webkit-scrollbar-thumb{height:40px;border-radius:5px;background:#d7d7d7}::-webkit-scrollbar-thumb:hover{background:#999}::-webkit-scrollbar-thumb:active{background:#949494}.fz-12{font-size:6px}[data-dpr="2"] .fz-12{font-size:12px}[data-dpr="3"] .fz-12{font-size:18px}[data-dpr="4"] .fz-12{font-size:24px}.fz-14{font-size:7px}[data-dpr="2"] .fz-14{font-size:14px}[data-dpr="3"] .fz-14{font-size:21px}[data-dpr="4"] .fz-14{font-size:28px}.fz-16{font-size:8px}[data-dpr="2"] .fz-16{font-size:16px}[data-dpr="3"] .fz-16{font-size:24px}[data-dpr="4"] .fz-16{font-size:32px}.fz-18{font-size:9px}[data-dpr="2"] .fz-18{font-size:18px}[data-dpr="3"] .fz-18{font-size:27px}[data-dpr="4"] .fz-18{font-size:36px}.fz-20{font-size:10px}[data-dpr="2"] .fz-20{font-size:20px}[data-dpr="3"] .fz-20{font-size:30px}[data-dpr="4"] .fz-20{font-size:40px}.fz-22{font-size:11px}[data-dpr="2"] .fz-22{font-size:22px}[data-dpr="3"] .fz-22{font-size:33px}[data-dpr="4"] .fz-22{font-size:44px}.fz-24{font-size:12px}[data-dpr="2"] .fz-24{font-size:24px}[data-dpr="3"] .fz-24{font-size:36px}[data-dpr="4"] .fz-24{font-size:48px}.fz-26{font-size:13px}[data-dpr="2"] .fz-26{font-size:26px}[data-dpr="3"] .fz-26{font-size:39px}[data-dpr="4"] .fz-26{font-size:52px}.fz-28{font-size:14px}[data-dpr="2"] .fz-28{font-size:28px}[data-dpr="3"] .fz-28{font-size:42px}[data-dpr="4"] .fz-28{font-size:56px}.fz-30{font-size:15px}[data-dpr="2"] .fz-30{font-size:30px}[data-dpr="3"] .fz-30{font-size:45px}[data-dpr="4"] .fz-30{font-size:60px}.fz-32{font-size:16px}[data-dpr="2"] .fz-32{font-size:32px}[data-dpr="3"] .fz-32{font-size:48px}[data-dpr="4"] .fz-32{font-size:64px}.fz-34{font-size:17px}[data-dpr="2"] .fz-34{font-size:34px}[data-dpr="3"] .fz-34{font-size:51px}[data-dpr="4"] .fz-34{font-size:68px}.fz-36{font-size:18px}[data-dpr="2"] .fz-36{font-size:36px}[data-dpr="3"] .fz-36{font-size:54px}[data-dpr="4"] .fz-36{font-size:72px}.fz-38{font-size:19px}[data-dpr="2"] .fz-38{font-size:38px}[data-dpr="3"] .fz-38{font-size:57px}[data-dpr="4"] .fz-38{font-size:76px}[v-cloak]{display:none}body{font-family:Gilroy-regular,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol!important}.clearfix:after{content:"";display:table;clear:both}.fl,.left{float:left}.fr,.right{float:right}.hide{display:none!important}.f12{font-size:12px}.f14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}.fb{font-weight:700}.ta_c{text-align:center}.ta_r{text-align:right}.none{display:none}.cursor{cursor:pointer}.userselect_none{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flex-none{-webkit-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.flex-direction-column{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.align-items-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.align-items-start{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.align-items-end{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.justify-content-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.justify-content-around{-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:justify;justify-content:space-around}.justify-content-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.justify-content-end{-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:justify;justify-content:flex-end}.flex-wrap{-webkit-flex-wrap:wrap;-webkit-box-lines:multiple;-moz-flex-wrap:wrap;flex-wrap:wrap}.bg-style{background-repeat:no-repeat;background-size:cover;background-position:center}.ellipsis{overflow:hidden}.note-list-comp{padding:0 32px;width:100%}.note-list-comp .note-list-columns{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;-moz-flex-align:flex-start;align-items:flex-start;width:100%}.note-list-comp .note-list-col{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;-moz-flex:1;flex:1}.note-list-comp .note-list-col:not(:last-child){margin-right:16px}.note-list-comp .card-item{width:100%;margin-bottom:24px;cursor:pointer;background:#fff;border-radius:16px;overflow:hidden}.note-list-comp .card-item:hover .card-cover-img{transform:scale(1.03)}.note-list-comp .card-cover{position:relative;width:100%;overflow:hidden;border-radius:16px;background:#f7f7f7}.note-list-comp .card-cover .card-cover-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:16px;transition:transform .3s ease;-webkit-transition:transform .3s ease}.note-list-comp .card-cover .card-play-icon{position:absolute;right:12px;bottom:12px;width:26px;height:26px;background:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/fautoupl/20260424/homePage2/00a0ff5502337e1e0761749a82fc87fb.png) center no-repeat;background-size:26px 26px}.note-list-comp .card-cover .card-you-badge{position:absolute;top:12px;left:12px;width:20px;height:20px;border-radius:3px;background:linear-gradient(90deg,rgba(255,88,114,1) 0,rgba(255,55,49,1) 100%);display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center}.note-list-comp .card-cover .card-you-badge span{font-size:12px;color:#fff;font-weight:500}.note-list-comp .card-video-badge{position:absolute;top:12px;right:8px;width:26px;height:26px;background:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/fautoupl/20260424/homePage2/0adab02c423537de79c59a7ecc655b68.png) center no-repeat;background-size:26px 26px}.note-list-comp .card-title{font-size:14px;color:#222;font-weight:500;line-height:1.5em;padding:8px 12px 6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.note-list-comp .card-like-num,.note-list-comp .card-username{font-size:12px;color:#666;font-weight:400}.note-list-comp .card-user-row{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:space-between;-ms-flex-pack:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;padding:0 12px 10px}.note-list-comp .card-user-info{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;overflow:hidden}.note-list-comp .card-avatar{width:20px;height:20px;border-radius:50%;border:1px solid #eaeaea;margin-right:6px;background:#f0f0f0;flex-shrink:0}.note-list-comp .card-username{overflow:hidden;max-width:80px}.note-list-comp .card-like{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;-moz-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;flex-shrink:0;margin-left:8px}.note-list-comp .icon-heart{width:16px;height:16px;background:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/2073f284ca6651324a05577f0b860743.png) -2px -2px no-repeat;background-size:40px 20px;margin-right:4px;flex-shrink:0}.note-list-comp .icon-heart-active{background-position:-22px -2px}.note-list-comp .icon-heart-animate{animation:heartBeat .4s ease forwards;-webkit-animation:heartBeat .4s ease forwards}@keyframes heartBeat{0%,100%{transform:scale(1)}30%{transform:scale(1.45)}60%{transform:scale(.9)}80%{transform:scale(1.2)}}@-webkit-keyframes heartBeat{0%,100%{-webkit-transform:scale(1)}30%{-webkit-transform:scale(1.45)}60%{-webkit-transform:scale(.9)}80%{-webkit-transform:scale(1.2)}}.question-comp{padding:0 32px;width:100%;height:100%;display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;-moz-flex-direction:column;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:stretch;-ms-flex-align:stretch;-moz-flex-align:stretch;align-items:stretch;overflow:hidden}.question-comp .q-tabs{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;margin-top:5px;flex-shrink:0}.question-comp .q-content{padding-top:16px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;-moz-flex:1;flex:1;overflow-y:auto}.question-comp .q-content::-webkit-scrollbar{display:none}.question-comp .question-note-detail-box{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center}.question-comp .q-tab{font-size:16px;color:#666;font-weight:400;line-height:22px;cursor:pointer;padding:12px 17px}.question-comp .q-tab.q-tab-active{color:#FE2442;font-weight:700}.question-comp .q-list{padding-left:17px;display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;-moz-flex-align:flex-start;align-items:flex-start;flex-wrap:wrap}.question-comp .q-card{width:calc((100% - 60px)/ 3);height:114px;border-radius:16px;background:#f7f7f7;position:relative;overflow:hidden;cursor:pointer;margin-right:30px;margin-bottom:32px}.question-comp .q-card:nth-child(3n){margin-right:0}.question-comp .q-card:hover .card-cover-img{transform:scale(1.03);-webkit-transform:scale(1.03)}.question-comp .card-cover-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease}.question-comp .card-title{position:absolute;top:15px;left:16px;right:16px;font-size:14px;color:#222;font-weight:700;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;z-index:1;margin:0}.question-comp .card-user .create-time,.question-comp .stat-num,.question-comp .user-name{font-size:12px;color:#666;font-weight:400}.question-comp .card-bottom{position:absolute;left:16px;right:16px;bottom:18px;height:20px;display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:space-between;-ms-flex-pack:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;z-index:1}.question-comp .card-user{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;overflow:hidden}.question-comp .card-user .create-time{margin-left:8px}.question-comp .user-avatar{width:20px;height:20px;border-radius:50%;border:1px solid #eaeaea;background:#f0f0f0;margin-right:6px;flex-shrink:0;object-fit:cover}.question-comp .user-name{overflow:hidden}.question-comp .card-stats{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;-moz-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;flex-shrink:0;margin-left:8px}.question-comp .icon-view{width:16px;height:16px;background:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/bdf8e71d432ff3433b6ce39434ef61c3.png) center no-repeat;background-size:16px 16px;margin-right:2px;flex-shrink:0}.question-comp .icon-comment{width:16px;height:16px;background:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/d78624f19b4b04126b180d33551f1c6b.png) center no-repeat;background-size:16px 16px;margin-left:16px;margin-right:2px;flex-shrink:0}.question-comp .q-empty{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;-moz-flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;width:100%;padding:80px 0}.question-comp .empty-text{font-size:14px;color:#999;font-weight:400;margin:0}.channel-comp{padding:13px 32px 32px}.channel-comp .channel-section{margin-bottom:40px}.channel-comp .horiz-section{margin-bottom:16px}.channel-comp .short-video-section{margin-bottom:60px}.channel-comp .section-header{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:space-between;-ms-flex-pack:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;margin-bottom:16px}.channel-comp .section-title{font-size:16px;color:#000;font-weight:700}.channel-comp .more-btn{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;font-size:14px;color:#666;font-weight:400;cursor:pointer}.channel-comp .more-btn .more-btn-arrow{width:14px;height:14px;margin-left:4px;flex-shrink:0;background-image:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/7a579a0baf7647dc41a5711cc1ae378b.png);background-size:contain;background-repeat:no-repeat;background-position:center}.channel-comp .more-btn:hover{color:#222}.channel-comp .horiz-video-grid{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;-moz-flex-align:flex-start;align-items:flex-start;flex-wrap:wrap}.channel-comp .horiz-card{width:calc((100% - 32px)/ 3);margin-right:16px;margin-bottom:24px;cursor:pointer;position:relative;z-index:0}.channel-comp .horiz-card:nth-child(3n){margin-right:0}.channel-comp .horiz-card::before{content:'';position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;border-radius:24px;background:#E8F0F9;opacity:0;z-index:-1;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;pointer-events:none}.channel-comp .horiz-card:hover::before{opacity:1}.channel-comp .horiz-card-note{cursor:pointer}.channel-comp .horiz-cover{position:relative;width:100%;padding-bottom:56.27%;border-radius:16px;overflow:hidden;background:#f7f7f7;cursor:pointer}.channel-comp .horiz-cover .xgplayer-poster{-webkit-transition:transform .3s ease;transition:transform .3s ease}.channel-comp .horiz-cover .xgplayer{background:0 0!important}.channel-comp .player-wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.channel-comp .player-wrap .xgplayer-start{display:none!important}.channel-comp .player-wrap .xgplayer-placeholder{opacity:0!important}.channel-comp .player-wrap .xgplayer-controls{height:5px!important}.channel-comp .horiz-cover .cover-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;-webkit-transition:transform .3s ease;z-index:0;border-radius:16px}.channel-comp .horiz-cover .duration-badge{position:absolute;right:12px;bottom:14px;z-index:2;border-radius:4px;background:rgba(0,0,0,.5);padding:4px;font-size:12px;color:#fff;font-weight:500;line-height:12px;pointer-events:none}.channel-comp .channel-card-name,.channel-comp .video-desc{line-height:1.4em;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.channel-comp .progress-bar-wrap{position:absolute;bottom:0;left:0;width:100%;height:4px;background:rgba(255,255,255,.3);z-index:3;cursor:pointer;transition:height .15s ease;-webkit-transition:height .15s ease}.channel-comp .progress-bar-wrap:hover{height:8px}.channel-comp .progress-bar-fill{height:100%;background:#fff;transition:width .3s linear;-webkit-transition:width .3s linear}.channel-comp .mute-btn{position:absolute;top:10px;right:10px;z-index:2;width:30px;height:30px;border-radius:50%;background-image:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/dda01d6159c548c8f320c539da190437.png);background-size:68px 68px;background-position:-2px -36px;background-repeat:no-repeat;cursor:pointer}.channel-comp .mute-btn:hover{background-position:-36px -36px}.channel-comp .mute-btn.is-muted{background-position:-2px -2px}.channel-comp .mute-btn.is-muted:hover{background-position:-36px -2px}.channel-comp .card-info{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;-moz-flex-align:flex-start;align-items:flex-start;padding-top:12px}.channel-comp .card-info-center{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center}.channel-comp .channel-avatar{width:36px;height:36px;border-radius:50%;border:1px solid #eaeaea;background:#f0f0f0;flex-shrink:0;object-fit:cover}.channel-comp .card-meta{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;-moz-flex:1;flex:1;padding-left:10px;min-width:0}.channel-comp .video-desc{font-size:16px;color:#222;font-weight:700;display:-webkit-box;margin:0 0 4px;word-break:break-word}.channel-comp .channel-name{font-size:14px;color:#666;font-weight:500;display:block;overflow:hidden}.channel-comp .card-stats{font-size:14px;color:#666;font-weight:500;margin-top:4px;display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center}.channel-comp .dot-sep{display:inline-block;width:2px;height:2px;border-radius:50%;background:#666;margin:0 6px;flex-shrink:0}.channel-comp .channel-grid{margin-right:-24px;margin-bottom:-16px;display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;-moz-flex-align:flex-start;align-items:flex-start;flex-wrap:wrap}.channel-comp .channel-grid::-webkit-scrollbar{display:none}.channel-comp .channel-card{width:182px;height:236px;border-radius:16px;background:#f7f7f7;flex-shrink:0;display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;-moz-flex-direction:column;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;margin-right:16px;margin-bottom:16px;overflow:hidden}.channel-comp .channel-card:last-child{margin-right:0}.channel-comp .channel-card-avatar{width:70px;height:70px;border-radius:50%;border:1px solid #eaeaea;background:#fff;margin-top:28px;object-fit:cover;flex-shrink:0}.channel-comp .channel-card-name{height:46px;font-size:16px;color:#222;font-weight:700;text-align:center;padding:0 16px;margin:12px 0 0;width:100%;box-sizing:border-box;display:-webkit-box}.channel-comp .channel-card-subs{font-size:12px;color:#999;font-weight:400;text-align:center;flex-shrink:0}.channel-comp .subscribe-btn{width:114px;height:38px;border-radius:100px;background:#FE2442;display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;cursor:pointer;margin-top:12px;flex-shrink:0}.channel-comp .subscribe-btn span{font-size:14px;color:#fff;font-weight:700}.channel-comp .subscribe-btn:not(.subscribed):hover{opacity:.9}.channel-comp .subscribe-btn.subscribed{background:#E7E7E7;cursor:default}.channel-comp .subscribe-btn.subscribed span{color:#666}.channel-comp .horiz-cover .note-play-icon,.channel-comp .vert-cover .note-play-icon{position:absolute;right:8px;top:8px;width:26px;height:26px;background:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/efe83fde4cd6f04347c8872497739317.png) -5px -5px;background-size:66px auto;z-index:1;pointer-events:none}.channel-comp .ch-note-heart{width:16px;height:16px;background:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/2073f284ca6651324a05577f0b860743.png) -2px -2px no-repeat;background-size:40px 20px;margin-right:4px;flex-shrink:0}.channel-comp .ch-note-heart-active{background-position:-22px -2px}.channel-comp .vertical-grid{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;-moz-flex-align:flex-start;align-items:flex-start;flex-wrap:nowrap}.channel-comp .vertical-card{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;-moz-flex:1;flex:1;flex-shrink:0;cursor:pointer;margin-right:16px}.channel-comp .vertical-card:last-child{margin-right:0}.channel-comp .vert-cover{position:relative;width:100%;padding-bottom:133.46%;border-radius:16px;overflow:hidden;background:#f7f7f7}.channel-comp .vert-cover::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);opacity:0;z-index:1;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;pointer-events:none}.channel-comp .vert-cover:hover::after{opacity:1}.channel-comp .vert-cover .cover-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;-webkit-transition:transform .3s ease;border-radius:16px}.channel-comp .vert-cover .duration-badge{position:absolute;right:8px;bottom:8px;z-index:1;border-radius:4px;background:rgba(0,0,0,.5);padding:2px 6px;font-size:12px;color:#fff;font-weight:700;pointer-events:none}.channel-comp .popup-name,.channel-comp .vert-desc{color:#222;overflow:hidden;line-height:1.4em;-webkit-box-orient:vertical;-webkit-line-clamp:2}.channel-comp .vert-desc{font-size:16px;font-weight:600;margin-top:10px;display:-webkit-box;word-break:break-word}.channel-comp .vert-fullscreen-wrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:#000}.channel-comp .horiz-fullscreen-wrap .xgplayer-memoryplay{display:none!important}.channel-comp .popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:199;background:rgba(0,0,0,.4)}.channel-comp .subscribe-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:200;background:#fff;border-radius:24px;padding:64px 24px;width:594px;display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;-moz-flex-direction:column;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;box-shadow:0 8px 32px rgba(0,0,0,.16);box-sizing:border-box}.channel-comp .popup-close{position:absolute;top:24px;right:24px;width:18px;height:18px;cursor:pointer;background-image:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/58e863bcc84aa34b6c267c6f6e6471d4.png);background-size:contain;background-repeat:no-repeat;background-position:center}.channel-comp .popup-close:hover{opacity:.7}.channel-comp .popup-avatar{width:100px;height:100px;border-radius:50%;background:#f7f7f7;border:1px solid #eaeaea;object-fit:cover;flex-shrink:0}.channel-comp .popup-name{font-size:18px;font-weight:700;margin-top:16px;text-align:center;display:-webkit-box}.channel-comp .popup-subscribers{font-size:14px;color:#666;font-weight:400;margin-top:9px;text-align:center}.channel-comp .popup-join-btn{min-width:214px;height:44px;border-radius:100px;background:#FE2442;display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;cursor:pointer;margin-top:42px;font-size:16px;color:#fff;font-weight:400;flex-shrink:0}.channel-comp .popup-join-btn:hover{opacity:.9}.channel-plaza-comp .plaza-back-btn:hover .icon-back-arrow,.channel-plaza-comp .popup-close:hover{opacity:.7}.channel-plaza-comp{padding:0 32px;display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;-moz-flex-direction:column;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:stretch;-ms-flex-align:stretch;-moz-flex-align:stretch;align-items:stretch;height:100%}.channel-plaza-comp .plaza-nav{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;height:40px;flex-shrink:0;margin-bottom:16px}.channel-plaza-comp .plaza-back-btn{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;cursor:pointer}.channel-plaza-comp .icon-back-arrow{width:16px;height:16px;flex-shrink:0;margin-right:8px;background-image:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/1de8b047b673a36af5b39047401f86fb.png);background-size:contain;background-repeat:no-repeat;background-position:center}.channel-plaza-comp .plaza-nav-title{font-size:15px;color:#222;font-weight:400}.channel-plaza-comp .plaza-tabs{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;flex-shrink:0;margin-bottom:16px}.channel-plaza-comp .plaza-tab-item{height:40px;padding:0 16px;display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;font-size:16px;color:#666;font-weight:400;border-radius:20px;cursor:pointer;margin-right:4px}.channel-plaza-comp .plaza-tab-item:hover{color:#222}.channel-plaza-comp .plaza-tab-active{background:#f7f7f7;font-size:16px;color:#000;font-weight:500}.channel-plaza-comp .plaza-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.channel-plaza-comp .plaza-scroll::-webkit-scrollbar{display:none}.channel-plaza-comp .plaza-grid{margin-right:-16px;padding-top:8px;display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;-moz-flex-align:flex-start;align-items:flex-start;flex-wrap:wrap}.channel-plaza-comp .plaza-card{width:182px;height:250px;border-radius:16px;background:#f7f7f7;flex-shrink:0;display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;-moz-flex-direction:column;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;margin-right:16px;margin-bottom:16px;overflow:hidden;box-sizing:border-box}.channel-plaza-comp .plaza-card-avatar{width:70px;height:70px;border-radius:50%;border:1px solid #eaeaea;background:#fff;margin-top:28px;object-fit:cover;flex-shrink:0}.channel-plaza-comp .plaza-card-name{height:46px;font-size:15px;color:#222;font-weight:700;line-height:1.4em;text-align:center;padding:0 16px;margin:10px 0 0;width:100%;box-sizing:border-box;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.channel-plaza-comp .plaza-card-subs{font-size:12px;color:#999;font-weight:400;text-align:center;margin-top:4px;flex-shrink:0}.channel-plaza-comp .plaza-subscribe-btn{width:114px;height:38px;border-radius:100px;background:#FE2442;display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;cursor:pointer;margin-top:8px;flex-shrink:0}.channel-plaza-comp .plaza-subscribe-btn span{font-size:14px;color:#fff;font-weight:500}.channel-plaza-comp .plaza-subscribe-btn:not(.subscribed):hover{opacity:.9}.channel-plaza-comp .plaza-subscribe-btn.subscribed{background:#E7E7E7;cursor:default}.channel-plaza-comp .plaza-subscribe-btn.subscribed span{color:#666}.channel-plaza-comp .popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:199;background:rgba(0,0,0,.4)}.channel-plaza-comp .subscribe-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:200;background:#fff;border-radius:24px;padding:64px 24px;width:594px;display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;-moz-flex-direction:column;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;box-shadow:0 8px 32px rgba(0,0,0,.16);box-sizing:border-box}.channel-plaza-comp .popup-close{position:absolute;top:24px;right:24px;width:18px;height:18px;cursor:pointer;background-image:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/58e863bcc84aa34b6c267c6f6e6471d4.png);background-size:contain;background-repeat:no-repeat;background-position:center}#app .sidebar-login-btn:hover,.channel-plaza-comp .popup-join-btn:hover{opacity:.9}.channel-plaza-comp .popup-avatar{width:100px;height:100px;border-radius:50%;background:#f7f7f7;border:1px solid #eaeaea;object-fit:cover;flex-shrink:0}.channel-plaza-comp .popup-name{font-size:18px;color:#222;font-weight:700;line-height:1.4em;margin-top:16px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.channel-plaza-comp .popup-subscribers{font-size:14px;color:#666;font-weight:400;margin-top:9px;text-align:center}.channel-plaza-comp .popup-join-btn{min-width:214px;height:44px;border-radius:100px;background:#FE2442;display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;cursor:pointer;margin-top:42px;font-size:16px;color:#fff;font-weight:400;flex-shrink:0}#app .profile-view{padding:18px 32px 30px 0;overflow:auto;scrollbar-width:none}#app .profile-view::-webkit-scrollbar{display:none}#app .profile-view .profile-header{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center;-webkit-align-items:flex-start;-ms-flex-align:flex-start;-moz-flex-align:flex-start;align-items:flex-start}#app .profile-view .profile-header .profile-avatar-wrap{width:180px;height:180px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}#app .profile-view .profile-header .profile-avatar-wrap .profile-avatar{width:100%;height:100%;object-fit:cover;display:block;background:#d8d8d8}#app .profile-view .profile-header .profile-info{margin-left:66px;position:relative}#app .profile-view .profile-header .profile-info .info-top{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:space-between;-ms-flex-pack:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;-ms-flex-align:flex-start;-moz-flex-align:flex-start;align-items:flex-start;width:100%}#app .profile-view .profile-header .profile-info .info-top .user-name-group .user-name-row{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;width:420px}#app .profile-view .profile-header .profile-info .info-top .user-name-group .user-name-row .user-name{font-size:24px;color:#333;font-weight:500;line-height:1em}#app .profile-view .profile-header .profile-info .info-top .user-name-group .user-name-row .auth-badge{width:18px;height:18px;margin-left:5px;display:block}#app .profile-view .profile-header .profile-info .info-top .user-name-group .user-id{font-size:12px;color:#999;font-weight:400;margin-top:10px}#app .profile-view .profile-header .profile-info .info-top .follow-btn-group{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center}#app .profile-view .profile-header .profile-info .info-top .follow-btn-group .follow-btn{font-size:16px;color:#fff;font-weight:500;padding:10px 34px;border-radius:102px;cursor:pointer;line-height:1.3em;white-space:nowrap}#app .profile-view .profile-header .profile-info .info-top .follow-btn-group .follow-btn.follow-btn-active{background:#ff2d4d;color:#fff}#app .profile-view .profile-header .profile-info .info-top .follow-btn-group .follow-btn.follow-btn-gray{background:#f0f0f0;color:#333}#app .profile-view .profile-header .profile-info .user-bio{font-size:14px;color:#333;font-weight:400;line-height:20px;margin-top:18px;width:362px;word-break:break-all}#app .profile-view .profile-header .profile-info .user-tags{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap;margin-top:18px;max-width:800px}#app .profile-view .profile-header .profile-info .user-tags .user-tag{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;font-size:12px;color:#999;font-weight:400;background:#f8f8f8;border-radius:58px;padding:8px;line-height:1.083em}#app .profile-view .profile-header .profile-info .user-tags .user-tag .gender-icon{display:block;margin-right:4px}#app .profile-view .profile-header .profile-info .user-tags .user-tag .gender-icon.bg-Frame_male{width:10px;height:10px;background:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/d55874d08e4ecaa27eae1f9b764c5489.png) -5px -5px;background-size:40px auto}#app .profile-view .profile-header .profile-info .user-tags .user-tag .gender-icon.bg-Frame_female{width:10px;height:10px;background:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/d55874d08e4ecaa27eae1f9b764c5489.png) -25px -5px;background-size:40px auto}#app .profile-view .profile-header .profile-info .user-tags .user-tag .gender-icon-empty{margin-right:0}#app .profile-view .profile-header .profile-info .user-tags .user-tag+.user-tag{margin-left:5px}#app .profile-view .profile-header .profile-info .user-medals{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap;margin-top:10px;max-width:800px}#app .profile-view .profile-header .profile-info .user-medals .medal-item{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;background:#f8f8f8;border-radius:58px;padding:8px;margin-right:5px;margin-bottom:5px}#app .profile-view .profile-header .profile-info .user-medals .medal-item .medal-icon{width:13px;height:13px;display:block}#app .profile-view .profile-header .profile-info .user-stats{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;margin-top:20px}#app .profile-view .profile-header .profile-info .user-stats .stat-item{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center}#app .profile-view .profile-header .profile-info .user-stats .stat-item .stat-num{font-size:14px;color:#000;font-weight:500;margin-right:5px}#app .profile-view .profile-header .profile-info .user-stats .stat-item .stat-label{font-size:14px;color:#666;font-weight:400}#app .profile-view .profile-header .profile-info .user-stats .stat-item+.stat-item{margin-left:20px}#app .profile-view .notes-section{margin-top:60px}#app .profile-view .notes-section .notes-top-tab{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;margin-bottom:20px}#app .profile-view .notes-section .notes-top-tab .notes-top-tab-item{font-size:16px;color:#000;font-weight:500;background:#f7f7f7;border-radius:72px;padding:9px 17px;line-height:1.4em;cursor:pointer}#app .profile-view .notes-section .notes-top-tab .notes-top-tab-item.top-tab-active{background:#f7f7f7;color:#000}#app .profile-view .notes-section .notes-tab-bar{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;padding:20px 0;border-top:1px solid #EDEDED}#app .profile-view .notes-section .notes-tab-bar .notes-tab-item{font-size:16px;color:#222;font-weight:500;border-radius:72px;padding:9px 17px;line-height:1.4em;cursor:pointer;margin-right:16px;background:0 0}#app .profile-view .notes-section .notes-tab-bar .notes-tab-item:last-child{margin-right:0}#app .profile-view .notes-section .notes-tab-bar .notes-tab-item.notes-tab-active{background:#f7f7f7;font-weight:600}#app .profile-view .notes-section .notes-tab-bar .notes-tab-private{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center}#app .profile-view .notes-section .notes-tab-bar .notes-tab-private .lock-icon{width:13px;height:13px;background:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/2530b58a041b1f70589f282e427c3c34.png) center/contain no-repeat;margin-right:4px}#app .profile-view .gotoTop{width:58px;height:58px;position:absolute;right:28px;bottom:8px;cursor:pointer;background:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/63ac92a8a1c1d5289cd380f32ddde1b9.png) -5px -5px no-repeat;background-size:116px auto}#app .profile-view .gotoTop:hover{background-position:-63px -5px}body,html{min-height:100vh;background:#fff;margin:0;padding:0}#app .sidebar-nav-item-active,#app .sidebar-nav-item:hover,#app .sidebar-user-item:hover{background:#f7f7f7}.cursor-pointer{cursor:pointer}#app{height:100vh;overflow-y:hidden}#app .page-main{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:stretch;-ms-flex-align:stretch;-moz-flex-align:stretch;align-items:stretch;max-width:1728px;min-width:1200px;width:100%;margin:0 auto;padding:18px 0 0;height:calc(100vh - 72px);box-sizing:border-box;overflow:hidden}#app .page-sidebar{width:270px;flex-shrink:0;margin-left:12px;display:flex;flex-direction:column;overflow:hidden}#app .sidebar-nav-item,#app .sidebar-user-item{display:box;width:270px;border-radius:24px;margin-bottom:8px;cursor:pointer}#app .sidebar-nav-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;height:48px;padding:0 18px}#app .sidebar-user-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;padding:12px 18px;box-sizing:border-box}#app .user-avatar{width:24px;height:24px;aspect-ratio:1/1;border-radius:50%;flex-shrink:0;object-fit:cover;margin-right:12px}#app .user-nickname{font-size:16px;color:#333;font-weight:700;line-height:16px;overflow:hidden;max-width:196px}#app .icon-find{width:24px;height:24px;background:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/0790f849c540cb6e221645e93811224a.png) center no-repeat;background-size:24px 24px;flex-shrink:0;margin-right:8px}#app .sidebar-nav-text{font-size:16px;color:#333;font-weight:700}#app .sidebar-login-btn{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;width:270px;height:48px;border-radius:24px;background:#ff2e4d;cursor:pointer;margin:18px auto 14px}#app .sidebar-login-text{font-size:16px;color:#fff;font-weight:700}#app .sidebar-promo-card{padding-bottom:20px;position:relative;width:270px;border-radius:16px;border:1px solid #ededed;background:#fff;margin-bottom:16px;overflow:hidden}#app .promo-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;border:1px solid #ededed;z-index:0}#app .promo-card-title,#app .promo-feature-item{position:relative;z-index:1}#app .promo-card-title{font-size:14px;color:#222;font-weight:700;line-height:20px;padding:12px 14px 7px;margin:0}#app .promo-feature-item{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;padding:0 14px;height:16px;margin-top:10px}#app .icon-like-feature,#app .icon-search-feature{flex-shrink:0;width:16px;height:16px;margin-right:8px}#app .icon-like-feature{background:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/4108e3b49e66f96b83bd33dd1bd81df1.png) center no-repeat;background-size:16px 16px}#app .icon-search-feature{background:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/c4a54e0592d72732347f20408c4c2d22.png) center no-repeat;background-size:16px 16px}#app .icon-message-feature{width:16px;height:16px;background:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/73932d45968f24ac67736fc9d2e6b06d.png) center no-repeat;background-size:16px 16px;flex-shrink:0;margin-right:8px}#app .promo-feature-text{font-size:14px;color:#999;font-weight:400;line-height:20px}#app .sidebar-footer{padding:0 0 40px;margin-top:auto;display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;-moz-flex-direction:column;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;-moz-flex-align:flex-start;align-items:flex-start}#app .footer-copyright,#app .footer-email,#app .footer-link{font-size:12px;line-height:16px;margin:6px 0 0;font-weight:400}#app .footer-link{color:#999}#app .footer-link:hover{color:#222}#app .footer-copyright,#app .footer-email{color:#999}#app .footer-email:hover{color:#222}#app .page-content{padding:0 0 0 32px;flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}#app .page-tab-content{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}#app .content-tabs-area{padding-left:32px;padding-right:32px;position:relative;display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;-moz-flex-align:flex-start;align-items:flex-start;flex-shrink:0;margin-bottom:7px}#app .content-tabs{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;flex-wrap:wrap;overflow:hidden;flex:1;min-width:0;align-content:flex-start}#app .content-tabs.tabs-expanded{flex-wrap:wrap;overflow:visible}#app .tabs-expand-wrap{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;-moz-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;position:absolute;right:32px;top:0;height:44px;cursor:pointer}#app .tabs-expand-mask{margin-right:-5px;width:60px;height:44px;background:linear-gradient(270deg,#FFF 59.94%,rgba(255,255,255,0) 100%);pointer-events:none}#app .tabs-toggle-icon-down{width:40px;height:30px;flex-shrink:0;background:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/6bad36895eae3dac919a6e506399f768.png) center no-repeat;background-size:100% 100%}#app .tabs-toggle-icon-up{width:40px;height:30px;flex-shrink:0;background:url(https://txcdn-file-m-mvbox-cn.wehappy.cc/handup/68f5fe56c6438ec5c6de29860d0ae1cc.png) center no-repeat;background-size:100% 100%}#app .tabs-collapse-btn{display:box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-webkit-justify-content:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;-moz-flex-align:center;align-items:center;cursor:pointer;padding:12px 8px;flex-shrink:0}#app .content-list{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;padding-top:18px}#app .content-list::-webkit-scrollbar{display:none}#app .tab-item{font-size:16px;color:#666;font-weight:400;line-height:22px;white-space:nowrap;padding:9px 17px;cursor:pointer;border-radius:20px;flex-shrink:0}#app .tab-item:hover{color:#222}#app .tab-item-active{background:#f7f7f7;font-size:16px;color:#000;font-weight:700}@media screen and (max-width:1199px){#app .page-sidebar{display:none}}.xgplayer-controls .xgplayer-volume .xgplayer-slider{left:3px!important}.xgplayer-controls .xgplayer-volume .xgplayer-icon{bottom:0!important}