html,body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,STHeiti,Microsoft Yahei,Tahoma,Simsun,sans-serif;margin:0;padding:0;background-color:#fff;height:100%;width:100%;overflow:hidden}#root{position:absolute;left:0;right:0;top:0;bottom:0}.webgl-wrapper{z-index:-1;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;overflow:clip;-webkit-user-select:none;-moz-user-select:none;user-select:none;contain:strict}.webgl-canvas{outline:none}.Logo-container{z-index:10;position:absolute;margin:2vmin 0vmin 0vmin 2vmin;transition:all .3s;cursor:pointer}.Logo-container .Logo-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;height:4vmin}.Logo-container:hover{transform:scale(1.1)}.JumpButton{z-index:10;position:absolute;right:10vmin;top:2vmin;pointer-events:all;-webkit-user-select:none;user-select:none;font-size:1.5vmin;cursor:pointer;margin-top:1.5vmin;padding:1vmin 3.5vmin;border-radius:.5vmin;border:1px solid #ffffff;color:#fff;transition:all .3s}.JumpButton:hover{color:#000;background-color:#fff}.TopInfo-container{position:fixed;top:0%;width:100%;margin-top:5vmin;transition:.4s all .4s;pointer-events:none}.TopInfo-container .TopInfo-content{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;color:#fff}.s1BottomBar-container{bottom:1vmin;position:fixed;transition:.4s all .4s cubic-bezier(.5,0,.5,1)}.s1BottomBar-container .s1BottomBar-content{display:flex;width:66vmax;min-width:95vmin;max-width:120vmin;justify-content:space-between}.s1BottomBar-container .s1BottomBar-content .s1BottomBar-Bar-Title{font-size:2.2vmin;color:#befdc4}.s1BottomBar-container .s1BottomBar-content .s1BottomBar-Bar{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;margin:2vmin 0}.s1BottomBar-container .s1BottomBar-content .s1BottomBar-Bar .Bar-Top{font-size:3vmin}.s1BottomBar-container .s1BottomBar-content .s1BottomBar-Bar .Bar-Bottom{font-size:1.5vmin;color:#fff8}.s1BottomBar-container .s1BottomBar-content .s1BottomBar-Line{width:.1vmin;height:10vmin;background-color:#fff}.StateTable-container{position:absolute;top:20vmin;right:0%;height:60vmin;display:flex;justify-content:center;align-items:center;transition:.4s all .4s cubic-bezier(.5,0,.5,1)}.StateTable-container .StateTable-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-evenly}.StateTable-container .StateTable-content .item{position:relative;display:flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;transition:all .2s;padding-left:1vmin}.StateTable-container .StateTable-content .item .item-text{margin-top:.1vmin;-webkit-user-select:none;user-select:none;writing-mode:vertical-rl;letter-spacing:.5vmin;color:#fff;font-size:1.5vmin;margin-right:2vmin;text-shadow:0px 0px 6px #8ef091;transition:all .5s;opacity:.6}.StateTable-container .StateTable-content .item .item-text:hover{opacity:1}.StateTable-container .StateTable-content .item .item-Line{width:1vmin;height:6.5vmin;border-radius:3px;margin-right:-.6vmin;opacity:0}.StateTable-container .StateTable-content .item:hover{transform:scale(1.1)}.StateTable-container .StateTable-content .Line{position:absolute;height:6.5vmin;width:2vmin;right:-1.5vmin;border-radius:.6vmin;background-color:#8ef091;box-shadow:0 0 1vmin #8ef091;transition:all .5s cubic-bezier(.165,.84,.44,1)}.StateTable-container .StateTable-content .clickBox{cursor:pointer;position:absolute;top:-1.25rem;left:-3.5rem;height:3rem;width:5rem}.ColorBar-container{position:absolute;bottom:0%;width:100%;pointer-events:none;display:flex;justify-content:space-evenly}.ColorBar-container .ColorBar-content{position:relative;display:flex;align-items:center;transition:.4s all .4s cubic-bezier(.5,0,.5,1)}.ColorBar-container .ColorBar-content .Bar{pointer-events:all;cursor:pointer;border-radius:50%;background-size:100% 100%;display:flex;align-items:center;flex-direction:column;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;transition:all .2s}.ColorBar-container .ColorBar-content .Bar .Bar-Img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;height:4vmin;margin-bottom:3vmin;border-radius:10%;transition:all .5s}.ColorBar-container .ColorBar-content .Bar .Bar-Img:hover{box-Shadow:0 0 .5vmin #8ef0919d}.ColorBar-container .ColorBar-content .Bar .Bar-Line{width:4vmin;height:1vmin;margin:0vmin 2vmin -.6vmin;border-radius:3px;opacity:0}.ColorBar-container .ColorBar-content .Bar:hover{transform:scale(1.1)}.ColorBar-container .ColorBar-content .Line{position:absolute;width:4vmin;height:2vmin;bottom:-1.6vmin;border-radius:.6vmin;background-color:#8ef091;box-shadow:0 0 1vmin #8ef091;transition:all .5s cubic-bezier(.165,.84,.44,1)}#preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;align-items:center;font-weight:700;font-size:40px;background-color:#000;display:flex;flex-direction:column;justify-content:center}#preloader .LoadingNumber{z-index:1;margin-top:-2vmin;color:#fff;font-size:2vmin}#version{position:fixed;top:0;left:10px;font-size:10px;color:#fff}.svg-content{position:relative;height:15vmin;width:15vmin}.svg-content .preloader-svg-path{position:absolute;height:100%;width:100%}.svg-content .preloader-svg-path path{transition:all 1s;stroke-dasharray:738.05}.svg-content .preloader-svg-mask{position:absolute;height:100%;width:100%;background-color:#0000}