/* 二维码弹窗样式 */.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 0.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 遮挡一半图标 */ clip-path: inset(0 50% 0 0);}/* 可选：为特定的SVG添加不同的遮挡效果 */#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 0.3s ease; background: #fff; padding: 20px;}#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;}/* 手机登录表单样式 */.phone-login-form { width: 100%; display: flex; flex-direction: column; gap: 32px; height: 280px;}.form-group { height: auto; /* 调整高度为自动，避免固定高度限制 */ display: flex; align-items: flex-start; /* 让输入框靠左对齐 */}.form-group input { height: 40px; /* 增加输入框的高度 */ padding: 0 10px; /* 增加输入框的内边距 */ width: 100%; /* 让输入框宽度占满父容器 */}/* 新增 login-btn 样式 */.login-btn { height: 50px; /* 设置按钮高度比输入框高 */ padding: 0 20px; /* 增加按钮内边距 */ font-size: 16px; /* 调整字体大小 */ border: none; /* 去除边框 */ background-color: #409EFF; /* 设置背景颜色 */ color: #fff; /* 设置文字颜色 */ border-radius: 4px; /* 设置圆角 */ cursor: pointer; /* 设置鼠标指针样式 */ transition: background-color 0.3s ease; /* 添加背景颜色过渡效果 */}.verify-code-group { display: flex; align-items: center; gap: 10px;}.verify-code-group .input-wrapper { flex: 1; position: relative;}.verify-code-img { width: 100px; height: 40px; border: 1px solid #ddd; border-radius: 4px; cursor: pointer;}.verify-code-img:hover { border-color: #409EFF;}.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: none; border: none; opacity: 0.8; transition: opacity 0.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 0.2s ease;}.qr-expired-content:hover { transform: scale(1.05);}.qr-refresh-icon { width: 48px; height: 48px; color: #409EFF; cursor: pointer; transition: transform 0.3s ease;}.qr-refresh-icon:hover { transform: rotate(180deg);}.qr-expired-text { font-size: 14px; color: #666; margin: 0; text-align: center;}