/* 探索「扫码打开」那一层的样式：前台墙和后台面板共用。
   颜色全走 --qr-* 这几个变量，宿主不定义就是这套白底；前台夜里那份在 View.php 的 DARK 里翻。 */
.mzqr{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:22px}
.mzqr[hidden]{display:none}
.mzqr-bd{position:absolute;inset:0;background:var(--qr-scrim,rgba(34,29,24,.34))}
.mzqr-pn{position:relative;width:min(340px,100%);background:var(--qr-bg,#fff);color:var(--qr-fg,#221d18);
  border-radius:22px;border:1.5px solid var(--qr-line,#eadfcc);
  box-shadow:0 26px 60px var(--qr-shadow,rgba(34,29,24,.18));padding:22px 22px 20px;text-align:center}
html.mzqr-on{overflow:hidden}
.mzqr-t{font:800 18px/1.35 var(--qr-pop,inherit);margin:0 0 2px;overflow-wrap:anywhere}
.mzqr-h{margin:0 0 14px;color:var(--qr-sub,#6f6558);font-size:12.5px}
.mzqr-qr{width:208px;height:208px;margin:0 auto 14px;padding:10px;background:#fff;border-radius:14px;
  border:1.5px solid var(--qr-line,#eadfcc);display:grid;place-items:center;color:#1b1712}
.mzqr-qr svg{width:100%;height:100%;display:block}
/* 这块钉死白底黑码：整层跟着夜里翻色，扫码的相机反而对不上 */
.mzqr-u{margin:0 0 14px;font-family:var(--qr-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);
  font-size:11.5px;color:var(--qr-sub,#6f6558);word-break:break-all;line-height:1.5}
.mzqr-act{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.mzqr-btn{border:1.5px solid var(--qr-fg,#221d18);border-radius:999px;background:var(--qr-bg,#fff);
  color:var(--qr-fg,#221d18);font-size:13px;font-weight:600;padding:8px 15px;text-decoration:none;
  cursor:pointer;transition:.16s;font-family:inherit}
.mzqr-btn:hover{background:var(--qr-fg,#221d18);color:var(--qr-bg,#fff);text-decoration:none}
.mzqr-btn.is-solid{background:var(--qr-fg,#221d18);color:var(--qr-bg,#fff)}
.mzqr-btn.is-solid:hover{background:var(--qr-bg,#fff);color:var(--qr-fg,#221d18)}
.mzqr-x{position:absolute;top:10px;right:10px;width:30px;height:30px;display:grid;place-items:center;
  border:0;border-radius:50%;background:transparent;color:var(--qr-sub,#6f6558);font-size:17px;line-height:1;
  cursor:pointer;font-family:inherit}
.mzqr-x:hover{background:var(--qr-scrim,rgba(34,29,24,.08));color:var(--qr-fg,#221d18)}
.mzqr-w{font-size:12.5px;color:var(--qr-sub,#6f6558);margin:0;line-height:1.7}
@media (max-width:560px){
  .mzqr{padding:14px}
  .mzqr-qr{width:184px;height:184px}
}