| 1 |
- .login-page[data-v-7620aba5]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#08061a;position:relative;overflow:hidden}.login-bg[data-v-7620aba5]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.bg-grid[data-v-7620aba5]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(58,212,216,.06) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(43,31,153,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(43,31,153,.08) 0%,transparent 70%)}.bg-grid[data-v-7620aba5]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:60px 60px}.login-card[data-v-7620aba5]{position:relative;width:420px;background:#0c0a23d9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:0;overflow:hidden}.card-brand[data-v-7620aba5]{text-align:center;padding:40px 32px 20px}.brand-logo[data-v-7620aba5]{width:160px;height:80px;object-fit:contain;margin-bottom:12px}.brand-name[data-v-7620aba5]{font-size:32px;font-weight:700;color:#fff;letter-spacing:4px;margin:0}.brand-desc[data-v-7620aba5]{font-size:13px;color:#fff6;margin:8px 0 0;letter-spacing:1px}.card-divider[data-v-7620aba5]{height:1px;background:linear-gradient(90deg,transparent,rgba(58,212,216,.3),transparent);margin:0 32px}.login-form[data-v-7620aba5]{padding:24px 32px 8px}.form-label[data-v-7620aba5]{font-size:13px;color:#ffffff80;margin-bottom:16px;letter-spacing:1px}.custom-input[data-v-7620aba5] .el-input__wrapper{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:none}.custom-input[data-v-7620aba5] .el-input__wrapper:hover{border-color:#3ad4d866}.custom-input[data-v-7620aba5] .el-input__wrapper.is-focus{border-color:#3ad4d8;box-shadow:0 0 0 1px #3ad4d833}.custom-input[data-v-7620aba5] .el-input__inner{color:#fff}.custom-input[data-v-7620aba5] .el-input__inner::placeholder{color:#ffffff40}.login-btn[data-v-7620aba5]{width:100%;height:44px;background:#3ad4d8;border:none;color:#08061a;font-size:15px;font-weight:600;letter-spacing:4px;margin-top:4px}.login-btn[data-v-7620aba5]:hover{background:#2ec4c8}.card-footer[data-v-7620aba5]{text-align:center;padding:12px 32px 32px}.switch-link[data-v-7620aba5]{background:none;border:none;color:#ffffff59;font-size:13px;cursor:pointer;letter-spacing:1px}.switch-link[data-v-7620aba5]:hover{color:#3ad4d8}
|
