.sign-in{display:flex;min-height:100vh;background:#f5f7fa;overflow:hidden;position:relative}.sign-in .login-bg{position:absolute;left:0;top:0;width:100%;height:100%}.sign-in .login-bg .bg-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.sign-in .content-wrapper{position:relative;width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 40px;height:100vh}.sign-in .login-content{flex:1;max-width:480px;padding-right:60px}.sign-in .login-content .title{font-size:36px;font-weight:700;color:#333;margin:0 0 16px;text-shadow:0 2px 4px hsla(0,0%,100%,.5)}.sign-in .login-content .subtitle{font-size:24px;color:#333;margin:0 0 24px;text-shadow:0 2px 4px hsla(0,0%,100%,.5)}.sign-in .login-content .description{font-size:16px;color:#333;line-height:1.6;margin:0 0 16px;text-shadow:0 1px 2px hsla(0,0%,100%,.5);background:hsla(0,0%,100%,.2);padding:8px 0;border-radius:4px}.sign-in .login-content .feature{font-size:16px;color:#333;margin:0 0 32px;text-shadow:0 1px 2px hsla(0,0%,100%,.5)}.sign-in .login-content .register-button{height:44px;font-size:16px;padding:0 40px;background:#4b8bf7;border-color:#4b8bf7;box-shadow:0 4px 12px rgba(75,139,247,.2)}.sign-in .login-content .register-button:hover{background:#3a7ae2;border-color:#3a7ae2}.sign-in .form-container{width:500px;perspective:1000px;margin-top:-480px}.sign-in .form-container .form-box{position:relative;width:100%;transform-style:preserve-3d;transition:transform .8s}.sign-in .form-container .form-box.is-flipped{transform:rotateY(180deg)}.sign-in .form-container .form-face{position:absolute;width:100%;backface-visibility:hidden;background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.sign-in .form-container .form-face .login-form-box,.sign-in .form-container .form-face .register-form-box{width:100%;max-width:400px;margin:0 auto}.sign-in .form-container .form-front{transform:rotateY(0deg)}.sign-in .form-container .form-back{transform:rotateY(180deg)}.sign-in .login-header,.sign-in .register-header{text-align:center;margin-bottom:30px}.sign-in .login-header h1,.sign-in .register-header h1{font-size:24px;color:#333;margin:0}.sign-in .login-form .ant-form-item,.sign-in .register-form .ant-form-item{margin-bottom:24px}.sign-in .login-form .ant-input,.sign-in .register-form .ant-input{height:40px;border-radius:4px;background:hsla(0,0%,100%,.9)}.sign-in .login-form .ant-form-item-label>label,.sign-in .register-form .ant-form-item-label>label{color:#333;font-size:14px}.sign-in .login-form-forgot{text-align:right;margin:-12px 0 16px}.sign-in .login-form-forgot a{color:#4b8bf7}.sign-in .login-form-button{height:40px;border-radius:4px;background:#4b8bf7;border-color:#4b8bf7;font-size:16px;margin-top:24px}.sign-in .login-form-button:hover{background:#3a7ae2;border-color:#3a7ae2}.sign-in .login-form-footer{text-align:center;margin-top:24px;color:#666}.sign-in .login-form-footer a{color:#4b8bf7}.sign-in .verify-code-input{display:flex;gap:12px}.sign-in .verify-code-input .ant-input-affix-wrapper{flex:1}.sign-in .verify-code-input .send-code-btn{width:120px;white-space:nowrap}@media(max-width:1200px){.sign-in .content-wrapper{max-width:960px}}@media(max-width:992px){.sign-in .content-wrapper{max-width:720px;padding:0 20px}.sign-in .login-content{padding-right:40px}.sign-in .form-container{width:440px}.sign-in .form-container .form-face{padding:30px}}@media(max-width:768px){.sign-in .content-wrapper{flex-direction:column;justify-content:center;padding:20px}.sign-in .login-content{padding-right:0;padding-bottom:30px;text-align:center}.sign-in .form-container{width:100%;max-width:440px;margin-top:0}.sign-in .form-container .form-face{position:relative;padding:20px}}#captcha-mask{display:flex;z-index:99;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.53);justify-content:center;align-items:center}