feat: 入库/出库单笔录入新增物料编码输入框(输入或扫码自动定位)

- 单笔录入表单顶部新增「物料编码」输入框, 输入或扫码物料编码即自动定位下拉物料:
  精确命中/前缀唯一立即锁定并把光标跳到数量; 多个前缀候选提示继续输入; 编码不存在标红提示
- 下拉保留作后备, 手选下拉会反向自动填入编码, 两种方式互通
- option 加 data-pn 携带物料编码供前端精确匹配, 不改后端提交逻辑(仍用 material_id)
- 新增 .pn-lookup / .pn-hint 样式(状态色与系统 ok/danger/warn 一致)
- 教程补充单笔录入物料编码输入框说明

(注: 此前模拟齐套 commit 9f29139 因网络断连未推送, 本次一并推送)

static/style.css

@@ -78,6 +78,14 @@ button:hover, .btn:hover { filter: brightness(.96); }
 .bom-filter label { margin: 0; white-space: nowrap; }
 .bom-filter select { width: auto; min-width: 260px; }
 
+/* 入库/出库: 物料编码输入框(输入或扫码自动定位) */
+.pn-lookup { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }
+.pn-lookup input { width: 280px; }
+.pn-hint { font-size: 13px; white-space: nowrap; }
+.pn-hint.ok { color: #1a7f47; }
+.pn-hint.warn { color: #ad6800; }
+.pn-hint.danger { color: #cf1322; }
+
 /* BOM 模拟齐套模式 */
 .sim-bar { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; flex-wrap: wrap; padding: 10px 12px; background: #f7f9fc; border: 1px solid #e3e8ef; border-radius: 8px; }
 .sim-bar label { margin: 0; white-space: nowrap; }