.login{display:flex;min-height:100vh}.login-brand{position:relative;flex:1 1 56%;min-width:0;overflow:hidden;background:linear-gradient(150deg,#1d1b1a,#262220 45%,#33291f);color:#f5f0ec;display:flex;align-items:center}.login-brand:before{content:"";position:absolute;top:-18%;right:-12%;width:62%;padding-bottom:62%;border-radius:50%;background:radial-gradient(circle,#e8590c57,#e8590c00 68%)}.login-brand:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse 78% 68% at 68% 32%,#000 0%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 78% 68% at 68% 32%,#000 0%,transparent 78%)}.brand-inner{position:relative;z-index:1;padding:0 clamp(40px,6vw,88px);max-width:620px}.brand-logo{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;letter-spacing:.5px;margin-bottom:clamp(28px,5vh,56px);animation:rise .6s ease both}.brand-logo svg{width:30px;height:30px;color:#ff8c42}.brand-title{font-size:clamp(32px,4vw,46px);font-weight:700;line-height:1.24;letter-spacing:.5px;margin:0 0 14px;animation:rise .6s .08s ease both}.brand-desc{font-size:15px;line-height:1.8;color:#f5f0ec9e;margin:0 0 clamp(32px,5vh,52px);animation:rise .6s .16s ease both}.brand-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}.brand-features li{display:flex;align-items:flex-start;gap:14px;animation:rise .6s ease both}.brand-features li:nth-child(1){animation-delay:.24s}.brand-features li:nth-child(2){animation-delay:.32s}.brand-features li:nth-child(3){animation-delay:.4s}.brand-features .anticon{flex:none;margin-top:3px;font-size:17px;color:#ff8c42}.brand-features .anticon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#ff8c4221}.brand-features b{display:block;font-size:14.5px;font-weight:600;margin-bottom:3px}.brand-features span{font-size:13px;color:#f5f0ec80;line-height:1.6}.brand-foot{margin-top:clamp(36px,6vh,64px);font-size:12.5px;color:#f5f0ec4d;animation:rise .6s .48s ease both}.login-form{flex:1 1 44%;min-width:0;background:#fbfaf9;display:flex;align-items:center;justify-content:center;padding:32px}.form-inner{width:100%;max-width:360px;animation:rise .6s .12s ease both}.form-badge{display:inline-block;font-size:12px;letter-spacing:1.5px;color:#c2410c;background:#e8590c1a;border:1px solid rgba(232,89,12,.22);border-radius:999px;padding:4px 12px;margin-bottom:18px}.form-title{font-size:26px;font-weight:650;margin:0 0 6px;color:#1c1917}.form-sub{font-size:13.5px;color:#8a837e;margin:0 0 30px}.form-note{margin-top:22px;font-size:12px;line-height:1.7;color:#a8a29e;text-align:center}.form-error{display:flex;align-items:center;gap:8px;margin-bottom:18px;padding:9px 12px;border-radius:8px;background:#fff1f0;border:1px solid #ffccc7;color:#cf1322;font-size:13px;line-height:1.5}.form-error .dot{flex:none;width:6px;height:6px;border-radius:50%;background:#cf1322}.login-form .ant-input-affix-wrapper{height:44px;border-radius:9px;border-color:#e3dedb;background:#fff;transition:border-color .2s,box-shadow .2s}.login-form .ant-input-affix-wrapper:hover{border-color:#d6a184}.login-form .ant-input-affix-wrapper-focused{border-color:#e8590c;box-shadow:0 0 0 3px #e8590c1a}.login-form .ant-input-affix-wrapper input{font-size:14.5px}.login-form .ant-btn-primary{height:44px;font-size:15px;font-weight:500;border-radius:9px;box-shadow:0 6px 16px #e8590c3d;transition:transform .15s,box-shadow .2s}.login-form .ant-btn-primary:active{transform:translateY(1px)}.login-form .ant-form-item-label>label{font-size:13px;color:#57534e}@media (max-width: 900px){.login-brand{display:none}.login-form{flex:1 1 100%}}@media (max-height: 620px){.brand-foot{display:none}.brand-logo{margin-bottom:20px}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.brand-logo,.brand-title,.brand-desc,.brand-features li,.brand-foot,.form-inner{animation:none}}html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;background:#f5f5f5}
