feat: merge conflict resolution, site management, UI fixes

web/src/pages/AdminPage.tsx

@@ -4,39 +4,55 @@ import { Trash2 } from 'lucide-react'
 
 import { adminAPI } from '../api/admin'
 import { libraryAPI } from '../api/library'
+import { schedulerAPI, type JobStatus } from '../api/scheduler'
 import type { Library, User } from '../types'
+import { DownloadClientCard } from '../components/DownloadClientCard'
+import { NotifyChannelCard } from '../components/NotifyChannelCard'
+import { APIConfigsPanel } from '../components/APIConfigsPanel'
+import { SitesPage } from './SitesPage'
 
-// Single-page admin console. We split the surface into three panels:
-//   • Libraries  — create / delete / scan
-//   • Users      — list / delete (cannot delete self)
-//   • Settings   — generic key/value store viewer
-//
-// Each panel manages its own loading / refresh state.
 export function AdminPage() {
-  const [tab, setTab] = useState<'library' | 'users' | 'settings'>('library')
+  const [tab, setTab] = useState<
+    'sites' | 'library' | 'users' | 'settings' | 'api' | 'downloads' | 'notify' | 'scheduler'
+  >('sites')
+  const tabs = [
+    { key: 'sites' as const, label: '站点管理' },
+    { key: 'library' as const, label: '媒体库' },
+    { key: 'users' as const, label: '用户' },
+    { key: 'api' as const, label: '外部API' },
+    { key: 'settings' as const, label: '系统设置' },
+    { key: 'downloads' as const, label: '下载客户端' },
+    { key: 'notify' as const, label: '通知渠道' },
+    { key: 'scheduler' as const, label: '定时任务' },
+  ]
   return (
     <div className="space-y-6">
       <h1 className="font-display text-3xl font-bold text-white">管理后台</h1>
-      <div className="flex gap-2 border-b border-white/10">
-        {(['library', 'users', 'settings'] as const).map((k) => (
+      <div className="flex flex-wrap gap-2 border-b border-white/10">
+        {tabs.map((k) => (
           <button
-            key={k}
-            onClick={() => setTab(k)}
+            key={k.key}
+            onClick={() => setTab(k.key)}
             className={
               'border-b-2 px-4 py-2 text-sm transition ' +
-              (tab === k
+              (tab === k.key
                 ? 'border-primary-400 text-primary-400'
                 : 'border-transparent text-slate-400 hover:text-white')
             }
           >
-            {k === 'library' ? '媒体库' : k === 'users' ? '用户' : '设置'}
+            {k.label}
           </button>
         ))}
       </div>
 
+      {tab === 'sites' && <SitesPage />}
       {tab === 'library' && <LibraryPanel />}
       {tab === 'users' && <UsersPanel />}
+      {tab === 'api' && <APIConfigsPanel />}
       {tab === 'settings' && <SettingsPanel />}
+      {tab === 'downloads' && <DownloadClientCard />}
+      {tab === 'notify' && <NotifyChannelCard />}
+      {tab === 'scheduler' && <SchedulerPanel />}
     </div>
   )
 }
@@ -251,3 +267,64 @@ function SettingsPanel() {
     </div>
   )
 }
+
+function SchedulerPanel() {
+  const [tasks, setTasks] = useState<JobStatus[]>([])
+  const [loading, setLoading] = useState(false)
+
+  const refresh = () => {
+    setLoading(true)
+    schedulerAPI.status().then(setTasks).finally(() => setLoading(false))
+  }
+  useEffect(() => {
+    refresh()
+  }, [])
+
+  return (
+    <div className="glass-panel">
+      {loading && <p className="py-4 text-center text-slate-400">加载中...</p>}
+      {!loading && tasks.length === 0 && (
+        <p className="py-4 text-center text-slate-400">暂无定时任务</p>
+      )}
+      {!loading && tasks.length > 0 && (
+        <table className="w-full text-left text-sm">
+          <thead className="text-xs uppercase tracking-wider text-slate-500">
+            <tr>
+              <th className="py-2">名称</th>
+              <th>间隔</th>
+              <th>上次运行</th>
+              <th className="text-right">操作</th>
+            </tr>
+          </thead>
+          <tbody>
+            {tasks.map((t) => (
+              <tr key={t.name} className="border-t border-white/5">
+                <td className="py-2 text-white">{t.name}</td>
+                <td className="text-slate-300">{t.interval}</td>
+                <td className="text-slate-400">
+                  {t.last_run ? new Date(t.last_run).toLocaleString() : '-'}
+                </td>
+                <td className="py-2 text-right">
+                  <button
+                    className="rounded border border-amber-400/40 px-2 py-1 text-xs text-amber-400 hover:bg-amber-400/10"
+                    onClick={async () => {
+                      try {
+                        await schedulerAPI.run(t.name)
+                        toast.success('任务已触发')
+                        refresh()
+                      } catch {
+                        toast.error('触发失败')
+                      }
+                    }}
+                  >
+                    手动运行
+                  </button>
+                </td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      )}
+    </div>
+  )
+}

web/src/pages/FavouritesPage.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useState } from 'react'
+import toast from 'react-hot-toast'
 
 import { playbackAPI } from '../api/playback'
 import { MediaCard } from '../components/MediaCard'
@@ -7,26 +8,76 @@ import type { Media } from '../types'
 export function FavouritesPage() {
   const [items, setItems] = useState<Media[]>([])
   const [loading, setLoading] = useState(true)
+  const [error, setError] = useState('')
 
   useEffect(() => {
     playbackAPI
       .listFavourites()
-      .then(setItems)
+      .then((data) => setItems(data ?? []))
+      .catch((err) => {
+        const msg =
+          (err as { response?: { data?: { error?: string } } })?.response?.data?.error ??
+          '加载收藏失败'
+        setError(msg)
+        toast.error(msg)
+      })
       .finally(() => setLoading(false))
   }, [])
 
+  const isEmpty = !loading && !error && items.length === 0
+
   return (
     <div className="space-y-6">
       <h1 className="font-display text-3xl font-bold text-white">我的收藏</h1>
-      {loading && <p className="text-slate-500">加载中…</p>}
-      {!loading && items.length === 0 && (
-        <p className="text-slate-400">还没有任何收藏,点击媒体详情页的「收藏」按钮添加。</p>
+
+      {loading && (
+        <div className="flex items-center gap-2 py-8 text-slate-400">
+          <span className="inline-block h-4 w-4 animate-spin rounded-full border-2 border-primary-400 border-t-transparent" />
+          加载中…
+        </div>
+      )}
+
+      {error && (
+        <div className="glass-panel !border-red-400/30 p-4 text-sm text-red-400">
+          {error}
+          <button
+            className="ml-3 underline hover:text-red-300"
+            onClick={() => {
+              setError('')
+              setLoading(true)
+              playbackAPI
+                .listFavourites()
+                .then((data) => setItems(data ?? []))
+                .catch((err2) => {
+                  const msg =
+                    (err2 as { response?: { data?: { error?: string } } })?.response?.data?.error ??
+                    '加载收藏失败'
+                  setError(msg)
+                })
+                .finally(() => setLoading(false))
+            }}
+          >
+            重试
+          </button>
+        </div>
+      )}
+
+      {isEmpty && (
+        <div className="glass-panel flex flex-col items-center gap-3 p-10 text-center">
+          <p className="text-lg text-slate-300">还没有任何收藏</p>
+          <p className="text-sm text-slate-500">
+            点击媒体详情页的「收藏」按钮添加喜欢的内容
+          </p>
+        </div>
+      )}
+
+      {items.length > 0 && (
+        <div className="grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6">
+          {items.map((m) => (
+            <MediaCard key={m.id} media={m} />
+          ))}
+        </div>
       )}
-      <div className="grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6">
-        {items.map((m) => (
-          <MediaCard key={m.id} media={m} />
-        ))}
-      </div>
     </div>
   )
 }

web/src/pages/LoginPage.tsx

@@ -20,8 +20,8 @@ export function LoginPage() {
     setLoading(true)
     try {
       const data = await authAPI.login(username, password)
-      setSession(data.token, data.user)
-      toast.success(`欢迎回来,${data.user.username}`)
+      setSession(data.tokens.access_token, data.tokens.refresh_token, data.user)
+      toast.success(`欢迎回来, ${data.user.username}`)
       navigate('/')
     } catch (err: unknown) {
       const msg =

web/src/pages/SearchPage.tsx

@@ -1,4 +1,4 @@
-import { ChangeEvent, FormEvent, useEffect, useState } from 'react'
+import { ChangeEvent, FormEvent, useCallback, useEffect, useState } from 'react'
 import toast from 'react-hot-toast'
 import { Sparkles } from 'lucide-react'
 
@@ -7,16 +7,15 @@ import { mediaAPI } from '../api/library'
 import { MediaCard } from '../components/MediaCard'
 import type { Media } from '../types'
 
-// SearchPage runs a fast LIKE search by default, with an optional AI
-// "smart search" toggle that calls /api/ai/search to produce a structured
-// intent before executing the library lookup.
 export function SearchPage() {
   const [q, setQ] = useState('')
   const [items, setItems] = useState<Media[]>([])
   const [loading, setLoading] = useState(false)
+  const [error, setError] = useState('')
   const [aiOn, setAiOn] = useState(false)
   const [aiAvailable, setAiAvailable] = useState(false)
   const [intent, setIntent] = useState<SearchIntent | null>(null)
+  const [hasSearched, setHasSearched] = useState(false)
 
   useEffect(() => {
     aiAPI
@@ -25,37 +24,63 @@ export function SearchPage() {
       .catch(() => setAiAvailable(false))
   }, [])
 
+  const doQuickSearch = useCallback((query: string) => {
+    if (!query.trim()) {
+      setItems([])
+      setHasSearched(false)
+      setLoading(false)
+      return
+    }
+    setHasSearched(true)
+    setError('')
+    mediaAPI
+      .search(query, 60)
+      .then((d) => {
+        setItems(d.items ?? [])
+        setIntent(null)
+      })
+      .catch((err) => {
+        const msg =
+          (err as { response?: { data?: { error?: string } } })?.response?.data?.error ??
+          '搜索失败'
+        setError(msg)
+        toast.error(msg)
+      })
+      .finally(() => setLoading(false))
+  }, [])
+
   // Fast LIKE search-as-you-type when AI mode is OFF.
   useEffect(() => {
     if (aiOn) return
-    const t = setTimeout(() => {
-      setLoading(true)
-      mediaAPI
-        .search(q, 60)
-        .then((d) => {
-          setItems(d.items)
-          setIntent(null)
-        })
-        .finally(() => setLoading(false))
-    }, 300)
+    setLoading(true)
+    const t = setTimeout(() => doQuickSearch(q), 300)
     return () => clearTimeout(t)
-  }, [q, aiOn])
+  }, [q, aiOn, doQuickSearch])
 
   const onAISubmit = async (e: FormEvent) => {
     e.preventDefault()
     if (!q.trim()) return
     setLoading(true)
+    setError('')
+    setHasSearched(true)
     try {
       const data = await aiAPI.smartSearch(q)
-      setItems(data.items)
+      setItems(data.items ?? [])
       setIntent(data.intent)
-    } catch {
-      toast.error('AI 搜索失败')
+    } catch (err) {
+      const msg =
+        (err as { response?: { data?: { error?: string } } })?.response?.data?.error ??
+        'AI 搜索失败'
+      setError(msg)
+      toast.error(msg)
     } finally {
       setLoading(false)
     }
   }
 
+  const showEmpty = !loading && !error && hasSearched && items.length === 0
+  const showIdle = !loading && !error && !hasSearched
+
   return (
     <div className="space-y-6">
       <header className="flex items-center justify-between">
@@ -78,7 +103,7 @@ export function SearchPage() {
           <input
             autoFocus
             className="input-base"
-            placeholder='例如:“2010 年后的科幻电影” / “最近的动漫”'
+            placeholder='例如:"2010 年后的科幻电影" / "最近的动漫"'
             value={q}
             onChange={(e: ChangeEvent<HTMLInputElement>) => setQ(e.target.value)}
           />
@@ -103,12 +128,40 @@ export function SearchPage() {
         </div>
       )}
 
-      {loading && <p className="text-slate-500">搜索中…</p>}
-      <div className="grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6">
-        {items.map((m) => (
-          <MediaCard key={m.id} media={m} />
-        ))}
-      </div>
+      {loading && (
+        <div className="flex items-center gap-2 py-8 text-slate-400">
+          <span className="inline-block h-4 w-4 animate-spin rounded-full border-2 border-primary-400 border-t-transparent" />
+          搜索中…
+        </div>
+      )}
+
+      {error && (
+        <div className="glass-panel !border-red-400/30 p-4 text-sm text-red-400">{error}</div>
+      )}
+
+      {showIdle && (
+        <div className="glass-panel flex flex-col items-center gap-2 p-10 text-center">
+          <p className="text-lg text-slate-300">输入关键词开始搜索</p>
+          <p className="text-sm text-slate-500">
+            支持电影、电视剧、动漫等媒体内容的快速搜索
+          </p>
+        </div>
+      )}
+
+      {showEmpty && (
+        <div className="glass-panel flex flex-col items-center gap-2 p-10 text-center">
+          <p className="text-lg text-slate-300">未找到匹配的媒体</p>
+          <p className="text-sm text-slate-500">尝试其他关键词，或者添加媒体库后执行扫描</p>
+        </div>
+      )}
+
+      {items.length > 0 && (
+        <div className="grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6">
+          {items.map((m) => (
+            <MediaCard key={m.id} media={m} />
+          ))}
+        </div>
+      )}
     </div>
   )
 }

web/src/pages/SitesPage.tsx

@@ -0,0 +1,530 @@
+import { FormEvent, useEffect, useState } from 'react'
+import toast from 'react-hot-toast'
+import { Globe, Plus, Trash2, Wifi, RefreshCw, X, Edit3, CheckCircle, XCircle, HelpCircle } from 'lucide-react'
+
+import { sitesAPI } from '../api/sites'
+import type { Site } from '../types'
+
+// ── 站点类型映射 ──
+const SITE_TYPE_LABELS: Record<string, string> = {
+  nexusphp: 'NexusPHP',
+  gazelle: 'Gazelle',
+  unit3d: 'UNIT3D',
+  mteam: 'M-Team',
+  discuz: 'Discuz',
+  custom_rss: '自定义 RSS',
+}
+
+const SITE_TYPE_ABBR: Record<string, string> = {
+  nexusphp: 'NP',
+  gazelle: 'GZ',
+  unit3d: 'U3',
+  mteam: 'MT',
+  discuz: 'DZ',
+  custom_rss: 'RS',
+}
+
+const SITE_TYPE_COLORS: Record<string, string> = {
+  nexusphp: 'bg-blue-500/15 text-blue-400',
+  gazelle: 'bg-purple-500/15 text-purple-400',
+  unit3d: 'bg-orange-500/15 text-orange-400',
+  mteam: 'bg-green-500/15 text-green-400',
+  discuz: 'bg-yellow-500/15 text-yellow-400',
+  custom_rss: 'bg-slate-500/15 text-slate-400',
+}
+
+const AUTH_TYPE_LABELS: Record<string, string> = {
+  cookie: 'Cookie',
+  api_key: 'API Key',
+  auth_header: 'Auth Header',
+}
+
+// ── 默认表单 ──
+const defaultForm = () => ({
+  name: '',
+  url: '',
+  type: 'nexusphp',
+  auth_type: 'cookie',
+  cookie: '',
+  api_key: '',
+  auth_header: '',
+  enabled: true,
+  is_default: false,
+  extra: '',
+})
+
+export function SitesPage() {
+  const [sites, setSites] = useState<Site[]>([])
+  const [loading, setLoading] = useState(true)
+  const [showModal, setShowModal] = useState(false)
+  const [editingId, setEditingId] = useState<string | null>(null)
+  const [form, setForm] = useState(defaultForm())
+  const [saving, setSaving] = useState(false)
+  const [testingId, setTestingId] = useState<string | null>(null)
+  const [advancedOpen, setAdvancedOpen] = useState(false)
+
+  const loadSites = async () => {
+    setLoading(true)
+    try {
+      const res = await sitesAPI.list()
+      setSites(Array.isArray(res.data) ? res.data : [])
+    } catch {
+      toast.error('加载站点列表失败')
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  useEffect(() => {
+    loadSites()
+  }, [])
+
+  // ── 弹窗操作 ──
+  const openCreate = () => {
+    setEditingId(null)
+    setForm(defaultForm())
+    setAdvancedOpen(false)
+    setShowModal(true)
+  }
+
+  const openEdit = async (id: string) => {
+    try {
+      const res = await sitesAPI.get(id)
+      const s = res.data as Site
+      setEditingId(id)
+      setForm({
+        name: s.name || '',
+        url: s.url || '',
+        type: s.type || 'nexusphp',
+        auth_type: s.auth_type || 'cookie',
+        cookie: s.cookie || '',
+        api_key: s.api_key || '',
+        auth_header: s.auth_header || '',
+        enabled: s.enabled !== false,
+        is_default: s.is_default || false,
+        extra: s.extra || '',
+      })
+      setAdvancedOpen(false)
+      setShowModal(true)
+    } catch {
+      toast.error('获取站点详情失败')
+    }
+  }
+
+  const closeModal = () => {
+    setShowModal(false)
+    setEditingId(null)
+  }
+
+  // ── 保存 ──
+  const handleSave = async (e: FormEvent) => {
+    e.preventDefault()
+    if (!form.name.trim() || !form.url.trim()) {
+      toast.error('站点名称和地址不能为空')
+      return
+    }
+    setSaving(true)
+    try {
+      const payload: Record<string, unknown> = {
+        name: form.name.trim(),
+        url: form.url.trim(),
+        type: form.type,
+        auth_type: form.auth_type,
+        cookie: form.cookie || '',
+        api_key: form.api_key || '',
+        auth_header: form.auth_header || '',
+        enabled: form.enabled,
+        is_default: form.is_default,
+        extra: form.extra || '',
+      }
+
+      if (editingId) {
+        await sitesAPI.update(editingId, payload)
+        toast.success('站点已更新')
+      } else {
+        await sitesAPI.create(payload)
+        toast.success('站点已添加')
+      }
+      closeModal()
+      await loadSites()
+    } catch (err: unknown) {
+      const msg =
+        (err as { response?: { data?: { message?: string } } })?.response?.data?.message ??
+        '保存失败'
+      toast.error(msg)
+    } finally {
+      setSaving(false)
+    }
+  }
+
+  // ── 测试 ──
+  const handleTest = async (id: string) => {
+    setTestingId(id)
+    try {
+      await sitesAPI.test(id)
+      toast.success('连接测试成功')
+    } catch {
+      toast.error('连接测试失败')
+    } finally {
+      setTestingId(null)
+    }
+  }
+
+  // ── 删除 ──
+  const handleDelete = async (site: Site) => {
+    if (!confirm(`确定要删除站点「${site.name}」吗？此操作不可撤销。`)) return
+    try {
+      await sitesAPI.remove(site.id)
+      toast.success('站点已删除')
+      await loadSites()
+    } catch {
+      toast.error('删除站点失败')
+    }
+  }
+
+  // ── 站点类型切换时自动切换认证方式 ──
+  const handleTypeChange = (t: string) => {
+    setForm((f) => ({
+      ...f,
+      type: t,
+      auth_type: t === 'mteam' ? 'api_key' : f.auth_type,
+    }))
+  }
+
+  return (
+    <div className="space-y-6">
+      {/* 页头 */}
+      <div className="flex items-center justify-between">
+        <h1 className="font-display text-3xl font-bold text-white">站点管理</h1>
+        <button onClick={openCreate} className="neon-button flex items-center gap-2">
+          <Plus size={16} />
+          添加站点
+        </button>
+      </div>
+
+      {/* 站点卡片网格 */}
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+        {sites.map((site) => (
+          <div key={site.id} className="glass-panel p-4 space-y-3 transition-all hover:border-primary-400/30">
+            {/* 头部 */}
+            <div className="flex items-start justify-between">
+              <div className="flex items-center gap-2 min-w-0">
+                <div className={`w-8 h-8 rounded-lg flex items-center justify-center text-xs font-bold shrink-0 ${SITE_TYPE_COLORS[site.type] || 'bg-slate-500/15 text-slate-400'}`}>
+                  {SITE_TYPE_ABBR[site.type] || '?'}
+                </div>
+                <div className="min-w-0">
+                  <div className="font-medium text-white truncate">{site.name}</div>
+                  <div className="text-xs text-slate-400 truncate max-w-[160px]">{site.url}</div>
+                </div>
+              </div>
+              {/* 状态指示 */}
+              <div className="flex items-center gap-1 shrink-0 ml-2">
+                {site.last_check_at ? (
+                  site.last_error ? (
+                    <XCircle size={14} className="text-red-400" />
+                  ) : (
+                    <CheckCircle size={14} className="text-green-400" />
+                  )
+                ) : (
+                  <HelpCircle size={14} className="text-slate-500" />
+                )}
+                {!site.enabled && <span className="text-xs text-slate-500 ml-1">已停用</span>}
+              </div>
+            </div>
+
+            {/* 标签 */}
+            <div className="flex flex-wrap gap-1.5">
+              <span className="text-xs px-1.5 py-0.5 rounded bg-white/5 text-slate-400">
+                {SITE_TYPE_LABELS[site.type] || site.type}
+              </span>
+              <span className="text-xs px-1.5 py-0.5 rounded bg-white/5 text-slate-400">
+                {AUTH_TYPE_LABELS[site.auth_type] || site.auth_type}
+              </span>
+              {site.is_default && (
+                <span className="text-xs px-1.5 py-0.5 rounded bg-primary-400/15 text-primary-400">默认</span>
+              )}
+            </div>
+
+            {/* 操作按钮 */}
+            <div className="flex items-center gap-2 pt-1">
+              <button
+                onClick={() => handleTest(site.id)}
+                disabled={testingId === site.id}
+                className="flex-1 rounded border border-white/10 px-2 py-1.5 text-xs text-slate-300 hover:bg-white/5 disabled:opacity-50 flex items-center justify-center gap-1 transition"
+              >
+                {testingId === site.id ? (
+                  <>
+                    <RefreshCw size={12} className="animate-spin" />
+                    测试中...
+                  </>
+                ) : (
+                  <>
+                    <Wifi size={12} />
+                    测试连接
+                  </>
+                )}
+              </button>
+              <button
+                onClick={() => openEdit(site.id)}
+                className="rounded border border-white/10 p-1.5 text-slate-400 hover:text-white hover:bg-white/5 transition"
+                title="编辑"
+              >
+                <Edit3 size={14} />
+              </button>
+              <button
+                onClick={() => handleDelete(site)}
+                className="rounded border border-white/10 p-1.5 text-slate-400 hover:text-red-400 hover:bg-red-400/10 transition"
+                title="删除"
+              >
+                <Trash2 size={14} />
+              </button>
+            </div>
+          </div>
+        ))}
+
+        {/* 空状态 */}
+        {!loading && sites.length === 0 && (
+          <div className="col-span-full py-12 text-center text-slate-400">
+            <Globe size={40} className="mx-auto mb-3 text-slate-600" />
+            <p>暂无站点</p>
+            <p className="text-sm mt-1 text-slate-500">点击「添加站点」添加 PT/BT 站点</p>
+          </div>
+        )}
+
+        {/* 加载中 */}
+        {loading && (
+          <div className="col-span-full py-12 text-center text-slate-400">
+            <RefreshCw size={24} className="mx-auto mb-3 animate-spin" />
+            <p>加载中...</p>
+          </div>
+        )}
+      </div>
+
+      {/* ── 创建/编辑弹窗 ── */}
+      {showModal && (
+        <div className="fixed inset-0 z-50 flex items-start justify-center pt-[10vh] bg-black/60 backdrop-blur-sm" onClick={closeModal}>
+          <div
+            className="glass-panel w-full max-w-xl max-h-[75vh] overflow-y-auto mx-4 space-y-5"
+            onClick={(e) => e.stopPropagation()}
+          >
+            {/* 标题栏 */}
+            <div className="flex items-center justify-between">
+              <h2 className="text-lg font-bold text-white">
+                {editingId ? '编辑站点' : '添加站点'}
+              </h2>
+              <button onClick={closeModal} className="text-slate-400 hover:text-white transition">
+                <X size={20} />
+              </button>
+            </div>
+
+            <form onSubmit={handleSave} className="space-y-4">
+              {/* 名称 */}
+              <div>
+                <label className="block text-sm text-slate-400 mb-1.5">站点名称 *</label>
+                <input
+                  required
+                  className="input-base w-full"
+                  placeholder="例如: 馒头、观众、家园"
+                  value={form.name}
+                  onChange={(e) => setForm((f) => ({ ...f, name: e.target.value }))}
+                />
+              </div>
+
+              {/* 地址 */}
+              <div>
+                <label className="block text-sm text-slate-400 mb-1.5">站点地址 *</label>
+                <input
+                  required
+                  className="input-base w-full"
+                  placeholder="https://www.example.com/"
+                  value={form.url}
+                  onChange={(e) => setForm((f) => ({ ...f, url: e.target.value }))}
+                />
+                <p className="text-xs text-slate-500 mt-1">格式: https://www.example.com/</p>
+              </div>
+
+              {/* 站点类型 + 状态 */}
+              <div className="grid grid-cols-2 gap-4">
+                <div>
+                  <label className="block text-sm text-slate-400 mb-1.5">站点类型</label>
+                  <select
+                    className="input-base w-full"
+                    value={form.type}
+                    onChange={(e) => handleTypeChange(e.target.value)}
+                  >
+                    <option value="nexusphp">NexusPHP（国内主流PT）</option>
+                    <option value="gazelle">Gazelle（HDBits等）</option>
+                    <option value="unit3d">UNIT3D（BeyondHD等）</option>
+                    <option value="mteam">馒头 M-Team（专用API）</option>
+                    <option value="discuz">Discuz 论坛型</option>
+                    <option value="custom_rss">自定义 RSS</option>
+                  </select>
+                </div>
+                <div>
+                  <label className="block text-sm text-slate-400 mb-1.5">状态</label>
+                  <div className="flex items-center gap-3 h-10">
+                    <button
+                      type="button"
+                      onClick={() => setForm((f) => ({ ...f, enabled: !f.enabled }))}
+                      className={`relative inline-flex h-5 w-9 shrink-0 rounded-full transition-colors cursor-pointer ${form.enabled ? 'bg-primary-500' : 'bg-white/10'}`}
+                    >
+                      <span
+                        className={`pointer-events-none inline-block h-4 w-4 rounded-full bg-white shadow transform transition-transform mt-0.5 ${form.enabled ? 'translate-x-4' : 'translate-x-0.5'}`}
+                      />
+                    </button>
+                    <span className={`text-sm ${form.enabled ? 'text-white' : 'text-slate-500'}`}>
+                      {form.enabled ? '启用' : '停用'}
+                    </span>
+                  </div>
+                </div>
+              </div>
+
+              {/* 馒头提示 */}
+              {form.type === 'mteam' && (
+                <div className="p-3 rounded-lg border border-green-500/30 bg-green-500/5">
+                  <div className="text-sm font-medium text-green-400 mb-1">馒头站点配置指南</div>
+                  <div className="text-xs text-slate-400 space-y-1">
+                    <div><b>站点地址：</b><code className="text-green-300">https://api2.m-team.cc</code></div>
+                    <div><b>认证方式：</b>推荐使用「API Key / Passkey」</div>
+                    <div className="pl-3 text-slate-500">
+                      1. 登录馒头站 → 控制台 → 实验室 → 存取令牌<br />
+                      2. 点击「创建令牌」，复制生成的 Token<br />
+                      3. 将 Token 填入下方「令牌」输入框
+                    </div>
+                  </div>
+                </div>
+              )}
+
+              {/* 认证方式 */}
+              <div>
+                <label className="block text-sm text-slate-400 mb-2">认证方式</label>
+                <div className="flex gap-2 mb-3">
+                  {[
+                    { value: 'cookie', label: 'Cookie' },
+                    { value: 'api_key', label: 'API Key' },
+                    { value: 'auth_header', label: 'Auth Header' },
+                  ].map((opt) => (
+                    <button
+                      key={opt.value}
+                      type="button"
+                      onClick={() => setForm((f) => ({ ...f, auth_type: opt.value }))}
+                      className={`px-3 py-1.5 rounded-lg text-xs font-medium border transition ${
+                        form.auth_type === opt.value
+                          ? 'bg-primary-500 text-white border-primary-500'
+                          : 'border-white/10 text-slate-400 hover:border-primary-500/50'
+                      }`}
+                    >
+                      {opt.label}
+                    </button>
+                  ))}
+                </div>
+
+                {form.auth_type === 'cookie' && (
+                  <div>
+                    <label className="block text-xs text-slate-400 mb-1">Cookie</label>
+                    <textarea
+                      rows={3}
+                      className="input-base w-full resize-none text-xs font-mono"
+                      placeholder="uid=xxx; pass=xxx; ..."
+                      value={form.cookie}
+                      onChange={(e) => setForm((f) => ({ ...f, cookie: e.target.value }))}
+                    />
+                    <p className="text-xs text-slate-500 mt-1">从浏览器开发者工具的请求头中获取 Cookie 值</p>
+                  </div>
+                )}
+
+                {form.auth_type === 'api_key' && (
+                  <div>
+                    <label className="block text-xs text-slate-400 mb-1">令牌（API Key / Passkey）</label>
+                    <input
+                      type="password"
+                      className="input-base w-full font-mono text-sm"
+                      placeholder="输入 API Key 或 Passkey"
+                      value={form.api_key}
+                      onChange={(e) => setForm((f) => ({ ...f, api_key: e.target.value }))}
+                    />
+                    <p className="text-xs text-slate-500 mt-1">
+                      {form.type === 'mteam'
+                        ? '馒头：控制台 → 实验室 → 存取令牌'
+                        : '站点的访问 API Key'}
+                    </p>
+                  </div>
+                )}
+
+                {form.auth_type === 'auth_header' && (
+                  <div>
+                    <label className="block text-xs text-slate-400 mb-1">请求头（Authorization）</label>
+                    <input
+                      className="input-base w-full font-mono text-xs"
+                      placeholder="Bearer eyJhbGciOiJIUzI1NiIs..."
+                      value={form.auth_header}
+                      onChange={(e) => setForm((f) => ({ ...f, auth_header: e.target.value }))}
+                    />
+                  </div>
+                )}
+              </div>
+
+              {/* 高级选项 */}
+              <div>
+                <button
+                  type="button"
+                  onClick={() => setAdvancedOpen(!advancedOpen)}
+                  className="flex items-center gap-1 text-xs text-slate-400 hover:text-white transition"
+                >
+                  {advancedOpen ? '▾' : '▸'} 高级选项
+                </button>
+                {advancedOpen && (
+                  <div className="mt-3 pl-4 space-y-3 border-l border-white/10">
+                    <div>
+                      <label className="block text-xs text-slate-400 mb-1">Extra 扩展配置 (JSON)</label>
+                      <textarea
+                        rows={3}
+                        className="input-base w-full resize-none text-xs font-mono"
+                        placeholder='{"key":"value"}'
+                        value={form.extra}
+                        onChange={(e) => setForm((f) => ({ ...f, extra: e.target.value }))}
+                      />
+                    </div>
+                    <div className="flex items-center gap-3">
+                      <button
+                        type="button"
+                        onClick={() => setForm((f) => ({ ...f, is_default: !f.is_default }))}
+                        className={`relative inline-flex h-5 w-9 shrink-0 rounded-full transition-colors cursor-pointer ${form.is_default ? 'bg-primary-500' : 'bg-white/10'}`}
+                      >
+                        <span
+                          className={`pointer-events-none inline-block h-4 w-4 rounded-full bg-white shadow transform transition-transform mt-0.5 ${form.is_default ? 'translate-x-4' : 'translate-x-0.5'}`}
+                        />
+                      </button>
+                      <span className="text-sm text-slate-400">设为默认站点</span>
+                    </div>
+                  </div>
+                )}
+              </div>
+
+              {/* 按钮 */}
+              <div className="flex justify-end gap-2 pt-2">
+                <button type="button" onClick={closeModal} className="rounded border border-white/10 px-4 py-2 text-sm text-slate-300 hover:bg-white/5 transition">
+                  取消
+                </button>
+                <button
+                  type="submit"
+                  disabled={saving || !form.name.trim() || !form.url.trim()}
+                  className="neon-button text-sm disabled:opacity-50 flex items-center gap-1.5"
+                >
+                  {saving ? (
+                    <>
+                      <RefreshCw size={14} className="animate-spin" />
+                      保存中...
+                    </>
+                  ) : (
+                    '保存'
+                  )}
+                </button>
+              </div>
+            </form>
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}