feat: 视频推荐关联当前视频、UP主信息展示、直播全屏修复及UI优化

- 推荐列表改用 getVideoRelated 基于当前 bvid 推荐，与首页 feed 解耦
- 视频详情页 UP主名称下方展示粉丝数和视频数
- 推荐视频点击改为 router.replace 避免页面堆叠
- 直播全屏改用 position:absolute，解决退出全屏视频重建暂停问题
- 退出全屏时直播自动暂停
- 直播画质选中状态修复，过滤杜比/4K 画质选项
- 直播画质面板改为居中 Modal 弹出框
- 视频详情 Tab 按钮左对齐，评论排序及设置页按钮统一实心背景风格

hooks/useLiveDetail.ts

@@ -53,7 +53,7 @@ export function useLiveDetail(roomId: number) {
   const changeQuality = useCallback(async (qn: number) => {
     try {
       const stream = await getLiveStreamUrl(roomId, qn);
-      setState(prev => ({ ...prev, stream }));
+      setState(prev => ({ ...prev, stream: { ...stream, qn } }));
     } catch { /* ignore */ }
   }, [roomId]);
 

hooks/useRelatedVideos.ts

@@ -1,29 +1,26 @@
-import { useState, useCallback, useRef, useMemo } from 'react';
-import { getRecommendFeed } from '../services/bilibili';
+import { useState, useCallback, useRef } from 'react';
+import { getVideoRelated } from '../services/bilibili';
 import type { VideoItem } from '../services/types';
 
-export function useRelatedVideos() {
-  const [pages, setPages] = useState<VideoItem[][]>([]);
+export function useRelatedVideos(bvid: string) {
+  const [videos, setVideos] = useState<VideoItem[]>([]);
   const [loading, setLoading] = useState(false);
   const loadingRef = useRef(false);
-  const freshIdxRef = useRef(0);
 
   const load = useCallback(async () => {
     if (loadingRef.current) return;
     loadingRef.current = true;
     setLoading(true);
     try {
-      const data = await getRecommendFeed(freshIdxRef.current);
-      setPages(prev => [...prev, data]);
-      freshIdxRef.current += 1;
+      const data = await getVideoRelated(bvid);
+      setVideos(data);
     } catch (e) {
       console.warn('useRelatedVideos: failed', e);
     } finally {
       loadingRef.current = false;
       setLoading(false);
     }
-  }, []);
+  }, [bvid]);
 
-  const videos = useMemo(() => pages.flat(), [pages]);
-  return { videos, loading, load };
+  return { videos, loading, load, hasMore: false };
 }