.card{max-width:90%;height:100%;margin:0 20px;text-align:center;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);border-radius:10px;overflow:hidden;box-shadow:0 0 10px #0000004d;transition:padding .5s,transform .55s}.card:hover{transform:scale(1.03)}.MainContent{position:fixed;display:block;flex-direction:column;overflow:auto;margin:0;padding:0;width:100%;height:100%;top:0;left:0;right:0;bottom:0}.TopBox{z-index:100;position:fixed;display:flex;justify-content:center;place-items:center;top:1%;width:100%;height:70px}.page{padding-top:100px;padding-bottom:30px;display:flex;flex-wrap:wrap;flex:1;min-height:calc(100vh - 190px);gap:4px;row-gap:20px;justify-content:center;width:100%}.footer{display:flex;justify-content:center;align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);height:60px;margin-top:auto}.footer-c1{display:flex;justify-content:center;align-items:center;background-color:transparent;height:100%;width:200px}.footer-c1 a{text-align:center;font-size:16px;font-weight:700;text-decoration:none;background:linear-gradient(45deg,#ff6ec4,#f5e67f,#7873f5,#42d392);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-animation 5s infinite}.footer-c1 a:hover{font-size:18px}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.header{z-index:20;position:fixed;top:0;width:100%;display:flex;justify-content:center}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}input:focus,button:focus{outline:none;box-shadow:none}@font-face{font-family:ZCOOLQingKeHuangYou;src:url(/assets/ZCOOLQingKeHuangYou-Regular-C5lFiYTK.ttf)}*{font-family:ZCOOLQingKeHuangYou!important}:root{line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff9;background-color:transparent!important;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{position:fixed;outline:none;margin:0;min-width:320px;min-height:100vh;outline:none!important;background-image:url(/assets/20220403_160118_94819771_p0-Dizt1WEy.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}a{outline:none!important;font-weight:500;text-decoration:inherit;transition:all .25s}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:all .25s}button:hover{border-color:#646cff;transform:scale(1.1)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar-topbox{filter:drop-shadow(0 0 10px rgba(0,0,0,.3));width:50%;min-width:500px;height:70px;display:flex;border-radius:0 20px;box-shadow:0 0 10px #0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .25s}.navbar-topbox:hover{transform:scale(1.05)}.navbar{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between}.navbar li{margin-left:15px;padding:10px;display:block;list-style-type:none;float:inline-start;flex-wrap:nowrap;overflow-x:auto}.BlogLogo{margin:10px 10px 0 40px;overflow:visible;width:50px;height:50px;object-fit:cover;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0% 50%);-webkit-clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0% 50%);transition:transform .25s}.BlogLogo:hover{transform:scale(1.1)}.ant-segmented-item a{color:#f5f5f5}.ant-segmented-item.ant-segmented-item-selected,.ant-segmented-thumb.ant-segmented-thumb-motion{background-color:#0000004d}.main-box{position:relative;width:100vw;min-height:100vh;display:flex;justify-content:center;align-content:center}.main-box .login-box{position:relative;width:60vw;max-width:900px;min-width:500px;height:70vh;max-height:700px;min-height:250px;perspective:1000px;transition:transform .6s cubic-bezier(.25,.8,.25,1);transform-style:preserve-3d;align-self:center;box-shadow:0 0 10px #0003;border-radius:50px 0;transition:transform 1s,border-radius 1s}.main-box .login-box .logo-box{width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:50px 0;transition:border-radius 1s}.main-box .login-box .logo-box img{filter:blur(0px);width:120%;height:100%;margin-left:55%;transition:transform 1s,filter 5s cubic-bezier(.25,.8,.25,1)}.main-box .login-box .logo-box img:hover{filter:blur(10px)}.main-box .login-box .logo-box.flipped{width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:0 50px}.main-box .login-box .logo-box.flipped img{width:120%;height:100%;float:left;filter:blur(10px);transform:rotateY(180deg)}.main-box .login-box .input-box{position:relative;display:flex;flex-direction:column;justify-content:center;width:30vw;height:100%;transition:transform 1s cubic-bezier(.25,.8,.25,1)}.main-box .login-box .input-box .input-form{width:100%;display:flex;flex-direction:column;gap:20px;align-items:center}.main-box .login-box .input-box .input-form .ant-input,.main-box .login-box .input-box .input-form .ant-input-affix-wrapper{width:16vw}.main-box .login-box .input-box:hover{transform:scale(1.05)}.login-box .login-face,.login-box .register-face{position:absolute;width:40%;height:100%;top:0;left:0;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:50px 0;box-shadow:0 0 15px #00000024}.login-box .register-face{width:100%;transition:width 2s cubic-bezier(.25,.8,.25,1);transform:rotateY(180deg)}.login-box.flipped .register-face{width:40%}.login-box .login-face{width:40%;transition:width 2s cubic-bezier(.25,.8,.25,1)}.login-box.flipped .login-face{width:100%}.login-box.flipped{transform:rotateY(180deg);border-radius:0 50px}.devlopInfo-box{color:#000c;margin-top:30px;min-width:400px;max-width:500px;width:100%;height:20vh;background-color:#fff6;border-radius:30px 0;box-shadow:0 0 7px #0003}.email-info{background-color:#fff6;box-shadow:0 0 6px #0000001a;border-radius:10px}.email-info:hover{background-color:#ffffffe6}.card3{position:relative;margin:-23px -22px 0 0;float:right;width:90px;height:90px;outline:none;border:none;background:#fff;border-radius:5px 5px 5px 90px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;transition:.2s ease-in-out}.github{margin-top:-.6em;margin-left:.9em}.card3:hover{cursor:pointer;scale:1.1;background-color:#000}.card3:hover .github{fill:#fff}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(1) .logo{animation:logo-spin infinite 8s linear}a:nth-of-type(2) .logo{animation:logo-spin infinite 8s linear}}