2 lines
2.8 KiB
CSS
2 lines
2.8 KiB
CSS
|
.login-page[data-v-736bd32a]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-container[data-v-736bd32a]{width:100%;max-width:400px;padding:20px;position:relative;z-index:10}.login-card[data-v-736bd32a]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:40px 30px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.login-header[data-v-736bd32a]{text-align:center;margin-bottom:30px}.login-header h2[data-v-736bd32a]{color:#303133;margin-bottom:8px;font-weight:600}.login-header p[data-v-736bd32a]{color:#909399;font-size:14px}.login-form[data-v-736bd32a]{margin-bottom:20px}.form-options[data-v-736bd32a]{display:flex;justify-content:space-between;align-items:center;width:100%}.login-button[data-v-736bd32a]{width:100%;height:44px;font-size:16px;font-weight:600}.login-footer[data-v-736bd32a]{text-align:center;margin-bottom:20px}.login-footer p[data-v-736bd32a]{color:#606266;font-size:14px}.quick-login[data-v-736bd32a]{margin-top:20px}.demo-accounts[data-v-736bd32a]{display:flex;gap:10px;justify-content:center;margin-top:15px}.background-decoration[data-v-736bd32a]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.decoration-circle[data-v-736bd32a]{position:absolute;border-radius:50%;background:#ffffff1a;animation:float-736bd32a 6s ease-in-out infinite}.circle-1[data-v-736bd32a]{width:200px;height:200px;top:10%;left:10%;animation-delay:0s}.circle-2[data-v-736bd32a]{width:150px;height:150px;top:60%;right:10%;animation-delay:2s}.circle-3[data-v-736bd32a]{width:100px;height:100px;bottom:20%;left:20%;animation-delay:4s}@keyframes float-736bd32a{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@media (max-width: 480px){.login-container[data-v-736bd32a]{padding:15px}.login-card[data-v-736bd32a]{padding:30px 20px}.demo-accounts[data-v-736bd32a]{flex-direction:column}.form-options[data-v-736bd32a]{flex-direction:column;gap:10px;align-items:flex-start}}[data-v-736bd32a] .el-input__wrapper,[data-v-736bd32a] .el-button{border-radius:8px}[data-v-736bd32a] .el-divider__text{background-color:#fffffff2;color:#909399}[data-v-736bd32a] .el-input__wrapper:hover,[data-v-736bd32a] .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #409eff inset}.login-button.is-loading[data-v-736bd32a]{pointer-events:none}.login-card[data-v-736bd32a]{animation:slideInUp-736bd32a .6s ease-out}@keyframes slideInUp-736bd32a{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}[data-v-736bd32a] .el-form-item.is-error .el-input__wrapper{box-shadow:0 0 0 1px #f56c6c inset}[data-v-736bd32a] .el-form-item.is-success .el-input__wrapper{box-shadow:0 0 0 1px #67c23a inset}
|