feat: 蝦皮数据页改为商品级列表与规格弹窗 (#41)

原来是 SKU 级一行，问题不在行数（6092→5195 只少 15%），在语义错了：
pdd_goods_url / pdd_goods_id 在 shopee_products 上，是商品级字段。
商品 24420648774 有 62 个 SKU，列表里 62 行显示同一个 PDD 链接，
将来双击任意一行编辑的也是同一个字段，操作员会以为改的是这一行。

加了两列，都是防止聚合后丢信息：

「SKU 数」—— 只显示颜色数和尺码数会严重误导。实测 602 个商品（11.6%）
的颜色数×尺码数大于实际 SKU 数，最悬殊的 26886533818 是 15×5=75 但
实际只有 28 个。蝦皮报表只含有销售成绩的 SKU，数据本来就不全。

「待补」—— 原来解析失败的行整行标黄，聚合成数量后这个信号会丢。
23 条失败分布在 6 个商品里，其中 4 个是「部分失败」：数字看着正常，
坏数据被吃掉，永远没人去补。现在待补>0 整行标黄。

颜色数/尺码数只统计 parse_ok=1，否则空值会被算进 DISTINCT 多出
一个「空颜色」。

弹窗只读，待补的行显示 spec_raw 原文——不显示的话人工不知道该填什么，
保留原文这个设计就白做了。复用 #18 的弹窗机制，app.js 未改动。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

admin/static/css/app.css

@@ -151,6 +151,14 @@ tr.empty small { color: #aaa; }
   text-overflow: ellipsis;
 }
 
+/* 蝦皮数据页商品名称列收窄到 30%，配合 .truncate 一起用（见工单 #41）。
+   用独立类设 max-width，不用 flex——.search-narrow 那套是给工具条用的，
+   表格单元格不是 flex 布局，flex 在这里不生效。放在 .truncate 之后，
+   同优先级下按 CSS 层叠顺序覆盖 .truncate 的 280px。 */
+.col-title {
+  max-width: 30%;
+}
+
 /* ── 弹窗 ─────────────────────────────── */
 /* 用 hidden 属性控制显示隐藏，JS 只改这一个属性，不拼样式 */
 .modal-backdrop[hidden] { display: none; }