fix media workflows and download organization

web/src/components/MediaCard.tsx

@@ -21,6 +21,7 @@ export const MediaCard = ({
   const [posterFit, setPosterFit] = useState<'cover' | 'contain'>('cover')
   const posterSrc = imageURL(media.poster_url, media.updated_at)
   const displayRating = rating ?? media.rating
+  const versionCount = media.versions?.length ?? 0
 
   useEffect(() => {
     setPosterFit('cover')
@@ -78,6 +79,13 @@ export const MediaCard = ({
             </span>
           )}
 
+          {count === undefined && versionCount > 1 && (
+            <span className="absolute right-3 top-3 inline-flex items-center gap-1 rounded-xl border border-white/15 bg-[#111827]/90 px-2 py-1 text-[10px] font-bold text-white shadow-sm">
+              <Layers size={10} className="text-[#c9954a]" />
+              <span>{versionCount} 版本</span>
+            </span>
+          )}
+
           {/* Rating Badge */}
           {displayRating > 0 && (
             <span className="absolute left-3 top-3 inline-flex items-center gap-0.5 rounded-xl border border-white/15 bg-[#111827]/90 px-2 py-1 text-[10px] font-bold text-[#c9954a] shadow-sm">