/*
Generated time: April 24, 2025 08:08
This file was created by the app developer. Feel free to contact the original developer with any questions. It was minified (compressed) by AVADA. AVADA do NOT own this script.
*/
*{margin:0;padding:0;box-sizing:border-box}body{overscroll-behavior:none;touch-action:none}a,a:active,a:hover,a:link,a:visited{text-decoration:none;color:inherit}.right-mouse{cursor:url("/cdn/shop/files/right.png?v=1717723582"),auto}.left-mouse{cursor:url("/cdn/shop/files/left.png?v=1717723583"),auto}.next-button,.prev-button{display:none}.header{z-index:10;top:150px;position:fixed;width:100%;display:flex;justify-content:space-between;padding:20px calc(var(--util-width) * 5)}.swiper-slide-temp{display:none!important}.header .back-button{position:absolute;right:calc(var(--util-width) * 5);display:flex;display:none;justify-content:center;align-items:center;gap:10px;cursor:pointer;top:0}.header .back-button svg{width:20px}.header .show{display:flex!important;animation:show-text 1s;animation-delay:.5s;animation-fill-mode:both}.header .remove-ani{animation:remove-text 1s;animation-fill-mode:both}.swiper-button-next,.swiper-button-prev{width:30px;height:30px;border-radius:50%;background:#fdea02}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:">";font-size:16px;font-weight:600;color:#000;height:19px}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"<";font-size:16px;font-weight:600;color:#000;height:19px}.containerlist{overflow:auto;display:flex;justify-content:center;position:relative;background:#282828}.containerlist .background{width:100%;display:flex;justify-content:flex-end;position:relative}.containerlist .background img{height:100vh;opacity:0;transition:all 1.5s}.containerlist .background .b2{position:absolute;left:0;top:0}.containerlist .background .show{opacity:1}.containerlist .content-box{transition:all 1s;margin-left:100px;width:calc(var(--util-width) * 35);position:absolute;left:0;top:40%;transform:translateY(-50%);cursor:text}.containerlist .content-box .tips{font-size:14px;font-weight:600;will-change:transform;color:#fdea02}.containerlist .content-box .title{font-size:36px;font-weight:600;will-change:transform;color:#fdea02;font-family:"Pirulen Rg"}.containerlist .content-box .content{padding-top:20px;font-size:16px;line-height:2;max-width:80%;color:#838181;will-change:transform}.containerlist .content-box .button{font-size:17px;margin-top:30px;font-weight:600;cursor:pointer;display:inline-block;--line-width:0%;color:#fff}#toggle-music{z-index:99;position:absolute;bottom:180px;left:90px;color:#fff}.containerlist .content-box .button .line{margin-top:5px;width:var(--line-width);height:1px;background-color:#000}.containerlist .change-text .tips{animation:change-text 1.5s}.containerlist .change-text .title{animation:change-text 1.5s}.containerlist .change-text .content{animation:change-text 1.5s;animation-delay:.1s}.containerlist .img-list{transition:all 1s;position:absolute;width:calc(var(--util-width) * 65);height:100%;left:calc(var(--util-width) * 35);perspective:10px}.containerlist .img-list .slide{position:absolute;left:0;top:50%;transform:translate3d(calc(var(--util-width) * 150),-50%,-20px);width:calc(var(--util-width) * 30);filter:blur(50px);transition:all 1.5s,top .8s,left .8s}.containerlist .img-list .slide-1{--offset-x:0px;--offset-y:0px;position:absolute;left:var(--offset-x);top:calc(50% + var(--offset-y));transform:translate3d(0,-50%,0);width:calc(var(--util-width) * 30);filter:blur(0px);cursor:pointer}.containerlist .img-list .slide-2{position:absolute;left:0;top:50%;transform:translate3d(calc(var(--util-width) * 35),-50%,-4px);width:calc(var(--util-width) * 30);filter:blur(10px);pointer-events:none}.containerlist .img-list .slide-3{position:absolute;left:0;top:50%;transform:translate3d(calc(var(--util-width) * 80),-50%,-10px);width:calc(var(--util-width) * 30);filter:blur(50px);pointer-events:none}.containerlist .img-list .remove-slide{animation:remove-slide 1.5s}@keyframes remove-slide{from{transform:translate3d(0,-50%,0)}to{transform:translate3d(0,-50%,10px)}}.containerlist .img-list .slide-1-in{animation:slide-1-in 1.5s}@keyframes slide-1-in{from{transform:translate3d(0,-50%,10px)}to{transform:translate3d(0,-50%,0)}}.containerlist .detail-style{transform:translateX(calc(var(--util-width) * 65))}.containerlist .show-item-image{position:absolute;z-index:9;left:calc(var(--util-width) * 5);top:20%;width:calc(var(--util-width) * 30);animation:show-item-image 1s}.containerlist .page-info{position:absolute;right:calc(var(--util-width) * 5);bottom:calc(var(--util-width) * 5);display:flex;align-items:flex-end;gap:10px;color:#8d8d8d;line-height:1}.containerlist .page-info .now-page{font-size:24px;font-weight:600;color:#fff;margin-bottom:-2px}.containerlist .page-info .page-number{font-size:16px}.containerlist .page-info-leave{animation:remove-page 1.5s;animation-fill-mode:both}.containerlist .page-info-in{animation:show-page 1.5s}@keyframes show-item-image{0%{left:var(--left)}100%{left:calc(var(--util-width) * 5)}}.containerlist .remove-item-ani{animation:remove-item-image 1s;animation-fill-mode:forwards}.containerlist .context-box-2{position:absolute;z-index:9;width:calc(var(--util-width) * 60);right:0;height:100%;display:none;flex-direction:column;justify-content:center}.containerlist .context-box-2 .inner-box{padding-right:calc(var(--util-width) * 5)}.containerlist .context-box-2 .tips{font-size:14px;font-weight:600;will-change:transform;color:#fdea02}.containerlist .context-box-2 .title{font-size:36px;font-weight:600;will-change:transform;font-family:"Pirulen Rg"}.containerlist .context-box-2 .content{column-width:calc(var(--util-width) * 27 - 25px);column-gap:50px;padding-top:20px;font-size:16px;line-height:2;color:#838181}.containerlist .context-box-2 .swiper{margin-top:40px;width:100%}.containerlist .context-box-2 .swiper .swiper-slide{display:flex;flex-direction:column}.containerlist .context-box-2 .swiper .swiper-slide .tag-title{font-size:14px;font-weight:600;color:#fdea02}.containerlist .context-box-2 .swiper .swiper-slide .progress-box{margin-top:10px;height:2px;width:100%;background-color:#d2d2d2}.containerlist .context-box-2 .swiper .swiper-slide .progress-box::before{display:block;content:"";width:var(--progress);height:100%}.containerlist .context-box-2 .swiper .swiper-slide .tag-tips{margin-top:5px;font-size:15px;color:#fff;display:inline-block;text-align:right;align-self:flex-end;cursor:pointer}.containerlist .context-box-2-show{display:flex!important}.containerlist .context-box-2-show .tips{animation:show-text 1.5s}.containerlist .context-box-2-show .title{animation:show-text 1.5s}.containerlist .context-box-2-show .content{animation:show-text 1.5s;animation-delay:.1s;animation-fill-mode:backwards}.containerlist .context-box-2-show .swiper{animation:show-text 1.5s;animation-delay:150ms;animation-fill-mode:backwards}.containerlist .context-box-2-remove{display:flex}.containerlist .context-box-2-remove .tips{animation:remove-text 1s;animation-fill-mode:both}.containerlist .context-box-2-remove .title{animation:remove-text 1s;animation-fill-mode:both}.containerlist .context-box-2-remove .content{animation:remove-text 1s;animation-delay:.1s;animation-fill-mode:both}.containerlist .context-box-2-remove .swiper{animation:remove-text 1s;animation-delay:150ms;animation-fill-mode:both}@keyframes remove-item-image{0%{left:calc(var(--util-width) * 5)}100%{left:calc(var(--util-width) * 35)}}@keyframes change-text{0%{transform-origin:bottom;transform:rotate3d(0,0,0,10deg) translateY(0);opacity:1}50%{transform-origin:bottom;transform:rotate3d(1,0,0,10deg) translateY(20px);opacity:0}100%{transform-origin:bottom;transform:rotate3d(0,0,0,10deg) translateY(0);opacity:1}}@keyframes show-text{0%{transform-origin:bottom;transform:rotate3d(1,0,0,10deg) translateY(20px);opacity:0}100%{transform-origin:bottom;transform:rotate3d(0,0,0,10deg) translateY(0);opacity:1}}@keyframes remove-text{0%{transform-origin:bottom;transform:rotate3d(0,0,0,10deg) translateY(0);opacity:1}100%{transform-origin:bottom;transform:rotate3d(1,0,0,10deg) translateY(-20px);opacity:0}}@keyframes show-page{0%{transform-origin:bottom;transform:rotate3d(1,0,0,10deg) translateY(20px);opacity:0}100%{transform-origin:bottom;transform:rotate3d(0,0,0,10deg) translateY(0);opacity:1}}@keyframes remove-page{0%{transform-origin:bottom;transform:rotate3d(0,0,0,10deg) translateY(0);opacity:1}100%{transform-origin:bottom;transform:rotate3d(1,0,0,10deg) translateY(20px);opacity:0}}@media screen and (max-width:768px){.containerlist{position:relative;overflow:auto}.img-list{display:flex;position:relative;width:100%;transition:transform .5s ease-in-out}.img-list img{position:absolute;width:100%;transition:transform .3s ease-in-out;top:0;left:0;opacity:0;transform:translateX(100%)}.img-list .slide.active{opacity:1;transform:translateX(0)}.img-list img.prev{opacity:1;transform:translateX(-100%)}.img-list img.next{opacity:1;transform:translateX(100%)}.next-button,.prev-button{position:absolute;display:block;top:50%;transform:translateY(-50%);color:#fff;padding:10px;cursor:pointer;z-index:5}.context-box-2.show~.switch-btn{display:none!important}.prev-button{left:10px}.next-button{right:10px}.img-list{flex-direction:row}.img-list img{width:100%}.containerlist .context-box-2-show{display:flex}.containerlist .context-box-2{position:absolute;z-index:9;width:90%;right:0;height:70%;flex-direction:column;justify-content:center;top:10%}.containerlist .show-item-image{display:none}.containerlist .content-box{margin-left:20px;width:100%;top:17%;padding-right:20px;line-height:1.5}.containerlist .content-box .title{font-size:21px}.containerlist .content-box .content{max-width:100%;font-size:14px;padding-right:30px}.containerlist .img-list{left:calc(var(--util-width) *);width:calc(var(--util-width) * 100);height:30%;top:30%}.containerlist .img-list .slide-1{top:calc(58% + var(--offset-y));transform:translate3d(0,-50%,0);width:calc(var(--util-width) * 100)}.containerlist .img-list .slide-2{top:63%;left:5%;width:calc(var(--util-width) * 100);transform:translate3d(calc(var(--util-width) * 65),-50%,-4px)}.containerlist .img-list .slide-3{top:70%;left:60%;width:calc(var(--util-width) * 100)}#toggle-music{bottom:20px;left:20px}.containerlist .context-box-2 .title{font-size:20px}}