v2.0: 4 分类真实数据替换 + 手册彩色重做 + 网页版改版

数据 (定位销/勾销缸/翻转缸/电缸 → Univer 真实数模)
- 新增 19 系列 1124 型号 (PIN 303 / HOK 73 / ROT 741 / ELEC 9)
- 命名规则取自官方图册 CODIFICATION KEY (pdftotext 提取), 非推测
- 解析用「官方值域校验 + 左对齐 DFS 填空」, 可处理省略空位的型号
- 参数组合唯一性门禁: 1124 型号全部通过 (避免选型静默错配)
- 占位/测试文件 (如 USP50J_0___K0 销径为空) 在解析阶段丢弃
- catalog.json 分类系列表同步; crossref 失效引用清理

手册页
- 全部 42 系列改为彩色 (此前脚本误写死 csGRAY 转灰度), 346 页
- 修复 UCBT 附图只有 1 页 (筛选条件写死 UCBT40 且漏 CLAMPING ARMS)
- gen-pending-series.py 改为扫描 manual 目录自动生成附件清单,
  避免重跑脚本把多页附件覆盖回单页

网页版
- 首页改为系列缩略图网格 (40 张: 27 张真实产品图 + 13 张占位图),
  按大类分组; 图放 web/series/<系列码>.webp, 覆盖同名文件即可替换
- 左侧树改手风琴 (默认收起, 一次展开一个), 父级带 SVG 图标,
  悬停放大动画, 按钮间距随高度均匀分布; 可收起为图标窄条
- 修复分隔条被拖出容器后无法找回 (上限改为容器感知 + resize 重夹取
  + 双击复位); 同时阻止图片原生拖拽
- 购物车打包改取 .step.gz 副档 (传输量降至约 1/4.5), 无副档自动回退
- 修复搜索到型号后点结果内容区空白 (switchTab('dim') 已失效)
- OpcPackage 超大包 (>1.5GB) 改走临时文件, 绕过 MemoryStream 2GB 上限

工具
- gen-pending-series/manual, copy-pending-step, gen-step-gz,
  gen-series-thumbs, scan-pending-series 等 11 个脚本

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

web/index.html

@@ -3,13 +3,12 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>欧霓博气动目录 ONEBOT Catalog</title>
-<link rel="stylesheet" href="style.css?v=8">
+<title>OneBot数模下载</title>
+<link rel="stylesheet" href="style.css?v=11">
 </head>
 <body>
 <header>
-  <div class="brand"><img src="OneBot-logo.png" class="logo" alt="OneBot"> 欧霓博气动目录 <span class="brand-en">ONEBOT Catalog</span>
-    <span id="ver" class="ver"></span>
+  <div class="brand"><img src="OneBot-logo.png" class="logo" alt="OneBot"> OneBot数模下载 <span class="brand-en">ONEBOT Catalog</span>
   </div>
   <div class="toolbar">
     <input id="searchBox" type="text" placeholder="搜索型号 / 关键词 / 拼音">
@@ -23,7 +22,18 @@
   <nav id="tree" class="tree"></nav>
   <div id="split1" class="split" title="拖拽调整宽度"></div>
 
-  <section id="params" class="params">
+  <!-- 首页：全部大类的系列缩略图, 一页铺开 (左树默认展开, 底部箭头可收起) -->
+  <section id="home" class="home">
+    <div class="sf-head">
+      <h2 id="homeTitle"></h2>
+      <span id="homeCount" class="n"></span>
+      <span class="grow"></span>
+      <span class="hint" id="homeHint"></span>
+    </div>
+    <div id="matrix"></div>
+  </section>
+
+  <section id="params" class="params hidden">
     <div id="modelTitle" class="model-title">请选择产品系列</div>
     <div id="paramPanel"></div>
     <div id="actions">
@@ -37,15 +47,18 @@
       <button id="btnAddCart" class="btn hidden">加入清单</button>
     </div>
   </section>
-  <div id="split2" class="split" title="拖拽调整宽度"></div>
+  <div id="split2" class="split hidden" title="拖拽调整宽度"></div>
 
-  <section id="content" class="content">
+  <section id="content" class="content hidden">
     <div class="tabs">
       <button class="tab active" data-tab="3d">3D / 尺寸图</button>
       <button class="tab" data-tab="table">参数表</button>
       <button class="tab" data-tab="search">搜索结果</button>
       <button class="tab" data-tab="cross">平替对照</button>
     </div>
+    <div class="content-back">
+      <button id="btnBackHome" class="btn">← 返回系列总览</button>
+    </div>
     <div id="tab-3d" class="tab-body">
       <div class="hsplit">
         <div id="viewer3dBox" class="hsplit-left">
@@ -76,8 +89,9 @@
   </section>
 </main>
 
-<!-- 底部信息栏: 左侧状态文字 + 右侧服务器状态圆球 (绿=就绪/红=故障) -->
+<!-- 底部信息栏: 左侧 = 侧边栏折叠按钮 + 状态文字, 右侧 = 服务器状态圆球 (绿=就绪/红=故障) -->
 <footer id="status">
+  <button id="btnTreeToggle" class="tree-toggle" title="收起系列栏">◀ 收起系列栏</button>
   <span id="statusMsg">加载中...</span>
   <div id="srvStatus" class="srv-status" title="服务检测中…">
     <span class="dot"></span>
@@ -101,6 +115,6 @@
 
 <script src="libs/jszip.min.js?v=1"></script>
 <script src="config.js?v=1"></script>
-<script src="app.js?v=15"></script>
+<script src="app.js?v=18"></script>
 </body>
 </html>