.fourlogin_qrcode_block{text-align:center;margin:0 auto 5%;width:60%;max-height:270px;aspect-ratio:.75;background-color:#f5f5f5;border:solid 1px #9e9e9e}.fourlogin_qrcode_title{font-size:8pt;font-weight:700;padding:10pt}#qrcode img{text-align:center;margin:0 auto;width:clamp(100px,80%,150px);height:auto}#qrcode p{padding-top:30pt;margin:0 auto;width:80%;height:auto}#qr_count{margin-top:10pt;text-align:center;width:100%;height:auto}.progress-ring{position:relative}.progress-ring .label{position:absolute;top:50%;left:50%;transform:translate(-50%,-25%);margin:0;font-size:2.5rem;font-weight:700;color:#212529;user-select:none;pointer-events:none}.progress-ring svg{transform:rotate(-90deg);width:100%;height:100%}.progress-ring circle{fill:none;stroke-width:14;stroke-linecap:round}.progress-ring .track{stroke:#e9ecef}.progress-ring .indicator{stroke:#0d6efd;transition:stroke-dashoffset .1s linear}.fl-qr canvas,.fl-qr img{max-width:95%}