| 1 |
- .login-page[data-v-e0758bd0]{width:1920px;height:1080px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#0a1628,#0d2247 50%,#0a1a3a);overflow:hidden}.login-bg[data-v-e0758bd0]{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 50%,rgba(30,144,255,.08) 0,transparent 60%)}.login-container[data-v-e0758bd0]{position:relative;z-index:1;text-align:center}.login-header[data-v-e0758bd0]{margin-bottom:50px}.login-header h1[data-v-e0758bd0]{font-size:36px;color:#fff;letter-spacing:6px;text-shadow:0 0 20px rgba(30,144,255,.5)}.login-header p[data-v-e0758bd0]{font-size:16px;color:#8cb8e6;margin-top:12px;letter-spacing:4px}.login-form-wrapper[data-v-e0758bd0]{width:420px;padding:40px;background:rgba(13,34,71,.85);border:1px solid rgba(30,144,255,.3);border-radius:8px;backdrop-filter:blur(10px);box-shadow:0 0 40px rgba(30,144,255,.1)}.login-form-wrapper h2[data-v-e0758bd0]{font-size:22px;color:#fff;margin-bottom:30px;letter-spacing:2px}.login-form .el-input__inner[data-v-e0758bd0]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#fff;height:44px}.login-form .el-input__inner[data-v-e0758bd0]::-moz-placeholder{color:hsla(0,0%,100%,.3)}.login-form .el-input__inner[data-v-e0758bd0]::placeholder{color:hsla(0,0%,100%,.3)}.login-form .el-input__inner[data-v-e0758bd0]:focus{border-color:#2196f3}.login-form .el-input__prefix[data-v-e0758bd0]{color:#8cb8e6}.captcha-row[data-v-e0758bd0]{display:flex;gap:12px}.captcha-row .el-input[data-v-e0758bd0]{flex:1}.captcha-row .captcha-img[data-v-e0758bd0]{width:120px;height:44px;line-height:44px;text-align:center;background:rgba(30,144,255,.15);border:1px solid rgba(30,144,255,.3);border-radius:4px;color:#00e5ff;font-size:20px;letter-spacing:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.captcha-row .captcha-img[data-v-e0758bd0]:hover{background:rgba(30,144,255,.25)}.login-btn[data-v-e0758bd0]{width:100%;height:44px;font-size:16px;letter-spacing:6px;background:linear-gradient(90deg,#1565c0,#1e88e5);border:none}.login-btn[data-v-e0758bd0]:hover{background:linear-gradient(90deg,#1e88e5,#42a5f5)}
|
