feat(reader): P1 前端——首页影视/阅读切换 + 书架/搜索/书源/详情/阅读器

- 首页顶部「影视/阅读」分段切换（zustand 持久化，阅读模式直渲染书架）
- /reader/* 独立全屏路由（不套影视 Layout）：
  书架（响应式网格 3→8 列）、搜索页（结果流+失败书源明细）、
  书源管理（导入/启停/删除/快速调试日志）、详情页（目录+加书架）
- 阅读器仿 legado ReadMenu：6 套内置主题（日/夜色值对齐 readConfig.json）、
  CSS 多栏分页 + 平移翻页/滚动双模式、三区点击 + 键盘翻页（桌面）、
  上下章、目录抽屉（Virtuoso 虚拟滚动）、字号/行距/段距调节、
  进度记忆（服务端同步 + 下一章预取）
- 桌面兼容：内容列 900px 限宽居中、鼠标悬停态、键盘快捷键
- 后端：详情/目录/正文接口支持 source_url 定位书源（书架链路）

web/src/pages/reader/ReaderSearchPage.tsx

@@ -0,0 +1,201 @@
+import { useRef, useState } from 'react'
+import { Link, useNavigate } from 'react-router-dom'
+import toast from 'react-hot-toast'
+import { AlertTriangle, ArrowLeft, BookOpen, ChevronDown, ChevronRight, Loader2, Plus, Search } from 'lucide-react'
+
+import { readerAPI, type ReaderSearchBook, type ReaderSearchSkipped } from '../../api/reader'
+
+// 多源聚合搜索页（仿 legado SearchActivity：结果流 + 失败书源列表）。
+
+export default function ReaderSearchPage() {
+  const navigate = useNavigate()
+  const [key, setKey] = useState('')
+  const [searching, setSearching] = useState(false)
+  const [books, setBooks] = useState<ReaderSearchBook[] | null>(null)
+  const [skipped, setSkipped] = useState<ReaderSearchSkipped[]>([])
+  const [showSkipped, setShowSkipped] = useState(false)
+  const [adding, setAdding] = useState('')
+  const inputRef = useRef<HTMLInputElement>(null)
+
+  const doSearch = async () => {
+    const kw = key.trim()
+    if (!kw || searching) return
+    setSearching(true)
+    setShowSkipped(false)
+    try {
+      const res = await readerAPI.search(kw)
+      setBooks(res.books)
+      setSkipped(res.skipped)
+      if (res.books.length === 0) toast.error('所有书源都没有找到结果')
+    } catch (e) {
+      const msg = (e as { response?: { data?: { error?: string } } })?.response?.data?.error ?? '搜索失败'
+      toast.error(msg)
+    } finally {
+      setSearching(false)
+    }
+  }
+
+  const addToShelf = async (book: ReaderSearchBook) => {
+    const origin = book.origins[0]
+    if (!origin) return
+    setAdding(book.book_url)
+    try {
+      await readerAPI.addBook({ origin, name: book.name, author: book.author, cover_url: book.cover_url })
+      toast.success(`《${book.name}》已加入书架`)
+    } catch (e) {
+      const msg = (e as { response?: { data?: { error?: string } } })?.response?.data?.error ?? '加入书架失败'
+      toast.error(msg)
+    } finally {
+      setAdding('')
+    }
+  }
+
+  const openBook = async (book: ReaderSearchBook) => {
+    const origin = book.origins[0]
+    if (!origin) return
+    navigate(
+      `/reader/book?${new URLSearchParams({
+        source_url: origin.origin,
+        book_url: origin.book_url,
+        name: book.name,
+        author: book.author,
+        cover_url: book.cover_url,
+        origin_id: origin.source_id,
+        origin_name: origin.origin_name,
+      }).toString()}`,
+    )
+  }
+
+  return (
+    <div className="mx-auto min-h-[100dvh] w-full max-w-4xl px-4 pb-16 pt-4 sm:px-6">
+      <div className="flex items-center gap-3">
+        <button
+          type="button"
+          onClick={() => navigate(-1)}
+          className="rounded-xl p-2 text-[var(--app-muted)] hover:bg-[var(--app-hover)] hover:text-[var(--app-text)]"
+        >
+          <ArrowLeft size={18} />
+        </button>
+        <div className="flex flex-1 items-center gap-2 rounded-2xl border border-[var(--app-border)] bg-[var(--app-panel)] px-3 py-2">
+          <Search size={15} className="text-[var(--app-muted)]" />
+          <input
+            ref={inputRef}
+            autoFocus
+            value={key}
+            onChange={(e) => setKey(e.target.value)}
+            onKeyDown={(e) => e.key === 'Enter' && doSearch()}
+            placeholder="搜索书名或作者"
+            className="w-full bg-transparent text-sm text-[var(--app-text)] outline-none placeholder:text-[var(--app-muted)]"
+          />
+        </div>
+        <button
+          type="button"
+          onClick={doSearch}
+          disabled={searching || !key.trim()}
+          className="btn-primary text-xs disabled:opacity-50"
+        >
+          {searching ? <Loader2 size={13} className="animate-spin" /> : '搜索'}
+        </button>
+      </div>
+
+      {searching && (
+        <div className="flex flex-col items-center gap-2 py-24 text-[var(--app-muted)]">
+          <Loader2 className="animate-spin" size={22} />
+          <p className="text-xs">正在并发搜索启用的书源（单源最长 30 秒）…</p>
+        </div>
+      )}
+
+      {!searching && books !== null && (
+        <div className="mt-6 space-y-3">
+          {books.map((book) => (
+            <div
+              key={`${book.name}|${book.author}`}
+              className="flex gap-4 rounded-2xl border border-[var(--app-border)] bg-[var(--app-panel)] p-4"
+            >
+              <button type="button" onClick={() => openBook(book)} className="shrink-0">
+                <div className="h-24 w-16 overflow-hidden rounded-lg border border-[var(--app-border)] bg-[var(--app-panel-soft)]">
+                  {book.cover_url ? (
+                    <img
+                      src={book.cover_url}
+                      alt={book.name}
+                      loading="lazy"
+                      referrerPolicy="no-referrer"
+                      className="h-full w-full object-cover"
+                    />
+                  ) : (
+                    <div className="flex h-full w-full items-center justify-center">
+                      <BookOpen size={18} className="text-[var(--app-muted)]" />
+                    </div>
+                  )}
+                </div>
+              </button>
+              <div className="min-w-0 flex-1">
+                <button type="button" onClick={() => openBook(book)} className="text-left">
+                  <p className="truncate text-sm font-bold text-[var(--app-text)] hover:text-brand-600">
+                    {book.name}
+                    {book.origins.length > 1 && (
+                      <span className="ml-2 rounded-md bg-brand-500/10 px-1.5 py-0.5 text-2xs font-bold text-brand-600">
+                        {book.origins.length} 源可换
+                      </span>
+                    )}
+                  </p>
+                </button>
+                <p className="mt-1 truncate text-xs text-[var(--app-muted)]">
+                  {book.author || '佚名'}
+                  {book.kind ? ` · ${book.kind}` : ''}
+                  {book.word_count ? ` · ${book.word_count}` : ''}
+                </p>
+                <p className="mt-1 truncate text-xs text-[var(--app-muted)]">最新：{book.latest_chapter || '未知'}</p>
+                {book.intro && <p className="mt-1 line-clamp-2 text-xs text-[var(--app-subtle)]">{book.intro}</p>}
+              </div>
+              <div className="flex shrink-0 flex-col justify-center">
+                <button
+                  type="button"
+                  onClick={() => addToShelf(book)}
+                  disabled={adding === book.book_url}
+                  className="btn-outline text-2xs"
+                >
+                  {adding === book.book_url ? <Loader2 size={12} className="animate-spin" /> : <Plus size={12} />}
+                  加书架
+                </button>
+              </div>
+            </div>
+          ))}
+
+          {skipped.length > 0 && (
+            <div className="rounded-2xl border border-[var(--app-border)] bg-[var(--app-panel-soft)]">
+              <button
+                type="button"
+                onClick={() => setShowSkipped((v) => !v)}
+                className="flex w-full items-center gap-2 px-4 py-3 text-xs font-bold text-[var(--app-muted)]"
+              >
+                <AlertTriangle size={13} className="text-amber-500" />
+                {skipped.length} 个书源搜索失败
+                {showSkipped ? <ChevronDown size={13} className="ml-auto" /> : <ChevronRight size={13} className="ml-auto" />}
+              </button>
+              {showSkipped && (
+                <div className="space-y-1.5 px-4 pb-3">
+                  {skipped.map((s) => (
+                    <div key={s.source_id} className="flex items-start gap-2 text-xs text-[var(--app-muted)]">
+                      <span className="shrink-0 font-bold text-[var(--app-text)]">{s.origin_name}</span>
+                      <span className="min-w-0 break-all">{s.reason}</span>
+                    </div>
+                  ))}
+                  <Link to="/reader/sources" className="inline-block pt-1 text-2xs text-brand-600 hover:underline">
+                    去书源管理排查 →
+                  </Link>
+                </div>
+              )}
+            </div>
+          )}
+        </div>
+      )}
+
+      {!searching && books === null && (
+        <div className="py-24 text-center text-xs text-[var(--app-muted)]">
+          输入关键词开始搜索 · 需要 <Link to="/reader/sources" className="text-brand-600 hover:underline">先导入书源</Link>
+        </div>
+      )}
+    </div>
+  )
+}