.login-wrap[data-v-30ea1ea0]{position:relative;width:100%;height:100%;background:linear-gradient(135deg,rgba(58,141,255,.8),rgba(134,185,255,.8) 50%,rgba(158,135,255,.8));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-size:cover;background-position:50%}.ms-login[data-v-30ea1ea0]{width:400px;padding:40px 30px;background:hsla(0,0%,100%,.9);border-radius:10px;-webkit-box-shadow:0 8px 16px rgba(0,0,0,.2);box-shadow:0 8px 16px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-animation:fadeIn-30ea1ea0 1s ease-in-out;animation:fadeIn-30ea1ea0 1s ease-in-out}.ms-title[data-v-30ea1ea0]{text-align:center;font-size:24px;color:#333;margin-bottom:30px;font-weight:700}.ms-content[data-v-30ea1ea0]{padding:0}.el-input__inner[data-v-30ea1ea0]{border-radius:20px;padding:10px 20px}.el-button[data-v-30ea1ea0]{border-radius:20px}.login-btn[data-v-30ea1ea0]{text-align:center}.login-btn button[data-v-30ea1ea0]{width:100%;height:40px;background-color:#4b79a1;color:#fff;border:none;border-radius:20px;font-size:16px;-webkit-transition:background-color .3s;transition:background-color .3s}.login-btn button[data-v-30ea1ea0]:hover{background-color:#283e51}@-webkit-keyframes fadeIn-30ea1ea0{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn-30ea1ea0{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}body[data-v-30ea1ea0]{overflow:hidden}#snail[data-v-30ea1ea0]{top:100px;#shell[data-v-30ea1ea0]{height:64px;width:74px;border-radius:100%;background:#8c4f13;background:-webkit-gradient(linear,left top,right top,color-stop(44%,#8c4f13),color-stop(51%,#8c4f13),to(#5f3001));background:linear-gradient(90deg,#8c4f13 44%,#8c4f13 51%,#5f3001);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#8c4f13",endColorstr="#5f3001",GradientType=1);z-index:1;top:5px;left:20px;overflow:visible;-webkit-transform:rotate(20deg);transform:rotate(20deg);&[data-v-30ea1ea0]:after{content:"";display:block;right:49px;width:0;height:0;border-right:54px solid #8c4f13;border-top:32px solid transparent;border-bottom:32px solid transparent;border-radius:64px}}#slug[data-v-30ea1ea0]{width:170px;bottom:0;right:0;border-radius:0 15px 5px 0;-webkit-animation:slugSquish-30ea1ea0 1.25s ease-in-out infinite;animation:slugSquish-30ea1ea0 1.25s ease-in-out infinite;&[data-v-30ea1ea0]:before{content:".";font-size:50px;line-height:0;color:transparent;text-shadow:-7px -12px 0 #b7df2d,-1px -7px 0 #b7df2d;display:block;width:2px;right:10px;top:-25px;-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-box-shadow:6px 5px 0 green;box-shadow:6px 5px 0 green}&[data-v-30ea1ea0]:after{content:"";display:block;bottom:0;left:-100px;height:0;width:0;border-left:100px solid transparent;border-bottom:40px solid green}}}#slime[data-v-30ea1ea0]{background:-webkit-gradient(linear,left top,right top,from(rgba(183,223,45,0)),to(#b7df2d));background:linear-gradient(90deg,rgba(183,223,45,0) 0,#b7df2d);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b7df2d",endColorstr="#b7df2d",GradientType=1);top:172px}@-webkit-keyframes snailCrawl-30ea1ea0{0%{left:-120px}to{left:calc(100% + 120px)}}@keyframes snailCrawl-30ea1ea0{0%{left:-120px}to{left:calc(100% + 120px)}}@-webkit-keyframes slimeSpread-30ea1ea0{0%{left:-50%;opacity:.5}95%{opacity:.5}to{left:calc(50% + 240px);opacity:0}}@keyframes slimeSpread-30ea1ea0{0%{left:-50%;opacity:.5}95%{opacity:.5}to{left:calc(50% + 240px);opacity:0}}@-webkit-keyframes slugSquish-30ea1ea0{0%{width:50px;right:-5px}50%{width:40px;right:0}to{width:50px;right:-5px}}@keyframes slugSquish-30ea1ea0{0%{width:50px;right:-5px}50%{width:40px;right:0}to{width:50px;right:-5px}}#snail[data-v-30ea1ea0]{height:75px;width:120px;position:absolute;z-index:1;top:700px;left:-120px;-webkit-animation:snailCrawl-30ea1ea0 25s linear infinite;animation:snailCrawl-30ea1ea0 25s linear infinite}#slime[data-v-30ea1ea0]{height:5px;width:50%;position:absolute;z-index:0;top:777px;left:-50%;-webkit-animation:slimeSpread-30ea1ea0 25s linear infinite;animation:slimeSpread-30ea1ea0 25s linear infinite;border-radius:3px}