.c-qrcode-login{--el-color-primary:#fe628e;--el-border-radius-base:8px}.c-qrcode-login .login-header{color:#000;font-size:18px;font-weight:700;position:relative;top:-25px;width:50%;z-index:1}.c-qrcode-login .qrcode-upload-area{margin:20px 0}.c-qrcode-login .upload-box{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:hover:not(.has-image){background:#fe7e9a0d;border-color:#fe628e}.c-qrcode-login .upload-box.has-image{border-color:#ccc;border-style:solid;cursor:default}.c-qrcode-login .upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 20px}.c-qrcode-login .upload-placeholder .upload-icon{align-items:center;color:#999;display:flex;height:64px;justify-content:center;width:64px}.c-qrcode-login .upload-placeholder .upload-text{color:#666;font-size:14px;margin:0;text-align:center}.c-qrcode-login .qrcode-preview{align-items:center;display:flex;height:100%;justify-content:center;padding:20px;position:relative;width:100%}.c-qrcode-login .qrcode-preview .qrcode-image{border-radius:4px;max-height:260px;max-width:100%;-o-object-fit:contain;object-fit:contain}.c-qrcode-login .qrcode-preview .image-overlay{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:hover{opacity:1}.c-qrcode-login .qrcode-preview .image-overlay .change-image-btn{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:hover{background:#f5f5f5;transform:scale(1.05)}.c-qrcode-login .login-button-item{margin:24px auto 8px}.c-qrcode-login .login-button-item .login-button{background:#fe628e;color:#fff;flex:auto}.c-qrcode-login .login-footer{margin-top:16px;text-align:center}.c-qrcode-login .el-button{--el-button-hover-link-text-color:#fe628e;--el-button-hover-bg-color:#fe7e9a;--el-button-hover-border-color:#fe7e9a;--el-button-font-weight:normal}