.resource-preview .resource-image[data-v-b4020022]{border-radius:8px;cursor:pointer;display:inline-block;overflow:hidden;position:relative;transition:transform .2s}.resource-preview .resource-image[data-v-b4020022]:hover{transform:scale(1.02)}.resource-preview .resource-image .preview-img[data-v-b4020022]{display:block;max-height:200px;max-width:100%;-o-object-fit:cover;object-fit:cover}.resource-preview .resource-image .hover-overlay[data-v-b4020022]{align-items:center;background:#0000004d;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.resource-preview .resource-image .hover-overlay[data-v-b4020022]:hover{opacity:1}.resource-preview .resource-image .hover-overlay .el-icon[data-v-b4020022]{color:#fff}.resource-preview .resource-icon-wrapper[data-v-b4020022]{align-items:center;display:flex}.resource-preview .resource-icon-wrapper[data-v-b4020022]:hover{background-color:var(--el-fill-color-light,#f5f7fa);border-color:var(--el-border-color,#c0c4cc)}.resource-preview .resource-icon-wrapper .resource-icon[data-v-b4020022]{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.resource-preview .resource-icon-wrapper .resource-icon.video[data-v-b4020022]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.resource-preview .resource-icon-wrapper .resource-icon.audio[data-v-b4020022]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.resource-preview .resource-icon-wrapper .resource-icon.pdf[data-v-b4020022]{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.resource-preview .resource-icon-wrapper .resource-icon.word[data-v-b4020022]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.resource-preview .resource-icon-wrapper .resource-icon.excel[data-v-b4020022]{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.resource-preview .resource-icon-wrapper .resource-icon.archive[data-v-b4020022]{background:linear-gradient(135deg,#fa8c16,#faad14);color:#fff}.resource-preview .resource-icon-wrapper .resource-icon.other[data-v-b4020022]{background:var(--el-fill-color,#e4e7ed);color:var(--el-text-color-regular,#606266)}.resource-preview .resource-icon-wrapper .resource-name[data-v-b4020022]{color:var(--el-text-color-regular,#606266);flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-preview[data-v-b4020022]{align-items:center;display:flex;flex-direction:column;padding:20px 0}