2 lines
2.6 KiB
CSS
2 lines
2.6 KiB
CSS
.login-container[data-v-d12e50e6]{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--login-bg-start) 0%,var(--login-bg-end) 100%);position:relative;overflow:hidden}.login-container[data-v-d12e50e6]:before{content:"";position:absolute;width:600px;height:600px;background:#ffffff1a;border-radius:50%;top:-200px;right:-200px}.login-container[data-v-d12e50e6]:after{content:"";position:absolute;width:400px;height:400px;background:#ffffff14;border-radius:50%;bottom:-150px;left:-150px}.login-box[data-v-d12e50e6]{width:400px;padding:40px;background:var(--bg-white);border-radius:var(--border-radius-large);box-shadow:var(--login-box-shadow);position:relative;z-index:1}.login-header[data-v-d12e50e6]{text-align:center;margin-bottom:30px}.login-header h1[data-v-d12e50e6]{font-size:24px;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-form[data-v-d12e50e6]{width:100%}.captcha-container[data-v-d12e50e6]{display:flex;width:100%;gap:12px}.captcha-input[data-v-d12e50e6]{flex:1}.captcha-image-wrapper[data-v-d12e50e6]{position:relative;width:120px;height:40px;border-radius:var(--border-radius-base);overflow:hidden;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-light);display:flex;align-items:center;justify-content:center;transition:all var(--transition-duration) var(--transition-timing)}.captcha-image-wrapper[data-v-d12e50e6]:hover{border-color:var(--primary-color)}.captcha-image-wrapper:hover .refresh-icon[data-v-d12e50e6]{opacity:1}.captcha-image[data-v-d12e50e6]{width:100%;height:100%;object-fit:cover}.captcha-loading[data-v-d12e50e6]{display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.refresh-icon[data-v-d12e50e6]{position:absolute;right:4px;bottom:4px;font-size:14px;color:var(--primary-color);background:#fffc;border-radius:50%;padding:2px;opacity:0;transition:opacity var(--transition-duration) var(--transition-timing)}.login-btn[data-v-d12e50e6]{width:100%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border:none;transition:all var(--transition-duration) var(--transition-timing)}.login-btn[data-v-d12e50e6]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a90d966}[data-v-d12e50e6] .el-input__wrapper{border-radius:var(--border-radius-base)}[data-v-d12e50e6] .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--primary-light) inset}[data-v-d12e50e6] .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--primary-color) inset}
|