.image-modal[data-v-bd4bd746]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:1000}.modal-content[data-v-bd4bd746]{background:#fff;border-radius:8px;max-width:90%;max-height:90%;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3)}.modal-header[data-v-bd4bd746]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.modal-header h3[data-v-bd4bd746]{margin:0;font-size:18px;font-weight:700}.close-btn[data-v-bd4bd746]{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-btn[data-v-bd4bd746]:hover{background-color:#f0f0f0}.modal-body[data-v-bd4bd746]{padding:20px;text-align:center;max-height:calc(90vh - 100px);overflow:auto}.modal-image[data-v-bd4bd746]{max-width:100%;height:auto;border-radius:4px}