/* 登录页 · 企业微信扫码区块样式（v4.37.14 起只保留二维码相关，整体布局在 index.html 的登录页样式里）
   ⚠️ .wecom-qr-box 的「正方形 + iframe 铺满」不要改：企微 WwLogin 的 iframe 内部按容器尺寸排版，
      改尺寸会导致二维码被裁（历史上踩过）。下面 --fallback 的位移也只平移不缩放。 */
.password-login-form[hidden],.login-qr-retry[hidden]{display:none!important}

.wecom-qr-box{display:grid;place-items:center;width:min(300px,100%);aspect-ratio:1/1;height:auto;margin:0 auto;border:1px solid rgba(8,127,91,.16);border-radius:26px;background:#fff;overflow:hidden;box-shadow:0 14px 30px rgba(8,127,91,.14),0 2px 6px rgba(23,53,45,.06)}
.wecom-qr-box iframe{display:block;width:100%!important;height:100%!important;max-width:none;max-height:none;border:0}
/* 本地 HTTP 不会加载企微 href 样式：官方旧版 iframe 的二维码默认靠左，
   只平移 iframe 内容，不改变二维码底板尺寸，避免再次裁剪扫码区域。 */
.wecom-qr-box.wecom-qr-box--fallback iframe{transform:translateX(12.5%)}
.login-qr-status{min-height:18px;margin-top:20px;color:#5B6F63;font-size:11.5px;line-height:1.5;text-align:center}
.login-qr-status.error{color:#B42318}
/* 按需加载时这颗按钮就是扫码卡的主操作（密码登录可用时不会自动去拉腾讯 iframe），
   所以按"主按钮"的规格做，别当小胶囊；加载失败后它变成「重新加载二维码」，样式一致复用。 */
.login-qr-retry{width:100%;min-height:46px;margin-top:12px;padding:11px 16px;border:0;border-radius:13px;
  background:linear-gradient(135deg,#08431F 0%,#0B7A50 100%);color:#fff;font:inherit;font-size:14.5px;font-weight:800;letter-spacing:2px;
  cursor:pointer;touch-action:manipulation;box-shadow:0 10px 24px rgba(4,54,32,.28);transition:filter .15s ease,box-shadow .15s ease,transform .15s ease}
.login-qr-retry:hover{filter:brightness(1.08);box-shadow:0 14px 30px rgba(4,54,32,.36)}
.login-qr-retry:active{transform:translateY(1px)}
.login-qr-retry:focus-visible{outline:3px solid rgba(11,162,155,.35);outline-offset:3px}

@media(max-width:480px){
  .wecom-qr-box{width:min(280px,100%);border-radius:20px}
}