v1.2.12 新闻页增强：类别筛选标签(全部/新闻/百科/总决赛/续约/中国球员/选秀) + 分页控件(10条/页)，可与搜索组合

admin.py

@@ -191,7 +191,15 @@ def list_rows(table):
     page = max(1, int(request.args.get("page", 1)))
     size = min(100, max(1, int(request.args.get("size", 20))))
     q = (request.args.get("q") or "").strip()
+    # 排序：字段白名单校验（防注入），默认 id 降序
     cols = _columns(table)
+    valid_fields = {c["name"] for c in cols}
+    sort = request.args.get("sort", "") or "id"
+    if sort not in valid_fields:
+        sort = "id"
+    order = (request.args.get("order", "") or "desc").lower()
+    if order not in ("asc", "desc"):
+        order = "desc"
     where, args = "", []
     if q:
         fields = SEARCHABLE.get(table) or ()
@@ -200,10 +208,11 @@ def list_rows(table):
             where = "WHERE " + " OR ".join(f"{f} LIKE ? ESCAPE '\\'" for f in fields)
             args = [like] * len(fields)
     total = query_one(f"SELECT COUNT(*) AS c FROM {table} {where}", args)["c"]
-    rows = query(f"SELECT * FROM {table} {where} ORDER BY id DESC LIMIT ? OFFSET ?",
+    rows = query(f"SELECT * FROM {table} {where} ORDER BY {sort} {order.upper()}, id {order.upper()} LIMIT ? OFFSET ?",
                  args + [size, (page - 1) * size])
     return jsonify({"table": table, "cn": TABLES[table], "columns": cols,
-                    "total": total, "page": page, "size": size, "rows": rows})
+                    "total": total, "page": page, "size": size, "rows": rows,
+                    "sort": sort, "order": order})
 
 
 def get_row(table, rid):

api.py

@@ -129,8 +129,10 @@ def api_team(tid):
 @app.route("/api/players")
 def api_players():
     q = request.args.get("q", "")
-    r = tools.search_players(q, limit=int(request.args.get("limit", 60)))
-    return jsonify(r.get("results", []))
+    position = request.args.get("position", "")
+    page = max(1, int(request.args.get("page", 1)))
+    size = min(60, max(1, int(request.args.get("size", 24))))
+    return jsonify(tools.list_players(q, position=position, page=page, size=size))
 
 
 @app.route("/api/players/<int:pid>")
@@ -147,12 +149,9 @@ def api_player(pid):
 def api_games():
     q = request.args.get("q", "")
     status = request.args.get("status", "")
-    limit = int(request.args.get("limit", 30))
-    r = tools.search_games(q, limit=limit)
-    results = r.get("results", [])
-    if status:
-        results = [g for g in results if g["status"] == status]
-    return jsonify(results)
+    page = max(1, int(request.args.get("page", 1)))
+    size = min(40, max(1, int(request.args.get("size", 12))))
+    return jsonify(tools.list_games(q, status=status, page=page, size=size))
 
 
 @app.route("/api/games/<int:gid>")
@@ -192,15 +191,10 @@ def api_playoffs():
 def api_news():
     q = request.args.get("q", "")
     kind = request.args.get("kind", "")
-    limit = int(request.args.get("limit", 20))
-    if q:
-        r = tools.search_news(q, limit=limit)
-        return jsonify(r.get("results", []))
-    from db import query
-    rows = query("""SELECT id,title,author,source,publish_time,tags,kind,substr(content,1,160) AS summary
-                    FROM news WHERE (?='' OR kind=?) ORDER BY publish_time DESC, id DESC LIMIT ?""",
-                 (kind, kind, limit))
-    return jsonify(rows)
+    tag = request.args.get("tag", "")
+    page = max(1, int(request.args.get("page", 1)))
+    size = min(30, max(1, int(request.args.get("size", 10))))
+    return jsonify(tools.list_news(q, kind=kind, tag=tag, page=page, size=size))
 
 
 @app.route("/api/news/<int:nid>")

static/admin.html

@@ -46,6 +46,9 @@ body { background:var(--bg); color:var(--txt); font-family:"PingFang SC","Micros
 table { width:100%; border-collapse:collapse; }
 th, td { padding:9px 11px; text-align:left; font-size:13px; border-bottom:1px solid var(--line); white-space:nowrap; max-width:260px; overflow:hidden; text-overflow:ellipsis; }
 th { background:var(--bg2); color:var(--sub); font-weight:600; font-size:12px; position:sticky; top:0; }
+th.sortable { cursor:pointer; user-select:none; transition:.15s; }
+th.sortable:hover { color:var(--orange2); }
+th.sort-active { color:var(--orange2); }
 tr:hover td { background:rgba(249,115,22,.05); }
 td.num { text-align:center; }
 .row-ops { display:flex; gap:6px; }

static/admin.js

@@ -4,7 +4,7 @@ const $$ = (s) => [...document.querySelectorAll(s)];
 const esc = (s) => String(s ?? "").replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }[c]));
 
 let TOKEN = localStorage.getItem("nba_admin_token") || "";
-let CUR = { table: "", page: 1, q: "" };
+let CUR = { table: "", page: 1, q: "", sort: "id", order: "desc" };
 let LOOKUPS = {};   // teams/players/leagues/sports → {id: name}
 
 /* 字段中文名 */
