._msg{z-index:10001 !important;box-shadow:0 8px 24px rgba(0,0,0,.15),0 4px 8px rgba(0,0,0,.1) !important;border-width:0 !important;font-weight:600 !important;letter-spacing:.8px !important;min-width:320px !important;padding:18px 20px !important}._msg p{font-size:15px !important;font-weight:600 !important}._msg-success{box-shadow:0 8px 24px rgba(103,194,58,.3) !important;background-color:#e1f3d8 !important}._msg-error{box-shadow:0 8px 24px rgba(245,108,108,.3) !important;background-color:#fef0f0 !important}._msg-warn{box-shadow:0 8px 24px rgba(230,162,60,.3) !important;background-color:#fdfce6 !important}._msg-info{box-shadow:0 8px 24px rgba(66,153,225,.3) !important;background-color:#edf2fc !important}.login-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:none;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.login-modal-overlay.active{display:flex}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.login-modal-container{width:900px;max-width:90%;background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideIn .3s ease}@keyframes slideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.login-modal-body{display:grid;grid-template-columns:330px 1fr}.login-modal-left{background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);padding:48px 40px;color:#fff;position:relative;overflow:hidden}.login-modal-left::before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:hsla(0,0%,100%,.05);border-radius:50%}.login-modal-left::after{content:"";position:absolute;bottom:-80px;left:-80px;width:250px;height:250px;background:hsla(0,0%,100%,.03);border-radius:50%}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:48px;position:relative;z-index:1}.login-logo svg{width:36px;height:36px}.login-logo .login-logo-text{font-size:20px;font-weight:bold}.login-left-content{position:relative;z-index:1}.login-left-content .login-left-title{font-size:36px;font-weight:bold;line-height:1.3;margin-bottom:40px}.login-features{list-style:none;margin-bottom:48px}.login-features li{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:15px;opacity:.9}.login-features li svg{width:20px;height:20px;color:teal;flex-shrink:0}.login-footer{position:absolute;bottom:40px;left:40px;right:40px;font-size:13px;opacity:.6}.login-modal-right{padding:30px;position:relative;height:590px}.login-modal-close{position:absolute;top:20px;right:20px;width:32px;height:32px;background-color:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.login-modal-close:hover{background-color:#e5e7eb}.login-modal-close svg{width:16px;height:16px;color:#666}.account-login-btn{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:#f3f4f6;border-radius:8px;font-size:14px;color:#666;cursor:pointer;transition:all .3s ease;border:none}.account-login-btn:hover{background-color:#e5e7eb}.account-login-btn svg{width:16px;height:16px}.login-right-title{text-align:center;margin-bottom:32px}.login-right-title h2{font-size:20px;font-weight:bold;color:#1a1a1a;margin-bottom:8px}.login-right-title .login-right-description{font-size:14px;color:#999}.qr-code-container{max-width:320px;margin:0 auto 32px;background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);padding:24px 40px;border-radius:16px;display:flex;align-items:center;justify-content:center}.qr-code-container .qr-code-card{background-color:#fff;border-radius:12px;padding:24px;text-align:center}.qr-code-container .qr-code-card .qr-code-image{width:160px;height:160px;margin:0 auto 16px;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center}.qr-code-container .qr-code-card .qr-code-image svg{width:80px;height:80px;color:#1a1a1a}.qr-code-container .qr-code-card .wechat-login-btn{padding:8px 20px;background:linear-gradient(135deg, #07c160 0%, #06ad56 100%);color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer}.help-link{text-align:center;margin-bottom:24px}.help-link a{font-size:14px;color:teal;font-weight:500;cursor:pointer}.help-link a:hover{text-decoration:underline}.register-link{text-align:center;margin-bottom:32px}.register-link a{font-size:14px;color:#666;cursor:pointer}.register-link a:hover{color:#1a1a1a}.other-methods-divider{display:flex;align-items:center;gap:16px;margin-bottom:24px;color:#999;font-size:13px}.other-methods-divider::before,.other-methods-divider::after{content:"";flex:1;height:1px;background-color:#e5e7eb}.other-login-methods{display:flex;justify-content:center;gap:12px;margin-bottom:32px}.other-login-methods .other-method-btn{width:48px;height:48px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.other-login-methods .other-method-btn:hover{background-color:#f3f4f6;border-color:#d1d5db}.other-login-methods .other-method-btn svg{width:24px;height:24px;color:#666}.agreement-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#666;line-height:1.5}.agreement-checkbox input[type=checkbox]{margin-top:2px;accent-color:teal}.agreement-checkbox a{color:teal;cursor:pointer}.agreement-checkbox a:hover{text-decoration:underline}.phone-login-section{display:none}.phone-login-section.active{display:block}.phone-login-section .phone-login-form{max-width:360px;margin:0 auto 24px}.phone-login-section .phone-login-form .form-group{margin-bottom:20px}.phone-login-section .phone-login-form .form-group label{display:block;font-size:14px;color:#1a1a1a;margin-bottom:8px;font-weight:500}.phone-login-section .phone-login-form .form-group .input-wrapper{position:relative;display:flex;gap:12px}.phone-login-section .phone-login-form .form-group .input-wrapper input{flex:1;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .3s ease}.phone-login-section .phone-login-form .form-group .input-wrapper input:focus{outline:none;border-color:teal;box-shadow:0 0 0 3px rgba(66,153,225,.1)}.phone-login-section .phone-login-form .form-group .input-wrapper input::placeholder{color:#c0c4cc}.phone-login-section .phone-login-form .form-group .input-wrapper .send-code-btn{padding:12px 16px;background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;white-space:nowrap;transition:all .3s ease}.phone-login-section .phone-login-form .form-group .input-wrapper .send-code-btn:hover{opacity:.9}.phone-login-section .phone-login-form .form-group .input-wrapper .send-code-btn:disabled{background:linear-gradient(135deg, #c0c4cc 0%, #a8abb2 100%) !important;color:#fff !important;cursor:not-allowed !important;opacity:.6 !important}.phone-login-section .phone-login-form .login-submit-btn{width:100%;padding:14px;background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px}.phone-login-section .phone-login-form .login-submit-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(66,153,225,.3)}.phone-login-section .phone-login-form .login-submit-btn:active{transform:translateY(0)}.wechat-qr-section{display:none;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.wechat-qr-section.active{display:block}.wechat-qr-section .wechat-qr-title{text-align:center;margin-bottom:20px}.wechat-qr-section .wechat-qr-title h3{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.wechat-qr-section .wechat-qr-title p{font-size:13px;color:#999}.wechat-qr-section .wechat-qr-container{max-width:200px;margin:0 auto;background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);padding:20px;border-radius:16px}.wechat-qr-section .wechat-qr-container .qr-code-box{background-color:#fff;border-radius:12px;padding:20px;text-align:center}.wechat-qr-section .wechat-qr-container .qr-code-box .qr-placeholder{width:160px;height:160px;margin:0 auto 16px;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center}.wechat-qr-section .wechat-qr-container .qr-code-box .qr-placeholder svg{width:80px;height:80px;color:#1a1a1a}@media(max-width: 768px){.login-modal-body{grid-template-columns:1fr}.login-modal-left{display:none}.login-modal-container{width:100%;max-width:500px}.login-modal-right{padding:24px}.account-login-btn{top:12px;left:12px}.login-modal-close{top:12px;right:12px}}