@font-face{font-family:Anton SC;src:url(/assets/AntonSC-Regular-rX07A1oq.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}html{font-size:5.208333vw;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif}html,body{line-height:1;margin:0;padding:0;background-color:#141225}*{margin:0;padding:0;line-height:1;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.page{position:relative;min-height:90vh;background-image:url(/assets/bg-BJIwwWyw.png);background-repeat:no-repeat;background-position:center -.7rem;background-size:100% auto;padding-top:.3rem;overflow-x:hidden}.page:before,.page:after{content:"";position:absolute;width:5.01rem;height:3.62rem;top:2.25rem;background-repeat:no-repeat;pointer-events:none;z-index:0;background-position:center;background-size:contain;opacity:0}.page:before{left:-.51rem;background-image:url(/assets/decro-l-D5w-LwXB.png);animation:page-decro-left .8s ease-out .3s forwards}.page:after{width:4.03rem;height:3.48rem;right:-.59rem;top:2.61rem;background-image:url(/assets/decro-r-mMOkw-E2.png);animation:page-decro-right .8s ease-out .5s forwards}#map-container{position:relative;z-index:1;background-image:url(/assets/map-bg-DyDQjgz4.png);background-size:contain;background-repeat:no-repeat;width:15.58rem;margin:0 auto;opacity:0;animation:intro-fade-in .8s ease-out 1.2s forwards}#map-container .step-1{position:relative;height:9rem}#map-container .step-1 .map-block{position:absolute}#map-container .step-2{position:relative}@media(min-width:769px){#map-container .step-1 .step1-swiper{position:static;overflow:visible}#map-container .step-1 .swiper-wrapper{display:block;transform:none!important}#map-container .step-1 .swiper-slide{display:block;width:auto!important;height:auto!important}#map-container .step-1 .swiper-pagination{display:none}}.title{font-size:.2rem;font-weight:500;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;gap:.04rem;padding:0;margin:0}.title img,.title .title-text{opacity:0;animation:intro-fade-in .6s ease-out .2s forwards}.title img{width:.88rem;height:.52rem;margin-right:.12rem}.title .title-text{letter-spacing:.03em}.title:before,.title:after{content:" ";display:block;background-image:url("data:image/svg+xml,%3csvg%20width='706'%20height='47'%20viewBox='0%200%20706%2047'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.5'%20d='M0.710938%2046L42.7109%203.5H701.211M609.711%2012L592.211%2029H334.711M384.211%2038H318.211L298.711%2019.5H51.7109L33.2109%2038'%20stroke='%2339C8CD'%20stroke-width='2'/%3e%3cpath%20d='M670.711%200H700.711L705.711%208H675.711L670.711%200Z'%20fill='%237CFBFF'/%3e%3cpath%20d='M618.711%200H648.711L653.711%208H623.711L618.711%200Z'%20fill='%237CFBFF'/%3e%3cpath%20d='M361.711%2024H334.711L329.711%2032H356.711L361.711%2024Z'%20fill='%237CFBFF'/%3e%3cpath%20d='M400.711%2024H373.711L368.711%2032H395.711L400.711%2024Z'%20fill='%237CFBFF'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center;width:7.05rem;height:.46rem;margin-top:.26rem;flex-shrink:0;min-width:0;opacity:0}.title:before{margin-right:.31rem;animation:intro-fade-left .6s ease-out forwards}.title:after{margin-left:.31rem;transform:scaleX(-1);animation:intro-fade-right .6s ease-out .1s forwards}.title span{font-size:.2rem;font-weight:500;color:#fff;text-align:center;color:#ff8e5a}.page h2{font-family:Anton SC,sans-serif;font-weight:400;font-style:normal;font-size:.34rem;line-height:100%;letter-spacing:0;text-align:center;color:#fff;opacity:0;margin-top:.32rem;animation:intro-fade-down .5s ease-out .6s forwards}.page[data-step="1"] .free-get-gift{display:none}.page[data-step="1"] .step-1{display:block}.page[data-step="1"] .step-2,.page[data-step="2"] .select-tip-block{display:none}.page[data-step="2"] .free-get-gift{display:block}.page[data-step="2"] .step-1{display:none}.page[data-step="2"] .step-2{display:block}.page .select-tip-block{font-weight:400;font-size:.25rem;text-align:center;width:4.55rem;height:.55rem;margin:0 auto;margin-top:.3rem;color:#fff;background-image:url("data:image/svg+xml,%3csvg%20width='455'%20height='55'%20viewBox='0%200%20455%2055'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='455'%20height='55'%20fill='%23246F71'%20fill-opacity='0.5'/%3e%3crect%20x='0.5'%20y='0.5'%20width='454'%20height='54'%20stroke='%2339C8CD'%20stroke-opacity='0.35'/%3e%3cpath%20d='M1%201H9L1%209V1Z'%20fill='%237CFBFF'/%3e%3cpath%20d='M454%2054H446L454%2046V54Z'%20fill='%237CFBFF'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center;opacity:0;animation:intro-fade-down .5s ease-out .9s forwards}.step-2 .btn-gift{display:flex;font-weight:400;font-style:normal;font-size:.25rem;line-height:100%;letter-spacing:0;text-align:center;width:3.7rem;height:1.01rem;margin:0 auto;color:#fff;background-image:url(/assets/btn-blue-CBSZq9GJ.png);background-size:contain;background-repeat:no-repeat;background-position:center;align-items:center;justify-content:center;animation:intro-fade-down .5s ease-out .9s forwards}.step-2 .selected-map{display:flex;position:relative}.step-2 .selected-map .block{position:absolute;left:3.9rem;top:1rem;width:4.5rem;height:4.5rem;overflow:visible;display:flex;align-items:center;justify-content:center}.step-2 .selected-map .block .map-block{display:none}.step-2 .selected-map .block .map-block.is-active{display:block}.step-2 .selected-map .npc{width:4.74rem;height:6.31rem;position:absolute;right:2.8rem;top:-.48rem}.step-2 .map-list{background-image:url("data:image/svg+xml,%3csvg%20width='1293'%20height='202'%20viewBox='0%200%201293%20202'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2012H1293V202H2V12Z'%20fill='url(%23paint0_linear_81_3584)'/%3e%3cpath%20d='M2%204L1293%204V194H2V4Z'%20fill='url(%23paint1_linear_81_3584)'/%3e%3cpath%20d='M1223.5%20194H1292.5V4L157.5%204M1168%20194H2V120.25M66%204H2V46.5'%20stroke='%2339C8CD'%20stroke-opacity='0.35'/%3e%3cpath%20d='M1180%20190H1207L1212%20198H1185L1180%20190Z'%20fill='%237CFBFF'/%3e%3cpath%20d='M4%2051V115L0%20117.5V53.5L4%2051Z'%20fill='%237CFBFF'/%3e%3cpath%20d='M81%200H88L93%208H86L81%200Z'%20fill='%237CFBFF'/%3e%3cpath%20d='M94%200H101L106%208H99L94%200Z'%20fill='%237CFBFF'/%3e%3cpath%20d='M107%200H114L119%208H112L107%200Z'%20fill='%237CFBFF'/%3e%3cpath%20d='M120%200H127L132%208H125L120%200Z'%20fill='%237CFBFF'/%3e%3cpath%20d='M133%200H140L145%208H138L133%200Z'%20fill='%237CFBFF'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_81_3584'%20x1='360.5'%20y1='12'%20x2='360.5'%20y2='202'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%232A3440'%20stop-opacity='0.9'/%3e%3cstop%20offset='1'%20stop-color='%2320282E'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_81_3584'%20x1='360.5'%20y1='4'%20x2='360.5'%20y2='194'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%232A3440'%20stop-opacity='0.9'/%3e%3cstop%20offset='1'%20stop-color='%2320282E'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center;width:12.93rem;height:2.02rem;margin:0 auto;margin-top:7rem;display:flex;flex-wrap:wrap;justify-content:space-between;padding:.26rem .47rem 0;box-sizing:border-box;position:relative}.step-2 .map-list .btn-get-gift{width:1.72rem;height:.48rem;background:url(/assets/btn-join-BydBH935.png) no-repeat center / contain;border:none;cursor:pointer;pointer-events:auto;transition:filter .15s ease;font-weight:500;font-size:.2rem;text-align:center;color:#fff;display:flex;align-items:flex-start;justify-content:center;padding-top:.1rem;line-height:1;position:absolute;left:50%;top:-.67rem;transform:translate(-50%)}.step-2 .map-list .btn-get-gift:hover{filter:brightness(1.2)}.step-2 .map-list .map-list-swiper{width:100%;height:100%}.step-2 .map-list .map-list-swiper .swiper-wrapper{display:flex;width:100%;height:unset;justify-content:space-between;align-items:center}.step-2 .map-list .map-list-swiper .swiper-slide{flex:0 0 auto}.step-2 .map-list .map-item{width:1.5rem;height:1.5rem;background-color:#1d2734;border:1px solid #53969e}.step-2 .map-list .map-item img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:.5;transition:all .3s ease}.step-2 .map-list .map-item.selected{background-image:url("data:image/svg+xml,%3csvg%20width='152'%20height='152'%20viewBox='0%200%20152%20152'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='151'%20height='151'%20fill='url(%23paint0_linear_81_3603)'%20stroke='%237CFBFF'/%3e%3cpath%20d='M18%205H5V18L3%2020V3H20L18%205Z'%20fill='%237CFBFF'/%3e%3cpath%20d='M18%20147H5V134L3%20132V149H20L18%20147Z'%20fill='%237CFBFF'/%3e%3cpath%20d='M134%205H147V18L149%2020V3H132L134%205Z'%20fill='%237CFBFF'/%3e%3cpath%20d='M134%20147H147V134L149%20132V149H132L134%20147Z'%20fill='%237CFBFF'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_81_3603'%20x1='76'%20y1='1'%20x2='76'%20y2='151'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23006586'/%3e%3cstop%20offset='1'%20stop-color='%23001820'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");background-size:contain}.step-2 .map-list .map-item.selected img{opacity:1}.map-block{position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.map-block.power-on .map-bg{opacity:0;animation:power-fade-in .6s ease-out 1.8s forwards}.map-block.power-on .shadow-overlay,.map-block.power-on .hitarea{opacity:0;animation:power-border-in .6s ease-out 1.8s forwards}.map-block .map-bg{position:relative;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:1;opacity:.5;transition:opacity .15s ease}.map-block .shadow-overlay{position:absolute;top:-41px;left:-41px;width:calc(100% + 82px);height:calc(100% + 82px);pointer-events:none;opacity:.2;transition:opacity .15s ease;z-index:0}.map-block .map-badge{position:absolute;top:50%;left:50%;width:100px;height:100px;-o-object-fit:contain;object-fit:contain;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:4}.map-block .gift-stage{position:absolute;top:0;left:0;width:220px;height:284px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:10}.map-block .gift-stage *{pointer-events:none}.map-block .gift-stage .stage-light,.map-block .gift-stage .stage-particle{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:auto}.map-block .gift-stage .stage-gift{position:relative;width:95%;height:auto;-o-object-fit:contain;object-fit:contain;margin-bottom:5%;top:-20%;animation:gift-float 2s ease-in-out infinite}.map-block .gift-stage .stage-btn{width:1.71rem;height:auto;aspect-ratio:1.71 / .48;background:url(/assets/btn-join-BydBH935.png) no-repeat center / contain;border:none;cursor:pointer;color:#fff;font-size:.18em;font-weight:700;pointer-events:auto;transition:filter .15s ease;padding-bottom:1%}.map-block .gift-stage .stage-btn:hover{filter:brightness(1.2)}.map-block .hitarea{position:absolute;top:0;left:0;width:100%;height:100%;z-index:6;pointer-events:none;opacity:.2;transition:opacity .15s ease}.map-block .hitarea svg{width:100%;height:100%;pointer-events:none}.map-block .hitarea svg path{fill:transparent;cursor:pointer;pointer-events:fill}.map-block .glow-trail{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;opacity:0}.map-block .glow-trail svg{width:100%;height:100%;overflow:visible}.map-block .glow-trail svg path{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-dasharray:120 9999;stroke-dashoffset:0;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 12px #5346b2)}.map-block.power-on .glow-trail{opacity:0;animation:glow-trail-appear .3s ease-out 2.2s forwards}.map-block.power-on .glow-trail svg path{animation:glow-flow 1.5s ease-in-out 2.4s forwards}.map-block.is-active .glow-trail{opacity:1;z-index:15}.map-block.is-active .glow-trail svg path{animation:glow-flow 2.5s linear infinite}.map-block.is-hovered .map-bg,.map-block.is-hovered .shadow-overlay,.map-block.is-hovered .hitarea,.map-block.is-hovered .map-badge,.map-block.is-active .map-bg,.map-block.is-active .shadow-overlay{opacity:1}.map-block.is-active .hitarea{opacity:1;pointer-events:none}.map-block.is-active .hitarea svg path{pointer-events:none}.map-block.is-active .map-badge{opacity:0}.map-block.is-active .gift-stage{opacity:1}@keyframes glow-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-2500}}@keyframes page-decro-left{0%{opacity:0;transform:translate(-.5rem)}to{opacity:1;transform:translate(0)}}@keyframes page-decro-right{0%{opacity:0;transform:translate(.5rem)}to{opacity:1;transform:translate(0)}}@keyframes intro-fade-left{0%{opacity:0;transform:translate(-.3rem)}to{opacity:1;transform:translate(0)}}@keyframes intro-fade-right{0%{opacity:0;transform:translate(.3rem) scaleX(-1)}to{opacity:1;transform:translate(0) scaleX(-1)}}@keyframes intro-fade-in{0%{opacity:0}to{opacity:1}}@keyframes intro-fade-down{0%{opacity:0;transform:translateY(-.2rem)}to{opacity:1;transform:translateY(0)}}@keyframes power-fade-in{0%{opacity:0}to{opacity:.5}}@keyframes glow-trail-appear{0%{opacity:0}to{opacity:1}}@keyframes power-border-in{0%,50%{opacity:0}to{opacity:.2}}@keyframes gift-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.1rem)}}@keyframes power-flicker{0%{opacity:.5}10%{opacity:.9}15%{opacity:.4}25%{opacity:1}30%{opacity:.5}40%{opacity:1}70%{opacity:1}to{opacity:.5}}@keyframes power-glow{0%{opacity:.2}10%{opacity:.8}15%{opacity:.1}25%{opacity:1}30%{opacity:.2}40%{opacity:1}70%{opacity:1}to{opacity:.2}}@media(max-width:768px){html{font-size:calc(100 / 375 * 100vw)}.page{padding-top:.3rem;background-position:center top;background-size:cover}.page:before,.page:after{display:none}.title{font-size:.26rem;flex-wrap:wrap;gap:.08rem;align-items:center}.title img{width:1rem;height:.6rem;margin-right:.08rem}.title .title-text{letter-spacing:.02em}.title:before,.title:after{display:none}.title span{font-size:.26rem}.page h2{font-size:.2rem;margin-top:.15rem;padding:0 .2rem}.page .select-tip-block{font-size:.16rem;width:2.8rem;height:.36rem;margin-top:.15rem}#map-container{width:100%;height:auto;background-image:none;padding-bottom:.3rem}#map-container .step-1 .step1-swiper{width:100%;height:auto;padding:.2rem 0;overflow:hidden;position:relative}#map-container .step-1 .swiper-wrapper{display:flex!important;transform:translateZ(0);align-items:center}#map-container .step-1 .swiper-slide{width:100%!important;height:auto!important;min-height:3rem;display:flex!important;flex-shrink:0;align-items:center;justify-content:center;padding:.2rem 0}#map-container .step-1 .swiper-pagination{display:block!important;position:relative;bottom:auto;margin-top:.15rem}#map-container .step-1 .swiper-pagination .swiper-pagination-bullet{width:.1rem;height:.1rem;background:#ffffff4d;opacity:1;margin:0 .05rem}#map-container .step-1 .swiper-pagination .swiper-pagination-bullet-active{background:#ff8e5a}#map-container .step-1 .map-block{position:relative!important;left:0!important;top:0!important}#map-container .step-1 .map-block .hitarea{pointer-events:none!important}#map-container .step-1 .map-block .hitarea svg path{pointer-events:none!important;cursor:default}#map-container .step-1 .map-block .stage-btn{pointer-events:auto;font-size:.14rem;width:1.2rem}.step-2 .btn-gift{font-size:.18rem;width:2.2rem;height:.6rem;margin-top:.15rem}.step-2 .selected-map{flex-direction:column;align-items:center}.step-2 .selected-map .block{position:relative;left:auto;top:auto;width:2.8rem;height:3.2rem;margin:.15rem auto;display:flex;align-items:center;justify-content:center}.step-2 .selected-map .npc{display:none}.step-2 .map-list{width:100%;height:auto;background-image:none;background-color:#1d2734cc;border-top:1px solid #53969e;border-bottom:1px solid #53969e;padding:.15rem 0;margin-top:.4rem}.step-2 .map-list .map-list-swiper{width:100%;padding:0 .15rem;box-sizing:border-box}.step-2 .map-list .map-list-swiper .swiper-wrapper{display:flex;justify-content:flex-start}.step-2 .map-list .map-list-swiper .swiper-slide{width:auto!important;flex:0 0 auto}.step-2 .map-list .map-item{width:.7rem;height:.7rem;display:flex;align-items:center;justify-content:center}.step-2 .map-list .map-item img{width:100%;height:100%}}footer{width:100%;background-color:#141428;color:#fff;padding:.5rem 0 1rem;margin-top:.5rem}footer .content{max-width:15rem;margin:0 auto;padding:0 .4rem;display:flex;justify-content:space-between;align-items:center;font-size:.26rem}footer .content .left{max-width:7rem;display:flex;align-items:flex-start;gap:.3rem}footer .content .left .logo{width:.5rem;height:auto;max-height:.3rem;-o-object-fit:contain;object-fit:contain;flex-shrink:0}footer .content .left .left-info .copyright{padding:.1rem 0;font-weight:800}footer .content .left .left-info .desc{color:#78758c;padding:.1rem 0;font-weight:600;font-size:.2rem;line-height:1.5}footer .content .left .left-info .tip{color:#4d4a64;font-size:.18rem;font-weight:600}footer .content .right{text-align:right;color:#4d4a64;font-size:.18rem;font-weight:600}footer .content .right p{line-height:1.5;margin:0}footer .content .right a{color:#4d4a64;text-decoration:underline;transition:color .2s ease}footer .content .right a:hover{color:#78758c}footer .content .right .links{margin-top:.6rem;display:flex;gap:.2rem;flex-wrap:wrap;justify-content:flex-end}footer .content .right .links a{color:#ac6e1f;text-decoration:none;white-space:nowrap}footer .content .right .links a:hover{color:#d4a052}@media(max-width:768px){footer{padding:.4rem 0 .8rem}footer .content{max-width:100%;padding:0 .3rem;flex-direction:column;align-items:flex-start;gap:.4rem;font-size:.22rem}footer .content .left{max-width:100%;width:100%;gap:.2rem}footer .content .left .logo{width:.4rem;max-height:.24rem}footer .content .left .left-info{flex:1}footer .content .left .left-info .copyright{padding:.08rem 0;font-size:.22rem}footer .content .left .left-info .desc{padding:.08rem 0;font-size:.16rem;line-height:1.4}footer .content .left .left-info .tip{font-size:.14rem}footer .content .right{width:100%;text-align:left;font-size:.14rem}footer .content .right p{line-height:1.4;margin:.05rem 0}footer .content .right .links{margin-top:.4rem;justify-content:flex-start;gap:.15rem;flex-wrap:wrap}footer .content .right .links a{font-size:.14rem}}