.h5-image-preview[data-v-866afc27]{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:16px;background:#000000e0}.h5-image-preview__dialog[data-v-866afc27]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,430px);height:min(100%,720px);gap:12px;color:#fff}.h5-image-preview__footer[data-v-866afc27],.h5-image-preview__top[data-v-866afc27]{display:flex;align-items:center;justify-content:space-between;gap:12px}.h5-image-preview__top strong[data-v-866afc27]{overflow:hidden;font-size:14px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.h5-image-preview__top button[data-v-866afc27]{display:inline-flex;width:40px;height:40px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:999px;background:#ffffff24;color:#fff;font-size:28px;line-height:1}.h5-image-preview__stage[data-v-866afc27]{position:relative;display:grid;min-height:0;place-items:center}.h5-image-preview__stage img[data-v-866afc27]{max-width:100%;max-height:100%;border-radius:8px;-o-object-fit:contain;object-fit:contain}.h5-image-preview__nav[data-v-866afc27]{position:absolute;top:50%;z-index:1;display:inline-flex;width:40px;height:48px;align-items:center;justify-content:center;transform:translateY(-50%);border-radius:999px;background:#11182794;color:#fff;font-size:34px;line-height:1}.h5-image-preview__nav--prev[data-v-866afc27]{left:0}.h5-image-preview__nav--next[data-v-866afc27]{right:0}.h5-image-preview__footer[data-v-866afc27]{align-items:flex-start}.h5-image-preview__footer span[data-v-866afc27]{flex:0 0 auto;border-radius:999px;padding:6px 10px;background:#ffffff24;font-size:12px;font-weight:900}.h5-image-preview__footer p[data-v-866afc27]{min-width:0;margin:0;color:#ffffffc7;font-size:12px;font-weight:700;line-height:1.55;text-align:right}