.login2{width:100%;height:100%;position:relative;display:flex;flex-direction:column;background:linear-gradient(135deg,#0a1628,#0d2144 40%,#0a3060 70%,#0d1f3c);overflow:hidden}.login2 .canvas-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.login2-header{position:relative;z-index:10;padding:20px 40px;border-bottom:1px solid hsla(0,0%,100%,.08);background:rgba(0,0,0,.15);backdrop-filter:blur(4px)}.login2-header .header-inner{display:flex;align-items:center;gap:10px}.login2-header .header-inner .system-name{font-size:20px;font-weight:600;color:#fff;letter-spacing:2px}.login2-body{flex:1;position:relative;z-index:10;display:flex;align-items:center;justify-content:center}.login2-card{display:flex;width:820px;min-height:420px;border-radius:16px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.06)}.login2-card .card-left{width:320px;background:linear-gradient(160deg,#1a6fc4,#0d4fa0 50%,#083880);display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden}.login2-card .card-left:before{width:300px;height:300px;top:-80px;right:-80px}.login2-card .card-left:after,.login2-card .card-left:before{content:"";position:absolute;border-radius:50%;background:hsla(0,0%,100%,.04)}.login2-card .card-left:after{width:200px;height:200px;bottom:-60px;left:-60px}.login2-card .card-left .card-left-content{text-align:center;position:relative;z-index:1}.login2-card .card-left .card-left-content h2{color:#fff;font-size:26px;font-weight:700;margin:20px 0 8px;letter-spacing:3px}.login2-card .card-left .card-left-content p{color:hsla(0,0%,100%,.75);font-size:14px;letter-spacing:2px;margin:0}.login2-card .card-left .card-left-content .divider{width:40px;height:2px;background:hsla(0,0%,100%,.4);margin:18px auto;border-radius:2px}.login2-card .card-left .card-left-content .sub-text{font-size:12px;color:hsla(0,0%,100%,.55);letter-spacing:1px}.login2-card .card-right{flex:1;background:#fff;display:flex;align-items:center;justify-content:center;padding:50px 50px}.login2-card .card-right .form-wrap{width:100%}.login2-card .card-right .form-wrap .form-title{font-size:22px;font-weight:600;color:#1a2a3a;margin-bottom:32px;letter-spacing:1px}.login2-card .card-right .form-wrap .form-title:after{content:"";display:block;width:36px;height:3px;background:linear-gradient(90deg,#2d8cf0,#5cadff);border-radius:2px;margin-top:8px}.login2-card .card-right .form-wrap .login-btn{height:44px;font-size:16px;letter-spacing:4px;background:linear-gradient(90deg,#1a6fc4,#2d8cf0);border:none;border-radius:6px;transition:all .3s}.login2-card .card-right .form-wrap .login-btn:hover{background:linear-gradient(90deg,#155da0,#1a7fe0);box-shadow:0 4px 16px rgba(45,140,240,.45);transform:translateY(-1px)}.login2-card .card-right .form-wrap .login-tip{font-size:12px;color:#aaa;text-align:center;margin-top:12px}.login2-card .card-right .form-wrap .login-tip .ivu-icon{margin-right:4px}.login2-footer{position:relative;z-index:10;text-align:center;padding:16px;color:hsla(0,0%,100%,.3);font-size:12px;letter-spacing:1px}