@import"https://fonts.font.im/css2?family=Noto+Sans+HK:wght@100..900&family=Noto+Serif+HK:wght@200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;500;600;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;500;600;700;900&display=swap";@media(max-height: 400px){body{zoom:.9}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{border-radius:3px;background:hsla(0,0%,100%,0);-webkit-box-shadow:inset 0 0 5px hsla(0,0%,100%,0)}::-webkit-scrollbar-thumb{border-radius:3px;background:rgba(0,0,0,.12);-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.2)}body.s-lock-scroll{overflow:hidden}.text-hide{font-size:0;line-height:0}.text-line{position:relative}.text-line::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:.5px;background-color:#fff}.flex-layout{display:flex;align-items:center;justify-content:center}.drop-down .drop-down-box{top:unset;padding:0 !important;border-radius:.5em !important;overflow:hidden}.sidebar{position:fixed;top:calc(50% + .41rem);transform:translateY(-50%);z-index:60;text-align:center;background-position:center;background-repeat:no-repeat;background-size:contain;box-sizing:border-box}.btn-download a{width:100%;height:100%;background-size:contain;display:block;background-repeat:no-repeat;background-position:center center;border-radius:5em;background-color:#000}.btn-download .google-pay{background-image:url(https://pic.igamebuy.com/activity/events/public/images/google.png)}.btn-download .app-store{background-image:url(https://pic.igamebuy.com/activity/events/public/images/appstore.png)}.top-up-list{background-color:#fff;border-radius:.5em;box-shadow:0px 0px 6px 0px rgba(0,0,0,.19);padding:.5em 0}.top-up-list li{padding:0 .2rem;width:auto;line-height:2.5;color:#333;text-align:center;white-space:nowrap;border-radius:0;background:#fff !important;transition:all .4s;cursor:pointer}.top-up-list li:hover{background:rgba(255,212,184,.25) !important}.nav .user-box{color:#fff;display:flex;justify-content:center;align-items:center}.nav .user-box .user-icon{display:none}.nav .user-box .user-info{display:flex;align-items:center;column-gap:.1rem;padding:0 1.2em;width:auto}.nav .user-box .user-info .line{opacity:.5}.nav .user-box .sign-out{cursor:pointer}.nav .user-box .sign-out:hover{text-decoration:underline}@media(max-width: 720px){.nav .user-box{min-width:2.5em}.nav .user-box .user-icon{display:flex}.nav .user-box .user-info{display:none}}.reg-phone{display:grid;align-items:center;align-content:center;grid-template-columns:1.2rem 1fr;padding:.16rem .28rem;background-color:#fff;border-radius:50px;box-sizing:border-box}@media(max-width: 900px){.reg-phone{grid-template-columns:1.6rem 1fr;padding:.2rem .28rem}}.reg-phone.reg-ver{grid-template-columns:1fr auto}.reg-phone input{width:100%}.area{position:relative}.area span{position:relative;display:block;width:100%}.area span::after{content:"";position:absolute;right:.1rem;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:.06rem .04rem 0;border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0)}@media(max-width: 900px){.area span::after{border-width:.12rem .08rem 0}}.ares-list{position:absolute;left:50%;transform:translateX(-50%);top:30px;z-index:5;padding:0em 1.14em;min-width:100%;border-radius:.1rem;background-color:#fff;box-shadow:0 0 .1rem #e1e1e1}.ares-list p{padding:.71em 0;cursor:pointer}.ares-list p:hover{color:#000}.s-pop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);transition:all .4s ease;opacity:1}.s-pop.active{opacity:1}.s-pop.active .s-pop-main{opacity:1}.s-pop.s-confirm .s-pop-main{max-width:6.6rem}@media(max-width: 900px){.s-pop.s-confirm .s-pop-main{max-width:calc(100% - 2.28em)}}.s-pop.s-confirm .s-pop-body{line-height:1.8}.s-pop .s-pop-main{position:relative;padding:.71em 1.42em;max-height:100%;background:#fff;border-radius:.1rem;box-sizing:border-box;transition:all .4s ease;overflow:auto;opacity:1}@media(max-width: 900px){.s-pop .s-pop-main{padding:.3rem 1.85em;min-width:calc(100% - 2.28em);max-width:calc(100% - 2.28em)}}@media(max-height: 400px){.s-pop .s-pop-main{padding:.71em}}.s-pop .s-pop-close{position:absolute;right:7.14em;top:7.14em;z-index:1;line-height:1;text-align:center;cursor:pointer}.s-pop .s-pop-close i{font-size:max(20px,.24rem);color:#a8a8a8;transition:all .4s ease}.s-pop .s-pop-close i:hover{color:#363636}.s-pop .s-pop-body{padding:0 .5rem;min-width:3rem;max-height:60vh;text-align:center;overflow:auto}@media(max-width: 900px){.s-pop .s-pop-body{padding:0;min-width:initial}}@media(max-height: 400px){.s-pop .s-pop-body{max-height:90vh}}.s-pop .s-pop-body canvas,.s-pop .s-pop-body .code-img{margin:.2rem auto}.s-pop .s-pop-body .form-item{text-align:left}.s-pop .link-url{color:#014bd2}.s-pop.s-pop-area .s-pop-body{text-align:left}.s-pop .s-pop-head{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;text-align:center;font-weight:700;font-size:.24rem}.s-pop .s-pop-head span{font-size:.18rem}.s-pop .s-pop-head span.gray{font-size:.13rem;font-weight:normal}.s-pop .s-pop-head .logo{width:1.58rem;padding:0;height:.3rem;background-size:contain;background-repeat:no-repeat;background-position:center center}@media(max-width: 900px){.s-pop .s-pop-head{margin-bottom:.3rem;font-size:var(--fontS-title);font-family:-apple-system,"PingFangHK-Medium","Noto Sans TC","Microsoft YaHei",Arial,sans-serif}}.s-pop-foot{display:flex;align-items:center;justify-content:center;margin-top:.5rem;text-align:center;gap:.15rem}.s-pop-foot .s-button{margin:0 .15rem;padding:.08rem .24rem;min-width:1.4rem;text-align:center}@media(max-width: 600px){.s-pop-foot .s-button{min-width:1rem;margin:0}}@media(max-width: 900px){.s-pop-foot{margin-top:.3rem}}.s-pop .main-menu{gap:.4rem;margin-bottom:.3rem}.s-pop.popup-receipt-preview .s-pop-head{margin-bottom:.2rem}.s-pop.popup-receipt-preview .s-pop-body{max-height:80vh;padding:0}.s-pop.popup-receipt-preview .s-pop-main{padding:.26rem .16rem}.s-pop.popup-receipt-preview .s-pop-main .receipt-box{max-width:100%}.s-pop.popup-receipt-preview .responsive-div{box-sizing:border-box;width:100% !important;padding:0 !important}.s-pop.popup-receipt-preview .receipt-box{padding:0 .2rem !important}.s-pop.popup-receipt-preview .receipt-logo img{width:2rem}@media(max-width: 900px){.s-pop.popup-receipt-preview .receipt-logo img{width:1.1rem}}.s-pop.popup-receipt-preview .s-pop-foot{margin-top:0}.s-pop.popup-receipt-preview .responsive-div{box-shadow:none !important}.s-pop.user-dialog .s-pop-body{display:flex;max-height:80vh}@media(max-width: 900px){.s-pop.user-dialog .s-pop-body{flex-direction:column;max-height:100vh}}@media(max-width: 900px)and (max-height: 600px){.s-pop.user-dialog .s-pop-body{flex-direction:column;max-height:unset}}.s-pop.user-dialog .s-pop-main{padding:0;max-width:100%;border-radius:.16rem}@media(max-width: 900px){.s-pop.user-dialog .s-pop-main{width:100% !important;height:100%;max-height:100%;border-radius:0}}.s-pop.user-dialog .user-panes .s-pop-foot{flex-direction:column;margin-top:.4rem}@media(max-width: 900px){.s-pop.user-dialog .s-pop-close{top:.2rem}}.s-pop.user-dialog .user-panes{padding:.5rem;width:3.6rem}@media(max-width: 900px){.s-pop.user-dialog .user-panes{position:relative;z-index:10;margin-top:-0.4rem;padding:.6rem .3rem;width:100%;min-height:calc(100vh - 1.7rem);background-color:#fff;box-shadow:0 0 .16rem rgba(0,0,0,.16);border-radius:.4rem .4rem 0 0;box-sizing:border-box}}.s-pop .hint-color{display:block;margin-bottom:.1rem;font-size:var(--fontS-min);text-align:left}.s-pop.s-popper-body .s-cascader-dropdown{padding:.3rem}.s-pop .pop-qrcode .hint-color{margin-bottom:0}.s-pop .btn-use-app,.s-pop .btn-use-qrcode{display:flex;align-items:center;justify-content:center;gap:.04rem;color:#0256ff;cursor:pointer}.s-pop .btn-use-app .icon,.s-pop .btn-use-qrcode .icon{color:#0256ff}.s-pop .box-btns{margin-top:.2rem}.s-pop .box-btns .icon{font-size:.18rem;line-height:.18rem}.s-pop .view-kami .pop-main-form p{text-align:left}.s-pop .view-kami .info-list{gap:.1rem;margin-bottom:.1rem;padding:.16rem;background-color:#f7f7f7;border-radius:.08rem}.s-pop .view-kami .info-list li{justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:.1rem}.s-pop .view-kami .info-list li .icon-copy{margin-left:.1rem;cursor:pointer}.s-pop .pop-plain-text{margin-bottom:var(--main-spacing)}.s-pop .pop-plain-text span{color:#767676;font-size:var(--fontS-min)}.s-pop .giftpack-detail-text{text-align:left}.s-pop .pop-main-form{display:grid;gap:.16rem;text-align:left}.s-pop .pop-main-form .form-item{margin-bottom:0}.s-pop.pop-gameinfo .info-list{justify-content:flex-start}.s-pop.pop-gameinfo .form-item-head{color:#767676}.s-pop-code .s-input input{text-align:center}.s-cascader-dropdown{display:flex;max-height:3.4rem;overflow:auto}.s-cascader-dropdown ul{display:grid;gap:.16rem;min-width:.8rem;max-height:100%;overflow:auto;height:fit-content}.s-cascader-dropdown ul:not(:last-child){border-right:1px solid #ededed}.s-cascader-dropdown ul li{display:flex;align-items:center;gap:.1rem;padding:0 .16rem;cursor:pointer;white-space:nowrap}.s-cascader-dropdown ul li:hover{color:#ff2323}@media(max-width: 320px){.s-cascader-dropdown{max-height:2.4rem}}.bottom-select.bottom-pop .s-pop-head>*{align-items:center;text-transform:capitalize}.s-popper.wap .s-cascader-body{margin-top:.2rem}.use-igb-pop{font-size:var(--fontS-min)}.use-igb-pop .lr-layout{margin-bottom:.08rem}.use-igb-pop .lr-layout span{flex:1}.use-igb-pop .lr-layout .s-input{flex:1}.use-igb-pop .lr-layout .s-input input{padding:0 .1rem;background:none;border:none;border-radius:0}.use-igb-pop .lr-layout .s-input input:focus-visible{box-shadow:none}.use-igb-pop .to-use{padding:.16rem;box-sizing:border-box;border-radius:.08rem;background-color:#f5f5f5}.use-igb-pop .use-info .gray{margin-left:.02rem}.use-igb-pop .s-input-prepend{display:flex;align-items:center}.use-igb-pop .s-pop-foot{margin-top:.3rem}.use-igb-pop .s-button{flex:1;column-gap:.2rem;padding:0;margin:0;height:.48rem;line-height:.48rem;border-radius:.12rem}.use-igb-pop .s-button.s-button-ban{color:#363636}@media(max-width: 720px){.chat-icon .icon{font-size:.36rem !important}}footer{position:relative;width:100%;font-family:"Noto Serif SC",serif;color:#fff;background:#000;padding:1.42em max(2.85em,50vw - 650px);box-sizing:border-box}.footer-con{display:flex;align-items:center;justify-content:space-between}footer .fl{display:flex;align-items:center;height:100%}footer .fl img{width:8.21em}footer .fl span{margin-left:.71em}footer .fr{height:100%;display:flex;align-items:center}footer .fr img{width:3.14em;height:auto;margin-right:.42em}@media(max-width: 900px){footer{padding:2.14em}footer .footer-con{display:flex;flex-direction:column;align-items:center}footer .fl{flex-direction:column;margin-bottom:1.42em}footer .fl span{margin-left:0rem;text-align:center}}a{cursor:pointer}.s-pop .pop-main{position:relative;z-index:1;padding:2.14em 1.85em;box-sizing:border-box;--width: 51.35em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop .pop-main{aspect-ratio:719/10}}@supports not (aspect-ratio: 1){.s-pop .pop-main{width:var(--width);height:calc(var(--width)*10/719)}}.s-pop .pop-main{background:url("../images/reserve/s-pop2.png") repeat-y center;background-size:100% 100%}.s-pop .pop-main::after,.s-pop .pop-main::before{content:"";position:absolute;left:0;z-index:1;width:var(--width);background-position:center;background-size:100% 100%;background-repeat:no-repeat}.s-pop .pop-main::before{top:-1.42em;height:1.42em;--width: 51.35em;background-image:url("../images/reserve/s-pop1.png")}.s-pop .pop-main::after{bottom:-3em;height:13.57em;--width: 51.35em;background:url("../images/reserve/s-pop3.png") no-repeat center;background-size:contain}@media(max-width: 900px){.s-pop .pop-main{width:25.675em;height:auto}}.s-pop h3{font-size:clamp(28px,1.56vw,30px);font-weight:bold;text-align:center;margin-bottom:.66em;color:#632f1e;display:flex;justify-content:center}.s-pop h3 span{position:relative;display:flex;justify-content:center;align-items:center}.s-pop h3 span::after,.s-pop h3 span::before{display:block;content:"";position:absolute;--width: 2.16em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop h3 span::after,.s-pop h3 span::before{aspect-ratio:65/28}}@supports not (aspect-ratio: 1){.s-pop h3 span::after,.s-pop h3 span::before{width:var(--width);height:calc(var(--width)*28/65)}}.s-pop h3 span::after{right:5.33em;background:url("../images/reserve/h3-l.png") no-repeat center;background-size:contain}.s-pop h3 span::before{left:5.33em;background:url("../images/reserve/h3-r.png") no-repeat center;background-size:contain}.s-pop .close-btn{cursor:pointer;position:absolute;right:-3.57em;top:0;--width: 2.85em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop .close-btn{aspect-ratio:40/40}}@supports not (aspect-ratio: 1){.s-pop .close-btn{width:var(--width);height:calc(var(--width)*40/40)}}.s-pop .close-btn{background:url("../images/reserve/r-close-btn.png") no-repeat center;background-size:contain}@media(max-width: 900px){.s-pop .pop-main{padding:0rem}.s-pop .pop-main::before{--width: 25.675em}.s-pop .pop-main::after{bottom:-2em;height:6.785em;--width: 25.675em}.s-pop h3{font-size:max(20px,.24rem)}.s-pop .close-btn{--width: 1.42em;right:0;left:0;top:auto;bottom:-4em;margin:auto}}.s-pop-pre .pop-main{background-color:initial;border:initial;display:flex;justify-content:flex-end;padding:4em 8em 0 0;position:relative;--width: 85.85em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-pre .pop-main{aspect-ratio:1202/590}}@supports not (aspect-ratio: 1){.s-pop-pre .pop-main{width:var(--width);height:calc(var(--width)*590/1202)}}.s-pop-pre .pop-main{background:url("../images/reserve/s-pre-bg.webp") no-repeat center;background-size:contain}.s-pop-pre .pop-main::after,.s-pop-pre .pop-main::before{display:none}.s-pop-pre .pop-main .pre-title{display:block;height:9.28em;--width: 36em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-pre .pop-main .pre-title{aspect-ratio:504/130}}@supports not (aspect-ratio: 1){.s-pop-pre .pop-main .pre-title{width:var(--width);height:calc(var(--width)*130/504)}}.s-pop-pre .pop-main .pre-title{background:url("../images/reserve/s-pre-title.webp") no-repeat center;background-size:contain}.s-pop-pre .pop-main .pre-box{width:auto;padding:0}.s-pop-pre .pop-main .pre-box .reg{width:100%}.s-pop-pre .pop-main .pre-box .pre-form{width:75%;display:flex;flex-direction:column;align-items:center}.s-pop-pre .pop-main .pre-box .sle-model{margin-bottom:.1rem;width:100%}.s-pop-pre .pop-main .pre-box .sle-model strong{color:#f6eadb}.s-pop-pre .pop-main .pre-box .reg-hint{font-size:max(12px,.12rem);margin-top:-0.14rem}.s-pop-pre .pop-main .pre-box .btn{position:relative;left:initial;margin:1em 0}.s-pop-pre .pop-main .count-down{font-size:clamp(14px,.94vw,22px);font-weight:bold;width:100%;max-width:26.555em;text-align:center;padding:.3em 0;background:url("../images/reserve/count-down.png") no-repeat center center;background-size:100% 100%;margin-bottom:1em}.s-pop-pre .pop-main .count-down span{color:#d4223b}.s-pop-pre .pop-main .go-list{margin-top:-1em}.s-pop-pre .pop-main .go-list ul{display:flex}.s-pop-pre .pop-main .go-list ul li{cursor:pointer;position:relative;--width: 12.85em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-pre .pop-main .go-list ul li{aspect-ratio:180/180}}@supports not (aspect-ratio: 1){.s-pop-pre .pop-main .go-list ul li{width:var(--width);height:calc(var(--width)*180/180)}}.s-pop-pre .pop-main .go-list ul li{margin-right:.4em}.s-pop-pre .pop-main .go-list ul li:nth-child(1){background:url("../images/reserve/list3.png") no-repeat center;background-size:contain}.s-pop-pre .pop-main .go-list ul li:nth-child(2){background:url("../images/reserve/list1.png") no-repeat center;background-size:contain}.s-pop-pre .pop-main .go-list ul li:nth-child(3){margin-right:0em;background:url("../images/reserve/list2.png") no-repeat center;background-size:contain}.s-pop-pre .pop-main .go-list p{font-size:max(12px,.16rem);color:#fcf2bb;text-align:center;margin-top:.12rem}.s-pop-pre .close-btn{right:1em;top:8.71em}@media(max-width: 900px){.s-pop-pre .pop-main{max-width:26.78em;min-height:21.07em;height:auto;padding:1em 0 0;background-image:url(../images/reserve/s-pre-bg-m.png)}.s-pop-pre .pop-main .pre-title{height:4.64em;--width: 18em}.s-pop-pre .pop-main .pre-box .pre-form{width:100%}.s-pop-pre .pop-main .pre-box{padding:0 .2rem;width:20em}.s-pop-pre .pop-main .pre-box .sle-model strong{color:#402829;text-shadow:1px 0 1px #fff,-1px 0 1px #fff,0px 1px 1px #fff,0 -1px 1px #fff}.s-pop-pre .pop-main .pre-box .btn{left:0em;margin:.6em 0}.s-pop-pre .pop-main .count-down{font-size:clamp(10px,3.2vw,24px);margin-bottom:.5em;padding:.2em 0}.s-pop-pre .pop-main .go-list{margin:0}.s-pop-pre .pop-main .go-list ul{justify-content:center}.s-pop-pre .pop-main .go-list ul li{--width: 6em}.s-pop-pre .close-btn{right:.2rem;top:0rem;left:inherit;bottom:inherit}}.pre-box{width:100%;padding:0 2.14em;position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.pre-box .pre-form{width:100%}.pre-box .sle-model{display:flex;align-items:center;justify-content:center}.pre-box .sle-model ul{display:flex;flex:1}.pre-box .sle-model ul li{display:flex;align-items:center;padding:.6em 0;min-width:6em;flex:1;text-align:center;justify-content:center;background:#f6eadb;border:1px solid #f6eadb;border-radius:6px;cursor:pointer}.pre-box .sle-model ul li span{display:none}.pre-box .sle-model ul li.act{color:#d4223b;border:1px solid #d4223b}.pre-box .sle-model ul li:last-child{margin-left:.71em}.pre-box .reg{display:grid;background:#f6eadb;border-radius:6px;padding:.71em 1.42em;grid-template-columns:5em 4.28em 1fr;color:#632f1e;margin:.71em 0 0}.pre-box .reg.reg-ver{grid-template-columns:1fr 1.3rem}.pre-box .reg .area span::after{border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0)}.pre-box .reg input{background:none;color:#632f1e}.pre-box .reg .ares-list{padding:0em .71em}.pre-box .reg .ares-list p{padding:.5em 0}.pre-box .btn{margin:auto;cursor:pointer;overflow:hidden;line-height:1000;position:relative;left:-3em;--width: 31.125em;width:var(--width)}@supports(aspect-ratio: 1){.pre-box .btn{aspect-ratio:498/84}}@supports not (aspect-ratio: 1){.pre-box .btn{width:var(--width);height:calc(var(--width)*84/498)}}.pre-box .btn{background:url("../images/reserve/btn.png") no-repeat center;background-size:contain}.pre-box .btn.act{animation:inherit;-webkit-animation:inherit;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}@media(max-width: 900px){.pre-box{padding:0 1.07em}.pre-box .sle-model ul li{padding:.3em 0}.pre-box .reg{padding:.355em .71em}.pre-box .btn{--width: 17.96em}}.s-pop-result .pop-main{background-color:initial;border:initial;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url(../images/reserve/s-pop-result.webp);width:100%;max-width:81.28em;min-height:39.14em;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.s-pop-result .pop-main::after,.s-pop-result .pop-main::before{display:none}.s-pop-result .pop-main .dow{position:absolute;bottom:5em;left:16em}.s-pop-result .close-btn{right:1em;top:5em;bottom:initial;left:initial}.s-pop-result .go-dow-pre{width:100%;height:1.7rem;background-position:center right;background-image:url(../images/reserve/pop-result.png);display:flex;justify-content:flex-end;align-items:center;margin:0 .5rem .1rem 0}.s-pop-result .go-dow-pre .btn{width:3.27rem;height:.76rem;background-image:url(../images/reserve/go-dow-pre.png);animation:moveLeftRight .6s ease-in-out infinite;-webkit-animation:moveLeftRight .6s ease-in-out infinite;margin-right:1.2rem}@media(max-width: 900px){.s-pop-result .pop-main{max-width:26.78em;min-height:29.42em;background-image:url(../images/reserve/s-pop-result-m.webp)}.s-pop-result .pop-main .dow{bottom:1.42em;left:0;right:0;margin:auto;display:flex;justify-content:center}.s-pop-result .pop-main .dow a.apple-store{margin-bottom:initial;margin-right:.71em}.s-pop-result .close-btn{right:.2rem;top:1rem}}.s-pop-pwd .pop-main{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:.4rem .26rem;position:relative}.s-pop-pwd .pre-box .reg{background:rgba(148,148,148,.3803921569);border:1px solid #a9a9a9}.s-pop-record .pop-main{display:flex;align-items:center;flex-direction:column;justify-content:flex-start;width:51.35em;position:relative}.s-pop-record .pop-main .pre-box{padding:0}.s-pop-record .pop-main ul{height:35.71em;overflow:auto;width:100%;color:#000;padding:0 .71em;box-sizing:border-box}.s-pop-record .pop-main ul li{display:grid;grid-template-columns:9em 1fr 1fr;border-bottom:1px solid #a9a9a9;padding:.71em 0}.s-pop-record .pop-main ul li .a-copy{display:inline-block;overflow:hidden;line-height:1000;font-size:clamp(10px,.12rem,14px);margin-left:1em;--width: 5em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-record .pop-main ul li .a-copy{aspect-ratio:70/30}}@supports not (aspect-ratio: 1){.s-pop-record .pop-main ul li .a-copy{width:var(--width);height:calc(var(--width)*30/70)}}.s-pop-record .pop-main ul li .a-copy{background:url("../images/reserve/copy.png") no-repeat center;background-size:contain}.s-pop-record .pop-main ul li:not(:first-child){border-bottom:1px solid rgba(159,159,159,.5803921569)}.s-pop-record .pop-main ul li:nth-child(1){background:#f9f1e3;font-weight:bold;color:#632f1e}.s-pop-record .pop-main ul li:nth-child(1) div{display:block;text-align:center}.s-pop-record .pop-main ul li div{display:flex;justify-content:center;align-items:center;position:relative}.s-pop-record .pop-main ul li div:last-child{justify-content:space-between;cursor:pointer}.s-pop-record .pop-main ul li div:last-child span{display:flex;align-items:center}.s-pop-record .pop-main ul li div:first-child{text-align:center}.s-pop-record .pop-main ul li div:first-child:hover p{display:block}.s-pop-record .pop-main ul li div i{display:block;margin-right:.42em;cursor:pointer;--width: 1.64em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-record .pop-main ul li div i{aspect-ratio:23/20}}@supports not (aspect-ratio: 1){.s-pop-record .pop-main ul li div i{width:var(--width);height:calc(var(--width)*20/23)}}.s-pop-record .pop-main ul li div i{background:url("../images/reserve/exp.png") no-repeat center;background-size:contain}.s-pop-record .pop-main .ill{width:100%;height:100%;background-color:rgba(0,0,0,.1);position:absolute;top:0;left:0;z-index:11}.s-pop-record .pop-main .ill .ill-itm{position:absolute;width:70%;height:auto;background:#faf8f4;border:1px solid #533b1e;border-radius:6px;overflow:hidden;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);line-height:1.5;padding:.71em;color:#632f1e}.s-pop-record .pop-main .ill .ill-itm span{display:block;text-align:center;font-weight:bold;margin-bottom:.71em}.s-pop-record .pop-main .ill .ill-itm i{position:absolute;right:0;top:0;color:#646464;display:flex;width:1.25em;height:1.25em;line-height:1.25em;justify-content:center;align-items:center;cursor:pointer;font-size:clamp(18px,1.15vw,28px)}@media(max-width: 900px){.s-pop-record .pop-main{width:25.675em}.s-pop-record .pop-main ul{height:25em}.s-pop-record .pop-main ul li{display:flex;align-items:flex-start;flex-wrap:wrap}.s-pop-record .pop-main ul li div:first-child{flex:1;text-align:left;justify-content:flex-start}.s-pop-record .pop-main ul li div:last-child{flex:1;text-align:right}.s-pop-record .pop-main ul li div:nth-child(2){font-size:clamp(10px,3.2vw,14px);opacity:.8}.s-pop-record .pop-main ul li div i{--width: 1em}.s-pop-record .pop-main ul li:not(:first-child) div:nth-child(2){order:1;width:100%;display:block}.s-pop-record .pop-main ul li:nth-child(1) div:nth-child(2){display:none}}.s-pop-share .pop-main{display:flex;align-items:center;flex-direction:column;justify-content:flex-start;position:relative}.s-pop-share .pop-main .pre-box{padding:0 .71em}.s-pop-share .pop-main .share-url{background:initial;color:#000;font-size:clamp(14px,.83vw,20px);width:80%;border-radius:6px;margin:1.875em 0;text-align:center;word-break:break-all}.s-pop-share .pop-main .share-list{display:flex}.s-pop-share .pop-main .share-list .btn{margin:1.42em .71em;overflow:hidden;left:initial;line-height:1000;animation:inherit;-webkit-animation:inherit;--width: 11.42em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-share .pop-main .share-list .btn{aspect-ratio:160/50}}@supports not (aspect-ratio: 1){.s-pop-share .pop-main .share-list .btn{width:var(--width);height:calc(var(--width)*50/160)}}.s-pop-share .pop-main .share-list .btn.share-copy{background:url("../images/reserve/share-copy.png") no-repeat center;background-size:contain}.s-pop-share .pop-main .share-list .btn.share-go{background:url("../images/reserve/share-go.png") no-repeat center;background-size:contain}@media(max-width: 900px){.s-pop-share .pop-main .share-url{width:100%;font-size:clamp(14px,4.27vw,32px)}.s-pop-share .pop-main .share-list .btn{--width: 5.71em}}.s-pop-draw .pop-main .draw-con{color:#632f1e;font-weight:bold;margin:2.14em 0}.s-pop-draw .pop-main .btn{margin:1.42em .71em;overflow:hidden;line-height:1000;animation:inherit;-webkit-animation:inherit;left:0;--width: 11.42em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-draw .pop-main .btn{aspect-ratio:160/50}}@supports not (aspect-ratio: 1){.s-pop-draw .pop-main .btn{width:var(--width);height:calc(var(--width)*50/160)}}.s-pop-draw .pop-main .btn{background:url("../images/reserve/pop-draw.png") no-repeat center;background-size:contain}@media(max-width: 900px){.s-pop-draw .pop-main .btn{width:5.71em}}.s-pop-rule .pop-main{display:flex;align-items:center;flex-direction:column;justify-content:flex-start;position:relative}.s-pop-rule .pop-main .pre-box{padding:0}.s-pop-rule .pop-main .pre-box div{max-height:35.71em;overflow-y:auto;width:100%;padding:0 .71em;line-height:1.8;box-sizing:border-box}.s-pop-rule .pop-main .pre-box div span{color:#e01212}.s-pop-rule .pop-main .pre-box div a{color:#e01212;text-decoration:underline}@media(max-width: 900px){.s-pop-rule .pop-main .pre-box div{max-height:25em}}.dow a{display:block;background-position:center;background-size:contain;background-repeat:no-repeat;background-color:#000;--width: 14.28em;width:var(--width)}@supports(aspect-ratio: 1){.dow a{aspect-ratio:200/60}}@supports not (aspect-ratio: 1){.dow a{width:var(--width);height:calc(var(--width)*60/200)}}.dow a.apple-store,.dow a.google-store{border-radius:6px;overflow:hidden;position:relative}.dow a.apple-store{background-image:url(../images/reserve/apple-store2.png);margin-bottom:1.42em}.dow a.apple-store::after{display:block;content:"";position:absolute;top:0;left:-100%;width:120%;height:100%;background:linear-gradient(45deg, transparent, transparent, rgba(255, 255, 255, 0.4), transparent, transparent);animation:animate-wipes 2s linear infinite}.dow a.google-store{background-image:url(../images/reserve/google2.png)}.dow a.google-store::after{display:block;content:"";position:absolute;top:0;left:-100%;width:120%;height:100%;background:linear-gradient(45deg, transparent, transparent, rgba(255, 255, 255, 0.4), transparent, transparent);animation:animate-wipes 2s linear infinite}@media(max-width: 900px){.dow a{--width: 7.14em}}@keyframes scaleDraw{0%{transform:scale(0.95)}25%{transform:scale(1)}50%{transform:scale(0.95)}75%{transform:scale(1)}100%{transform:scale(0.95)}}@keyframes moveLeftRight{0%{transform:translateX(0)}50%{transform:translateX(12px)}100%{transform:translateX(0)}}@keyframes animate-lightzoom1{0%{transform:scale(0.5);opacity:1}75%{transform:scale(1);opacity:1}100%{transform:scale(2);opacity:0}}@keyframes animate-wipes{from{left:-50%}to{left:100%}}body{font-family:"Source Han Sans CN","Microsoft YaHei","Heiti SC","黑体","SimHei","Arial","sans-serif";font-weight:400;font-size:clamp(12px,.73vw,20px);color:#fff}@media(max-width: 900px){body{font-size:clamp(12px,3.73vw,28px)}}.section{position:relative;background-position:center top;background-size:cover;background-repeat:no-repeat;box-sizing:border-box;overflow:hidden}.title{height:6.428em;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center;margin:0 auto 2.85em}.title.t-1{background-image:url(../images/official/t-1.webp)}.title.t-2{background-image:url(../images/official/t-2.webp)}.title.t-3{background-image:url(../images/official/t-3.webp)}@media(max-width: 900px){.title{width:100%;height:4.571em;margin-bottom:.71em}.title.t-1{height:6.25em}}.header{position:fixed;top:0;left:0;width:100%;height:7.142em;background-color:rgba(245,255,244,.8);z-index:100;display:flex;align-items:center;justify-content:center}.header .logo{position:absolute;top:1em;left:1em;width:28.357em;object-fit:contain}.header-content{display:flex;align-items:center}.header-content ul{display:flex;align-items:center;justify-content:flex-end;width:100%;height:100%}.header-content ul li{width:var(--width);margin:0 1.6em;--width: 6.312em}@supports(aspect-ratio: 1){.header-content ul li{aspect-ratio:101/29}}@supports not (aspect-ratio: 1){.header-content ul li{width:var(--width);height:calc(var(--width)*29/101)}}.header-content ul li{background-repeat:no-repeat;background-position:center;background-size:contain}.header-content ul li a{display:block;width:100%;height:100%;color:hsla(0,0%,100%,0) !important;overflow:hidden !important;text-indent:-9999px;white-space:nowrap}.header-content ul li:nth-child(2),.header-content ul li:nth-child(3){--width: 9.812em}@supports(aspect-ratio: 1){.header-content ul li:nth-child(2),.header-content ul li:nth-child(3){aspect-ratio:157/29}}@supports not (aspect-ratio: 1){.header-content ul li:nth-child(2),.header-content ul li:nth-child(3){width:var(--width);height:calc(var(--width)*29/157)}}.header-content ul li:nth-child(5n+1){background-image:url("../images/official/nav-1.webp")}.header-content ul li:nth-child(5n+1):hover,.header-content ul li:nth-child(5n+1).act,.header-content ul li:nth-child(5n+1).active{background-image:url("../images/official/nav-act-1.webp")}.header-content ul li:nth-child(5n+2){background-image:url("../images/official/nav-2.webp")}.header-content ul li:nth-child(5n+2):hover,.header-content ul li:nth-child(5n+2).act,.header-content ul li:nth-child(5n+2).active{background-image:url("../images/official/nav-act-2.webp")}.header-content ul li:nth-child(5n+3){background-image:url("../images/official/nav-3.webp")}.header-content ul li:nth-child(5n+3):hover,.header-content ul li:nth-child(5n+3).act,.header-content ul li:nth-child(5n+3).active{background-image:url("../images/official/nav-act-3.webp")}.header-content ul li:nth-child(5n+4){background-image:url("../images/official/nav-4.webp")}.header-content ul li:nth-child(5n+4):hover,.header-content ul li:nth-child(5n+4).act,.header-content ul li:nth-child(5n+4).active{background-image:url("../images/official/nav-act-4.webp")}.header-content ul li:nth-child(5n+5){background-image:url("../images/official/nav-5.webp")}.header-content ul li:nth-child(5n+5):hover,.header-content ul li:nth-child(5n+5).act,.header-content ul li:nth-child(5n+5).active{background-image:url("../images/official/nav-act-5.webp")}.header-social{display:flex}.header-social a{display:block;width:var(--width);margin:0 1em;--width: 3.142em}@supports(aspect-ratio: 1){.header-social a{aspect-ratio:1/1}}@supports not (aspect-ratio: 1){.header-social a{width:var(--width);height:calc(var(--width)*1/1)}}.header-social a.fb{background:url("../images/official/social-fb.webp") no-repeat center;background-size:contain}.header-social a.discord{background:url("../images/official/social-discord.webp") no-repeat center;background-size:contain}.header .menu-open,.header .menu-close{display:none}@media(max-width: 900px){.header{height:4em;display:flex;justify-content:space-between;padding:0 .8em;box-sizing:border-box}.header.act:after{content:"";position:absolute;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.5)}.header .logo{width:10em;top:.4em;left:1em}.header-content{z-index:10;display:none;position:absolute;top:0;left:0;right:0;margin:0 auto;flex-direction:column;justify-content:center}.header-content ul{height:auto;margin-top:25%;flex-direction:column}.header-content ul li{padding:.6em 0}.header-social a{margin:0 .5em}.header-social a.fb{--width: 2.571em}.header-social a.discord{--width: 2.714em}.header .menu-open{display:block;margin-right:1em;width:2.714em;height:2em;background:url("../images/official/menu-open.webp") no-repeat center;background-size:contain}.header .menu-close{display:block;width:2em;height:2em;margin-top:1em;background:url("../images/official/pop-close.webp") no-repeat center;background-size:contain}}.kv{width:100%;height:77.142em;box-sizing:border-box;background-size:cover;background-repeat:no-repeat;background-position:center;background-image:url(../images/official/kv.webp);position:relative;display:flex;justify-content:flex-end;align-items:center;flex-direction:column;padding-bottom:15em}.kv .slogan{position:relative;--width: 36.5em;width:var(--width)}@supports(aspect-ratio: 1){.kv .slogan{aspect-ratio:584/332}}@supports not (aspect-ratio: 1){.kv .slogan{width:var(--width);height:calc(var(--width)*332/584)}}.kv .slogan{background:url("../images/official/slogan.webp") no-repeat center;background-size:contain}.kv .download-btn{display:flex;margin-top:2em}.kv .download-btn li{border-radius:50px;border:2px solid #357936;overflow:hidden;margin:0 1em}.kv .download-btn li a{display:block;--width: 18.75em;width:var(--width)}@supports(aspect-ratio: 1){.kv .download-btn li a{aspect-ratio:300/70}}@supports not (aspect-ratio: 1){.kv .download-btn li a{width:var(--width);height:calc(var(--width)*70/300)}}.kv .download-btn li a{background-size:cover;background-repeat:no-repeat;background-position:center}.kv .download-btn li:nth-child(1) a{background-image:url(../images/official/appstore.webp)}.kv .download-btn li:nth-child(2) a{background-image:url(../images/official/google.webp)}.kv .download-btn li:nth-child(3) a{background-image:url(../images/official/apk.webp)}@media(min-width: 901px)and (max-width: 1440px){.kv .logo{--width: 25.5em}}@media(max-width: 900px){.kv{padding-bottom:4em;height:45.687em;background-image:url(../images/reserve/kv-m.webp)}.kv .slogan{--width: 18em}.kv .download-btn{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1em 1em;margin-top:1em}.kv .download-btn li{flex:0 0 auto;margin:0}.kv .download-btn li a{display:block;--width: min(18.75em, 43vw);width:var(--width);background-size:cover;background-repeat:no-repeat;background-position:center}.kv .download-btn li:nth-child(3){display:flex;justify-content:center}}.wap-bg{margin-top:-15em}@media(max-width: 900px){.wap-bg{margin-top:-4em;background-size:cover;background-repeat:no-repeat;background-position:center;background-image:url(../images/official/wap-bg.webp);box-sizing:border-box;background-position:center top;position:relative}}@keyframes roleMorphHint{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 0.35em rgba(255, 238, 78, 0.75)) drop-shadow(0 0.28em 0.35em rgba(29, 115, 39, 0.35))}50%{transform:translateY(-0.28em) scale(1.06);filter:drop-shadow(0 0 0.8em rgba(255, 245, 108, 0.95)) drop-shadow(0 0.5em 0.7em rgba(29, 115, 39, 0.45))}}@keyframes roleMorphRing{0%{opacity:.82;transform:scale(0.72)}70%{opacity:.22}100%{opacity:0;transform:scale(1.55)}}.section-2{padding-top:14em;width:100%;height:73.375em;background-size:cover;background-repeat:no-repeat;background-position:center;background-image:url(../images/official/s-2.webp);box-sizing:border-box}.section-2 .main.role-intro{position:relative;width:92.857em;height:100%;margin:0 auto;box-sizing:border-box;display:flex;justify-content:space-between}.section-2 .role-intro-content{position:relative;flex:1 1 auto;min-width:0}.section-2 .role-intro-swiper{width:100%;padding-bottom:3em}.section-2 .role-intro-panel{display:flex;align-items:center;justify-content:flex-start;gap:5em}.section-2 .role-intro-figure{position:relative;display:flex;align-items:center;justify-content:center;--width: 38em;width:var(--width)}@supports(aspect-ratio: 1){.section-2 .role-intro-figure{aspect-ratio:468/468}}@supports not (aspect-ratio: 1){.section-2 .role-intro-figure{width:var(--width);height:calc(var(--width)*468/468)}}.section-2 .role-intro-figure{background-size:contain;background-repeat:no-repeat;background-position:left top;background-image:url("../images/official/figure.webp")}.section-2 .role-intro-figure-img{width:28.625em;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0, 0, 0, 0.45))}.section-2 .role-intro-morph{cursor:pointer;position:absolute;bottom:1em;right:0;z-index:2;isolation:isolate;--width: 8.937em;width:var(--width)}@supports(aspect-ratio: 1){.section-2 .role-intro-morph{aspect-ratio:143/141}}@supports not (aspect-ratio: 1){.section-2 .role-intro-morph{width:var(--width);height:calc(var(--width)*141/143)}}.section-2 .role-intro-morph{background:url("../images/official/morph.webp") no-repeat center;background-size:contain;animation:roleMorphHint 1.8s ease-in-out infinite;outline:none;transform-origin:center;transition:transform .18s ease,filter .18s ease}.section-2 .role-intro-morph::before,.section-2 .role-intro-morph::after{content:"";position:absolute;inset:-0.34em;z-index:-1;border:.14em solid rgba(255,238,78,.78);border-radius:50%;box-shadow:0 0 .6em rgba(255,238,78,.72),inset 0 0 .45em rgba(91,210,78,.42);pointer-events:none;animation:roleMorphRing 1.8s ease-out infinite}.section-2 .role-intro-morph::after{inset:-0.58em;border-color:rgba(99,224,82,.58);animation-delay:.9s}.section-2 .role-intro-morph:hover,.section-2 .role-intro-morph:focus-visible{animation:none;transform:translateY(-0.22em) scale(1.12);filter:drop-shadow(0 0 1em rgba(255, 245, 108, 0.95)) drop-shadow(0 0.55em 0.75em rgba(29, 115, 39, 0.55))}.section-2 .role-intro-morph:active{transform:scale(0.96)}.section-2 .role-intro-text{flex:1 1 auto;min-width:0;color:#367a36;position:relative}.section-2 .role-intro-name{color:hsla(0,0%,100%,0) !important;overflow:hidden !important;text-indent:-9999px;white-space:nowrap;margin:0 0 2em;--width: 14.5em;width:var(--width)}@supports(aspect-ratio: 1){.section-2 .role-intro-name{aspect-ratio:232/66}}@supports not (aspect-ratio: 1){.section-2 .role-intro-name{width:var(--width);height:calc(var(--width)*66/232)}}.section-2 .role-intro-name.t1{background:url("../images/official/role/t1.webp") no-repeat center;background-size:contain}.section-2 .role-intro-name.t2{background:url("../images/official/role/t2.webp") no-repeat center;background-size:contain}.section-2 .role-intro-name.t3{background:url("../images/official/role/t3.webp") no-repeat center;background-size:contain}.section-2 .role-intro-name.t4{background:url("../images/official/role/t4.webp") no-repeat center;background-size:contain}.section-2 .role-intro-name.t5{background:url("../images/official/role/t5.webp") no-repeat center;background-size:contain}.section-2 .role-intro-name.t6{background:url("../images/official/role/t6.webp") no-repeat center;background-size:contain}.section-2 .role-intro-title{font-size:clamp(14px,.94vw,22px);--width: 8.888em;width:var(--width)}@supports(aspect-ratio: 1){.section-2 .role-intro-title{aspect-ratio:160/40}}@supports not (aspect-ratio: 1){.section-2 .role-intro-title{width:var(--width);height:calc(var(--width)*40/160)}}.section-2 .role-intro-title{background:url("../images/official/role-intro-title.webp") no-repeat center;background-size:contain;margin:0 0 .6em;display:inline-table;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.section-2 .role-intro-desc{font-size:clamp(12px,.73vw,20px);line-height:1.7;margin:0 0 1.2em;max-width:36em;opacity:.9}.section-2 .role-intro-skills{margin-top:1em}.section-2 .role-intro-skills-title{background-color:#575d88;border:1px solid #000;border-radius:50px;margin:0 0 .6em;font-size:clamp(14px,.83vw,20px);padding:.2em .8em;display:inline-table;color:#fff;text-shadow:1px 0 2px #000,-1px 0 2px #000,0 1px 2px #000,0 -1px 2px #000,2px 0 2px #000,-2px 0 2px #000,0 2px 2px #000,0 -2px 2px #000}.section-2 .role-intro-skills-title i{padding:.2em .6em;margin-right:.5em;background:url("../images/official/role-intro-skills-title-icon.webp") no-repeat center;background-size:contain}.section-2 .role-intro-skills-list{display:flex;align-items:center;gap:.8em;flex-wrap:wrap}.section-2 .role-intro-skill{display:flex;align-items:center;flex-direction:column;cursor:pointer;transform-origin:center;transition:transform .18s ease,filter .18s ease}.section-2 .role-intro-skill span{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;--width: 6.142em;width:var(--width)}@supports(aspect-ratio: 1){.section-2 .role-intro-skill span{aspect-ratio:86/87}}@supports not (aspect-ratio: 1){.section-2 .role-intro-skill span{width:var(--width);height:calc(var(--width)*87/86)}}.section-2 .role-intro-skill span{background:url("../images/official/role-intro-skill.webp") no-repeat center;background-size:contain;transition:transform .18s ease,filter .18s ease}.section-2 .role-intro-skill img{position:relative;z-index:1;width:80%;height:80%;object-fit:contain;transition:transform .18s ease,filter .18s ease}.section-2 .role-intro-skill p{font-size:clamp(12px,.73vw,20px);transition:color .18s ease,text-shadow .18s ease,font-weight .18s ease}.section-2 .role-intro-skill.act{filter:drop-shadow(0 0.18em 0.24em rgba(33, 118, 44, 0.24))}.section-2 .role-intro-skill.act span{filter:brightness(1.08) drop-shadow(0 0 0.32em rgba(245, 214, 106, 0.52))}.section-2 .role-intro-skill.act span:before{position:absolute;top:0;left:0;z-index:2;content:"";display:block;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url("../images/official/role-intro-skill-act.webp")}.section-2 .role-intro-skill.act img{filter:brightness(1.08) saturate(1.08)}.section-2 .role-intro-skill.act p{background:#008119;color:#fff;border-radius:50px;padding:0 .6em}.section-2 .role-intro-skills-pop{display:flex;padding:2em 2em;box-sizing:border-box;position:absolute;bottom:8em;right:0;gap:1em;--width: 41.642em;width:var(--width);background-size:contain;background-repeat:no-repeat;background-position:center}@supports(aspect-ratio: 1){.section-2 .role-intro-skills-pop{aspect-ratio:583/233}}@supports not (aspect-ratio: 1){.section-2 .role-intro-skills-pop{width:var(--width);height:calc(var(--width)*233/583)}}.section-2 .role-intro-skills-pop{background-image:url("../images/official/skills-pop.webp")}.section-2 .role-intro-skills-pop span{width:6.2em;height:6.2em}.section-2 .role-intro-skills-pop-content h5{font-weight:bold;font-size:clamp(14px,.94vw,22px);color:#cb5b4b}.section-2 .role-intro-skills-pop-content .desc{color:#666}.section-2 .role-intro-nav{position:absolute;top:calc(50% - 1.25em);width:2.5em;height:2.5em;cursor:pointer;opacity:.95;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(../images/official/swiper-button.webp)}.section-2 .role-intro-nav::after{display:none}.section-2 .role-intro-prev{left:-3.2em;transform:rotate(180deg)}.section-2 .role-intro-next{right:-3.2em}.section-2 .role-intro-thumbs{z-index:10;position:absolute;top:40%;right:0em;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;--width: 13em;width:var(--width)}@supports(aspect-ratio: 1){.section-2 .role-intro-thumbs{aspect-ratio:246/450}}@supports not (aspect-ratio: 1){.section-2 .role-intro-thumbs{width:var(--width);height:calc(var(--width)*450/246)}}.section-2 .role-intro-thumbs-swiper{width:100%;height:100%;position:relative;overflow:hidden}.section-2 .role-intro-thumbs-swiper .swiper-slide{display:flex;align-items:center;justify-content:center}.section-2 .role-intro-thumbs-btn{position:absolute;cursor:pointer;--width: 2.928em;width:var(--width)}@supports(aspect-ratio: 1){.section-2 .role-intro-thumbs-btn{aspect-ratio:41/49}}@supports not (aspect-ratio: 1){.section-2 .role-intro-thumbs-btn{width:var(--width);height:calc(var(--width)*49/41)}}.section-2 .role-intro-thumbs-btn{background-size:contain;background-repeat:no-repeat;background-position:center}.section-2 .role-intro-thumbs-btn-prev{transform:rotate(23deg);top:-2em;left:-2.2em;background-image:url(../images/official/swiper-button-prev.webp)}.section-2 .role-intro-thumbs-btn-next{transform:rotate(143deg);bottom:-2em;left:-1.2em;background-image:url(../images/official/swiper-button-next.webp)}.section-2 .role-intro-thumb{width:5.4em;height:5.4em;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform 120ms ease,border-color 120ms ease,filter 120ms ease;filter:grayscale(0.8) brightness(0.85);margin-right:4em}.section-2 .role-intro-thumb.is-active{border-color:hsla(0,0%,100%,.9);filter:grayscale(0) brightness(1);transform:scale(1.2);margin-right:-1em}.section-2 .role-intro-thumb-img{width:100%;height:100%;object-fit:cover}@media(max-width: 900px){.section-2{height:auto;padding:5em 0;background:none}.section-2 .main.role-intro{width:92%;padding-top:0;flex-direction:column;gap:1.5em}.section-2 .role-intro-content{background-size:contain;background-position:center top}.section-2 .role-intro-swiper{padding-bottom:1em}.section-2 .role-intro-panel{flex-direction:column;gap:0em}.section-2 .role-intro-figure{width:20em;height:20em;flex-basis:16em}.section-2 .role-intro-figure-img{width:16em}.section-2 .role-intro-morph{--width: 5em;bottom:-2.5em;right:0;z-index:100}.section-2 .role-intro-text{width:90%;display:inline-grid}.section-2 .role-intro-name{text-align:center;--width: 10em}.section-2 .role-intro-title{width:max-content;text-align:center;font-size:clamp(10px,3.2vw,24px)}.section-2 .role-intro-desc{font-size:clamp(10px,3.2vw,24px);max-width:100%;margin:0}.section-2 .role-intro-skills{margin-top:0}.section-2 .role-intro-skills-title{display:none}.section-2 .role-intro-skill span{--width: 3.5em}.section-2 .role-intro-skill p{font-size:clamp(10px,3.2vw,24px)}.section-2 .role-intro-skills-pop{--width: 100%;gap:0;padding:1em;bottom:20em}@supports(aspect-ratio: 1){.section-2 .role-intro-skills-pop{aspect-ratio:700/279}}@supports not (aspect-ratio: 1){.section-2 .role-intro-skills-pop{width:var(--width);height:calc(var(--width)*279/700)}}.section-2 .role-intro-skills-pop{background-image:url("../images/official/skills-pop-m.webp")}.section-2 .role-intro-skills-pop span{display:none}.section-2 .role-intro-skills-pop-content h5{font-size:clamp(12px,3.73vw,28px)}.section-2 .role-intro-skills-pop-content{font-size:clamp(10px,3.2vw,24px)}.section-2 .role-intro-thumbs{width:80%;height:auto;flex-direction:row;aspect-ratio:inherit;margin:auto;background:none;position:initial}.section-2 .role-intro-thumbs-btn{--width: 1.571em}@supports(aspect-ratio: 1){.section-2 .role-intro-thumbs-btn{aspect-ratio:44/59}}@supports not (aspect-ratio: 1){.section-2 .role-intro-thumbs-btn{width:var(--width);height:calc(var(--width)*59/44)}}.section-2 .role-intro-thumbs-btn-prev{top:initial;left:-1.2em;transform:rotate(0)}.section-2 .role-intro-thumbs-btn-next{bottom:initial;left:initial;right:-1.2em;transform:rotate(0)}.section-2 .role-intro-thumbs-swiper{padding:1em 0;height:auto;overflow:hidden}.section-2 .role-intro-thumbs-swiper .swiper-slide{position:initial}.section-2 .role-intro-thumbs-swiper .swiper-slide:nth-child(1),.section-2 .role-intro-thumbs-swiper .swiper-slide:nth-child(2),.section-2 .role-intro-thumbs-swiper .swiper-slide:nth-child(3),.section-2 .role-intro-thumbs-swiper .swiper-slide:nth-child(4),.section-2 .role-intro-thumbs-swiper .swiper-slide:nth-child(5){top:initial;left:initial;bottom:initial;right:initial}.section-2 .role-intro-thumbs-swiper .swiper-slide-thumb-active{transform:scale(1)}.section-2 .role-intro-thumb{width:4.6em;height:4.6em;margin:auto}.section-2 .role-intro-thumb.is-active{margin:0em}.section-2 .role-intro-nav{display:none}}@media(prefers-reduced-motion: reduce){.section-2 .role-intro-morph{animation:none;filter:drop-shadow(0 0 0.65em rgba(255, 238, 78, 0.75))}.section-2 .role-intro-morph::before,.section-2 .role-intro-morph::after{animation:none;opacity:.55}}.role-morph-pop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2em;box-sizing:border-box;background:rgba(0,0,0,.72)}.role-morph-pop-box{position:relative;width:min(70em,96vw);min-height:min(48em,88vh);padding:7em 4em 3em;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;background:url("../images/official/pop-light-bg.webp") no-repeat center;background-size:100% 100%}.role-morph-pop-close{position:absolute;top:2.2em;right:4.2em;z-index:3;width:2.28em;aspect-ratio:1;padding:0;border:0;cursor:pointer;background-color:rgba(0,0,0,0);background:url("../images/official/pop-close.webp") no-repeat center;background-size:contain}.role-morph-pop-title-wrap{position:absolute;top:2em;left:50%;width:min(30em,70%);height:7em;transform:translateX(-50%);display:flex;justify-content:center;align-items:center}.role-morph-pop-title-light{position:absolute;inset:0;background:url("../images/official/pop-light-title.webp") no-repeat center;background-size:contain}.role-morph-pop-title{position:relative;z-index:1;width:min(17em,78%);object-fit:contain;filter:drop-shadow(0 0.18em 0.1em rgba(11, 106, 44, 0.65))}.role-morph-pop-figure{width:min(54em,82vw);max-height:68vh;object-fit:contain;filter:drop-shadow(0 1em 1.6em rgba(0, 0, 0, 0.25))}@media(max-width: 900px){.role-morph-pop{padding:1em}.role-morph-pop-box{width:100%;min-height:min(34em,86vh);padding:5.8em 1.2em 2em}.role-morph-pop-close{top:1.6em;right:1.4em;width:2em}.role-morph-pop-title-wrap{top:1.2em;width:min(24em,86%);height:5.8em}.role-morph-pop-title{width:min(13em,75%)}.role-morph-pop-figure{width:100%;max-height:60vh}}.section-3{width:100%;height:82.437em;background-size:cover;background-repeat:no-repeat;background-position:center;background-image:url(../images/official/s-3.webp);box-sizing:border-box}.section-3 .banner{width:56em;margin:10em auto 0;position:relative}.section-3 .banner .b-itm{width:100%;margin:0 auto;overflow:hidden}.section-3 .banner .b-itm .swiper{overflow:visible}@media(min-width: 900px){.section-3 .banner .b-itm{padding:12em 0;margin:-12em auto}.section-3 .banner .b-itm .swiper-slide{transition:transform .3s ease,opacity .3s ease;z-index:0;filter:brightness(0.2);transform:scale(1)}.section-3 .banner .b-itm .swiper-slide img{width:100%;height:100%;object-fit:cover}.section-3 .banner .b-itm .swiper-slide-active{z-index:2;filter:brightness(1);transform:scale(1.25)}.section-3 .banner .b-itm .swiper-slide-prev,.section-3 .banner .b-itm .swiper-slide-next{z-index:1;filter:brightness(0.3);transform:scale(1)}}@media(max-width: 900px){.section-3 .banner .b-itm .swiper{overflow:hidden;padding-bottom:2em}.section-3 .banner .b-itm .swiper-slide img{width:100%;height:100%;object-fit:cover}}.section-3 .banner .swiper-button{--width: 3.57em;width:var(--width)}@supports(aspect-ratio: 1){.section-3 .banner .swiper-button{aspect-ratio:50/50}}@supports not (aspect-ratio: 1){.section-3 .banner .swiper-button{width:var(--width);height:calc(var(--width)*50/50)}}.section-3 .banner .swiper-button::after{display:none}.section-3 .banner .swiper-button.swiper-button-next{right:-4em;background:url("../images/official/swiper-button-next.webp") no-repeat center;background-size:contain}.section-3 .banner .swiper-button.swiper-button-prev{left:-4em;background:url("../images/official/swiper-button-prev.webp") no-repeat center;background-size:contain}@media(max-width: 900px){.section-3 .banner .swiper-button{--width: 2.3em;bottom:calc(50% - .89em)}.section-3 .banner .swiper-button.swiper-button-next{right:-3em}.section-3 .banner .swiper-button.swiper-button-prev{left:-3em}}.section-3 .banner .swiper-pagination{bottom:-9em;display:flex;align-items:center;justify-content:center;gap:2.35em}@media(max-width: 900px){.section-3 .banner .swiper-pagination{bottom:0em;gap:.5em}}.section-3 .banner .swiper-pagination-bullet{position:relative;flex:0 0 auto;height:2.14em;--width: 2.21em;width:var(--width)}@supports(aspect-ratio: 1){.section-3 .banner .swiper-pagination-bullet{aspect-ratio:31/30}}@supports not (aspect-ratio: 1){.section-3 .banner .swiper-pagination-bullet{width:var(--width);height:calc(var(--width)*30/31)}}.section-3 .banner .swiper-pagination-bullet{margin:0 !important;background:none;filter:none;opacity:1}.section-3 .banner .swiper-pagination-bullet::before{content:"";position:absolute;inset:0;background:url("../images/official/swiper-pagination-bullet.webp") no-repeat center;background-size:contain;filter:grayscale(1);opacity:.8}@media(min-width: 901px){.section-3 .banner .swiper-pagination-bullet:not(:last-child)::after{content:"...";position:absolute;top:50%;left:calc(100% + .5em);transform:translateY(-50%);color:#2c9b5a;font-family:Arial,sans-serif;font-size:.8em;font-weight:700;line-height:1;letter-spacing:.36em;pointer-events:none}}.section-3 .banner .swiper-pagination-bullet-active::before{filter:grayscale(0);opacity:1}@media(max-width: 900px){.section-3{height:55em;background:none}.section-3 .banner{width:70%;margin:2em auto 0}.section-3 .banner .b-itm{width:100%;height:auto}.section-3 .banner .swiper-pagination-bullet{height:1.07em;--width: 1.105em}}footer{background:#232742;border-top:5px solid #4a5286}footer .fl img{width:7em}@media(max-width: 900px){footer{padding:1em .71em}footer .fl img{margin-bottom:.5em}}