.mp4-grid[data-v-4d813aae]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.mp4-item[data-v-4d813aae]{border:1px solid #f0f0f0;border-radius:4px;padding:8px;background:#fafafa}.mp4-title[data-v-4d813aae]{font-weight:600;margin-bottom:8px;word-break:break-all;font-size:13px}.mp4-video[data-v-4d813aae]{width:100%;max-height:220px;background:#000}.text-muted[data-v-4d813aae]{color:#888;font-size:12px}.mp4-pagination[data-v-4d813aae]{margin-top:16px;text-align:right}