官网内容质量升级：基于代码真实功能重写卖点与文档

先做全量功能盘点（编辑器/测试/Mock/AI/导入导出/服务端/桌面授权），再对齐内容：
- 落地页：hero 副标与药丸补 AI 用例/Cron 定时/智能 Mock；「为什么选」4→8 卡
  （新增 自动化测试闭环/AI 生成用例/智能 Mock 双引擎/内网文档分享）；功能区 6→12 卡
  （新增 测试/AI/智能 Mock/历史重放/系统代理/文档快照）；对比表 +3 行（断言/AI/Cron）；
  定价卡对齐 3/5 台与真实权益；新增 bot/list-checks/flask/clock 图标
- 文档：03-界面导览 重写为活动栏时代（含授权徽章/空间切换）；16-测试 补 5 段 Cron
  章节（示例/15s 巡检/30 条日志/防重入）与 JSON 报告格式；14-Mock 补 61 条规则数、
  独立端口 8798/OPSXAPI_MOCK_ADDR、Mock 管理页、Bearer 与来源控制、一键建 Mock
- 新增 21-授权与激活 文档（试用条款/LIC- vs LICOFF-/解绑/离线容忍/防伪）并注册目录
- 21 页文档全量重建；7 页零断链验证 + DOM 结构核验（卡片/图标/药丸计数）通过

homepage/dist/docs/interface/index.html

@@ -124,6 +124,8 @@
     <div class="nav-group">
       <div class="nav-group-title">参考</div>
       
+      <a class="nav-link" href="/docs/license">授权与激活</a>
+      
       <a class="nav-link" href="/docs/server-api">服务端 API 参考</a>
       
       <a class="nav-link" href="/docs/faq">常见问题</a>
@@ -138,8 +140,35 @@
     <h1 class="page-title">界面导览</h1>
     <div class="page-meta">更新于 2026-09-17</div>
     <article class="md">
-<p>OpsxAPI 主界面分为五个区域：</p>
-<h2 id="sec-1">顶栏</h2>
+<p>OpsxAPI 主界面由「活动栏 + 顶栏 + 侧栏 + 标签页 + 编辑区」组成：</p>
+<h2 id="sec-1">活动栏（最左窄栏）</h2>
+<table>
+<thead>
+<tr>
+<th>元素</th>
+<th>作用</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>空间徽标（顶部）</td>
+<td>切换 本地空间 / 我的空间 / 团队空间；云端空间显示同步状态点</td>
+</tr>
+<tr>
+<td>接口 / 历史 / 测试 / 文档 / Mock</td>
+<td>主导航：接口工作台、请求历史、自动化测试、接口文档、Mock 管理</td>
+</tr>
+<tr>
+<td>授权徽章</td>
+<td>试用倒计时或已授权状态，点击进入 设置 → 授权</td>
+</tr>
+<tr>
+<td>设置 / 账号</td>
+<td>设置中心；账号菜单（团队管理、立即同步、退出登录）</td>
+</tr>
+</tbody>
+</table>
+<h2 id="sec-2">顶栏</h2>
 <table>
 <thead>
 <tr>
@@ -150,37 +179,26 @@
 <tbody>
 <tr>
 <td>＋ 新建</td>
-<td>快捷创建各协议请求 / 目录（默认建在第一个集合）</td>
+<td>六种协议请求 / 目录（默认建在第一个集合）</td>
 </tr>
 <tr>
 <td>导入 / 导出</td>
-<td>打开数据导入、导出对话框</td>
+<td>数据导入（十种格式）与导出对话框</td>
 </tr>
 <tr>
 <td>环境选择器</td>
-<td>切换当前环境（变量随之生效），「⚙ 环境」管理环境与变量</td>
-</tr>
-<tr>
-<td>🌙 / ☀️</td>
-<td>明暗主题切换</td>
-</tr>
-<tr>
-<td>⋯</td>
-<td>设置（主题、超时、重置工作区）</td>
+<td>切换当前环境（变量与前置 URL 随之生效），可直达环境管理</td>
 </tr>
 </tbody>
 </table>
-<h2 id="sec-2">左侧集合树</h2>
+<h2 id="sec-3">左侧栏（接口 | 历史 分段）</h2>
 <ul>
-<li>点击请求 → 在标签页中打开；点击目录 → 展开 / 折叠。</li>
-<li><strong>右键</strong>任意节点：新建、重命名、复制、导出、删除。</li>
-<li><strong>拖拽</strong>请求或目录到另一个目录，即可移动（支持跨集合）。</li>
-<li>顶部搜索框按名称 / 方法 / URL 实时过滤。</li>
-<li>底部为<strong>历史记录</strong>：显示最近请求的状态码与耗时，点击可回跳到对应接口。</li>
+<li><strong>接口</strong>：集合树 — 点击请求在标签页打开，目录展开 / 折叠；<strong>右键</strong> 新建 / 重命名 / 复制 / 导出 / 删除；<strong>拖拽</strong>移动（支持跨集合）；顶部搜索实时过滤。</li>
+<li><strong>历史</strong>：最近请求自动归档（状态码 / 耗时），点击回跳对应接口，支持一键清空。</li>
 </ul>
-<h2 id="sec-3">标签页栏</h2>
+<h2 id="sec-4">标签页栏</h2>
 <p>同时打开多个接口，中键或 × 关闭；右键支持「关闭其他 / 关闭全部」。正在连接中的实时协议标签会显示呼吸圆点。</p>
-<h2 id="sec-4">请求编辑区（上半部分）</h2>
+<h2 id="sec-5">请求编辑区（上半部分）</h2>
 <p>按协议呈现不同编辑器：</p>
 <table>
 <thead>
@@ -216,7 +234,7 @@
 </tr>
 </tbody>
 </table>
-<h2 id="sec-5">响应区（下半部分）</h2>
+<h2 id="sec-6">响应区（下半部分）</h2>
 <ul>
 <li><strong>HTTP / GraphQL</strong>：响应体（Pretty JSON 高亮）、Raw、响应头，右上角状态 / 耗时 / 大小 / 复制。</li>
 <li><strong>实时协议</strong>：分色消息日志（接收 · 绿、发送 · 蓝、系统 · 灰、错误 · 红），顶部实时统计收发条数与连接时长。</li>
@@ -244,11 +262,12 @@
   <aside class="toc">
     <div class="toc-title">本页目录</div>
     <nav class="toc-nav">
-      <a class="toc-l2" href="#sec-1">顶栏</a>
-      <a class="toc-l2" href="#sec-2">左侧集合树</a>
-      <a class="toc-l2" href="#sec-3">标签页栏</a>
-      <a class="toc-l2" href="#sec-4">请求编辑区（上半部分）</a>
-      <a class="toc-l2" href="#sec-5">响应区（下半部分）</a>
+      <a class="toc-l2" href="#sec-1">活动栏（最左窄栏）</a>
+      <a class="toc-l2" href="#sec-2">顶栏</a>
+      <a class="toc-l2" href="#sec-3">左侧栏（接口 | 历史 分段）</a>
+      <a class="toc-l2" href="#sec-4">标签页栏</a>
+      <a class="toc-l2" href="#sec-5">请求编辑区（上半部分）</a>
+      <a class="toc-l2" href="#sec-6">响应区（下半部分）</a>
       
     </nav>
     <button class="print-btn" id="print-btn"><svg class="i"><use href="#i-printer"/></svg> 打印 / 导出 PDF</button>