.qr-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.qr-modal.show{opacity:1;display:flex}.qr-modal-content{background-color:#fff;padding:0;border-radius:12px;text-align:center;position:relative;width:370px;height:449px;box-shadow:0 4px 12px rgba(0,0,0,0.15);display:flex;flex-direction:column}.qr-header{padding:20px;position:relative;text-align:center;height:60px;flex-shrink:0;border-bottom:1px solid #eee}.qr-header-title{font-size:18px;color:#333;font-weight:bold;margin:0}.login-switch{position:absolute;right:0;top:0;display:flex;align-items:center;gap:5px;cursor:pointer;color:#666;font-size:14px}.login-switch svg{width:3em;height:3em;padding:0;margin:0;clip-path:inset(0 50% 0 0)}#accountLoginSvg{clip-path:polygon(90% 0,100% 84%,0 0)}#wechatLoginSvg{clip-path:polygon(90% 0,100% 84%,0 0)}.login-switch:hover{color:#409eff}.qr-body{flex:1;position:relative;overflow:hidden}#qrLoginMode,#phoneLoginMode{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .3s ease;background:#fff;padding:20px}#phoneLoginMode .phone-login-form{padding:0 !important}#qrLoginMode{transform:translateX(0)}#phoneLoginMode{transform:translateX(100%)}#qrLoginMode.inactive{transform:translateX(-100%)}#phoneLoginMode.active{transform:translateX(0)}.qr-image{width:280px;height:280px;margin:0 auto;border:1px solid #eee;padding:10px;border-radius:4px}.qr-footer{padding:15px 30px;border-top:1px solid #eee;position:relative;height:69px;flex-shrink:0;text-align:left}.phone-login-form{width:100%;display:flex;flex-direction:column;gap:20px;padding:0}.form-group{position:relative;width:100%}.form-group .input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#c0c4cc;font-size:14px;z-index:2;pointer-events:none}.form-group input{height:40px;width:100%;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;box-sizing:border-box;background-color:#fff;margin:0;padding:0 12px 0 35px !important}.form-group input:focus{outline:0;border-color:#409eff}.verify-code-group{display:flex;align-items:center;gap:10px;width:100%}.verify-code-group .input-wrapper{flex:1;position:relative}.verify-code-group .input-wrapper .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#c0c4cc;font-size:16px;z-index:2;pointer-events:none}.verify-code-group .input-wrapper input{height:40px;padding:0 10px 0 40px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;box-sizing:border-box;width:100%;background-color:#fff;margin:0}.verify-code-group .input-wrapper input:focus{outline:0;border-color:#409eff}.login-btn{height:50px;padding:0 20px;font-size:16px;border:0;background-color:#409eff;color:#fff;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.verify-code-img{width:100px;height:40px;border:1px solid #ddd;border-radius:4px;cursor:pointer}.verify-code-img:hover{border-color:#409eff}.qr-footer-agreement{display:block;text-align:center}.qr-footer-links{display:flex !important;flex-direction:row !important;justify-content:space-between !important;align-items:center !important;width:100% !important;box-sizing:border-box;margin:0;padding:0}.qr-footer-link{font-size:14px;color:#409eff;text-decoration:none;cursor:pointer;transition:color .3s ease;white-space:nowrap;display:block}.qr-footer-link:first-of-type{margin-right:auto}.qr-footer-link:last-of-type{margin-left:auto}.qr-footer-link:hover{color:#66b1ff;text-decoration:underline}.qr-agreement{font-size:12px;color:#999;margin:0;line-height:1.5}.qr-agreement a{color:#409eff;text-decoration:none}.qr-agreement a:hover{text-decoration:underline}.qr-close{position:absolute;left:50%;transform:translateX(-50%);bottom:-40px;width:36px;height:36px;line-height:36px;text-align:center;font-size:24px;color:#fff;cursor:pointer;background:0;border:0;opacity:.8;transition:opacity .3s}.qr-close:hover{opacity:1}.qr-expired-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.9);display:none;flex-direction:column;justify-content:center;align-items:center;z-index:10;border-radius:4px}.qr-expired-overlay.show{display:flex}.qr-expired-content{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:transform .2s ease}.qr-expired-content:hover{transform:scale(1.05)}.qr-refresh-icon{width:48px;height:48px;color:#409eff;cursor:pointer;transition:transform .3s ease}.qr-refresh-icon:hover{transform:rotate(180deg)}.qr-expired-text{font-size:14px;color:#666;margin:0;text-align:center}