/* Keep the supplied code intact. Multiply removes its white rectangle visually,
   including antialiased edges, without cropping dots or the green WeChat badge. */
.miniapp-code-image{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}
.miniapp-code-button{display:block;padding:0;border:0;background:transparent;border-radius:0;cursor:zoom-in;flex-shrink:0}
.miniapp-code-button:hover{background:transparent;border:0}
.miniapp-code-kicker{display:inline-block;color:#22665c;font-size:10px;letter-spacing:1px;font-weight:650}
.miniapp-code-save{display:inline-flex;align-items:center;justify-content:center;color:#22665c;font-size:12px;border:1px solid #d4e1d1;border-radius:10px;padding:10px 20px;background:#f3f7ec;text-decoration:none}
#miniappCodeDialog{box-sizing:border-box;width:420px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid #dce6d8;border-radius:24px;background:#fffefa;color:#263936;box-shadow:0 24px 80px #173c3833;font-family:inherit;line-height:1.7}
#miniappCodeDialog::backdrop{background:#173c3866;backdrop-filter:blur(4px)}
.miniapp-code-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}
.miniapp-code-dialog-head h2{margin:4px 0 0;font-size:17px;line-height:1.5}
.miniapp-code-dialog-head button{border:0;background:none;color:#263936;padding:0 6px;font:inherit;font-size:26px;cursor:pointer}
.miniapp-code-frame{box-sizing:border-box;width:282px;max-width:100%;padding:12px;margin:20px auto 12px;background:#f1f5e9;border-radius:24px}
#miniappCodeDialog p{font-size:12px;color:#718078;line-height:1.8;overflow-wrap:anywhere}
.miniapp-code-dialog-caption{text-align:center;margin:0 0 18px}
.miniapp-code-steps{padding:14px 16px;border:1px solid #e1e8db;border-radius:12px;background:#f7f8f0;margin-bottom:16px}
.miniapp-code-steps b{font-size:12px;color:#22665c}.miniapp-code-steps p{margin:4px 0 0}
#miniappCodeDialog .miniapp-code-mobile-note{font-size:10px;margin:12px 0 0}
#miniappCodeDialog .miniapp-code-save{display:flex}
.miniapp-code-button:focus-visible,.miniapp-code-save:focus-visible,.miniapp-code-dialog-head button:focus-visible{outline:3px solid #8ac4b2;outline-offset:4px}
@media(max-width:420px){#miniappCodeDialog{padding:20px}.miniapp-code-dialog-head h2{font-size:16px}.miniapp-code-frame{width:258px}}