feat: 全站改版为科技首页风格，重构导航与产品页面

- 品牌更名 Easy Data Collection
- 导航重构：前沿技术研究 / 工具开发 / 资源中心 / License / 博客（含下拉菜单）
- 新增前沿技术研究聚合页、工具开发产品页与 6 个产品独立介绍页
- License 申请 / 查询下载 / 资源包合并为 License 中心，旧路径保留兼容
- 首页与全站样式升级为科技产品风（Apple/Wise 式）
- 博客构建脚本同步更新（新导航 + 新首页）

website/static/index.html

@@ -3,9 +3,9 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>江北的渔夫的空间 | Easy Data Collector</title>
-<meta name="description" content="江北的渔夫的空间 —— 工业软件、标准件库与数字化实践分享。Easy Data Collector 旗下 ResLib 资源中心管理器：Creo 7.0+ 企业级标准零部件管理库。">
-<meta name="keywords" content="江北的渔夫的空间, Easy Data Collector, ResLib, 资源中心管理器, Creo, 标准零部件库, License">
+<title>ResLib 资源中心管理器 | Easy Data Collection</title>
+<meta name="description" content="ResLib 资源中心管理器 —— 面向 Creo 7.0+ 的企业级标准零部件管理库：标准件浏览、3D 预览、搜索过滤、快速装配，配套自研 LIC 授权体系。">
+<meta name="keywords" content="ResLib, 资源中心管理器, Creo, 标准零部件库, LIC 授权, Easy Data Collection">
 <link rel="stylesheet" href="/static/css/style.css">
 <link rel="icon" href="/static/img/logo.svg" type="image/svg+xml">
 <script src="/static/js/nav.js"></script>
@@ -15,32 +15,62 @@
 <header class="site-header">
   <div class="container header-inner">
     <a class="brand" href="/">
-      <img src="/static/img/logo.svg" alt="Easy Data Collector">
-      <span class="brand-name">Easy Data Collector</span>
+      <img src="/static/img/logo.svg" alt="Easy Data Collection">
+      <span class="brand-name">Easy Data Collection</span>
     </a>
-    <nav class="main-nav">
-      <a href="/blog/">博客</a>
-      <a href="/reslib/" class="active">ResLib</a>
-      <a href="/reslib/apply">申请 License</a>
-      <a href="/reslib/status">查询 / 下载</a>
-      <a href="/reslib/package">资源包获取</a>
-      <a href="/neural/">Neural Research</a>
-      <a href="http://124.220.63.9:25000">Research Digest</a>
+    <nav class="main-nav" id="mainNav">
+      <div class="nav-item has-dropdown">
+        <a class="nav-link active" href="/research/">前沿技术研究</a>
+        <button class="nav-caret" type="button" aria-label="展开前沿技术研究">▾</button>
+        <div class="dropdown">
+          <a href="http://124.220.63.9:25000">Research Digest</a>
+          <a href="/research/neural/">Neural Research</a>
+          <a class="active" href="/research/reslib/">ResLib</a>
+        </div>
+      </div>
+      <div class="nav-item has-dropdown">
+        <a class="nav-link" href="/tools/">工具开发</a>
+        <button class="nav-caret" type="button" aria-label="展开工具开发">▾</button>
+        <div class="dropdown">
+          <a href="/tools/sequence-diagram/">Sequence-Diagram</a>
+          <a href="/tools/uni-viewer/">Uni-Viewer</a>
+          <a href="/tools/engineer-craft/">Engineer Craft</a>
+          <a href="/tools/five-phases-observer/">The Five Phases Observer</a>
+          <a href="/tools/unitouch/">UniTouch Interface</a>
+          <a href="/tools/edc-lite-erp/">EDC Lite ERP</a>
+        </div>
+      </div>
+      <a class="nav-link" href="/resources/">资源中心</a>
+      <div class="nav-item has-dropdown">
+        <a class="nav-link" href="/license/">License</a>
+        <button class="nav-caret" type="button" aria-label="展开 License">▾</button>
+        <div class="dropdown">
+          <a href="/license/apply">申请 License</a>
+          <a href="/license/status">查询 / 下载</a>
+          <a href="/license/package">资源包获取</a>
+        </div>
+      </div>
+      <a class="nav-link" href="/blog/">博客</a>
     </nav>
     <button class="nav-toggle" id="navToggle" aria-label="菜单">☰</button>
-    <button class="nav-toggle" id="navToggle" aria-label="菜单">☰</button>
   </div>
 </header>
 
 <main>
-  <section class="hero">
+  <section class="page-hero">
     <div class="container">
+      <p class="hero-eyebrow">前沿技术研究 · CREO PLUGIN</p>
       <h1>资源中心管理器 ResLib</h1>
