*,.modal .content,.modal .header{box-sizing:border-box}.anchor-bug:link,.anchor-bug:visited{color:#000!important}.anchor-bug:active,.anchor-bug:hover{color:#fff!important}*{margin:0;padding:0;position:relative;user-select:none}.full{width:100%;height:100%;position:absolute}.left,.right{width:50%;position:absolute;height:100%}.right{right:0}.flex-row{display:flex;flex-direction:row;align-items:center}.flex-col{display:flex;flex-direction:column;justify-content:space-between}body,html{width:100%;height:100%;margin:0;overflow:hidden;font-family:'Noto Sans SC';font-style:normal;font-weight:700}@keyframes pt-move-in-1{0%{transform:translateX(-52vw)}100%{transform:translateX(-25vw)}}@keyframes pt-move-in-2{0%{transform:translateX(-25vw)}100%{transform:translateX(0)}}@keyframes ph-move-in-1{0%{transform:translateX(52vw)}100%{transform:translateX(25vw)}}@keyframes ph-move-in-2{0%{transform:translateX(25vw)}100%{transform:translateX(0)}}@keyframes pt-shrink{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}100%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}}@keyframes ph-shrink{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}100%{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes mask-diffusion{0%{clip-path:circle(0%)}100%{clip-path:circle(100%)}}@keyframes top-move-in{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}@keyframes bottom-move-in{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes card-move-in{0%{transform:translateY(calc(-50vh - 50%)) rotate(-31deg)}100%{transform:translateY(0) rotate(-31deg)}}@keyframes card-move-out{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(calc(50vh + 100%)) rotate(12deg)}}@keyframes card-rotate-1{0%{transform:rotate(-31deg)}100%{transform:rotate(10deg)}}@keyframes card-rotate-2{0%{transform:rotate(10deg)}100%{transform:rotate(-5deg)}}@keyframes card-rotate-3{0%{transform:rotate(-5deg)}100%{transform:rotate(0)}}@keyframes card-rotate-out{0%{transform:rotate(0)}100%{transform:rotate(12deg)}}@keyframes pin-move-in{0%{transform:translate(-200%,-200%) rotate(-25deg)}100%{transform:translate(0,0) rotate(0)}}@keyframes pin-rotate{0%{transform:rotate(-25deg)}100%{transform:rotate(0)}}@keyframes show-left-in{0%{transform:translateX(calc(-50vw - 100%))}100%{transform:translateX(0)}}@keyframes show-right-in{0%{transform:translateX(100%)}100%{transform:translateX(0)}}.enter-logo{pointer-events:none}.enter-logo .ph,.enter-logo .pt{display:flex;align-items:center}.enter-logo .pt{justify-content:flex-end}.enter-logo .ph{justify-content:flex-start}.enter-logo img{height:6rem}.enter-logo .pt img{animation:.5s cubic-bezier(.25,.25,.75,.75) both pt-move-in-1,.38s cubic-bezier(.91,.9,.71,1.36) .5s forwards pt-move-in-2}.enter-logo .ph img{animation:.5s cubic-bezier(.25,.25,.75,.75) both ph-move-in-1,.38s cubic-bezier(.91,.9,.71,1.36) .5s forwards ph-move-in-2}.enter-logo .pt .fade-out-wrap{animation:.2s cubic-bezier(.25,.25,.75,.75) .81s forwards fade-out,.6s cubic-bezier(.01,.26,0,1.02) .85s forwards pt-shrink}.enter-logo .ph .fade-out-wrap{animation:.2s cubic-bezier(.25,.25,.75,.75) .81s forwards fade-out,.6s cubic-bezier(.01,.26,0,1.02) .85s forwards ph-shrink}.mask{background:#f6b128;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main .body .card-wrap .card.active,.mask-1{opacity:1}.mask-2{opacity:.5}.mask-3{opacity:.2}.diffusion-1{animation:.6s cubic-bezier(.4,0,.2,1) .88s both mask-diffusion}.diffusion-2{animation:.6s cubic-bezier(.4,0,.2,1) 1.01s both mask-diffusion}.diffusion-3{animation:.6s cubic-bezier(.4,0,.2,1) 1.14s both mask-diffusion}.bg .grid{width:calc(200vw);height:calc(200vh);background:url(../img/bg.png) 0 0/3rem #fff;transform:translate(-25%,-25%) rotate(-15deg);transform-origin:center}.bg .circle-1{position:absolute;background:#fdce28;width:calc(100vw * 352 / 1920);height:calc(100vw * 352 / 1920);left:calc(100vw * -145 / 1920);bottom:calc(100vw * -166 / 1920);border-radius:calc(50vw * 352 / 1920)}.bg .circle-2{position:absolute;background:rgba(246,177,40,.2);width:calc(100vw * 595 / 1920);height:calc(100vw * 595 / 1920);right:calc(100vw * -101 / 1920);top:calc(100vw * -71 / 1920);border-radius:calc(50vw * 595 / 1920)}.bg .circle-3{position:absolute;border:.25rem solid rgba(253,206,40,.2);width:calc(100vw * 564 / 1920);height:calc(100vw * 564 / 1920);left:calc(100vw * 125 / 1920);top:calc(100vw * -390 / 1920);border-radius:calc(50vw * 564 / 1920)}.bg .circle-4{position:absolute;border:.8125rem solid rgba(253,206,40,.5);width:calc(100vw * 535 / 1920);height:calc(100vw * 535 / 1920);left:calc(100vw * 526 / 1920);top:calc(100vw * 443 / 1920);border-radius:calc(50vw * 535 / 1920)}.main .head{padding:2.5rem 0 0 4rem;gap:3rem;animation:.2s cubic-bezier(.4,0,.2,1) 1.22s both top-move-in}.main .bottom{display:flex;flex-direction:row;align-items:center;gap:1rem;width:200%;height:calc(100vw * 200 / 1920);padding:0 0 3.5rem 3rem;animation:.2s cubic-bezier(.4,0,.2,1) 1.22s both bottom-move-in;align-items:flex-end}.main .circle-bg,.main .clip-container{width:calc(100vh * 1081 / 1080);right:calc(100vh * -84 / 1080);bottom:calc(100vh * -152 / 1080);position:absolute}.main .head .links{gap:1.5rem}.main .bottom .links,.mobile .bg .circle-1,.mobile .bg .circle-3,.mobile .main .bottom .desc .tip-1,.mobile .main .bottom .desc .tip-2,.mobile .main .bottom .qrcode,.mobile .main .head .links .link .text{display:none}.main .head .links .link{height:3rem}.main .bottom .links .link{height:2.375rem}.main .head .links .link.co,.main .head .links .link.tw{width:9.25rem}.main .head .links .link.tg{width:12.1875rem}.main .bottom .links .link.android,.main .bottom .links .link.ios{width:7.5rem}.main .head .links .link:hover .shadow,.main .head .links .link:hover a{transform-origin:0 100%;transition:transform .25s;color:#fff!important}.main .head .links .link:hover a{transform:rotate(-7deg)}.main .head .links .link:hover .shadow{transform:rotate(7deg)}.main .bottom .links .link a,.main .head .links .link a{display:block;border:.15625rem solid #282828;border-radius:.625rem;cursor:pointer;white-space:nowrap;text-decoration:none}.main .head .links .link a{padding:.5rem 1rem .5rem 3.25rem;font-size:1.25rem;line-height:125%}.main .bottom .links .link a{padding:.375rem 1rem .375rem 2.5rem;font-size:1rem;line-height:140%}.main .bottom .links .col{display:flex;flex-direction:column;gap:.5rem;align-items:center}.main .bottom .android-install-tip,.main .bottom .ios-install-tip{font-size:.875rem;line-height:140%;text-decoration-line:underline}.main .bottom .links a:active,.main .bottom .links a:hover,.main .bottom .links a:link,.main .bottom .links a:visited,.main .haed .links .link a:link,.main .haed .links .link a:visited{color:#000}.main .haed .links .link a:active,.main .haed .links .link a:hover,.main .head .links .link:hover a:active,.main .head .links .link:hover a:hover,.main .head .links .link:hover a:link,.main .head .links .link:hover a:visited{color:#fff}.main .head .links .link.co a{background:url(../img/icon-co.png) .75rem/2rem no-repeat #fff}.main .head .links .link.tw a{background:url(../img/icon-tw.png) .75rem/2rem no-repeat #fff}.main .head .links .link.tg a{background:url(../img/icon-tg.png) .75rem/2rem no-repeat #fff}.main .head .links .link.co:hover a{background:url(../img/icon-co-active.png) .75rem/2rem no-repeat #f6b128}.main .head .links .link.tw:hover a{background:url(../img/icon-tw-active.png) .75rem/2rem no-repeat #f6b128}.main .head .links .link.tg:hover a{background:url(../img/icon-tg-active.png) .75rem/2rem no-repeat #f6b128}.main .bottom .links .link.android a{background:url(../img/icon-android.png) .75rem/1.25rem no-repeat #fff}.main .bottom .links .link.ios a{background:url(../img/icon-ios.png) .75rem/1.25rem no-repeat #fff}.main .links .link .shadow{background:rgba(0,0,0,.16);border-radius:.625rem;position:absolute;top:.25rem;left:.25rem}.main .bottom .qrcode{width:calc(100vw * 200 / 1920);height:calc(100vw * 200 / 1920);padding:.5rem;border:.25rem solid #282828;background:#fff;filter:drop-shadow(.25rem .25rem 0 rgba(0, 0, 0, .16));border-radius:.9375rem}.main .bottom .desc{gap:1.1875rem}.main .bottom .desc .tip-1{font-size:1.125rem}.main .bottom .desc .tip-2{padding:1rem 1.5rem;background:#fff;border:.25rem solid #282828;box-shadow:.25rem .25rem 0 rgba(0,0,0,.16);border-radius:.625rem;font-size:1.25rem}.main .bottom .desc .tip-3{display:none;font-size:.75rem;line-height:112.5%;text-align:center}.main .body{flex-grow:1;display:flex;justify-content:center;align-items:center}.main .body .card-wrap{width:calc(100vw * 750 / 1920);height:calc(100vw * 360 / 1920)}.main .body .card-wrap .card.on-enter{animation:.4s cubic-bezier(.25,.1,.25,1) 1.3s both card-move-in,.27s cubic-bezier(.25,.1,.25,1) 1.55s forwards card-rotate-1,.1s cubic-bezier(.25,.25,.75,.75) 1.82s forwards card-rotate-2,.14s cubic-bezier(.25,.25,.75,.75) 1.92s forwards card-rotate-3}.main .body .card-wrap .card.move-out{animation:.6s cubic-bezier(.25,.1,.25,1) both card-move-out}.main .body .card-wrap .card.active.move-out{z-index:2}.main .body .card-wrap .pin-wrap{width:calc(100vw * 115 / 1920);height:calc(100vw * 103 / 1920);left:calc(100vw * -46 / 1920);top:calc(100vw * -58 / 1920);animation:.2s cubic-bezier(.4,0,.2,1) 1.55s both pin-move-in}.main .body .card-wrap .pin-wrap .pin{width:100%;height:100%;background:url(../img/pin.png) center/cover no-repeat;animation:.4s cubic-bezier(.11,.42,.73,1.37) 1.55s both pin-rotate}.main .body .card-wrap .card{background:#fff;border:.25rem solid #282828;box-shadow:.75rem .75rem 0 rgba(0,0,0,.18);border-radius:2.5rem;opacity:0;transform-origin:calc(100vw * 48 / 1920) calc(100vw * 74 / 1920);top:0}.main .body .card-wrap .card .desc{height:56.66%;justify-content:space-evenly;align-items:center}.main .body .card-wrap .card .desc .pt{width:calc(100vw * 278 / 1920)}.main .body .card-wrap .card .desc .ph{width:calc(100vw * 267 / 1920)}.main .body .card-wrap .card .desc .svg-txt{height:calc(100vw * 43.98 / 1920)}.main .body .card-wrap .card .banner{height:27.77%;background:#ffbb37;justify-content:center}.main .body .card-wrap .card .banner .svg-txt{height:calc(100vw * 44.47 / 1920)}.main .body .index-label{gap:.5rem;position:absolute;bottom:-1.5rem;right:2rem;filter:drop-shadow(.375rem .375rem 0 rgba(0, 0, 0, .16));animation:.4s cubic-bezier(.4,0,.2,1) 1.8s reverse both fade-out}.main .body .index-label .label{width:1.5rem;height:.375rem;background:#000;border-radius:.625rem;cursor:pointer}.main .body .index-label .label.active{width:4.6875rem}.main .circle-bg{height:calc(100vh * 1081 / 1080);background:#f6b128;border-radius:50vh;box-shadow:inset calc(100vh * 40 / 1080) calc(100vh * 40 / 1080) 0 rgba(244,114,42,.3)}.main .clip-container{height:calc(100% + (100vh * 152 / 1080));border-radius:0 0 50vh 50vh;overflow:hidden}.main .clip-container.overflow-visible{overflow:visible}.main .show-left-on-enter{animation:.6s cubic-bezier(.01,1.1,.34,1.19) .99s both show-left-in,.2s cubic-bezier(.4,0,.2,1) 1.1s reverse both fade-out}.main .show-right-on-enter{animation:.6s cubic-bezier(.01,1.1,.34,1.19) .99s both show-right-in,.2s cubic-bezier(.4,0,.2,1) 1.1s reverse both fade-out}.main .show-left{animation:.6s cubic-bezier(.01,1.1,.34,1.19) .2s both show-left-in,.2s cubic-bezier(.4,0,.2,1) .16s reverse both fade-out}.main .show-right{animation:.6s cubic-bezier(.01,1.1,.34,1.19) .2s both show-right-in,.2s cubic-bezier(.4,0,.2,1) .16s reverse both fade-out}.main .show.close{opacity:0}.main .show-1-1{width:calc(100vh * 863 / 1080);position:absolute;left:calc(100vh * -63 / 1080);bottom:calc(100vh * -163 / 1080)}.main .show-1-2{width:calc(100vh * 700 / 1080);position:absolute;right:calc(100vh * 17 / 1080);bottom:calc(100vh * -116 / 1080)}.main .show-2-1{width:calc(100vh * 761 / 1080);position:absolute;left:calc(100vh * -71 / 1080);bottom:calc(100vh * 73.61 / 1080);transform:rotate(-2.03deg)}.main .show-2-2{width:calc(100vh * 698.34 / 1080);position:absolute;right:calc(100vh * -31.91 / 1080);bottom:calc(100vh * 181.34 / 1080);transform:rotate(.42deg)}.main .show-3-1{width:calc(100vh * 748 / 1080);position:absolute;left:calc(100vh * -141 / 1080);bottom:calc(100vh * -237 / 1080)}.main .show-3-2{width:calc(100vh * 1027.68 / 1080);position:absolute;right:calc(100vh * -201.9 / 1080);bottom:calc(100vh * 24.34 / 1080)}@keyframes pt-move-in-1-mobile{0%{transform:translateY(-52vh)}100%{transform:translateY(-25vh)}}@keyframes pt-move-in-2-mobile{0%{transform:translateY(-25vh)}100%{transform:translateY(0)}}@keyframes ph-move-in-1-mobile{0%{transform:translateY(52vh)}100%{transform:translateY(25vh)}}@keyframes ph-move-in-2-mobile{0%{transform:translateY(25vh)}100%{transform:translateY(0)}}@keyframes pt-shrink-mobile{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}100%{clip-path:polygon(0 0,100% 0,100% 0,0 0)}}@keyframes ph-shrink-mobile{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}100%{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}}@keyframes card-move-in-mobile{0%{transform:translateY(calc(-100vh + 8.64rem - 50%)) rotate(-31deg)}100%{transform:translateY(0) rotate(-31deg)}}@keyframes card-move-out-mobile{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(calc(8.64rem + 100%)) rotate(12deg)}}.mobile .left,.mobile .right,.modal .content .modal-common-img,.modal .content .modal-common-img-2,.modal .content .platform-item img{width:100%}.mobile .right{height:calc(100vw * 605.7 / 375)}.mobile .enter-logo .left,.mobile .enter-logo .right{height:50%}.mobile .enter-logo .right{right:auto;bottom:0}.mobile .enter-logo img{height:4rem}.mobile .enter-logo .ph,.mobile .enter-logo .pt{display:flex;flex-direction:column;align-items:center}.mobile .enter-logo .pt img{animation:.5s cubic-bezier(.25,.25,.75,.75) both pt-move-in-1-mobile,.38s cubic-bezier(.91,.9,.71,1.36) .5s forwards pt-move-in-2-mobile}.mobile .enter-logo .ph img{animation:.5s cubic-bezier(.25,.25,.75,.75) both ph-move-in-1-mobile,.38s cubic-bezier(.91,.9,.71,1.36) .5s forwards ph-move-in-2-mobile}.mobile .enter-logo .pt .fade-out-wrap{animation:.2s cubic-bezier(.25,.25,.75,.75) .81s forwards fade-out,.6s cubic-bezier(.01,.26,0,1.02) .85s forwards pt-shrink-mobile}.mobile .enter-logo .ph .fade-out-wrap{animation:.2s cubic-bezier(.25,.25,.75,.75) .81s forwards fade-out,.6s cubic-bezier(.01,.26,0,1.02) .85s forwards ph-shrink-mobile}.mobile .bg .grid{background-size:1.5rem}.mobile .bg .circle-2{width:calc(100vw * 267 / 375);height:calc(100vw * 267 / 375);right:calc(100vw * -87 / 375);top:calc(100vw * -20 / 375);border-radius:calc(50vw * 267 / 375)}.mobile .bg .circle-4{border:.25rem solid rgba(253,206,40,.5);width:calc(100vw * 189 / 375);height:calc(100vw * 189 / 375);left:calc(100vw * -74 / 375);top:calc(100vw * 479 / 375);border-radius:calc(50vw * 189 / 375)}.mobile .main .head{width:100%;padding:1rem .75rem 1rem 1rem;gap:0;justify-content:space-between}.mobile .main .head img{width:calc(100vw * 179.05 / 375)}.mobile .main .head .links{gap:.5rem}.mobile .main .head .links .link.co,.mobile .main .head .links .link.tg,.mobile .main .head .links .link.tw{width:2.5rem;height:2.5rem}.mobile .main .head .links .link a{padding:.5rem;border-radius:2.5rem}.mobile .main .head .links .link.co a,.mobile .main .head .links .link.co:hover a{background:url(../img/icon-co.png) center/1.5rem no-repeat #fff}.mobile .main .head .links .link.tw a,.mobile .main .head .links .link.tw:hover a{background:url(../img/icon-tw.png) center/1.5rem no-repeat #fff}.mobile .main .head .links .link.tg a,.mobile .main .head .links .link.tg:hover a{background:url(../img/icon-tg.png) center/1.5rem no-repeat #fff}.mobile .main .head .links .link:hover .shadow,.mobile .main .head .links .link:hover a{transform:none}.mobile .main .head .links .link .shadow{border-radius:2.5rem;top:.125rem;left:.125rem}.mobile .main .body{align-items:flex-end}.mobile .main .body .card-wrap{width:calc(100vw * 320 / 375);height:calc(100vw * 153.6 / 375)}.mobile .main .body .card-wrap .card{border:.125rem solid #282828;border-radius:1rem;box-shadow:.25rem .25rem 0 rgba(0,0,0,.18)}.mobile .main .body .card-wrap .card.on-enter{animation:.4s cubic-bezier(.25,.1,.25,1) 1.3s both card-move-in-mobile,.27s cubic-bezier(.25,.1,.25,1) 1.55s forwards card-rotate-1,.1s cubic-bezier(.25,.25,.75,.75) 1.82s forwards card-rotate-2,.14s cubic-bezier(.25,.25,.75,.75) 1.92s forwards card-rotate-3}.mobile .main .body .card-wrap .card.move-out{animation:.6s cubic-bezier(.25,.1,.25,1) both card-move-out-mobile}.mobile .main .body .card-wrap .card .desc .pt{width:calc(100vw * 118.6 / 375)}.mobile .main .body .card-wrap .card .desc .ph{width:calc(100vw * 113.92 / 375)}.mobile .main .body .card-wrap .card .desc .svg-txt{height:calc(100vw * 18.77 / 375)}.mobile .main .body .card-wrap .card .banner .svg-txt{height:calc(100vw * 19.1 / 375)}.mobile .main .body .card-wrap .pin-wrap{width:calc(100vw * 46.89 / 375);height:calc(100vw * 42 / 375);left:calc(100vw * -16 / 375);top:calc(100vw * -20 / 375)}.mobile .main .body .index-label{flex-direction:column;gap:.5rem;bottom:.5rem;right:-.75rem}.mobile .main .body .index-label .label{height:1.5rem;width:.375rem;background:#000;border-radius:.625rem;cursor:pointer}.mobile .main .body .index-label .label.active{height:4.6875rem}.mobile .main .circle-bg{width:calc(100vw * 466.1 / 375);height:calc(100vw * 466.1 / 375);left:calc(100vw * -44.1 / 375);bottom:0;border-radius:100vw;box-shadow:inset 1.0779rem 1.0779rem 0 rgba(244,114,42,.3)}.mobile .main .clip-container{width:calc(100vw * 466 / 375);height:100%;left:calc(100vw * -44.1 / 375);bottom:0;border-radius:0 0 100vw 100vw}.mobile .main .show-1-1{width:calc(100vw * 339 / 375);left:calc(100vw * 11.1 / 375);bottom:calc(100vw * -52.65 / 375)}.mobile .main .show-1-2{width:calc(100vw * 303 / 375);right:calc(100vw * 12 / 375);bottom:calc(100vw * -48.65 / 375)}.mobile .main .show-2-1{width:calc(100vw * 320.66 / 375);left:calc(100vw * -4.33 / 375);bottom:calc(100vw * 53.89 / 375);transform:rotate(.68deg)}.mobile .main .show-2-2{width:calc(100vw * 294.26 / 375);right:calc(100vw * -10.67 / 375);bottom:calc(100vw * 79.8 / 375);transform:rotate(-1.92deg)}.mobile .main .show-3-1{width:calc(100vw * 294 / 375);left:calc(100vw * -27.9 / 375);bottom:calc(100vw * -64.65 / 375)}.mobile .main .show-3-2{width:calc(100vw * 418.98 / 375);right:calc(100vw * -62.39 / 375);bottom:calc(100vw * -16.35 / 375)}.mobile .main .bottom{flex-direction:column;justify-content:space-between;width:100%;height:8.46rem;padding:1rem .75rem;gap:.75rem}.mobile .main .bottom .desc .tip-3{display:block}.mobile .main .bottom .links{width:100%;display:flex;flex-direction:row;justify-content:space-evenly}.modal{position:fixed;top:0;bottom:0;width:100vw;height:100vh;z-index:99;overflow:hidden;background-color:#fff;flex-direction:column;display:none}.modal .header{width:100vw;display:flex;flex-direction:row;align-items:center;color:#000;padding:1rem 1.5rem;box-shadow:0 3px 5px rgba(57,63,72,.1)}.modal .header .modal-arrow{font-size:1.5rem;line-height:1}.modal .header .modal-arrow img{height:1.2rem}.modal .header .title{flex:1;text-align:center}.modal .content{flex:1;overflow-y:scroll;padding:1rem 1.2rem 3rem}.detail-modal{z-index:100}