.layui-layer.chat-image-layer{border:1px solid #dce4ea;border-radius:12px;overflow:hidden;box-shadow:0 16px 50px #23374755}
.layui-layer.chat-image-layer .layui-layer-content{height:100%!important;padding:0!important;overflow:hidden}
.chat-image-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#0b1220b3;z-index:2147483600}
.chat-image-viewer{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;overflow:hidden;background:#edf1f5;color:#233747;border-radius:10px;font:13px/1.5 "Microsoft YaHei","PingFang SC",sans-serif}
.chat-image-viewer *{box-sizing:border-box}
.chat-image-heading{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:12px 16px;background:#fff;border-bottom:1px solid #dce4ea}
.chat-image-heading strong{white-space:nowrap;font-size:15px}
.chat-image-heading [data-image-name]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#66798a}
.chat-image-viewer button{border:1px solid #d4dee8;border-radius:6px;background:#fff;color:#355572;padding:6px 10px;font:inherit;white-space:nowrap;cursor:pointer}
.chat-image-heading button{font-size:22px;line-height:24px;padding:0;width:30px;height:30px}
.chat-image-viewer button:hover:not(:disabled){background:#e5eef9;border-color:#8fabce}
.chat-image-viewer button:disabled{opacity:.4;cursor:not-allowed}
.chat-image-viewer button:focus-visible,.chat-image-stage:focus-visible{outline:2px solid #2366b5;outline-offset:-2px}
.chat-image-tools{display:flex;align-items:center;flex-wrap:wrap;gap:7px;flex-shrink:0;padding:10px 16px;border-bottom:1px solid #dce4ea;background:#f7f9fb}
.chat-image-tools [data-image-counter],.chat-image-tools [data-image-scale]{min-width:48px;text-align:center;font-variant-numeric:tabular-nums}
.chat-image-tools-space{flex:1}
.chat-image-stage{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scroll-behavior:auto}
.chat-image-canvas{display:flex;width:max-content;min-width:100%;min-height:100%;align-items:center;justify-content:center;padding:16px}
.chat-image-canvas img{display:block;flex:none;max-width:none;max-height:none;object-fit:contain;cursor:zoom-in}
.chat-image-canvas img[hidden]{display:none}
.chat-image-status{flex-shrink:0;min-height:30px;margin:0;padding:6px 12px;background:#f7f9fb;border-top:1px solid #dce4ea;color:#66798a;text-align:center;font-size:12px}
@media(max-width:560px){.chat-image-heading{padding:10px}.chat-image-tools{padding:8px;gap:5px}.chat-image-tools button{padding:5px 7px}.chat-image-tools-space{flex-basis:100%;height:0}.chat-image-status{font-size:11px}}