:root{--size-bottom:100px;--size-page-width:240px}.info-title{color:#978568;font-size:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.index-swiper .dx-tag{background-color:#4774ff!important}.tips{background-color:#212b44!important}.info{width:450px;left:0!important}.info-desc{margin-bottom:20px!important}.action,.info{bottom:var(--size-bottom)}.index-swiper{--swiper-pagination-color:#fff}.index-swiper .swiper-pagination{text-align:left}.index-swiper .page-item{width:var(--size-page-width);height:var(--size-bottom)}.index-swiper .linear-bg{position:absolute;top:50%;right:0;bottom:0;left:0;background:linear-gradient(to top,#fff,#ffffff00)}.index-swiper .left-linear-bg{position:absolute;top:0;bottom:0;left:0;width:20%;background:linear-gradient(to right,#fff,#ffffff00)}.index-swiper .action,.index-swiper .info{z-index:222}.index-swiper .swiper-image-slide .action,.pagination-swiper .pagination-swiper-item.is-active .poster::after,.pagination-swiper .swiper-button-next::after,.pagination-swiper .swiper-button-prev::after{display:none}.index-swiper .video-container{position:absolute;left:0;top:0;right:0;bottom:0;z-index:11;opacity:0;transition:opacity .2s}.index-swiper .swiper-pagination{right:12px;display:none}.is-playing .video-container{opacity:1}.pagination-swiper{--gap:20px;--swiper-navigation-size:80px;margin-top:-50px;display:none}.pagination-swiper .cover{border-radius:8px}.pagination-swiper .swiper-button-next,.pagination-swiper .swiper-button-prev{color:#fff;border-radius:4px;color:var(--color-primary);width:12px!important}.pagination-swiper .poster::after{display:block;content:'';background-color:rgba(0,0,0,.5);position:absolute;left:0;top:0;right:0;bottom:0;border-radius:8px}.is-vol .vol-on,.pagination-swiper.is-init{display:block}.btn-change-volume{border-radius:50%;padding:10px;background:linear-gradient(to bottom,rgba(42,42,42,.89),rgba(101,101,101,.58))}.is-vol .vol-off,.vol-on{display:none}.is-vol .poster{opacity:0}.swiper-video-slide .poster{transition:opacity .5s}.is-active .progress-wrapper{opacity:1}.progress-wrapper{position:absolute;bottom:6px;left:6px;width:100%;opacity:0}.progress{width:35%;height:4px;background:rgba(154,154,154,.7);border-radius:50px;position:relative;transition:height .2s}.progress-bar{width:var(--progress-percent, 0%);height:100%;background:#fff;border-radius:3px;position:relative}.info-desc,.tips{white-space:nowrap}.info-desc{flex-wrap:wrap;gap:12px}#app-header{padding-top:0}.tips{text-overflow:ellipsis;overflow:hidden;max-width:35vw}@media (max-width:768px){#app-header{padding-top:var(--size-header-height)}.pagination-swiper{display:none!important}.info-desc,.tips{display:none}.info{bottom:10px;left:10px;margin:0}.info-title{font-size:14px;color:#fff;max-width:40vw;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-left:12px}.index-swiper{--swiper-pagination-bullet-size:6px;border-radius:4px}.index-swiper .linear-bg{background:linear-gradient(to top,#000,transparent)}.index-swiper .swiper-pagination{display:block;text-align:right;left:initial}.left-linear-bg,.link-to-video{display:none}.action{right:10px;bottom:36px}}@media (min-width:768px){#app-header .app-header{color:#fff;background:linear-gradient(to left,rgba(0,0,0,.1),transparent);box-shadow:none}#app-header #app-search,#app-header .app-header .group{color:#fff}#app-header .logo-container{background-color:#fff}#app-header #app-search::-moz-placeholder{color:#fff}#app-header #app-search::placeholder{color:#fff}}.pagination-swiper-item{--gap:12px;width:calc((100% - var(--gap)*6)/7)}.pagination-swiper .swiper-button-next{right:20px}.pagination-swiper .swiper-button-next,.pagination-swiper .swiper-button-prev{margin-top:calc(0px - (var(--swiper-navigation-size)/2) - 14px);color:rgba(255,255,255,.8)}.pagination-swiper .swiper-button-disabled{opacity:0!important}.pagination-swiper .swiper-button-next,.pagination-swiper .swiper-button-prev{opacity:0;transition:opacity .3s ease,transform .3s ease}.pagination-swiper .swiper-button-prev{transform:translateX(-20px)}.pagination-swiper .swiper-button-next{transform:translateX(20px)}.pagination-swiper:hover .swiper-button-next,.pagination-swiper:hover .swiper-button-prev{opacity:1;transform:translateX(0)}.ad-swiper{overflow:visible;--swiper-pagination-bottom:-32px;--swiper-pagination-bullet-inactive-opacity:1;--swiper-pagination-bullet-inactive-color:#D9D9D9;--swiper-pagination-bullet-size:10px}@media (max-width:768px){.ad-swiper{--swiper-pagination-bullet-size:8px}}