/* Keep the QR code in normal flow so a shortened login form still grows. */
.account-from > .qrcode-html {
    width:100%;
    margin-top:1rem;
}

.account-from .mpweixin-qrcode-popup {
    position:static;
    width:100%;
    height:auto;
    padding:.5rem;
    border-radius:.5rem;
    text-align:center;
}

.account-from .mpweixin-qrcode-popup img {
    display:block;
    width:240px;
    max-width:100%;
    height:auto;
    margin:0 auto;
}

.account-from .mpweixin-qrcode-popup-text {
    margin-top:.75rem;
    color:#566273;
    font-size:.875rem;
    line-height:1.6;
}

/* Only constrain this login popup; leave its external close button visible. */
.ri-popup-body:has(.mpweixin-qrcode-popup) {
    max-width:calc(100vw - 2rem);
}

.ri-popup-content:has(.mpweixin-qrcode-popup) {
    max-height:calc(100vh - 6rem);
    max-height:calc(100dvh - 6rem);
    overflow-y:auto;
    overscroll-behavior:contain;
}