Merge branch 'main' of https://github.com/mtvpls/MoonTVPlus

2026-01-27 19:33:48 +08:00
parent 1c763bee39 64bedb04b6
commit 554bc49a51
14 changed files with 989 additions and 382 deletions
--- a/9
+++ b/9
@@ -1,3 +1,12 @@
+## [210.1.0] - 2026-01-27
+### Added
+- 增加直链播放
+- 直播兼容txt格式
+
+### Changed
+- 首页轮播图和继续观看可隐藏
+- 刷新token改为前端进行防止redis数据库方式报错
+
 ## [210.0.0] - 2026-01-25
 ### Added
 - 新增网络直播功能
--- a/VERSION.txt
+++ b/VERSION.txt
@@ -1,2 +1,2 @@
-210.0.0
+210.1.0

--- a/src/app/api/auth/refresh/route.ts
+++ b/src/app/api/auth/refresh/route.ts
@@ -0,0 +1,122 @@
+/* eslint-disable no-console */
+import { NextRequest, NextResponse } from 'next/server';
+
+import { getAuthInfoFromCookie, parseAuthInfo } from '@/lib/auth';
+import { refreshAccessToken } from '@/lib/middleware-auth';
+import { TOKEN_CONFIG } from '@/lib/refresh-token';
+
+export const runtime = 'nodejs';
+
+const STORAGE_TYPE =
+  (process.env.NEXT_PUBLIC_STORAGE_TYPE as
+    | 'localstorage'
+    | 'redis'
+    | 'upstash'
+    | 'kvrocks'
+    | undefined) || 'localstorage';
+
+function buildRefreshResponse(authToken?: string | null) {
+  const body: Record<string, unknown> = { ok: true };
+
+  if (authToken) {
+    body.token = authToken;
+    const authInfo = parseAuthInfo(authToken);
+    if (authInfo) {
+      const { password, ...rest } = authInfo;
+      body.auth = rest;
+    }
+  }
+
+  return NextResponse.json(body);
+}
+
+export async function POST(request: NextRequest) {
+  const authInfo = getAuthInfoFromCookie(request);
+
+  if (!authInfo) {
+    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+  }
+
+  if (STORAGE_TYPE === 'localstorage') {
+    if (!authInfo.password || authInfo.password !== process.env.PASSWORD) {
+      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+    }
+
+    const authCookie = request.cookies.get('auth');
+    if (!authCookie?.value) {
+      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+    }
+
+    const response = buildRefreshResponse(authCookie.value);
+    const expires = new Date();
+    expires.setDate(expires.getDate() + 60);
+    response.cookies.set('auth', authCookie.value, {
+      path: '/',
+      expires,
+      sameSite: 'lax',
+      httpOnly: false,
+      secure: false,
+    });
+    return response;
+  }
+
+  if (
+    !authInfo.username ||
+    !authInfo.role ||
+    !authInfo.timestamp ||
+    !authInfo.tokenId ||
+    !authInfo.refreshToken ||
+    !authInfo.refreshExpires
+  ) {
+    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+  }
+
+  const now = Date.now();
+  const accessTokenAge = now - authInfo.timestamp;
+  const remainingAccessTime = TOKEN_CONFIG.ACCESS_TOKEN_AGE - accessTokenAge;
+  const refreshWindow = 15 * 60 * 1000;
+
+  if (remainingAccessTime <= 0) {
+    return NextResponse.json(
+      { error: 'Access token expired' },
+      { status: 401 }
+    );
+  }
+
+  if (remainingAccessTime > refreshWindow) {
+    return NextResponse.json(
+      { error: 'Refresh not allowed' },
+      { status: 400 }
+    );
+  }
+
+  if (now >= authInfo.refreshExpires) {
+    return NextResponse.json(
+      { error: 'Refresh token expired' },
+      { status: 401 }
+    );
+  }
+
+  const newAuthData = await refreshAccessToken(
+    authInfo.username,
+    authInfo.role,
+    authInfo.tokenId,
+    authInfo.refreshToken,
+    authInfo.refreshExpires
+  );
+
+  if (!newAuthData) {
+    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+  }
+
+  const response = buildRefreshResponse(newAuthData);
+  const expires = new Date(authInfo.refreshExpires);
+  response.cookies.set('auth', newAuthData, {
+    path: '/',
+    expires,
+    sameSite: 'lax',
+    httpOnly: false,
+    secure: false,
+  });
+  return response;
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -13,6 +13,7 @@ import { DownloadPanel } from '../components/DownloadPanel';
 import { GlobalErrorIndicator } from '../components/GlobalErrorIndicator';
 import { SiteProvider } from '../components/SiteProvider';
 import { ThemeProvider } from '../components/ThemeProvider';
+import { TokenRefreshManager } from '../components/TokenRefreshManager';
 import TopProgressBar from '../components/TopProgressBar';
 import ChatFloatingWindow from '../components/watch-room/ChatFloatingWindow';
 import { WatchRoomProvider } from '../components/WatchRoomProvider';
@@ -222,6 +223,7 @@ export default async function RootLayout({
          disableTransitionOnChange
        >
          <TopProgressBar />
+          <TokenRefreshManager />
          <SiteProvider siteName={siteName} announcement={announcement} tmdbApiKey={tmdbApiKey}>
            <WatchRoomProvider>
              <DownloadProvider>
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,8 +2,9 @@

 'use client';

-import { Bot, ChevronRight, ListVideo } from 'lucide-react';
+import { Bot, ChevronRight, Link as LinkIcon, ListVideo } from 'lucide-react';
 import Link from 'next/link';
+import { useRouter } from 'next/navigation';
 import { Suspense, useEffect, useState } from 'react';

 import {
@@ -13,7 +14,7 @@ import {
 import { getDoubanCategories } from '@/lib/douban.client';
 import { getTMDBImageUrl, TMDBItem } from '@/lib/tmdb.client';
 import { DoubanItem } from '@/lib/types';
-import { processImageUrl } from '@/lib/utils';
+import { base58Encode, processImageUrl } from '@/lib/utils';

 import AIChatPanel from '@/components/AIChatPanel';
 import BannerCarousel from '@/components/BannerCarousel';
@@ -45,6 +46,7 @@ function HomeClient() {
  >([]);
  const [loading, setLoading] = useState(true);
  const { announcement } = useSite();
+  const router = useRouter();

  // 首页模块配置状态
  const [homeModules, setHomeModules] = useState<HomeModule[]>([
@@ -55,6 +57,8 @@ function HomeClient() {
    { id: 'hotVarietyShows', name: '热门综艺', enabled: true, order: 4 },
    { id: 'upcomingContent', name: '即将上映', enabled: true, order: 5 },
  ]);
+  const [homeBannerEnabled, setHomeBannerEnabled] = useState(true);
+  const [homeContinueWatchingEnabled, setHomeContinueWatchingEnabled] = useState(true);

  const [showAnnouncement, setShowAnnouncement] = useState(false);
  const [showHttpWarning, setShowHttpWarning] = useState(true);
@@ -62,34 +66,56 @@ function HomeClient() {
  const [aiEnabled, setAiEnabled] = useState(false);
  const [aiDefaultMessageNoVideo, setAiDefaultMessageNoVideo] = useState('你好！我是MoonTVPlus的AI影视助手。想看什么电影或剧集？需要推荐吗？');
  const [sourceSearchEnabled, setSourceSearchEnabled] = useState(true);
+  const [showDirectPlayDialog, setShowDirectPlayDialog] = useState(false);
+  const [directPlayUrl, setDirectPlayUrl] = useState('');
+
+  const handleDirectPlay = () => {
+    setDirectPlayUrl('');
+    setShowDirectPlayDialog(true);
+  };
+
+  const submitDirectPlay = () => {
+    const trimmed = directPlayUrl.trim();
+    if (!trimmed) return;
+    const encoded = base58Encode(trimmed);
+    if (!encoded) return;
+    setShowDirectPlayDialog(false);
+    setDirectPlayUrl('');
+    router.push(`/play?source=directplay&id=${encodeURIComponent(encoded)}`);
+  };
+
+  const loadHomeLayoutSettings = () => {
+    if (typeof window === 'undefined') return;
+
+    const savedHomeModules = localStorage.getItem('homeModules');
+    if (savedHomeModules) {
+      try {
+        setHomeModules(JSON.parse(savedHomeModules));
+      } catch (error) {
+        console.error('解析首页模块配置失败:', error);
+      }
+    }
+
+    const savedHomeBannerEnabled = localStorage.getItem('homeBannerEnabled');
+    if (savedHomeBannerEnabled !== null) {
+      setHomeBannerEnabled(savedHomeBannerEnabled === 'true');
+    }
+
+    const savedHomeContinueWatchingEnabled = localStorage.getItem('homeContinueWatchingEnabled');
+    if (savedHomeContinueWatchingEnabled !== null) {
+      setHomeContinueWatchingEnabled(savedHomeContinueWatchingEnabled === 'true');
+    }
+  };

  // 加载首页模块配置
  useEffect(() => {
-    if (typeof window !== 'undefined') {
-      const savedHomeModules = localStorage.getItem('homeModules');
-      if (savedHomeModules) {
-        try {
-          setHomeModules(JSON.parse(savedHomeModules));
-        } catch (error) {
-          console.error('解析首页模块配置失败:', error);
-        }
-      }
-    }
+    loadHomeLayoutSettings();
  }, []);

  // 监听首页模块配置更新事件
  useEffect(() => {
    const handleHomeModulesUpdated = () => {
-      if (typeof window !== 'undefined') {
-        const savedHomeModules = localStorage.getItem('homeModules');
-        if (savedHomeModules) {
-          try {
-            setHomeModules(JSON.parse(savedHomeModules));
-          } catch (error) {
-            console.error('解析首页模块配置失败:', error);
-          }
-        }
-      }
+      loadHomeLayoutSettings();
    };

    window.addEventListener('homeModulesUpdated', handleHomeModulesUpdated);
@@ -547,16 +573,26 @@ function HomeClient() {
    <PageLayout>
      <FireworksCanvas />
      {/* TMDB 热门轮播图 */}
-      <div className='w-full mb-4'>
-        <BannerCarousel />
-      </div>
+      {homeBannerEnabled && (
+        <div className='w-full mb-4'>
+          <BannerCarousel />
+        </div>
+      )}

      <div className='px-2 sm:px-10 pb-4 sm:pb-8 overflow-visible'>
        <div className='max-w-[95%] mx-auto'>
          {/* 首页内容 */}
          <>
            {/* 源站寻片和AI问片入口 */}
-            <div className='flex items-center justify-end gap-2 mb-4'>
+            <div className={`flex items-center justify-end gap-2 mb-4 ${homeBannerEnabled ? '' : 'mt-[30px]'}`}>
+              <button
+                onClick={handleDirectPlay}
+                className='p-1.5 rounded-lg text-blue-500 hover:text-blue-600 transition-colors'
+                title='直链播放'
+              >
+                <LinkIcon size={18} />
+              </button>
+
              {/* 源站寻片入口 */}
              {sourceSearchEnabled && (
                <Link href='/source-search'>
@@ -582,7 +618,7 @@ function HomeClient() {
            </div>

            {/* 继续观看 */}
-            <ContinueWatching />
+            {homeContinueWatchingEnabled && <ContinueWatching />}

            {/* 根据配置动态渲染首页模块 */}
            {homeModules
@@ -626,6 +662,62 @@ function HomeClient() {
          </div>
        </div>
      )}
+
+      {showDirectPlayDialog && (
+        <div
+          className='fixed inset-0 bg-black/50 z-50 flex items-center justify-center p-4'
+          onClick={() => setShowDirectPlayDialog(false)}
+        >
+          <div
+            className='bg-white dark:bg-gray-900 rounded-lg shadow-xl w-full max-w-lg'
+            onClick={(event) => event.stopPropagation()}
+          >
+            <div className='flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700'>
+              <h3 className='text-lg font-semibold text-gray-900 dark:text-gray-100'>
+                直链播放
+              </h3>
+              <button
+                onClick={() => setShowDirectPlayDialog(false)}
+                className='p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-lg transition-colors'
+                aria-label='关闭'
+              >
+                <span className='text-gray-600 dark:text-gray-400'>×</span>
+              </button>
+            </div>
+            <div className='p-4 space-y-4'>
+              <div className='text-sm text-gray-600 dark:text-gray-300'>
+                请输入可直接播放的视频链接。
+              </div>
+              <input
+                value={directPlayUrl}
+                onChange={(event) => setDirectPlayUrl(event.target.value)}
+                onKeyDown={(event) => {
+                  if (event.key === 'Enter') {
+                    submitDirectPlay();
+                  }
+                }}
+                placeholder='https://example.com/video.m3u8'
+                className='w-full px-3 py-2 rounded-lg border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 focus:outline-none focus:ring-2 focus:ring-blue-500'
+              />
+              <div className='flex justify-end gap-2'>
+                <button
+                  onClick={() => setShowDirectPlayDialog(false)}
+                  className='px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-700 text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors'
+                >
+                  取消
+                </button>
+                <button
+                  onClick={submitDirectPlay}
+                  disabled={!directPlayUrl.trim()}
+                  className='px-4 py-2 rounded-lg bg-blue-600 hover:bg-blue-700 text-white transition-colors disabled:opacity-50 disabled:cursor-not-allowed'
+                >
+                  开始播放
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      )}
    </PageLayout>
  );
 }
--- a/src/app/play/page.tsx
+++ b/src/app/play/page.tsx
@@ -48,7 +48,7 @@ import {
 import { getDoubanDetail } from '@/lib/douban.client';
 import { getTMDBImageUrl } from '@/lib/tmdb.search';
 import { DanmakuFilterConfig, EpisodeFilterConfig,SearchResult } from '@/lib/types';
-import { getVideoResolutionFromM3u8, processImageUrl } from '@/lib/utils';
+import { base58Decode, getVideoResolutionFromM3u8, processImageUrl } from '@/lib/utils';
 import { useEnableComments } from '@/hooks/useEnableComments';
 import { usePlaySync } from '@/hooks/usePlaySync';

@@ -488,6 +488,7 @@ function PlayPageClient() {
  const [currentSource, setCurrentSource] = useState(searchParams.get('source') || '');
  const [currentId, setCurrentId] = useState(searchParams.get('id') || '');
  const [fileName] = useState(searchParams.get('fileName') || ''); // 小雅源：用户点击的文件名
+  const isDirectPlay = currentSource === 'directplay';

  // 解析 source 参数以获取 embyKey（仅用于 API 调用）
  const parseSourceForApi = (source: string): { source: string; embyKey?: string } => {
@@ -601,6 +602,10 @@ function PlayPageClient() {
      return;
    }

+    if (isDirectPlay) {
+      return;
+    }
+
    // 检查是否禁用了自动装填弹幕
    const disableAutoLoad = localStorage.getItem('disableAutoLoadDanmaku') === 'true';
    if (disableAutoLoad) {
@@ -938,11 +943,19 @@ function PlayPageClient() {
    };

    loadDanmakuForCurrentEpisode();
-  }, [currentEpisodeIndex, videoTitle, loading]);
+  }, [currentEpisodeIndex, videoTitle, loading, isDirectPlay]);

  // 获取豆瓣评分数据
  useEffect(() => {
    const fetchDoubanRating = async () => {
+      if (isDirectPlay) {
+        setDoubanRating(null);
+        setDoubanCardSubtitle('');
+        setDoubanAka([]);
+        setDoubanYear('');
+        return;
+      }
+
      if (!videoDoubanId || videoDoubanId === 0) {
        setDoubanRating(null);
        setDoubanCardSubtitle('');
@@ -994,11 +1007,16 @@ function PlayPageClient() {
    };

    fetchDoubanRating();
-  }, [videoDoubanId]);
+  }, [videoDoubanId, isDirectPlay]);

  // 获取TMDB背景图
  useEffect(() => {
    const fetchTMDBBackdrop = async () => {
+      if (isDirectPlay) {
+        setTmdbBackdrop(null);
+        return;
+      }
+
      // 检查是否禁用背景图
      if (typeof window !== 'undefined') {
        const disabled = localStorage.getItem('tmdb_backdrop_disabled');
@@ -1146,7 +1164,7 @@ function PlayPageClient() {
    };

    fetchTMDBBackdrop();
-  }, [videoTitle, videoDoubanId]);
+  }, [videoTitle, videoDoubanId, isDirectPlay]);


  // 视频播放地址
@@ -1168,6 +1186,14 @@ function PlayPageClient() {

  // 总集数
  const totalEpisodes = detail?.episodes?.length || 0;
+  const directEpisodeLabel = detail?.episodes_titles?.[currentEpisodeIndex] || '直链';
+  const shouldShowEpisodeLabel = totalEpisodes > 1 || isDirectPlay;
+  const episodeLabel = isDirectPlay
+    ? directEpisodeLabel
+    : detail?.episodes_titles?.[currentEpisodeIndex] || `第 ${currentEpisodeIndex + 1} 集`;
+  const playerEpisodeLabel = isDirectPlay
+    ? directEpisodeLabel
+    : `第${currentEpisodeIndex + 1}集`;

  // 用于记录是否需要在播放器 ready 后跳转到指定进度
  const resumeTimeRef = useRef<number | null>(null);
@@ -2808,6 +2834,73 @@ function PlayPageClient() {
    };

    const initAll = async () => {
+      if (currentSource === 'directplay') {
+        if (!currentId) {
+          setError('缺少直链地址');
+          setLoading(false);
+          return;
+        }
+
+        setLoading(true);
+        setLoadingStage('fetching');
+        setLoadingMessage('🎬 正在准备直链播放...');
+
+        let directUrl = '';
+        try {
+          directUrl = base58Decode(currentId);
+        } catch (decodeError) {
+          console.error('直链地址解析失败:', decodeError);
+          setError('直链地址解析失败');
+          setLoading(false);
+          return;
+        }
+
+        const directDetail: SearchResult = {
+          id: currentId,
+          title: '直链播放',
+          poster: '',
+          episodes: [directUrl],
+          episodes_titles: ['直链'],
+          source: 'directplay',
+          source_name: '直链',
+          class: '',
+          year: '',
+          desc: '',
+          type_name: '',
+          douban_id: 0,
+        };
+
+        setNeedPrefer(false);
+        setCurrentSource('directplay');
+        setCurrentId(currentId);
+        setVideoTitle('直链播放');
+        setVideoYear('');
+        setVideoCover('');
+        setVideoDoubanId(0);
+        setCorrectedDesc('');
+        setDetail(directDetail);
+        setSourceProxyMode(false);
+        setAvailableSources([directDetail]);
+        setCurrentEpisodeIndex(0);
+        setSourceSearchError(null);
+        setSourceSearchLoading(false);
+        setBackgroundSourcesLoading(false);
+
+        const newUrl = new URL(window.location.href);
+        newUrl.searchParams.set('source', 'directplay');
+        newUrl.searchParams.set('id', currentId);
+        newUrl.searchParams.delete('prefer');
+        newUrl.searchParams.delete('fileName');
+        window.history.replaceState({}, '', newUrl.toString());
+
+        setLoadingStage('ready');
+        setLoadingMessage('✨ 准备就绪，即将开始播放...');
+        setTimeout(() => {
+          setLoading(false);
+        }, 500);
+        return;
+      }
+
      if (!currentSource && !currentId && !videoTitle && !searchTitle) {
        setError('缺少必要参数');
        setLoading(false);
@@ -3698,6 +3791,7 @@ function PlayPageClient() {
  // 预加载下一集弹幕（完全复制 loadDanmakuForCurrentEpisode 的逻辑）
  const preloadNextEpisodeDanmaku = async () => {
    try {
+      if (isDirectPlay) return;
      const disableAutoLoad = localStorage.getItem('disableAutoLoadDanmaku') === 'true';
      if (disableAutoLoad) return;

@@ -4043,6 +4137,7 @@ function PlayPageClient() {

  // 自动搜索并加载弹幕
  const autoSearchDanmaku = async () => {
+    if (isDirectPlay) return;
    const disableAutoLoad = localStorage.getItem('disableAutoLoadDanmaku') === 'true';
    if (disableAutoLoad) return;

@@ -4616,9 +4711,7 @@ function PlayPageClient() {
    // 非WebKit浏览器且播放器已存在，使用switch方法切换
    if (!isWebkit && artPlayerRef.current) {
      artPlayerRef.current.switch = videoUrl;
-      artPlayerRef.current.title = `${videoTitle} - 第${
-        currentEpisodeIndex + 1
-      }集`;
+      artPlayerRef.current.title = `${videoTitle} - ${playerEpisodeLabel}`;
      artPlayerRef.current.poster = videoCover;
      if (artPlayerRef.current?.video) {
        ensureVideoSource(
@@ -6993,12 +7086,9 @@ function PlayPageClient() {
          <h1 className={`text-xl font-semibold flex items-center gap-2 flex-wrap ${tmdbBackdrop ? 'text-white' : 'text-gray-900 dark:text-gray-100'}`}>
            <span>
              {videoTitle || '影片标题'}
-              {totalEpisodes > 1 && (
+              {shouldShowEpisodeLabel && (
                <span className={tmdbBackdrop ? 'text-white opacity-80' : 'text-gray-500 dark:text-gray-400'}>
-                  {` > ${
-                    detail?.episodes_titles?.[currentEpisodeIndex] ||
-                    `第 ${currentEpisodeIndex + 1} 集`
-                  }`}
+                  {` > ${episodeLabel}`}
                </span>
              )}
            </span>
@@ -7568,254 +7658,258 @@ function PlayPageClient() {
          </div>
        </div>

-        {/* 详情展示 */}
-        <div className='grid grid-cols-1 md:grid-cols-5 lg:grid-cols-6 gap-4'>
-          {/* 文字区 */}
-          <div className='md:col-span-4 lg:col-span-5'>
-            <div className='p-6 flex flex-col min-h-0'>
-              {/* 标题 */}
-              <h1 className={`text-3xl font-bold mb-2 tracking-wide flex items-center flex-shrink-0 text-center md:text-left w-full flex-wrap gap-2 ${tmdbBackdrop ? 'text-white' : 'text-gray-900 dark:text-gray-100'}`}>
-                <span className={doubanAka.length > 0 ? 'relative group cursor-help' : ''}>
-                  {videoTitle || '影片标题'}
-                  {/* aka 悬浮提示 */}
-                  {doubanAka.length > 0 && (
-                    <div className='absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-3 py-2 bg-gray-800 dark:bg-gray-900 text-white text-sm rounded-lg shadow-xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 ease-out whitespace-nowrap z-[100] pointer-events-none'>
-                      <div className='font-semibold text-xs text-gray-400 mb-1'>又名：</div>
-                      {doubanAka.map((name, index) => (
-                        <div key={index} className='text-sm'>
-                          {name}
+        {!isDirectPlay && (
+          <>
+            {/* 详情展示 */}
+            <div className='grid grid-cols-1 md:grid-cols-5 lg:grid-cols-6 gap-4'>
+              {/* 文字区 */}
+              <div className='md:col-span-4 lg:col-span-5'>
+                <div className='p-6 flex flex-col min-h-0'>
+                  {/* 标题 */}
+                  <h1 className={`text-3xl font-bold mb-2 tracking-wide flex items-center flex-shrink-0 text-center md:text-left w-full flex-wrap gap-2 ${tmdbBackdrop ? 'text-white' : 'text-gray-900 dark:text-gray-100'}`}>
+                    <span className={doubanAka.length > 0 ? 'relative group cursor-help' : ''}>
+                      {videoTitle || '影片标题'}
+                      {/* aka 悬浮提示 */}
+                      {doubanAka.length > 0 && (
+                        <div className='absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-3 py-2 bg-gray-800 dark:bg-gray-900 text-white text-sm rounded-lg shadow-xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 ease-out whitespace-nowrap z-[100] pointer-events-none'>
+                          <div className='font-semibold text-xs text-gray-400 mb-1'>又名：</div>
+                          {doubanAka.map((name, index) => (
+                            <div key={index} className='text-sm'>
+                              {name}
+                            </div>
+                          ))}
+                          <div className='absolute top-full left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-4 border-r-4 border-t-4 border-transparent border-t-gray-800 dark:border-t-gray-900'></div>
                        </div>
-                      ))}
-                      <div className='absolute top-full left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-4 border-r-4 border-t-4 border-transparent border-t-gray-800 dark:border-t-gray-900'></div>
-                    </div>
-                  )}
-                </span>
-                <button
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    handleToggleFavorite();
-                  }}
-                  className='flex-shrink-0 hover:opacity-80 transition-opacity'
-                >
-                  <FavoriteIcon filled={favorited} />
-                </button>
-                {/* 网盘搜索按钮 */}
-                <button
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    setShowPansouDialog(true);
-                  }}
-                  className='flex-shrink-0 hover:opacity-80 transition-opacity'
-                  title='搜索网盘资源'
-                >
-                  <Cloud className='h-6 w-6 text-gray-700 dark:text-gray-300' />
-                </button>
-                {/* AI问片按钮 */}
-                {aiEnabled && detail && (
-                  <button
-                    onClick={(e) => {
-                      e.stopPropagation();
-                      setShowAIChat(true);
-                    }}
-                    className='flex-shrink-0 hover:opacity-80 transition-opacity'
-                    title='AI问片'
-                  >
-                    <Sparkles className='h-6 w-6 text-gray-700 dark:text-gray-300' />
-                  </button>
-                )}
-                {/* 纠错按钮 - 仅小雅源显示 */}
-                {detail && detail.source === 'xiaoya' && (
-                  <button
-                    onClick={(e) => {
-                      e.stopPropagation();
-                      setShowCorrectDialog(true);
-                    }}
-                    className='flex-shrink-0 hover:opacity-80 transition-opacity'
-                    title='纠错'
-                  >
-                    <AlertCircle className='h-6 w-6 text-gray-700 dark:text-gray-300' />
-                  </button>
-                )}
-                {/* 豆瓣评分显示 */}
-                {doubanRating && doubanRating.value > 0 && (
-                  <div className='flex items-center gap-2 text-base font-normal'>
-                    {/* 星级显示 */}
-                    <div className='flex items-center gap-1'>
-                      {[1, 2, 3, 4, 5].map((star) => {
-                        const starValue = doubanRating.value / 2; // 转换为5星制
-                        const isFullStar = star <= Math.floor(starValue);
-                        const isHalfStar = !isFullStar && star <= Math.ceil(starValue) && starValue % 1 >= 0.25;
-
-                        return (
-                          <div key={star} className='relative w-5 h-5'>
-                            {isFullStar ? (
-                              // 全星
-                              <svg
-                                className='w-5 h-5 text-yellow-400 fill-yellow-400'
-                                viewBox='0 0 24 24'
-                                xmlns='http://www.w3.org/2000/svg'
-                              >
-                                <path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z' />
-                              </svg>
-                            ) : isHalfStar ? (
-                              // 半星
-                              <>
-                                {/* 空星背景 */}
-                                <svg
-                                  className='absolute w-5 h-5 text-gray-300 dark:text-gray-600 fill-gray-300 dark:fill-gray-600'
-                                  viewBox='0 0 24 24'
-                                  xmlns='http://www.w3.org/2000/svg'
-                                >
-                                  <path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z' />
-                                </svg>
-                                {/* 半星遮罩 */}
-                                <svg
-                                  className='absolute w-5 h-5 text-yellow-400 fill-yellow-400'
-                                  viewBox='0 0 24 24'
-                                  xmlns='http://www.w3.org/2000/svg'
-                                  style={{ clipPath: 'inset(0 50% 0 0)' }}
-                                >
-                                  <path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z' />
-                                </svg>
-                              </>
-                            ) : (
-                              // 空星
-                              <svg
-                                className='w-5 h-5 text-gray-300 dark:text-gray-600 fill-gray-300 dark:fill-gray-600'
-                                viewBox='0 0 24 24'
-                                xmlns='http://www.w3.org/2000/svg'
-                              >
-                                <path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z' />
-                              </svg>
-                            )}
-                          </div>
-                        );
-                      })}
-                    </div>
-                    {/* 评分数值 */}
-                    <span className='text-gray-700 dark:text-gray-300 font-semibold'>
-                      {doubanRating.value.toFixed(1)}
+                      )}
                    </span>
-                    {/* 评分人数 */}
-                    <span className='text-gray-500 dark:text-gray-400 text-sm'>
-                      ({doubanRating.count.toLocaleString()}人评价)
-                    </span>
-                  </div>
-                )}
-              </h1>
-
-              {/* 关键信息行 */}
-              <div className={`flex flex-wrap items-center gap-3 text-base mb-4 opacity-80 flex-shrink-0 ${tmdbBackdrop ? 'text-white' : ''}`}>
-                {detail?.class && (
-                  <span className='text-green-600 font-semibold'>
-                    {detail.class}
-                  </span>
-                )}
-                {/* 优先使用 doubanYear，如果没有则使用 detail.year 或 videoYear */}
-                {(doubanYear || detail?.year || videoYear) && (
-                  <span>{doubanYear || detail?.year || videoYear}</span>
-                )}
-                {detail?.source_name && (
-                  <span className={`border px-2 py-[1px] rounded ${
-                    detail.source === 'xiaoya' ? 'border-blue-500' : detail.source === 'openlist' || detail.source === 'emby' || detail.source?.startsWith('emby_') ? 'border-yellow-500' : 'border-gray-500/60'
-                  }`}>
-                    {detail.source_name}
-                  </span>
-                )}
-                {detail?.type_name && <span>{detail.type_name}</span>}
-              </div>
-              {/* 剧情简介 */}
-              {(doubanCardSubtitle || correctedDesc || detail?.desc) && (
-                <div
-                  className={`mt-0 text-base leading-relaxed opacity-90 overflow-y-auto pr-2 flex-1 min-h-0 scrollbar-hide ${tmdbBackdrop ? 'text-white' : ''}`}
-                  style={{ whiteSpace: 'pre-line' }}
-                >
-                  {/* card_subtitle 在前，desc 在后 */}
-                  {doubanCardSubtitle && (
-                    <div className='mb-3 pb-3 border-b border-gray-300 dark:border-gray-700'>
-                      {doubanCardSubtitle}
-                    </div>
-                  )}
-                  {correctedDesc || detail?.desc}
-                </div>
-              )}
-            </div>
-          </div>
-
-          {/* 封面展示 */}
-          <div className='hidden md:block md:col-span-1 md:order-first'>
-            <div className='pl-0 py-4 pr-6 max-w-sm mx-auto'>
-              <div className='relative bg-gray-300 dark:bg-gray-700 aspect-[2/3] flex items-center justify-center rounded-xl overflow-hidden'>
-                {videoCover ? (
-                  <>
-                    <img
-                      src={processImageUrl(videoCover)}
-                      alt={videoTitle}
-                      className='w-full h-full object-cover'
-                    />
-
-                    {/* 豆瓣链接按钮 */}
-                    {videoDoubanId !== 0 && (
-                      <a
-                        href={`https://movie.douban.com/subject/${videoDoubanId.toString()}`}
-                        target='_blank'
-                        rel='noopener noreferrer'
-                        className='absolute top-3 left-3'
+                    <button
+                      onClick={(e) => {
+                        e.stopPropagation();
+                        handleToggleFavorite();
+                      }}
+                      className='flex-shrink-0 hover:opacity-80 transition-opacity'
+                    >
+                      <FavoriteIcon filled={favorited} />
+                    </button>
+                    {/* 网盘搜索按钮 */}
+                    <button
+                      onClick={(e) => {
+                        e.stopPropagation();
+                        setShowPansouDialog(true);
+                      }}
+                      className='flex-shrink-0 hover:opacity-80 transition-opacity'
+                      title='搜索网盘资源'
+                    >
+                      <Cloud className='h-6 w-6 text-gray-700 dark:text-gray-300' />
+                    </button>
+                    {/* AI问片按钮 */}
+                    {aiEnabled && detail && (
+                      <button
+                        onClick={(e) => {
+                          e.stopPropagation();
+                          setShowAIChat(true);
+                        }}
+                        className='flex-shrink-0 hover:opacity-80 transition-opacity'
+                        title='AI问片'
                      >
-                        <div className='bg-green-500 text-white text-xs font-bold w-8 h-8 rounded-full flex items-center justify-center shadow-md hover:bg-green-600 hover:scale-[1.1] transition-all duration-300 ease-out'>
-                          <svg
-                            width='16'
-                            height='16'
-                            viewBox='0 0 24 24'
-                            fill='none'
-                            stroke='currentColor'
-                            strokeWidth='2'
-                            strokeLinecap='round'
-                            strokeLinejoin='round'
-                          >
-                            <path d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'></path>
-                            <path d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'></path>
-                          </svg>
-                        </div>
-                      </a>
+                        <Sparkles className='h-6 w-6 text-gray-700 dark:text-gray-300' />
+                      </button>
                    )}
-                  </>
-                ) : (
-                  <span className='text-gray-600 dark:text-gray-400'>
-                    封面图片
-                  </span>
-                )}
+                    {/* 纠错按钮 - 仅小雅源显示 */}
+                    {detail && detail.source === 'xiaoya' && (
+                      <button
+                        onClick={(e) => {
+                          e.stopPropagation();
+                          setShowCorrectDialog(true);
+                        }}
+                        className='flex-shrink-0 hover:opacity-80 transition-opacity'
+                        title='纠错'
+                      >
+                        <AlertCircle className='h-6 w-6 text-gray-700 dark:text-gray-300' />
+                      </button>
+                    )}
+                    {/* 豆瓣评分显示 */}
+                    {doubanRating && doubanRating.value > 0 && (
+                      <div className='flex items-center gap-2 text-base font-normal'>
+                        {/* 星级显示 */}
+                        <div className='flex items-center gap-1'>
+                          {[1, 2, 3, 4, 5].map((star) => {
+                            const starValue = doubanRating.value / 2; // 转换为5星制
+                            const isFullStar = star <= Math.floor(starValue);
+                            const isHalfStar = !isFullStar && star <= Math.ceil(starValue) && starValue % 1 >= 0.25;
+
+                            return (
+                              <div key={star} className='relative w-5 h-5'>
+                                {isFullStar ? (
+                                  // 全星
+                                  <svg
+                                    className='w-5 h-5 text-yellow-400 fill-yellow-400'
+                                    viewBox='0 0 24 24'
+                                    xmlns='http://www.w3.org/2000/svg'
+                                  >
+                                    <path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z' />
+                                  </svg>
+                                ) : isHalfStar ? (
+                                  // 半星
+                                  <>
+                                    {/* 空星背景 */}
+                                    <svg
+                                      className='absolute w-5 h-5 text-gray-300 dark:text-gray-600 fill-gray-300 dark:fill-gray-600'
+                                      viewBox='0 0 24 24'
+                                      xmlns='http://www.w3.org/2000/svg'
+                                    >
+                                      <path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z' />
+                                    </svg>
+                                    {/* 半星遮罩 */}
+                                    <svg
+                                      className='absolute w-5 h-5 text-yellow-400 fill-yellow-400'
+                                      viewBox='0 0 24 24'
+                                      xmlns='http://www.w3.org/2000/svg'
+                                      style={{ clipPath: 'inset(0 50% 0 0)' }}
+                                    >
+                                      <path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z' />
+                                    </svg>
+                                  </>
+                                ) : (
+                                  // 空星
+                                  <svg
+                                    className='w-5 h-5 text-gray-300 dark:text-gray-600 fill-gray-300 dark:fill-gray-600'
+                                    viewBox='0 0 24 24'
+                                    xmlns='http://www.w3.org/2000/svg'
+                                  >
+                                    <path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z' />
+                                  </svg>
+                                )}
+                              </div>
+                            );
+                          })}
+                        </div>
+                        {/* 评分数值 */}
+                        <span className='text-gray-700 dark:text-gray-300 font-semibold'>
+                          {doubanRating.value.toFixed(1)}
+                        </span>
+                        {/* 评分人数 */}
+                        <span className='text-gray-500 dark:text-gray-400 text-sm'>
+                          ({doubanRating.count.toLocaleString()}人评价)
+                        </span>
+                      </div>
+                    )}
+                  </h1>
+
+                  {/* 关键信息行 */}
+                  <div className={`flex flex-wrap items-center gap-3 text-base mb-4 opacity-80 flex-shrink-0 ${tmdbBackdrop ? 'text-white' : ''}`}>
+                    {detail?.class && (
+                      <span className='text-green-600 font-semibold'>
+                        {detail.class}
+                      </span>
+                    )}
+                    {/* 优先使用 doubanYear，如果没有则使用 detail.year 或 videoYear */}
+                    {(doubanYear || detail?.year || videoYear) && (
+                      <span>{doubanYear || detail?.year || videoYear}</span>
+                    )}
+                    {detail?.source_name && (
+                      <span className={`border px-2 py-[1px] rounded ${
+                        detail.source === 'xiaoya' ? 'border-blue-500' : detail.source === 'openlist' || detail.source === 'emby' || detail.source?.startsWith('emby_') ? 'border-yellow-500' : 'border-gray-500/60'
+                      }`}>
+                        {detail.source_name}
+                      </span>
+                    )}
+                    {detail?.type_name && <span>{detail.type_name}</span>}
+                  </div>
+                  {/* 剧情简介 */}
+                  {(doubanCardSubtitle || correctedDesc || detail?.desc) && (
+                    <div
+                      className={`mt-0 text-base leading-relaxed opacity-90 overflow-y-auto pr-2 flex-1 min-h-0 scrollbar-hide ${tmdbBackdrop ? 'text-white' : ''}`}
+                      style={{ whiteSpace: 'pre-line' }}
+                    >
+                      {/* card_subtitle 在前，desc 在后 */}
+                      {doubanCardSubtitle && (
+                        <div className='mb-3 pb-3 border-b border-gray-300 dark:border-gray-700'>
+                          {doubanCardSubtitle}
+                        </div>
+                      )}
+                      {correctedDesc || detail?.desc}
+                    </div>
+                  )}
+                </div>
+              </div>
+
+              {/* 封面展示 */}
+              <div className='hidden md:block md:col-span-1 md:order-first'>
+                <div className='pl-0 py-4 pr-6 max-w-sm mx-auto'>
+                  <div className='relative bg-gray-300 dark:bg-gray-700 aspect-[2/3] flex items-center justify-center rounded-xl overflow-hidden'>
+                    {videoCover ? (
+                      <>
+                        <img
+                          src={processImageUrl(videoCover)}
+                          alt={videoTitle}
+                          className='w-full h-full object-cover'
+                        />
+
+                        {/* 豆瓣链接按钮 */}
+                        {videoDoubanId !== 0 && (
+                          <a
+                            href={`https://movie.douban.com/subject/${videoDoubanId.toString()}`}
+                            target='_blank'
+                            rel='noopener noreferrer'
+                            className='absolute top-3 left-3'
+                          >
+                            <div className='bg-green-500 text-white text-xs font-bold w-8 h-8 rounded-full flex items-center justify-center shadow-md hover:bg-green-600 hover:scale-[1.1] transition-all duration-300 ease-out'>
+                              <svg
+                                width='16'
+                                height='16'
+                                viewBox='0 0 24 24'
+                                fill='none'
+                                stroke='currentColor'
+                                strokeWidth='2'
+                                strokeLinecap='round'
+                                strokeLinejoin='round'
+                              >
+                                <path d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'></path>
+                                <path d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'></path>
+                              </svg>
+                            </div>
+                          </a>
+                        )}
+                      </>
+                    ) : (
+                      <span className='text-gray-600 dark:text-gray-400'>
+                        封面图片
+                      </span>
+                    )}
+                  </div>
+                </div>
              </div>
            </div>
-          </div>
-        </div>

-        {/* 推荐区域 */}
-        <SmartRecommendations
-          doubanId={videoDoubanId !== 0 ? videoDoubanId : undefined}
-          videoTitle={videoTitle}
-        />
+            {/* 推荐区域 */}
+            <SmartRecommendations
+              doubanId={videoDoubanId !== 0 ? videoDoubanId : undefined}
+              videoTitle={videoTitle}
+            />

-        {/* 豆瓣评论区域 */}
-        {videoDoubanId !== 0 && enableComments && (
-          <div className='mt-6 -mx-3 md:mx-0 md:px-4'>
-            <div className='bg-white/50 dark:bg-gray-800/50 backdrop-blur-sm rounded-xl border border-gray-200/50 dark:border-gray-700/50 overflow-hidden'>
-              {/* 标题 */}
-              <div className='px-3 md:px-6 py-4 border-b border-gray-200 dark:border-gray-700'>
-                <h3 className='text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2'>
-                  <svg className='w-5 h-5' fill='currentColor' viewBox='0 0 24 24'>
-                    <path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z'/>
-                  </svg>
-                  豆瓣评论
-                </h3>
+            {/* 豆瓣评论区域 */}
+            {videoDoubanId !== 0 && enableComments && (
+              <div className='mt-6 -mx-3 md:mx-0 md:px-4'>
+                <div className='bg-white/50 dark:bg-gray-800/50 backdrop-blur-sm rounded-xl border border-gray-200/50 dark:border-gray-700/50 overflow-hidden'>
+                  {/* 标题 */}
+                  <div className='px-3 md:px-6 py-4 border-b border-gray-200 dark:border-gray-700'>
+                    <h3 className='text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2'>
+                      <svg className='w-5 h-5' fill='currentColor' viewBox='0 0 24 24'>
+                        <path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z'/>
+                      </svg>
+                      豆瓣评论
+                    </h3>
+                  </div>
+
+                  {/* 评论内容 */}
+                  <div className='p-3 md:p-6'>
+                    <DoubanComments doubanId={videoDoubanId} />
+                  </div>
+                </div>
              </div>
-
-              {/* 评论内容 */}
-              <div className='p-3 md:p-6'>
-                <DoubanComments doubanId={videoDoubanId} />
-              </div>
-            </div>
-          </div>
+            )}
+          </>
        )}
      </div>

--- a/src/components/EpisodeSelector.tsx
+++ b/src/components/EpisodeSelector.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable @next/next/no-img-element */

-import { Settings } from 'lucide-react';
+import { Link as LinkIcon, Settings } from 'lucide-react';
 import { useRouter } from 'next/navigation';
 import React, {
  useCallback,
@@ -811,8 +811,10 @@ const EpisodeSelector: React.FC<EpisodeSelectorProps> = ({
                          }`.trim()}
                      >
                        {/* 封面 */}
-                        <div className='flex-shrink-0 w-12 h-20 bg-gray-300 dark:bg-gray-600 rounded overflow-hidden'>
-                          {source.poster && (
+                        <div className='flex-shrink-0 w-12 h-20 bg-gray-300 dark:bg-gray-600 rounded overflow-hidden flex items-center justify-center'>
+                          {source.source === 'directplay' ? (
+                            <LinkIcon className='w-6 h-6 text-blue-500' />
+                          ) : source.poster ? (
                            <img
                              src={processImageUrl(source.poster)}
                              alt={source.title}
@@ -822,7 +824,7 @@ const EpisodeSelector: React.FC<EpisodeSelectorProps> = ({
                                target.style.display = 'none';
                              }}
                            />
-                          )}
+                          ) : null}
                        </div>

                        {/* 信息区域 */}
--- a/src/components/TokenRefreshManager.tsx
+++ b/src/components/TokenRefreshManager.tsx
@@ -0,0 +1,154 @@
+'use client';
+
+import { useEffect } from 'react';
+
+import { getAuthInfoFromBrowserCookie } from '@/lib/auth';
+
+/**
+ * Token 自动刷新管理器
+ *
+ * 功能：
+ * 1. 拦截所有 fetch 请求
+ * 2. 检测到 401 错误时自动刷新 Token 并重试
+ * 3. 在请求前检查 Token 是否即将过期，主动刷新
+ *
+ * 策略：
+ * - 响应拦截：401 错误 → 刷新 Token → 重试请求
+ * - 请求拦截：剩余时间 < 10 分钟 → 主动刷新
+ */
+export function TokenRefreshManager() {
+  useEffect(() => {
+    // localStorage 模式不需要刷新
+    const storageType = (window as any).RUNTIME_CONFIG?.STORAGE_TYPE || 'localstorage';
+    if (storageType === 'localstorage') {
+      return;
+    }
+
+    // 刷新状态管理
+    let isRefreshing = false;
+    let refreshPromise: Promise<boolean> | null = null;
+
+    // Token 刷新函数
+    const refreshToken = async (): Promise<boolean> => {
+      // 如果正在刷新，返回现有的 Promise
+      if (isRefreshing && refreshPromise) {
+        return refreshPromise;
+      }
+
+      isRefreshing = true;
+      refreshPromise = (async () => {
+        try {
+          // 使用原始 fetch 避免递归
+          const response = await window.fetch('/api/auth/refresh', {
+            method: 'POST',
+            credentials: 'include',
+          });
+
+          if (response.ok) {
+            console.log('[Token] Refreshed successfully');
+            return true;
+          } else {
+            console.error('[Token] Refresh failed:', response.status);
+
+            // 刷新失败，跳转登录
+            if (response.status === 401 || response.status === 403) {
+              window.location.href = `/login?redirect=${encodeURIComponent(window.location.pathname + window.location.search)}`;
+            }
+            return false;
+          }
+        } catch (error) {
+          console.error('[Token] Refresh error:', error);
+          return false;
+        } finally {
+          isRefreshing = false;
+          refreshPromise = null;
+        }
+      })();
+
+      return refreshPromise;
+    };
+
+    // 检查 Token 是否需要刷新
+    const shouldRefreshToken = (): boolean => {
+      const authInfo = getAuthInfoFromBrowserCookie();
+      if (!authInfo || !authInfo.timestamp || !authInfo.refreshExpires) {
+        return false;
+      }
+
+      const now = Date.now();
+
+      // Refresh Token 已过期
+      if (now >= authInfo.refreshExpires) {
+        console.log('[Token] Refresh token expired, redirecting to login');
+        window.location.href = `/login?redirect=${encodeURIComponent(window.location.pathname + window.location.search)}`;
+        return false;
+      }
+
+      // 计算 Access Token 剩余时间
+      const ACCESS_TOKEN_AGE = 4 * 60 * 60 * 1000; // 4 小时
+      const age = now - authInfo.timestamp;
+      const remaining = ACCESS_TOKEN_AGE - age;
+
+      // 剩余时间 < 10 分钟时需要刷新
+      const REFRESH_THRESHOLD = 10 * 60 * 1000; // 10 分钟
+      return remaining < REFRESH_THRESHOLD && remaining > 0;
+    };
+
+    // 保存原始 fetch
+    const originalFetch = window.fetch;
+
+    // 拦截 fetch
+    window.fetch = async (input: RequestInfo | URL, init?: RequestInit): Promise<Response> => {
+      // 跳过不需要 Token 刷新的 API
+      const url = typeof input === 'string' ? input : input instanceof URL ? input.href : input.url;
+
+      // 跳过：刷新 API、登录、登出、注册等认证相关接口
+      if (
+        url.includes('/api/auth/refresh') ||
+        url.includes('/api/login') ||
+        url.includes('/api/logout') ||
+        url.includes('/api/register') ||
+        url.includes('/api/auth/oidc')
+      ) {
+        return originalFetch(input, init);
+      }
+
+      // 请求前检查：Token 即将过期时主动刷新
+      if (shouldRefreshToken() && !isRefreshing) {
+        console.log('[Token] Expiring soon, refreshing proactively...');
+        await refreshToken();
+      }
+
+      // 发送请求
+      let response = await originalFetch(input, init);
+
+      // 响应拦截：401 错误时刷新 Token 并重试（仅重试一次）
+      if (response.status === 401 && !isRefreshing) {
+        console.log('[Token] Received 401, attempting refresh and retry...');
+
+        const refreshed = await refreshToken();
+
+        if (refreshed) {
+          // 刷新成功，重试原请求（仅此一次）
+          response = await originalFetch(input, init);
+
+          // 如果重试后仍然是 401，说明有其他问题，不再重试
+          if (response.status === 401) {
+            console.error('[Token] Still 401 after refresh, redirecting to login');
+            window.location.href = `/login?redirect=${encodeURIComponent(window.location.pathname + window.location.search)}`;
+          }
+        }
+      }
+
+      return response;
+    };
+
+    // 清理：恢复原始 fetch
+    return () => {
+      window.fetch = originalFetch;
+    };
+  }, []);
+
+  // 这是一个纯逻辑组件，不渲染任何内容
+  return null;
+}
--- a/src/components/UserMenu.tsx
+++ b/src/components/UserMenu.tsx
@@ -174,6 +174,8 @@ export const UserMenu: React.FC = () => {
  ];

  const [homeModules, setHomeModules] = useState<HomeModule[]>(defaultHomeModules);
+  const [homeBannerEnabled, setHomeBannerEnabled] = useState(true);
+  const [homeContinueWatchingEnabled, setHomeContinueWatchingEnabled] = useState(true);

  // 豆瓣数据源选项
  const doubanDataSourceOptions = [
@@ -443,6 +445,16 @@ export const UserMenu: React.FC = () => {
        setDanmakuHeatmapDisabled(savedDanmakuHeatmapDisabled === 'true');
      }

+      const savedHomeBannerEnabled = localStorage.getItem('homeBannerEnabled');
+      if (savedHomeBannerEnabled !== null) {
+        setHomeBannerEnabled(savedHomeBannerEnabled === 'true');
+      }
+
+      const savedHomeContinueWatchingEnabled = localStorage.getItem('homeContinueWatchingEnabled');
+      if (savedHomeContinueWatchingEnabled !== null) {
+        setHomeContinueWatchingEnabled(savedHomeContinueWatchingEnabled === 'true');
+      }
+
      // 加载首页模块配置
      const savedHomeModules = localStorage.getItem('homeModules');
      if (savedHomeModules !== null) {
@@ -917,6 +929,22 @@ export const UserMenu: React.FC = () => {
    }
  };

+  const handleHomeBannerToggle = (value: boolean) => {
+    setHomeBannerEnabled(value);
+    if (typeof window !== 'undefined') {
+      localStorage.setItem('homeBannerEnabled', String(value));
+      window.dispatchEvent(new CustomEvent('homeModulesUpdated'));
+    }
+  };
+
+  const handleHomeContinueWatchingToggle = (value: boolean) => {
+    setHomeContinueWatchingEnabled(value);
+    if (typeof window !== 'undefined') {
+      localStorage.setItem('homeContinueWatchingEnabled', String(value));
+      window.dispatchEvent(new CustomEvent('homeModulesUpdated'));
+    }
+  };
+
  // 首页模块配置处理函数
  const handleHomeModuleToggle = (id: string, enabled: boolean) => {
    const updatedModules = homeModules.map(module =>
@@ -1010,6 +1038,8 @@ export const UserMenu: React.FC = () => {
    setNextEpisodePreCache(true);
    setNextEpisodeDanmakuPreload(true);
    setDisableAutoLoadDanmaku(false);
+    setHomeBannerEnabled(true);
+    setHomeContinueWatchingEnabled(true);
    setHomeModules(defaultHomeModules);
    setSearchTraditionalToSimplified(false);

@@ -1031,6 +1061,8 @@ export const UserMenu: React.FC = () => {
      localStorage.setItem('disableAutoLoadDanmaku', 'false');
      localStorage.setItem('danmakuMaxCount', '0');
      localStorage.setItem('danmaku_heatmap_disabled', 'false');
+      localStorage.setItem('homeBannerEnabled', 'true');
+      localStorage.setItem('homeContinueWatchingEnabled', 'true');
      localStorage.setItem('homeModules', JSON.stringify(defaultHomeModules));
      localStorage.setItem('searchTraditionalToSimplified', 'false');
      window.dispatchEvent(new CustomEvent('homeModulesUpdated'));
@@ -2189,6 +2221,55 @@ export const UserMenu: React.FC = () => {
                    </p>
                  </div>

+                  {/* 首页顶部组件显示 */}
+                  <div className='space-y-2'>
+                    <div className='flex items-center gap-2 p-3 bg-gray-50 dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700'>
+                      <button
+                        onClick={() => handleHomeBannerToggle(!homeBannerEnabled)}
+                        className='flex-shrink-0'
+                        title={homeBannerEnabled ? '点击隐藏' : '点击显示'}
+                      >
+                        {homeBannerEnabled ? (
+                          <Eye className='w-5 h-5 text-green-600 dark:text-green-400' />
+                        ) : (
+                          <EyeOff className='w-5 h-5 text-gray-400 dark:text-gray-500' />
+                        )}
+                      </button>
+                      <div className='flex-1'>
+                        <span className={`text-sm font-medium ${
+                          homeBannerEnabled
+                            ? 'text-gray-900 dark:text-gray-100'
+                            : 'text-gray-400 dark:text-gray-500'
+                        }`}>
+                          首页轮播图
+                        </span>
+                      </div>
+                    </div>
+
+                    <div className='flex items-center gap-2 p-3 bg-gray-50 dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700'>
+                      <button
+                        onClick={() => handleHomeContinueWatchingToggle(!homeContinueWatchingEnabled)}
+                        className='flex-shrink-0'
+                        title={homeContinueWatchingEnabled ? '点击隐藏' : '点击显示'}
+                      >
+                        {homeContinueWatchingEnabled ? (
+                          <Eye className='w-5 h-5 text-green-600 dark:text-green-400' />
+                        ) : (
+                          <EyeOff className='w-5 h-5 text-gray-400 dark:text-gray-500' />
+                        )}
+                      </button>
+                      <div className='flex-1'>
+                        <span className={`text-sm font-medium ${
+                          homeContinueWatchingEnabled
+                            ? 'text-gray-900 dark:text-gray-100'
+                            : 'text-gray-400 dark:text-gray-500'
+                        }`}>
+                          继续观看
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+
                  {/* 模块列表 */}
                  <div className='space-y-2'>
                    {homeModules.map((module, index) => (
@@ -2247,8 +2328,12 @@ export const UserMenu: React.FC = () => {
                  <button
                    onClick={() => {
                      setHomeModules(defaultHomeModules);
+                      setHomeBannerEnabled(true);
+                      setHomeContinueWatchingEnabled(true);
                      if (typeof window !== 'undefined') {
                        localStorage.setItem('homeModules', JSON.stringify(defaultHomeModules));
+                        localStorage.setItem('homeBannerEnabled', 'true');
+                        localStorage.setItem('homeContinueWatchingEnabled', 'true');
                        window.dispatchEvent(new CustomEvent('homeModulesUpdated'));
                      }
                    }}
--- a/src/components/VideoCard.tsx
+++ b/src/components/VideoCard.tsx
@@ -167,6 +167,7 @@ const VideoCard = forwardRef<VideoCardHandle, VideoCardProps>(function VideoCard
  const actualYear = year;
  const actualQuery = query || '';
  const actualSearchType = type;
+  const isDirectPlaySource = actualSource === 'directplay';
  const displayYear = useMemo(() => {
    if (!actualYear) return '';
    const normalized = actualYear.trim();
@@ -719,42 +720,47 @@ const VideoCard = forwardRef<VideoCardHandle, VideoCardProps>(function VideoCard
          }}
        >
          {/* 骨架屏 */}
-          {!isLoading && <ImagePlaceholder aspectRatio={orientation === 'horizontal' ? 'aspect-[3/2]' : 'aspect-[2/3]'} />}
-          {/* 图片 */}
-          <Image
-            src={processImageUrl(actualPoster)}
-            alt={actualTitle}
-            fill
-            className={origin === 'live' ? 'object-contain' : orientation === 'horizontal' ? 'object-cover object-center' : 'object-cover'}
-            referrerPolicy='no-referrer'
-            loading='lazy'
-            onLoadingComplete={() => setIsLoading(true)}
-            onError={(e) => {
-              // 图片加载失败时的重试机制
-              const img = e.target as HTMLImageElement;
-              if (!img.dataset.retried) {
-                img.dataset.retried = 'true';
-                setTimeout(() => {
-                  img.src = processImageUrl(actualPoster);
-                }, 2000);
-              }
-            }}
-            style={{
-              // 禁用图片的默认长按效果
-              WebkitUserSelect: 'none',
-              userSelect: 'none',
-              WebkitTouchCallout: 'none',
-              pointerEvents: 'none', // 图片不响应任何指针事件
-            } as React.CSSProperties}
-            onContextMenu={(e) => {
-              e.preventDefault();
-              return false;
-            }}
-            onDragStart={(e) => {
-              e.preventDefault();
-              return false;
-            }}
-          />
+          {!isLoading && !isDirectPlaySource && <ImagePlaceholder aspectRatio={orientation === 'horizontal' ? 'aspect-[3/2]' : 'aspect-[2/3]'} />}
+          {isDirectPlaySource ? (
+            <div className='absolute inset-0 flex items-center justify-center bg-gray-200/80 dark:bg-gray-700/80'>
+              <Link className='w-8 h-8 text-blue-500' />
+            </div>
+          ) : (
+            <Image
+              src={processImageUrl(actualPoster)}
+              alt={actualTitle}
+              fill
+              className={origin === 'live' ? 'object-contain' : orientation === 'horizontal' ? 'object-cover object-center' : 'object-cover'}
+              referrerPolicy='no-referrer'
+              loading='lazy'
+              onLoadingComplete={() => setIsLoading(true)}
+              onError={(e) => {
+                // 图片加载失败时的重试机制
+                const img = e.target as HTMLImageElement;
+                if (!img.dataset.retried) {
+                  img.dataset.retried = 'true';
+                  setTimeout(() => {
+                    img.src = processImageUrl(actualPoster);
+                  }, 2000);
+                }
+              }}
+              style={{
+                // 禁用图片的默认长按效果
+                WebkitUserSelect: 'none',
+                userSelect: 'none',
+                WebkitTouchCallout: 'none',
+                pointerEvents: 'none', // 图片不响应任何指针事件
+              } as React.CSSProperties}
+              onContextMenu={(e) => {
+                e.preventDefault();
+                return false;
+              }}
+              onDragStart={(e) => {
+                e.preventDefault();
+                return false;
+              }}
+            />
+          )}

          {/* 悬浮遮罩 */}
          <div
--- a/src/lib/changelog.ts
+++ b/src/lib/changelog.ts
@@ -11,6 +11,20 @@ export interface ChangelogEntry {

 export const changelog: ChangelogEntry[] = [
 	{
+    version: '210.1.0',
+    date: '2026-01-27',
+	added: [
+		"增加直链播放",
+		"直播兼容txt格式",
+    ],
+    changed: [
+		"首页轮播图和继续观看可隐藏",
+		"刷新token改为前端进行防止redis数据库方式报错"
+    ],
+    fixed: [
+	]
+	},
+	{
    version: '210.0.0',
    date: '2026-01-25',
 	added: [
--- a/src/lib/live.ts
+++ b/src/lib/live.ts
@@ -70,7 +70,9 @@ export async function refreshLiveChannels(liveInfo: {
    },
  });
  const data = await response.text();
-  const result = parseM3U(liveInfo.key, data);
+  const result = isM3UContent(data)
+    ? parseM3U(liveInfo.key, data)
+    : parseTxtLive(liveInfo.key, data);
  const epgUrl = liveInfo.epg || result.tvgUrl;
  const tvgIds = result.channels
    .map((channel) => channel.tvgId)
@@ -367,6 +369,86 @@ function parseEpgLines(
  return result;
 }

+function stripBom(value: string) {
+  return value.replace(/^\uFEFF/, '');
+}
+
+function isM3UContent(content: string) {
+  const normalized = stripBom(content).trim();
+  return normalized.includes('#EXTM3U') || normalized.includes('#EXTINF');
+}
+
+function isHttpUrl(value: string) {
+  return /^https?:\/\//i.test(value);
+}
+
+function parseTxtLive(
+  sourceKey: string,
+  txtContent: string
+): {
+  tvgUrl: string;
+  channels: {
+    id: string;
+    tvgId: string;
+    name: string;
+    logo: string;
+    group: string;
+    url: string;
+  }[];
+} {
+  const channels: {
+    id: string;
+    tvgId: string;
+    name: string;
+    logo: string;
+    group: string;
+    url: string;
+  }[] = [];
+
+  const lines = txtContent
+    .split('\n')
+    .map((line) => stripBom(line).trim())
+    .filter((line) => line.length > 0);
+
+  let currentGroup = '无分组';
+  let channelIndex = 0;
+
+  for (const line of lines) {
+    const commaIndex = line.indexOf(',');
+    if (commaIndex === -1) {
+      continue;
+    }
+
+    const name = line.slice(0, commaIndex).trim();
+    const value = line.slice(commaIndex + 1).trim();
+
+    if (!name) {
+      continue;
+    }
+
+    if (value === '#genre#') {
+      currentGroup = name;
+      continue;
+    }
+
+    if (!value || !isHttpUrl(value)) {
+      continue;
+    }
+
+    channels.push({
+      id: `${sourceKey}-${channelIndex}`,
+      tvgId: name,
+      name,
+      logo: '',
+      group: currentGroup,
+      url: value,
+    });
+    channelIndex++;
+  }
+
+  return { tvgUrl: '', channels };
+}
+
 /**
 * 解析M3U文件内容，提取频道信息
 * @param m3uContent M3U文件的内容字符串
@@ -397,7 +479,7 @@ function parseM3U(

  const lines = m3uContent
    .split('\n')
-    .map((line) => line.trim())
+    .map((line) => stripBom(line).trim())
    .filter((line) => line.length > 0);

  let tvgUrl = '';
--- a/src/lib/version.ts
+++ b/src/lib/version.ts
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */

-const CURRENT_VERSION = '210.0.0';
+const CURRENT_VERSION = '210.1.0';

 // 导出当前版本号供其他地方使用
 export { CURRENT_VERSION };
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -3,7 +3,6 @@
 import { NextRequest, NextResponse } from 'next/server';

 import { getAuthInfoFromCookie } from '@/lib/auth';
-import { refreshAccessToken, shouldRenewToken } from '@/lib/middleware-auth';
 import { TOKEN_CONFIG } from '@/lib/refresh-token';

 export async function middleware(request: NextRequest) {
@@ -54,37 +53,9 @@ export async function middleware(request: NextRequest) {
  const now = Date.now();
  const age = now - authInfo.timestamp;

-  // Access Token 已过期，尝试使用 Refresh Token 刷新
+  // Access Token 已过期，前端负责刷新
  if (age > ACCESS_TOKEN_AGE) {
-    if (authInfo.refreshToken && authInfo.tokenId && authInfo.refreshExpires) {
-      // 检查 Refresh Token 是否过期
-      if (now < authInfo.refreshExpires) {
-        // 尝试刷新 Access Token
-        const newAuthData = await refreshAccessToken(
-          authInfo.username,
-          authInfo.role,
-          authInfo.tokenId,
-          authInfo.refreshToken,
-          authInfo.refreshExpires
-        );
-
-        if (newAuthData) {
-          // 刷新成功，设置新 Cookie
-          const response = NextResponse.next();
-          const expires = new Date(authInfo.refreshExpires);
-          response.cookies.set('auth', newAuthData, {
-            path: '/',
-            expires,
-            sameSite: 'lax',
-            httpOnly: false,
-            secure: false,
-          });
-          return response;
-        }
-      }
-    }
-
-    // Refresh Token 也过期或刷新失败，需要重新登录
+    console.log(`Access token expired for ${authInfo.username}, redirecting to login`);
    return handleAuthFailure(request, pathname);
  }

@@ -101,34 +72,8 @@ export async function middleware(request: NextRequest) {
    return handleAuthFailure(request, pathname);
  }

-  // 签名验证通过，检查是否需要续期
-  if (shouldRenewToken(authInfo.timestamp)) {
-    // 快过期了，自动续期
-    if (authInfo.refreshToken && authInfo.tokenId && authInfo.refreshExpires) {
-      const newAuthData = await refreshAccessToken(
-        authInfo.username,
-        authInfo.role,
-        authInfo.tokenId,
-        authInfo.refreshToken,
-        authInfo.refreshExpires
-      );
-
-      if (newAuthData) {
-        const response = NextResponse.next();
-        const expires = new Date(authInfo.refreshExpires);
-        response.cookies.set('auth', newAuthData, {
-          path: '/',
-          expires,
-          sameSite: 'lax',
-          httpOnly: false,
-          secure: false,
-        });
-        return response;
-      }
-    }
-  }
-
-  // 正常通过
+  // 签名验证通过
+  // 注意：Token 续期由前端负责，Middleware 不再自动刷新
  return NextResponse.next();
 }

@@ -215,6 +160,6 @@ function shouldSkipAuth(pathname: string): boolean {
 // 配置middleware匹配规则
 export const config = {
  matcher: [
-    '/((?!_next/static|_next/image|favicon.ico|login|register|oidc-register|warning|api/login|api/register|api/logout|api/auth/oidc|api/cron/|api/server-config|api/proxy-m3u8|api/cms-proxy|api/tvbox/subscribe|api/theme/css|api/openlist/cms-proxy|api/openlist/play|api/emby/cms-proxy|api/emby/play|api/emby/sources).*)',
+    '/((?!_next/static|_next/image|favicon.ico|login|register|oidc-register|warning|api/login|api/register|api/logout|api/auth/oidc|api/auth/refresh|api/cron/|api/server-config|api/proxy-m3u8|api/cms-proxy|api/tvbox/subscribe|api/theme/css|api/openlist/cms-proxy|api/openlist/play|api/emby/cms-proxy|api/emby/play|api/emby/sources).*)',
  ],
 };