[data-v-1a86ba3e]{margin:0;padding:0}.body-bg[data-v-1a86ba3e]{height:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(200deg,#1d1c1c,#e3eeff)}.container[data-v-1a86ba3e]{background-color:#fff;width:100%;max-width:400px;height:50%;border-radius:5px;box-shadow:5px 5px 5px rgba(0,0,0,.1);position:relative;margin:auto;top:0;left:0;right:0}.form-box[data-v-1a86ba3e]{position:absolute;top:-5%;background-color:#4f4e50;width:90%;height:110%;border-radius:2%;box-shadow:2px 0 10px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;z-index:2;transition:.5s ease-in-out}.login-box[data-v-1a86ba3e],.register-box[data-v-1a86ba3e]{display:flex;flex-direction:column;align-items:center;width:100%}h1[data-v-1a86ba3e]{text-align:center;margin-bottom:25px;text-transform:uppercase;color:#fff;letter-spacing:5px}input[data-v-1a86ba3e]{background-color:transparent;width:70%;color:#fff;border:none;border-bottom:1px solid hsla(0,0%,100%,.4);padding:10px 0;text-indent:10px;margin:8px 0;font-size:14px;letter-spacing:2px}input[data-v-1a86ba3e]::-moz-placeholder{color:#fff}input[data-v-1a86ba3e]::placeholder{color:#fff}input[data-v-1a86ba3e]:focus{color:#312f31;outline:none;border-bottom:1px solid rgba(46,46,46,.5019607843137255);transition:.5s}input[data-v-1a86ba3e]:focus::-moz-placeholder{opacity:0}input[data-v-1a86ba3e]:focus::placeholder{opacity:0}.form-box el-button[data-v-1a86ba3e]{width:70%;margin-top:35px;background-color:#f6f6f6;outline:none;border-radius:8px;padding:13px;color:#242424;letter-spacing:2px;border:none;cursor:pointer}.form-box button[data-v-1a86ba3e]:hover{background-color:#302f30;color:#f6f6f6;transition:background-color .5s ease}.beian-info[data-v-1a86ba3e]{position:fixed;bottom:20px;left:0;right:0;text-align:center}.beian-info a[data-v-1a86ba3e]{color:#666;text-decoration:none;font-size:14px;transition:color .3s ease}.beian-info a[data-v-1a86ba3e]:hover{color:#409eff}