*{box-sizing:border-box;user-select:none;border:none;outline:none;margin:0;padding:0}html,body{background:#000;width:100%;height:100%;margin:0;padding:0;position:fixed;top:0;left:0;overflow:hidden}canvas{z-index:0;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}#root{z-index:1;width:100vw;height:100vh;position:fixed;top:0;left:0}#info{mix-blend-mode:difference;user-select:none;color:#fff;font-family:Josefin Sans,sans-serif;font-size:1.2rem;position:absolute;top:1.5rem;left:2rem}#info2{mix-blend-mode:difference;user-select:none;color:#fff;text-align:right;font-family:Josefin Sans,sans-serif;font-size:1rem;position:absolute;bottom:1.5rem;right:2rem}.infoitem{margin:.3rem;display:inline-block}.tubiao{--balloon-color:#101010f2;--balloon-text-color:#fff;--balloon-font-size:5px;--balloon-move:0px;cursor:pointer;vertical-align:middle;opacity:.8;width:1em;height:1em;text-decoration:none;transform:translateY(-.08em)}.glitch{text-transform:uppercase;color:#fff;letter-spacing:8px;z-index:2;mix-blend-mode:difference;user-select:none;text-align:center;font-family:Josefin Sans,sans-serif;font-size:5em;font-weight:bolder;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.glitch-container{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:.1em;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.glitch-top,.glitch-bottom{text-transform:uppercase;color:#fff;letter-spacing:8px;mix-blend-mode:difference;user-select:none;text-align:center;margin:0;padding:0;font-family:Josefin Sans,sans-serif;font-size:5em;font-weight:bolder;line-height:.85;position:relative}.glitch-top:after,.glitch-bottom:after{content:attr(data-text);text-shadow:-1px 0 red;color:#fff;clip:rect(0,900px,0,0);background:0 0;width:100%;height:100%;animation:2s linear infinite alternate-reverse noise-anim;position:absolute;top:0;left:2px;overflow:hidden}.glitch-top:before,.glitch-bottom:before{content:attr(data-text);text-shadow:1px 0 #00f;color:#fff;clip:rect(0,900px,0,0);background:0 0;width:100%;height:100%;animation:3s linear infinite alternate-reverse noise-anim-2;position:absolute;top:0;left:-2px;overflow:hidden}@media (width<=620px){.glitch-top,.glitch-bottom{letter-spacing:6px;font-size:4.2em}.glitch-container{gap:.05em}}@media (width<=480px){.glitch-top,.glitch-bottom{letter-spacing:4px;font-size:3.5em}}@media (width>=1400px){.glitch{letter-spacing:12px;font-size:6em}}@keyframes noise-anim{0%{clip:rect(60px,9999px,26px,0)}5%{clip:rect(4px,9999px,4px,0)}10%{clip:rect(59px,9999px,88px,0)}15%{clip:rect(75px,9999px,47px,0)}20%{clip:rect(58px,9999px,59px,0)}25%{clip:rect(82px,9999px,74px,0)}30%{clip:rect(24px,9999px,67px,0)}35%{clip:rect(57px,9999px,73px,0)}40%{clip:rect(18px,9999px,48px,0)}45%{clip:rect(65px,9999px,97px,0)}50%{clip:rect(89px,9999px,5px,0)}55%{clip:rect(83px,9999px,25px,0)}60%{clip:rect(83px,9999px,59px,0)}65%{clip:rect(86px,9999px,40px,0)}70%{clip:rect(98px,9999px,65px,0)}75%{clip:rect(23px,9999px,42px,0)}80%{clip:rect(65px,9999px,67px,0)}85%{clip:rect(89px,9999px,9px,0)}90%{clip:rect(73px,9999px,21px,0)}95%{clip:rect(86px,9999px,29px,0)}to{clip:rect(26px,9999px,71px,0)}}.glitch:after{content:attr(data-text);text-shadow:-1px 0 red;color:#fff;clip:rect(0,900px,0,0);background:0 0;width:100%;height:100%;animation:2s linear infinite alternate-reverse noise-anim;position:absolute;top:0;left:2px;overflow:hidden}.glitch:before{content:attr(data-text);text-shadow:1px 0 #00f;color:#fff;clip:rect(0,900px,0,0);background:0 0;width:100%;height:100%;animation:3s linear infinite alternate-reverse noise-anim-2;position:absolute;top:0;left:-2px;overflow:hidden}@keyframes noise-anim-2{0%{clip:rect(25px,9999px,66px,0)}5%{clip:rect(9px,9999px,69px,0)}10%{clip:rect(58px,9999px,64px,0)}15%{clip:rect(57px,9999px,41px,0)}20%{clip:rect(81px,9999px,10px,0)}25%{clip:rect(2px,9999px,52px,0)}30%{clip:rect(60px,9999px,49px,0)}35%{clip:rect(60px,9999px,14px,0)}40%{clip:rect(89px,9999px,8px,0)}45%{clip:rect(67px,9999px,52px,0)}50%{clip:rect(20px,9999px,70px,0)}55%{clip:rect(24px,9999px,58px,0)}60%{clip:rect(53px,9999px,62px,0)}65%{clip:rect(54px,9999px,13px,0)}70%{clip:rect(1px,9999px,77px,0)}75%{clip:rect(50px,9999px,34px,0)}80%{clip:rect(14px,9999px,20px,0)}85%{clip:rect(71px,9999px,70px,0)}90%{clip:rect(72px,9999px,10px,0)}95%{clip:rect(100px,9999px,23px,0)}to{clip:rect(58px,9999px,48px,0)}}a{color:#f5f5f5;text-decoration:none!important}a:hover{transition:color .3s;color:#c4a7ff!important}#info a:hover,#info2 a:hover{color:#b794ff!important}a,button,[role=button],.tubiao,a:hover,button:hover,[role=button]:hover,.tubiao:hover{cursor:pointer}