.image-manager[data-v-1458f96a]{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,sans-serif}.action-bar[data-v-1458f96a]{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:10px 0;border-bottom:1px solid #eee}.upload-btn[data-v-1458f96a]{background:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px}.search-box[data-v-1458f96a]{flex:1;position:relative}.search-box input[data-v-1458f96a]{width:100%;padding:8px 30px 8px 10px;border:1px solid #ddd;border-radius:4px}.search-box i[data-v-1458f96a]{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#777}.view-mode[data-v-1458f96a]{display:flex;gap:5px}.view-mode button[data-v-1458f96a]{background:none;border:1px solid #ddd;padding:5px 10px;border-radius:4px;cursor:pointer}.view-mode button.active[data-v-1458f96a]{background:#f0f0f0}.upload-panel[data-v-1458f96a]{border:1px dashed #ccc;border-radius:8px;padding:20px;margin-bottom:20px;background:#f9f9f9}.upload-area[data-v-1458f96a]{border:2px dashed #aaa;border-radius:6px;padding:40px;text-align:center;cursor:pointer;margin-bottom:20px;position:relative}.upload-area input[data-v-1458f96a]{position:absolute;width:100%;height:100%;opacity:0;top:0;left:0;cursor:pointer}.upload-preview[data-v-1458f96a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:20px}.preview-item[data-v-1458f96a]{position:relative;border:1px solid #eee;border-radius:4px;overflow:hidden}.preview-item img[data-v-1458f96a]{width:100%;height:80px;-o-object-fit:cover;object-fit:cover}.preview-item span[data-v-1458f96a]{display:block;padding:5px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-item button[data-v-1458f96a]{position:absolute;top:2px;right:2px;background:rgba(0,0,0,.5);color:#fff;border:none;width:20px;height:20px;border-radius:50%;cursor:pointer}.upload-actions[data-v-1458f96a]{display:flex;justify-content:flex-end;gap:10px}.upload-actions button[data-v-1458f96a]{padding:8px 16px;border-radius:4px;cursor:pointer}.upload-actions button[data-v-1458f96a]:first-child{background:#f5f5f5;border:1px solid #ddd}.upload-actions button[data-v-1458f96a]:last-child{background:#2196f3;color:#fff;border:none}.upload-actions button[data-v-1458f96a]:last-child:disabled{background:#ccc;cursor:not-allowed}.image-container[data-v-1458f96a]{display:grid;gap:20px}.image-container.grid[data-v-1458f96a]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.image-container.list[data-v-1458f96a]{grid-template-columns:1fr}.image-item[data-v-1458f96a]{border:1px solid #eee;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.image-item[data-v-1458f96a]:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.image-wrapper[data-v-1458f96a]{position:relative;cursor:pointer}.image-wrapper img[data-v-1458f96a]{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;display:block}.image-overlay[data-v-1458f96a]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);padding:10px;color:#fff}.image-overlay span[data-v-1458f96a]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-actions[data-v-1458f96a]{display:flex;padding:10px;gap:10px}.image-actions button[data-v-1458f96a]{flex:1;padding:8px;border:1px solid #ddd;background:#f5f5f5;border-radius:4px;cursor:pointer}.image-actions button[data-v-1458f96a]:hover{background:#e0e0e0}.preview-modal[data-v-1458f96a]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.preview-content[data-v-1458f96a]{background:#fff;max-width:90%;max-height:90%;display:flex;border-radius:8px;overflow:hidden;position:relative}.preview-content img[data-v-1458f96a]{max-height:80vh;max-width:70%;-o-object-fit:contain;object-fit:contain}.preview-info[data-v-1458f96a]{padding:20px;width:300px;display:flex;flex-direction:column}.preview-info h3[data-v-1458f96a]{margin-top:0;word-break:break-all}.preview-info p[data-v-1458f96a]{margin:5px 0;color:#666}.preview-actions[data-v-1458f96a]{margin-top:auto;display:flex;gap:10px}.preview-actions button[data-v-1458f96a]{flex:1;padding:10px;border:none;border-radius:4px;cursor:pointer}.preview-actions button[data-v-1458f96a]:first-child{background:#4caf50;color:#fff}.preview-actions button[data-v-1458f96a]:last-child{background:#f44336;color:#fff}.close-btn[data-v-1458f96a]{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.5);color:#fff;border:none;width:30px;height:30px;border-radius:50%;font-size:18px;cursor:pointer}@media (max-width:768px){.preview-content[data-v-1458f96a]{flex-direction:column;max-width:95%}.preview-content img[data-v-1458f96a]{max-width:100%;max-height:50vh}.preview-info[data-v-1458f96a]{width:100%;padding:15px}.action-bar[data-v-1458f96a]{flex-wrap:wrap}.search-box[data-v-1458f96a]{order:3;width:100%;margin-top:10px}}