后台新增「联想词按键」设置：可用 , 和 . 代替 ↑/↓ 选联想词

输入法手感 —— 习惯中文输入法的话，手不用离开主键区就能在联想下拉里选词。

- 设置项 suggest_keys：arrows（默认，等同改造前）/ punct（, 和 .）/ both。
  后台为三选一下拉，保存走白名单回退（非白名单一律 arrows），默认值 = 旧行为。
- app.js 认**物理键**（e.code 的 Comma / Period）而不是字符 —— 中文输入法下按逗号
  打出来的是全角「，」，e.key 会变成「，」，但物理键不变；「跟输入法一样」就该这么认。
- ⚠️ 逗号和句号同时是搜索框的合法输入字符（如「python, pandas」）—— 所以只在
  **联想下拉打开时**才把它们当选词键；没有下拉时放行，照常输入。这条边界写进了
  后台说明（想输入逗号本身先按 Esc 关掉下拉）。
- 「,」= 上一条（同 ↑）、「.」= 下一条（同 ↓），首尾循环、与方向键行为完全一致。
- 前台输出两处同源标记：#search-form 的 data-keys（供断言/排查）与
  window.SIMPLENAV.suggestKeys（JS 实际读它决定用哪组键）。

验证：
- jsdom 交互测试 54/54 —— arrows / punct / both 三种模式各跑一遍；覆盖全角「，」「。」
  （中文输入法场景）、「没有下拉时 ,/. 不被拦截」（关键回归）、
  以及上一轮的核心回归「直接回车用原文」在三种模式下都成立。
- 反向验证两个变体：把回车改回旧行为 → 「直接回车不改动输入框」精确失败（27 项）；
  把「没下拉放行」改坏 → 恰好只失败「没有下拉时按 ./, 不被拦截」那两条（2 项），
  其余全过 —— 两条核心断言各自有效、定位精准。
- e2e 128/128（新增联想按键场景：保存 → data-keys / suggestKeys 同步、
  非法值回退 arrows、保存不动其它设置）。
- 线上部署 0 FAIL（77 条静态断言、38 文件哈希逐字节一致）；线上几何 25/25；
  直连线上核验 data-keys / suggestKeys / app.js 内容均已就位。

assets/js/app.js

@@ -31,7 +31,17 @@
   var lastQ = null;
   var seq = 0;          // 请求序号：防止先发的慢响应覆盖后发的快响应
   var items = [];       // 当前展示的建议词
-  var active = -1;      // 选中项下标（键盘 ↓/↑ 与鼠标划过共用）；-1 = 没选中
+  var active = -1;      // 选中项下标（键盘 ↓/↑、,/. 与鼠标划过共用）；-1 = 没选中
+
+  /* 联想词的选中按键（后台「设置 → 联想词按键」）：
+       arrows（默认，等同改造前）/ punct / both */
+  var keyMode = cfg.suggestKeys || 'arrows';
+  function acceptsArrows() { return keyMode === 'arrows' || keyMode === 'both'; }
+  function acceptsPunct() { return keyMode === 'punct' || keyMode === 'both'; }
+  /* ⚠️ 认**物理键**而不是字符：中文输入法下按逗号打出的是全角「，」，e.key 会变成「，」，
+     但 e.code 仍然是 'Comma' —— 「跟输入法一样」就该按物理键认，否则中文用户按不出来。 */
+  function isComma(e) { return e.code === 'Comma' || e.key === ','; }
+  function isPeriod(e) { return e.code === 'Period' || e.key === '.'; }
 
   function hideWord() {
     if (word) { word.innerHTML = ''; word.style.display = 'none'; }
@@ -85,14 +95,25 @@
     input.addEventListener('keydown', function (e) {
       var open = !!word && word.style.display === 'block' && items.length > 0;
 
-      // ↓ / ↑：在下拉里移动选中项（只动高亮，不动输入框；回车时才落到输入框）
-      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
+      // 移动选中项：只动高亮、不动输入框（回车时才落到输入框）。
+      // 用哪组键由后台「联想词按键」决定：arrows = ↓/↑ ／ punct = , 和 . ／ both = 都行。
+      var dir = 0;
+      if (acceptsArrows() && (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {
+        dir = e.key === 'ArrowDown' ? 1 : -1;
+      } else if (acceptsPunct() && isComma(e)) {
+        dir = -1;                   // , = 上一条（同 ↑）
+      } else if (acceptsPunct() && isPeriod(e)) {
+        dir = 1;                    // . = 下一条（同 ↓）
+      }
+
+      if (dir !== 0) {
+        // ⚠️ 没有下拉时**必须放行** —— 这时 , 和 . 是正常输入字符（如搜「python, pandas」）。
         if (!open) { return; }
         e.preventDefault();         // 别让光标跳到文本首尾、也别让页面跟着滚
         if (active < 0) {
-          active = e.key === 'ArrowDown' ? 0 : items.length - 1;
+          active = dir > 0 ? 0 : items.length - 1;
         } else {
-          active = (active + (e.key === 'ArrowDown' ? 1 : -1) + items.length) % items.length;
+          active = (active + dir + items.length) % items.length;
         }
         paintWord();
         return;