.official-account-dialog[hidden]{display:none!important}
.official-account-dialog{inset:0;position:fixed;z-index:1120}
.official-account-dialog__backdrop{background:rgba(15,23,42,.62);inset:0;position:absolute}
.official-account-dialog__panel{background:#fff;border-radius:18px;box-shadow:0 24px 80px rgba(15,23,42,.3);left:50%;max-height:calc(100vh - 32px);max-width:430px;overflow:auto;padding:24px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:calc(100% - 28px)}
.official-account-dialog__close{align-items:center;background:#f2f4f7;border:0;border-radius:50%;color:#667085;display:flex;height:34px;justify-content:center;position:absolute;right:12px;top:12px;width:34px}
.official-account-dialog__icon{align-items:center;background:#eaf8ef;border-radius:13px;color:#15803d;display:inline-flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}
.official-account-dialog h2{color:#172033;font-size:1.2rem;font-weight:800;line-height:1.35;margin:12px 28px 5px}
.official-account-dialog__summary{color:#667085;font-size:.84rem;line-height:1.55;margin:0 auto 14px;max-width:350px}
.official-account-qrcode{background:#fff;border:1px solid #dce4ee;border-radius:12px;display:block;height:auto;margin:0 auto;padding:7px;width:190px}
.official-account-dialog__name{color:#172033;display:block;font-size:.9rem;font-weight:800;margin-top:9px}
.official-account-dialog__hint{color:#667085;display:block;font-size:.72rem;font-weight:600;margin-top:2px}
.official-account-dialog__distinction{align-items:flex-start;background:#f5f8fc;border:1px solid #e2e8f0;border-radius:10px;color:#475569;display:grid;font-size:.75rem;font-weight:600;gap:7px;grid-template-columns:18px minmax(0,1fr);line-height:1.5;margin:14px 0;padding:9px 10px;text-align:left}
.official-account-dialog__distinction i{color:#0d6efd;margin-top:1px}
.official-account-dialog__actions{display:flex;justify-content:center}
.official-account-dialog__actions .btn{min-width:120px}
body.official-account-dialog-open{overflow:hidden}
@media(max-width:480px){.official-account-dialog__panel{border-radius:16px;padding:21px 17px 18px}.official-account-qrcode{width:min(184px,62vw)}.official-account-dialog h2{font-size:1.08rem}}