.upv-video-card{--title-font-size:15px;--title-line-height:22px;--subtitle-font-size:13px;--subtitle-line-height:16px;--info-margin-top:8px;--avatar-size:36px;--avatar-margin-right:8px;--icon-size:18px;--title-padding-right:16px}.upv-video-card a{background-color:var(--bg3);border-radius:6px;color:var(--text4);display:block;overflow:hidden}.upv-video-card__image{object-fit:cover}.upv-video-card__loading{background-color:var(--bg3);z-index:1}.upv-video-card__loading--hidden{z-index:-1}.upv-video-card__error{background-color:var(--bg3);z-index:-1}.upv-video-card__error--show{z-index:1}.upv-video-card__nocover{background-color:var(--bg3);padding:1em;z-index:-1}.upv-video-card__nocover--show{z-index:1}.upv-video-card__nocover>span{overflow-x:hidden;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upv-video-card__nocover>span.large{font-size:1.5em}.upv-video-card__content{margin-top:var(--info-margin-top)}.upv-video-card__content__title{display:-webkit-box;font-size:var(--title-font-size);line-height:var(--title-line-height);overflow:hidden;padding-right:var(--title-padding-right);-webkit-box-orient:vertical;cursor:pointer;font-weight:500;line-break:anywhere;-webkit-line-clamp:2;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;transition:color .2s linear;word-break:break-word!important}.upv-video-card__content__title:hover{color:var(--p)}.upv-video-card__content__author{color:#9499a0;font-size:var(--subtitle-font-size);line-height:var(--subtitle-line-height);margin-top:4px}.dark .upv-video-card a{background-color:#4a4a4a}.live-card{background-color:#6668ab;border-radius:6px;color:#fff;display:flex}.live-card .live-avatar{height:100px;margin-right:16px;width:100px}.live-card .live-info{display:flex;flex-direction:column;justify-content:space-evenly}.live-card .live-info>span:first-child{font-size:18px;font-weight:700}@media(max-width:768px){.live-card .live-avatar{height:60px;width:60px}}.aspect-ratio{max-width:100%;position:relative}.aspect-ratio__fill{content:"";display:block;height:0}.aspect-ratio__fill>*{align-items:center;display:flex;height:100%;inset:0;justify-content:center;overflow:hidden;position:absolute!important;width:100%}.upv-grid{display:grid;margin:38px auto;width:100%;grid-gap:20px 12px;grid-template-rows:auto;max-width:1280px}@media(max-width:768px){.upv-grid{margin:14px auto;min-width:100%;padding:0 10px;grid-gap:20px 12px}.upv-grid.col-2{grid-gap:40px 0!important;grid-template-columns:1fr!important}.upv-grid.col-2 .upv-card-list .list-body{grid-template-columns:repeat(4,1fr)}.upv-grid .list-body{grid-template-columns:repeat(3,1fr)!important}.upv-grid.is-live .upv-card-list .list-body{grid-template-columns:repeat(2,1fr)!important}}.upv-grid.col-2{grid-auto-rows:minmax(-webkit-min-content,-webkit-max-content);grid-auto-rows:minmax(min-content,max-content);grid-template-columns:4fr 2fr;grid-gap:0 20px}.upv-grid.col-2 .upv-card-list .list-body{grid-template-columns:repeat(4,1fr)}.upv-grid.is-live .upv-card-list .list-body{grid-template-columns:repeat(3,1fr)}.upv-grid aside{min-height:350px;overflow:hidden}.upv-grid .upv-card-list{margin:0 auto;min-height:350px;width:100%}.upv-grid .upv-card-list .list-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:18px;z-index:1}.upv-grid .upv-card-list .list-header>div{align-items:center;display:flex}.upv-grid .upv-card-list .list-header>div img,.upv-grid .upv-card-list .list-header>div svg{height:30px;margin-right:6px;width:30px}.upv-grid .upv-card-list .list-header>div h2{font-size:24px;margin-right:10px}.upv-grid .upv-card-list .list-header__more{align-items:center;background-color:var(--bg1_float);border:1px solid var(--line_regular);border-radius:8px;color:var(--text1);cursor:pointer;display:flex;font-size:12px;height:31px;justify-content:center;margin-left:8px;padding:7px 12px;transform-origin:center;transition:.2s}.upv-grid .upv-card-list .list-header__more:hover{background-color:var(--graph_bg_thick)}.upv-grid .upv-card-list .list-header__more>svg{margin-left:2px;transform:rotate(-90deg)}.upv-grid .upv-card-list .list-body{display:grid;width:100%;grid-gap:38px 25px;grid-column:span 5;grid-template-columns:repeat(6,1fr)}.upv-grid .upv-card-list .list-body .loading{animation:loading 5s ease-in-out infinite}.upv-grid .aside-header{align-items:center;display:flex;flex-direction:row;height:28px;justify-content:space-between;margin-bottom:12px}.upv-grid .aside-header .aside-title{align-items:center;display:flex;font-size:24px;justify-content:flex-start;margin-right:10px;transition:color .2s linear}@keyframes loading{2%{transform:translateY(1.5px) rotate(1.5deg)}4%{transform:translateY(-1.5px) rotate(-.5deg)}6%{transform:translateY(1.5px) rotate(-1.5deg)}8%{transform:translateY(-1.5px) rotate(-1.5deg)}10%{transform:translateY(2.5px) rotate(1.5deg)}12%{transform:translateY(-.5px) rotate(1.5deg)}14%{transform:translateY(-1.5px) rotate(1.5deg)}16%{transform:translateY(-.5px) rotate(-1.5deg)}18%{transform:translateY(.5px) rotate(-1.5deg)}20%{transform:translateY(-1.5px) rotate(2.5deg)}22%{transform:translateY(.5px) rotate(-1.5deg)}24%{transform:translateY(1.5px) rotate(1.5deg)}26%{transform:translateY(.5px) rotate(.5deg)}28%{transform:translateY(.5px) rotate(1.5deg)}30%{transform:translateY(-.5px) rotate(2.5deg)}32%{transform:translateY(1.5px) rotate(-.5deg)}34%{transform:translateY(1.5px) rotate(-.5deg)}36%{transform:translateY(-1.5px) rotate(2.5deg)}38%{transform:translateY(1.5px) rotate(-1.5deg)}40%{transform:translateY(-.5px) rotate(2.5deg)}42%{transform:translateY(2.5px) rotate(-1.5deg)}44%{transform:translateY(1.5px) rotate(.5deg)}46%{transform:translateY(-1.5px) rotate(2.5deg)}48%{transform:translateY(-.5px) rotate(.5deg)}50%{transform:translateY(.5px) rotate(.5deg)}52%{transform:translateY(2.5px) rotate(2.5deg)}54%{transform:translateY(-1.5px) rotate(1.5deg)}56%{transform:translateY(2.5px) rotate(2.5deg)}58%{transform:translateY(.5px) rotate(2.5deg)}60%{transform:translateY(2.5px) rotate(2.5deg)}62%{transform:translateY(-.5px) rotate(2.5deg)}64%{transform:translateY(-.5px) rotate(1.5deg)}66%{transform:translateY(1.5px) rotate(-.5deg)}68%{transform:translateY(-1.5px) rotate(-.5deg)}70%{transform:translateY(1.5px) rotate(.5deg)}72%{transform:translateY(2.5px) rotate(1.5deg)}74%{transform:translateY(-.5px) rotate(.5deg)}76%{transform:translateY(-.5px) rotate(2.5deg)}78%{transform:translateY(-.5px) rotate(1.5deg)}80%{transform:translateY(1.5px) rotate(1.5deg)}82%{transform:translateY(-.5px) rotate(.5deg)}84%{transform:translateY(1.5px) rotate(2.5deg)}86%{transform:translateY(-1.5px) rotate(-1.5deg)}88%{transform:translateY(-.5px) rotate(2.5deg)}90%{transform:translateY(2.5px) rotate(-.5deg)}92%{transform:translateY(.5px) rotate(-.5deg)}94%{transform:translateY(2.5px) rotate(.5deg)}96%{transform:translateY(-.5px) rotate(1.5deg)}98%{transform:translateY(-1.5px) rotate(-.5deg)}0%,to{transform:translate(0) rotate(0deg)}}.rank-video-list{height:100%;--index-font-size:14px;--index-line-height:20px;--title-font-size:14px;--title-line-height:18px;--subtitle-font-size:12px;--subtitle-line-height:16px;--icon-size:18px;--graph_weak:#c9ccd0}.rank-video-list__list{box-sizing:border-box;display:grid;height:100%;list-style:none;overflow:hidden}.rank-video-list .loading{animation:loading 5s ease-in-out infinite}.rank-video-list__item{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:flex-start;overflow:hidden;padding:8px 0;width:100%}.rank-video-list__item--index{color:var(--graph_weak);font-size:var(--index-font-size);font-style:italic;font-weight:600;line-height:var(--index-line-height);margin-right:6px;text-align:center;width:20px}.rank-video-list__item--index[data-index="0"]{color:#ff473d}.rank-video-list__item--index[data-index="1"]{color:#ff6a29}.rank-video-list__item--index[data-index="2"]{color:#ff9214}.rank-video-list__item h3{font-size:var(--title-font-size);line-break:anywhere;-webkit-line-clamp:1;line-height:var(--title-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;word-break:break-word!important}