html,body,#root{margin:0;padding:0;height:100%}.login-wrap{position:fixed;top:0;right:0;bottom:0;left:0;display:flex}.login-left{flex:1.15;position:relative;overflow:hidden;background:linear-gradient(135deg,#5e1512,#8c2b22 45%,#b14233);color:#fdf3e7;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-left:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.12),transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.08),transparent 45%)}.login-brand{position:relative;z-index:2;text-align:center}.login-brand img{height:168px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}.login-cn{font-size:30px;font-weight:800;letter-spacing:6px;margin-top:14px}.login-en{font-size:13px;letter-spacing:6px;opacity:.8;margin-top:4px}.login-tags{position:relative;z-index:2;margin-top:26px;display:flex;gap:14px}.login-tags span{border:1px solid rgba(253,243,231,.5);border-radius:999px;padding:6px 16px;font-size:13px;letter-spacing:2px}.float-ico{position:absolute;z-index:1;opacity:.22;-webkit-user-select:none;user-select:none;animation:floatY 7s ease-in-out infinite}@keyframes floatY{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-26px) rotate(4deg)}}.login-right{width:460px;max-width:46vw;display:flex;align-items:center;justify-content:center;background:#fff}.login-box{width:340px}@media (max-width: 820px){.login-left{display:none}.login-right{width:100%;max-width:100%}}