.media-list-container[data-v-94fa4aed]{max-width:1200px;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001a}.page-header[data-v-94fa4aed]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h2[data-v-94fa4aed]{margin:0;font-size:20px;color:#303133}.search-filter[data-v-94fa4aed]{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.filter-select[data-v-94fa4aed]{width:150px}.search-input[data-v-94fa4aed]{width:300px}.media-grid[data-v-94fa4aed]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:20px}.media-card[data-v-94fa4aed]{transition:transform .3s ease,box-shadow .3s ease}.media-card[data-v-94fa4aed]:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.media-card-header[data-v-94fa4aed]{display:flex;justify-content:space-between;align-items:center}.media-name[data-v-94fa4aed]{font-weight:700;color:#303133;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-preview[data-v-94fa4aed]{height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fafafa;border-radius:4px;margin:10px 0;cursor:pointer}.image-preview[data-v-94fa4aed]{width:100%;height:100%;overflow:hidden;border-radius:4px}.image-preview img[data-v-94fa4aed]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-preview:hover img[data-v-94fa4aed]{transform:scale(1.05)}.video-preview[data-v-94fa4aed],.voice-preview[data-v-94fa4aed],.other-preview[data-v-94fa4aed]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.video-icon[data-v-94fa4aed],.voice-icon[data-v-94fa4aed],.file-icon[data-v-94fa4aed]{font-size:48px;color:#909399}.media-type-text[data-v-94fa4aed]{color:#606266;font-size:14px}.media-info[data-v-94fa4aed]{margin:10px 0;font-size:14px;color:#606266}.info-item[data-v-94fa4aed]{display:flex;margin:5px 0}.info-label[data-v-94fa4aed]{font-weight:700;margin-right:5px}.media-actions[data-v-94fa4aed]{display:flex;justify-content:space-around;margin-top:15px}.action-btn[data-v-94fa4aed]{flex:1;margin:0 5px}.empty-state[data-v-94fa4aed]{text-align:center;padding:50px 0}.pagination-container[data-v-94fa4aed]{display:flex;justify-content:flex-end;margin-top:20px}.preview-dialog-content[data-v-94fa4aed]{display:flex;justify-content:center;align-items:center;padding:20px}.dialog-image-preview[data-v-94fa4aed],.dialog-video-preview[data-v-94fa4aed],.dialog-voice-preview[data-v-94fa4aed]{width:100%;max-height:60vh;overflow:auto;display:flex;justify-content:center;align-items:center}.dialog-image-preview img[data-v-94fa4aed]{max-width:100%;max-height:60vh;object-fit:contain}.dialog-other-preview[data-v-94fa4aed]{width:100%;height:400px;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.search-filter[data-v-94fa4aed]{flex-direction:column;align-items:stretch}.filter-select[data-v-94fa4aed],.search-input[data-v-94fa4aed]{width:100%}.media-grid[data-v-94fa4aed]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.media-card[data-v-94fa4aed]{margin-bottom:10px}}
