/* 隐藏状态由 Bootstrap 控制，不要强行 display:flex */
.modal.in {
    display: flex !important;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}

/* dialog 不占满宽度，并且内容居中 */
.modal-dialog {
    margin: 0 !important;
    width: auto;
    max-width: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    box-shadow: none;
}

/* 图片缩放 */
.wechat-img-display {
    max-width: 20vw; 
    max-height: 80vh;
    height: auto;
    display: block;
}