@@ -79,7 +79,7 @@ function switchPage(p) {
   $("#page-config").classList.toggle("hidden", p !== "config");
   if (p === "stats") loadStats();
   else if (p === "config") loadConfig();
-  else { CUR = { table: p, page: 1, q: "" }; $("#tbl-search").value = ""; loadTable(); }
+  else { CUR = { table: p, page: 1, q: "", sort: "id", order: "desc" }; $("#tbl-search").value = ""; loadTable(); }
 }
 
 /* ================= 仪表盘 ================= */
@@ -108,16 +108,20 @@ async function loadLookups() {
 
 async function loadTable() {
   $("#table-title").textContent = TITLE_CN[CUR.table] || CUR.table;
-  const d = await api(`/api/admin/${CUR.table}?page=${CUR.page}&size=20&q=${encodeURIComponent(CUR.q)}`);
+  const d = await api(`/api/admin/${CUR.table}?page=${CUR.page}&size=20&q=${encodeURIComponent(CUR.q)}&sort=${encodeURIComponent(CUR.sort)}&order=${CUR.order}`);
   const cols = d.columns.filter((c) => c.name !== "created_at");
   const rows = d.rows;
   if (!Object.keys(LOOKUPS).length) await loadLookups().catch(() => {});
-  const thead = `<tr>${cols.map((c) => `<th>${esc(FIELD_CN[CUR.table]?.[c.name] || c.name)}</th>`).join("")}<th>操作</th></tr>`;
+  const thead = `<tr>${cols.map((c) => {
+    const active = CUR.sort === c.name;
+    const arrow = active ? (CUR.order === "asc" ? " ▲" : " ▼") : "";
+    return `<th class="sortable ${active ? "sort-active" : ""}" data-sort="${c.name}" title="点击排序">${esc(FIELD_CN[CUR.table]?.[c.name] || c.name)}${arrow}</th>`;
+  }).join("")}<th>操作</th></tr>`;
   const tbody = rows.map((r) => {
     const tds = cols.map((c) => {
       let v = r[c.name];
       if (v === null || v === undefined) v = "";
-      if (c.name === "id") v = `<span class="badge">#${v}</span>`;
+      if (c.name === "id") v = v;  // ID 列纯数值显示
       else if (["team_id", "home_team_id", "away_team_id"].includes(c.name)) v = (LOOKUPS.teams || {})[v] || v;
       else if (c.name === "player_id") v = (LOOKUPS.players || {})[v] || v;
       else if (c.name === "league_id") v = (LOOKUPS.leagues || {})[v] || v;
@@ -141,6 +145,17 @@ $("#tbl-search-btn").addEventListener("click", () => { CUR.q = $("#tbl-search").
 $("#tbl-search").addEventListener("keydown", (e) => { if (e.key === "Enter") $("#tbl-search-btn").click(); });
 $("#tbl-add").addEventListener("click", () => openEdit(CUR.table, null));
 
+/* 表头点击排序：首次点击升序，再点切降序，循环 */
+$("#tbl-wrap").addEventListener("click", (e) => {
+  const th = e.target.closest("th[data-sort]");
+  if (!th) return;
+  const f = th.dataset.sort;
+  if (CUR.sort === f) CUR.order = CUR.order === "asc" ? "desc" : "asc";
+  else { CUR.sort = f; CUR.order = "asc"; }
+  CUR.page = 1;
+  loadTable();
+});
+
 /* ================= 编辑弹窗 ================= */
 let EDIT = { table: "", id: null };
 

static/app.js

@@ -6,6 +6,36 @@ const esc = (s) => String(s ?? "").replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "
 const chatHistory = [];
 let chatBusy = false;
 
+/* 简洁版当前时间 HH:MM */
+function nowTime() {
+  const d = new Date();
+  return `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
+}
+
+/* 轻提示 */
+function toast(msg) {
+  let t = document.getElementById("toast");
+  if (!t) { t = document.createElement("div"); t.id = "toast"; document.body.appendChild(t); }
+  t.textContent = msg;
+  t.classList.add("show");
+  clearTimeout(t._timer);
+  t._timer = setTimeout(() => t.classList.remove("show"), 1800);
+}
+
+/* 复制文本（Clipboard API + 降级） */
+async function copyText(text) {
+  try {
+    await navigator.clipboard.writeText(text);
+  } catch (e) {
+    const ta = document.createElement("textarea");
+    ta.value = text; ta.style.position = "fixed"; ta.style.opacity = "0";
+    document.body.appendChild(ta); ta.select();
+    document.execCommand("copy");
+    ta.remove();
+  }
+  toast("✅ 已复制");
+}
+
 /* ================= Markdown 渲染（marked 本地库，先转义防 XSS） ================= */
 function md(text) {
   if (window.marked) {
@@ -50,9 +80,24 @@ $$(".tab").forEach((t) => t.addEventListener("click", () => {
 
 function loadView(v) {
   if (v === "teams") loadTeams();
-  else if (v === "players") loadPlayers("");
-  else if (v === "games") loadGames("");
-  else if (v === "news") loadNews("");
+  else if (v === "players") {
+    playersPage = 1; playersQ = ""; playersPos = "";
+    $("#search-players").value = "";
+    $$("#view-players .btn.small").forEach((x) => x.classList.toggle("active", x.dataset.pos === ""));
+    loadPlayers();
+  }
+  else if (v === "games") {
+    gamesPage = 1; gamesQ = ""; gamesStatus = "";
+    $("#search-games").value = "";
+    $$("#view-games .btn.small").forEach((x) => x.classList.toggle("active", x.dataset.status === ""));
+    loadGames();
+  }
+  else if (v === "news") {
+    newsPage = 1; newsQ = ""; newsKind = ""; newsTag = "";
+    $("#search-news").value = "";
+    $$("#view-news .btn.small").forEach((x) => x.classList.toggle("active", !x.dataset.kind && !x.dataset.tag));
+    loadNews();
+  }
   else if (v === "persons") loadPersons("");
   else if (v === "standings") {
     if ($("#season-select").options.length) { loadStandings(); loadPlayoffs(); }
@@ -61,10 +106,14 @@ function loadView(v) {
 }
 
 /* ================= 对话 ================= */
-function addMsg(role, html) {
+function addMsg(role, html, opts = {}) {
   const div = document.createElement("div");
   div.className = `msg ${role}`;
-  div.innerHTML = `<div class="avatar">${role === "user" ? "🧑" : "🤖"}</div><div class="bubble">${html}</div>`;
+  if (opts.idx !== undefined) div.dataset.idx = opts.idx;
+  const actions = role === "bot"
+    ? `<div class="msg-actions"><button class="act-btn" title="复制回答">📋</button><button class="act-btn" title="重新生成">🔄</button><span class="msg-time">${nowTime()}</span></div>`
+    : `<div class="msg-actions user-time"><span class="msg-time">${nowTime()}</span></div>`;
+  div.innerHTML = `<div class="avatar">${role === "user" ? "🧑" : "🤖"}</div><div class="msg-body"><div class="bubble">${html}</div>${actions}</div>`;
   $("#chat-list").appendChild(div);
   $("#chat-list").scrollTop = $("#chat-list").scrollHeight;
   return div;
@@ -72,7 +121,7 @@ function addMsg(role, html) {
 function showTyping() {
   const div = document.createElement("div");
   div.className = "msg bot";
-  div.innerHTML = `<div class="avatar">🤖</div><div class="bubble"><span class="typing"><i></i><i></i><i></i></span></div>`;
+  div.innerHTML = `<div class="avatar">🤖</div><div class="msg-body"><div class="bubble"><span class="typing"><i></i><i></i><i></i></span></div></div>`;
   $("#chat-list").appendChild(div);
   $("#chat-list").scrollTop = $("#chat-list").scrollHeight;
   return div;
@@ -90,6 +139,28 @@ function cardHtml(c) {
   return "";
 }
 
+/* 组装回答气泡 HTML（参考资讯 + markdown实体 + 卡片 + 来源） */
+function buildBotHtml(d) {
+  let html = "";
+  // 需求4：参考资讯（新闻/百科链接），默认折叠，位于回答块上方
+  if (d.news_refs && d.news_refs.length) {
+    html += `<details class="refs"><summary>📰 参考资讯（${d.news_refs.length}）</summary><ul>` +
+      d.news_refs.map((n) => `<li><a href="#" data-news="${n.id}">${esc(n.title)}</a>` +
+        (n.source ? `<span class="ref-src">${esc(n.source)}${n.publish_time ? " · " + esc(n.publish_time.slice(0, 10)) : ""}</span>` : "") + `</li>`).join("") +
+      `</ul></details>`;
+  }
+  // 需求3：markdown 渲染 + 需求5：实体特殊标记
+  html += `<div class="md">${renderMdWithEntities(d.reply, d.entities)}</div>`;
+  // 需求5：快速查看入口卡片
+  if (d.cards && d.cards.length) {
+    html += `<div class="entity-cards">${d.cards.map(cardHtml).join("")}</div>`;
+  }
+  if (d.sources && d.sources.length) {
+    html += "<div class='src-line'>" + d.sources.map((s) => `<span class="src-tag">来源：${esc(s.tool)}</span>`).join("") + "</div>";
+  }
+  return html;
+}
+
 async function sendChat(text) {
   if (chatBusy) return;
   chatBusy = true;
@@ -102,26 +173,18 @@ async function sendChat(text) {
     const d = await r.json();
     typing.remove();
     if (d.error) { addMsg("bot", `⚠️ ${esc(d.error)}`); return; }
-    let html = "";
-    // 需求4：参考资讯（新闻/百科链接），默认折叠，位于回答块上方
-    if (d.news_refs && d.news_refs.length) {
-      html += `<details class="refs"><summary>📰 参考资讯（${d.news_refs.length}）</summary><ul>` +
-        d.news_refs.map((n) => `<li><a href="#" data-news="${n.id}">${esc(n.title)}</a>` +
-          (n.source ? `<span class="ref-src">${esc(n.source)}${n.publish_time ? " · " + esc(n.publish_time.slice(0, 10)) : ""}</span>` : "") + `</li>`).join("") +
-        `</ul></details>`;
-    }
-    // 需求3：markdown 渲染 + 需求5：实体特殊标记
-    html += `<div class="md">${renderMdWithEntities(d.reply, d.entities)}</div>`;
-    // 需求5：快速查看入口卡片
-    if (d.cards && d.cards.length) {
-      html += `<div class="entity-cards">${d.cards.map(cardHtml).join("")}</div>`;
-    }
-    if (d.sources && d.sources.length) {
-      html += "<div class='src-line'>" + d.sources.map((s) => `<span class="src-tag">来源：${esc(s.tool)}</span>`).join("") + "</div>";
-    }
-    addMsg("bot", html);
     chatHistory.push({ user: text, assistant: d.reply });
-    if (chatHistory.length > 20) chatHistory.splice(0, chatHistory.length - 20);
+    const idx = chatHistory.length - 1;
+    addMsg("bot", buildBotHtml(d), { idx });
+    if (chatHistory.length > 20) {
+      const removed = chatHistory.length - 20;
+      chatHistory.splice(0, removed);
+      document.querySelectorAll("#chat-list .msg[data-idx]").forEach((m) => {
+        const i = parseInt(m.dataset.idx);
+        if (i < removed) m.remove();
+        else m.dataset.idx = i - removed;
+      });
+    }
     // 大模型预测下一轮快捷问题（异步刷新底部 chips）
     const mark = chatHistory.length;
     refreshChips(mark);
@@ -133,12 +196,100 @@ async function sendChat(text) {
     $("#send-btn").disabled = false;
   }
 }
-$("#send-btn").addEventListener("click", () => { const v = $("#chat-input").value.trim(); if (v) { $("#chat-input").value = ""; sendChat(v); } });
-$("#chat-input").addEventListener("keydown", (e) => { if (e.key === "Enter") $("#send-btn").click(); });
+$("#send-btn").addEventListener("click", () => { const v = $("#chat-input").value.trim(); if (v) { $("#chat-input").value = ""; autoResizeInput(); sendChat(v); } });
+
+/* 输入框多行自适应：超一行自动增高，最多 4 行（约90px）；Enter 发送，Shift+Enter 换行 */
+const chatInput = $("#chat-input");
+const INPUT_MAX_H = 90;
+function autoResizeInput() {
+  chatInput.style.height = "auto";
+  chatInput.style.height = Math.min(chatInput.scrollHeight, INPUT_MAX_H) + "px";
+}
+chatInput.addEventListener("input", autoResizeInput);
+chatInput.addEventListener("keydown", (e) => {
+  if (e.key === "Enter" && !e.shiftKey) {
+    e.preventDefault();
+    $("#send-btn").click();
+  }
+});
+
+/* 复制当前回答（纯文本） */
+function copyMsg(btn) {
+  const bubble = btn.closest(".msg").querySelector(".bubble");
+  copyText(bubble.innerText.trim());
+}
+
+/* 重新生成：以该轮之前的上下文重新提问，替换本条回答，截断后续对话 */
+async function regenerate(btn) {
+  const msgEl = btn.closest(".msg");
+  const idx = parseInt(msgEl.dataset.idx);
+  if (isNaN(idx) || chatBusy) return;
+  if (idx >= chatHistory.length) return;
+  // 截断：删除该条之后的对话（上下文已变）
+  chatHistory.splice(idx + 1);
+  document.querySelectorAll("#chat-list .msg[data-idx]").forEach((m) => {
+    if (parseInt(m.dataset.idx) > idx) m.remove();
+  });
+  const userText = chatHistory[idx].user;
+  const body = msgEl.querySelector(".msg-body");
+  const bubble = msgEl.querySelector(".bubble");
+  bubble.innerHTML = `<span class="typing"><i></i><i></i><i></i></span>`;
+  msgEl.querySelector(".msg-actions")?.remove();
+  chatBusy = true;
+  try {
+    const r = await fetch("/api/chat", { method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ message: userText, history: chatHistory.slice(0, idx).map((h) => ({ user: h.user, assistant: h.assistant })) }) });
+    const d = await r.json();
+    if (d.error) { bubble.innerHTML = `⚠️ ${esc(d.error)}`; return; }
+    bubble.innerHTML = buildBotHtml(d);
+    const actions = document.createElement("div");
+    actions.className = "msg-actions";
+    actions.innerHTML = `<button class="act-btn" title="复制回答">📋</button><button class="act-btn" title="重新生成">🔄</button><span class="msg-time">${nowTime()}</span>`;
+    body.appendChild(actions);
+    chatHistory[idx] = { user: userText, assistant: d.reply };
+    refreshChips(chatHistory.length);
+  } catch (e) {
+    bubble.innerHTML = "⚠️ 网络异常，请稍后再试。";
+  } finally {
+    chatBusy = false;
+  }
+}
+
+/* 分享：弹窗展示对话全文 + 一键复制 */
+function shareChat() {
+  if (!chatHistory.length) { toast("还没有对话内容"); return; }
+  const text = chatHistory.map((h) => `🧑 ${h.user}\n🤖 ${h.assistant}`).join("\n\n");
+  openModal(`
+    <h2>🔗 分享对话</h2>
+    <div class="en">共 ${chatHistory.length} 轮 · 复制后粘贴到任意聊天或文档</div>
+    <textarea readonly class="share-box" style="width:100%;height:280px;margin-top:10px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--txt);font-size:13px;line-height:1.7;resize:vertical">${esc(text)}</textarea>
+    <div style="margin-top:12px;text-align:right"><button class="btn" onclick="copyShare()">📋 复制全文</button></div>
+  `);
+}
+function copyShare() {
+  const ta = document.querySelector(".share-box");
+  if (ta) copyText(ta.value);
+}
+
+/* 清空对话从头开始 */
+function clearChat() {
+  if (!chatHistory.length) { toast("对话已经是空的"); return; }
+  if (!confirm("确定清空当前对话吗？将从头开始。")) return;
+  chatHistory.length = 0;
+  const list = $("#chat-list");
+  const welcome = document.getElementById("welcome-msg");
+  const w = welcome ? welcome.outerHTML : "";
+  list.innerHTML = w;
+  loadBoot();
+  toast("🗑️ 对话已清空");
+}
+$("#share-btn").addEventListener("click", shareChat);
+$("#clear-btn").addEventListener("click", clearChat);
 
 /* 快捷问题：点击 → 自动填入输入框并自动提交（需求2） */
 function askQuick(q) {
   $("#chat-input").value = q;
+  autoResizeInput();
   sendChat(q);
 }
 
@@ -155,8 +306,14 @@ async function refreshChips(mark) {
   } catch (e) {}
 }
 
-/* 聊天区事件委托：快捷语句 / 实体标记 / 新闻链接 / 卡片 */
+/* 聊天区事件委托：快捷语句 / 操作按钮(复制·重新生成) / 实体标记 / 新闻链接 / 卡片 */
 $("#chat-list").addEventListener("click", (e) => {
+  const act = e.target.closest(".act-btn");
+  if (act) {
+    if (act.title.includes("复制")) copyMsg(act);
+    else if (act.title.includes("重新生成")) regenerate(act);
+    return;
+  }
   const q = e.target.closest(".quick-q");
   if (q) { e.preventDefault(); askQuick(q.textContent); return; }
   const ent = e.target.closest(".entity, .ecard");
@@ -221,17 +378,56 @@ async function openTeam(id) {
 }
 
 /* ================= 球员 ================= */
-async function loadPlayers(q) {
-  const players = await getJSON(`/api/players?q=${encodeURIComponent(q)}&limit=60`);
+let playersPage = 1, playersQ = "", playersPos = "";
+const POS_CN = { PG: "控卫", SG: "分卫", SF: "小前", PF: "大前", C: "中锋" };
+
+async function loadPlayers() {
+  const d = await getJSON(`/api/players?q=${encodeURIComponent(playersQ)}&position=${playersPos}&page=${playersPage}&size=24`);
+  const players = d.results || [];
   $("#grid-players").innerHTML = players.map((p) => `
     <div class="card" onclick="openPlayer(${p.id})">
-      <h3>${esc(p.name)} <span class="en">${esc(p.position)} #${p.number}</span></h3>
+      <h3>${esc(p.name)} <span class="en">${esc(POS_CN[p.position] || p.position)} #${p.number}</span></h3>
       <div class="en">${esc(p.team || "")} · ${esc(p.country)}</div>
       <div class="meta">本季：<span class="big-num">${p.season.pts}</span> 分 / ${p.season.reb} 板 / ${p.season.ast} 助</div>
     </div>`).join("");
+  renderPager(d, "players");
 }
-$("#btn-players").addEventListener("click", () => loadPlayers($("#search-players").value.trim()));
+
+/* 通用分页控件 */
+function renderPager(d, key) {
+  const pages = Math.max(1, Math.ceil(d.total / d.size));
+  const cur = d.page;
+  const el = document.getElementById(`pager-${key}`);
+  if (!el) return;
+  const nums = [];
+  for (let i = 1; i <= pages; i++) {
+    if (pages > 9 && i !== 1 && i !== pages && Math.abs(i - cur) > 2) {
+      if (nums[nums.length - 1] !== "…") nums.push("…");
+      continue;
+    }
+    nums.push(i);
+  }
+  el.innerHTML = `
+    <button ${cur <= 1 ? "disabled" : ""} onclick="goPage('${key}', ${cur - 1})">← 上一页</button>
+    ${nums.map((n) => n === "…" ? `<span>…</span>` : `<button class="${n === cur ? "active" : ""}" onclick="goPage('${key}', ${n})">${n}</button>`).join("")}
+    <button ${cur >= pages ? "disabled" : ""} onclick="goPage('${key}', ${cur + 1})">下一页 →</button>
+    <span>共 ${d.total} 条</span>`;
+}
+function goPage(key, p) {
+  if (key === "players") { playersPage = p; loadPlayers(); }
+  else if (key === "games") { gamesPage = p; loadGames(); }
+  else if (key === "news") { newsPage = p; loadNews(); }
+}
+
+$("#btn-players").addEventListener("click", () => { playersQ = $("#search-players").value.trim(); playersPage = 1; loadPlayers(); });
 $("#search-players").addEventListener("keydown", (e) => { if (e.key === "Enter") $("#btn-players").click(); });
+$$("#view-players .btn.small").forEach((b) => b.addEventListener("click", () => {
+  $$("#view-players .btn.small").forEach((x) => x.classList.remove("active"));
+  b.classList.add("active");
+  playersPos = b.dataset.pos;
+  playersPage = 1;
+  loadPlayers();
+}));
 async function openPlayer(id) {
   const p = await getJSON(`/api/players/${id}`);
   openModal(`
@@ -254,12 +450,11 @@ async function openPlayer(id) {
 }
 
 /* ================= 比赛 ================= */
-let gameStatusFilter = "";
-async function loadGames(q) {
-  const url = `/api/games?q=${encodeURIComponent(q)}&limit=40`;
-  const games = await getJSON(url);
-  const list = games.filter((g) => !gameStatusFilter || g.status === gameStatusFilter);
-  $("#list-games").innerHTML = list.map((g) => {
+let gamesPage = 1, gamesQ = "", gamesStatus = "";
+async function loadGames() {
+  const d = await getJSON(`/api/games?q=${encodeURIComponent(gamesQ)}&status=${gamesStatus}&page=${gamesPage}&size=12`);
+  const games = d.results || [];
+  $("#list-games").innerHTML = games.map((g) => {
     const finished = g.status === "finished";
     const score = finished ? `<span class="score-big">${g.away_score}</span> : <span class="score-big">${g.home_score}</span>` : "VS";
     return `<div class="list-item" onclick="openGame(${g.id})">
@@ -275,14 +470,16 @@ async function loadGames(q) {
       <div class="meta">🕐 ${esc(g.game_time)} · ${esc(g.venue)} · ${esc(g.broadcast)}</div>
     </div>`;
   }).join("") || '<div class="meta">没有符合条件的比赛</div>';
+  renderPager(d, "games");
 }
 $$("#view-games .btn.small").forEach((b) => b.addEventListener("click", () => {
   $$("#view-games .btn.small").forEach((x) => x.classList.remove("active"));
   b.classList.add("active");
-  gameStatusFilter = b.dataset.status;
-  loadGames($("#search-games").value.trim());
+  gamesStatus = b.dataset.status;
+  gamesPage = 1;
+  loadGames();
 }));
-$("#btn-games").addEventListener("click", () => loadGames($("#search-games").value.trim()));
+$("#btn-games").addEventListener("click", () => { gamesQ = $("#search-games").value.trim(); gamesPage = 1; loadGames(); });
 $("#search-games").addEventListener("keydown", (e) => { if (e.key === "Enter") $("#btn-games").click(); });
 async function openGame(id) {
   const g = await getJSON(`/api/games/${id}`);
@@ -306,8 +503,10 @@ async function openGame(id) {
 }
 
 /* ================= 新闻 ================= */
-async function loadNews(q) {
-  const news = await getJSON(`/api/news?q=${encodeURIComponent(q)}&limit=30`);
+let newsPage = 1, newsQ = "", newsKind = "", newsTag = "";
+async function loadNews() {
+  const d = await getJSON(`/api/news?q=${encodeURIComponent(newsQ)}&kind=${newsKind}&tag=${encodeURIComponent(newsTag)}&page=${newsPage}&size=10`);
+  const news = d.results || [];
   $("#list-news").innerHTML = news.map((n) => `
     <div class="list-item" onclick="openNews(${n.id})">
       <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap">
@@ -316,10 +515,19 @@ async function loadNews(q) {
       </div>
       <div class="meta">🕐 ${esc(n.publish_time)} · ${esc(n.source)}${n.author ? " · " + esc(n.author) : ""}</div>
       <div class="meta" style="margin-top:4px">${esc(n.summary || n.content || "")}…</div>
-    </div>`).join("");
+    </div>`).join("") || '<div class="meta">没有符合条件的新闻</div>';
+  renderPager(d, "news");
 }
-$("#btn-news").addEventListener("click", () => loadNews($("#search-news").value.trim()));
+$("#btn-news").addEventListener("click", () => { newsQ = $("#search-news").value.trim(); newsPage = 1; loadNews(); });
 $("#search-news").addEventListener("keydown", (e) => { if (e.key === "Enter") $("#btn-news").click(); });
+$$("#view-news .btn.small").forEach((b) => b.addEventListener("click", () => {
+  $$("#view-news .btn.small").forEach((x) => x.classList.remove("active"));
+  b.classList.add("active");
+  newsKind = b.dataset.kind;
+  newsTag = b.dataset.tag;
+  newsPage = 1;
+  loadNews();
+}));
 async function openNews(id) {
   const n = await getJSON(`/api/news/${id}`);
   openModal(`

static/index.html

@@ -31,6 +31,13 @@
   <!-- ================= 对话 ================= -->
   <section id="view-chat" class="view active">
     <div class="chat-wrap">
+      <div class="chat-toolbar">
+        <span class="ct-title">💬 对话</span>
+        <div>
+          <button class="tool-btn" id="share-btn" title="分享对话">🔗 分享</button>
+          <button class="tool-btn" id="clear-btn" title="清空对话从头开始">🗑️ 清空</button>
+        </div>
+      </div>
       <div id="chat-list" class="chat-list">
         <div class="msg bot" id="welcome-msg">
           <div class="avatar">🤖</div>
@@ -42,7 +49,7 @@
       </div>
       <div class="chips" id="chips"></div>
       <div class="input-bar">
-        <input id="chat-input" type="text" placeholder="输入问题，如：湖人最近比赛怎么样？" autocomplete="off">
+        <textarea id="chat-input" rows="1" placeholder="输入问题，如：湖人最近比赛怎么样？（Enter 发送，Shift+Enter 换行）" autocomplete="off"></textarea>
         <button id="send-btn">发送</button>
       </div>
     </div>
@@ -51,8 +58,17 @@
   <!-- ================= 数据浏览 ================= -->
   <section id="view-teams" class="view"><div class="grid" id="grid-teams"></div></section>
   <section id="view-players" class="view">
-    <div class="toolbar"><input class="search" id="search-players" placeholder="搜索球员（中文/英文/球队）"><button class="btn" id="btn-players">搜索</button></div>
+    <div class="toolbar">
+      <button class="btn small active" data-pos="">全部</button>
+      <button class="btn small" data-pos="PG">控卫</button>
+      <button class="btn small" data-pos="SG">分卫</button>
+      <button class="btn small" data-pos="SF">小前</button>
+      <button class="btn small" data-pos="PF">大前</button>
+      <button class="btn small" data-pos="C">中锋</button>
+      <input class="search" id="search-players" placeholder="搜索球员（中文/英文/球队）"><button class="btn" id="btn-players">搜索</button>
+    </div>
     <div class="grid" id="grid-players"></div>
+    <div class="pager" id="pager-players"></div>
   </section>
   <section id="view-games" class="view">
     <div class="toolbar">
@@ -62,11 +78,22 @@
       <input class="search" id="search-games" placeholder="搜索：如 湖人 最近">
       <button class="btn" id="btn-games">搜索</button>
     </div>
-    <div class="list" id="list-games"></div>
+    <div class="grid games-grid" id="list-games"></div>
+    <div class="pager" id="pager-games"></div>
   </section>
   <section id="view-news" class="view">
-    <div class="toolbar"><input class="search" id="search-news" placeholder="搜索新闻关键词"><button class="btn" id="btn-news">搜索</button></div>
+    <div class="toolbar">
+      <button class="btn small active" data-kind="" data-tag="">全部</button>
+      <button class="btn small" data-kind="news" data-tag="">新闻</button>
+      <button class="btn small" data-kind="wiki" data-tag="">百科</button>
+      <button class="btn small" data-kind="" data-tag="总决赛">总决赛</button>
+      <button class="btn small" data-kind="" data-tag="续约">续约</button>
+      <button class="btn small" data-kind="" data-tag="中国球员">中国球员</button>
+      <button class="btn small" data-kind="" data-tag="选秀">选秀</button>
+      <input class="search" id="search-news" placeholder="搜索新闻关键词"><button class="btn" id="btn-news">搜索</button>
+    </div>
     <div class="list" id="list-news"></div>
+    <div class="pager" id="pager-news"></div>
   </section>
   <section id="view-persons" class="view">
     <div class="toolbar">

static/style.css

@@ -25,6 +25,18 @@ main { flex: 1; width: 100%; max-width: 1200px; margin: 0 auto; padding: 20px 16
 
 /* ---------- 对话 ---------- */
 .chat-wrap { display: flex; flex-direction: column; height: calc(100vh - 190px); min-height: 480px; }
+.chat-toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; padding: 0 4px; }
+.ct-title { color: var(--sub); font-size: 13px; font-weight: 600; letter-spacing: 1px; }
+.tool-btn { background: var(--bg2); border: 1px solid var(--line); color: var(--sub); border-radius: 999px; padding: 5px 12px; font-size: 12.5px; cursor: pointer; margin-left: 6px; transition: .15s; }
+.tool-btn:hover { color: var(--orange2); border-color: var(--orange2); }
+.msg-body { flex: 1; min-width: 0; }
+.msg-actions { display: flex; align-items: center; gap: 2px; margin-top: 5px; padding-left: 4px; opacity: .8; }
+.msg.user .msg-actions { justify-content: flex-end; padding-left: 0; padding-right: 4px; }
+.act-btn { background: transparent; border: none; color: var(--sub); font-size: 13px; cursor: pointer; padding: 3px 6px; border-radius: 6px; line-height: 1; transition: .15s; }
+.act-btn:hover { color: var(--orange2); background: rgba(249,115,22,.12); }
+.msg-time { font-size: 11px; color: var(--sub); margin-left: 6px; }
+#toast { position: fixed; left: 50%; bottom: 100px; transform: translateX(-50%) translateY(12px); background: var(--bg2); border: 1px solid var(--line); color: var(--txt); padding: 9px 20px; border-radius: 999px; font-size: 13px; opacity: 0; pointer-events: none; transition: .25s; z-index: 300; box-shadow: 0 6px 24px rgba(0,0,0,.5); }
+#toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
 .chat-list { flex: 1; overflow-y: auto; padding: 8px 4px 16px; display: flex; flex-direction: column; gap: 14px; scroll-behavior: smooth; }
 .msg { display: flex; gap: 10px; max-width: 88%; }
 .msg.user { align-self: flex-end; flex-direction: row-reverse; }
@@ -97,7 +109,9 @@ main { flex: 1; width: 100%; max-width: 1200px; margin: 0 auto; padding: 20px 16
 .chips button:hover { border-color: var(--orange2); color: var(--orange2); }
 
 .input-bar { display: flex; gap: 10px; background: var(--bg2); border: 1px solid var(--line); border-radius: 999px; padding: 8px 10px 8px 18px; }
-#chat-input { flex: 1; background: transparent; border: none; outline: none; color: var(--txt); font-size: 15px; }
+#chat-input { flex: 1; background: transparent; border: none; outline: none; color: var(--txt); font-size: 15px; line-height: 1.5; resize: none; overflow-y: auto; max-height: 90px; padding: 5px 0; font-family: inherit; }
+#chat-input::-webkit-scrollbar { width: 5px; }
+#chat-input::-webkit-scrollbar-thumb { background: var(--line); border-radius: 3px; }
 #send-btn { background: linear-gradient(135deg, #f97316, #ea580c); border: none; color: #fff; padding: 10px 24px; border-radius: 999px; cursor: pointer; font-size: 14px; font-weight: 600; }
 #send-btn:disabled { opacity: .5; cursor: wait; }
 
@@ -110,6 +124,18 @@ main { flex: 1; width: 100%; max-width: 1200px; margin: 0 auto; padding: 20px 16
 .btn.small.active { color: var(--orange2); border-color: var(--orange2); background: rgba(249,115,22,.08); }
 
 .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
+
+/* ---------- 分页控件 ---------- */
+.pager { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 18px; color: var(--sub); font-size: 12.5px; flex-wrap: wrap; }
+.pager button { background: var(--bg2); border: 1px solid var(--line); color: var(--txt); border-radius: 999px; padding: 6px 14px; cursor: pointer; font-size: 12.5px; transition: .15s; }
+.pager button:hover:not(:disabled) { border-color: var(--orange2); color: var(--orange2); }
+.pager button.active { background: linear-gradient(135deg, #f97316, #ea580c); color: #fff; border-color: transparent; }
+.pager button:disabled { opacity: .35; cursor: default; }
+.pager span { margin: 0 4px; }
+
+/* ---------- 比赛网格卡片（固定宽度420px，居中排列） ---------- */
+.games-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
+.games-grid .list-item { flex: 0 0 420px; width: 420px; display: flex; flex-direction: column; justify-content: space-between; gap: 8px; height: 100%; padding: 14px 16px; }
 .card { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px 16px; cursor: pointer; transition: .18s; }
 .card:hover { transform: translateY(-3px); border-color: var(--orange2); box-shadow: 0 6px 20px rgba(0,0,0,.35); }
 .card h3 { font-size: 15.5px; margin-bottom: 4px; }

tools.py

@@ -157,6 +157,26 @@ def get_player(player_id):
     return _fmt_player(p) if p else None
 
 
+# ================================================================== 球员列表（前台分页版）
+def list_players(q="", position="", page=1, size=24):
+    """前台球员列表：关键词 + 位置筛选 + 分页（区别于 search_players 工具版）"""
+    q = expand_aliases((q or "").strip())
+    conds, args = [], []
+    if q:
+        like = f"%{fuzzy(q)}%"
+        conds.append("(p.name LIKE ? ESCAPE '\\' OR p.name_en LIKE ? ESCAPE '\\' OR t.name LIKE ? ESCAPE '\\')")
+        args += [like, like, like]
+    if position:
+        conds.append("p.position=?")
+        args.append(position)
+    where = ("WHERE " + " AND ".join(conds)) if conds else ""
+    total = query_one(f"SELECT COUNT(*) AS c FROM players p LEFT JOIN teams t ON p.team_id=t.id {where}", args)["c"]
+    rows = query(f"""SELECT p.*, t.name AS team_name FROM players p LEFT JOIN teams t ON p.team_id=t.id
+                     {where} ORDER BY p.season_pts DESC LIMIT ? OFFSET ?""",
+                 args + [size, (page - 1) * size])
+    return {"results": [_fmt_player(r) for r in rows], "total": total, "page": page, "size": size}
+
+
 # ================================================================== 比赛
 _TEAM_PAT = None
 
@@ -259,6 +279,18 @@ def get_game_detail(game_id):
     return detail
 
 
+# ================================================================== 比赛列表（前台分页版）
+def list_games(q="", status="", page=1, size=12):
+    """前台比赛列表：关键词 + 状态筛选 + 分页（数据量小，全量匹配后切片）"""
+    r = search_games(q, limit=500)
+    results = r.get("results", [])
+    if status:
+        results = [g for g in results if g["status"] == status]
+    total = len(results)
+    start = (page - 1) * size
+    return {"results": results[start:start + size], "total": total, "page": page, "size": size}
+
+
 # ================================================================== 排名
 def search_standings(query_text, limit=20, season=None):
     q = (query_text or "").strip()
@@ -319,6 +351,28 @@ def player_game_logs(player_id, limit=10):
     return out
 
 
+# ================================================================== 新闻列表（前台分页版）
+def list_news(q="", kind="", tag="", page=1, size=10):
+    """前台新闻列表：关键词 + 类型(kind) + 话题标签(tag) + 分页"""
+    conds, args = [], []
+    if q:
+        like = f"%{fuzzy(q)}%"
+        conds.append("(title LIKE ? ESCAPE '\\' OR content LIKE ? ESCAPE '\\' OR tags LIKE ? ESCAPE '\\')")
+        args += [like, like, like]
+    if kind:
+        conds.append("kind=?")
+        args.append(kind)
+    if tag:
+        conds.append("tags LIKE ? ESCAPE '\\'")
+        args.append(f"%{fuzzy(tag)}%")
+    where = ("WHERE " + " AND ".join(conds)) if conds else ""
+    total = query_one(f"SELECT COUNT(*) AS c FROM news {where}", args)["c"]
+    rows = query(f"""SELECT id,title,author,source,publish_time,tags,kind,substr(content,1,160) AS summary
+                     FROM news {where} ORDER BY publish_time DESC, id DESC LIMIT ? OFFSET ?""",
+                 args + [size, (page - 1) * size])
+    return {"results": rows, "total": total, "page": page, "size": size}
+
+
 # ================================================================== 新闻（SQL 关键词 + 向量语义 + 可选 rerank 融合）
 def search_news(query_text, limit=5):
     q = (query_text or "").strip()