diff --git a/src/api/types.ts b/src/api/types.ts
index 66954300..bee1c77b 100644
--- a/src/api/types.ts
+++ b/src/api/types.ts
@@ -1305,3 +1305,155 @@ export interface Workflow {
   // 最后执行时间
   last_time?: string
 }
+
+// 种子缓存项
+export interface TorrentCacheItem {
+  // 种子hash（用于操作标识）
+  hash: string
+  // 站点域名
+  domain: string
+  // 种子标题
+  title: string
+  // 种子描述
+  description?: string
+  // 种子大小
+  size: number
+  // 发布时间
+  pubdate?: string
+  // 站点名称
+  site_name?: string
+  // 识别的媒体名称
+  media_name?: string
+  // 识别的媒体年份
+  media_year?: string
+  // 识别的媒体类型
+  media_type?: string
+  // 季集信息
+  season_episode?: string
+  // 资源信息
+  resource_term?: string
+  // 种子链接
+  enclosure?: string
+  // 详情页面
+  page_url?: string
+  // 海报图片
+  poster_path?: string
+  // 背景图片
+  backdrop_path?: string
+}
+
+// 种子缓存数据
+export interface TorrentCacheData {
+  // 缓存数量
+  count: number
+  // 站点数量
+  sites: number
+  // 缓存数据
+  data: TorrentCacheItem[]
+}
+
+// 种子缓存响应
+export interface TorrentCacheResponse {
+  // Spider缓存
+  spider: TorrentCacheData
+  // RSS缓存
+  rss: TorrentCacheData
+}
+
+// 站点缓存统计
+export interface SiteCacheStats {
+  // 站点域名
+  domain: string
+  // 缓存数量
+  count: number
+  // 最新发布时间
+  latest_date: string
+}
+
+// 缓存配置
+export interface CacheConfig {
+  // 缓存限制数量
+  cache_limit: number
+  // 刷新限制数量
+  refresh_limit: number
+  // 当前模式
+  current_mode: string
+}
+
+// 缓存统计数据
+export interface CacheStatsData {
+  // 总数量
+  total_count: number
+  // 站点数量
+  sites_count: number
+  // 站点统计
+  sites: SiteCacheStats[]
+}
+
+// 种子缓存统计响应
+export interface TorrentCacheStatsResponse {
+  // 配置信息
+  config: CacheConfig
+  // Spider统计
+  spider: CacheStatsData
+  // RSS统计
+  rss: CacheStatsData
+}
+
+// 图片缓存统计
+export interface ImageCacheStats {
+  // 总文件数
+  total_files: number
+  // 总大小（字节）
+  total_size: number
+  // 是否启用缓存
+  cache_enabled: boolean
+  // 缓存路径
+  cache_path?: string
+}
+
+// 图片缓存统计响应
+export interface ImageCacheStatsResponse {
+  success: boolean
+  data: ImageCacheStats
+  message?: string
+}
+
+// 图片缓存项
+export interface ImageCacheItem {
+  // 相对路径
+  path: string
+  // 文件名
+  name: string
+  // 文件大小
+  size: number
+  // 修改时间
+  modified_time: string
+  // 分类
+  category: string
+  // 访问URL
+  url: string
+}
+
+// 图片缓存详细数据
+export interface ImageCacheData {
+  // 总数量
+  total: number
+  // 当前页
+  page: number
+  // 每页大小
+  size: number
+  // 总页数
+  pages: number
+  // 图片列表
+  items: ImageCacheItem[]
+  // 分类统计
+  categories: Record<string, number>
+}
+
+// 图片缓存详细数据响应
+export interface ImageCacheDataResponse {
+  success: boolean
+  data: ImageCacheData
+  message?: string
+}
diff --git a/src/locales/en-US.ts b/src/locales/en-US.ts
index 068cf2cc..3fa8d0fa 100644
--- a/src/locales/en-US.ts
+++ b/src/locales/en-US.ts
@@ -202,6 +202,10 @@ export default {
       title: 'Services',
       description: 'Scheduled jobs',
     },
+    cache: {
+      title: 'Cache',
+      description: 'Torrent cache, media recognition data cache, image file cache management',
+    },
     notification: {
       title: 'Notifications',
       description: 'Notification channels (WeChat, Telegram, Slack, SynologyChat, VoceChat, WebPush), message scope',
@@ -2455,4 +2459,40 @@ export default {
     customBackgroundImageHint: 'Supports web image URLs, leave blank for gradient background',
     pluginCount: '{count} Plugins',
   },
+  cache: {
+    spiderCache: 'Spider Cache',
+    rssCache: 'RSS Cache',
+    cacheConfig: 'Cache Config',
+    torrents: ' torrents',
+    sites: ' sites',
+    limit: 'Limit',
+    perSite: ' per site',
+    mode: 'Mode',
+    refreshCache: 'Refresh Cache',
+    clearCache: 'Clear Cache',
+    viewCacheData: 'View Cache Data',
+    hideCacheData: 'Hide Cache Data',
+    spiderCacheStats: 'Spider Cache Stats',
+    rssCacheStats: 'RSS Cache Stats',
+    cacheDataDetails: 'Cache Data Details',
+    searchTorrents: 'Search Torrents',
+    siteDomain: 'Site Domain',
+    cacheCount: 'Cache Count',
+    latestRelease: 'Latest Release',
+    torrentTitle: 'Torrent Title',
+    site: 'Site',
+    size: 'Size',
+    releaseTime: 'Release Time',
+    recognitionInfo: 'Recognition Info',
+    resourceInfo: 'Resource Info',
+    actions: 'Actions',
+    noData: 'No Data',
+    unknown: 'Unknown',
+    unrecognized: 'Unrecognized',
+    confirmClearCache: 'Are you sure you want to clear all torrent cache? This operation cannot be undone.',
+    fetchStatsError: 'Failed to fetch cache statistics',
+    fetchDataError: 'Failed to fetch cache data',
+    refreshError: 'Failed to refresh cache',
+    clearError: 'Failed to clear cache'
+  },
 }
diff --git a/src/locales/zh-CN.ts b/src/locales/zh-CN.ts
index f06842c5..f730a2d4 100644
--- a/src/locales/zh-CN.ts
+++ b/src/locales/zh-CN.ts
@@ -202,6 +202,10 @@ export default {
       title: '服务',
       description: '定时作业',
     },
