.yui-avatar{position:relative;transition:all .5s}.yui-avatar:hover{transform:scale(1.1)}.yui-avatar .yui-avatar-img{overflow:hidden;background-size:contain;background-repeat:no-repeat;z-index:9;position:relative;transform:scale(1.2);height:100%;width:100%}.yui-avatar>img{border-radius:50%;position:absolute;top:0}
.page-footer-v2{display:block;padding-top:120px;padding-bottom:120px;background-color:var(--color-dark)}.page-footer-v2 a{color:#fff;transition:all .2s}.page-footer-v2 a:hover{opacity:1 !important;color:var(--color-key)}.page-footer-v2 .logo-container{display:block;width:fit-content}.page-footer-v2 .footer-container{width:100%;display:flex;flex-direction:column;gap:24px}@media(min-width: 1200px){.page-footer-v2 .footer-container{flex-direction:row}}.page-footer-v2 .footer-container .main-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.page-footer-v2 .footer-container .main-content .logo{width:64px;height:64px;transition:all .3s linear;transform-origin:center}.page-footer-v2 .footer-container .main-content .slogan{padding-top:24px;font-size:var(--paragraph-text-600-font-size)}@media(min-width: 960px){.page-footer-v2 .footer-container .main-content .slogan{font-size:var(--paragraph-text-800-font-size)}}.page-footer-v2 .footer-container .extra-info{opacity:.2;max-width:400px;margin-top:24px}@media(min-width: 960px){.page-footer-v2 .footer-container .extra-info-mobile{display:none}}.page-footer-v2 .footer-container .extra-info-pc{display:none}@media(min-width: 960px){.page-footer-v2 .footer-container .extra-info-pc{display:block}}.page-footer-v2 .footer-container .nav-and-media{display:flex;justify-content:space-between;flex-direction:column;gap:24px}@media(min-width: 960px){.page-footer-v2 .footer-container .nav-and-media{flex-direction:row}}.page-footer-v2 .footer-container .nav-list .nav-list-item{margin-bottom:24px;display:inline-block;width:50%}.page-footer-v2 .footer-container .nav-list .nav-list-item:last-child{margin-bottom:0}@media(min-width: 960px){.page-footer-v2 .footer-container .nav-list .nav-list-item{width:auto;display:block}}.page-footer-v2 .footer-container .nav-list .name{font-size:var(--paragraph-text-100-font-size);line-height:var(--paragraph-text-100-line-height);opacity:.5;display:none;text-transform:uppercase}@media(min-width: 960px){.page-footer-v2 .footer-container .nav-list .name{display:block}}.page-footer-v2 .footer-container .nav-list li{font-size:var(--paragraph-text-400-font-size);line-height:var(--paragraph-text-400-line-height);margin-top:8px;cursor:pointer;transition:all .2s}.page-footer-v2 .footer-container .nav-list li:hover{color:var(--color-key)}@media(min-width: 960px){.page-footer-v2 .footer-container .nav-list li{min-width:180px}}.page-footer-v2 .footer-container .media-list li{cursor:pointer;border-top:1px solid hsla(0,0%,100%,.16);padding-top:20px;padding-bottom:20px;min-width:300px;font-size:var(--paragraph-text-400-font-size);line-height:var(--paragraph-text-400-line-height);display:flex;align-items:center;justify-content:space-between;transition:all .2s}.page-footer-v2 .footer-container .media-list li .name{margin-left:16px}.page-footer-v2 .footer-container .media-list li .arrow{margin-left:auto}
body{background:rgba(0,0,0,0)}.party-kit-page{position:relative}.party-kit-page .page-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.party-kit-page .page-bg::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("/images/party-kit/top-bg.jpg") top center no-repeat;background-size:contain}.party-kit-page .content-container{font-family:"Mona-Sans"}.party-kit-page .banner{height:100vh;min-height:800px;position:relative}.party-kit-page .banner .extra-tips{position:absolute;left:50px;top:140px;transform:rotate(90deg);transform-origin:left;font-size:1.875rem;letter-spacing:20px;background:linear-gradient(90.15deg, #504CFF 0.05%, #8E83FF 25.01%, #D6BEFF 49.97%, #F3C6FF 74.93%, #FFB9FF 99.89%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.party-kit-page .banner .content{display:flex;justify-content:space-between;align-items:center;padding:0 40px 0 100px;height:100vh}.party-kit-page .banner .avatar img{width:650px}.party-kit-page .banner .info{max-width:400px}.party-kit-page .banner .info .title strong{font-size:100px;text-shadow:0px 4px 0px #000;line-height:100px}.party-kit-page .banner .info .des{font-size:1.25rem;line-height:28px;font-family:"Hubot-Sans";font-weight:500;text-shadow:0px 2px 4px rgba(0,0,0,.5)}.party-kit-page .banner .info .action{margin-top:50px;width:250px;font-family:"Hubot-Sans"}.party-kit-page .introduction{margin-top:170px;overflow:hidden}.party-kit-page .introduction .common-title .wrapper{position:relative;display:inline-flex}.party-kit-page .introduction .common-title .wrapper div{position:absolute;right:-60px;top:40px}.party-kit-page .introduction .common-title .wrapper div img{display:none;width:40px}.party-kit-page .introduction .content{width:calc(100% - 160px);margin:0 auto;display:flex;flex-direction:column;position:relative}.party-kit-page .introduction .content .main-box{border:5px solid #000}.party-kit-page .introduction .content .main-box.behind{position:absolute;top:40px;left:-30px;width:100%;height:750px;z-index:1;background:#0f1112;border:5px solid hsla(0,0%,100%,.2)}.party-kit-page .introduction .content .main-box.front{z-index:2}.party-kit-page .introduction .content .main-box .tool-bar{display:flex;justify-content:space-between;padding:0 20px;height:50px;align-items:center;background:linear-gradient(90deg, #635AE5 0%, #9F79F6 100%);border-bottom:5px solid #000;position:relative}.party-kit-page .introduction .content .main-box .tool-bar .star{position:absolute;left:-27px;top:-22px}.party-kit-page .introduction .content .main-box .tool-bar .title{font-size:20px;font-weight:700;color:#000}.party-kit-page .introduction .content .main-box .video{position:relative}.party-kit-page .introduction .content .main-box .video .mask{position:absolute;width:100%;height:100%;top:0;left:0}.party-kit-page .introduction .content .main-box .video video{z-index:2;top:0;left:0;width:100%;height:100%;position:absolute;object-fit:cover}.party-kit-page .introduction .content .des-box{position:absolute;top:50%;width:507px;right:-40px;animation:introductionMove 1s forwards;animation-play-state:paused;z-index:4}.party-kit-page .introduction .content .des-box.animate{animation-play-state:running}.party-kit-page .introduction .content .des-box .item{width:100%}.party-kit-page .introduction .content .des-box .item .tool-bar{height:50px;background:linear-gradient(90deg, #5BBDFF 0%, #61ECFF 100%);border-bottom:3px solid #000;display:flex;justify-content:flex-end;align-items:center;padding:0 12px}.party-kit-page .introduction .content .des-box .item.front{z-index:4;position:absolute;width:100%;top:0;border:3px solid #000}.party-kit-page .introduction .content .des-box .item.front .detail{background:#0f1112;color:#fff;font-size:1.125rem;font-weight:400;line-height:24px;padding:20px 32px;font-family:"Hubot-Sans"}.party-kit-page .introduction .content .des-box .item.front .detail>ul>li{list-style-type:disc}.party-kit-page .introduction .content .des-box .item.front .star{position:absolute;right:-14px;bottom:-14px;width:37px;height:37px}.party-kit-page .introduction .content .des-box .item.behind{position:absolute;top:40px;left:30px;width:100%;height:276px;border:3px solid #000;z-index:3;background:#0f1112}.party-kit-page .introduction .action{display:flex;gap:20px}.party-kit-page .feature{margin-top:150px}.party-kit-page .feature .list{display:flex;flex-wrap:wrap;gap:20px}.party-kit-page .feature .list li{width:calc(33.33% - 14px);background:linear-gradient(103.37deg, #101928 4.07%, #182233 52.38%, #101928 100.87%);padding:40px;border-radius:12px;position:relative}.party-kit-page .feature .list li::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:radial-gradient(75% 75% at 25% 15%, #fff 0, rgba(255, 255, 255, 0.3) 100%);-webkit-mask:linear-gradient(#000, #000) content-box,linear-gradient(#000, #000);mask:linear-gradient(#000, #000) content-box,linear-gradient(#000, #000);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5}.party-kit-page .feature .list li .tag{width:60px;height:60px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;position:relative}.party-kit-page .feature .list li .tag::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:radial-gradient(75% 75% at 25% 15%, #fff 0, rgba(255, 255, 255, 0.3) 100%);-webkit-mask:linear-gradient(#000, #000) content-box,linear-gradient(#000, #000);mask:linear-gradient(#000, #000) content-box,linear-gradient(#000, #000);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5}.party-kit-page .feature .list li .tag img{width:48px}.party-kit-page .feature .list li .des{font-size:1.125rem;line-height:22px}.party-kit-page .feature .list li .sub{font-size:.875rem;color:hsla(0,0%,100%,.7);margin-top:4px}.party-kit-page .showcase{padding-top:160px;overflow:hidden}.party-kit-page .showcase .sticker-tool1{display:none}.party-kit-page .showcase .title.container{position:relative}.party-kit-page .showcase .title.container img{width:100%}.party-kit-page .showcase .list{overflow:hidden}.party-kit-page .showcase .list .slides{display:flex;flex-flow:row nowrap;gap:30px}.party-kit-page .showcase .list .slides.active{transition:all ease-in-out .3s}.party-kit-page .showcase .list .slides .item img{display:block;border-radius:100px;width:100%}.party-kit-page .showcase .list .slides .item .name{font-size:1.875rem;font-weight:700;margin:28px 0 20px}.party-kit-page .showcase .list .slides .item .des{font-size:1.25rem;line-height:24px;color:hsla(0,0%,100%,.7);display:flex;align-items:center;gap:10px}.party-kit-page .showcase .list .slides .item .des img{width:60px}.party-kit-page .showcase .list .slides .item .des .sub-name{font-size:.875rem}.party-kit-page .showcase .list .slides .item .des .sub-name .light{font-size:1.125rem;color:#fff;margin-right:4px}.party-kit-page .showcase .list .slides .item .des .sub-name .tag{display:inline-flex;align-items:center;height:18px;border-radius:9px;padding:0 8px;border:.5px solid hsla(0,0%,100%,.1);background:#1a1c1f}.party-kit-page .showcase .list .comments{margin:40px 0 30px;width:100%;overflow:hidden}.party-kit-page .showcase .list .comments .content{display:flex;gap:30px;animation:scroll 20s linear infinite}.party-kit-page .showcase .list .comments .content:hover{animation-play-state:paused}.party-kit-page .showcase .list .comments .content .item{display:flex;align-items:center;gap:12px;font-size:1.125rem;padding:8px 20px 8px 8px;background:#1a1c1f;height:56px;border-radius:28px}.party-kit-page .showcase .list .comments .content .item img{width:40px}.party-kit-page .showcase .list .comments .content .item .value{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:300px;color:hsla(0,0%,100%,.6)}.party-kit-page .showcase .list .actions{display:flex;justify-content:space-between;align-items:flex-end}.party-kit-page .showcase .list .actions .play{width:180px}.party-kit-page .showcase .list .actions .control-panel{display:flex;gap:8px}.party-kit-page .showcase .list .actions .control-panel span{display:flex;align-items:center;padding:0 12px;height:32px;border-radius:16px;border:1px solid hsla(0,0%,100%,.5);gap:4px;color:#fff;cursor:pointer;transition:all ease-in-out .3s}.party-kit-page .showcase .list .actions .control-panel span:hover{border-color:var(--color-key)}.party-kit-page .showcase .list .actions .control-panel span img{width:10px}.party-kit-page .showcase .sticker-tool1{position:absolute;right:20px;top:-20px;z-index:99;width:100px;height:100px}.party-kit-page .support{position:relative;height:100vh;min-height:800px;overflow:hidden;background:url("/images/party-kit/support-bg.png") center center no-repeat;background-size:cover;padding-top:250px;margin-top:160px;transition:all ease-in-out .3s}.party-kit-page .support .content{transition:all ease-in-out .3s}.party-kit-page .support ul{display:flex;background:rgba(15,17,18,.5);padding:40px 80px;border-radius:20px;max-width:1000px;margin:0 auto;justify-content:space-between}.party-kit-page .support ul li{display:flex;flex-direction:column;gap:12px}.party-kit-page .support ul li:nth-child(2){padding:0 80px;border-left:.5px solid hsla(0,0%,100%,.5);border-right:.5px solid hsla(0,0%,100%,.5)}.party-kit-page .support ul li .name{font-size:1.75rem;font-weight:700}.party-kit-page .support ul li a{display:flex;justify-content:space-between;align-items:center;font-size:1.25rem;color:#fff;gap:12px;transition:all ease-in-out .3s}.party-kit-page .support ul li a:hover{color:#ffc200}.party-kit-page .support ul li a:hover i{color:#ffc200}.party-kit-page .support ul li a i{font-size:.75rem;color:#98a0ac;transform:rotate(-45deg)}.party-kit-page .events{margin:240px auto}.party-kit-page .events .events-list{display:flex;flex-flow:column nowrap;justify-content:flex-start}.party-kit-page .events .events-list .event-item{padding:40px;flex:0 0 auto;width:100%;display:flex;flex-flow:row nowrap;justify-content:space-between;gap:120px;border-radius:64px;background:#141e2e}.party-kit-page .events .events-list .event-item .info{flex:0 0 auto;width:calc(50% - 60px);display:flex;flex-flow:column nowrap;justify-content:flex-start;gap:16px}.party-kit-page .events .events-list .event-item .info .times{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:8px;font-family:Mona-Sans;font-size:12px;font-style:normal;font-weight:400;opacity:.5}.party-kit-page .events .events-list .event-item .info .times>small{width:40px;height:.5px;background-color:#fff}.party-kit-page .events .events-list .event-item .info>h2{font-family:"Mona-Sans";font-size:40px;font-style:normal;font-weight:700}.party-kit-page .events .events-list .event-item .info>p{font-family:"Hubot-Sans";font-size:14px;font-style:normal;font-weight:400;line-height:17px;opacity:.5}.party-kit-page .events .events-list .event-item .info .actions{display:flex;flex-flow:row nowrap}.party-kit-page .events .events-list .event-item .picture{flex:1 1 auto}.party-kit-page .events .events-list .event-item .picture>img{width:100%}.party-kit-page .common-title{text-align:center;margin-bottom:40px}.party-kit-page .common-title .text{font-size:3.125rem;font-weight:700;background:linear-gradient(90.15deg, #504CFF 0.05%, #8E83FF 25.01%, #D6BEFF 49.97%, #F3C6FF 74.93%, #FFB9FF 99.89%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);text-align:center}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-3280px)}}@keyframes humanMove{0%{left:-150px;opacity:0}100%{left:-80px;opacity:1}}@keyframes introductionMove{0%{right:-100px;opacity:0}100%{right:-40px;opacity:1}}@media only screen and (min-width: 1440px){.container{max-width:1440px}}@media only screen and (min-width: 980px)and (max-width: 1439px){.container{max-width:1200px;padding:0 20px}.party-kit-page .banner .avatar img{width:500px}}@media only screen and (min-width: 150px)and (max-width: 979px){.container{padding:0 15px}.party-kit-page .common-title{margin-bottom:30px}.party-kit-page .common-title .text{font-size:1.875rem}.party-kit-page .banner{height:auto;min-height:auto;padding-bottom:10px}.party-kit-page .banner .extra-tips{font-size:12px;white-space:nowrap;left:20px;top:100px}.party-kit-page .banner .content{height:auto;flex-wrap:wrap;justify-content:center;align-items:center;padding:150px 15px 0}.party-kit-page .banner .content .avatar{top:auto;position:relative;text-align:center}.party-kit-page .banner .content .avatar img{width:250px;transform:none}.party-kit-page .banner .content .info{position:static;transform:none;max-width:100%;text-align:right;padding:0 20px;overflow:hidden;margin-top:20px}.party-kit-page .banner .content .info .title strong{font-size:3.75rem;line-height:64px;text-shadow:0px 2px 0px #000}.party-kit-page .banner .content .info .des{font-size:20px;font-style:normal;font-weight:400;line-height:28px;text-shadow:none}.party-kit-page .banner .content .info .action{float:right;margin-top:20px}.party-kit-page .introduction{margin-top:60px}.party-kit-page .introduction .content{height:auto;width:calc(100% - 40px)}.party-kit-page .introduction .content .human{display:none}.party-kit-page .introduction .content .main-box{border-width:3px;border-color:#fff;position:relative;right:-10px}.party-kit-page .introduction .content .main-box .tool-bar{height:25px;padding:0 6px;border-width:3px;border-color:#fff}.party-kit-page .introduction .content .main-box .tool-bar .star{display:none}.party-kit-page .introduction .content .main-box .tool-bar .title{font-size:12px;font-weight:700;color:#fff}.party-kit-page .introduction .content .main-box.behind{height:230px;top:20px;left:-10px}.party-kit-page .introduction .content .des-box{position:relative;width:100%;animation:none;height:280px;margin-top:40px;left:0;right:0}.party-kit-page .introduction .content .des-box .item.front{position:relative;height:auto;border-width:2px;border-color:#fff}.party-kit-page .introduction .content .des-box .item.front .detail{font-size:.875rem;padding:16px 24px}.party-kit-page .introduction .content .des-box .item.front .star{display:none}.party-kit-page .introduction .content .des-box .item.behind{left:20px;border-width:2px;height:228px;top:20px}.party-kit-page .introduction .content .des-box .item .tool-bar{border-color:#fff;height:25px}.party-kit-page .introduction .action{gap:8px}.party-kit-page .introduction .action>img{width:12px}.party-kit-page .introduction .common-title .wrapper div{display:none;right:-30px;top:30px}.party-kit-page .introduction .common-title .wrapper div img{width:20px}.party-kit-page .feature{margin-top:50px}.party-kit-page .feature .list li{width:100%;padding:24px 20px;display:flex;gap:12px}.party-kit-page .feature .list li .tag{width:32px;height:32px}.party-kit-page .feature .list li .tag img{width:24px}.party-kit-page .showcase{margin-top:80px;padding-top:0}.party-kit-page .showcase .sticker-tool1{display:none}.party-kit-page .showcase .list .comments{margin:24px 0}.party-kit-page .showcase .list .slides .item img{border-radius:25px}.party-kit-page .showcase .list .slides .item .name{font-size:1.25rem;line-height:28px;margin:8px 0}.party-kit-page .showcase .list .slides .item .des{flex-direction:column;align-items:flex-start;gap:5px;font-size:18px;font-style:normal;font-weight:400;line-height:24px;color:hsla(0,0%,100%,.5)}.party-kit-page .showcase .list .slides .item .des img{display:none;width:30px}.party-kit-page .showcase .list .slides .item .des .sub-name{display:none;margin-bottom:10px}.party-kit-page .support{margin-top:50px;height:auto;min-height:600px;padding-top:90px}.party-kit-page .support ul{padding:40px;flex-wrap:wrap}.party-kit-page .support ul li{width:100%}.party-kit-page .support ul li .name{font-size:1.75rem}.party-kit-page .support ul li a{font-size:1.25rem}.party-kit-page .support ul li:nth-child(2){padding:20px 0;border-left:0;border-right:0;margin:20px 0;border-top:.5px solid hsla(0,0%,100%,.5);border-bottom:.5px solid hsla(0,0%,100%,.5)}.party-kit-page .events{margin:48px auto}.party-kit-page .events .events-list .event-item{padding:12px;display:flex;flex-flow:column nowrap;flex-direction:column-reverse;justify-content:flex-start;gap:12px;border-radius:24px}.party-kit-page .events .events-list .event-item .info{width:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;gap:16px}.party-kit-page .events .events-list .event-item .info>h2{font-size:28px;font-style:normal;font-weight:700}.party-kit-page .events .events-list .event-item .picture>img{width:100%}}