.header-wrapper{height:64px;position:relative;background:#070b2099;width:100%;transition:background .3s cubic-bezier(.215,.61,.355,1),border .45s cubic-bezier(.215,.61,.355,1);-webkit-user-select:none;user-select:none}.header-wrapper .header{width:100%;height:100%;padding:0 24px;max-width:1200px;margin:auto;position:relative;display:flex;align-items:center;transition:transform .45s cubic-bezier(.215,.61,.355,1),-webkit-transform .45s cubic-bezier(.215,.61,.355,1),max-width .45s}.header-wrapper .header a{color:#fff;letter-spacing:.5px;transition:color .45s cubic-bezier(.215,.61,.355,1),border-color .45s cubic-bezier(.215,.61,.355,1);text-decoration:none}.header-wrapper .header a:hover{color:#69c0ff}.header-wrapper .header .header-logo{z-index:1000;opacity:1}.header-wrapper .header .header-logo .logo-img{vertical-align:middle;display:inline-block}.header-wrapper .header .header-logo div{margin-left:10px;vertical-align:middle;display:inline-block;color:#fff;font-weight:600;font-size:15px}.header-wrapper .header .header-user{margin-left:auto;display:flex;height:64px;line-height:64px}.header-wrapper .header .header-user a,.header-wrapper .header .header-setting{margin-left:20px}.header-wrapper[state=home]{background:0 0;border-color:transparent;z-index:9999}.header-wrapper[state=home] .header{transform:translateY(50%)}.header-wrapper[state=article] .header{max-width:100%}@media only screen and (max-width: 767.99px){.header-wrapper .header{transform:none!important;width:calc(100% - 48px)}}.dropdown{min-width:100px}.dropdown>.dropdown-item{text-align:center;cursor:pointer;font-size:14px;height:36px;line-height:36px;overflow:hidden}.dropdown>.dropdown-item:hover{background-color:#ffffff4c}.popover{position:relative;cursor:pointer;transition:all .2s;z-index:999}.popover .popover-tooltip{position:absolute;margin-top:5px;top:100%;left:50%;transform:translate(-50%) rotateX(90deg);padding:12px 16px;opacity:.6;transition:all .1s ease;background:var(--card-background-color);border-radius:15px;cursor:default;font-size:14px}.popover .popover-tooltip[state=open]{opacity:1;pointer-events:auto;transform:translate(-50%) rotateX(0)}.page-not-found{height:60vh;overflow:hidden;display:flex;justify-content:center;align-items:center;perspective:1000px}.page-not-found div{transform-style:preserve-3d}.page-not-found .rail{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform:rotateX(-30deg) rotateY(-30deg)}.page-not-found .rail .stamp{position:absolute;width:200px;height:200px;display:flex;justify-content:center;align-items:center;background:#14141466;color:#fff;font-size:7rem}.page-not-found .rail .stamp:nth-child(1){animation:stampSlide 40s -2.3s linear infinite}.page-not-found .rail .stamp:nth-child(2){animation:stampSlide 40s -4.3s linear infinite}.page-not-found .rail .stamp:nth-child(3){animation:stampSlide 40s -6.3s linear infinite}.page-not-found .rail .stamp:nth-child(4){animation:stampSlide 40s -8.3s linear infinite}.page-not-found .rail .stamp:nth-child(5){animation:stampSlide 40s -10.3s linear infinite}.page-not-found .rail .stamp:nth-child(6){animation:stampSlide 40s -12.3s linear infinite}.page-not-found .rail .stamp:nth-child(7){animation:stampSlide 40s -14.3s linear infinite}.page-not-found .rail .stamp:nth-child(8){animation:stampSlide 40s -16.3s linear infinite}.page-not-found .rail .stamp:nth-child(9){animation:stampSlide 40s -18.3s linear infinite}.page-not-found .rail .stamp:nth-child(10){animation:stampSlide 40s -20.3s linear infinite}.page-not-found .rail .stamp:nth-child(11){animation:stampSlide 40s -22.3s linear infinite}.page-not-found .rail .stamp:nth-child(12){animation:stampSlide 40s -24.3s linear infinite}.page-not-found .rail .stamp:nth-child(13){animation:stampSlide 40s -26.3s linear infinite}.page-not-found .rail .stamp:nth-child(14){animation:stampSlide 40s -28.3s linear infinite}.page-not-found .rail .stamp:nth-child(15){animation:stampSlide 40s -30.3s linear infinite}.page-not-found .rail .stamp:nth-child(16){animation:stampSlide 40s -32.3s linear infinite}.page-not-found .rail .stamp:nth-child(17){animation:stampSlide 40s -34.3s linear infinite}.page-not-found .rail .stamp:nth-child(18){animation:stampSlide 40s -36.3s linear infinite}.page-not-found .rail .stamp:nth-child(19){animation:stampSlide 40s -38.3s linear infinite}.page-not-found .rail .stamp:nth-child(20){animation:stampSlide 40s -40.3s linear infinite}.page-not-found .world{transform:rotateX(-30deg) rotateY(-30deg)}.page-not-found .world .forward{position:absolute;animation:slide 2s linear infinite}.page-not-found .world .box{width:200px;height:200px;transform-origin:100% 100%;animation:roll 2s cubic-bezier(1,.01,1,1) infinite}.page-not-found .world .box .wall{position:absolute;width:200px;height:200px;background:#0a0a0a33;border:1px solid #fafafa;box-sizing:border-box}.page-not-found .world .box .wall:before{content:"";position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:7rem}.page-not-found .world .box .wall:nth-child(1){transform:translateZ(100px)}.page-not-found .world .box .wall:nth-child(2){transform:rotateX(180deg) translateZ(100px)}.page-not-found .world .box .wall:nth-child(3){transform:rotateX(90deg) translateZ(100px)}.page-not-found .world .box .wall:nth-child(3):before{transform:rotateX(180deg) rotate(90deg) translateZ(-1px);animation:zeroFour 4s -2s linear infinite}.page-not-found .world .box .wall:nth-child(4){transform:rotateX(-90deg) translateZ(100px)}.page-not-found .world .box .wall:nth-child(4):before{transform:rotateX(180deg) rotate(-90deg) translateZ(-1px);animation:zeroFour 4s -2s linear infinite}.page-not-found .world .box .wall:nth-child(5){transform:rotateY(90deg) translateZ(100px)}.page-not-found .world .box .wall:nth-child(5):before{transform:rotateX(180deg) translateZ(-1px);animation:zeroFour 4s linear infinite}.page-not-found .world .box .wall:nth-child(6){transform:rotateY(-90deg) translateZ(100px)}.page-not-found .world .box .wall:nth-child(6):before{transform:rotateX(180deg) rotate(180deg) translateZ(-1px);animation:zeroFour 4s linear infinite}@keyframes stampSlide{0%{transform:rotateX(90deg) rotate(-90deg) translateZ(-200px) translateY(130px)}to{transform:rotateX(90deg) rotate(-90deg) translateZ(-200px) translateY(-3870px)}}@keyframes zeroFour{0%{content:"4"}to{content:"0"}}@keyframes roll{0%{transform:rotate(0)}85%{transform:rotate(90deg)}87%{transform:rotate(88deg)}90%{transform:rotate(90deg)}to{transform:rotate(90deg)}}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-200px)}}.text404{text-align:center;font-size:50px;font-weight:1200;color:#fff;-webkit-text-stroke:1px #000}@media only screen and (max-width: 767.99px){.page-not-found{transform:scale(.75)}.text404{margin-top:50px;font-size:30px}}.menu{width:100%;height:100%;position:absolute;top:0}.menu .cube-wrap{width:300px;height:300px;perspective:1000px;-webkit-user-select:none;user-select:none;position:absolute;transform:scale(.75);right:60px;top:0;bottom:0;margin:auto;transition:all .5s ease}.menu .cube-wrap .cube{width:100%;height:100%;position:absolute;transform-style:preserve-3d;transition:all .5s ease;animation:spin 10s linear infinite}.menu .cube-wrap .cube .cube-face{width:300px;height:300px;position:absolute;overflow:hidden;opacity:.9;border:1px solid #ccc;background-color:var(--background-color);display:flex;align-items:center;justify-content:center;flex-direction:column}.menu .cube-wrap .cube .cube-face img{width:160px;height:160px}.menu .cube-wrap .cube .cube-face h1{margin-top:20px}.menu .cube-wrap .cube .cube-face.cube-face.front{transform:translateZ(150px)}.menu .cube-wrap .cube .cube-face.cube-face.back{transform:rotateX(180deg) translateZ(150px)}.menu .cube-wrap .cube .cube-face.cube-face.left{transform:rotateY(-90deg) translateZ(150px)}.menu .cube-wrap .cube .cube-face.cube-face.right{transform:rotateY(90deg) translateZ(150px)}.menu .cube-wrap .cube .cube-face.cube-face.top{transform:rotateX(90deg) translateZ(150px)}.menu .cube-wrap .cube .cube-face.cube-face.bottom{transform:rotateX(-90deg) translateZ(150px)}.menu .cube-wrap .cube .menu-close{font-size:50px;opacity:0;position:absolute;left:50%;transform:translate(-50%);transition:opacity 1s;cursor:pointer}.menu[state=ac] .cube-wrap{right:0;margin:0;width:100%;height:100%;z-index:4}.menu[state=ac] .cube-wrap .cube{animation:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.menu[state=ac] .cube-wrap .cube .cube-face{animation:goto .5s linear infinite;animation-iteration-count:1;animation-fill-mode:forwards;margin:10px;position:unset;cursor:pointer}.menu[state=ac] .cube-wrap .cube .menu-close{opacity:100}@keyframes spin{0%{transform:rotateX(45deg) rotateY(45deg)}to{transform:rotateX(405deg) rotateY(765deg)}}@keyframes goto{to{transform:rotateX(0) translateZ(150px)}}@media only screen and (max-width: 767.99px){.menu .cube-wrap{top:20%;height:300px;left:0;right:0}.menu[state=ac] .cube-wrap{top:27%}.menu[state=ac] .cube-wrap .cube .cube-face{height:150px;width:150px}.menu[state=ac] .cube-wrap .cube .cube-face img{width:80px;height:80px;margin-top:10px}.menu[state=ac] .cube-wrap .cube .cube-face h1{margin-top:5px}}@media only screen and (max-width: 389.99px){.menu .cube-wrap{transform:scale(.55)}.menu[state=ac] .cube-wrap{transform:scale(.75)}.menu[state=ac] .cube-wrap .cube .cube-face{height:130px;width:130px}.menu[state=ac] .cube-wrap .cube .cube-face img{width:60px;height:60px;margin-top:5px}.menu[state=ac] .cube-wrap .cube .cube-face h1{font-size:22px;margin-top:5px}}.home-wrapper{opacity:1;transform:none;position:relative;overflow:hidden;margin-top:-64px}.home-wrapper .banner-wrapper{position:relative;-webkit-user-select:none;user-select:none;transform:translateY(0)}.home-wrapper .banner-wrapper .banner{position:relative;width:100%;max-width:1200px;padding:0 24px;margin:auto;height:calc(100vh - 32px)}.home-wrapper .banner-wrapper .banner .banner-logo{position:absolute;width:100%;height:100%}.home-wrapper .banner-wrapper .banner .banner-text{width:50%;height:300px;position:absolute;top:0;bottom:0;margin:auto;z-index:1}.home-wrapper .banner-wrapper .banner .banner-text h1{font-weight:lighter;font-size:48px;margin:0}.home-wrapper .banner-wrapper .banner .banner-text h3{font-weight:lighter;margin:0}.home-wrapper .banner-wrapper .banner .banner-text p{margin:16px 0 40px;line-height:24px;font-size:14px}.home-wrapper .banner-wrapper .banner .banner-text .banner-text-button{padding:8px 16px;border-radius:40px;font-size:14px;border:1px solid #fff;transition:background .45s cubic-bezier(.215,.61,.355,1),box-shadow .45s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .45s cubic-bezier(.215,.61,.355,1);color:#fff;display:inline-block;margin-right:10px}.home-wrapper .banner-wrapper .banner .banner-text .banner-text-button:hover{color:#fff;background:#ffffff26;box-shadow:0 0 6px #ffffff59}.home-wrapper .banner-wrapper .banner-bg-center{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}.home-wrapper .banner-wrapper .banner-bg-center circle{animation-name:circleMove;animation-duration:5s;animation-direction:alternate;animation-iteration-count:infinite}.home-wrapper .banner-wrapper .banner-bg-center circlelast-child{animation-name:circleMove2}@keyframes circleMove{0%{transform:translate(0)}to{transform:translate(10px,-30px)}}@keyframes circleMove2{0%{transform:translate(0)}to{transform:translate(-10px,30px)}}.logo-demo{width:100%;height:100%;position:relative}.point-wrapper{position:absolute}.point{border-radius:100%}.right-side{width:300px;height:400px;position:absolute;right:60px;top:0;bottom:0;margin:auto;z-index:2;cursor:pointer}.right-side *{pointer-events:none}@media only screen and (max-width: 767.99px){.home-wrapper .banner-wrapper .banner{width:calc(100% - 48px)}.home-wrapper .banner-wrapper .banner .banner-logo{height:55%;position:relative}.home-wrapper .banner-wrapper .banner .banner-text{height:45%;width:100%;text-align:center;position:relative}.home-wrapper .banner-wrapper .banner-bg-center{top:35%;left:20%}.right-side{top:20%;height:300px;left:0;right:0}}@media only screen and (max-width: 389.99px){.home-wrapper .banner-wrapper .banner .banner-text{transform:scale(.85)}}.btn{display:grid;place-items:center;background:#0000;height:37px;border:1px solid #ffffff;cursor:pointer;transition:transform .5s;color:#fff}.btn:hover{box-shadow:inset 4px 4px 6px -1px #0003,inset -4px -4px 6px -1px #ffffffb3,-.5px -.5px #fff,.5px .5px #00000026,0 12px 10px -10px #0000000d;border:1px solid rgba(0,0,0,.1)}.input{border:1px solid #fff;padding:10px;background:#0000;transition:.3s;color:#fff;box-sizing:border-box}.input:focus{outline-color:#e8e8e88c;transition:.3s;box-shadow:inset 4px 4px 6px -1px #0003,inset -4px -4px 6px -1px #ffffffb3,-.5px -.5px #fff,.5px .5px #00000026,0 12px 10px -10px #0000000d;border:1px solid rgba(0,0,0,.1)}.loading-background{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.loading-background .loading{width:200px;height:200px;position:relative;filter:url(#gooey)}.loading-background .loading span{position:absolute;top:0;left:0;width:100%;height:100%;display:block;animation:loading 2s ease-in-out infinite;animation-delay:calc(.1s * var(--i))}.loading-background .loading span:before{content:"";position:absolute;top:0;left:calc(50% - 20px);width:40px;height:40px;background:linear-gradient(#fce4ec,#03a9f4);border-radius:50%;box-shadow:0 0 30px #03a9f4}.loading-background svg{width:0;height:0}@keyframes loading{0%{transform:rotate(0)}50%,to{transform:rotate(360deg)}}.login-wrapper{width:1100px;margin-left:auto;margin-right:auto;position:relative}.login-wrapper .login-wrap{width:330px;height:390px;margin-top:140px;background-color:#28282866;border:1px solid #fff;border-radius:5px;overflow:hidden;position:absolute;right:0}.login-wrapper .login-wrap .login-header{height:55px;line-height:55px;border-bottom:1px solid #fff;font-size:16px;font-weight:400;text-align:center;margin-bottom:15px}.login-wrapper .login-wrap .login-box{margin-left:auto;margin-right:auto;width:280px;display:flex;flex-direction:column}.login-wrapper .login-wrap .login-box>p{margin-bottom:30px}.login-wrapper .login-wrap .login-box>.input{margin-bottom:20px}.login-wrapper .login-wrap .login-box>.btn{margin-top:10px}.login-wrapper .login-wrap .login-box img{cursor:pointer}.login-wrapper .login-wrap .foget{position:absolute;bottom:40px;right:70px;cursor:pointer}.login-wrapper .login-wrap .regedit{position:absolute;bottom:40px;right:25px;cursor:pointer}.login-wrapper .login-banner{position:absolute;margin-top:140px;left:0;height:390px;width:500px}@media only screen and (max-width: 767.99px){.login-wrapper{width:330px}.login-wrapper .login-banner{margin-top:10vh;width:100%}.login-wrapper .login-wrap{margin-top:10vh}}.user-info{display:flex;align-items:center;justify-content:center}.user-info .user-info-wrapper{width:50%;border:1px solid var(--primary-color);border-radius:15px;background-color:var(--card-background-color);display:flex}.user-info .user-info-wrapper .user-info-avatar{margin-left:20px;width:20%;margin-top:-50px}.user-info .user-info-wrapper .user-info-avatar>img{width:100%;border-radius:12px}.user-info .user-info-wrapper .user-info-content{padding:0 10%;width:100%;cursor:default}.user-info .user-info-wrapper .user-info-content .user-info-content-line{width:100%;line-height:70px;display:flex}.user-info .user-info-wrapper .user-info-content .user-info-content-line>.user-info-content-label{width:30%;min-width:160px;font-weight:700}.user-info .user-info-wrapper .user-info-content .user-info-content-line>.user-info-content-value{width:40%;min-width:160px}.user-info .user-info-wrapper .user-info-content .user-info-content-line>.user-info-content-fun{display:none;font-size:12px;color:var(--activate-color);cursor:pointer}.user-info .user-info-wrapper .user-info-content .user-info-content-line:hover .user-info-content-fun{display:inline-flex}.model-wrapper{width:100vw;height:100vh;background:#00000040;position:absolute;top:0;left:0;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.model-wrapper.show{opacity:1;visibility:visible}.model-wrapper .model-body{width:60%;max-height:80%;margin-left:auto;margin-right:auto;margin-top:15%;border-radius:15px;border:1px solid #fff;box-shadow:inset 4px 4px 6px -1px #0003,inset -4px -4px 6px -1px #ffffffb3,-.5px -.5px #fff,.5px .5px #00000026,0 12px 10px -10px #0000000d;overflow-x:hidden;overflow-y:auto;transform:translateY(-50px);transition:transform .3s ease-in-out}.model-wrapper.show .model-wrapper .model-body{transform:translateY(0)}.model-wrapper .model-body .model-header{-webkit-user-select:none;user-select:none;height:40px;border-bottom:1px solid #fff;display:flex;justify-content:flex-end}.model-wrapper .model-body .model-header .model-title{padding-left:15px;line-height:40px;font-weight:700;width:100%}.model-wrapper .model-body .model-header .model-close{line-height:40px;width:40px;text-align:center;cursor:pointer}.model-wrapper .model-body .model-header .model-close:hover{color:var(--activate-color)}.model-wrapper .model-body .model-content{background:#fffc;width:100%;padding:20px;box-sizing:border-box;color:#000}.model-wrapper .model-body .model-content .btn,.model-wrapper .model-body .model-content .input{color:#000}.footer{background-color:#0006;color:#fff;z-index:100;text-align:center;line-height:32px;overflow:hidden;font-size:12px;width:100%;-webkit-user-select:none;user-select:none}body{-webkit-text-size-adjust:none;padding:0;margin:0;height:100vh;overflow:hidden;color:#fff;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:"tnum","tnum"}body #root{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background-color:var(--background-color);--primary-color: #d2d2d2;--activate-color: #66E0C9CC;--card-background-color: #28282866;--background-color: #00000033;--content-height: calc(100vh - 96px) }body #root .article h1{font-size:2.5rem;font-weight:600;line-height:1.4}body #root .article h2{font-size:2rem;font-weight:600;line-height:1.4}body #root .article h3{font-size:1.6rem;font-weight:600;line-height:1.4}body #root .article p{font-size:20px;color:var(--primary-color)}body #root .article img{max-width:100%}body #root a{outline:none!important;text-decoration:none!important;cursor:pointer}body #root .page{height:calc(100vh - 64px);overflow-y:auto;overflow-x:hidden}body #root .page>:first-child{min-height:calc(100% - 32px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:#fff9;background-clip:padding-box;border-radius:15px}