优化前端，修改返回逻辑，添加视频实时背景，音量倍速持久化

app/aweme/[awemeId]/page.tsx

@@ -63,6 +63,32 @@ export default async function AwemeDetail({ params }: { params: Promise<{ awemeI
         })),
       };
 
+  // Compute prev/next neighbors by created_at across videos and image posts
+  const currentCreatedAt = (isVideo ? video!.created_at : post!.created_at) as unknown as Date;
+  const [newerVideo, newerPost, olderVideo, olderPost] = await Promise.all([
+    prisma.video.findFirst({ where: { created_at: { gt: currentCreatedAt } }, orderBy: { created_at: "asc" }, select: { aweme_id: true, created_at: true } }),
+    prisma.imagePost.findFirst({ where: { created_at: { gt: currentCreatedAt } }, orderBy: { created_at: "asc" }, select: { aweme_id: true, created_at: true } }),
+    prisma.video.findFirst({ where: { created_at: { lt: currentCreatedAt } }, orderBy: { created_at: "desc" }, select: { aweme_id: true, created_at: true } }),
+    prisma.imagePost.findFirst({ where: { created_at: { lt: currentCreatedAt } }, orderBy: { created_at: "desc" }, select: { aweme_id: true, created_at: true } }),
+  ]);
+  const pickPrev = (() => {
+    const cands: { aweme_id: string; created_at: Date }[] = [];
+    if (newerVideo) cands.push({ aweme_id: newerVideo.aweme_id, created_at: newerVideo.created_at as unknown as Date });
+    if (newerPost) cands.push({ aweme_id: newerPost.aweme_id, created_at: newerPost.created_at as unknown as Date });
+    if (cands.length === 0) return null;
+    cands.sort((a, b) => +a.created_at - +b.created_at);
+    return { aweme_id: cands[0].aweme_id };
+  })();
+  const pickNext = (() => {
+    const cands: { aweme_id: string; created_at: Date }[] = [];
+    if (olderVideo) cands.push({ aweme_id: olderVideo.aweme_id, created_at: olderVideo.created_at as unknown as Date });
+    if (olderPost) cands.push({ aweme_id: olderPost.aweme_id, created_at: olderPost.created_at as unknown as Date });
+    if (cands.length === 0) return null;
+    cands.sort((a, b) => +b.created_at - +a.created_at);
+    return { aweme_id: cands[0].aweme_id };
+  })();
+  const neighbors: { prev: { aweme_id: string } | null; next: { aweme_id: string } | null } = { prev: pickPrev, next: pickNext };
+
   return (
     <main className="min-h-screen w-full overflow-hidden">
       {/* 顶部条改为悬浮在媒体区域之上，避免 sticky 造成 Y 方向滚动条 */}
@@ -72,7 +98,7 @@ export default async function AwemeDetail({ params }: { params: Promise<{ awemeI
           className="inline-flex items-center justify-center w-9 h-9 rounded-full bg-white/15 text-white border border-white/20 backdrop-blur hover:bg-white/25"
         />
       </div>
-      <AwemeDetailClient data={data as any} />
+      <AwemeDetailClient data={data as any} neighbors={neighbors as any} />
     </main>
   );
 }