diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 5a2253e..16bf0c4 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -10,6 +10,7 @@
       "dependencies": {
         "@tailwindcss/typography": "^0.5.19",
         "@uiw/react-md-editor": "^4.0.4",
+        "framer-motion": "^12.23.26",
         "lucide-react": "^0.552.0",
         "next": "15.5.4",
         "pdfjs-dist": "^3.11.174",
@@ -1484,6 +1485,7 @@
       "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.2.tgz",
       "integrity": "sha512-6mDvHUFSjyT2B2yeNx2nUgMxh9LtOWvkhIU3uePn2I2oyNymUAX1NIsdgviM4CH+JSrp2D2hsMvJOkxY+0wNRA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "csstype": "^3.0.2"
       }
@@ -1550,6 +1552,7 @@
       "integrity": "sha512-n1H6IcDhmmUEG7TNVSspGmiHHutt7iVKtZwRppD7e04wha5MrkV1h3pti9xQLcCMt6YWsncpoT0HMjkH1FNwWQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.46.0",
         "@typescript-eslint/types": "8.46.0",
@@ -2176,6 +2179,7 @@
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -3305,6 +3309,7 @@
       "integrity": "sha512-XyLmROnACWqSxiGYArdef1fItQd47weqB7iwtfr9JHwRrqIXZdcFMvvEcL9xHCmL0SNsOvF0c42lWyM1U5dgig==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -3479,6 +3484,7 @@
       "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.9",
@@ -3882,6 +3888,33 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/framer-motion": {
+      "version": "12.23.26",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.23.26.tgz",
+      "integrity": "sha512-cPcIhgR42xBn1Uj+PzOyheMtZ73H927+uWPDVhUMqxy8UHt6Okavb6xIz9J/phFUHUj0OncR6UvMfJTXoc/LKA==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-dom": "^12.23.23",
+        "motion-utils": "^12.23.6",
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@emotion/is-prop-valid": "*",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/is-prop-valid": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/fs-minipass": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
@@ -6655,6 +6688,21 @@
         "node": ">=10"
       }
     },
+    "node_modules/motion-dom": {
+      "version": "12.23.23",
+      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.23.23.tgz",
+      "integrity": "sha512-n5yolOs0TQQBRUFImrRfs/+6X4p3Q4n1dUEqt/H58Vx7OW6RF+foWEgmTVDhIWJIMXOuNNL0apKH2S16en9eiA==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-utils": "^12.23.6"
+      }
+    },
+    "node_modules/motion-utils": {
+      "version": "12.23.6",
+      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.23.6.tgz",
+      "integrity": "sha512-eAWoPgr4eFEOFfg2WjIsMoqJTW6Z8MTUCgn/GZ3VRpClWBdnbjryiA3ZSNLyxCTmCQx4RmYX6jX1iWHbenUPNQ==",
+      "license": "MIT"
+    },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
@@ -7308,6 +7356,7 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz",
       "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -7317,6 +7366,7 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz",
       "integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "scheduler": "^0.26.0"
       },
