.qr-login-display{display:flex;flex-direction:column;align-items:center;width:100%}.qr-login-display .qr-hint{margin:0 0 12px;color:#1a202c;font-size:19px;font-weight:500;line-height:27px;letter-spacing:.2px;text-align:center;white-space:pre-line}.qr-login-display .qr-warning{display:flex;align-items:center;justify-content:center;gap:6px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:4px 16px;margin:0 auto 32px;border-radius:6px;border:1px solid #fae3cb;background:#fff7ef;color:#d85b00;font-size:15px;font-weight:400;letter-spacing:-.12px;line-height:20px;box-sizing:border-box}.qr-login-display .qr-warning .ic-qr-warning{width:16px;height:16px;background:url(/assets/login/ic-warning.svg) 50% no-repeat;background-size:contain;flex-shrink:0}.qr-login-display .qr-warning .ic-no-wechat{display:inline-block;width:18px;height:18px;background:url(/assets/login/ic-no-wechat.svg) 50% no-repeat;background-size:contain;flex-shrink:0}.qr-login-display .qr-code-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;min-width:220px;min-height:220px;padding:20px;border-radius:16px;border:1px solid #e0e2ed;background:#fff;box-sizing:border-box;overflow:hidden}.qr-login-display .qr-code-wrap.is-loading{background:#f8fafc}.qr-login-display .qr-code-wrap.is-scanned{opacity:.55}.qr-login-display .qr-code-wrap .login-qr-code{width:180px;height:180px}.qr-login-display .qr-code-wrap .login-qr-code canvas,.qr-login-display .qr-code-wrap .login-qr-code img{width:180px!important;height:180px!important}.qr-login-display .qr-code-wrap .qr-scan-line{position:absolute;left:50%;top:0;width:188px;height:2px;margin-left:-94px;background:#3963ef;box-shadow:0 0 8px 1px rgba(57,99,239,.55);animation:qr-login-scan-move 2.4s linear infinite;pointer-events:none}.qr-login-display .qr-code-wrap .qr-loading{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.qr-login-display .qr-code-wrap .qr-status-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background:rgba(255,255,255,.94);box-sizing:border-box}.qr-login-display .qr-code-wrap .qr-status-overlay .qr-status-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:12px;border-radius:50%;background:#fff0e6}.qr-login-display .qr-code-wrap .qr-status-overlay .qr-status-icon .ic-qr-expired,.qr-login-display .qr-code-wrap .qr-status-overlay .qr-status-icon .ic-qr-fail{display:block;width:28px;height:28px;background-position:50%;background-repeat:no-repeat;background-size:contain}.qr-login-display .qr-code-wrap .qr-status-overlay .qr-status-icon .ic-qr-fail{background-image:url(/assets/login/ic-qr-fail.svg)}.qr-login-display .qr-code-wrap .qr-status-overlay .qr-status-icon .ic-qr-expired{background-image:url(/assets/login/ic-qr-expired.svg)}.qr-login-display .qr-code-wrap .qr-status-overlay .qr-status-text{margin:0 0 20px;color:#1a202c;font-size:15px;font-weight:500;line-height:22px;text-align:center}.qr-login-display .qr-code-wrap .qr-status-overlay .qr-refresh-btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:#3963ef;padding:10px 20px;color:#fff;font-size:15px;font-weight:500;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(57,99,239,.35)}.qr-login-display .qr-code-wrap .qr-status-overlay .qr-refresh-btn:active,.qr-login-display .qr-code-wrap .qr-status-overlay .qr-refresh-btn:hover{box-shadow:0 0 8px rgba(57,99,239,.8)}@keyframes qr-login-scan-move{0%{top:0;opacity:0}8%{opacity:1}92%{opacity:1}to{top:calc(100% - 2px);opacity:0}}