*{margin:0;padding:0}html,body,#root{width:100vw;height:100vh;overflow:hidden;margin:0 auto;position:relative}@font-face{font-family:Anthony;src:url(/Anthony.otf);font-display:swap}.home{width:100vw;height:100vh;position:relative;margin:0 auto}.home_video{width:100vw;height:100vh;position:relative;object-fit:cover;display:block}.home_1{background:url(/home_1.png) no-repeat center/cover;width:2.74rem;height:9.18rem;top:.88rem;right:.92rem;position:absolute;animation:shake .5s infinite}.home_2{background:url(/home_2.png) no-repeat center/cover;width:.87rem;height:2.38rem;top:2.97rem;left:.72rem;position:absolute;animation:shake 1s infinite}.home_time{height:6.52rem;width:.1rem;position:absolute;left:50%;bottom:50%;background:#000;animation:rotateTime 4s linear;transform-origin:bottom center;will-change:transform}.home_huo{background:url(/huo.png) no-repeat center/cover;width:.85rem;height:.86rem;left:50%;top:50%;animation:huo 3.5s linear both;position:absolute}.home_guo{background:url(/guo.png) no-repeat center/cover;width:.86rem;height:.85rem;left:50%;top:50%;animation:guo 4s linear both;position:absolute}.home_h{background:url(/h.png) no-repeat center/cover;width:.58rem;height:.97rem;left:50%;top:50%;animation:h 4s linear both;position:absolute}.home_o1{background:url(/o.png) no-repeat center/cover;width:.59rem;height:.59rem;left:50%;top:50%;animation:o1 4s linear both;position:absolute}.home_t1{background:url(/t.png) no-repeat center/cover;width:.49rem;height:.98rem;left:50%;top:50%;animation:t1 4s linear both;position:absolute}.home_p{background:url(/p.png) no-repeat center/cover;width:.61rem;height:.95rem;left:50%;top:50%;animation:p 4s linear both;position:absolute}.home_o2{background:url(/o.png) no-repeat center/cover;width:.59rem;height:.59rem;left:50%;top:50%;animation:o2 4s linear both;position:absolute}.home_t2{background:url(/t.png) no-repeat center/cover;width:.49rem;height:.98rem;left:50%;top:50%;animation:t2 4s linear both;position:absolute}@keyframes rotateTime{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(.4)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(.4)}to{transform:rotate(360deg) scale(1)}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-.05rem,-.05rem)}50%{transform:translate(-.05rem,.05rem)}75%{transform:translate(.05rem,.05rem)}to{transform:translate(0)}}@keyframes huo{0%{transform:translate3d(-3rem,-3.6rem,0)}16.67%{transform:translate3d(-.4rem,-5.9rem,0)}33.33%{transform:translate3d(2rem,-3.5rem,0)}50%{transform:translate3d(2rem,-.4rem,0)}66.67%{transform:translate3d(0,4.5rem,0)}83.33%{transform:translate3d(-3rem,0,0)}to{transform:translate3d(-3rem,-3.6rem,0)}}@keyframes guo{0%{transform:translate3d(-3rem,-2.2rem,0)}16.67%{transform:translate3d(-.4rem,-4rem,0)}33.33%{transform:translate3d(1rem,-3.5rem,0)}50%{transform:translate3d(1.2rem,-.4rem,0)}66.67%{transform:translate3d(-.4rem,1rem,0)}83.33%{transform:translate3d(-2rem,0,0)}to{transform:translate3d(-3rem,-2.2rem,0)}}@keyframes h{0%{transform:translate3d(0,-6rem,0)}25%{transform:translate3d(1rem,-1rem,0)}50%{transform:translate3d(-.4rem,3.5rem,0)}75%{transform:translate3d(-1rem,-.4rem,0)}to{transform:translate3d(0,-6rem,0)}}@keyframes o1{0%{transform:translate3d(1.2rem,-5rem,0)}20%{transform:translate3d(1rem,0,0)}40%{transform:translate3d(0,4.2rem,0)}60%{transform:translate3d(-1.5rem,0,0)}80%{transform:translate3d(-1rem,-5rem,0)}to{transform:translate3d(1.2rem,-5rem,0)}}@keyframes t1{0%{transform:translate3d(2.4rem,-5.5rem,0)}20%{transform:translate3d(2.4rem,-.4rem,0)}40%{transform:translate3d(0,4.3rem,0)}60%{transform:translate3d(-3rem,0,0)}80%{transform:translate3d(-2.5rem,-5rem,0)}to{transform:translate3d(2.4rem,-5.5rem,0)}}@keyframes p{0%{transform:translate3d(1.2rem,-2.5rem,0)}20%{transform:translate3d(2rem,-.4rem,0)}40%{transform:translate3d(-.4rem,2.5rem,0)}60%{transform:translate3d(-2rem,-.4rem,0)}80%{transform:translate3d(-1.5rem,-2rem,0)}to{transform:translate3d(1.2rem,-2.5rem,0)}}@keyframes o2{0%{transform:translate3d(1.2rem,.4rem,0)}25%{transform:translate3d(-.3rem,2rem,0)}50%{transform:translate3d(-2rem,-.3rem,0)}75%{transform:translate3d(-.3rem,-1.5rem,0)}to{transform:translate3d(1.2rem,.4rem,0)}}@keyframes t2{0%,to{transform:translate3d(2.4rem,2.5rem,0)}20%{transform:translate3d(-.25rem,3rem,0)}40%{transform:translate3d(-2.5rem,-.5rem,0)}60%{transform:translate3d(-.25rem,-3rem,0)}80%{transform:translate3d(2.4rem,-1rem,0)}}.enter{width:100vw;height:100vh;position:relative}.enter_box{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.enter_1{background:url(/enter2.png) no-repeat center/cover;width:5.8rem;height:5.8rem}.enter_2{background:url(/enter1.png) no-repeat center/cover;width:1.53rem;height:.49rem;margin-top:.94rem}.select{position:fixed;width:100vw;height:100vh;touch-action:none;max-width:7.5rem;margin:0 auto;left:calc(100vw - 7.5rem)}.circle{position:absolute;top:50%;left:-40%;transform:translate3d(-50%,-50%,0);will-change:transform}.tip_arrow{background:url(/arrow.png) no-repeat center/cover;width:.29rem;height:.49rem;position:absolute;top:50%;left:10%;transform:translate3d(-50%,-50%,0);animation:arrowLeft infinite .8s ease-out;will-change:transform}.circle2{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);will-change:transform;background:red;width:5.33334rem;height:5.33334rem;border-radius:50%}.text-item{position:absolute;left:50%;top:calc(50% - .3rem);transform-origin:0% 50%;pointer-events:auto;font-size:.6rem;height:.6rem;line-height:1;transition:transform .2s ease;backface-visibility:hidden;white-space:nowrap;font-family:Anthony}.text-item[data-active=true]{color:var(--color)}.text-item[data-active=true]:after{content:"";position:absolute;left:0;bottom:-.1rem;width:100%;height:.05rem;background:var(--color)}@-webkit-keyframes arrowLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-.2rem);opacity:0}}.counter,.counter-page{width:100vw;height:100vh;position:relative}.counter_canvas{position:absolute;z-index:-1;width:100vw;height:100vh;top:0;left:0;opacity:0}.counter_canvas[data-active=true]{z-index:2;opacity:1}.counter_icon1{background:url(/couter_2.png) no-repeat center/cover;width:1.19rem;height:1.2rem;position:absolute;left:.15rem;top:1.22rem;z-index:1;transform:scaleX(-1)}.counter_icon2{background:url(/couter_1.png) no-repeat center/cover;width:1.19rem;height:1.2rem;position:absolute;right:.15rem;top:1.22rem;z-index:1}.counter_center{width:6.17rem;height:6.17rem;position:absolute;left:-7%;top:63%;transform:translate3d(-50%,-50%,0);border:.06rem solid #000;border-radius:50%;box-sizing:border-box}.counter_circle{border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;box-sizing:border-box;font-family:Anthony;border:.06rem solid #000;position:absolute;transition:all linear .3s}.counter_circle[data-noactive=true]{transition:none}.counter_box{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.counter_circle0{width:6.45rem;height:6.45rem;border:.18rem solid var(--bordercolor);transform-origin:0% 50%;left:50%;top:calc(50% - 3.225rem);transform:rotate(-48deg) translate3d(3.08rem,0,0)}.counter_circle0 .counter_box{transform:rotate(48deg)}.counter_circle1{width:4.58rem;height:4.58rem;transform-origin:0% 50%;left:50%;top:calc(50% - 2.29rem);transform:rotate(7.5deg) translate3d(3.08rem,0,0)}.counter_circle1 .counter_box{transform:rotate(-7.5deg)}.counter_circle2,.counter_circle3,.counter_circle4,.counter_circle5,.counter_circle6,.counter_circle7,.counter_circle8,.counter_circle9,.counter_circle10,.counter_circle11{width:2.6rem;height:2.6rem;transform-origin:0% 50%;left:50%;top:calc(50% - 1.3rem);background:#fff}.counter_circle2{transform:rotate(49deg) translate3d(3.08rem,0,0)}.counter_circle2 .counter_box{transform:rotate(-49deg)}.counter_circle3{transform:rotate(83deg) translate3d(3.08rem,0,0)}.counter_circle3 .counter_box{transform:rotate(-83deg)}.counter_circle4{transform:rotate(117deg) translate3d(3.08rem,0,0);transition:none}.counter_circle5{transform:rotate(151deg) translate3d(3.08rem,0,0);transition:none}.counter_circle6{transform:rotate(185deg) translate3d(3.08rem,0,0);transition:none}.counter_circle7,.counter_circle8,.counter_circle9{transform:rotate(219deg) translate3d(3.08rem,0,0);transition:none}.counter_circle10{transform:rotate(-128deg) translate3d(3.08rem,0,0);transition:none}.counter_circle11{transform:rotate(-94deg) translate3d(3.08rem,0,0)}.counter_circle11 .counter_box{transform:rotate(94deg)}.counter_circle0 .counter_word{color:var(--bordercolor)}.counter_circle0 .counter_word[data-class=bottom]{position:absolute;left:50%;top:86%;transform:translate3d(-50%,-50%,0)}.counter_circle0 .counter_word[data-class=left1]{position:absolute;left:13%;top:50%;transform:translate3d(-50%,-50%,0) rotate(270deg);transform-origin:center center;width:100%;text-align:center}.counter_circle0 .counter_word[data-class=left2]{position:absolute;left:27%;top:50%;transform:translate3d(-50%,-50%,0);transform-origin:center center;width:100%;text-align:center}.counter_circle0 .counter_word[data-class=right1]{position:absolute;left:83%;top:50%;transform:translate3d(-50%,-50%,0) rotate(270deg);transform-origin:center center;width:100%;text-align:center}.counter_circle0 .counter_word[data-class=right2]{position:absolute;left:88%;top:50%;transform:translate3d(-50%,-50%,0) rotate(90deg);transform-origin:center center;width:100%;text-align:center}.counter_circle0 .counter_word[data-class=right3]{position:absolute;left:70%;top:50%;transform:translate3d(-50%,-50%,0);transform-origin:center center;width:100%;text-align:center}.counter_circle0 .counter_word[data-class=right4]{position:absolute;left:70%;top:60%;transform:translate3d(-50%,-50%,0);transform-origin:center center;width:100%;text-align:center}.counter_video{width:100%;height:100%;position:absolute;left:0;top:0;display:none;transform:translateZ(0)}.counter_video3{width:100%;height:100%;border-radius:50%;position:absolute;left:0;top:0;padding:.18rem;transform:translateZ(0);box-sizing:border-box}.counter_add{background:url(/add.png) no-repeat center/cover;width:.45rem;height:.45rem;position:absolute;left:4.5rem;top:2.7rem}.counter_video1{width:4rem;height:4rem;position:absolute;transform:translate3d(4.8rem,-4.5rem,0);border-radius:50%;overflow:hidden}.counter_video1[data-disabled=true]{opacity:0}.counter_video2{width:100%;height:100%;display:block;border-radius:50%}.counter_video1--active{opacity:1}.counter_circle0 .counter_video{display:block}.counter_circle0 .counter_name{font-size:.9rem}.counter_video[data-active=false]{width:0rem;height:0rem}.counter_word{font-size:.75rem}.counter_name{font-size:.46rem}.counter_upside{position:absolute;z-index:1;width:100vw;height:100vh;top:0;left:0}.counter_upside_video{width:100vw;height:100vh;display:block;object-fit:cover;transform:scaleY(-1) scaleX(-1);will-change:transform}.circle-anim{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center;pointer-events:all;z-index:1}.circle-anim-c{position:absolute;width:100%;height:100%;border-radius:50%}.circle-anim-c:nth-child(1){animation:anim 3s linear infinite;border:.02rem solid #000}.circle-anim-c:nth-child(2){animation:anim 3s linear .8s infinite;border:.02rem solid #000}.circle-anim-c:nth-child(3){animation:anim 3s linear 1.6s infinite;border:.02rem solid #000}@keyframes anim{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1)}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}#canvas2{width:100vw;height:100vh;position:absolute;left:0;top:0;z-index:1;opacity:.5}