已为前端添加了队列和已下载列表的刷新逻辑：

定义了 fetchTasks() 与 fetchCompleted()，分别从 /tasks 和 /search 获取数据并更新列表。
绑定“刷新队列”“刷新已下载”按钮，并在页面加载时自动调用初始化。

server.py

@@ -61,7 +61,7 @@ def root():
     <meta charset=\"UTF-8\">
     <title>番茄小说下载器</title>
     <style>
-        body { background: url("https://bing.img.run/uhd.php") no-repeat center center fixed; background-size: cover; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #fff; margin: 0; padding: 0; }
+        body { background: url("https://bing.img.run/rand_uhd.php") no-repeat center center fixed; background-size: cover; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #fff; margin: 0; padding: 0; }
         .container { background: rgba(0, 0, 0, 0.6); max-width: 800px; margin: 50px auto; padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.5); }
         textarea, button { width: 100%; font-size: 16px; margin-top: 10px; padding: 10px; border-radius: 4px; border: none; }
         button { background: #ff5722; color: #fff; cursor: pointer; }
@@ -76,7 +76,17 @@ def root():
     <label for=\"book_ids\">小说ID列表（逗号或空格分隔）：</label><br/>
     <textarea id=\"book_ids\" rows=\"4\" cols=\"50\"></textarea><br/>
     <button id=\"downloadBtn\">下载</button>
-    <div id=\"progress\" style=\"display:none;margin-top:10px;\">\n        <progress id=\"progBar\" value=\"0\" max=\"100\"></progress>\n        <span id=\"progText\">0%</span>\n    </div>\n    <div id=\"downloadResult\" style=\"margin-top:10px;\"></div>
+    <div id=\"progress\" style=\"display:none;margin-top:10px;\">\n        <progress id=\"progBar\" value=\"0\" max=\"100\"></progress>\n        <span id=\"progText\">0%</span>\n    </div>\n    <div id="downloadResult" style="margin-top:10px;"></div>
+    <div id="queueSection" style="margin-top:20px;">
+        <h2>下载队列</h2>
+        <ul id="taskList"></ul>
+        <button id="refreshTasks" style="margin-top:5px;">刷新队列</button>
+    </div>
+    <div id="completedSection" style="margin-top:20px;">
+        <h2>已下载小说</h2>
+        <ul id="completedList"></ul>
+        <button id="refreshCompleted" style="margin-top:5px;">刷新已下载</button>
+    </div>
     <script>
     document.getElementById('downloadBtn').addEventListener('click', function(){
         const book_ids = document.getElementById('book_ids').value;
@@ -121,6 +131,24 @@ def root():
             read();
         });
     });
+    // 刷新队列和已下载列表
+    function fetchTasks() {
+        fetch('/tasks').then(res => res.json()).then(data => {
+            const ul = document.getElementById('taskList'); ul.innerHTML = '';
+            data.forEach(task => { const li = document.createElement('li'); li.textContent = `${task.book_id}: ${task.status}`; ul.appendChild(li); });
+        });
+    }
+    function fetchCompleted() {
+        fetch('/search').then(res => res.json()).then(data => {
+            const ul = document.getElementById('completedList'); ul.innerHTML = '';
+            data.forEach(item => { const li = document.createElement('li'); const a = document.createElement('a'); a.href = item.url; a.textContent = item.name; a.className = 'download-link'; li.appendChild(a); ul.appendChild(li); });
+        });
+    }
+    document.getElementById('refreshTasks').addEventListener('click', fetchTasks);
+    document.getElementById('refreshCompleted').addEventListener('click', fetchCompleted);
+    // 初始化加载
+    fetchTasks();
+    fetchCompleted();
     </script>
     </div>
 </body>
@@ -149,8 +177,13 @@ def task_status(book_id: str):
         data["url"] = FILE_PATHS[book_id]
     return data
 
+@app.get("/tasks")
+def tasks():
+    """获取所有任务"""
+    return [{"book_id": bid, "status": status} for bid, status in STATUS.items()]
+
 @app.get("/search")
-def search(name: str):
+def search(name: str = ""):    
     """按名称搜索已下载小说"""
     results = []
     for bid, n in NAMES.items():