+    cache: {
+      title: '缓存',
+      description: '种子缓存、图片文件缓存管理',
+    },
     notification: {
       title: '通知',
       description: '通知渠道（微信、Telegram、Slack、SynologyChat、VoceChat、WebPush）、消息发送范围',
@@ -1366,6 +1370,10 @@ export default {
       settingsSaveSuccess: '订阅基础设置保存成功',
       settingsSaveFailed: '订阅基础设置保存失败！',
     },
+    cache: {
+      title: '缓存',
+      description: '种子缓存、图片文件缓存管理',
+    },
   },
   dialog: {
     progress: {
@@ -2427,4 +2435,93 @@ export default {
     customBackgroundImageHint: '支持网络图片URL，留空则使用渐变背景',
     pluginCount: '{count} 个插件',
   },
+  cache: {
+    spiderCache: '爬虫缓存',
+    rssCache: 'RSS缓存',
+    cacheConfig: '缓存配置',
+    torrents: ' 个种子',
+    sites: ' 个站点',
+    limit: '限制',
+    perSite: ' 条/站点',
+    mode: '模式',
+    refreshCache: '刷新缓存',
+    clearCache: '清理缓存',
+    viewCacheData: '查看缓存数据',
+    hideCacheData: '隐藏缓存数据',
+    confirmClearCache: '确定要清理所有缓存吗？此操作不可撤销。',
+    spiderCacheStats: '爬虫缓存统计',
+    rssCacheStats: 'RSS缓存统计',
+    siteDomain: '站点域名',
+    cacheCount: '缓存数量',
+    latestRelease: '最新发布',
+    noData: '无数据',
+    cacheDataDetails: '缓存数据详情',
+    searchTorrents: '搜索种子',
+    torrentTitle: '种子标题',
+    site: '站点',
+    size: '大小',
+    releaseTime: '发布时间',
+    recognitionInfo: '识别信息',
+    resourceInfo: '资源信息',
+    actions: '操作',
+    unknown: '未知',
+    unrecognized: '未识别',
+    refreshError: '刷新缓存失败',
+    clearError: '清理缓存失败',
+    fetchStatsError: '获取缓存统计失败',
+    fetchDataError: '获取缓存数据失败',
+    deleteSelected: '删除选中 ({count})',
+    reidentifySelected: '重新识别 ({count})',
+    confirmDeleteSelected: '确定要删除选中的 {count} 个种子吗？',
+    confirmDeleteSingle: '确定要删除这个种子吗？',
+    reidentify: '重新识别',
+    delete: '删除',
+    reidentifyTorrents: '重新识别种子',
+    tmdbId: 'TMDB ID',
+    tmdbIdHint: '可选，手动指定TMDB媒体ID',
+    doubanId: '豆瓣ID',
+    doubanIdHint: '可选，手动指定豆瓣媒体ID',
+    reidentifyHint: '如果不填写ID，将自动重新识别。填写ID可以手动指定媒体信息。',
+    executeReidentify: '执行识别',
+    torrentCache: '种子缓存',
+    imageCache: '图片缓存',
+    imageFiles: '图片文件',
+    files: ' 个文件',
+    cacheStatus: '缓存状态',
+    enabled: '已启用',
+    disabled: '已禁用',
+    globalImageCache: '全局图片缓存',
+    cachePath: '缓存路径',
+    notSet: '未设置',
+    cleanExpiredImages: '清理过期图片',
+    clearAllImages: '清理所有图片',
+    expiredDays: '过期天数',
+    expiredDaysHint: '清理多少天前的图片文件',
+    confirmCleanExpiredImages: '确定要清理过期图片吗？',
+    confirmClearAllImages: '确定要清理所有图片缓存吗？此操作不可撤销。',
+    cleanExpiredImagesError: '清理过期图片失败',
+    clearAllImagesError: '清理所有图片失败',
+    fetchImageCacheStatsError: '获取图片缓存统计失败',
+    selectSites: '选择站点',
+    siteSelectHint: '选择要显示的站点，留空显示所有站点',
+    others: '其他',
+    poster: '海报',
+    title: '缓存管理',
+    torrentCacheDesc: '管理爬虫和RSS缓存的种子数据，支持查看、删除和重新识别',
+    imageCacheDesc: '管理系统缓存的图片文件，包括海报、背景图等',
+    totalSites: '站点总数',
+    cacheLimit: '缓存限制',
+    totalFiles: '文件总数',
+    totalSize: '总大小',
+    viewImageData: '查看图片数据',
+    hideImageData: '隐藏图片数据',
+    selectedCount: '已选择 {count} 个种子',
+    openPage: '打开页面',
+    imageCacheCategories: '图片缓存分类',
+    images: ' 张图片',
+    imageGallery: '图片画廊',
+    autoMode: '自动',
+    spiderMode: '爬虫',
+    rssMode: 'RSS',
+  },
 }
diff --git a/src/locales/zh-TW.ts b/src/locales/zh-TW.ts
index 0c7a849d..43052aa8 100644
--- a/src/locales/zh-TW.ts
+++ b/src/locales/zh-TW.ts
@@ -203,6 +203,10 @@ export default {
       title: '服務',
       description: '定時作業',
     },
+    cache: {
+      title: '緩存',
+      description: '種子緩存、識別媒體數據緩存、圖片文件緩存管理',
+    },
     notification: {
       title: '通知',
       description: '通知渠道（微信、Telegram、Slack、SynologyChat、VoceChat、WebPush）、消息發送範圍',
@@ -2428,4 +2432,79 @@ export default {
     customBackgroundImageHint: '支援網路圖片URL，留空則使用漸變背景',
     pluginCount: '{count} 個插件',
   },
+  cache: {
+    spiderCache: '爬蟲快取',
+    rssCache: 'RSS快取',
+    cacheConfig: '快取配置',
+    torrents: ' 個種子',
+    sites: ' 個站點',
+    limit: '限制',
+    perSite: ' 條/站點',
+    mode: '模式',
+    refreshCache: '刷新快取',
+    clearCache: '清理快取',
+    viewCacheData: '查看快取數據',
+    hideCacheData: '隱藏快取數據',
+    confirmClearCache: '確定要清理所有快取嗎？此操作不可撤銷。',
+    spiderCacheStats: '爬蟲快取統計',
+    rssCacheStats: 'RSS快取統計',
+    siteDomain: '站點域名',
+    cacheCount: '快取數量',
+    latestRelease: '最新發布',
+    noData: '無數據',
+    cacheDataDetails: '快取數據詳情',
+    searchTorrents: '搜索種子',
+    torrentTitle: '種子標題',
+    site: '站點',
+    size: '大小',
+    releaseTime: '發布時間',
+    recognitionInfo: '識別信息',
+    resourceInfo: '資源信息',
+    actions: '操作',
+    unknown: '未知',
+    unrecognized: '未識別',
+    refreshError: '刷新快取失敗',
+    clearError: '清理快取失敗',
+    fetchStatsError: '獲取快取統計失敗',
+    fetchDataError: '獲取快取數據失敗',
+    deleteSelected: '刪除選中 ({count})',
+    reidentifySelected: '重新識別 ({count})',
+    confirmDeleteSelected: '確定要刪除選中的 {count} 個種子嗎？',
+    confirmDeleteSingle: '確定要刪除這個種子嗎？',
+    reidentify: '重新識別',
+    delete: '刪除',
+    reidentifyTorrents: '重新識別種子',
+    tmdbId: 'TMDB ID',
+    tmdbIdHint: '可選，手動指定TMDB媒體ID',
+    doubanId: '豆瓣ID',
+    doubanIdHint: '可選，手動指定豆瓣媒體ID',
+    reidentifyHint: '如果不填寫ID，將自動重新識別。填寫ID可以手動指定媒體信息。',
+    executeReidentify: '執行識別',
+    // 新增翻譯
+    torrentCache: '種子快取',
+    imageCache: '圖片快取',
+    mediaCache: '媒體數據快取',
+    imageFiles: '圖片文件',
+    files: ' 個文件',
+    cacheStatus: '快取狀態',
+    enabled: '已啟用',
+    disabled: '已禁用',
+    globalImageCache: '全局圖片快取',
+    cachePath: '快取路徑',
+    notSet: '未設置',
+    cleanExpiredImages: '清理過期圖片',
+    clearAllImages: '清理所有圖片',
+    expiredDays: '過期天數',
+    expiredDaysHint: '清理多少天前的圖片文件',
+    confirmCleanExpiredImages: '確定要清理過期圖片嗎？',
+    confirmClearAllImages: '確定要清理所有圖片快取嗎？此操作不可撤銷。',
+    cleanExpiredImagesError: '清理過期圖片失敗',
+    clearAllImagesError: '清理所有圖片失敗',
+    fetchImageCacheStatsError: '獲取圖片快取統計失敗',
+    mediaCacheTitle: '媒體數據快取',
+    mediaCacheDescription: '媒體數據快取功能正在開發中，敬請期待。',
+    selectSites: '選擇站點',
+    siteSelectHint: '選擇要顯示的站點，留空顯示所有站點',
+    others: '其他'
+  },
 }
diff --git a/src/pages/setting.vue b/src/pages/setting.vue
index 9e97de07..b1c08318 100644
--- a/src/pages/setting.vue
+++ b/src/pages/setting.vue
@@ -11,6 +11,7 @@ import AccountSettingSystem from '@/views/setting/AccountSettingSystem.vue'
 import AccountSettingScheduler from '@/views/setting/AccountSettingScheduler.vue'
 import AccountSettingDirectory from '@/views/setting/AccountSettingDirectory.vue'
 import AccountSettingRule from '@/views/setting/AccountSettingRule.vue'
+import AccountSettingCache from '@/views/setting/AccountSettingCache.vue'
 import { getSettingTabs } from '@/router/i18n-menu'
 
 const route = useRoute()
@@ -86,6 +87,15 @@ const settingTabs = computed(() => getSettingTabs())
         </transition>
       </VWindowItem>
 
+      <!-- 缓存 -->
+      <VWindowItem value="cache">
+        <transition name="fade-slide" appear>
+          <div>
+            <AccountSettingCache />
+          </div>
+        </transition>
+      </VWindowItem>
+
       <!-- 通知 -->
       <VWindowItem value="notification">
         <transition name="fade-slide" appear>
diff --git a/src/router/i18n-menu.ts b/src/router/i18n-menu.ts
index f1b18fe9..78046ebd 100644
--- a/src/router/i18n-menu.ts
+++ b/src/router/i18n-menu.ts
@@ -170,6 +170,12 @@ export function getSettingTabs() {
       tab: 'scheduler',
       description: t('settingTabs.scheduler.description'),
     },
+    {
+      title: t('settingTabs.cache.title'),
+      icon: 'mdi-database',
+      tab: 'cache',
+      description: t('settingTabs.cache.description'),
+    },
     {
       title: t('settingTabs.notification.title'),
       icon: 'mdi-bell',
diff --git a/src/views/setting/AccountSettingCache.vue b/src/views/setting/AccountSettingCache.vue
new file mode 100644
index 00000000..7a4dd9b3
--- /dev/null
+++ b/src/views/setting/AccountSettingCache.vue
@@ -0,0 +1,1223 @@
+<template>
+  <div>
+    <!-- 缓存类型选择 -->
+    <VRow class="mb-4">
+      <VCol cols="12">
+        <VCard>
+          <VCardText>
+            <VTabs v-model="activeTab" class="mb-4">
+              <VTab value="torrents">{{ $t('cache.torrentCache') }}</VTab>
+              <VTab value="images">{{ $t('cache.imageCache') }}</VTab>
+            </VTabs>
+          </VCardText>
+        </VCard>
+      </VCol>
+    </VRow>
+
+    <!-- 种子缓存管理 -->
+    <VTabsWindow v-model="activeTab">
+      <VTabsWindowItem value="torrents">
+        <!-- 种子缓存统计卡片 -->
+        <VRow class="mb-4">
+          <VCol cols="12" md="4">
+            <VCard>
+              <VCardText>
+                <div class="d-flex align-center">
+                  <VIcon icon="mdi-spider" size="40" color="primary" class="me-3" />
+                  <div>
+                    <div class="text-h6">{{ $t('cache.spiderCache') }}</div>
+                    <div class="text-body-2 text-medium-emphasis">
+                      {{ cacheStats?.spider?.total_count || 0 }}{{ $t('cache.torrents') }}
+                    </div>
+                    <div class="text-caption text-medium-emphasis">
+                      {{ cacheStats?.spider?.sites_count || 0 }}{{ $t('cache.sites') }}
+                    </div>
+                  </div>
+                </div>
+              </VCardText>
+            </VCard>
+          </VCol>
+          
+          <VCol cols="12" md="4">
+            <VCard>
+              <VCardText>
+                <div class="d-flex align-center">
+                  <VIcon icon="mdi-rss" size="40" color="success" class="me-3" />
+                  <div>
+                    <div class="text-h6">{{ $t('cache.rssCache') }}</div>
+                    <div class="text-body-2 text-medium-emphasis">
+                      {{ cacheStats?.rss?.total_count || 0 }}{{ $t('cache.torrents') }}
+                    </div>
+                    <div class="text-caption text-medium-emphasis">
+                      {{ cacheStats?.rss?.sites_count || 0 }}{{ $t('cache.sites') }}
+                    </div>
+                  </div>
+                </div>
+              </VCardText>
+            </VCard>
+          </VCol>
+          
+          <VCol cols="12" md="4">
+            <VCard>
+              <VCardText>
+                <div class="d-flex align-center">
+                  <VIcon icon="mdi-cog" size="40" color="info" class="me-3" />
+                  <div>
+                    <div class="text-h6">{{ $t('cache.cacheConfig') }}</div>
+                    <div class="text-body-2 text-medium-emphasis">
+                      {{ $t('cache.limit') }}: {{ cacheStats?.config?.cache_limit || 0 }}{{ $t('cache.perSite') }}
+                    </div>
+                    <div class="text-caption text-medium-emphasis">
+                      {{ $t('cache.mode') }}: {{ getModeText(cacheStats?.config?.current_mode) }}
+                    </div>
+                  </div>
+                </div>
+              </VCardText>
+            </VCard>
+          </VCol>
+        </VRow>
+
+        <!-- 种子缓存操作按钮 -->
+        <VRow class="mb-4">
+          <VCol cols="12">
+            <VCard>
+              <VCardText>
+                <div class="d-flex flex-wrap gap-3 align-center">
+                  <VBtn
+                    color="primary"
+                    prepend-icon="mdi-refresh"
+                    :loading="refreshing"
+                    @click="refreshCache"
+                  >
+                    {{ $t('cache.refreshCache') }}
+                  </VBtn>
+                  
+                  <VBtn
+                    color="warning"
+                    prepend-icon="mdi-delete-sweep"
+                    :loading="clearing"
+                    @click="clearCache"
+                  >
+                    {{ $t('cache.clearCache') }}
+                  </VBtn>
+                  
+                  <VBtn
+                    color="info"
+                    prepend-icon="mdi-eye"
+                    @click="showCacheData = !showCacheData"
+                  >
+                    {{ showCacheData ? $t('cache.hideCacheData') : $t('cache.viewCacheData') }}
+                  </VBtn>
+                  
+                  <VSpacer />
+                  
+                  <!-- 站点选择 -->
+                  <VSelect
+                    v-if="showCacheData"
+                    v-model="selectedSites"
+                    :items="siteOptions"
+                    :label="$t('cache.selectSites')"
+                    multiple
+                    chips
+                    closable-chips
+                    clearable
+                    style="min-width: 300px;"
+                    :hint="$t('cache.siteSelectHint')"
+                    persistent-hint
+                  >
+                    <template #selection="{ item, index }">
+                      <VChip v-if="index < 3" size="small" closable @click:close="removeSite(item.value)">
+                        {{ item.title }}
+                      </VChip>
+                      <span v-if="index === 3" class="text-grey text-caption align-self-center">
+                        (+{{ selectedSites.length - 3 }} {{ $t('cache.others') }})
+                      </span>
+                    </template>
+                  </VSelect>
+                </div>
+                
+                <div v-if="showCacheData && selectedItems.length > 0" class="d-flex flex-wrap gap-3 mt-3">
+                  <VBtn
+                    color="error"
+                    prepend-icon="mdi-delete"
+                    @click="deleteSelectedTorrents"
+                  >
+                    {{ $t('cache.deleteSelected', { count: selectedItems.length }) }}
+                  </VBtn>
+                  
+                  <VBtn
+                    color="warning"
+                    prepend-icon="mdi-refresh"
+                    @click="reidentifySelectedTorrents"
+                  >
+                    {{ $t('cache.reidentifySelected', { count: selectedItems.length }) }}
+                  </VBtn>
+                </div>
+              </VCardText>
+            </VCard>
+          </VCol>
+        </VRow>
+
+        <!-- 站点缓存统计表格 -->
+        <VRow v-if="!showCacheData" class="mb-4">
+          <VCol cols="12" md="6">
+            <VCard>
+              <VCardTitle>{{ $t('cache.spiderCacheStats') }}</VCardTitle>
+              <VDataTable
+                :headers="siteStatsHeaders"
+                :items="cacheStats?.spider?.sites || []"
+                :items-per-page="10"
+                class="elevation-1"
+              >
+                <template #item.latest_date="{ item }">
+                  <span v-if="item.latest_date">
+                    {{ formatDate(item.latest_date) }}
+                  </span>
+                  <span v-else class="text-medium-emphasis">{{ $t('cache.noData') }}</span>
+                </template>
+                <template #item.domain="{ item }">
+                  <VChip size="small" color="primary" variant="tonal">
+                    {{ getSiteName(item.domain) }}
+                  </VChip>
+                </template>
+              </VDataTable>
+            </VCard>
+          </VCol>
+          
+          <VCol cols="12" md="6">
+            <VCard>
+              <VCardTitle>{{ $t('cache.rssCacheStats') }}</VCardTitle>
+              <VDataTable
+                :headers="siteStatsHeaders"
+                :items="cacheStats?.rss?.sites || []"
+                :items-per-page="10"
+                class="elevation-1"
+              >
+                <template #item.latest_date="{ item }">
+                  <span v-if="item.latest_date">
+                    {{ formatDate(item.latest_date) }}
+                  </span>
+                  <span v-else class="text-medium-emphasis">{{ $t('cache.noData') }}</span>
+                </template>
+                <template #item.domain="{ item }">
+                  <VChip size="small" color="primary" variant="tonal">
+                    {{ getSiteName(item.domain) }}
+                  </VChip>
+                </template>
+              </VDataTable>
+            </VCard>
+          </VCol>
+        </VRow>
+
+        <!-- 缓存数据详情 -->
+        <VExpandTransition>
+          <VRow v-if="showCacheData">
+            <VCol cols="12">
+              <VCard>
+                <VCardTitle>
+                  <div class="d-flex align-center justify-space-between">
+                    <span>{{ $t('cache.cacheDataDetails') }}</span>
+                    <VTabs v-if="showTabs" v-model="cacheDetailTab" color="primary">
+                      <VTab v-if="hasSpiderData" value="spider">{{ $t('cache.spiderCache') }}</VTab>
+                      <VTab v-if="hasRssData" value="rss">{{ $t('cache.rssCache') }}</VTab>
+                    </VTabs>
+                    <span v-else class="text-h6">
+                      {{ hasSpiderData ? $t('cache.spiderCache') : $t('cache.rssCache') }}
+                    </span>
+                  </div>
+                </VCardTitle>
+                
+                <VTabsWindow v-if="showTabs" v-model="cacheDetailTab">
+                  <VTabsWindowItem v-if="hasSpiderData" value="spider">
+                    <VDataTable
+                      :headers="cacheDataHeaders"
+                      :items="filteredSpiderData"
+                      :items-per-page="20"
+                      :search="search"
+                      v-model="selectedItems"
+                      show-select
+                      return-object
+                      class="elevation-1"
+                    >
+                      <template #top>
+                        <VToolbar flat>
+                          <VTextField
+                            v-model="search"
+                            prepend-inner-icon="mdi-magnify"
+                            :label="$t('cache.searchTorrents')"
+                            single-line
+                            hide-details
+                            clearable
+                            class="ma-2"
+                          />
+                        </VToolbar>
+                      </template>
+                      
+                      <template #item.title="{ item }">
+                        <div class="text-truncate" style="max-width: 300px;" :title="item.title">
+                          {{ item.title }}
+                        </div>
+                      </template>
+                      
+                      <template #item.poster="{ item }">
+                        <div class="d-flex align-center">
+                          <VImg
+                            v-if="item.poster_path"
+                            :src="item.poster_path"
+                            width="50"
+                            height="75"
+                            cover
+                            class="rounded cursor-pointer"
+                            @click="showImageDialog(item.poster_path)"
+                          >
+                            <template #placeholder>
+                              <VSkeletonLoader type="image" width="50" height="75" />
+                            </template>
+                          </VImg>
+                          <VIcon v-else icon="mdi-image-off" size="50" color="grey" />
+                        </div>
+                      </template>
+                      
+                      <template #item.size="{ item }">
+                        {{ formatFileSize(item.size) }}
+                      </template>
+                      
+                      <template #item.pubdate="{ item }">
+                        <span v-if="item.pubdate">
+                          {{ formatDate(item.pubdate) }}
+                        </span>
+                        <span v-else class="text-medium-emphasis">{{ $t('cache.unknown') }}</span>
+                      </template>
+                      
+                      <template #item.media_info="{ item }">
+                        <div v-if="item.media_name">
+                          <div class="text-body-2">{{ item.media_name }}</div>
+                          <div class="text-caption text-medium-emphasis">
+                            {{ item.media_year }} · {{ item.media_type }}
+                            <span v-if="item.season_episode"> · {{ item.season_episode }}</span>
+                          </div>
+                        </div>
+                        <span v-else class="text-medium-emphasis">{{ $t('cache.unrecognized') }}</span>
+                      </template>
+                      
+                      <template #item.actions="{ item }">
+                        <div class="d-flex gap-1">
+                          <VBtn
+                            v-if="item.page_url"
+                            icon="mdi-open-in-new"
+                            size="small"
+                            variant="text"
+                            :href="item.page_url"
+                            target="_blank"
+                          />
+                          <VBtn
+                            icon="mdi-refresh"
+                            size="small"
+                            variant="text"
+                            color="warning"
+                            :loading="operatingItems.has(item.hash)"
+                            @click="reidentifySingleTorrent(item)"
+                            :title="$t('cache.reidentify')"
+                          />
+                          <VBtn
+                            icon="mdi-delete"
+                            size="small"
+                            variant="text"
+                            color="error"
+                            :loading="operatingItems.has(item.hash)"
+                            @click="deleteSingleTorrent(item)"
+                            :title="$t('cache.delete')"
+                          />
+                        </div>
+                      </template>
+                    </VDataTable>
+                  </VTabsWindowItem>
+                  
+                  <VTabsWindowItem v-if="hasRssData" value="rss">
+                    <VDataTable
+                      :headers="cacheDataHeaders"
+                      :items="filteredRssData"
+                      :items-per-page="20"
+                      :search="search"
+                      v-model="selectedItems"
+                      show-select
+                      return-object
+                      class="elevation-1"
+                    >
+                      <template #top>
+                        <VToolbar flat>
+                          <VTextField
+                            v-model="search"
+                            prepend-inner-icon="mdi-magnify"
+                            :label="$t('cache.searchTorrents')"
+                            single-line
+                            hide-details
+                            clearable
+                            class="ma-2"
+                          />
+                        </VToolbar>
+                      </template>
+                      
+                      <template #item.title="{ item }">
+                        <div class="text-truncate" style="max-width: 300px;" :title="item.title">
+                          {{ item.title }}
+                        </div>
+                      </template>
+                      
+                      <template #item.poster="{ item }">
+                        <div class="d-flex align-center">
+                          <VImg
+                            v-if="item.poster_path"
+                            :src="item.poster_path"
+                            width="50"
+                            height="75"
+                            cover
+                            class="rounded cursor-pointer"
+                            @click="showImageDialog(item.poster_path)"
+                          >
+                            <template #placeholder>
+                              <VSkeletonLoader type="image" width="50" height="75" />
+                            </template>
+                          </VImg>
+                          <VIcon v-else icon="mdi-image-off" size="50" color="grey" />
+                        </div>
+                      </template>
+                      
+                      <template #item.size="{ item }">
+                        {{ formatFileSize(item.size) }}
+                      </template>
+                      
+                      <template #item.pubdate="{ item }">
+                        <span v-if="item.pubdate">
+                          {{ formatDate(item.pubdate) }}
+                        </span>
+                        <span v-else class="text-medium-emphasis">{{ $t('cache.unknown') }}</span>
+                      </template>
+                      
+                      <template #item.media_info="{ item }">
+                        <div v-if="item.media_name">
+                          <div class="text-body-2">{{ item.media_name }}</div>
+                          <div class="text-caption text-medium-emphasis">
+                            {{ item.media_year }} · {{ item.media_type }}
+                            <span v-if="item.season_episode"> · {{ item.season_episode }}</span>
+                          </div>
+                        </div>
+                        <span v-else class="text-medium-emphasis">{{ $t('cache.unrecognized') }}</span>
+                      </template>
+                      
+                      <template #item.actions="{ item }">
+                        <div class="d-flex gap-1">
+                          <VBtn
+                            v-if="item.page_url"
+                            icon="mdi-open-in-new"
+                            size="small"
+                            variant="text"
+                            :href="item.page_url"
+                            target="_blank"
+                          />
+                          <VBtn
+                            icon="mdi-refresh"
+                            size="small"
+                            variant="text"
+                            color="warning"
+                            :loading="operatingItems.has(item.hash)"
+                            @click="reidentifySingleTorrent(item)"
+                            :title="$t('cache.reidentify')"
+                          />
+                          <VBtn
+                            icon="mdi-delete"
+                            size="small"
+                            variant="text"
+                            color="error"
+                            :loading="operatingItems.has(item.hash)"
+                            @click="deleteSingleTorrent(item)"
+                            :title="$t('cache.delete')"
+                          />
+                        </div>
+                      </template>
+                    </VDataTable>
+                  </VTabsWindowItem>
+                </VTabsWindow>
+                
+                <!-- 当只有一种缓存类型时，直接显示表格 -->
+                <VDataTable
+                  v-else
+                  :headers="cacheDataHeaders"
+                  :items="filteredCurrentData"
+                  :items-per-page="20"
+                  :search="search"
+                  v-model="selectedItems"
+                  show-select
+                  return-object
+                  class="elevation-1"
+                >
+                  <template #top>
+                    <VToolbar flat>
+                      <VTextField
+                        v-model="search"
+                        prepend-inner-icon="mdi-magnify"
+                        :label="$t('cache.searchTorrents')"
+                        single-line
+                        hide-details
+                        clearable
+                        class="ma-2"
+                      />
+                    </VToolbar>
+                  </template>
+                  
+                  <template #item.title="{ item }">
+                    <div class="text-truncate" style="max-width: 300px;" :title="item.title">
+                      {{ item.title }}
+                    </div>
+                  </template>
+                  
+                  <template #item.poster="{ item }">
+                    <div class="d-flex align-center">
+                      <VImg
+                        v-if="item.poster_path"
+                        :src="item.poster_path"
+                        width="50"
+                        height="75"
+                        cover
+                        class="rounded cursor-pointer"
+                        @click="showImageDialog(item.poster_path)"
+                      >
+                        <template #placeholder>
+                          <VSkeletonLoader type="image" width="50" height="75" />
+                        </template>
+                      </VImg>
+                      <VIcon v-else icon="mdi-image-off" size="50" color="grey" />
+                    </div>
+                  </template>
+                  
+                  <template #item.size="{ item }">
+                    {{ formatFileSize(item.size) }}
+                  </template>
+                  
+                  <template #item.pubdate="{ item }">
+                    <span v-if="item.pubdate">
+                      {{ formatDate(item.pubdate) }}
+                    </span>
+                    <span v-else class="text-medium-emphasis">{{ $t('cache.unknown') }}</span>
+                  </template>
+                  
+                  <template #item.media_info="{ item }">
+                    <div v-if="item.media_name">
+                      <div class="text-body-2">{{ item.media_name }}</div>
+                      <div class="text-caption text-medium-emphasis">
+                        {{ item.media_year }} · {{ item.media_type }}
+                        <span v-if="item.season_episode"> · {{ item.season_episode }}</span>
+                      </div>
+                    </div>
+                    <span v-else class="text-medium-emphasis">{{ $t('cache.unrecognized') }}</span>
+                  </template>
+                  
+                  <template #item.actions="{ item }">
+                    <div class="d-flex gap-1">
+                      <VBtn
+                        v-if="item.page_url"
+                        icon="mdi-open-in-new"
+                        size="small"
+                        variant="text"
+                        :href="item.page_url"
+                        target="_blank"
+                      />
+                      <VBtn
+                        icon="mdi-refresh"
+                        size="small"
+                        variant="text"
+                        color="warning"
+                        :loading="operatingItems.has(item.hash)"
+                        @click="reidentifySingleTorrent(item)"
+                        :title="$t('cache.reidentify')"
+                      />
+                      <VBtn
+                        icon="mdi-delete"
+                        size="small"
+                        variant="text"
+                        color="error"
+                        :loading="operatingItems.has(item.hash)"
+                        @click="deleteSingleTorrent(item)"
+                        :title="$t('cache.delete')"
+                      />
+                    </div>
+                  </template>
+                </VDataTable>
+              </VCard>
+            </VCol>
+          </VRow>
+        </VExpandTransition>
+      </VTabsWindowItem>
+
+      <!-- 图片缓存管理 -->
+      <VTabsWindowItem value="images">
+        <!-- 图片缓存统计卡片 -->
+        <VRow class="mb-4">
+          <VCol cols="12" md="4">
+            <VCard>
+              <VCardText>
+                <div class="d-flex align-center">
+                  <VIcon icon="mdi-image-multiple" size="40" color="purple" class="me-3" />
+                  <div>
+                    <div class="text-h6">{{ $t('cache.imageFiles') }}</div>
+                    <div class="text-body-2 text-medium-emphasis">
+                      {{ imageCacheStats?.total_files || 0 }}{{ $t('cache.files') }}
+                    </div>
+                    <div class="text-caption text-medium-emphasis">
+                      {{ formatFileSize(imageCacheStats?.total_size || 0) }}
+                    </div>
+                  </div>
+                </div>
+              </VCardText>
+            </VCard>
+          </VCol>
+          
+          <VCol cols="12" md="4">
+            <VCard>
+              <VCardText>
+                <div class="d-flex align-center">
+                  <VIcon icon="mdi-cog" size="40" color="info" class="me-3" />
+                  <div>
+                    <div class="text-h6">{{ $t('cache.cacheStatus') }}</div>
+                    <div class="text-body-2 text-medium-emphasis">
+                      {{ imageCacheStats?.cache_enabled ? $t('cache.enabled') : $t('cache.disabled') }}
+                    </div>
+                    <div class="text-caption text-medium-emphasis">
+                      {{ $t('cache.globalImageCache') }}
+                    </div>
+                  </div>
+                </div>
+              </VCardText>
+            </VCard>
+          </VCol>
+          
+          <VCol cols="12" md="4">
+            <VCard>
+              <VCardText>
+                <div class="d-flex align-center">
+                  <VIcon icon="mdi-folder" size="40" color="orange" class="me-3" />
+                  <div class="flex-grow-1">
+                    <div class="text-h6">{{ $t('cache.cachePath') }}</div>
+                    <div class="text-body-2 text-medium-emphasis" :title="imageCacheStats?.cache_path">
+                      {{ imageCacheStats?.cache_path || $t('cache.notSet') }}
+                    </div>
+                    <div class="text-caption text-medium-emphasis">
+                      {{ $t('cache.globalImageCache') }}
+                    </div>
+                  </div>
+                </div>
+              </VCardText>
+            </VCard>
+          </VCol>
+        </VRow>
+
+        <!-- 图片缓存操作按钮 -->
+        <VRow class="mb-4">
+          <VCol cols="12">
+            <VCard>
+              <VCardText>
+                <div class="d-flex flex-wrap gap-3 align-center">
+                  <VBtn
+                    color="warning"
+                    prepend-icon="mdi-delete-clock"
+                    :loading="cleaningExpired"
+                    @click="cleanExpiredImages"
+                  >
+                    {{ $t('cache.cleanExpiredImages') }}
+                  </VBtn>
+                  
+                  <VBtn
+                    color="error"
+                    prepend-icon="mdi-delete-sweep"
+                    :loading="clearingImages"
+                    @click="clearImageCache"
+                  >
+                    {{ $t('cache.clearAllImages') }}
+                  </VBtn>
+                  
+                  <VSpacer />
+                  
+                  <!-- 过期天数设置 -->
+                  <div class="d-flex align-center gap-2">
+                    <VBtn
+                      icon="mdi-minus"
+                      size="small"
+                      variant="outlined"
+                      @click="decreaseExpiredDays"
+                      :disabled="expiredDays <= 1"
+                    />
+                    <VTextField
+                      v-model="expiredDays"
+                      type="number"
+                      :label="$t('cache.expiredDays')"
+                      :hint="$t('cache.expiredDaysHint')"
+                      persistent-hint
+                      style="width: 120px;"
+                      min="1"
+                      max="365"
+                      hide-details="auto"
+                      density="compact"
+                    />
+                    <VBtn
+                      icon="mdi-plus"
+                      size="small"
+                      variant="outlined"
+                      @click="increaseExpiredDays"
+                      :disabled="expiredDays >= 365"
+                    />
+                  </div>
+                </div>
+              </VCardText>
+            </VCard>
+          </VCol>
+        </VRow>
+      </VTabsWindowItem>
+    </VTabsWindow>
+    
+    <!-- 重新识别对话框 -->
+    <VDialog v-model="showReidentifyDialog" max-width="500px">
+      <VCard>
+        <VCardTitle>{{ $t('cache.reidentifyTorrents') }}</VCardTitle>
+        <VCardText>
+          <VForm>
+            <VTextField
+              v-model="reidentifyTmdbid"
+              :label="$t('cache.tmdbId')"
+              type="number"
+              :hint="$t('cache.tmdbIdHint')"
+              persistent-hint
+              class="mb-4"
+            />
+            <VTextField
+              v-model="reidentifyDoubanid"
+              :label="$t('cache.doubanId')"
+              :hint="$t('cache.doubanIdHint')"
+              persistent-hint
+              class="mb-4"
+            />
+            <VAlert type="info" class="mb-4">
+              {{ $t('cache.reidentifyHint') }}
+            </VAlert>
+          </VForm>
+        </VCardText>
+        <VCardActions>
+          <VSpacer />
+          <VBtn @click="showReidentifyDialog = false">{{ $t('common.cancel') }}</VBtn>
+          <VBtn color="primary" @click="executeReidentify">{{ $t('cache.executeReidentify') }}</VBtn>
+        </VCardActions>
+      </VCard>
+    </VDialog>
+    
+    <!-- 图片预览对话框 -->
+    <VDialog v-model="showImagePreview" max-width="90vw" max-height="90vh" class="image-preview-dialog">
+      <VImg
+        :src="previewImageUrl"
+        max-height="90vh"
+        max-width="90vw"
+        contain
+        class="rounded"
+        @click="showImagePreview = false"
+      >
+        <template #placeholder>
+          <div class="d-flex align-center justify-center fill-height">
+            <VProgressCircular indeterminate color="white" />
+          </div>
+        </template>
+        <VBtn
+          icon="mdi-close"
+          size="large"
+          color="white"
+          variant="elevated"
+          class="close-btn"
+          @click="showImagePreview = false"
+        />
+      </VImg>
+    </VDialog>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted, watch, computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+import api from '@/api'
+import type { 
+  TorrentCacheResponse, 
+  TorrentCacheStatsResponse, 
+  TorrentCacheItem,
+  ImageCacheDataResponse,
+  ImageCacheItem
+} from '@/api/types'
+
+const { t } = useI18n()
+
+// 响应式数据
+const cacheStats = ref<TorrentCacheStatsResponse>()
+const cacheData = ref<TorrentCacheResponse>()
+const showCacheData = ref(false)
+const activeTab = ref('torrents')
+const cacheDetailTab = ref('spider')
+const search = ref('')
+const refreshing = ref(false)
+const clearing = ref(false)
+const selectedItems = ref<TorrentCacheItem[]>([])
+const showReidentifyDialog = ref(false)
+const reidentifyTmdbid = ref<number>()
+const reidentifyDoubanid = ref<string>()
+const operatingItems = ref<Set<string>>(new Set())
+const selectedSites = ref<string[]>([])
+const imageCacheStats = ref<any>()
+const imageCacheData = ref<any>()
+const showImageData = ref(false)
+const cleaningExpired = ref(false)
+const clearingImages = ref(false)
+const expiredDays = ref<number>(7)
+const imagePage = ref(1)
+const selectedCategory = ref<string | null>(null)
+const showImagePreview = ref(false)
+const previewImageUrl = ref('')
+const sitesMapping = ref<Record<string, string>>({})
+const selectedImageCategory = ref<string | null>(null)
+const currentImagePage = ref(1)
+
+// 计算属性
+const hasSpiderData = computed(() => (cacheData.value?.spider?.count || 0) > 0)
+const hasRssData = computed(() => (cacheData.value?.rss?.count || 0) > 0)
+const showTabs = computed(() => hasSpiderData.value && hasRssData.value)
+const currentCacheType = computed(() => {
+  if (showTabs.value) {
+    return cacheDetailTab.value
+  }
+  return hasSpiderData.value ? 'spider' : 'rss'
+})
+
+// 站点选项
+const siteOptions = computed(() => {
+  const sites = new Set<string>()
+  
+  // 收集所有站点
+  if (cacheData.value?.spider?.data) {
+    cacheData.value.spider.data.forEach((item: any) => {
+      sites.add(item.domain)
+    })
+  }
+  if (cacheData.value?.rss?.data) {
+    cacheData.value.rss.data.forEach((item: any) => {
+      sites.add(item.domain)
+    })
+  }
+  
+  return Array.from(sites).map(domain => ({
+    title: getSiteName(domain),
+    value: domain
+  }))
+})
+
+// 表格头部定义
+const siteStatsHeaders = computed(() => [
+  { title: t('cache.siteDomain'), key: 'domain', sortable: true },
+  { title: t('cache.cacheCount'), key: 'count', sortable: true },
+  { title: t('cache.latestRelease'), key: 'latest_date', sortable: true }
+])
+
+const cacheDataHeaders = computed(() => [
+  { title: '', key: 'data-table-select', sortable: false },
+  { title: t('cache.poster'), key: 'poster', sortable: false, width: '80px' },
+  { title: t('cache.torrentTitle'), key: 'title', sortable: true },
+  { title: t('cache.site'), key: 'site_name', sortable: true },
+  { title: t('cache.size'), key: 'size', sortable: true },
+  { title: t('cache.releaseTime'), key: 'pubdate', sortable: true },
+  { title: t('cache.recognitionInfo'), key: 'media_info', sortable: false },
+  { title: t('cache.resourceInfo'), key: 'resource_term', sortable: true },
+  { title: t('cache.actions'), key: 'actions', sortable: false, width: '120px' }
+])
+
+// 获取站点名称
+const getSiteName = (domain: string): string => {
+  return sitesMapping.value[domain] || domain
+}
+
+// 获取模式文本
+const getModeText = (mode: string | undefined): string => {
+  switch (mode) {
+    case 'spider':
+      return t('cache.spiderMode')
+    case 'rss':
+      return t('cache.rssMode')
+    case 'auto':
+    default:
+      return t('cache.autoMode')
+  }
+}
+
+// 获取缓存统计
+const fetchCacheStats = async () => {
+  try {
+    const response: any = await api.get('/system/cache/torrents/stats')
+    if (response.success) {
+      cacheStats.value = response.data
+    }
+  } catch (error) {
+    console.error(t('cache.fetchStatsError'), error)
+  }
+}
+
+// 获取缓存数据
+const fetchCacheData = async () => {
+  try {
+    const response: any = await api.get('/system/cache/torrents')
+    if (response.success) {
+      cacheData.value = response.data
+      
+      // 根据实际数据自动设置活动标签页
+      const hasSpiderData = (response.data.spider?.count || 0) > 0
+      const hasRssData = (response.data.rss?.count || 0) > 0
+      
+      if (hasSpiderData && !hasRssData) {
+        cacheDetailTab.value = 'spider'
+      } else if (hasRssData && !hasSpiderData) {
+        cacheDetailTab.value = 'rss'
+      }
+    }
+  } catch (error) {
+    console.error(t('cache.fetchDataError'), error)
+  }
+}
+
+// 刷新缓存
+const refreshCache = async () => {
+  refreshing.value = true
+  try {
+    const response: any = await api.post('/system/cache/torrents/refresh?cache_type=auto')
+    if (response.success) {
+      await fetchCacheStats()
+      if (showCacheData.value) {
+        await fetchCacheData()
+      }
+    }
+  } catch (error) {
+    console.error(t('cache.refreshError'), error)
+  } finally {
+    refreshing.value = false
+  }
+}
+
+// 清理缓存
+const clearCache = async () => {
+  if (!confirm(t('cache.confirmClearCache'))) {
+    return
+  }
+  
+  clearing.value = true
+  try {
+    const response: any = await api.delete('/system/cache/torrents')
+    if (response.success) {
+      await fetchCacheStats()
+      if (showCacheData.value) {
+        await fetchCacheData()
+      }
+    }
+  } catch (error) {
+    console.error(t('cache.clearError'), error)
+  } finally {
+    clearing.value = false
+  }
+}
+
+// 格式化文件大小
+const formatFileSize = (bytes: number): string => {
+  if (!bytes) return '0 B'
+  
+  const k = 1024
+  const sizes = ['B', 'KB', 'MB', 'GB', 'TB']
+  const i = Math.floor(Math.log(bytes) / Math.log(k))
+  
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]
+}
+
+// 格式化日期
+const formatDate = (dateString: string): string => {
+  if (!dateString) return ''
+  
+  const date = new Date(dateString)
+  return date.toLocaleString('zh-CN', {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit'
+  })
+}
+
+// 删除选中的种子
+const deleteSelectedTorrents = async () => {
+  if (selectedItems.value.length === 0) {
+    return
+  }
+  
+  if (!confirm(t('cache.confirmDeleteSelected', { count: selectedItems.value.length }))) {
+    return
+  }
+  
+  for (const item of selectedItems.value) {
+    operatingItems.value.add(item.hash)
+    try {
+      const response: any = await api.delete(`/system/cache/torrents/${currentCacheType.value}/${item.domain}/${item.hash}`)
+      if (!response.success) {
+        console.error(`删除种子失败: ${response.message}`)
+      }
+    } catch (error) {
+      console.error('删除种子失败', error)
+    } finally {
+      operatingItems.value.delete(item.hash)
+    }
+  }
+  
+  selectedItems.value = []
+  await fetchCacheData()
+  await fetchCacheStats()
+}
+
+// 重新识别选中的种子
+const reidentifySelectedTorrents = () => {
+  if (selectedItems.value.length === 0) {
+    return
+  }
+  showReidentifyDialog.value = true
+}
+
+// 执行重新识别
+const executeReidentify = async () => {
+  for (const item of selectedItems.value) {
+    operatingItems.value.add(item.hash)
+    try {
+      const params = new URLSearchParams()
+      if (reidentifyTmdbid.value) {
+        params.append('tmdbid', reidentifyTmdbid.value.toString())
+      }
+      if (reidentifyDoubanid.value) {
+        params.append('doubanid', reidentifyDoubanid.value)
+      }
+      
+      const url = `/system/cache/torrents/${currentCacheType.value}/${item.domain}/${item.hash}/reidentify${params.toString() ? '?' + params.toString() : ''}`
+      const response: any = await api.post(url)
+      if (!response.success) {
+        console.error(`重新识别失败: ${response.message}`)
+      }
+    } catch (error) {
+      console.error('重新识别失败', error)
+    } finally {
+      operatingItems.value.delete(item.hash)
+    }
+  }
+  
+  showReidentifyDialog.value = false
+  selectedItems.value = []
+  reidentifyTmdbid.value = undefined
+  reidentifyDoubanid.value = undefined
+  await fetchCacheData()
+}
+
+// 删除单个种子
+const deleteSingleTorrent = async (item: TorrentCacheItem) => {
+  if (!confirm(t('cache.confirmDeleteSingle'))) {
+    return
+  }
+  
+  operatingItems.value.add(item.hash)
+  try {
+    const response: any = await api.delete(`/system/cache/torrents/${currentCacheType.value}/${item.domain}/${item.hash}`)
+    if (response.success) {
+      await fetchCacheData()
+      await fetchCacheStats()
+    }
+  } catch (error) {
+    console.error('删除种子失败', error)
+  } finally {
+    operatingItems.value.delete(item.hash)
+  }
+}
+
+// 重新识别单个种子
+const reidentifySingleTorrent = async (item: TorrentCacheItem) => {
+  selectedItems.value = [item]
+  showReidentifyDialog.value = true
+}
+
+// 清理过期图片
+const cleanExpiredImages = async () => {
+  if (!confirm(t('cache.confirmCleanExpiredImages'))) {
+    return
+  }
+  
+  cleaningExpired.value = true
+  try {
+    const response: any = await api.post(`/system/cache/images/clean?days=${expiredDays.value}`)
+    if (response.success) {
+      await fetchImageCacheStats()
+    }
+  } catch (error) {
+    console.error(t('cache.cleanExpiredImagesError'), error)
+  } finally {
+    cleaningExpired.value = false
+  }
+}
+
+// 清理所有图片
+const clearImageCache = async () => {
+  if (!confirm(t('cache.confirmClearAllImages'))) {
+    return
+  }
+  
+  clearingImages.value = true
+  try {
+    const response: any = await api.delete('/system/cache/images')
+    if (response.success) {
+      await fetchImageCacheStats()
+    }
+  } catch (error) {
+    console.error(t('cache.clearAllImagesError'), error)
+  } finally {
+    clearingImages.value = false
+  }
+}
+
+// 获取图片缓存统计
+const fetchImageCacheStats = async () => {
+  try {
+    const response: any = await api.get('/system/cache/images/stats')
+    if (response.success) {
+      imageCacheStats.value = response.data
+    }
+  } catch (error) {
+    console.error(t('cache.fetchImageCacheStatsError'), error)
+  }
+}
+
+// 移除站点
+const removeSite = (site: string) => {
+  selectedSites.value = selectedSites.value.filter((s) => s !== site)
+}
+
+// 过滤数据
+const filteredSpiderData = computed(() => {
+  if (!cacheData.value?.spider?.data) return []
+  if (selectedSites.value.length === 0) return cacheData.value.spider.data
+  return cacheData.value.spider.data.filter((item: any) => {
+    return selectedSites.value.includes(item.domain)
+  })
+})
+
+const filteredRssData = computed(() => {
+  if (!cacheData.value?.rss?.data) return []
+  if (selectedSites.value.length === 0) return cacheData.value.rss.data
+  return cacheData.value.rss.data.filter((item: any) => {
+    return selectedSites.value.includes(item.domain)
+  })
+})
+
+const filteredCurrentData = computed(() => {
+  if (hasSpiderData.value && (!showTabs.value || cacheDetailTab.value === 'spider')) {
+    return filteredSpiderData.value
+  }
+  return filteredRssData.value
+})
+
+// 显示图片预览
+const showImageDialog = (url: string) => {
+  previewImageUrl.value = url
+  showImagePreview.value = true
+}
+
+// 增加过期天数
+const increaseExpiredDays = () => {
+  if (expiredDays.value < 365) {
+    expiredDays.value++
+  }
+}
+
+// 减少过期天数
+const decreaseExpiredDays = () => {
+  if (expiredDays.value > 1) {
+    expiredDays.value--
+  }
+}
+
+// 获取站点映射
+const fetchSitesMapping = async () => {
+  try {
+    const response: any = await api.get('/system/sites/mapping')
+    if (response.success) {
+      sitesMapping.value = response.data
+    }
+  } catch (error) {
+    console.error('获取站点映射失败', error)
+  }
+}
+
+// 监听显示缓存数据变化
+watch(showCacheData, async (newValue) => {
+  if (newValue && !cacheData.value) {
+    await fetchCacheData()
+  }
+})
+
+// 组件挂载时获取数据
+onMounted(async () => {
+  await fetchSitesMapping()
+  await fetchCacheStats()
+  await fetchImageCacheStats()
+})
+</script>
+
+<style scoped>
+.image-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  gap: 16px;
+}
+
+.image-item {
+  position: relative;
+}
+
+.image-info {
+  padding: 8px;
+  background: rgba(0, 0, 0, 0.7);
+  color: white;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  border-radius: 0 0 4px 4px;
+}
+
+.image-hover {
+  transition: transform 0.2s ease-in-out;
+}
+
+.image-hover:hover {
+  transform: scale(1.05);
+}
+
+.cursor-pointer {
+  cursor: pointer;
+}
+
+.image-preview-dialog {
+  background-color: rgba(0, 0, 0, 0.9);
+}
+
+.image-preview-dialog .v-overlay__content {
+  background: transparent !important;
+  box-shadow: none !important;
+  padding: 0 !important;
+}
+
+.close-btn {
+  position: absolute;
+  top: 16px;
+  right: 16px;
+  z-index: 1000;
+  background-color: rgba(0, 0, 0, 0.7) !important;
+}
+</style> 
\ No newline at end of file