.nodes-main{width:100%;height:100%;position:relative;overflow:hidden}.nodes-main .top-title{z-index:11;color:#fff;position:relative}.nodes-main .top-title .title{font-size:6.7708vw;font-weight:700;position:absolute;left:1vw;transition:all .9s ease-in-out}.nodes-main .liner-gradient-mask{position:absolute;z-index:10;width:100%;height:100%;transition:all .9s ease-in-out;background:linear-gradient(90deg,#000,#000 80%,transparent)}.nodes-main .site-out-box{z-index:9;position:absolute;height:calc(100% - 13vw);width:100%;padding:10vw 0 3vw 5vw}.nodes-main .site-out-box .site-out{height:100%;width:calc(100% - 5vw);display:flex;flex-direction:column;align-content:flex-start;align-items:flex-start;flex-wrap:wrap;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.nodes-main .site-out-box .site-out::-webkit-scrollbar{display:none}.nodes-main .site-out-box .site-out .site{width:14.375rem;height:6.875rem;border:.125rem solid #fff;box-sizing:border-box;padding:.8125rem;margin-bottom:20px;margin-right:30px;transition:all .2s ease-in-out;display:flex;flex-direction:column;justify-content:space-evenly;position:relative}.nodes-main .site-out-box .site-out .site:hover{background-color:#fff;border:.125rem solid #000;color:#000}.nodes-main .site-out-box .site-out .site .title,.nodes-main .site-out-box .site-out .site .url{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nodes-main .site-out-box .site-out .site .title{font-weight:700}.nodes-main .site-out-box .site-out .site .port{position:absolute;top:.8125rem;right:.8125rem}body{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}.hello{width:100%;height:100%;position:relative}@keyframes backAnime{0%{filter:brightness(0);-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}to{filter:brightness(1);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.hello .intro-page{width:100%;height:100%;position:relative;background-image:url(../img/back2.37b58a40.jpg);background-size:cover;background-position:50%;animation-name:backAnime;animation-duration:1.5s}.hello .intro-page .iframe{position:absolute;top:0;left:0;width:94%;height:100%;background:#202020}.hello .intro-page .iframe frame,.hello .intro-page .iframe iframe{width:100%;height:100%}@keyframes circleAnime{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes wordAnime{0%{transform:translate(-50%,-50%);-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%);letter-spacing:3px}25%{transform:translate(-50%,-50%);-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%);letter-spacing:3px}50%{transform:translate(-50%,-50%);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);letter-spacing:3px}to{transform:translate(-50%,-50%);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);letter-spacing:9px}}.hello .intro-page .circle{width:300px;height:300px;border-radius:1000px;border:4px solid #f7f7f7!important;box-sizing:border-box;position:absolute;top:50%;left:47%;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:all .4s ease-in-out}.hello .intro-page .circle:hover{transform:translate(-50%,-50%) scale(1.2);-webkit-backdrop-filter:blur(2.4px);backdrop-filter:blur(2.4px);opacity:1}.hello .intro-page .welcome{color:#f7f7f7!important;font-size:32px;font-weight:700;position:absolute;top:50%;left:47%;transform:translate(-50%,-50%);animation-name:wordAnime;animation-duration:3s;pointer-events:none;letter-spacing:9px;font-family:Jupitex;transition:all .4s ease-in-out}@keyframes siteLeftIn{0%{width:0}80%{width:0}to{width:6%}}.hello .node-main-box{height:100%;width:6%;background:#0c0c0c;position:absolute;top:0;right:0;animation-name:siteLeftIn;animation-duration:2s;transition:all .9s ease-in-out}.hello .node-main-box:hover{width:61.8%}body{margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;background:#101010}@font-face{font-family:Jupitex;src:url("../fonts/Jupitex Sans Serif.f54d0dcf.ttf")}