-      <p class="hero-sub">面向 Creo 7.0+ 的企业级标准零部件管理库 —— 标准件浏览、3D 预览、搜索过滤、快速装配，配套自研 LIC 授权体系。</p>
+      <p class="page-hero-sub">面向 Creo 7.0+ 的企业级标准零部件管理库 —— 标准件浏览、3D 预览、搜索过滤、快速装配，配套自研 LIC 授权体系。</p>
       <div class="hero-actions">
-        <a href="/reslib/apply" class="btn btn-light">申请 License</a>
-        <a href="/reslib/status" class="btn btn-outline-light">查询申请状态</a>
-        <a href="/reslib/package" class="btn btn-outline-light">资源包获取</a>
+        <a href="/license/apply" class="btn btn-light">申请 License</a>
+        <a href="/license/status" class="btn btn-outline-light">查询申请状态</a>
+        <a href="/license/package" class="btn btn-outline-light">资源包获取</a>
+      </div>
+      <div class="hero-stats">
+        <div class="hero-stat"><b>Creo 7.0 - 10.0</b><span>64 位 / Pro/TOOLKIT</span></div>
+        <div class="hero-stat"><b>3D</b><span>OpenGL 实时预览</span></div>
+        <div class="hero-stat"><b>LIC</b><span>MAC 绑定授权</span></div>
       </div>
     </div>
   </section>
@@ -63,7 +93,7 @@
     </div>
   </section>
 
-  <section class="section">
+  <section class="section section-alt">
     <div class="container">
       <h2 class="section-title">资源包内容</h2>
       <p class="section-desc">资源包随 License 发放，内置常用标准件库，覆盖以下品类：</p>
@@ -73,13 +103,13 @@
         <div class="card"><div class="icon">✚</div><h3>食品 · 医药 · 包装配件</h3><p>食品、医药与包装工程常用配件库，贴合产线设计选型需求。</p></div>
         <div class="card"><div class="icon">⏏</div><h3>气动系统配件</h3><p>气缸、阀岛、接头等气动系统常用件，助力自动化产线快速搭建。</p></div>
       </div>
-      <div style="text-align:center; margin-top: 28px;">
-        <a href="/reslib/package" class="btn btn-primary">获取资源包</a>
+      <div class="text-center mt-32">
+        <a href="/license/package" class="btn btn-primary">获取资源包</a>
       </div>
     </div>
   </section>
 
-  <section class="section section-alt">
+  <section class="section">
     <div class="container">
       <h2 class="section-title">版本与环境</h2>
       <div class="grid">
@@ -90,17 +120,17 @@
     </div>
   </section>
 
-  <section class="section">
+  <section class="section section-alt">
     <div class="container narrow">
       <h2 class="section-title">License 申请流程</h2>
       <p class="section-desc">三步完成授权：</p>
-      <div class="grid">
-        <div class="card"><h3>1. 提交申请</h3><p>填写公司、联系人与机器 MAC 地址，提交后获得申请编号。</p></div>
-        <div class="card"><h3>2. 人工审批</h3><p>我们核对信息后确认授权，通过后自动生成授权文件。</p></div>
-        <div class="card"><h3>3. 下载安装</h3><p>凭申请编号查询状态并下载 <span class="mono">res_center.lic</span>，放入 config\lic\ 目录。</p></div>
+      <div class="steps">
+        <div class="step"><h3>提交申请</h3><p>填写公司、联系人与机器 MAC 地址，提交后获得申请编号。</p></div>
+        <div class="step"><h3>人工审批</h3><p>我们核对信息后确认授权，通过后自动生成授权文件。</p></div>
+        <div class="step"><h3>下载安装</h3><p>凭申请编号查询状态并下载 <span class="mono">res_center.lic</span>，放入 config\lic\ 目录。</p></div>
       </div>
-      <div style="text-align:center; margin-top: 28px;">
-        <a href="/reslib/apply" class="btn btn-primary">开始申请</a>
+      <div class="text-center mt-32">
+        <a href="/license/apply" class="btn btn-primary">开始申请</a>
       </div>
     </div>
   </section>
@@ -108,8 +138,17 @@
 
 <footer class="site-footer">
   <div class="container footer-inner">
-    <span>Copyright &copy; 2026 Easy Data Collector. All rights reserved.</span>
-    <span><a href="/links.html">内部资源</a> · <a href="/admin">管理页面</a> · <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">苏ICP备2026056863号</a></span>
+    <div class="footer-brand">
+      <img src="/static/img/logo.svg" alt="">
+      <span>Easy Data Collection</span>
+    </div>
+    <span>Copyright &copy; 2026 Easy Data Collection. All rights reserved.</span>
+    <span class="footer-links">
+      <a href="/resources/">资源中心</a><span class="sep">·</span>
+      <a href="/license/">License</a><span class="sep">·</span>
+      <a href="/admin">管理页面</a><span class="sep">·</span>
+      <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">苏ICP备2026056863号</a>
+    </span>
   </div>
 </footer>