﻿@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 1.07em;box-sizing:border-box;--width: 49.285em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop .pop-main{aspect-ratio:690/70}}@supports not (aspect-ratio: 1){.s-pop .pop-main{width:var(--width);height:calc(var(--width)*70/690)}}.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:-5em;height:5em;--width: 49.285em;background-image:url("../images/reserve/s-pop1.png")}.s-pop .pop-main::after{bottom:-5em;height:5.714em;--width: 49.285em;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{position:absolute;top:-11em;left:-2em;z-index:10;--width: 46.928em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop h3{aspect-ratio:657/166}}@supports not (aspect-ratio: 1){.s-pop h3{width:var(--width);height:calc(var(--width)*166/657)}}.s-pop h3{background:url("../images/reserve/s-pop-title-bg.png") no-repeat center;background-size:contain}.s-pop h3 span{font-size:clamp(12px,.73vw,20px);position:absolute;left:0;right:0;margin:auto;color:hsla(0,0%,100%,0) !important;overflow:hidden !important;text-indent:-9999px;white-space:nowrap;line-height:initial !important}.s-pop .close-btn{cursor:pointer;position:absolute;right:-3.57em;top:-5em;--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/s-pop-close.png") no-repeat center;background-size:contain}@media(max-width: 900px){.s-pop .pop-main{padding:0rem 0rem 1em}.s-pop .pop-main::before{--width: 25.675em}.s-pop .pop-main::after{bottom:-2em;height:6.785em;--width: 25.675em}.s-pop h3{top:-8em;left:1.5em;--width: 23.464em}.s-pop .close-btn{--width: 2em;right:0;left:0;top:auto;bottom:-3em;margin:auto}}.s-pop-pre .pop-main{background-color:initial;border:initial;position:relative;padding:17.6em 4em 0;--width: 45.285em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-pre .pop-main{aspect-ratio:634/772}}@supports not (aspect-ratio: 1){.s-pop-pre .pop-main{width:var(--width);height:calc(var(--width)*772/634)}}.s-pop-pre .pop-main{background:url("../images/reserve/s-pre-bg.png") 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:none}.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:90%;margin:0 auto;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:#988b89}.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 .award-pile{--width: 24.142em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-pre .pop-main .award-pile{aspect-ratio:338/267}}@supports not (aspect-ratio: 1){.s-pop-pre .pop-main .award-pile{width:var(--width);height:calc(var(--width)*267/338)}}.s-pop-pre .pop-main .award-pile{background:url("../images/reserve/award-pile.png") no-repeat center;background-size:contain}.s-pop-pre .close-btn{right:-3.6em;top:7.71em}@media(max-width: 900px){.s-pop-pre .pop-main{max-width:26.78em;min-height:21.07em;height:auto;padding:10.6em 4em 0}.s-pop-pre .pop-main .pre-title{height:4.64em;--width: 18em}.s-pop-pre .pop-main .pre-box .pre-form{width:92%}.s-pop-pre .pop-main .pre-box{padding:0 .2rem;width:19em}.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 .award-pile{margin:0;--width: 13.142em}.s-pop-pre .close-btn{right:.2rem;top:0rem;left:inherit;bottom:inherit}}.pre-box{width:100%;padding:0 2.14em 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 strong{display:none}.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:#988b89;border:2px solid #988b89;border-radius:6px;cursor:pointer}.pre-box .sle-model ul li span{display:none}.pre-box .sle-model ul li.act{color:#fff;border:2px solid #000;background:#e3b12c;text-shadow:0 0 2px #000,0 1px 2px #000,1px 0 2px #000,0 -1px 2px #000,-1px 0 2px #000}.pre-box .sle-model ul li:last-child{margin-left:.71em}.pre-box .reg{display:grid;background:#988b89;border-radius:6px;padding:.71em 1.42em;grid-template-columns:5em 4.28em 1fr;color:#fff;margin:.71em 0 0}.pre-box .reg.reg-ver{grid-template-columns:1fr 1.3rem}.pre-box .reg .area span::after{right:.2em;border-width:.3em .2em 0;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0)}.pre-box .reg input{background:none;color:#fff}.pre-box .reg input::placeholder{color:#f9f6ee}.pre-box .reg .ares-list{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;--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 1.07em}.pre-box .sle-model ul li{padding:.3em 0}.pre-box .reg{padding:.355em .71em;grid-template-columns:3.5em 3em 1fr}.pre-box .btn{--width: 17.96em}}.s-pop-result .pop-main{background-color:initial;border:initial;display:flex;flex-direction:column;align-items:center;gap:1.42em;padding-top:16em;--width: 45.214em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-result .pop-main{aspect-ratio:633/671}}@supports not (aspect-ratio: 1){.s-pop-result .pop-main{width:var(--width);height:calc(var(--width)*671/633)}}.s-pop-result .pop-main{background:url("../images/reserve/s-pop-result.png") no-repeat center;background-size:contain}.s-pop-result .pop-main::after,.s-pop-result .pop-main::before{display:none}.s-pop-result .pop-main .result-hint{--width: 28.785em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-result .pop-main .result-hint{aspect-ratio:403/70}}@supports not (aspect-ratio: 1){.s-pop-result .pop-main .result-hint{width:var(--width);height:calc(var(--width)*70/403)}}.s-pop-result .pop-main .result-hint{background:url("../images/reserve/result-hint.png") no-repeat center;background-size:contain}.s-pop-result .pop-main .dow{display:flex;gap:1.42em}.s-pop-result .pop-main .dow .btn{--width: 14.214em}.s-pop-result .pop-main .dow .btn.apple-store{animation:circle 2s ease-in-out infinite;-webkit-animation:circle 2s ease-in-out infinite}.s-pop-result .pop-main .dow .btn.google-store{animation:circle2 2s ease-in-out infinite;-webkit-animation:circle2 2s ease-in-out infinite}@keyframes circle{0%{transform:scale(0.9)}25%{transform:scale(1)}50%{transform:scale(0.9)}75%{transform:scale(1)}100%{transform:scale(0.9)}}@keyframes circle2{0%{transform:scale(1)}25%{transform:scale(0.9)}50%{transform:scale(1)}75%{transform:scale(0.9)}100%{transform:scale(1)}}.s-pop-result .pop-main .result-award{--width: 18.571em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-result .pop-main .result-award{aspect-ratio:260/191}}@supports not (aspect-ratio: 1){.s-pop-result .pop-main .result-award{width:var(--width);height:calc(var(--width)*191/260)}}.s-pop-result .pop-main .result-award{background:url("../images/reserve/result-award.png") no-repeat center;background-size:contain}.s-pop-result .close-btn{right:-4em;top:10em;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;padding-top:9.4em}.s-pop-result .pop-main .result-hint{--width: 17em}.s-pop-result .pop-main .dow{gap:.8em}.s-pop-result .pop-main .dow .btn{--width: 10em}.s-pop-result .pop-main .result-award{--width: 10em}.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:#988b89;border:2px solid #988b89}.s-pop-record .pop-main{display:flex;align-items:center;flex-direction:column;justify-content:flex-start;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:1fr .7fr 1.3fr .7fr;padding:.3em 0;color:#3d3e79}.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: 7.5em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-record .pop-main ul li .a-copy{aspect-ratio:90/34}}@supports not (aspect-ratio: 1){.s-pop-record .pop-main ul li .a-copy{width:var(--width);height:calc(var(--width)*34/90)}}.s-pop-record .pop-main ul li .a-copy{background:url("../images/reserve/share-copy.png") no-repeat center;background-size:contain}.s-pop-record .pop-main ul li:nth-child(1){padding:.71em 0;background:#3d3e79;font-weight:bold;color:#fff}.s-pop-record .pop-main ul li:nth-child(1) div{display:block;text-align:center}.s-pop-record .pop-main ul li:nth-child(even){background:#cdc9b6}.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)}.s-pop-record h3 span{top:4.6em;--width: 14em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-record h3 span{aspect-ratio:196/64}}@supports not (aspect-ratio: 1){.s-pop-record h3 span{width:var(--width);height:calc(var(--width)*64/196)}}.s-pop-record h3 span{background:url("../images/reserve/s-pop-record.png") no-repeat center;background-size:contain}@media(max-width: 900px){.s-pop-record .pop-main{width:25.675em}.s-pop-record .pop-main .pre-box{padding:0 1.07em 0em}.s-pop-record .pop-main ul{height:25em;padding:0 .4em 0 0}.s-pop-record .pop-main ul li{display:flex;align-items:flex-start;flex-wrap:wrap;padding:.3em .4em}.s-pop-record .pop-main ul li .a-copy{--width: 5em}.s-pop-record .pop-main ul li div:first-child{flex:1;text-align:left;justify-content:flex-start;max-width:9em}.s-pop-record .pop-main ul li div:nth-child(3){flex:1;max-width:10em;text-align:center}.s-pop-record .pop-main ul li div:last-child{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){padding:.71em .5em}.s-pop-record .pop-main ul li:nth-child(1) div:nth-child(2){display:none}.s-pop-record .pop-main ul li:nth-child(1) div:nth-child(3){text-align:center}.s-pop-record h3 span{top:2.8em;--width: 8em}}.s-pop-task .pop-main{display:flex;align-items:center;flex-direction:column;justify-content:flex-start;position:relative}.s-pop-task .pop-main .pre-box{padding:0}.s-pop-task .pop-main .task-hint{font-size:clamp(12px,.73vw,20px);color:#d4223b;text-align:center}.s-pop-task .pop-main ul{height:35.71em;overflow:auto;width:100%;color:#000;padding:1em .71em;box-sizing:border-box;background:#c2bdab;border-top:2px solid #3d3e79}.s-pop-task .pop-main ul li{position:relative;padding:0 3em 0 6em;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;color:#3d3e79;max-width:100%;--width: 44.285em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-task .pop-main ul li{aspect-ratio:620/70}}@supports not (aspect-ratio: 1){.s-pop-task .pop-main ul li{width:var(--width);height:calc(var(--width)*70/620)}}.s-pop-task .pop-main ul li{background:url("../images/reserve/task-list.png") no-repeat center;background-size:contain}.s-pop-task .pop-main ul li p{font-size:clamp(14px,.83vw,20px)}.s-pop-task .pop-main ul li p b{color:#fb2255}.s-pop-task .pop-main ul li a{display:inline-block;overflow:hidden;line-height:1000;font-size:clamp(10px,.12rem,14px);margin-left:1em;--width: 7.5em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-task .pop-main ul li a{aspect-ratio:90/34}}@supports not (aspect-ratio: 1){.s-pop-task .pop-main ul li a{width:var(--width);height:calc(var(--width)*34/90)}}.s-pop-task .pop-main ul li a.go{background:url("../images/reserve/share-go.png") no-repeat center;background-size:contain}.s-pop-task .pop-main ul li a.get{background:url("../images/reserve/get.png") no-repeat center;background-size:contain}.s-pop-task .pop-main ul li a.disabled{background:url("../images/reserve/get.png") no-repeat center;background-size:contain;filter:grayscale(100%) brightness(0.7) opacity(0.7);pointer-events:none;cursor:not-allowed}.s-pop-task .pop-main ul li:not(:first-child){margin-top:.6em}.s-pop-task .pop-main ul li:nth-child(5):after,.s-pop-task .pop-main ul li:nth-child(4):after{position:absolute;right:-0.6em;top:-0.8em;content:"";display:block;--width: 4em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-task .pop-main ul li:nth-child(5):after,.s-pop-task .pop-main ul li:nth-child(4):after{aspect-ratio:60/40}}@supports not (aspect-ratio: 1){.s-pop-task .pop-main ul li:nth-child(5):after,.s-pop-task .pop-main ul li:nth-child(4):after{width:var(--width);height:calc(var(--width)*40/60)}}.s-pop-task .pop-main ul li:nth-child(5):after,.s-pop-task .pop-main ul li:nth-child(4):after{background:url("../images/reserve/reminder.png") no-repeat center;background-size:contain}.s-pop-task .pop-main ul li div{display:flex;justify-content:center;align-items:center;position:relative}.s-pop-task .pop-main ul li div:last-child{justify-content:space-between;cursor:pointer}.s-pop-task .pop-main ul li div:last-child span{display:flex;align-items:center}.s-pop-task .pop-main ul li div:first-child{text-align:center}.s-pop-task .pop-main ul li div:first-child:hover p{display:block}.s-pop-task .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-task .pop-main ul li div i{aspect-ratio:23/20}}@supports not (aspect-ratio: 1){.s-pop-task .pop-main ul li div i{width:var(--width);height:calc(var(--width)*20/23)}}.s-pop-task .pop-main ul li div i{background:url("../images/reserve/exp.png") no-repeat center;background-size:contain}.s-pop-task h3 span{top:4.6em;--width: 20.857em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-task h3 span{aspect-ratio:292/71}}@supports not (aspect-ratio: 1){.s-pop-task h3 span{width:var(--width);height:calc(var(--width)*71/292)}}.s-pop-task h3 span{background:url("../images/reserve/s-pop-task.png") no-repeat center;background-size:contain}@media(max-width: 900px){.s-pop-task .pop-main .pre-box{width:90%}.s-pop-task .pop-main ul{height:auto}.s-pop-task .pop-main ul li{padding:0 1.5em 0 3em}.s-pop-task .pop-main ul li p{font-size:clamp(12px,.73vw,20px)}.s-pop-task .pop-main ul li a{--width: 5em}.s-pop-task .pop-main ul li:nth-child(5):after,.s-pop-task .pop-main ul li:nth-child(4):after{--width: 3em}.s-pop-task h3 span{top:3em;--width: 8.57em}}.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;color:#3d3e79}.s-pop-share .pop-main .share-hint{font-size:clamp(16px,1.04vw,24px)}.s-pop-share .pop-main .share-url{background:initial;font-size:clamp(14px,.83vw,20px);width:80%;border-radius:6px;margin:1.42em 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.285em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-share .pop-main .share-list .btn{aspect-ratio:158/60}}@supports not (aspect-ratio: 1){.s-pop-share .pop-main .share-list .btn{width:var(--width);height:calc(var(--width)*60/158)}}.s-pop-share .pop-main .share-list .btn.share-copy{background:url("../images/reserve/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}.s-pop-share h3 span{top:4.6em;--width: 14em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-share h3 span{aspect-ratio:196/63}}@supports not (aspect-ratio: 1){.s-pop-share h3 span{width:var(--width);height:calc(var(--width)*63/196)}}.s-pop-share h3 span{background:url("../images/reserve/s-pop-share.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: 7em}.s-pop-share h3 span{top:2.8em;--width: 8em}}.s-pop-draw .pop-main .draw-con{color:#3d3e79;font-weight:bold;margin:2.14em 0;display:flex;flex-direction:column;align-items:center}.s-pop-draw .pop-main .draw-con span{--width: 6.714em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-draw .pop-main .draw-con span{aspect-ratio:1/1}}@supports not (aspect-ratio: 1){.s-pop-draw .pop-main .draw-con span{width:var(--width);height:calc(var(--width)*1/1)}}.s-pop-draw .pop-main .draw-con span{background:url("../images/reserve/reach-span.webp") no-repeat center;background-size:100% 100%;display:flex;align-items:center;justify-content:center;margin-bottom:.42em}.s-pop-draw .pop-main .draw-con span img{max-width:4.57em;max-height:4.57em;object-fit:contain}.s-pop-draw .pop-main .draw-code{color:#fff;display:flex;align-items:center;justify-content:center;--width: 20em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-draw .pop-main .draw-code{aspect-ratio:280/40}}@supports not (aspect-ratio: 1){.s-pop-draw .pop-main .draw-code{width:var(--width);height:calc(var(--width)*40/280)}}.s-pop-draw .pop-main .draw-code{background:url("../images/reserve/draw-code.png") no-repeat center;background-size:100% 100%}.s-pop-draw .pop-main .draw-hint{color:#3d3e79;margin:.71em 0 1.42em}.s-pop-draw .pop-main .draw-hint span{color:red;cursor:pointer}.s-pop-draw .pop-main .btn{--width: 11.285em}@supports(aspect-ratio: 1){.s-pop-draw .pop-main .btn{aspect-ratio:158/60}}@supports not (aspect-ratio: 1){.s-pop-draw .pop-main .btn{width:var(--width);height:calc(var(--width)*60/158)}}.s-pop-draw .pop-main .btn{background:url("../images/reserve/draw-btn.png") no-repeat center;background-size:contain}.s-pop-draw h3 span{top:4.6em;--width: 14em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-draw h3 span{aspect-ratio:196/64}}@supports not (aspect-ratio: 1){.s-pop-draw h3 span{width:var(--width);height:calc(var(--width)*64/196)}}.s-pop-draw h3 span{background:url("../images/reserve/s-pop-draw.png") no-repeat center;background-size:contain}@media(max-width: 900px){.s-pop-draw .pop-main .draw-con{margin:0em 0 1em}.s-pop-draw .pop-main .draw-con span{--width: 5em}.s-pop-draw .pop-main .draw-con span img{max-width:3em;max-height:3em}.s-pop-draw .pop-main .draw-code{--width: 15em}.s-pop-draw .pop-main .btn{width:5.71em}.s-pop-draw h3 span{top:2.8em;--width: 8em}}.s-pop-rule .pop-main{display:flex;align-items:center;flex-direction:column;justify-content:flex-start;position:relative;color:#3d3e79}.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:#fb2255}.s-pop-rule .pop-main .pre-box div a{color:#fb2255;text-decoration:underline}.s-pop-rule .pop-main .pre-box div h4:not(:first-child){margin-top:1em}.s-pop-rule h3 span{top:4.6em;--width: 14em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-rule h3 span{aspect-ratio:196/64}}@supports not (aspect-ratio: 1){.s-pop-rule h3 span{width:var(--width);height:calc(var(--width)*64/196)}}.s-pop-rule h3 span{background:url("../images/reserve/s-pop-rule.png") no-repeat center;background-size:contain}@media(max-width: 900px){.s-pop-rule .pop-main .pre-box div{max-height:25em}.s-pop-rule h3 span{top:2.8em;--width: 8em}}@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:9.142em;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center;margin:0 auto 2.85em}.title.t-1{height:12.5em;background-image:url(../images/reserve/t-1.png)}.title.t-2{background-image:url(../images/reserve/t-2.png)}.title.t-3{background-image:url(../images/reserve/t-3.png)}.title.t-4{background-image:url(../images/reserve/t-4.png)}@media(max-width: 900px){.title{width:100%;height:4.571em;margin-bottom:.71em}.title.t-1{height:6.25em}}.btn{display:block;width:var(--width)}@supports(aspect-ratio: 1){.btn{aspect-ratio:296/75}}@supports not (aspect-ratio: 1){.btn{width:var(--width);height:calc(var(--width)*75/296)}}.btn{background-size:contain;background-repeat:no-repeat;background-position:center}.btn.apple-store{background-image:url(../images/reserve/apple-store.png)}.btn.google-store{background-image:url(../images/reserve/google-store.png)}@supports(aspect-ratio: 1){.btn.go-pre{aspect-ratio:446/168}}@supports not (aspect-ratio: 1){.btn.go-pre{width:var(--width);height:calc(var(--width)*168/446)}}.btn.go-pre{background-image:url(../images/reserve/go-pre.png)}.btn.award{background-image:url(../images/reserve/award.png)}.btn.facebook{background-image:url(../images/reserve/facebook.png)}.btn.facebook2{background-image:url(../images/reserve/facebook-m.png)}.btn.Discord{background-image:url(../images/reserve/discord-m.png)}.kv{width:100%;box-sizing:border-box;--height: max(110vh, 13rem)}.kv .wrap{min-height:var(--height);width:100vw;height:100vh;border-top:1px solid rgba(0,0,0,0)}.kv .wrap .map{width:100vw;height:max(var(--height),56vw);left:50%;top:0;position:absolute;transform:translateX(-50%);background-position-x:calc(min(var(--wrap-width)*.5,88.8vh) - 88.8vh)}.kv .wrap .map.map-1{background:url("../images/reserve/m-1.webp") no-repeat;background-size:auto var(--height);animation:map-vh 16s 12s infinite linear}.kv .wrap .map.map-2{background:url("../images/reserve/m-2.webp") no-repeat;background-size:auto var(--height);animation:map-vh 16s 8s infinite linear}.kv .wrap .map.map-3{background:url("../images/reserve/m-3.webp") no-repeat;background-size:auto var(--height);animation:map-vh 16s 4s infinite linear}.kv .wrap .map.map-4{background:url("../images/reserve/m-4.webp") no-repeat;background-size:auto var(--height);animation:map-vh 16s infinite linear}.kv .wrap::after{content:"";width:100vw;height:120vh;left:50%;top:0;pointer-events:none;position:absolute;transform:translateX(-50%);visibility:hidden;animation:mask 20s 2.5s infinite linear;background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0) 100%)}@supports(height: 100dvh){.kv .wrap{--height: max(110dvh, 13rem);height:110dvh}.kv .wrap .map{background-position-x:calc(min(var(--wrap-width)*.5,88.8dvh) - 88.8dvh)}.kv .wrap .map.map-1,.kv .wrap .map.map-2,.kv .wrap .map.map-3,.kv .wrap .map.map-4{animation-name:map-dvh}.kv .wrap::after{height:110dvh}}@keyframes map-vh{0%{visibility:visible;background-position-x:calc(min(var(--wrap-width)*.5,88.8vh) - 88.8vh)}25%{visibility:visible;background-position-x:-150vh}25.1%{visibility:hidden;background-position-x:150vh}100%{visibility:hidden;background-position-x:-150vh}}@supports(height: 100dvh){@keyframes map-dvh{0%{visibility:visible;background-position-x:calc(min(var(--wrap-width)*.5,88.8dvh) - 88.8dvh)}25%{visibility:visible;background-position-x:-150dvh}25.1%{visibility:hidden;background-position-x:150dvh}100%{visibility:hidden;background-position-x:-150dvh}}}@keyframes mask{5%,25%,45%,65%,85%{visibility:visible;transform:translateX(calc(-50% + 120vw))}10%,30%,50%,70%,90%{visibility:visible;transform:translateX(calc(-50% - 120vw))}0%,4.9%,10.1%,24.9%,30.1%,44.9%,50.1%,64.9%,70.1%,84.9%,90.1%,100%{visibility:hidden}}.kv .main{min-height:var(--height);width:100vw;height:100vh;top:0;left:0;right:0;margin:auto;position:absolute;display:flex;flex-direction:column;align-items:center;z-index:50}.kv .main .logo{--width: 29.5em;width:var(--width)}@supports(aspect-ratio: 1){.kv .main .logo{aspect-ratio:413/164}}@supports not (aspect-ratio: 1){.kv .main .logo{width:var(--width);height:calc(var(--width)*164/413)}}.kv .main .logo{background:url("../images/reserve/logo.png") no-repeat center;background-size:contain;margin:0 auto}.kv .main .slogan{position:relative;margin:3em auto 0;--width: 37.142em;width:var(--width)}@supports(aspect-ratio: 1){.kv .main .slogan{aspect-ratio:520/230}}@supports not (aspect-ratio: 1){.kv .main .slogan{width:var(--width);height:calc(var(--width)*230/520)}}.kv .main .slogan{background:url("../images/reserve/slogan.png") no-repeat center;background-size:contain}.kv .main .video{display:none;position:absolute;left:50%;top:12em;margin:auto;--width: 4.285rem;width:var(--width)}@supports(aspect-ratio: 1){.kv .main .video{aspect-ratio:1/1}}@supports not (aspect-ratio: 1){.kv .main .video{width:var(--width);height:calc(var(--width)*1/1)}}.kv .main .video{background:url("../images/reserve/video.png") no-repeat center;background-size:contain;animation:scaleDraw 1s ease-in-out infinite;-webkit-animation:scaleDraw 1s ease-in-out infinite}@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)}}.kv .main .count{font-size:clamp(18px,1.15vw,28px);font-weight:bold;text-shadow:0 0 2px #000,0 1px 2px #000,1px 0 2px #000,0 -1px 2px #000,-1px 0 2px #000}.kv .main .count span{color:#f4c624}.kv .main .group-role{position:absolute;bottom:35vh;--width: 53.571em;width:var(--width)}@supports(aspect-ratio: 1){.kv .main .group-role{aspect-ratio:750/162}}@supports not (aspect-ratio: 1){.kv .main .group-role{width:var(--width);height:calc(var(--width)*162/750)}}.kv .main .group-role{background:url("../images/reserve/group-role.png") no-repeat center;background-size:contain}.kv .main .download-btn{display:flex;align-items:flex-end;position:absolute;bottom:18vh}.kv .main .download-btn li a{display:block;--width: 24.857em}.kv .main .download-btn li:nth-child(2){animation:scaleDraw 2s ease-in-out infinite;-webkit-animation:scaleDraw 2s ease-in-out infinite;margin:0 2em}.kv .main .download-btn li:nth-child(2) a{--width: 31.857em}@media(min-width: 901px)and (max-width: 1440px){.kv .main .logo{--width: 25.5em}.kv .main .video{--width: 3.285rem;top:10em}}@media(max-width: 900px){.kv .main{width:100%}.kv .main::before{content:"";position:fixed;z-index:1;top:0;left:0;width:100%;height:5em;background:rgba(0,0,0,.631372549)}.kv .main .logo{--width: 10em;position:fixed;top:.4em;left:1em;z-index:10}.kv .main .award{position:fixed;z-index:10;right:1em;top:1.3em;--width: 8em}@supports(aspect-ratio: 1){.kv .main .award{aspect-ratio:250/76}}@supports not (aspect-ratio: 1){.kv .main .award{width:var(--width);height:calc(var(--width)*76/250)}}.kv .main .award{background:url("../images/reserve/award-m.png") no-repeat center;background-size:contain}.kv .main .video{--width: 3.4em;left:initial;right:-2em;top:7em}.kv .main .slogan{--width: 20.285em;margin:8em auto 0}.kv .main .count{font-size:clamp(14px,4.27vw,32px)}.kv .main .group-role{max-width:90%;bottom:36%}.kv .main .download-btn{display:flex;flex-wrap:wrap;justify-content:center;bottom:18%}.kv .main .download-btn li:nth-child(2){order:-1;flex:1 1 100%;max-width:70%;margin:0 auto 2%}.kv .main .download-btn li:nth-child(2) a{display:block;width:100%}.kv .main .download-btn li:not(:nth-child(2)){flex:1 1 45%;max-width:45%;margin:0 2%}.kv .main .download-btn li:not(:nth-child(2)) a{--width: 12.428em;max-width:100%}}@media(max-width: 900px){.wap-bg{background-size:cover;background-repeat:no-repeat;background-position:center;background-image:url(../images/reserve/wap-bg.webp);box-sizing:border-box;background-position:center top;position:relative}}.section-1{margin-top:-16em;padding-top:20em;min-height:91.928em;width:100%;background:url("../images/reserve/s-1.webp") no-repeat center top;background-size:cover}.section-1 .make{--width: 86em;width:var(--width)}@supports(aspect-ratio: 1){.section-1 .make{aspect-ratio:1204/667}}@supports not (aspect-ratio: 1){.section-1 .make{width:var(--width);height:calc(var(--width)*667/1204)}}.section-1 .make{background:url("../images/reserve/make.webp") no-repeat center;background-size:contain;display:flex;padding:0 0 0 1.42em;box-sizing:border-box;margin:0em auto;position:relative}.section-1 .main{position:relative;z-index:1;padding:3em 2em 0 1.4em;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;width:100%}.section-1 .main::before,.section-1 .main::after{content:"";position:absolute;width:var(--width)}.section-1 .main::before{top:-4.5em;left:-5em;--width: 9.714em}@supports(aspect-ratio: 1){.section-1 .main::before{aspect-ratio:136/111}}@supports not (aspect-ratio: 1){.section-1 .main::before{width:var(--width);height:calc(var(--width)*111/136)}}.section-1 .main::before{background:url("../images/reserve/s-1-before.png") no-repeat center;background-size:contain}.section-1 .main::after{bottom:0;right:0;--width: 9.714em}@supports(aspect-ratio: 1){.section-1 .main::after{aspect-ratio:136/147}}@supports not (aspect-ratio: 1){.section-1 .main::after{width:var(--width);height:calc(var(--width)*147/136)}}.section-1 .main::after{background:url("../images/reserve/s-1-after.png") no-repeat center;background-size:contain}.section-1 .main .step-com{width:39.8em}.section-1 .main .step-com .step-title{width:100%;height:4.285em;background-size:contain;background-repeat:no-repeat;background-position:left center;margin:1.2em 0em}.section-1 .main .step-com .step-title.step-t1{background-image:url(../images/reserve/step-t1.png);margin-top:0}.section-1 .main .step-com .step-title.step-t2{background-image:url(../images/reserve/step-t2.png)}.section-1 .main .step-com .step-title.step-t3{background-image:url(../images/reserve/step-t3.png)}.section-1 .main .step-com .reg-hint{color:#fb2255;font-weight:500}.section-1 .main .step-com .btn{display:block;background-position:center;background-size:contain;background-repeat:no-repeat;--width: 14.214em;width:var(--width)}@supports(aspect-ratio: 1){.section-1 .main .step-com .btn{aspect-ratio:170/46}}@supports not (aspect-ratio: 1){.section-1 .main .step-com .btn{width:var(--width);height:calc(var(--width)*46/170)}}.section-1 .main .step-com .btn.btn-reg{margin:1em auto;--width: 22em}@supports(aspect-ratio: 1){.section-1 .main .step-com .btn.btn-reg{aspect-ratio:308/81}}@supports not (aspect-ratio: 1){.section-1 .main .step-com .btn.btn-reg{width:var(--width);height:calc(var(--width)*81/308)}}.section-1 .main .step-com .btn.facebook{--width: 17.071em}.section-1 .main .step-com .pre-box{padding:inherit;width:100%;position:relative;display:flex;align-items:center;flex-direction:row}.section-1 .main .step-com .pre-box .pre-form{width:80%;margin:0 auto}.section-1 .main .step-com .pre-box .sle-model{background:inherit}.section-1 .main .step-com .pre-box .sle-model ul li span{filter:invert(1)}.section-1 .main .step-com .pre-box .reg{background:#988b89;border:2px solid #988b89;padding:.71em 1em}.section-1 .main .step-com .pre-box .reg.reg-phone{grid-template-columns:7.14em 4.28em 1fr}.section-1 .main .step-com .pre-box .reg .area span::after{border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0);right:.71em;border-width:.42em .28em 0}.section-1 .main .step-com .pre-box .reg input{background:rgba(0,0,0,0)}.section-1 .main .step-com .step-2 .flex-item{display:flex;align-items:center;justify-content:center;position:relative}.section-1 .main .step-com .step-2 .flex-item .itm{display:flex;align-items:center;gap:2em}.section-1 .main .step-com .step-3 .flex-item{display:flex;justify-content:center;width:100%}.section-1 .main .step-award{display:flex;flex-direction:column;align-items:center;width:38em}.section-1 .main .step-award-item{display:flex;flex-direction:column;align-items:center;justify-content:center}.section-1 .main .step-award-item p{font-size:clamp(14px,.94vw,22px);color:#f4c624;text-shadow:0 0 2px #000,0 1px 2px #000,1px 0 2px #000,0 -1px 2px #000,-1px 0 2px #000}.section-1 .main .step-award-item.step-a1{margin-bottom:2em}.section-1 .main .step-award-item.step-a1 div{--width: 24.857em;width:var(--width)}@supports(aspect-ratio: 1){.section-1 .main .step-award-item.step-a1 div{aspect-ratio:348/201}}@supports not (aspect-ratio: 1){.section-1 .main .step-award-item.step-a1 div{width:var(--width);height:calc(var(--width)*201/348)}}.section-1 .main .step-award-item.step-a1 div{background:url("../images/reserve/step-a1.png") no-repeat center;background-size:contain}.section-1 .main .step-award-item.step-a2 div{--width: 32.071em;width:var(--width)}@supports(aspect-ratio: 1){.section-1 .main .step-award-item.step-a2 div{aspect-ratio:449/260}}@supports not (aspect-ratio: 1){.section-1 .main .step-award-item.step-a2 div{width:var(--width);height:calc(var(--width)*260/449)}}.section-1 .main .step-award-item.step-a2 div{background:url("../images/reserve/step-a2.png") no-repeat center;background-size:contain}@media(max-width: 900px){.section-1{margin-top:-8em;padding-top:6em;min-height:73.571em;background:none}.section-1 .make{float:none;margin:2em auto 5em;padding:0 0 0 .42em;--width: 26.321em;width:var(--width)}@supports(aspect-ratio: 1){.section-1 .make{aspect-ratio:737/1632}}@supports not (aspect-ratio: 1){.section-1 .make{width:var(--width);height:calc(var(--width)*1632/737)}}.section-1 .make{background:url("../images/reserve/make-m.webp") no-repeat center;background-size:contain}.section-1 .main{display:inline;padding:2em 1em 0}.section-1 .main::before{top:-1.8em;left:-1em;--width: 3.5em}.section-1 .main::after{--width: 5em}.section-1 .main .step-com{margin:auto;position:relative;width:100%;z-index:10;left:0;top:0}.section-1 .main .step-com .step-title{height:2.5em;background-size:contain;margin:3.5em 0px 1em}.section-1 .main .step-com .step-title.step-t1{margin-top:0}.section-1 .main .step-com .step-title.step-t3{margin-top:1.6em}.section-1 .main .step-com .pre-box{font-size:clamp(10px,3.2vw,14px)}.section-1 .main .step-com .pre-box .pre-form{width:90%}.section-1 .main .step-com .pre-box .reg{padding:.355em .5em}.section-1 .main .step-com .pre-box .reg.reg-phone{grid-template-columns:6em 3em 1fr}.section-1 .main .step-com .btn{--width: 10em;margin-bottom:.355em}.section-1 .main .step-com .btn.btn-reg{margin:.71em auto 0;--width: 14.8em;left:inherit;width:var(--width)}@supports(aspect-ratio: 1){.section-1 .main .step-com .btn.btn-reg{aspect-ratio:370/98}}@supports not (aspect-ratio: 1){.section-1 .main .step-com .btn.btn-reg{width:var(--width);height:calc(var(--width)*98/370)}}.section-1 .main .step-com .btn.btn-reg{background:url("../images/reserve/btn-m.png") no-repeat center;background-size:contain}.section-1 .main .step-com .btn.facebook{--width: 12.892em}.section-1 .main .step-com .btn.fb-btn{margin:0 auto;--width: 10.71em;width:var(--width)}@supports(aspect-ratio: 1){.section-1 .main .step-com .btn.fb-btn{aspect-ratio:300/60}}@supports not (aspect-ratio: 1){.section-1 .main .step-com .btn.fb-btn{width:var(--width);height:calc(var(--width)*60/300)}}.section-1 .main .step-com .step-2 .flex-item{height:4.5em;background-size:100% 100%}.section-1 .main .step-award{width:100%}.section-1 .main .step-award-item.step-a1 div{--width: 12em}.section-1 .main .step-award-item.step-a2 div{--width: 17em}}.section-2{width:100%;height:53.142em;background-size:cover;background-repeat:no-repeat;background-position:center;background-image:url(../images/reserve/s-2.webp);box-sizing:border-box}.section-2 .main{width:92.85em;margin:auto;position:relative;color:#fff;display:flex;justify-content:flex-end;flex-direction:column;align-items:flex-end}.section-2 .main::after{position:absolute;left:-12em;bottom:2em;display:block;content:"";--width: 29.857em;width:var(--width)}@supports(aspect-ratio: 1){.section-2 .main::after{aspect-ratio:418/393}}@supports not (aspect-ratio: 1){.section-2 .main::after{width:var(--width);height:calc(var(--width)*393/418)}}.section-2 .main::after{background:url("../images/reserve/main2-role.png") no-repeat center;background-size:contain}.section-2 .main .horse{margin:0 auto;position:relative;--width: 56.214em;width:var(--width)}@supports(aspect-ratio: 1){.section-2 .main .horse{aspect-ratio:787/433}}@supports not (aspect-ratio: 1){.section-2 .main .horse{width:var(--width);height:calc(var(--width)*433/787)}}.section-2 .main .horse{background:url("../images/reserve/horse-bg.webp") no-repeat center;background-size:contain}.section-2 .main .horse-rule{position:absolute;top:-0.2em;right:3.9em;padding:.5em 0 0 3em;box-sizing:border-box;--width: 8.214em;width:var(--width)}@supports(aspect-ratio: 1){.section-2 .main .horse-rule{aspect-ratio:115/49}}@supports not (aspect-ratio: 1){.section-2 .main .horse-rule{width:var(--width);height:calc(var(--width)*49/115)}}.section-2 .main .horse-rule{background:url("../images/reserve/horse-rule.webp") no-repeat center;background-size:contain}.section-2 .main .horse-time{font-size:clamp(16px,1.04vw,24px);text-shadow:0 0 2px #000,0 1px 2px #000,1px 0 2px #000,0 -1px 2px #000,-1px 0 2px #000;position:absolute;top:1.8em;left:11em;display:flex;align-items:center;justify-content:center;--width: 22.35em;width:var(--width)}@supports(aspect-ratio: 1){.section-2 .main .horse-time{aspect-ratio:447/54}}@supports not (aspect-ratio: 1){.section-2 .main .horse-time{width:var(--width);height:calc(var(--width)*54/447)}}.section-2 .main .horse-time{background:url("../images/reserve/horse-time.png") no-repeat center;background-size:contain}.section-2 .main .horse-time span{color:#24d471}.section-2 .main .horse-container{display:flex;align-items:center;position:absolute;left:6.3em;top:7em}.section-2 .main .horse-draw{display:grid;gap:2.4em;grid-auto-flow:column;grid-auto-columns:auto}.section-2 .main .horse-draw div{position:relative;overflow:hidden;border-radius:10px;--width: 7.857em;width:var(--width)}@supports(aspect-ratio: 1){.section-2 .main .horse-draw div{aspect-ratio:110/136}}@supports not (aspect-ratio: 1){.section-2 .main .horse-draw div{width:var(--width);height:calc(var(--width)*136/110)}}.section-2 .main .horse-draw div{background:url("../images/reserve/horse-draw-bg.png") no-repeat center;background-size:contain}.section-2 .main .horse-draw div ul{width:100%;height:auto;position:absolute;top:0;left:0;--horse-item-height: 10.1em;--horse-offset: 0;--horse-duration: 0ms;transform:translate3d(0, calc(var(--horse-offset) * -1 * var(--horse-item-height)), 0);transition:transform var(--horse-duration) cubic-bezier(0.2, 0.8, 0.2, 1);will-change:transform}.section-2 .main .horse-draw div ul li{height:var(--horse-item-height);display:flex;align-items:center;justify-content:center}.section-2 .main .horse-draw div ul li img{width:80%;height:80%;object-fit:contain}.section-2 .main .horse-num{width:12.714em;height:11.714em;margin-left:3em;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-sizing:border-box;padding:.6em 0}.section-2 .main .horse-num h4{color:#fff2fc;font-size:clamp(16px,1.04vw,24px);text-shadow:0 0 2px #000,0 1px 2px #000,1px 0 2px #000,0 -1px 2px #000,-1px 0 2px #000;display:flex;align-items:center;gap:.5em}.section-2 .main .horse-num h4::after,.section-2 .main .horse-num h4::before{display:block;content:"";--width: 0.9em;width:var(--width)}@supports(aspect-ratio: 1){.section-2 .main .horse-num h4::after,.section-2 .main .horse-num h4::before{aspect-ratio:18/12}}@supports not (aspect-ratio: 1){.section-2 .main .horse-num h4::after,.section-2 .main .horse-num h4::before{width:var(--width);height:calc(var(--width)*12/18)}}.section-2 .main .horse-num h4::after,.section-2 .main .horse-num h4::before{background:url("../images/reserve/horse-num-title.png") no-repeat center;background-size:contain}.section-2 .main .horse-num h4::before{transform:rotate(180deg)}.section-2 .main .horse-num p{letter-spacing:1px;font-size:clamp(20px,2.08vw,40px);font-weight:bold;text-shadow:0 0 2px #000,0 1px 2px #000,1px 0 2px #000,0 -1px 2px #000,-1px 0 2px #000}.section-2 .main .horse-num p i{color:#f4c624}.section-2 .main .horse-num .share-btn{color:hsla(0,0%,100%,0) !important;overflow:hidden !important;text-indent:-9999px;white-space:nowrap;cursor:pointer;--width: 10.285em;width:var(--width)}@supports(aspect-ratio: 1){.section-2 .main .horse-num .share-btn{aspect-ratio:144/44}}@supports not (aspect-ratio: 1){.section-2 .main .horse-num .share-btn{width:var(--width);height:calc(var(--width)*44/144)}}.section-2 .main .horse-num .share-btn{background:url("../images/reserve/share-btn.png") no-repeat center;background-size:contain}.section-2 .main .horse-btn{position:absolute;left:0;right:0;margin:auto;bottom:2em;cursor:pointer;color:hsla(0,0%,100%,0) !important;overflow:hidden !important;text-indent:-9999px;white-space:nowrap;--width: 17.857em}@supports(aspect-ratio: 1){.section-2 .main .horse-btn{aspect-ratio:250/75}}@supports not (aspect-ratio: 1){.section-2 .main .horse-btn{width:var(--width);height:calc(var(--width)*75/250)}}.section-2 .main .horse-btn{background:url("../images/reserve/horse-btn.png") no-repeat center;background-size:contain}.section-2 .main .horse-btn.disabled{filter:grayscale(100%) brightness(0.7) opacity(0.7);pointer-events:none;cursor:not-allowed}@media(max-width: 900px){.section-2{padding-top:3em;height:35.035em;background:none}.section-2 .main{width:100%;height:auto;background:none;margin-top:3em;align-items:center}.section-2 .main::after{--width: 8.357em;left:2em;bottom:-8em}.section-2 .main .horse{--width: 26.428em}.section-2 .main .horse-rule{font-size:12px;--width: 6.6em;top:-0.9em;right:2em;padding:.4em 0 0 2em}.section-2 .main .horse-time{font-size:12px;top:1.3em;left:8em;--width: 19em}.section-2 .main .horse-container{left:2.7em;top:2.9em}.section-2 .main .horse-draw{gap:1em}.section-2 .main .horse-draw div{--width: 3.9em}.section-2 .main .horse-draw div ul{--horse-item-height: 5.1em}.section-2 .main .horse-draw div ul li{width:3.7em}.section-2 .main .horse-num{width:6.9em;height:6.285em;margin-left:1.2em}.section-2 .main .horse-num h4{font-size:clamp(10px,3.2vw,24px)}.section-2 .main .horse-num h4::after,.section-2 .main .horse-num h4::before{--width: 0.6em}.section-2 .main .horse-num p{font-size:clamp(10px,3.2vw,24px)}.section-2 .main .horse-num .share-btn{--width: 5.142em}.section-2 .main .horse-btn{--width: 8.928em;bottom:1em}}.section-3{width:100%;height:71em;background-size:cover;background-repeat:no-repeat;background-position:center;background-image:url(../images/reserve/s-3.webp);box-sizing:border-box}.section-3 .main{width:100em;margin:6em auto 0;position:relative}.section-3 .main::before{content:"";position:absolute;top:0;left:0;--width: 13.571em;width:var(--width)}@supports(aspect-ratio: 1){.section-3 .main::before{aspect-ratio:190/158}}@supports not (aspect-ratio: 1){.section-3 .main::before{width:var(--width);height:calc(var(--width)*158/190)}}.section-3 .main::before{background:url("../images/reserve/s-3-before.png") no-repeat center;background-size:contain}.section-3 .main .progress{position:absolute;top:38em;left:7em;z-index:12;--width: 61.428em;width:var(--width)}@supports(aspect-ratio: 1){.section-3 .main .progress{aspect-ratio:860/10}}@supports not (aspect-ratio: 1){.section-3 .main .progress{width:var(--width);height:calc(var(--width)*10/860)}}.section-3 .main .progress{background:url("../images/reserve/progress.png") no-repeat center;background-size:contain}.section-3 .main .progress .progress-bar{width:5%;height:100%;background:url("../images/reserve/progress-bar.png") 100% center;background-size:auto;position:relative}.section-3 .main .progress .progress-bar:before,.section-3 .main .progress .progress-bar:after{content:"";position:absolute;width:var(--width);right:0}.section-3 .main .progress .progress-bar:before{top:-5em;--width: 3.142em}@supports(aspect-ratio: 1){.section-3 .main .progress .progress-bar:before{aspect-ratio:44/64}}@supports not (aspect-ratio: 1){.section-3 .main .progress .progress-bar:before{width:var(--width);height:calc(var(--width)*64/44)}}.section-3 .main .progress .progress-bar:before{background:url("../images/reserve/progress-before.png") no-repeat center;background-size:contain}.section-3 .main .progress .progress-bar:after{bottom:-1.6em;right:1em;--width: 1.428em}@supports(aspect-ratio: 1){.section-3 .main .progress .progress-bar:after{aspect-ratio:1/1}}@supports not (aspect-ratio: 1){.section-3 .main .progress .progress-bar:after{width:var(--width);height:calc(var(--width)*1/1)}}.section-3 .main .progress .progress-bar:after{background:url("../images/reserve/progress-after.png") no-repeat center;background-size:contain}.section-3 .main .reach{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;gap:3em}.section-3 .main .reach li{display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;margin-top:8em;color:#3f3f3f;width:12.428em;height:19.357em;background:url("../images/reserve/reach-list.webp") no-repeat center;background-size:contain}.section-3 .main .reach li:before{content:"";position:absolute;left:0;bottom:-7.4em;height:2.285em;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center}.section-3 .main .reach li:nth-child(1):before{background-image:url(../images/reserve/reach-num-1.png)}.section-3 .main .reach li:nth-child(2):before{background-image:url(../images/reserve/reach-num-2.png)}.section-3 .main .reach li:nth-child(3):before{background-image:url(../images/reserve/reach-num-3.png)}.section-3 .main .reach li:nth-child(4):before{background-image:url(../images/reserve/reach-num-4.png)}.section-3 .main .reach li.act{color:#3d3e79;background:url("../images/reserve/reach-list-act.webp") no-repeat center;background-size:contain}.section-3 .main .reach li.act:after{content:"";position:absolute;right:0em;top:1.6em;--width: 4em;width:var(--width)}@supports(aspect-ratio: 1){.section-3 .main .reach li.act:after{aspect-ratio:56/62}}@supports not (aspect-ratio: 1){.section-3 .main .reach li.act:after{width:var(--width);height:calc(var(--width)*62/56)}}.section-3 .main .reach li.act:after{background:url("../images/reserve/reach-conclude-icon.png") no-repeat center;background-size:contain}.section-3 .main .reach li.act div span{background:url("../images/reserve/reach-span.webp") no-repeat center;background-size:100% 100%}.section-3 .main .reach li.act div span:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:url("../images/reserve/light.png") no-repeat center;background-size:contain}.section-3 .main .reach li.act:last-child{background:url("../images/reserve/reach-list-act2.png") no-repeat center;background-size:contain}.section-3 .main .reach li.act:last-child:after,.section-3 .main .reach li.act:last-child:before{display:none}.section-3 .main .reach li div{width:8.57em;display:flex;flex-direction:column;align-items:center;text-align:center;box-sizing:border-box;line-height:1.2;margin-top:3em}.section-3 .main .reach li div span{--width: 6.714em;width:var(--width)}@supports(aspect-ratio: 1){.section-3 .main .reach li div span{aspect-ratio:1/1}}@supports not (aspect-ratio: 1){.section-3 .main .reach li div span{width:var(--width);height:calc(var(--width)*1/1)}}.section-3 .main .reach li div span{background:url("../images/reserve/reach-span2.webp") no-repeat center;background-size:100% 100%;display:flex;align-items:center;justify-content:center;margin-bottom:1.42em}.section-3 .main .reach li div span img{max-width:4.57em;max-height:4.57em;object-fit:contain}.section-3 .main .reach li div p{position:relative}.section-3 .main .reach li:last-child{display:flex;flex-direction:column;justify-content:center;width:21.928em;height:44.214em;margin-top:0;background:url("../images/reserve/reach-list2.png") no-repeat center;background-size:contain}.section-3 .main .reach li:last-child p{font-size:clamp(16px,1.04vw,26px);color:#fff;text-shadow:0 0 2px #000,0 1px 2px #000,1px 0 2px #000,0 -1px 2px #000,-1px 0 2px #000}.section-3 .main .reach li:last-child img{width:9.785em;object-fit:contain}.section-3 .main .role{position:absolute;top:-7em;right:28em;--width: 38.285em;width:var(--width)}@supports(aspect-ratio: 1){.section-3 .main .role{aspect-ratio:536/605}}@supports not (aspect-ratio: 1){.section-3 .main .role{width:var(--width);height:calc(var(--width)*605/536)}}.section-3 .main .role{background:url("../images/reserve/role.png") no-repeat center;background-size:contain}@media(max-width: 900px){.section-3{height:85.857rem;background:none}.section-3 .main{width:100%;height:calc(100% - 5.281em);background:none;margin:0em auto 0;padding-top:3em;box-sizing:border-box}.section-3 .main::before{--width: 10em;top:initial;left:2em;bottom:3em}.section-3 .main .progress{display:none}.section-3 .main .reach{position:relative;display:block;margin:0 auto;--width: 26.214em;width:var(--width)}@supports(aspect-ratio: 1){.section-3 .main .reach{aspect-ratio:734/1995}}@supports not (aspect-ratio: 1){.section-3 .main .reach{width:var(--width);height:calc(var(--width)*1995/734)}}.section-3 .main .reach{background:url("../images/reserve/reach-bg-m.png") no-repeat center;background-size:contain}.section-3 .main .reach:after{content:"";position:absolute;right:1em;bottom:1em;--width: 2.4em;width:var(--width)}@supports(aspect-ratio: 1){.section-3 .main .reach:after{aspect-ratio:55/80}}@supports not (aspect-ratio: 1){.section-3 .main .reach:after{width:var(--width);height:calc(var(--width)*80/55)}}.section-3 .main .reach:after{background:url("../images/reserve/reach-after.png") no-repeat center;background-size:contain}.section-3 .main .reach.loc0:after{right:17em;bottom:2em}.section-3 .main .reach.loc1:after{right:17em;bottom:2em}.section-3 .main .reach.loc2:after{left:16em;bottom:15em;transform:scaleX(-1)}.section-3 .main .reach.loc3:after{right:15.5em;bottom:26em}.section-3 .main .reach.loc4:after{left:17em;top:28.5em;transform:scaleX(-1)}.section-3 .main .reach.loc5:after{right:23.5em;top:9em;bottom:auto;transform:scaleX(-1)}.section-3 .main .reach li{width:6.928em;height:10.75em;position:absolute}.section-3 .main .reach li:nth-child(1){bottom:-2em;left:12em}.section-3 .main .reach li:nth-child(2){bottom:10em;left:4em}.section-3 .main .reach li:nth-child(3){top:30em;left:14em}.section-3 .main .reach li:nth-child(4){top:18em;left:4em}.section-3 .main .reach li:nth-child(5){top:0em;left:0em;right:0em;margin:auto}.section-3 .main .reach li div{width:4.285em;margin-top:2em}.section-3 .main .reach li div span{width:3.425em;height:3.425em;margin-bottom:.4em}.section-3 .main .reach li div span img{max-width:2.4em;max-height:2.4em}.section-3 .main .reach li div:nth-child(4) span img,.section-3 .main .reach li div:nth-child(5) span img{max-width:2.4em;max-height:2.4em}.section-3 .main .reach li div p{font-size:10px}.section-3 .main .reach li.act::after{right:-0.5em;top:1em;--width: 2.6em}.section-3 .main .reach li:before{width:5.75em;height:2.07em;right:0;margin:auto;bottom:-2.2em}.section-3 .main .reach li:last-child{width:10.964em;height:22.107em}.section-3 .main .role{width:100%;max-width:7.5rem;height:9.1rem;background-image:url(../images/reserve/role-m.webp)}}.section-4{box-sizing:border-box;min-height:87.357em;width:100%;background:url("../images/reserve/s-4.webp") no-repeat center top;background-size:cover}.section-4 .banner{width:80em;margin:16em auto 0;position:relative}.section-4 .banner .b-itm{width:100%;margin:0 auto;overflow-x:clip}.section-4 .banner .b-itm .swiper{overflow:initial}@media(min-width: 900px){.section-4 .banner .b-itm .swiper-slide{transition:transform .3s ease,opacity .3s ease;z-index:0;filter:brightness(0.2);transform:scale(1.3)}.section-4 .banner .b-itm .swiper-slide img{width:100%;height:100%;object-fit:cover}.section-4 .banner .b-itm .swiper-slide-active{z-index:2;filter:brightness(1);transform:scale(1.8)}.section-4 .banner .b-itm .swiper-slide-prev,.section-4 .banner .b-itm .swiper-slide-next{z-index:1;filter:brightness(0.3);transform:scale(1.6)}}@media(max-width: 900px){.section-4 .banner .b-itm .swiper{overflow:hidden;padding-bottom:2em}.section-4 .banner .b-itm .swiper-slide img{width:100%;height:100%;object-fit:cover}}.section-4 .banner .swiper-button{--width: 3.57em;width:var(--width)}@supports(aspect-ratio: 1){.section-4 .banner .swiper-button{aspect-ratio:50/50}}@supports not (aspect-ratio: 1){.section-4 .banner .swiper-button{width:var(--width);height:calc(var(--width)*50/50)}}.section-4 .banner .swiper-button::after{display:none}.section-4 .banner .swiper-button.swiper-button-next{right:-4em;background:url("../images/reserve/swiper-button-next.png") no-repeat center;background-size:contain}.section-4 .banner .swiper-button.swiper-button-prev{left:-4em;background:url("../images/reserve/swiper-button-prev.png") no-repeat center;background-size:contain}@media(max-width: 900px){.section-4 .banner .swiper-button{--width: 2.3em;bottom:calc(50% - .89em)}.section-4 .banner .swiper-button.swiper-button-next{right:-0.89em}.section-4 .banner .swiper-button.swiper-button-prev{left:-0.89em}}.section-4 .banner .swiper-pagination{bottom:-15em}@media(max-width: 900px){.section-4 .banner .swiper-pagination{bottom:0em}}.section-4 .banner .swiper-pagination-bullet{height:2.14em;--width: 2.21em;width:var(--width)}@supports(aspect-ratio: 1){.section-4 .banner .swiper-pagination-bullet{aspect-ratio:31/30}}@supports not (aspect-ratio: 1){.section-4 .banner .swiper-pagination-bullet{width:var(--width);height:calc(var(--width)*30/31)}}.section-4 .banner .swiper-pagination-bullet{background:url("../images/reserve/pagination.png") no-repeat center;background-size:contain;filter:grayscale(1);opacity:.8}.section-4 .banner .swiper-pagination-bullet-active{filter:grayscale(0)}@media(max-width: 900px){.section-4{min-height:54.535em;background:none}.section-4 .banner{width:70%;margin:6em auto 0}.section-4 .banner .b-itm{width:100%;height:auto}.section-4 .banner .swiper-pagination-bullet{height:1.07em;--width: 1.105em}}.wave{position:fixed;left:.71em;bottom:0%;animation:waveFloat 3s ease-in-out infinite;will-change:transform;z-index:500;box-sizing:border-box;--width: 17.142em;width:var(--width)}@supports(aspect-ratio: 1){.wave{aspect-ratio:240/300}}@supports not (aspect-ratio: 1){.wave{width:var(--width);height:calc(var(--width)*300/240)}}.wave{background:url("../images/reserve/sidebar-award2.png") no-repeat center;background-size:contain}@media(max-width: 900px){.wave{display:none}}@keyframes waveFloat{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 0.7em))}}.sidebar{position:fixed;right:.71em;top:50%;transform:translateY(-50%);z-index:500;padding:3.8em 0 0 1em;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;--width: 15.642em;width:var(--width)}@supports(aspect-ratio: 1){.sidebar{aspect-ratio:219/481}}@supports not (aspect-ratio: 1){.sidebar{width:var(--width);height:calc(var(--width)*481/219)}}.sidebar{background:url("../images/reserve/sidebar.webp") no-repeat center;background-size:contain}.sidebar::before{display:none;content:"";position:absolute;top:-21em;left:0;right:0;margin:auto;--width: 17.142em;width:var(--width)}@supports(aspect-ratio: 1){.sidebar::before{aspect-ratio:240/300}}@supports not (aspect-ratio: 1){.sidebar::before{width:var(--width);height:calc(var(--width)*300/240)}}.sidebar::before{background:url("../images/reserve/sidebar-award2.png") no-repeat center;background-size:contain}.sidebar .qrcode{margin-bottom:1em;--width: 11.285em;width:var(--width)}@supports(aspect-ratio: 1){.sidebar .qrcode{aspect-ratio:282/268}}@supports not (aspect-ratio: 1){.sidebar .qrcode{width:var(--width);height:calc(var(--width)*268/282)}}.sidebar .qrcode{background:url("../images/reserve/QRcode.png") no-repeat center;background-size:contain}.sidebar li{margin:auto;cursor:pointer;color:hsla(0,0%,100%,0) !important;overflow:hidden !important;text-indent:-9999px;white-space:nowrap;transition:transform .3s ease-in-out;--width: 11.285em}.sidebar li a{display:block;width:100%;height:100%}.sidebar li:not(:last-child){margin-bottom:.71em}.sidebar li:hover{transform:scale(1.02)}.sidebar .min-box{display:flex;align-items:center;gap:2.5em}.sidebar .min-box .min{margin-top:1.6em;display:block;width:var(--width);transition:transform .3s ease-in-out}.sidebar .min-box .min:hover{transform:scale(1.02)}.sidebar .min-box .min.fb{--width: 3.285em}@supports(aspect-ratio: 1){.sidebar .min-box .min.fb{aspect-ratio:1/1}}@supports not (aspect-ratio: 1){.sidebar .min-box .min.fb{width:var(--width);height:calc(var(--width)*1/1)}}.sidebar .min-box .min.fb{background:url("../images/reserve/min-fb.png") no-repeat center;background-size:contain}.sidebar .min-box .min.discord{--width: 3.571em}@supports(aspect-ratio: 1){.sidebar .min-box .min.discord{aspect-ratio:50/38}}@supports not (aspect-ratio: 1){.sidebar .min-box .min.discord{width:var(--width);height:calc(var(--width)*38/50)}}.sidebar .min-box .min.discord{background:url("../images/reserve/min-dc.png") no-repeat center;background-size:contain}@media(max-width: 900px){.sidebar{left:0;bottom:0;padding:0;width:100%;height:6.892em;background-image:url(../images/reserve/m-bottom-bg.png);background-size:100% 100%;top:auto;transform:initial;transition:opacity .35s ease,visibility .35s ease}.sidebar.sidebar--hidden-on-kv{opacity:0;visibility:hidden;pointer-events:none}.sidebar::before{content:"";position:absolute;left:1em;right:initial;top:initial;bottom:0;--width: 10.07em;width:var(--width)}@supports(aspect-ratio: 1){.sidebar::before{aspect-ratio:282/268}}@supports not (aspect-ratio: 1){.sidebar::before{width:var(--width);height:calc(var(--width)*268/282)}}.sidebar::before{background:url("../images/reserve/sidebar-bg-m.png") no-repeat center;background-size:contain}.sidebar::after{content:"";position:absolute;left:1em;bottom:0;margin:auto;--width: 11.678em;width:var(--width)}@supports(aspect-ratio: 1){.sidebar::after{aspect-ratio:327/240}}@supports not (aspect-ratio: 1){.sidebar::after{width:var(--width);height:calc(var(--width)*240/327)}}.sidebar::after{background:url("../images/reserve/sidebar-award2.png") no-repeat center;background-size:contain}.sidebar .qrcode,.sidebar .min-box{display:none}.sidebar ul{display:flex;justify-content:flex-end;align-items:center;position:absolute;bottom:.9em;right:1em}.sidebar ul li{margin:initial;width:11.214em;height:2.857em}.sidebar ul li:not(:last-child){margin-bottom:inherit}.sidebar ul li.award{display:none}}a{cursor:pointer}.s-pop .s-pop-body{font-weight:bold}.s-pop .s-pop-main{color:#1b1a1a;background:#fff;padding:1em 2em}@media(max-width: 900px){.s-pop .s-pop-main{padding:1em 1em}}footer{background:#232742;border-top:5px solid #4a5286}@media(max-width: 900px){footer{padding:1em .71em 9em}}
