添加动图支持，优化图片和视频上传逻辑，调整超时设置，增强评论时间格式化

app/aweme/[awemeId]/components/CommentList.tsx

@@ -1,6 +1,6 @@
 import { ThumbsUp } from "lucide-react";
 import type { Comment, User } from "../types";
-import { formatRelativeTime } from "../utils";
+import { formatRelativeTime, formatAbsoluteUTC } from "../utils";
 import { CommentText } from "./CommentText";
 
 interface CommentListProps {
@@ -20,7 +20,7 @@ export function CommentList({ author, createdAt, comments }: CommentListProps) {
         </div>
         <div>
           <div className="font-medium text-white/95 text-sm sm:text-base">{author.nickname}</div>
-          <div className="text-xs text-white/50" title={new Date(createdAt).toLocaleString()}>
+          <div className="text-xs text-white/50" title={formatAbsoluteUTC(createdAt)}>
             发布于 {formatRelativeTime(createdAt)}
           </div>
         </div>

app/aweme/[awemeId]/components/ImageCarousel.tsx

@@ -19,16 +19,17 @@ export const ImageCarousel = forwardRef<HTMLDivElement, ImageCarouselProps>(
             key={img.id}
             className="relative h-full min-w-full snap-center flex items-center justify-center bg-black/70 cursor-pointer"
             onClick={onTogglePlay}
-          >
-            <img
-              src={img.url}
-              alt={`image-${i + 1}`}
-              className="max-w-full max-h-full object-contain"
-              style={{
-                width: img.width ? `${img.width}px` : undefined,
-                height: img.height ? `${img.height}px` : undefined,
-              }}
-            />
+          >{
+              img.animated ? <video src={img.animated} autoPlay muted playsInline className="max-w-full max-h-full object-contain" /> : <img
+                src={img.url}
+                alt={`image-${i + 1}`}
+                className="max-w-full max-h-full object-contain"
+                style={{
+                  width: img.width ? `${img.width}px` : undefined,
+                  height: img.height ? `${img.height}px` : undefined,
+                }}
+              />
+            }
           </div>
         ))}
       </div>

app/aweme/[awemeId]/components/MediaControls.tsx

@@ -15,7 +15,7 @@ import {
 } from "lucide-react";
 import type { RefObject } from "react";
 import type { LoopMode, ObjectFit, User } from "../types";
-import { formatRelativeTime, formatTime } from "../utils";
+import { formatRelativeTime, formatTime, formatAbsoluteUTC } from "../utils";
 import { ProgressBar } from "./ProgressBar";
 import { SegmentedProgressBar } from "./SegmentedProgressBar";
 
@@ -90,7 +90,7 @@ export function MediaControls({
         <span className="text-[13px] leading-tight text-white/95 drop-shadow">·</span>
         <span
           className="text-[11px] leading-tight text-white/95 drop-shadow"
-          title={new Date(createdAt).toLocaleString()}
+          title={formatAbsoluteUTC(createdAt)}
         >
           {formatRelativeTime(createdAt)}
         </span>