@font-face{font-family:animate-font;src:url(data:font/ttf;base64,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)}@font-face{font-family:Poppins;src:url(/assets/poppins.7d93459d.woff2)}@font-face{font-family:Montserrat-Bold;src:url(./assets/Montserrat-Bold.c8289a87.ttf)}@font-face{font-family:Montserrat-Medium;src:url(./assets/Montserrat-Medium.92b3d3c6.ttf)}@font-face{font-family:Montserrat-Regular;src:url(./assets/Montserrat-Regular.81ebc391.ttf)}@font-face{font-family:font;src:url(./assets/font.0a07733b.woff2)}@font-face{font-family:Greycliff;src:url(/assets/acb7ae59aec93313db2762744492895a.3efb2bab.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Greycliff;src:url(/assets/e3383e5dea76ba279d0459e08f8bd376.3521ecc2.woff2) format("woff2");font-weight:800;font-style:normal}:root{--gap: clamp(20px, 2vw, 40px)}body{padding:0;margin:0;background:#000;width:100%;height:100%}html{width:100%;height:100%;scroll-behavior:smooth}#root{height:100%}.logo-wrap{position:fixed;left:var(--gap);top:var(--gap);z-index:10;display:flex;align-items:center}.logo{width:clamp(80px,6.32vw,100px);box-sizing:border-box;height:clamp(40px,3.16vw,50px);-webkit-mask:url(/assets/chenqinchao.e9d24cde.png);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;background:#fff}.logo-gap{margin:0 10px;font-family:Greycliff;color:#fff;font-size:clamp(12px,4vw,24px)}.logo-text{font-family:Greycliff;color:#fff;font-weight:800;font-size:clamp(14px,4vw,22px)}.home-title-wrap{position:fixed;left:var(--gap);bottom:clamp(60px + env(safe-area-inset-bottom),80px,4vh);z-index:10;pointer-events:none}.home-title{font-family:Greycliff;color:#fff;text-indent:-1px;font-weight:800;font-size:clamp(20px,4vw,80px);white-space:nowrap;pointer-events:none}.home-subtitle{font-family:Greycliff;color:#fff;font-weight:800;font-size:clamp(14px,30px,1.56vw);white-space:nowrap;pointer-events:none}.home-control{position:fixed;right:var(--gap);bottom:calc(var(--gap) / 2 + env(safe-area-inset-bottom));height:40px;display:flex;align-items:center;z-index:10}.home-control-sound{transition:all .15s linear 0s}.home-control-sound:hover{transform:scale(1.2)}.home-control-sound.active .home-control-sound-icons{transform:translate3d(-16px,0,1px)}.home-control-sound-label{display:block;position:absolute;width:43px;height:27px;background:rgba(255,255,255,.4);transition:all .2s linear 0s;border-radius:20px;top:50%;transform:translateY(-50%);cursor:pointer}.home-control-sound-icons{width:19px;height:19px;top:0;right:0;margin:4px;position:absolute;transition:all .1s linear 0s}.home-control-icons{height:50px;width:50px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}.home-control-icons:active{-webkit-tap-highlight-color:rgba(0,0,0,0)}.home-control-icons svg{width:20px}.copy-rights{position:fixed;left:var(--gap);bottom:calc(var(--gap) + env(safe-area-inset-bottom));z-index:10;font-family:Greycliff;color:#fff;font-weight:800;font-size:14px}.home-time{z-index:10;font-family:Greycliff;color:#fff;font-weight:800;display:flex;align-items:center;position:fixed;left:var(--gap);top:50%;font-size:clamp(20px,min(2.6vw,2.6vh),40px);transform:rotate(90deg) translate(-60%);transform-origin:bottom left;line-height:1}.home-time-number-layout{overflow:hidden;height:clamp(20px,min(2.6vw,2.6vh),40px)}.home-time-text{padding:0 clamp(10px,20px,1.04vw);position:relative;letter-spacing:4px;display:flex;min-width:55px}.home-time-text:first-of-type{padding-left:0}.home-time-text:before{content:attr(data-text);font-size:12px;position:absolute;top:-14px}.home-time-text:after{position:absolute;right:1px;content:"";height:100%;width:1px;background-color:#fff6}.home-time-text:last-child:after{display:none}.home-time-number-wrap{display:flex;flex-direction:column;transition:all .5s ease-in 0s;transform:translate3d(0,var(--number),1px)}.nav{height:50px;width:50px;position:fixed;top:calc(var(--gap) / 2);right:var(--gap);transition:all .2s linear 0s;-webkit-tap-highlight-color:rgba(255,255,255,0);z-index:500}.nav.active .nav-btn-items:nth-child(2){opacity:0}.nav.active .nav-btn-items:nth-child(1){transform:translate(-50%) rotate(-45deg);transform-origin:100% center}.nav.active .nav-btn-items:nth-child(3){transform:translate(-50%) rotate(45deg);transform-origin:100% center}.nav-btn-items{height:4px;width:50%;background:#fff;position:absolute;left:50%;top:50%;border-radius:1px;transition:all .2s linear 0s;transform:translate(-50%)}.nav-btn-items:nth-of-type(1){margin-top:-9px}.nav-btn-items:nth-of-type(2){margin-top:0}.nav-btn-items:nth-of-type(3){margin-top:9px}.nav-btn{height:50px;width:50px;position:absolute;right:0;top:0;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;display:flex;align-items:center;justify-content:center}.home-control-icons-hover{position:relative}.home-control-icons-hover:after{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:all .1s linear 0s;background-color:#fff6;height:100%;width:100%;border-radius:50%}.home-control-icons-hover:hover:after,.home-control-icons-hover:active:after{transform:translate(-50%,-50%) scale(1)}.nav-layout{display:flex;align-items:center;position:fixed;right:0;top:0;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);height:100%;width:100%;box-sizing:border-box;z-index:100;opacity:0;visibility:hidden;transition:all .2s linear 0s}.nav-layout.active{opacity:1;visibility:visible}.nav-wrap{padding:2vw;width:100%}.nav-wrap-text{font-family:Greycliff;color:#fff;font-weight:800;font-size:clamp(14px,1.6vw,34px);text-align:center}.nav-wrap-subtext{font-family:Greycliff;color:#fff;font-weight:800;font-size:clamp(14px,2.4vw,40px);margin-top:clamp(10px,1vw,20px)}.nav-items{font-family:Greycliff;color:#fff;font-weight:800;font-size:clamp(24px,3vw,70px)}.nav-items-wrap{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:clamp(30px,1vw,60px);line-height:1}.loading{height:min(40vw,40vh);width:min(40vw,40vh);position:fixed;left:0;top:0;background-image:url(/assets/loading.b3faf3c3.svg);background-size:100%;margin-left:calc(min(40vw,40vh)/-2);margin-top:calc(min(40vw,40vh)/-2);transform-origin:center;transform:rotate(0);animation:loading 4s linear 0s infinite}@keyframes loading{to{transform:rotate(360deg)}}.home-scroll-line{height:1px;width:100px;background:#fff;transform:translate3d(-100%,0,1px);animation:homeScrollLine 2s linear 0s infinite}@keyframes homeScrollLine{to{transform:translate3d(100%,0,0)}}.home-scroll-line-wrap{overflow:hidden;margin-left:10px;margin-top:4px}.home-scroll-text{font-size:clamp(14px,2vw,20px);color:#fff;width:45px}.home-scroll-layout{position:fixed;right:var(--gap);margin-right:var(--gap);font-family:Greycliff;top:50%;height:20px;z-index:10;overflow:hidden;display:flex;align-items:center;transform-origin:100%;transform:rotate(90deg) translateY(-50%)}.canvas-wrap canvas{cursor:var(--canvas-pointer)}.pixel-style{font-family:Greycliff;color:#fff;font-weight:600;cursor:pointer;height:50px;width:50px;display:flex;font-size:22px;align-items:center;justify-content:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media screen and (max-height: 800px){.home-time-text[data-text=Year]{display:none}}@media screen and (max-height: 780px){.home-time-text[data-text=Month]{display:none}}@media screen and (max-width: 750px){:root{--gap: 20px}.home-control{right:auto;left:calc(var(--gap) / 2);bottom:calc(var(--gap) * 1.5 + env(safe-area-inset-bottom))}.home-title-wrap{bottom:clamp(var(--gap) * 4 + env(safe-area-inset-bottom),80px,10vw)}.copy-rights{font-size:10px;bottom:calc(var(--gap) / 2 + env(safe-area-inset-bottom))}.home-title{text-indent:0}.home-control-icons-hover:after{display:none}.home-control-sound:hover{transform:scale(1)}.home-time-text:before{font-size:10px;letter-spacing:2px}}@media screen and (max-height: 700px){.home-time-text[data-text=Day]{display:none}}canvas{position:fixed;left:0;top:0;width:100%;height:100%}.aa{z-index:-1}