style: 优化顺运宝列表筛选与滚动 (#216)

docs/admin/05-ui-specification.md

@@ -72,9 +72,12 @@
 ### 3.1 搜索框宽度
 
 `[必须]` 搜索框加 `class="search-narrow"` 收到 30%，让「搜索」按钮紧挨着它。
-目前 **PDD 商品页、顺运宝数据页、采集采购页**在用；
+目前 **PDD 商品页、采集采购页**在用；
 蝦皮数据页和客户端列表页仍是撑满的（暂未统一）。
 
+顺运宝页一行同时有店铺和订单号两个输入框，单独使用 `syb-search-input`，桌面端
+固定约 140px；不能为了这个例外修改通用输入框规则。
+
 `[必须]` **不要去改 `.toolbar input[type="text"]` 那条通用规则**——
 五个页面共用它，改了会把没打算改的页面一起改掉。
 
@@ -472,13 +475,14 @@ Go 的 map 是无序的，不靠它定顺序的话，同一个商品每次刷新
 ### 6.1 工具条
 
 ```text
-开始日期 [2026-08-08]  结束日期 [2026-08-09] [同步] [同步记录] [店铺管理（同步 N）·管理员]
-[创建 PDD 采集任务] [创建采购任务]   处理阶段 [全部] 店铺 [___] 订单号 [___] [搜索]   [删除]
+开始日期 [2026-08-08]  结束日期 [2026-08-09] [同步] [同步记录]
+[创建采集任务] [创建采购任务]   处理阶段 [全部] 店铺 [___] 订单号 [___] [清除] [搜索]   [删除]
 ```
 
 日期始终显示在主工具条，按 UTC+8 解释且两端都包含。首次打开页面固定默认昨天
 到今天，不因覆盖游标位置自动扩大范围；需要补历史缺口时由采购员明确选择日期。
-所有账号都能看到当前启用 SYB 同步店铺数量；只有管理员显示独立“店铺管理”入口。
+所有账号都能看到当前启用 SYB 同步店铺数量；管理员通过主导航进入“店铺管理”，
+顺运宝工具条不再重复放入口。
 管理页一行一个店铺，只展示和编辑一个店铺名称，并使用一个启停状态。该名称同时用于
 SYB 同步准入和蝦皮商品关联。启用店铺不显示删除入口，服务端还要拒绝删除有关联货运单
 或蝦皮商品的停用店铺；“未登记商品 N 个”链接进入蝦皮未关联数据视图。
@@ -529,18 +533,22 @@ HTML 片段，只替换弹窗内部的表格、总数和分页。主货运单表
 时翻页链接降级为重载 `/syb` 并自动重开弹窗。本阶段不自动轮询，避免阅读历史
 记录时内容突然移动；F5 仍按浏览器默认行为刷新整个 SYB 页面。
 
-`[必须]` 搜索框宽度见 [§3.1](#31-搜索框宽度)。
+`[必须]` 店铺和订单号搜索框桌面端固定约 140px，见 [§3.1](#31-搜索框宽度)。
 店铺是独立的模糊搜索条件，可与处理阶段、订单号/商品标题组合；输入会去除首尾空白。
-翻页、同步、删除、详情内写操作、创建 PDD 采集任务和创建采购任务返回列表时都要保留店铺条件。
+“清除”位于“搜索”左侧，清空处理阶段、店铺、订单号和页码，但保留当前同步日期范围。
+翻页、同步、删除、详情内写操作、创建采集任务和创建采购任务返回列表时都要保留店铺条件。
 
 ### 6.2 表格列
 
-☐ / 货运单明细ID / 订单号 / 店铺 / 商品标题 / 规格 / 蝦皮商品ID / 数量 /
+☐ / 订单号 / 店铺 / 商品标题 / 规格 / 蝦皮商品ID / 数量 /
 价格（台币）/ 图片 / **处理阶段** / **下一步** / 更新时间
 
 - 一行对应顺运宝一张货运单的**一个商品明细**，不是一张货运单——一张货运单
   可以有多个商品，各占一行。
-- 店铺显示顺运宝货运单的 `shopName`；长名称省略显示并通过单元格 `title` 查看全文。
+- `syb_id` 仍是复选框、详情入口和服务端操作使用的内部标识，但不再单独显示成表格列；
+  详情和任务来源信息仍可查看该值。
+- 店铺显示顺运宝货运单的 `shopName`，列宽约 224px；规格列宽约 140px。长内容
+  省略显示并通过单元格 `title` 查看全文。
 - 图片显示小缩略图。点击缩略图在弹窗中按比例查看顺运宝原图，并提供新窗口打开入口；
   图片加载失败时显示可读提示。`[必须]` 只存 URL，不代理、缓存或把图片塞进数据库。
 - 处理阶段是按当前关联事实**算出来的**，不是存一份容易过期的状态字段。阶段至少区分：
@@ -557,14 +565,16 @@ HTML 片段，只替换弹窗内部的表格、总数和分页。主货运单表
   “查看采购任务”外，其余动作进入当前明细的处理弹窗。
 - 规格原文为空时不显示匹配表单，明确提示“顺运宝未提供规格”，并禁止建立映射或创建采购任务。
 - 完整货运单 JSON 不作为列显示，落在 `syb_data` 里，供后续排查用。
+- 桌面端表格使用有最大高度的内部滚动区，表头固定；横向滚动条位于该区域底部，
+  浏览长列表时不必先滚到整页末尾。窄窗口回到自然页面高度，避免可用区域过小。
 
 复选框按批量动作能力启用，不再等同于“可采购”：PDD 待采集、PDD 采集失败、
 PDD 采集中（超时）行可用于
-“创建 PDD 采集任务”，可创建采购任务行可用于“创建采购任务”，其他阶段继续禁用并通过
+“创建采集任务”，可创建采购任务行可用于“创建采购任务”，其他阶段继续禁用并通过
 `title` 和无障碍标签说明原因。混合勾选时两个按钮分别统计和提交自身兼容的行，不能把
 待采集商品带进采购确认，也不能把采购就绪商品带进采集请求。
 
-批量创建 PDD 采集任务的确认弹窗显示可采集明细数，并允许不指定客户端或选择当前账号
+批量创建采集任务的确认弹窗显示可采集明细数，并允许不指定客户端或选择当前账号
 可见客户端。同一 PDD 商品可能对应多条顺运宝明细，服务端按 PDD 商品 ID 去重，只创建
 一条采集任务；浏览器提交的全部明细必须重新校验阶段，参数过期或被篡改时整批拒绝。