/* Apply for membership mini program dialog */
.rights-qr-modal { position: fixed; inset: 0; z-index: 1200; display: flex; align-items: center; justify-content: center; padding: 16px; }
.rights-qr-modal[hidden] { display: none; }
.rights-qr-mask { position: absolute; inset: 0; background: rgba(8, 20, 45, .55); }
.rights-qr-dialog { position: relative; width: min(500px, 92vw); padding: 34px 30px 42px; border-radius: 16px; background: #fff; text-align: center; box-shadow: 0 18px 50px rgba(8, 20, 45, .22); }
.rights-qr-dialog h3 { margin: 0 0 8px; color: #222; font-size: 20px; font-weight: 700; }
.rights-qr-dialog p { margin: 0 0 20px; color: #666; font-size: 14px; }
.rights-qr-close { position: absolute; top: 12px; right: 16px; width: 32px; height: 32px; border: 0; background: transparent; color: #999; font-size: 26px; line-height: 1; cursor: pointer; }
.rights-qr-close:hover { color: #333; }
.rights-qr-code { display: flex; align-items: center; justify-content: center; width: 300px; height: 300px; margin: 0 auto; padding: 12px; border: 1px solid #e1e4ea; border-radius: 12px; color: #888; font-size: 14px; }
.rights-qr-code img { width: 100%; height: 100%; object-fit: contain; }

@media (max-width: 480px) { .rights-qr-code { width: min(260px, 70vw); height: min(260px, 70vw); } }