@@ -8496,7 +8546,8 @@
       "version": "4.1.14",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.14.tgz",
       "integrity": "sha512-b7pCxjGO98LnxVkKjaZSDeNuljC4ueKUddjENJOADtubtdo8llTaJy7HwBMeLNSSo2N5QIAgklslK1+Ir8r6CA==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/tapable": {
       "version": "2.3.0",
@@ -8570,6 +8621,7 @@
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -8746,6 +8798,7 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
diff --git a/frontend/package.json b/frontend/package.json
index 249f3f5..6d0d5ed 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "@tailwindcss/typography": "^0.5.19",
     "@uiw/react-md-editor": "^4.0.4",
+    "framer-motion": "^12.23.26",
     "lucide-react": "^0.552.0",
     "next": "15.5.4",
     "pdfjs-dist": "^3.11.174",
diff --git a/frontend/src/app/academic/page.tsx b/frontend/src/app/academic/page.tsx
index f4240b7..20113ad 100644
--- a/frontend/src/app/academic/page.tsx
+++ b/frontend/src/app/academic/page.tsx
@@ -529,7 +529,7 @@ export default function AcademicSearchPage() {
                     onChange={(event) => setQuestion(event.target.value)}
                     placeholder="与 AI 助手对话，提出你的研究问题…"
                     rows={3}
-                    className="w-full resize-none rounded-3xl border border-slate-200 bg-transparent px-5 pb-12 pr-16 pt-3 text-sm leading-relaxed text-slate-900 placeholder:text-slate-500 transition focus:border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-200 disabled:opacity-60 dark:border-slate-600 dark:bg-transparent dark:text-slate-100 dark:placeholder:text-slate-400"
+                    className="w-full resize-none rounded-3xl border border-slate-200 bg-white/95 px-5 pb-12 pr-16 pt-3 text-sm leading-relaxed text-slate-900 placeholder:text-slate-500 shadow-[0_10px_40px_-25px_rgba(15,23,42,0.5)] transition focus:border-blue-400 focus:bg-white focus:outline-none focus:ring-2 focus:ring-blue-200 disabled:opacity-60 dark:border-slate-600 dark:bg-slate-900/85 dark:text-slate-100 dark:placeholder:text-slate-400"
                     disabled={loading}
                     onKeyDown={(e) => {
                       if (e.key === 'Enter' && !e.shiftKey) {
@@ -681,7 +681,7 @@ export default function AcademicSearchPage() {
                     onChange={(event) => setQuestion(event.target.value)}
                     placeholder="描述你的研究问题、关键词或阅读意图…"
                     rows={4}
-                    className="w-full resize-none rounded-3xl border border-slate-200 bg-transparent px-5 pb-16 pr-16 pt-4 text-sm leading-relaxed text-slate-900 placeholder:text-slate-500 transition focus:border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-200 disabled:opacity-60 dark:border-slate-600 dark:bg-transparent dark:text-slate-100 dark:placeholder:text-slate-400"
+                    className="w-full resize-none rounded-3xl border border-slate-200 bg-white/95 px-5 pb-16 pr-16 pt-4 text-sm leading-relaxed text-slate-900 placeholder:text-slate-500 shadow-[0_10px_50px_-25px_rgba(15,23,42,0.4)] transition focus:border-blue-400 focus:bg-white focus:outline-none focus:ring-2 focus:ring-blue-200 disabled:opacity-60 dark:border-slate-600 dark:bg-slate-900/80 dark:text-slate-100 dark:placeholder:text-slate-400"
                     disabled={loading}
                   />
 
diff --git a/frontend/src/app/auth/page.tsx b/frontend/src/app/auth/page.tsx
index 50e9140..f3c85aa 100644
--- a/frontend/src/app/auth/page.tsx
+++ b/frontend/src/app/auth/page.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { AuthForm } from "@/components/auth-form";
+import InsightWorkflow from "@/components/marketing/insight-workflow";
 
 export default function AuthPage() {
   return (
@@ -10,20 +11,8 @@ export default function AuthPage() {
     >
       <main className="flex min-h-screen items-center px-2 py-10 lg:px-4">
         <section className="hidden flex-1 items-center justify-end pr-0 lg:flex xl:pr-0">
-          <div
-            className="relative h-[68vh] w-full max-w-6xl overflow-hidden rounded-[2.5rem] border border-white/20 bg-transparent shadow-[0_60px_120px_-60px_rgba(15,23,42,0.65)]"
-            style={{ aspectRatio: "30 / 18" }}
-          >
-            <video
-              className="h-full w-full object-cover"
-              autoPlay
-              loop
-              muted
-              playsInline
-            >
-              <source src="/videos/auth.mp4" type="video/mp4" />
-              您的浏览器不支持 HTML5 视频播放。
-            </video>
+          <div className="relative h-[72vh] w-full">
+            <InsightWorkflow />
           </div>
         </section>
 
diff --git a/frontend/src/app/notes/page.tsx b/frontend/src/app/notes/page.tsx
index ad110a5..cf7236d 100644
--- a/frontend/src/app/notes/page.tsx
+++ b/frontend/src/app/notes/page.tsx
@@ -192,46 +192,64 @@ export default function NotesPage() {
               <p className="text-xs uppercase tracking-wide text-slate-500">笔记分类</p>
               <p className="text-base font-semibold text-slate-900 dark:text-slate-100">文件夹</p>
             </div>
-            <span className="rounded-lg border border-slate-200 px-2.5 py-1 text-[11px] font-medium text-slate-600 dark:border-slate-600 dark:text-slate-300">
-              共 {folderGroups.length}
-            </span>
+            <Link
+              href="/notes/new"
+              className="rounded-lg border border-slate-200 px-2.5 py-1 text-xs font-medium text-slate-600 transition hover:bg-slate-50 dark:border-slate-600 dark:text-slate-300 dark:hover:bg-slate-700/60"
+            >
+              + 新建
+            </Link>
           </div>
+          <p className="mt-1 text-[11px] text-slate-400 dark:text-slate-500">
+            共 {folderGroups.length} 个分类，支持展开查看论文及其关联笔记
+          </p>
           {loading ? (
             <div className="py-8 text-center text-sm text-slate-500 dark:text-slate-400">加载中...</div>
           ) : (!folderGroups.some((group) => group.papers.length > 0) && unlinkedNotes.length === 0) ? (
             <div className="py-8 text-center text-sm text-slate-500 dark:text-slate-400">还没有笔记，先创建一条吧。</div>
           ) : (
-            <div className="space-y-3">
+            <div className="mt-4 space-y-2">
               {folderGroups.map(({ folder, papers: folderPapers, noteCount }) => {
                 const folderKey = `folder-${folder.id}`;
                 const isFolderOpen = expandedGroups[folderKey] ?? true;
+                const folderSummary = `${folderPapers.length} 论文 / ${noteCount} 笔记`;
                 return (
-                  <div
-                    key={folderKey}
-                    className="overflow-hidden rounded-xl border border-slate-200 bg-white/80 shadow-sm dark:border-slate-700 dark:bg-slate-800/70 dark:shadow-none"
-                  >
+                  <div key={folderKey} className="space-y-2">
                     <button
                       type="button"
                       onClick={() => toggleGroup(folderKey)}
-                      className="flex w-full items-center justify-between px-3 py-2 text-left text-sm font-medium text-slate-800 transition hover:bg-slate-100/60 dark:text-slate-100 dark:hover:bg-slate-800/60"
+                      className={`w-full rounded-xl border px-4 py-3 text-left transition ${
+                        isFolderOpen
+                          ? "border-blue-500 bg-blue-50 text-blue-700 shadow-sm dark:border-blue-400 dark:bg-blue-900/40 dark:text-blue-100"
+                          : "border-transparent bg-white/70 text-slate-700 hover:border-slate-200 hover:bg-white dark:bg-slate-800/40 dark:text-slate-200 dark:hover:border-slate-600"
+                      }`}
                     >
-                      <span className="flex items-center gap-2">
-                        <span
-                          className="h-2 w-2 rounded-full"
-                          style={{ backgroundColor: folder.color ?? "#cbd5f5" }}
-                        />
-                        <span className="truncate">{folder.name}</span>
-                      </span>
-                      <span className="flex items-center gap-2 text-xs text-slate-500 dark:text-slate-400">
-                        <span>
-                          {folderPapers.length} 论文 / {noteCount} 笔记
+                      <div className="flex items-center justify-between text-sm font-medium">
+                        <div className="flex items-center gap-2">
+                          <span
+                            className="h-2.5 w-2.5 rounded-full"
+                            style={{ backgroundColor: folder.color ?? "#cbd5f5" }}
+                          />
+                          <span className="truncate">{folder.name}</span>
+                        </div>
+                        <span className="flex items-center gap-2 text-xs text-slate-500 dark:text-slate-300">
+                          {folderSummary}
+                          <svg
+                            className={`h-3 w-3 transition ${isFolderOpen ? "rotate-90" : ""}`}
+                            viewBox="0 0 20 20"
+                            fill="none"
+                            stroke="currentColor"
+                            strokeWidth="2"
+                            strokeLinecap="round"
+                            strokeLinejoin="round"
+                          >
+                            <path d="M6 4l6 6-6 6" />
+                          </svg>
                         </span>
-                        <span className={`transition ${isFolderOpen ? "rotate-90" : ""}`}>›</span>
-                      </span>
+                      </div>
                     </button>
 
                     {isFolderOpen && (
-                      <div className="divide-y divide-slate-200 dark:divide-slate-800">
+                      <div className="rounded-xl border border-slate-200 bg-white/80 p-2 shadow-sm dark:border-slate-700 dark:bg-slate-900/40 dark:shadow-none">
                         {folderPapers.length === 0 && (
                           <div className="px-3 py-2 text-xs text-slate-500 dark:text-slate-400">该文件夹暂无论文</div>
                         )}
@@ -239,14 +257,17 @@ export default function NotesPage() {
                           const paperKey = `paper-${paper.id}`;
                           const isPaperOpen = expandedGroups[paperKey] ?? false;
                           return (
-                            <div key={paperKey} className="bg-white/60 dark:bg-slate-800/40">
+                            <div
+                              key={paperKey}
+                              className="rounded-lg border border-transparent bg-white/60 dark:bg-slate-800/40"
+                            >
                               <button
                                 type="button"
                                 onClick={() => toggleGroup(paperKey)}
-                                className="flex w-full items-center justify-between px-3 py-2 text-left text-sm text-slate-800 transition hover:bg-slate-100/60 dark:text-slate-100 dark:hover:bg-slate-800/60"
+                                className="flex w-full items-center justify-between px-3 py-2 text-left text-xs font-medium text-slate-800 transition hover:bg-blue-50 dark:text-slate-100 dark:hover:bg-slate-800/60"
                               >
                                 <span className="truncate">{paper.original_filename}</span>
-                                <span className="flex items-center gap-2 text-xs text-slate-500 dark:text-slate-400">
+                                <span className="flex items-center gap-2 text-[11px] text-slate-500 dark:text-slate-400">
                                   <span>{paperNotes.length}</span>
                                   <span className={`transition ${isPaperOpen ? "rotate-90" : ""}`}>›</span>
                                 </span>
@@ -261,7 +282,9 @@ export default function NotesPage() {
                                       className="flex w-full items-center justify-between px-3 py-2 text-left text-xs text-slate-700 transition hover:bg-slate-50 dark:text-slate-200 dark:hover:bg-slate-800/50"
                                     >
                                       <span className="truncate">{note.title}</span>
-                                      <span className="text-[11px] text-slate-400 dark:text-slate-500">{formatDate(note.updated_at)}</span>
+                                      <span className="text-[11px] text-slate-400 dark:text-slate-500">
+                                        {formatDate(note.updated_at)}
+                                      </span>
                                     </button>
                                   ))}
                                 </div>
@@ -279,20 +302,36 @@ export default function NotesPage() {
               })}
 
               {unlinkedNotes.length > 0 && (
-                <div className="overflow-hidden rounded-xl border border-slate-200 bg-white/80 shadow-sm dark:border-slate-700 dark:bg-slate-800/70 dark:shadow-none">
+                <div className="space-y-2">
                   <button
                     type="button"
                     onClick={() => toggleGroup("unlinked")}
-                    className="flex w-full items-center justify-between px-3 py-2 text-left text-sm font-medium text-slate-800 transition hover:bg-slate-100/60 dark:text-slate-100 dark:hover:bg-slate-800/60"
+                    className={`w-full rounded-xl border px-4 py-3 text-left transition ${
+                      expandedGroups["unlinked"]
+                        ? "border-emerald-500 bg-emerald-50 text-emerald-700 shadow-sm dark:border-emerald-400 dark:bg-emerald-900/30 dark:text-emerald-100"
+                        : "border-transparent bg-white/70 text-slate-700 hover:border-slate-200 hover:bg-white dark:bg-slate-800/40 dark:text-slate-200 dark:hover:border-slate-600"
+                    }`}
                   >
-                    <span className="truncate">未关联论文</span>
-                    <span className="flex items-center gap-2 text-xs text-slate-500 dark:text-slate-400">
-                      <span>{unlinkedNotes.length}</span>
-                      <span className={`transition ${expandedGroups["unlinked"] ? "rotate-90" : ""}`}>›</span>
-                    </span>
+                    <div className="flex items-center justify-between text-sm font-medium">
+                      <span className="truncate">未关联论文</span>
+                      <span className="flex items-center gap-2 text-xs text-slate-500 dark:text-slate-300">
+                        {unlinkedNotes.length}
+                        <svg
+                          className={`h-3 w-3 transition ${expandedGroups["unlinked"] ? "rotate-90" : ""}`}
+                          viewBox="0 0 20 20"
+                          fill="none"
+                          stroke="currentColor"
+                          strokeWidth="2"
+                          strokeLinecap="round"
+                          strokeLinejoin="round"
+                        >
+                          <path d="M6 4l6 6-6 6" />
+                        </svg>
+                      </span>
+                    </div>
                   </button>
                   {expandedGroups["unlinked"] && (
-                    <div className="divide-y divide-slate-200 dark:divide-slate-800">
+                    <div className="rounded-xl border border-slate-200 bg-white/80 p-2 shadow-sm dark:border-slate-700 dark:bg-slate-900/40 dark:shadow-none">
                       {unlinkedNotes.map((note) => (
                         <button
                           key={note.id}
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index b4dad71..8efab1c 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -14,6 +14,7 @@ export default function Home() {
   useEffect(() => {
     const storedToken = getAccessToken();
     if (!storedToken) {
+      router.replace("/auth");
       return;
     }
 
@@ -23,8 +24,9 @@ export default function Home() {
       })
       .catch(() => {
         setCurrentUser(null);
+        router.replace("/auth");
       });
-  }, []);
+  }, [router]);
 
   const displayName = currentUser?.full_name || "用户";
 
diff --git a/frontend/src/app/profile/page.tsx b/frontend/src/app/profile/page.tsx
index 8a0a771..beb6253 100644
--- a/frontend/src/app/profile/page.tsx
+++ b/frontend/src/app/profile/page.tsx
@@ -1234,7 +1234,7 @@ export default function ProfilePage() {
                     unoptimized
                   />
                 ) : (
-                  <div className="flex h-[120px] w-[120px] items-center justify-center rounded-full bg-slate-200 text-4xl font-semibold text-slate-700 md:h-[180px] md:w-[180px] md:text-5xl">
+                  <div className="flex h-[120px] w-[120px] items-center justify-center rounded-full border border-slate-200 bg-slate-200 text-4xl font-semibold text-slate-700 shadow-inner dark:border-slate-600/80 dark:bg-slate-800/70 dark:text-white md:h-[180px] md:w-[180px] md:text-5xl">
                     {(user?.full_name ?? user?.email ?? "U").slice(0, 1).toUpperCase()}
                   </div>
                 )}
diff --git a/frontend/src/app/smart-reading/page.tsx b/frontend/src/app/smart-reading/page.tsx
index d1242f1..d5ec037 100644
--- a/frontend/src/app/smart-reading/page.tsx
+++ b/frontend/src/app/smart-reading/page.tsx
@@ -42,6 +42,28 @@ export default function SmartReadingPage() {
   const [draftRatios, setDraftRatios] = useState<[number, number, number] | null>(null);
   const [renderPaused, setRenderPaused] = useState(false);
   const renderResumeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const scheduleRenderResume = useCallback(
+    (delay = 0) => {
+      if (renderResumeTimerRef.current) {
+        clearTimeout(renderResumeTimerRef.current);
+        renderResumeTimerRef.current = null;
+      }
+      if (delay <= 0) {
+        setRenderPaused(false);
+        return;
+      }
+      renderResumeTimerRef.current = setTimeout(() => {
+        setRenderPaused(false);
+        renderResumeTimerRef.current = null;
+      }, delay);
+    },
+    [],
+  );
+  const resetLayoutInteraction = useCallback(() => {
+    setIsDragging(false);
+    setActiveDivider(null);
+    setDraftRatios(null);
+  }, []);
 
   const agentChatPanelRef = useRef<{ setInputText: (text: string) => void } | null>(null);
   const noteEditorPanelRef = useRef<{ appendContent: (text: string) => void } | null>(null);
@@ -55,10 +77,18 @@ export default function SmartReadingPage() {
     // 如果笔记面板未显示，先显示它
     if (!showNotePanel) {
       setShowNotePanel(true);
+      resetLayoutInteraction();
+      scheduleRenderResume(0);
     }
     // 将内容复制到笔记编辑器
     noteEditorPanelRef.current?.appendContent(content);
-  }, [showNotePanel]);
+  }, [resetLayoutInteraction, scheduleRenderResume, showNotePanel]);
+
+  const handleToggleNotePanel = useCallback(() => {
+    setShowNotePanel((prev) => !prev);
+    resetLayoutInteraction();
+    scheduleRenderResume(0);
+  }, [resetLayoutInteraction, scheduleRenderResume]);
 
   useEffect(() => {
     const accessToken = getAccessToken();
@@ -87,11 +117,9 @@ export default function SmartReadingPage() {
 
   useEffect(() => {
     // 切换笔记面板时立即恢复渲染状态，避免被误判为拖拽
-    setIsDragging(false);
-    setActiveDivider(null);
-    setDraftRatios(null);
-    setRenderPaused(false);
-  }, [showNotePanel]);
+    resetLayoutInteraction();
+    scheduleRenderResume(0);
+  }, [resetLayoutInteraction, scheduleRenderResume, showNotePanel]);
 
   const preloadLibraryPaper = useCallback(
     async (paperId: number) => {
@@ -233,15 +261,15 @@ export default function SmartReadingPage() {
         从文库选择
       </button>
 
-      <button
-        type="button"
-        onClick={() => setShowNotePanel(!showNotePanel)}
-        className={`flex items-center gap-2 rounded-lg border px-3 py-2 font-medium transition ${
-          showNotePanel
-            ? "border-green-200 bg-green-50/80 text-green-700 hover:border-green-300 hover:bg-green-100 dark:border-green-800/60 dark:bg-green-900/30 dark:text-green-300 dark:hover:border-green-700 dark:hover:bg-green-900/50"
-            : "border-slate-200 bg-white/80 text-slate-700 hover:border-slate-300 hover:bg-white dark:border-slate-600 dark:bg-slate-800/70 dark:text-slate-200 dark:hover:border-slate-500"
-        }`}
-      >
+        <button
+          type="button"
+          onClick={handleToggleNotePanel}
+          className={`flex items-center gap-2 rounded-lg border px-3 py-2 font-medium transition ${
+            showNotePanel
+              ? "border-green-200 bg-green-50/80 text-green-700 hover:border-green-300 hover:bg-green-100 dark:border-green-800/60 dark:bg-green-900/30 dark:text-green-300 dark:hover:border-green-700 dark:hover:bg-green-900/50"
+              : "border-slate-200 bg-white/80 text-slate-700 hover:border-slate-300 hover:bg-white dark:border-slate-600 dark:bg-slate-800/70 dark:text-slate-200 dark:hover:border-slate-500"
+          }`}
+        >
         <FileEdit className="h-4 w-4" aria-hidden="true" />
         {showNotePanel ? "隐藏笔记" : "显示笔记"}
       </button>
@@ -342,30 +370,16 @@ export default function SmartReadingPage() {
           onMouseUp={() => {
             if (isDragging && draftRatios) {
               setSplitRatios(draftRatios as [number, number, number]);
-              setDraftRatios(null);
             }
-            setIsDragging(false);
-            setActiveDivider(null);
-            if (renderResumeTimerRef.current) {
-              clearTimeout(renderResumeTimerRef.current);
-            }
-            renderResumeTimerRef.current = setTimeout(() => {
-              setRenderPaused(false);
-            }, 100);
+            resetLayoutInteraction();
+            scheduleRenderResume(100);
           }}
           onMouseLeave={() => {
             if (isDragging && draftRatios) {
               setSplitRatios(draftRatios as [number, number, number]);
-              setDraftRatios(null);
-            }
-            setIsDragging(false);
-            setActiveDivider(null);
-            if (renderResumeTimerRef.current) {
-              clearTimeout(renderResumeTimerRef.current);
             }
-            renderResumeTimerRef.current = setTimeout(() => {
-              setRenderPaused(false);
-            }, 100);
+            resetLayoutInteraction();
+            scheduleRenderResume(100);
           }}
         >
           {(() => {
@@ -410,6 +424,7 @@ export default function SmartReadingPage() {
                     onMouseDown={() => {
                       if (renderResumeTimerRef.current) {
                         clearTimeout(renderResumeTimerRef.current);
+                        renderResumeTimerRef.current = null;
                       }
                       setRenderPaused(true);
                       setIsDragging(true);
@@ -445,6 +460,7 @@ export default function SmartReadingPage() {
                     onMouseDown={() => {
                       if (renderResumeTimerRef.current) {
                         clearTimeout(renderResumeTimerRef.current);
+                        renderResumeTimerRef.current = null;
                       }
                       setRenderPaused(true);
                       setIsDragging(true);
diff --git a/frontend/src/app/upload/page.tsx b/frontend/src/app/upload/page.tsx
index a8c7dec..45e99fc 100644
--- a/frontend/src/app/upload/page.tsx
+++ b/frontend/src/app/upload/page.tsx
@@ -8,6 +8,20 @@ import { getAccessToken } from "@/lib/auth";
 import { useLibraryFolders } from "@/hooks/use-library-folders";
 
 const ACCEPTED_MIME_TYPES = ["application/pdf", "application/x-pdf"];
+const MAX_FILE_SIZE = 25 * 1024 * 1024;
+
+function formatFileSize(bytes?: number | null) {
+  if (!bytes || bytes <= 0) {
+    return "0 MB";
+  }
+  if (bytes < 1024) {
+    return `${bytes} B`;
+  }
+  if (bytes < 1024 * 1024) {
+    return `${(bytes / 1024).toFixed(1)} KB`;
+  }
+  return `${(bytes / (1024 * 1024)).toFixed(2)} MB`;
+}
 
 export default function UploadPaperPage() {
   const token = getAccessToken();
@@ -33,6 +47,8 @@ export default function UploadPaperPage() {
       })),
     [folders],
   );
+  const selectedFileSizeLabel = selectedFile ? formatFileSize(selectedFile.size) : null;
+  const hasSelectedFile = Boolean(selectedFile);
 
   if (!token) {
     return (
@@ -100,7 +116,7 @@ export default function UploadPaperPage() {
       return;
     }
 
-    if (file.size > 25 * 1024 * 1024) {
+    if (file.size > MAX_FILE_SIZE) {
       setError("单个文件大小不能超过 25MB");
       setSelectedFile(null);
       return;
@@ -129,30 +145,59 @@ export default function UploadPaperPage() {
 
           <label
             htmlFor="pdf-upload"
-            className="flex flex-col items-center justify-center gap-3 rounded-2xl border border-dashed border-slate-300/80 bg-white/70 px-6 py-12 text-center transition hover:border-blue-400 hover:bg-white/80 dark:border-slate-600/70 dark:bg-slate-800/60 dark:hover:bg-slate-800/70"
+            className={`flex flex-col items-center justify-center gap-4 rounded-2xl border px-6 py-12 text-center transition ${
+              hasSelectedFile
+                ? "border-blue-500/70 bg-white shadow-lg shadow-blue-100/70 dark:border-blue-400/70 dark:bg-slate-900/40"
+                : "border-dashed border-slate-300/80 bg-white/70 hover:border-blue-400 hover:bg-white/80 dark:border-slate-600/70 dark:bg-slate-800/60 dark:hover:bg-slate-800/70"
+            }`}
           >
-            <svg
-              className="h-12 w-12 text-blue-500"
-              xmlns="http://www.w3.org/2000/svg"
-              fill="none"
-              viewBox="0 0 24 24"
-              stroke="currentColor"
-              strokeWidth={1.5}
-            >
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                d="M3 15a4 4 0 014-4h1V7a4 4 0 118 0v4h1a4 4 0 014 4v3a2 2 0 01-2 2H5a2 2 0 01-2-2v-3z"
-              />
-            </svg>
-            <div>
-              <p className="text-sm font-semibold text-slate-900 dark:text-slate-100">
-                点击上传或拖拽 PDF 文件到此处
-              </p>
-              <p className="mt-1 text-xs text-slate-500 dark:text-slate-400">
-                {selectedFile ? selectedFile.name : "支持扩展名：.pdf"}
-              </p>
-            </div>
+            {hasSelectedFile ? (
+              <div className="flex w-full flex-col items-center gap-4 text-left">
+                <div className="flex w-full items-center gap-4 rounded-2xl bg-blue-50/80 px-4 py-4 text-left shadow-sm dark:bg-blue-500/10">
+                  <div className="flex h-14 w-14 items-center justify-center rounded-2xl bg-blue-500 text-sm font-semibold uppercase tracking-wide text-white dark:bg-blue-400">
+                    PDF
+                  </div>
+                  <div className="flex-1 text-left">
+                    <p className="break-all text-base font-semibold text-slate-900 dark:text-slate-50 sm:text-lg">
+                      {selectedFile?.name}
+                    </p>
+                    {selectedFileSizeLabel && (
+                      <p className="mt-1 text-xs text-slate-500 dark:text-slate-300">
+                        {selectedFileSizeLabel}
+                      </p>
+                    )}
+                  </div>
+                </div>
+                <p className="text-xs text-slate-500 dark:text-slate-400">
+                  点击可重新选择文件，或将新的 PDF 拖拽到此处替换
+                </p>
+              </div>
+            ) : (
+              <>
+                <svg
+                  className="h-12 w-12 text-blue-500"
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                  strokeWidth={1.5}
+                >
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    d="M3 15a4 4 0 014-4h1V7a4 4 0 118 0v4h1a4 4 0 014 4v3a2 2 0 01-2 2H5a2 2 0 01-2-2v-3z"
+                  />
+                </svg>
+                <div>
+                  <p className="text-sm font-semibold text-slate-900 dark:text-slate-100">
+                    点击上传或拖拽 PDF 文件到此处
+                  </p>
+                  <p className="mt-1 text-xs text-slate-500 dark:text-slate-400">
+                    支持扩展名：.pdf
+                  </p>
+                </div>
+              </>
+            )}
             <input
               id="pdf-upload"
               type="file"
@@ -260,7 +305,7 @@ export default function UploadPaperPage() {
             <div className="rounded-2xl border border-green-300 bg-green-50/80 px-4 py-3 text-sm text-green-700 dark:border-green-500/40 dark:bg-green-500/10 dark:text-green-200">
               <p>上传成功：{uploaded.original_filename}</p>
               <p className="mt-1 text-xs text-slate-600 dark:text-slate-300">
-                文件大小 {(uploaded.file_size / (1024 * 1024)).toFixed(2)} MB，已保存于 {uploaded.uploaded_at}
+                文件大小 {formatFileSize(uploaded.file_size)}，已保存于 {uploaded.uploaded_at}
               </p>
               <p className="mt-1 text-xs text-slate-600 dark:text-slate-300">
                 所属文件夹：
diff --git a/frontend/src/components/Recommendations.tsx b/frontend/src/components/Recommendations.tsx
index a4e5f67..54599e3 100644
--- a/frontend/src/components/Recommendations.tsx
+++ b/frontend/src/components/Recommendations.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 
 import { getAccessToken } from "@/lib/auth";
 import {
@@ -9,7 +9,7 @@ import {
   updateCurrentUser,
   type UserDTO,
 } from "@/lib/api-client";
-import { searchPapers } from "@/lib/api/academic";
+import { searchPapers, type SortOption } from "@/lib/api/academic";
 import type { Paper as AcademicPaper } from "@/lib/types/academic";
 import { useLibraryFolders } from "@/hooks/use-library-folders";
 import { buildBackendUrl } from "@/lib/url";
@@ -24,6 +24,13 @@ const SOURCE_OPTIONS = [
   { label: "Semantic Scholar", value: "semantic_scholar" },
   { label: "OpenAlex", value: "openalex" },
 ];
+const SOURCE_OPTION_VALUES = SOURCE_OPTIONS.map((option) => option.value);
+const SORT_OPTIONS: Array<{ label: string; value: SortOption; description: string }> = [
+  { label: "相关性优先", value: "relevance", description: "综合模型得分并兼顾个人偏好" },
+  { label: "最新优先", value: "recency", description: "最近发布的论文优先展示" },
+  { label: "引用最多", value: "citations", description: "引用量更高的论文排序靠前" },
+];
+const DEFAULT_SORT_PREFERENCE: SortOption = "relevance";
 
 interface Paper {
   id?: string;
@@ -43,6 +50,7 @@ interface Paper {
   year?: number | null;
   source?: string | null;
   score?: number | null;
+  citation_count?: number | null;
 }
 
 const SUMMARY_MAX_LENGTH = 320;
@@ -53,6 +61,65 @@ const TITLE_CHAR_PATTERN = /[\p{L}\p{N}]/gu;
 type FolderSelection = number | "unfiled";
 const FOLLOW_SCHOLARS_KEY = "ir_follow_scholars";
 const FOLLOW_ORGS_KEY = "ir_follow_orgs";
+const RECOMMENDATIONS_CACHE_PREFIX = "ir_recommendations_cache";
+
+interface RecommendationsCacheEntry {
+  date: string;
+  activeTag?: string | null;
+  papers?: Paper[];
+  selectedSources?: string[];
+  scholarFilter?: string | null;
+  orgFilter?: string | null;
+  sourceErrors?: Record<string, string> | null;
+  lastRequestInfo?: string | null;
+  sortPreference?: SortOption;
+}
+
+function buildCacheKey(userId?: number | null) {
+  return `${RECOMMENDATIONS_CACHE_PREFIX}_${userId ?? "guest"}`;
+}
+
+function getTodayDateKey() {
+  return new Date().toISOString().slice(0, 10);
+}
+
+function readRecommendationsCache(userId?: number | null): RecommendationsCacheEntry | null {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  const cacheKey = buildCacheKey(userId);
+  const raw = window.localStorage.getItem(cacheKey);
+  if (!raw) {
+    return null;
+  }
+  try {
+    const parsed = JSON.parse(raw) as RecommendationsCacheEntry;
+    if (parsed.date !== getTodayDateKey()) {
+      window.localStorage.removeItem(cacheKey);
+      return null;
+    }
+    return parsed;
+  } catch (error) {
+    console.error("Failed to parse recommendation cache", error);
+    window.localStorage.removeItem(cacheKey);
+    return null;
+  }
+}
+
+function writeRecommendationsCache(userId: number | null, entry: Omit<RecommendationsCacheEntry, "date">) {
+  if (typeof window === "undefined") {
+    return;
+  }
+  const payload: RecommendationsCacheEntry = {
+    ...entry,
+    date: getTodayDateKey(),
+  };
+  try {
+    window.localStorage.setItem(buildCacheKey(userId), JSON.stringify(payload));
+  } catch (error) {
+    console.error("Failed to write recommendation cache", error);
+  }
+}
 
 function computeMatchScore(
   paper: Paper,
@@ -87,6 +154,82 @@ function computeMatchScore(
   return directionScore + scholarScore + orgScore + filterScore;
 }
 
+const SCORE_WEIGHT_PRESETS: Record<SortOption, { base: number; personalization: number; preference: number }> = {
+  relevance: { base: 0.45, personalization: 0.4, preference: 0.15 },
+  recency: { base: 0.3, personalization: 0.2, preference: 0.5 },
+  citations: { base: 0.35, personalization: 0.15, preference: 0.5 },
+};
+
+const MS_PER_DAY = 86_400_000;
+const RECENCY_WINDOW_DAYS = 365 * 3;
+
+function clamp01(value: number) {
+  if (!Number.isFinite(value)) {
+    return 0;
+  }
+  if (value < 0) return 0;
+  if (value > 1) return 1;
+  return value;
+}
+
+function normalizeBaseScore(score?: number | null) {
+  if (typeof score !== "number" || Number.isNaN(score)) {
+    return 0;
+  }
+  return clamp01(score);
+}
+
+function normalizeProfileScore(score: number) {
+  if (!Number.isFinite(score) || score <= 0) {
+    return 0;
+  }
+  return clamp01(score / 50);
+}
+
+function computeRecencyScore(paper: Paper) {
+  const dateStr = paper.updated ?? paper.published;
+  if (!dateStr) {
+    return 0;
+  }
+  const parsed = new Date(dateStr);
+  if (Number.isNaN(parsed.getTime())) {
+    return 0;
+  }
+  const ageDays = (Date.now() - parsed.getTime()) / MS_PER_DAY;
+  if (ageDays <= 0) {
+    return 1;
+  }
+  const normalized = 1 - Math.min(ageDays, RECENCY_WINDOW_DAYS) / RECENCY_WINDOW_DAYS;
+  return clamp01(normalized);
+}
+
+function computeCitationScore(paper: Paper) {
+  const count =
+    typeof paper.citation_count === "number" && Number.isFinite(paper.citation_count)
+      ? paper.citation_count
+      : 0;
+  if (count <= 0) {
+    return 0;
+  }
+  const normalized = Math.log10(count + 1) / 4;
+  return clamp01(normalized);
+}
+
+function computePreferenceMetric(
+  paper: Paper,
+  sortPreference: SortOption,
+  profileNormalized: number,
+  baseNormalized: number,
+) {
+  if (sortPreference === "recency") {
+    return computeRecencyScore(paper);
+  }
+  if (sortPreference === "citations") {
+    return computeCitationScore(paper);
+  }
+  return Math.max(profileNormalized, baseNormalized);
+}
+
 interface PaperImportResponse {
   paper: {
     id: number;
@@ -334,15 +477,17 @@ function mapAcademicPaper(paper: AcademicPaper): Paper {
     year: paper.year ?? null,
     source: paper.source ?? null,
     score: normalizedScore,
+    citation_count: paper.citation_count ?? null,
   };
 }
 
-async function fetchRecommendationPapers(query: string, sources: string[]) {
+async function fetchRecommendationPapers(query: string, sources: string[], sort: SortOption) {
   const activeSources = sources.length ? sources : ["semantic_scholar"];
   const response = await searchPapers({
     query,
     sources: activeSources,
     mode: "standard",
+    sort,
   });
 
   return {
@@ -354,6 +499,8 @@ async function fetchRecommendationPapers(query: string, sources: string[]) {
 
 export default function Recommendations() {
   const token = getAccessToken();
+  const currentUserRef = useRef<UserDTO | null>(null);
+  const restoringFromCacheRef = useRef(false);
   const [tagInput, setTagInput] = useState("");
   const [tags, setTags] = useState<string[]>(DEFAULT_TAGS);
   const [papers, setPapers] = useState<Paper[]>([]);
@@ -371,9 +518,8 @@ export default function Recommendations() {
   const [tagsSyncing, setTagsSyncing] = useState(false);
   const [tagSyncError, setTagSyncError] = useState<string | null>(null);
   const [sourceErrors, setSourceErrors] = useState<Record<string, string> | null>(null);
-  const [selectedSources, setSelectedSources] = useState<string[]>(
-    SOURCE_OPTIONS.map((option) => option.value)
-  );
+  const [selectedSources, setSelectedSources] = useState<string[]>(() => [...SOURCE_OPTION_VALUES]);
+  const [sortPreference, setSortPreference] = useState<SortOption>(DEFAULT_SORT_PREFERENCE);
   const [hideSavedPapers, setHideSavedPapers] = useState(true);
   const [savedPaperKeys, setSavedPaperKeys] = useState<Set<string>>(new Set());
   const [savedPapersLoading, setSavedPapersLoading] = useState(false);
@@ -392,6 +538,41 @@ export default function Recommendations() {
   const [isCreatingFolderInline, setIsCreatingFolderInline] = useState(false);
   const [inlineFolderError, setInlineFolderError] = useState<string | null>(null);
 
+  const applyCachedRecommendations = useCallback((entry: RecommendationsCacheEntry) => {
+    restoringFromCacheRef.current = true;
+    setPapers(entry.papers ?? []);
+    setSourceErrors(entry.sourceErrors ?? null);
+    setActiveTag(entry.activeTag ?? null);
+    setLastRequestInfo(
+      entry.lastRequestInfo ? `${entry.lastRequestInfo} · 缓存` : "使用缓存的推荐结果",
+    );
+    setLoading(false);
+    setError(null);
+    setSelectedSources(
+      entry.selectedSources && entry.selectedSources.length
+        ? [...entry.selectedSources]
+        : [...SOURCE_OPTION_VALUES],
+    );
+    setActiveScholarFilter(entry.scholarFilter ?? null);
+    setActiveOrgFilter(entry.orgFilter ?? null);
+    setSortPreference(entry.sortPreference ?? DEFAULT_SORT_PREFERENCE);
+    setTimeout(() => {
+      restoringFromCacheRef.current = false;
+    }, 0);
+  }, []);
+
+  const restoreCachedRecommendations = useCallback(
+    (userId: number | null) => {
+      const cached = readRecommendationsCache(userId);
+      if (!cached) {
+        return false;
+      }
+      applyCachedRecommendations(cached);
+      return true;
+    },
+    [applyCachedRecommendations],
+  );
+
   const visiblePapers = useMemo(() => {
     if (!hideSavedPapers) {
       return papers;
@@ -419,14 +600,32 @@ export default function Recommendations() {
       : `${visiblePapers.length} 条候选`;
 
   useEffect(() => {
+    if (restoringFromCacheRef.current) {
+      return;
+    }
     const baseTag = activeTag ?? profileDirections[0] ?? tags[0];
     if (!baseTag) {
       return;
     }
-    fetchRecommendations(baseTag);
+    fetchRecommendations(baseTag, undefined, { bypassCache: true });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [activeScholarFilter, activeOrgFilter]);
 
+  useEffect(() => {
+    if (restoringFromCacheRef.current) {
+      return;
+    }
+    const baseTag = activeTag ?? profileDirections[0] ?? tags[0];
+    if (!baseTag) {
+      return;
+    }
+    fetchRecommendations(baseTag, undefined, {
+      bypassCache: true,
+      sortOverride: sortPreference,
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [sortPreference]);
+
   useEffect(() => {
     if (typeof window === "undefined") return;
     const scholars = parseFollowList(window.localStorage.getItem(FOLLOW_SCHOLARS_KEY));
@@ -484,7 +683,25 @@ export default function Recommendations() {
     }
   }, []);
 
-  async function fetchRecommendations(query: string, customSources?: string[]) {
+  async function fetchRecommendations(
+    query: string,
+    customSources?: string[],
+    options?: { bypassCache?: boolean; sortOverride?: SortOption },
+  ) {
+    const shouldBypassCache = options?.bypassCache ?? false;
+    const userId = currentUserRef.current?.id ?? null;
+    const activeSort = options?.sortOverride ?? sortPreference;
+    if (!shouldBypassCache) {
+      const cached = readRecommendationsCache(userId);
+      if (cached) {
+        const cachedSort = cached.sortPreference ?? DEFAULT_SORT_PREFERENCE;
+        if (cachedSort === activeSort) {
+          applyCachedRecommendations(cached);
+          return;
+        }
+      }
+    }
+
     setLoading(true);
     setError(null);
     setPapers([]);
@@ -501,10 +718,9 @@ export default function Recommendations() {
       const tagQuery = combinedTags.join(" ");
       const filters = [activeScholarFilter, activeOrgFilter].filter(Boolean);
       const contextQuery = [tagQuery || query, ...filters].filter(Boolean).join(" ");
-      setLastRequestInfo(
-        `POST /api/v1/academic/search · sources: ${sources.join(", ")} · query: ${contextQuery}`,
-      );
-      const result = await fetchRecommendationPapers(contextQuery, sources);
+      const requestLabel = `POST /api/v1/academic/search · sources: ${sources.join(", ")} · sort: ${activeSort} · query: ${contextQuery}`;
+      setLastRequestInfo(requestLabel);
+      const result = await fetchRecommendationPapers(contextQuery, sources, activeSort);
       const enriched = result.papers.map((paper, idx) => {
         const profileScore = computeMatchScore(
           paper,
@@ -518,11 +734,40 @@ export default function Recommendations() {
         );
         const baseScore =
           typeof paper.score === "number" && Number.isFinite(paper.score) ? paper.score : 0;
-        return { paper, score: baseScore + profileScore / 10 + idx * 1e-6 };
+        const baseNormalized = normalizeBaseScore(baseScore);
+        const profileNormalized = normalizeProfileScore(profileScore);
+        const preferenceMetric = computePreferenceMetric(
+          paper,
+          activeSort,
+          profileNormalized,
+          baseNormalized,
+        );
+        const weights = SCORE_WEIGHT_PRESETS[activeSort] ?? SCORE_WEIGHT_PRESETS.relevance;
+        const composite =
+          weights.base * baseNormalized +
+          weights.personalization * profileNormalized +
+          weights.preference * preferenceMetric;
+        const normalizedComposite = clamp01(composite);
+        const decoratedPaper: Paper = {
+          ...paper,
+          score: Number(normalizedComposite.toFixed(4)),
+        };
+        return { paper: decoratedPaper, score: normalizedComposite + idx * 1e-6 };
       });
       enriched.sort((a, b) => b.score - a.score);
-      setPapers(enriched.map((item) => item.paper));
+      const orderedPapers = enriched.map((item) => item.paper);
+      setPapers(orderedPapers);
       setSourceErrors(result.sourceErrors);
+      writeRecommendationsCache(userId, {
+        activeTag: query,
+        papers: orderedPapers,
+        selectedSources: [...sources],
+        scholarFilter: activeScholarFilter,
+        orgFilter: activeOrgFilter,
+        sourceErrors: result.sourceErrors ?? null,
+        lastRequestInfo: requestLabel,
+        sortPreference: activeSort,
+      });
     } catch (e) {
       console.error("fetchArxivPapers error:", e);
       const message = e instanceof Error ? e.message : "请求失败";
@@ -546,6 +791,7 @@ export default function Recommendations() {
         research_interests: nextTags.length ? nextTags.join(", ") : null,
       };
       const updated = await updateCurrentUser(token, payload);
+      currentUserRef.current = updated;
       setCurrentUser(updated);
     } catch (err) {
       console.error("Failed to persist tags", err);
@@ -673,7 +919,7 @@ export default function Recommendations() {
     if (newTag) {
       const nextTags = [newTag, ...tags.filter((tag) => tag !== newTag)];
       setTags(nextTags);
-      fetchRecommendations(newTag);
+      fetchRecommendations(newTag, undefined, { bypassCache: true });
       setTagInput("");
       void persistTags(nextTags);
       return;
@@ -681,7 +927,7 @@ export default function Recommendations() {
 
     const tagToRefresh = activeTag ?? tags[0];
     if (tagToRefresh) {
-      fetchRecommendations(tagToRefresh);
+      fetchRecommendations(tagToRefresh, undefined, { bypassCache: true });
     }
   }
 
@@ -698,7 +944,7 @@ export default function Recommendations() {
 
     const nextTag =
       activeTag && activeTag !== tagToRemove ? activeTag : updatedTags[0];
-    fetchRecommendations(nextTag);
+    fetchRecommendations(nextTag, undefined, { bypassCache: true });
   }
 
   const handleToggleSource = (sourceValue: string) => {
@@ -712,7 +958,7 @@ export default function Recommendations() {
 
       const nextTag = activeTag ?? tags[0];
       if (nextTag) {
-        fetchRecommendations(nextTag, nextSources);
+        fetchRecommendations(nextTag, nextSources, { bypassCache: true });
       }
 
       return nextSources;
@@ -739,6 +985,7 @@ export default function Recommendations() {
           if (!isMounted) {
             return;
           }
+          currentUserRef.current = profile;
           setCurrentUser(profile);
           const storedTags = parseResearchInterests(profile.research_interests);
           const mergedTags = [...storedTags];
@@ -787,6 +1034,10 @@ export default function Recommendations() {
       setProfileSignals(initialSignals);
       setProfileScholars(savedScholars);
       setProfileOrgs(savedOrgs);
+      const restored = restoreCachedRecommendations(currentUserRef.current?.id ?? null);
+      if (restored) {
+        return;
+      }
       const initialTag = initialTags[0];
       if (initialTag) {
         fetchRecommendations(initialTag);
@@ -799,7 +1050,7 @@ export default function Recommendations() {
       isMounted = false;
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [loadSavedPaperKeys]);
+  }, [loadSavedPaperKeys, restoreCachedRecommendations]);
 
   return (
     <div className="space-y-8 pb-12 lg:h-[calc(120vh-120px)] lg:overflow-hidden lg:pb-0">
@@ -823,11 +1074,11 @@ export default function Recommendations() {
               className="text-xs text-slate-500 underline-offset-2 hover:underline"
               onClick={() => {
                 if (activeTag) {
-                  fetchRecommendations(activeTag);
+                  fetchRecommendations(activeTag, undefined, { bypassCache: true });
                   return;
                 }
                 if (tags[0]) {
-                  fetchRecommendations(tags[0]);
+                  fetchRecommendations(tags[0], undefined, { bypassCache: true });
                 }
               }}
             >
@@ -858,6 +1109,27 @@ export default function Recommendations() {
                 })}
                 <span className="text-[10px] text-slate-400">可多选</span>
               </div>
+              <div className="flex flex-wrap items-center gap-2">
+                <span className="font-semibold text-slate-600 dark:text-slate-200">排序偏好</span>
+                {SORT_OPTIONS.map((option) => {
+                  const isSelected = sortPreference === option.value;
+                  return (
+                    <button
+                      key={option.value}
+                      type="button"
+                      onClick={() => setSortPreference(option.value)}
+                      className={`rounded-full border px-3 py-1 font-semibold transition ${
+                        isSelected
+                          ? "border-emerald-500 bg-emerald-500/10 text-emerald-600 dark:border-emerald-400/70 dark:text-emerald-200"
+                          : "border-slate-200 bg-white text-slate-600 hover:border-slate-300 dark:border-slate-600 dark:bg-slate-800/50 dark:text-slate-200 dark:hover:border-slate-500"
+                      }`}
+                      title={option.description}
+                    >
+                      {option.label}
+                    </button>
+                  );
+                })}
+              </div>
               <div className="flex items-center gap-2 text-[11px] text-slate-500 dark:text-slate-400">
                 <label className="inline-flex cursor-pointer items-center gap-2 font-semibold">
                   <input
@@ -1009,6 +1281,9 @@ export default function Recommendations() {
                             {venueLabel && <span>来源：{venueLabel}</span>}
                             {yearLabel && <span>年份：{yearLabel}</span>}
                             {categoryLabel && <span>分类：{categoryLabel}</span>}
+                            {typeof paper.citation_count === "number" && (
+                              <span>引用：{paper.citation_count}</span>
+                            )}
                           </div>
                           {authorsLabel && (
                             <div className="text-[11px] text-slate-500 dark:text-slate-400">
diff --git a/frontend/src/components/academic/IntelligentConversation.tsx b/frontend/src/components/academic/IntelligentConversation.tsx
index c9dfd30..9b90908 100644
--- a/frontend/src/components/academic/IntelligentConversation.tsx
+++ b/frontend/src/components/academic/IntelligentConversation.tsx
@@ -68,7 +68,7 @@ export default function IntelligentConversation({ messages, loading, userAvatar,
 
   return (
     <div className="flex-1 flex flex-col min-h-0">
-      <div className="flex-1 overflow-y-auto px-4 py-6 space-y-6">
+      <div className="flex-1 overflow-y-auto px-4 py-6 pb-32 space-y-6">
           {hasMessages ? (
             messages.map((message, index) => (
               <div
diff --git a/frontend/src/components/ai-agent/AgentChatPanel.tsx b/frontend/src/components/ai-agent/AgentChatPanel.tsx
index 521c953..7c3ac78 100644
--- a/frontend/src/components/ai-agent/AgentChatPanel.tsx
+++ b/frontend/src/components/ai-agent/AgentChatPanel.tsx
@@ -68,6 +68,7 @@ const AgentChatPanel = forwardRef<
   const [currentUser, setCurrentUser] = useState<UserDTO | null>(null);
   const [showHeader, setShowHeader] = useState(true);
   const streamControllerRef = useRef<AbortController | null>(null);
+  const autoSummaryHistoryRef = useRef<Record<number, string | null>>({});
 
   // 暴露 setInputText 方法给父组件
   useImperativeHandle(ref, () => ({
@@ -281,6 +282,115 @@ const AgentChatPanel = forwardRef<
     }
   };
 
+  const triggerAutoSummary = useCallback(async () => {
+    if (!paperId || !mineruResult) {
+      return;
+    }
+
+    const summaryIntro: AgentMessage = {
+      id: createId(),
+      role: "assistant",
+      content: "解析完成，我先为你生成一段摘要概要…",
+      timestamp: new Date(),
+    };
+    const placeholderMessage: AgentMessage = {
+      id: createId(),
+      role: "assistant",
+      content: "",
+      timestamp: new Date(),
+    };
+
+    setMessages((prev) => [...prev, summaryIntro, placeholderMessage]);
+    setTypingMessageId(placeholderMessage.id);
+    setIsLoading(true);
+    streamControllerRef.current?.abort();
+    streamControllerRef.current = null;
+
+    try {
+      const token = getAccessToken();
+      if (!token) {
+        throw new Error("未登录");
+      }
+      const controller = new AbortController();
+      streamControllerRef.current = controller;
+      const summaryPrompt =
+        "请基于当前绑定的论文全文生成一段200-300字的中文摘要，涵盖研究问题、关键方法与主要结论，并突出可能的应用价值。";
+      const response = await askPaperQuestionStream(
+        token,
+        {
+          paper_id: paperId,
+          question: summaryPrompt,
+          conversation_id: conversationId || undefined,
+          stream: true,
+        },
+        {
+          signal: controller.signal,
+          onToken: (delta) => {
+            if (!delta) return;
+            setMessages((prev) =>
+              prev.map((msg) =>
+                msg.id === placeholderMessage.id
+                  ? {
+                      ...msg,
+                      content: (msg.content || "") + delta,
+                    }
+                  : msg,
+              ),
+            );
+            setTypingMessageId(null);
+          },
+        },
+      );
+
+      if (!conversationId && paperId) {
+        setConversationId(response.conversation_id);
+        localStorage.setItem(`conversation_${paperId}`, response.conversation_id.toString());
+      }
+
+      setMessages((prev) => [
+        ...prev.filter((msg) => msg.id !== placeholderMessage.id),
+        {
+          id: createId(),
+          role: "assistant",
+          content: response.answer,
+          timestamp: new Date(),
+        },
+      ]);
+    } catch (error) {
+      console.error("自动摘要失败:", error);
+      const errorMessage = error instanceof Error ? error.message : "生成摘要失败，请稍后重试。";
+      setMessages((prev) => [
+        ...prev.filter((msg) => msg.id !== placeholderMessage.id),
+        {
+          id: createId(),
+          role: "assistant",
+          content: `生成摘要时出现问题：${errorMessage}`,
+          timestamp: new Date(),
+        },
+      ]);
+    } finally {
+      setTypingMessageId(null);
+      setIsLoading(false);
+      streamControllerRef.current?.abort();
+      streamControllerRef.current = null;
+    }
+  }, [conversationId, mineruResult, paperId]);
+
+  useEffect(() => {
+    if (!paperId || !mineruResult || conversationId) {
+      return;
+    }
+    const parsedKey =
+      mineruResult.metadata?.parsed_at ??
+      mineruResult.metadata?.title ??
+      `parsed_${paperId}`;
+    if (autoSummaryHistoryRef.current[paperId] === parsedKey) {
+      return;
+    }
+    autoSummaryHistoryRef.current[paperId] = parsedKey;
+    void triggerAutoSummary();
+  }, [conversationId, mineruResult, paperId, triggerAutoSummary]);
+
   const disableInput = !mineruResult || isParsing;
   const showWelcome = !mineruResult;
 
diff --git a/frontend/src/components/auth-form.tsx b/frontend/src/components/auth-form.tsx
index 59a948f..cee6135 100644
--- a/frontend/src/components/auth-form.tsx
+++ b/frontend/src/components/auth-form.tsx
@@ -1,31 +1,33 @@
 "use client";
 
-import { useEffect, useMemo, useState, type FormEvent, type SVGProps } from "react";
+import { useEffect, useMemo, useState, type FormEvent } from "react";
 import { useRouter } from "next/navigation";
-import { Github } from "lucide-react";
 
 import {
+  confirmPasswordReset,
   fetchCurrentUser,
   loginUser,
   registerUser,
+  requestPasswordReset,
   type LoginPayload,
   type RegisterPayload,
   type UserDTO,
 } from "@/lib/api-client";
 import { clearAccessToken, getAccessToken, setAccessToken } from "@/lib/auth";
-import { buildBackendUrl } from "@/lib/url";
 
-type Mode = "login" | "register";
+type Mode = "login" | "register" | "reset";
 
 interface FormState {
   email: string;
   password: string;
+  confirmPassword: string;
   full_name: string;
 }
 
 const initialForm: FormState = {
   email: "",
   password: "",
+  confirmPassword: "",
   full_name: "",
 };
 
@@ -39,6 +41,8 @@ export function AuthForm() {
   const [success, setSuccess] = useState<string | null>(null);
   const [currentUser, setCurrentUser] = useState<UserDTO | null>(null);
   const [isMorphing, setIsMorphing] = useState(false);
+  const [resetStage, setResetStage] = useState<"request" | "verify">("request");
+  const [resetCode, setResetCode] = useState("");
   const router = useRouter();
 
   const buttonLabel = useMemo(() => (mode === "login" ? "登录" : "注册"), [mode]);
@@ -69,6 +73,61 @@ export function AuthForm() {
     setError(null);
     setSuccess(null);
 
+    if (mode === "reset") {
+      if (!form.email) {
+        setError("请输入注册邮箱");
+        setIsSubmitting(false);
+        return;
+      }
+
+      try {
+        if (resetStage === "request") {
+          await requestPasswordReset({ email: form.email });
+          setSuccess("验证码已发送至邮箱，请按照邮件提示输入验证码。");
+          setResetStage("verify");
+        } else {
+          if (!resetCode.trim()) {
+            setError("请输入邮箱验证码");
+            setIsSubmitting(false);
+            return;
+          }
+          if (form.password.length < 8) {
+            setError("新密码必须 8 位以上");
+            setIsSubmitting(false);
+            return;
+          }
+          if (new Blob([form.password]).size > PASSWORD_MAX_BYTES) {
+            setError("密码过长，请控制在 72 字节以内。");
+            setIsSubmitting(false);
+            return;
+          }
+          if (form.password !== form.confirmPassword) {
+            setError("两次输入的密码不一致");
+            setIsSubmitting(false);
+            return;
+          }
+
+          await confirmPasswordReset({
+            email: form.email,
+            token: resetCode.trim(),
+            new_password: form.password,
+          });
+          setSuccess("密码已重置，请使用新密码登录。");
+          setMode("login");
+          setResetStage("request");
+          setResetCode("");
+          setForm(initialForm);
+        }
+      } catch (err) {
+        const message = err instanceof Error ? err.message : "操作失败";
+        setError(message);
+      } finally {
+        setIsSubmitting(false);
+      }
+
+      return;
+    }
+
     if (form.password.length < 8) {
       setError("密码必须8位以上");
       setIsSubmitting(false);
@@ -81,6 +140,12 @@ export function AuthForm() {
       return;
     }
 
+    if (mode === "register" && form.password !== form.confirmPassword) {
+      setError("两次输入的密码不一致");
+      setIsSubmitting(false);
+      return;
+    }
+
     try {
       if (mode === "register") {
         const payload: RegisterPayload = {
@@ -91,7 +156,7 @@ export function AuthForm() {
         await registerUser(payload);
         setSuccess("注册成功，请登录继续。\nWe just created your account, time to sign in.");
         setMode("login");
-        setForm((prev) => ({ ...prev, password: "" }));
+        setForm((prev) => ({ ...prev, password: "", confirmPassword: "" }));
         return;
       }
 
@@ -119,6 +184,10 @@ export function AuthForm() {
     setError(null);
     setSuccess(null);
     setIsMorphing(true);
+    if (nextMode !== "reset") {
+      setResetStage("request");
+      setResetCode("");
+    }
     window.setTimeout(() => setIsMorphing(false), 320);
   }
 
@@ -128,24 +197,13 @@ export function AuthForm() {
     setSuccess("已安全退出。");
   }
 
-  function handleGitHubLogin() {
-    if (typeof window === "undefined") {
-      return;
-    }
-    const nextPath = window.location.pathname || "/";
-    const loginUrl = new URL(buildBackendUrl("/api/v1/auth/github/login"));
-    loginUrl.searchParams.set("next", nextPath);
-    window.location.href = loginUrl.toString();
-  }
-
-  function handleGoogleLogin() {
-    if (typeof window === "undefined") {
-      return;
-    }
-    const nextPath = window.location.pathname || "/";
-    const loginUrl = new URL(buildBackendUrl("/api/v1/auth/google/login"));
-    loginUrl.searchParams.set("next", nextPath);
-    window.location.href = loginUrl.toString();
+  function handleForgotPassword() {
+    setMode("reset");
+    setResetStage("request");
+    setResetCode("");
+    setError(null);
+    setSuccess(null);
+    setForm((prev) => ({ ...prev, password: "", confirmPassword: "" }));
   }
 
   return (
@@ -155,40 +213,63 @@ export function AuthForm() {
       }`}
       style={{ colorScheme: "light" }}
     >
-      <div className="flex items-center justify-between gap-2 rounded-full border border-white/40 bg-white/20 p-1 backdrop-blur-sm dark:border-zinc-200 dark:bg-white/70">
-        {(
-          [
-            { key: "login", label: "登录" },
-            { key: "register", label: "注册" },
-          ] as const
-        ).map((item) => (
+      {mode !== "reset" ? (
+        <div className="flex items-center justify-between gap-2 rounded-full border border-white/40 bg-white/20 p-1 backdrop-blur-sm dark:border-zinc-200 dark:bg-white/70">
+          {(
+            [
+              { key: "login", label: "登录" },
+              { key: "register", label: "注册" },
+            ] as const
+          ).map((item) => (
+            <button
+              key={item.key}
+              type="button"
+              onClick={() => handleModeChange(item.key)}
+              className={`flex-1 rounded-full py-2 text-sm font-medium transition-all duration-200 ${
+                mode === item.key
+                  ? "bg-white/80 text-zinc-900 shadow-[0_12px_24px_-16px_rgba(15,23,42,0.45)] dark:bg-white dark:text-zinc-900"
+                  : "text-zinc-500 hover:text-zinc-800 dark:text-zinc-500 dark:hover:text-zinc-700"
+              }`}
+              disabled={isSubmitting}
+            >
+              {item.label}
+            </button>
+          ))}
+        </div>
+      ) : (
+        <div className="flex items-center justify-between gap-3 rounded-full border border-indigo-100 bg-white/70 px-4 py-2">
           <button
-            key={item.key}
             type="button"
-            onClick={() => handleModeChange(item.key)}
-            className={`flex-1 rounded-full py-2 text-sm font-medium transition-all duration-200 ${
-              mode === item.key
-                ? "bg-white/80 text-zinc-900 shadow-[0_12px_24px_-16px_rgba(15,23,42,0.45)] dark:bg-white dark:text-zinc-900"
-                : "text-zinc-500 hover:text-zinc-800 dark:text-zinc-500 dark:hover:text-zinc-700"
-            }`}
+            className="text-xs font-semibold text-indigo-500 hover:text-indigo-600"
+            onClick={() => handleModeChange("login")}
             disabled={isSubmitting}
           >
-            {item.label}
+            ← 返回登录
           </button>
-        ))}
-      </div>
+          <span className="text-xs font-semibold uppercase tracking-[0.4em] text-indigo-400">Reset</span>
+        </div>
+      )}
 
       <div className="mt-8 space-y-3">
         <h2 className="text-2xl font-semibold text-zinc-900">
-          {mode === "login" ? "欢迎回来" : "创建你的 InsightReading 账号"}
+          {mode === "login"
+            ? "欢迎回来"
+            : mode === "register"
+            ? "创建你的 InsightReading 账号"
+            : "找回密码"}
         </h2>
         <p className="text-sm text-zinc-600">
           {mode === "login"
             ? "连接你的研究流，获取一站式阅读体验。"
-            : "只需几秒，开启更高效的论文阅读体验。"}
+            : mode === "register"
+            ? "只需几秒，开启更高效的论文阅读体验。"
+            : resetStage === "request"
+            ? "输入注册邮箱，我们会发送验证码帮助你重置密码。"
+            : "我们已发送验证码，请输入验证码并设置新密码。"}
         </p>
       </div>
 
+      {mode !== "reset" ? (
       <form className="mt-8 space-y-6" onSubmit={handleSubmit}>
         <div className="space-y-2">
           <label className="text-sm font-medium text-zinc-700" htmlFor="email">
@@ -228,7 +309,13 @@ export function AuthForm() {
             <label className="text-sm font-medium text-zinc-700" htmlFor="password">
               密码
             </label>
-            <span className="text-xs text-zinc-400">至少 8 位字符</span>
+            <button
+              type="button"
+              onClick={handleForgotPassword}
+              className="text-xs font-semibold text-indigo-500 underline-offset-2 hover:underline"
+            >
+              忘记密码?
+            </button>
           </div>
           <input
             id="password"
@@ -238,10 +325,29 @@ export function AuthForm() {
             value={form.password}
             onChange={(event) => updateField("password", event.target.value)}
             className="w-full rounded-2xl border border-white/60 bg-white/60 px-4 py-3 text-base text-zinc-900 outline-none backdrop-blur focus:border-blue-400 focus:bg-white/80 focus:ring-2 focus:ring-blue-200/60 dark:border-zinc-200 dark:bg-white dark:focus:bg-white"
-            placeholder="••••••••"
+            placeholder="至少 8 位，包含字母和数字"
           />
+          <span className="block text-xs text-zinc-400">建议混合字母、数字和符号提升安全性。</span>
         </div>
 
+        {mode === "register" && (
+          <div className="space-y-2">
+            <label className="text-sm font-medium text-zinc-700" htmlFor="confirmPassword">
+              确认密码
+            </label>
+            <input
+              id="confirmPassword"
+              type="password"
+              required
+              autoComplete="new-password"
+              value={form.confirmPassword}
+              onChange={(event) => updateField("confirmPassword", event.target.value)}
+              className="w-full rounded-2xl border border-white/60 bg-white/60 px-4 py-3 text-base text-zinc-900 outline-none backdrop-blur focus:border-blue-400 focus:bg-white/80 focus:ring-2 focus:ring-blue-200/60 dark:border-zinc-200 dark:bg-white dark:focus:bg-white"
+              placeholder="再次输入密码"
+            />
+          </div>
+        )}
+
         {error && <p className="rounded-xl border border-red-200/70 bg-red-50/80 px-4 py-3 text-sm text-red-600 backdrop-blur-sm">{error}</p>}
         {success && <p className="rounded-xl border border-emerald-200/70 bg-emerald-50/80 px-4 py-3 text-sm text-emerald-600 backdrop-blur-sm whitespace-pre-line">{success}</p>}
 
@@ -253,30 +359,88 @@ export function AuthForm() {
           {isSubmitting ? "处理中..." : buttonLabel}
         </button>
       </form>
+      ) : (
+        <form className="mt-8 space-y-6" onSubmit={handleSubmit}>
+          <div className="space-y-2">
+            <label className="text-sm font-medium text-zinc-700" htmlFor="reset-email">
+              注册邮箱
+            </label>
+            <input
+              id="reset-email"
+              type="email"
+              required
+              autoComplete="email"
+              value={form.email}
+              onChange={(event) => updateField("email", event.target.value)}
+              className="w-full rounded-2xl border border-white/60 bg-white/60 px-4 py-3 text-base text-zinc-900 outline-none backdrop-blur focus:border-blue-400 focus:bg-white/80 focus:ring-2 focus:ring-blue-200/60 dark:border-zinc-200 dark:bg-white dark:focus:bg-white"
+              placeholder="you@example.com"
+              disabled={resetStage === "verify"}
+            />
+          </div>
+
+          {resetStage === "verify" && (
+            <>
+              <div className="space-y-2">
+                <label className="text-sm font-medium text-zinc-700" htmlFor="reset-code">
+                  邮箱验证码
+                </label>
+                <input
+                  id="reset-code"
+                  type="text"
+                  required
+                  value={resetCode}
+                  onChange={(event) => setResetCode(event.target.value)}
+                  className="w-full rounded-2xl border border-white/60 bg-white/60 px-4 py-3 text-base text-zinc-900 outline-none backdrop-blur focus:border-blue-400 focus:bg-white/80 focus:ring-2 focus:ring-blue-200/60 dark:border-zinc-200 dark:bg-white dark:focus:bg-white"
+                  placeholder="请输入 6 位验证码"
+                />
+              </div>
+
+              <div className="space-y-2">
+                <label className="text-sm font-medium text-zinc-700" htmlFor="reset-password">
+                  新密码
+                </label>
+                <input
+                  id="reset-password"
+                  type="password"
+                  required
+                  autoComplete="new-password"
+                  value={form.password}
+                  onChange={(event) => updateField("password", event.target.value)}
+                  className="w-full rounded-2xl border border-white/60 bg-white/60 px-4 py-3 text-base text-zinc-900 outline-none backdrop-blur focus:border-blue-400 focus:bg-white/80 focus:ring-2 focus:ring-blue-200/60 dark:border-zinc-200 dark:bg-white dark:focus:bg-white"
+                  placeholder="设置新密码"
+                />
+              </div>
+
+              <div className="space-y-2">
+                <label className="text-sm font-medium text-zinc-700" htmlFor="reset-confirm">
+                  确认新密码
+                </label>
+                <input
+                  id="reset-confirm"
+                  type="password"
+                  required
+                  autoComplete="new-password"
+                  value={form.confirmPassword}
+                  onChange={(event) => updateField("confirmPassword", event.target.value)}
+                  className="w-full rounded-2xl border border-white/60 bg-white/60 px-4 py-3 text-base text-zinc-900 outline-none backdrop-blur focus:border-blue-400 focus:bg-white/80 focus:ring-2 focus:ring-blue-200/60 dark:border-zinc-200 dark:bg-white dark:focus:bg-white"
+                  placeholder="再次输入新密码"
+                />
+              </div>
+            </>
+          )}
+
+          {error && <p className="rounded-xl border border-red-200/70 bg-red-50/80 px-4 py-3 text-sm text-red-600 backdrop-blur-sm">{error}</p>}
+          {success && <p className="rounded-xl border border-emerald-200/70 bg-emerald-50/80 px-4 py-3 text-sm text-emerald-600 backdrop-blur-sm whitespace-pre-line">{success}</p>}
 
-      <div className="mt-8 border-t border-white/40 pt-6">
-        <p className="text-xs uppercase tracking-[0.2em] text-zinc-500">或使用第三方账号</p>
-        <div className="mt-3 flex flex-col gap-3">
-          <button
-            type="button"
-            disabled={isSubmitting}
-            onClick={handleGitHubLogin}
-            className="flex w-full items-center justify-center gap-3 rounded-2xl border border-white/60 bg-white/40 px-4 py-3 text-sm font-semibold text-zinc-800 transition hover:bg-white/70 disabled:cursor-not-allowed disabled:opacity-60"
-          >
-            <Github className="h-4 w-4" aria-hidden="true" />
-            使用 GitHub 登录
-          </button>
           <button
-            type="button"
+            type="submit"
             disabled={isSubmitting}
-            onClick={handleGoogleLogin}
-            className="flex w-full items-center justify-center gap-3 rounded-2xl border border-white/60 bg-white/40 px-4 py-3 text-sm font-semibold text-zinc-800 transition hover:bg-white/70 disabled:cursor-not-allowed disabled:opacity-60"
+            className="glass-button w-full px-6 py-3 text-base font-semibold text-white disabled:cursor-not-allowed disabled:opacity-60"
           >
-            <GoogleIcon className="h-4 w-4" aria-hidden="true" />
-            使用 Google 登录
+            {resetStage === "request" ? (isSubmitting ? "发送中..." : "发送验证码") : isSubmitting ? "提交中..." : "提交新密码"}
           </button>
-        </div>
-      </div>
+        </form>
+      )}
 
       {currentUser && (
         <div className="mt-8 rounded-2xl border border-white/50 bg-white/60 p-4 text-sm text-zinc-600 backdrop-blur">
@@ -298,26 +462,3 @@ export function AuthForm() {
     </div>
   );
 }
-
-function GoogleIcon(props: SVGProps<SVGSVGElement>) {
-  return (
-    <svg viewBox="0 0 24 24" role="img" focusable="false" {...props}>
-      <path
-        fill="#4285F4"
-        d="M23.754 12.267c0-.851-.076-1.67-.218-2.455H12v4.649h6.587a5.63 5.63 0 0 1-2.407 3.696l-.003.212 3.494 2.709.242.024c2.221-2.053 3.441-5.078 3.441-8.835z"
-      />
-      <path
-        fill="#34A853"
-        d="M12 24c3.135 0 5.766-1.036 7.688-2.807l-3.662-2.84c-1.018.68-2.32 1.085-4.026 1.085-3.09 0-5.709-2.084-6.64-4.894l-.197.017-3.58 2.773-.047.183C2.5 21.682 6.833 24 12 24z"
-      />
-      <path
-        fill="#FBBC05"
-        d="M5.36 14.544A7.211 7.211 0 0 1 4.972 12c0-.88.153-1.732.381-2.544l-.007-.17-3.626-2.814-.119.055A11.97 11.97 0 0 0 0 12c0 1.958.467 3.81 1.274 5.473z"
-      />
-      <path
-        fill="#EA4335"
-        d="M12 4.708c2.18 0 3.653.942 4.493 1.73l3.277-3.19C17.756 1.18 15.135 0 12 0 6.833 0 2.5 2.318 1.274 6.527l4.086 3.173C6.291 6.89 8.91 4.708 12 4.708z"
-      />
-    </svg>
-  );
-}
diff --git a/frontend/src/components/marketing/insight-workflow.tsx b/frontend/src/components/marketing/insight-workflow.tsx
new file mode 100644
index 0000000..ac82c61
--- /dev/null
+++ b/frontend/src/components/marketing/insight-workflow.tsx
@@ -0,0 +1,353 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { motion } from "framer-motion";
+
+// --- 配置与样式 ---
+const COLORS = {
+  primary: "#6366F1",
+  accent: "#818CF8",
+  success: "#10B981", 
+};
+
+const strokeProps = {
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "1.5",
+  strokeLinecap: "round" as const,
+  strokeLinejoin: "round" as const,
+};
+
+// --- 背景连线组件 ---
+const ConnectingArrow = ({ d }) => (
+  <path d={d} stroke="currentColor" strokeWidth="1" strokeDasharray="6 4" fill="none" className="text-slate-300 opacity-30" />
+);
+
+const ActivePath = ({ d, isActive }) => (
+  <motion.path
+    d={d}
+    stroke={COLORS.primary}
+    strokeWidth="2.5"
+    strokeLinecap="round"
+    fill="none"
+    initial={{ pathLength: 0, opacity: 0 }}
+    animate={{ pathLength: isActive ? 1 : 0, opacity: isActive ? 1 : 0 }}
+    transition={{ duration: 1.2, ease: "easeInOut" }}
+  />
+);
+
+// --- 节点 1：论文推荐 ---
+const RecommendationNode = ({ isActive }) => (
+  <div className="flex h-full w-full flex-col p-3">
+    <div className="flex flex-col mb-3">
+      <span className="text-[11px] font-bold text-indigo-400">论文推荐</span>
+      <span className="text-[7px] text-white/50 uppercase tracking-widest font-mono">Personalized Picks</span>
+    </div>
+    <div className="flex flex-col gap-2 overflow-hidden">
+      {[1, 2].map((i) => (
+        <motion.div
+          key={i}
+          initial={{ x: -20, opacity: 0 }}
+          animate={isActive ? { x: 0, opacity: 1 } : { x: -20, opacity: 0 }}
+          transition={{ delay: i * 0.2, type: "spring", stiffness: 100 }}
+          className="border border-white/10 bg-white/5 p-2 rounded-lg flex flex-col gap-1.5 shadow-sm"
+        >
+          <div className="flex justify-between items-start">
+            <div className="h-1.5 w-2/3 bg-white/30 rounded-full" />
+            <span className="text-[7px] text-green-400 font-bold px-1 border border-green-400/30 rounded bg-green-400/5 font-mono">
+              {98 - i}% Match
+            </span>
+          </div>
+          <div className="flex gap-2">
+            <div className="h-1 w-8 bg-white/10 rounded-full" />
+            <div className="h-1 w-12 bg-white/10 rounded-full" />
+          </div>
+        </motion.div>
+      ))}
+    </div>
+  </div>
+);
+
+// --- 节点 2：论文搜索 ---
+const SearchNode = ({ isActive }) => {
+  const [displayText, setDisplayText] = useState("");
+  const fullText = "Attention Is All You Need...";
+
+  useEffect(() => {
+    if (isActive) {
+      let i = 0;
+      const interval = setInterval(() => {
+        setDisplayText(fullText.slice(0, i));
+        i++;
+        if (i > fullText.length) clearInterval(interval);
+      }, 50);
+      return () => clearInterval(interval);
+    } else {
+      setDisplayText("");
+    }
+  }, [isActive]);
+
+  return (
+    <div className="flex h-full w-full flex-col p-3">
+      <div className="flex flex-col mb-2">
+        <span className="text-[11px] font-bold text-indigo-400">论文搜索</span>
+        <span className="text-[7px] text-white/50 uppercase tracking-widest font-mono">Smart Discovery</span>
+      </div>
+      
+      <div className="border border-white/20 rounded-md p-1.5 flex items-center gap-2 mb-2 h-8 shadow-inner bg-white/5 text-white/80 dark:bg-slate-900/20 dark:border-white/30 transition-colors">
+        <svg className="h-3.5 w-3.5 text-indigo-400" viewBox="0 0 24 24" {...strokeProps}>
+          <circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>
+        </svg>
+        <span className="text-[9px] font-mono overflow-hidden whitespace-nowrap text-white/80">
+          {displayText}<motion.span animate={{ opacity: [0, 1] }} transition={{ repeat: Infinity, duration: 0.5 }}>|</motion.span>
+        </span>
+      </div>
+
+      <div className="flex flex-col gap-2 mt-1">
+        {[1, 2].map(i => (
+          <motion.div 
+            key={i} 
+            initial={{ opacity: 0, y: 5 }} 
+            animate={isActive ? { opacity: 1, y: 0 } : { opacity: 0 }} 
+            transition={{ delay: 0.8 + i * 0.1 }}
+            className="flex flex-col gap-1"
+          >
+             <div className="h-1.5 w-full bg-white/10 rounded-full" />
+             <div className="h-1 w-1/3 bg-white/5 rounded-full" />
+          </motion.div>
+        ))}
+      </div>
+    </div>
+  );
+};
+
+// =====================================================================
+// ▼▼▼ 重构的节点 3：Agent 论文阅读 (带机器人分析动画) ▼▼▼
+// =====================================================================
+const AgentReadingNode = ({ isActive }) => (
+  <div className="flex h-full w-full flex-col p-3">
+    <div className="flex flex-col mb-2 text-right">
+      <span className="text-[11px] font-bold text-indigo-400">Agent 阅读器</span>
+      <span className="text-[7px] text-white/50 uppercase tracking-widest font-mono">Agent-Based Analysis</span>
+    </div>
+    {/* 机器人分析 SVG 示意图 */}
+    <div className="flex-1 relative rounded-lg overflow-hidden border border-white/5 bg-white/5 p-2">
+      <svg className="h-full w-full" viewBox="0 0 100 50" {...strokeProps}>
+        
+        {/* 1. 右侧：被分析的论文文档 */}
+        <g transform="translate(60, 5)">
+           {/* 文档轮廓 */}
+           <path d="M4 2 H20 V38 H4 Z" className="text-white/20" strokeWidth="1" />
+           {/* 文档内容线条 (激活时高亮) */}
+           {[1, 2, 3, 4].map(i => (
+             <motion.line
+               key={i} x1="7" y1={6 + i*6} x2="17" y2={6 + i*6}
+               className="text-white/20" strokeWidth="1"
+               animate={isActive ? { stroke: COLORS.primary, opacity: [0.5, 1, 0.5] } : {}}
+               transition={{ duration: 1.5, delay: i * 0.2, repeat: Infinity }}
+             />
+           ))}
+           {/* 扫描光束 (激活时移动) */}
+           <motion.line
+              x1="2" y1="4" x2="22" y2="4"
+              className="text-indigo-400" strokeWidth="1" opacity="0.8"
+              initial={{ y: 4, opacity: 0 }}
+              animate={isActive ? { y: [4, 36], opacity: [0, 1, 0] } : {}}
+              transition={{ duration: 2, repeat: Infinity, ease: "linear" }}
+           />
+        </g>
+
+        {/* 2. 中间：数据流向机器人 */}
+        <g className="text-indigo-400">
+           {[1, 2, 3].map(i => (
+              <motion.circle key={i} r="1" fill="currentColor" stroke="none"
+                 initial={{ cx: 60, cy: 15 + i*5, opacity: 0 }}
+                 animate={isActive ? { cx: [60, 35], cy: [15 + i*5, 25], opacity: [0, 1, 0] } : {}}
+                 transition={{ duration: 1.5, delay: i * 0.3, repeat: Infinity, ease: "easeOut" }}
+              />
+           ))}
+           {/* 连接光线 */}
+           <motion.path 
+             d="M 35 25 L 60 15 M 35 25 L 60 25 M 35 25 L 60 35"
+             strokeWidth="0.5" strokeDasharray="2 2" opacity="0.3"
+             animate={isActive ? { opacity: [0.1, 0.4, 0.1] } : { opacity: 0 }}
+             transition={{ duration: 2, repeat: Infinity }}
+           />
+        </g>
+
+        {/* 3. 左侧：线条机器人 */}
+        <g transform="translate(5, 10)" className={isActive ? "text-indigo-400" : "text-white/30"}>
+           {/* 头部和身体 */}
+           <rect x="5" y="8" width="14" height="12" rx="3" strokeWidth="1.2" /> {/* Head */}
+           <path d="M8 20 L5 28 H19 L16 20" strokeWidth="1" opacity="0.7" /> {/* Body Base */}
+           
+           {/* 眼睛 */}
+           <circle cx="10" cy="14" r="1.5" fill={isActive ? COLORS.primary : "none"} stroke="none" />
+           <circle cx="14" cy="14" r="1.5" fill={isActive ? COLORS.primary : "none"} stroke="none" />
+           
+           {/* 天线和发光顶端 */}
+           <line x1="12" y1="8" x2="12" y2="4" strokeWidth="1" />
+           <motion.circle cx="12" cy="2" r="1.5" strokeWidth="1"
+              animate={isActive ? { scale: [1, 1.5, 1], opacity: [0.5, 1, 0.5], fill: COLORS.primary } : { fill: "none" }}
+              transition={{ duration: 1, repeat: Infinity }}
+           />
+        </g>
+      </svg>
+    </div>
+  </div>
+);
+// ▲▲▲ 修改结束 ▲▲▲
+// =====================================================================
+
+
+// --- 节点 4：文献库管理 ---
+const DocsNode = ({ isActive }) => {
+  const [count, setCount] = useState(128);
+  useEffect(() => {
+    if (isActive) {
+      const t = setTimeout(() => setCount(129), 1500);
+      return () => clearTimeout(t);
+    }
+    setCount(128);
+  }, [isActive]);
+
+  return (
+    <div className="flex h-full w-full flex-col p-3">
+      <div className="flex flex-col mb-2">
+        <span className="text-[11px] font-bold text-indigo-400">文献库管理</span>
+        <span className="text-[7px] text-white/50 uppercase tracking-widest font-mono">Library Management</span>
+      </div>
+      <div className="flex items-center gap-4 flex-1">
+        <div className="relative">
+          <svg className={`h-11 w-11 ${isActive ? 'text-indigo-400' : 'text-white/30'}`} viewBox="0 0 24 24" {...strokeProps}>
+            <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/>
+            <motion.path animate={isActive ? { y: [0, -2, 0] } : {}} d="M12 11v6m-3-3h6" opacity="0.6" />
+          </svg>
+          <div className="absolute -right-1 -top-1 px-1.5 py-0.5 rounded-full bg-indigo-600 text-[8px] text-white font-mono shadow-sm">
+            {count}
+          </div>
+        </div>
+        <div className="flex flex-col gap-2 flex-1">
+           <div className="h-1.5 w-full bg-white/10 rounded-full overflow-hidden">
+              <motion.div animate={isActive ? { width: '85%' } : { width: '40%' }} className="h-full bg-indigo-500/60 transition-all duration-1000" />
+           </div>
+           <span className="text-[7px] text-white/40 uppercase tracking-wider font-mono">Cloud Syncing...</span>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+// --- 中心引擎 ---
+const CenterEngine = () => (
+  <svg className="h-48 w-48 text-indigo-500" viewBox="0 0 64 64" {...strokeProps} strokeWidth="1.2">
+    <g transform="translate(0, 10)">
+        <path d="M12 48 C 12 48, 28 52, 32 48 C 36 52, 52 48, 52 48 V 28 C 52 28, 36 32, 32 28 C 28 32, 12 28, 12 28 Z" />
+        <path d="M32 28 V 48" strokeWidth="1" /> 
+        <path d="M16 34 H 28 M16 40 H 28 M36 34 H 48 M36 40 H 44" strokeWidth="1" opacity="0.1" />
+    </g>
+    <g transform="translate(32, 22)">
+      <path d="M0,0 C-7,0 -11,5 -11,11 C-11,16 -7,19 -4,23 L-4,26 L4,26 L4,23 C7,19 11,16 11,11 C11,5 7,0 0,0 Z" />
+      <motion.g animate={{ opacity: [0.3, 1, 0.3], scale: [1, 1.1, 1] }} transition={{ duration: 2, repeat: Infinity }} className="text-indigo-400">
+        <line x1="0" y1="-6" x2="0" y2="-16" /><line x1="-12" y1="-4" x2="-22" y2="-12" /><line x1="12" y1="-4" x2="22" y2="-12" />
+        <line x1="-16" y1="11" x2="-26" y2="11" /><line x1="16" y1="11" x2="26" y2="11" />
+      </motion.g>
+    </g>
+  </svg>
+);
+
+export default function InsightReadingFinalAgent() {
+  const [activeIndex, setActiveIndex] = useState(0);
+  const [isPaused, setIsPaused] = useState(false);
+
+  useEffect(() => {
+    if (isPaused) {
+      return undefined;
+    }
+    const timer = setInterval(() => {
+      setActiveIndex((prev) => (prev + 1) % 4);
+    }, 4500);
+    return () => clearInterval(timer);
+  }, [isPaused]);
+
+  const handleNodeHover = (index: number) => {
+    setIsPaused(true);
+    setActiveIndex(index);
+  };
+
+  const handleNodeLeave = () => {
+    setIsPaused(false);
+  };
+
+  const nodeBase = "absolute z-10 w-56 h-44 overflow-hidden rounded-2xl border border-white/10 bg-transparent transition-all duration-700 ease-in-out";
+  const activeStyle = { 
+    borderColor: "rgba(99, 102, 241, 0.7)", 
+    boxShadow: "0 0 40px rgba(99, 102, 241, 0.12), inset 0 0 15px rgba(99, 102, 241, 0.05)", 
+    scale: 1.15 
+  };
+  const inactiveStyle = { borderColor: "rgba(255, 255, 255, 0.05)", scale: 1 };
+
+  return (
+    <div className="flex h-full w-full items-center justify-center bg-transparent p-10 antialiased font-sans">
+      <div className="relative h-[680px] w-full max-w-[950px]">
+        
+        {/* SVG 连线层 */}
+        <svg className="pointer-events-none absolute inset-0 h-full w-full overflow-visible">
+          <ConnectingArrow d="M 160 325 Q 160 145, 450 145" />
+          <ConnectingArrow d="M 450 145 Q 740 145, 740 325" />
+          <ConnectingArrow d="M 740 325 Q 740 505, 450 505" />
+          <ConnectingArrow d="M 450 505 Q 160 505, 160 325" />
+
+          <ActivePath d="M 160 325 Q 160 145, 450 145" isActive={activeIndex === 1} />
+          <ActivePath d="M 450 145 Q 740 145, 740 325" isActive={activeIndex === 2} />
+          <ActivePath d="M 740 325 Q 740 505, 450 505" isActive={activeIndex === 3} />
+          <ActivePath d="M 450 505 Q 160 505, 160 325" isActive={activeIndex === 0} />
+        </svg>
+
+        {/* 中心品牌区 */}
+        <div className="absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center justify-center text-center">
+          <motion.div animate={{ y: [0, -12, 0] }} transition={{ duration: 5, repeat: Infinity, ease: "easeInOut" }}>
+            <CenterEngine />
+          </motion.div>
+          <h1 className="mt-4 text-6xl font-black tracking-tight text-white drop-shadow-2xl">InsightReading</h1>
+          <p className="mt-2 text-xs font-bold uppercase tracking-[0.5em] text-indigo-400 opacity-90">Your Intelligent Academic Partner</p>
+        </div>
+
+        {/* 四个功能节点容器 */}
+        <motion.div
+          className={`${nodeBase} left-1/2 top-0 -translate-x-1/2`}
+          animate={activeIndex === 1 ? activeStyle : inactiveStyle}
+          onMouseEnter={() => handleNodeHover(1)}
+          onMouseLeave={handleNodeLeave}
+        >
+          <SearchNode isActive={activeIndex === 1} />
+        </motion.div>
+        <motion.div
+          className={`${nodeBase} left-0 top-1/2 -translate-y-1/2`}
+          animate={activeIndex === 0 ? activeStyle : inactiveStyle}
+          onMouseEnter={() => handleNodeHover(0)}
+          onMouseLeave={handleNodeLeave}
+        >
+          <RecommendationNode isActive={activeIndex === 0} />
+        </motion.div>
+        <motion.div
+          className={`${nodeBase} right-0 top-1/2 -translate-y-1/2`}
+          animate={activeIndex === 2 ? activeStyle : inactiveStyle}
+          onMouseEnter={() => handleNodeHover(2)}
+          onMouseLeave={handleNodeLeave}
+        >
+          <AgentReadingNode isActive={activeIndex === 2} />
+        </motion.div>
+        <motion.div
+          className={`${nodeBase} bottom-0 left-1/2 -translate-x-1/2`}
+          animate={activeIndex === 3 ? activeStyle : inactiveStyle}
+          onMouseEnter={() => handleNodeHover(3)}
+          onMouseLeave={handleNodeLeave}
+        >
+          <DocsNode isActive={activeIndex === 3} />
+        </motion.div>
+
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/lib/api-client.ts b/frontend/src/lib/api-client.ts
index 7479b5b..9671ba9 100644
--- a/frontend/src/lib/api-client.ts
+++ b/frontend/src/lib/api-client.ts
@@ -45,6 +45,16 @@ export interface PasswordChangePayload {
   new_password: string;
 }
 
+export interface PasswordResetRequestPayload {
+  email: string;
+}
+
+export interface PasswordResetConfirmPayload {
+  email: string;
+  token: string;
+  new_password: string;
+}
+
 export interface LibraryFolderDTO {
   id: number;
   name: string;
@@ -275,6 +285,40 @@ export async function changePassword(token: string, payload: PasswordChangePaylo
   return response.json();
 }
 
+export async function requestPasswordReset(payload: PasswordResetRequestPayload): Promise<{ message: string }> {
+  const response = await fetch(`${BACKEND_URL}/api/v1/auth/password-reset/request`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify(payload),
+  });
+
+  if (!response.ok) {
+    const detail = (await response.json().catch(() => ({}))) as { detail?: string };
+    throw new Error(detail.detail ?? "发送验证码失败");
+  }
+
+  return response.json();
+}
+
+export async function confirmPasswordReset(payload: PasswordResetConfirmPayload): Promise<{ message: string }> {
+  const response = await fetch(`${BACKEND_URL}/api/v1/auth/password-reset/confirm`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify(payload),
+  });
+
+  if (!response.ok) {
+    const detail = (await response.json().catch(() => ({}))) as { detail?: string };
+    throw new Error(detail.detail ?? "重置密码失败");
+  }
+
+  return response.json();
+}
+
 export async function deleteAccount(token: string): Promise<{ message: string }> {
   const response = await fetch(`${BACKEND_URL}/api/v1/users/me`, {
     method: "DELETE",