.c-qrcode-login[data-v-657fabef]{--el-color-primary:#fe628e;--el-border-radius-base:8px}.c-qrcode-login .login-header[data-v-657fabef]{color:#000;font-size:18px;font-weight:700;position:relative;top:-25px;width:50%;z-index:1}.c-qrcode-login .qrcode-upload-area[data-v-657fabef]{margin:20px 0}.c-qrcode-login .upload-box[data-v-657fabef]{align-items:center;background:#fff;border:2px dashed #ccc;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:300px;overflow:hidden;position:relative;transition:all .3s;width:100%}.c-qrcode-login .upload-box[data-v-657fabef]:hover:not(.has-image){background:#fe7e9a0d;border-color:#fe628e}.c-qrcode-login .upload-box.has-image[data-v-657fabef]{border-color:#ccc;border-style:solid;cursor:default}.c-qrcode-login .upload-placeholder[data-v-657fabef]{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 20px}.c-qrcode-login .upload-placeholder .upload-icon[data-v-657fabef]{align-items:center;color:#999;display:flex;height:64px;justify-content:center;width:64px}.c-qrcode-login .upload-placeholder .upload-text[data-v-657fabef]{color:#666;font-size:14px;margin:0;text-align:center}.c-qrcode-login .qrcode-preview[data-v-657fabef]{align-items:center;display:flex;height:100%;justify-content:center;padding:20px;position:relative;width:100%}.c-qrcode-login .qrcode-preview .qrcode-image[data-v-657fabef]{border-radius:4px;max-height:260px;max-width:100%;-o-object-fit:contain;object-fit:contain}.c-qrcode-login .qrcode-preview .image-overlay[data-v-657fabef]{align-items:center;background:#0000004d;display:flex;justify-content:center;inset:0;opacity:0;position:absolute;transition:opacity .3s}.c-qrcode-login .qrcode-preview .image-overlay[data-v-657fabef]:hover{opacity:1}.c-qrcode-login .qrcode-preview .image-overlay .change-image-btn[data-v-657fabef]{background:#fff;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.c-qrcode-login .qrcode-preview .image-overlay .change-image-btn[data-v-657fabef]:hover{background:#f5f5f5;transform:scale(1.05)}.c-qrcode-login .login-button-item[data-v-657fabef]{margin:24px auto 8px}.c-qrcode-login .login-button-item .login-button[data-v-657fabef]{background:#fe628e;color:#fff;flex:auto}.c-qrcode-login .login-footer[data-v-657fabef]{margin-top:16px;text-align:center}.c-qrcode-login .el-button[data-v-657fabef]{--el-button-hover-link-text-color:#fe628e;--el-button-hover-bg-color:#fe7e9a;--el-button-hover-border-color:#fe7e9a;--el-button-font-weight:normal}