.image-grid[data-v-2f7df234]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:16px 0 50px 0}.image-item[data-v-2f7df234]{border:1px solid #e8e8e8;border-radius:4px;overflow:hidden;-webkit-transition:all .3s;transition:all .3s}.image-item[data-v-2f7df234]:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.image-wrapper[data-v-2f7df234]{position:relative;width:100%;height:200px;overflow:hidden;background-color:#f5f5f5}.image-wrapper:hover .image-overlay[data-v-2f7df234]{opacity:1}.image-thumb[data-v-2f7df234]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.image-thumb[data-v-2f7df234]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.image-overlay[data-v-2f7df234]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.image-info[data-v-2f7df234]{padding:8px;background:#fff;border-top:1px solid #e8e8e8}.image-filename[data-v-2f7df234]{font-size:12px;color:#666;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-control[data-v-2f7df234]{margin-top:24px;text-align:right;border-top:1px solid #e8e8e8;padding-top:16px;padding-bottom:8px}