2 lines
2.5 KiB
CSS
2 lines
2.5 KiB
CSS
.login-page{min-height:100vh;display:flex;background:#fff}.login-left{flex:1.1;background:linear-gradient(140deg,#f0f5ff,#eef5ff 40%,#f7fbff);padding:56px 64px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-brand{display:flex;align-items:center;gap:10px;z-index:1}.brand-logo-img{width:34px;height:34px;filter:drop-shadow(0 8px 16px rgba(45,107,255,.24))}.brand-name{font-size:20px;font-weight:600;color:#2f3a4f;letter-spacing:-.2px}.login-hero{margin-top:-40px;z-index:1}.hero-title{font-size:42px;font-weight:700;line-height:1.2;color:#1d2b3a;margin-bottom:24px;letter-spacing:-.5px;text-wrap:balance}.hero-accent{color:#1677ff;position:relative}.hero-desc{font-size:16px;line-height:1.8;color:#687489;max-width:440px}.login-left-footer{display:flex;align-items:center;gap:12px;color:#8c97a8;font-size:13px;z-index:1}.footer-divider{width:4px;height:4px;background:#c4ccd7;border-radius:50%}.login-right{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:#fff}.login-container{width:100%;max-width:400px}.login-header{margin-bottom:40px}.login-header h2{font-size:28px!important;font-weight:700!important;color:#1f2a37!important;margin-bottom:8px!important;letter-spacing:-.5px}.login-header span{font-size:15px;color:#6b7280}.login-form .ant-form-item{margin-bottom:20px}.login-form .ant-input-affix-wrapper-lg{padding:10px 16px;border-radius:8px}.captcha-wrapper{display:flex;gap:12px}.captcha-image-btn{padding:0;width:120px;height:46px;flex-shrink:0;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f9fafb}.captcha-image-btn img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}.captcha-image-btn:hover img{opacity:.8}.login-extra{display:flex;justify-content:space-between;align-items:center;margin-top:-4px;margin-bottom:24px}.forgot-password{font-size:14px;color:#1677ff}.login-submit-btn{height:48px;font-size:16px;font-weight:600;border-radius:8px}.login-footer{margin-top:32px;text-align:center;padding:16px;background:#f9fafb;border-radius:12px}.tabular-nums{font-variant-numeric:tabular-nums}@media (max-width: 1024px){.login-left{padding:48px}.hero-title{font-size:36px}}@media (max-width: 900px){.login-left{display:none}.login-right{background:#f3f4f6}.login-container{background:#fff;padding:48px 32px;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}}@media (max-width: 480px){.login-right{padding:20px}.login-container{padding:32px 20px}}
|