diff --git a/admin/static/css/app.css b/admin/static/css/app.css
index 2b724de..3eef8e7 100644
--- a/admin/static/css/app.css
+++ b/admin/static/css/app.css
@@ -63,7 +63,8 @@ body {
 /* 搜索表单占据剩余空间，把删除按钮挤到右边 */
 .toolbar .grow { flex: 1; }
 .toolbar label { color: #555; white-space: nowrap; }
-/* 搜索框收窄到 30%（目前只有 PDD 页用）。
+/* 搜索框收窄到 30%。目前 PDD 商品页、顺运宝数据页、采集采购页在用；
+   蝦皮数据页和客户端列表页仍是撑满的。
    这样搜索表单里就没有会伸展的元素了，多余空间留在按钮之后，
    「搜索」按钮自然贴着输入框，不会被顶到很右边。
    用 flex 而不是 width：工具条是 flex 布局，width 会被 flex-grow 盖掉。
diff --git a/admin/templates/syb/list.html b/admin/templates/syb/list.html
index 0b9b350..ef2ebaf 100644
--- a/admin/templates/syb/list.html
+++ b/admin/templates/syb/list.html
@@ -14,7 +14,10 @@
 
   <form class="inline grow" method="get" action="/syb">
     <label for="q">订单号</label>
-    <input id="q" type="text" name="order_no" value="{{.Keyword}}" placeholder="订单号">
+    {{/* search-narrow 把搜索框收到 30%，让「搜索」按钮紧挨着它。
+         用类名而不是改 .toolbar input[type="text"]——那条被五个页面共用。 */}}
+    <input id="q" type="text" name="order_no" value="{{.Keyword}}"
+           class="search-narrow" placeholder="订单号">
     <button type="submit">搜索</button>
   </form>
 
diff --git a/admin/templates/task/list.html b/admin/templates/task/list.html
index d2a6d45..e84ff30 100644
--- a/admin/templates/task/list.html
+++ b/admin/templates/task/list.html
@@ -24,8 +24,10 @@
     <input type="hidden" name="type" value="{{.TypeFilter}}">
     <input type="hidden" name="status" value="{{.StatusFilter}}">
     <label for="q">关键词</label>
+    {{/* search-narrow 把搜索框收到 30%，让「搜索」按钮紧挨着它。
+         用类名而不是改 .toolbar input[type="text"]——那条被五个页面共用。 */}}
     <input id="q" type="text" name="q" value="{{.Keyword}}"
-           placeholder="任务编号 / 订单号 / PDD 商品 ID">
+           class="search-narrow" placeholder="任务编号 / 订单号 / 商品 ID">
     <button type="submit">搜索</button>
   </form>