.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.guide-image{padding:0;overflow:hidden;text-align:left;background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--ink)}.guide-image img{display:block;width:100%;height:120px;object-fit:contain;background:#f5f5f2}.guide-image span{display:block;padding:8px;font-size:.8rem}.image-dialog{width:calc(100vw - 32px);max-width:1600px;height:calc(100vh - 32px);max-height:1000px;padding:52px 18px 18px;overflow:hidden}.image-dialog .icon-btn{position:absolute;right:12px;top:9px}.image-dialog h3{position:absolute;left:18px;right:60px;top:17px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-dialog img{display:block;width:100%;height:100%;max-width:none;max-height:none;margin:auto;object-fit:contain}.image-dialog::backdrop{background:#080b07e8}@media(max-width:700px){.image-dialog{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;padding:48px 8px 8px}}
