pi-feishu-cli 0.1.0

package/skills/lark-whiteboard/scenes/mermaid.md

@@ -0,0 +1,130 @@
+# Mermaid 图表路径
+
+本场景与 DSL 路径互斥。
+
+| | DSL 路径 | Mermaid 路径 |
+|---|---|---|
+| 中间格式 | JSON（WBDocument） | Mermaid 文本（.mmd 文件） |
+| 布局控制 | 精确控制（x/y 坐标、Flex） | 由 parser-kit 自动布局 |
+| 视觉定制 | 完全可控（颜色、字号、圆角等） | 有限（Mermaid 语法） |
+| 参考模块 | references/ + 对应 scene | 仅本文件 |
+
+## 适用条件
+
+满足以下任一条件时使用：
+- 用户明确要求 "用 Mermaid" 或 "输出 Mermaid"
+- 用户直接粘贴了 Mermaid 语法文本
+- 图表类型为思维导图、时序图、类图、饼图（自动路由）
+
+## 思维导图 (Mindmap)
+
+```mermaid
+mindmap
+  root((主题))
+    分支A
+      子项A1
+      子项A2
+    分支B
+      子项B1
+    分支C
+```
+
+## 时序图 (Sequence Diagram)
+
+```mermaid
+sequenceDiagram
+    participant A as 浏览器
+    participant B as 服务器
+    participant C as 数据库
+    A->>B: 请求数据
+    B->>C: 查询
+    C-->>B: 返回结果
+    B-->>A: 响应数据
+```
+
+消息类型：
+- `->>` 实线箭头（同步请求）
+- `-->>` 虚线箭头（响应/异步）
+- `-x` 带 x 箭头（失败）
+
+## 类图 (Class Diagram)
+
+```mermaid
+classDiagram
+    class Animal {
+        +String name
+        +int age
+        +makeSound()
+    }
+    class Dog {
+        +fetch()
+    }
+    Animal <|-- Dog
+```
+
+## 饼图 (Pie Chart)
+
+```mermaid
+pie title 分布
+    "类别A" : 40
+    "类别B" : 30
+    "类别C" : 20
+    "类别D" : 10
+```
+
+## 流程图 (Flowchart)
+
+> [!WARNING]
+> **流程图不推荐使用 Mermaid 路径！**
+> 带复杂分支、复合节点、高保真卡片样式的流程图应优先走 **DSL 路径**（参见 `scenes/flowchart.md`）。只有用户明确给出 Mermaid 代码，或场景本身就是极简文字流程时，才走此路径。
+
+适用于：极简的文字节点判断业务流。
+
+```mermaid
+flowchart TD
+    A([开始]) --> B{条件判断}
+    B -->|是| C[处理步骤]
+    B -->|否| D[另一步骤]
+    C --> E([结束])
+    D --> E
+```
+
+### 约束与规范
+
+- **节点文字 ≤ 8 字**（超过必须缩写，必要时加图例说明）
+- 判断节点（菱形）只写条件关键词，不写长描述
+- 步骤数 ≤ 12（超过需合并步骤或拆分为子流程）
+- 遵循标准流程图符号：开始/结束用体育场形状或圆形 `A([开始])`，判断用菱形 `B{判断}`，步骤用矩形 `C[步骤]`
+
+### 语法参考
+
+方向：`TD`（上到下）、`LR`（左到右）、`BT`（下到上）、`RL`（右到左）
+
+节点形状：`A[矩形]`、`A(圆角)`、`A{菱形}`、`A((圆形))`、`A([体育场])`、`A[[子程序]]`
+
+连线：`-->`（实线）、`-.->`（虚线）、`==>`（粗线）、`-->|标签|`（带标签）
+
+## State Diagram
+
+```mermaid
+stateDiagram-v2
+    [*] --> Idle
+    Idle --> Processing : 收到请求
+    Processing --> Success : 处理成功
+    Processing --> Failed : 处理失败
+    Success --> [*]
+    Failed --> Idle : 重试
+```
+
+## 其他支持的图表类型
+
+- **甘特图**：`gantt`
+- **ER 图**：`erDiagram`
+- **Git 分支图**：`gitGraph`
+
+## 注意事项
+
+- 输出纯 Mermaid 文本，不是 JSON，不要混用 DSL
+- 节点文字含特殊字符时用双引号包裹：`A["包含(括号)的文字"]`
+- `subgraph` 用于逻辑分组
+- Mermaid 的流程图样式较基础，也无法在节点内部嵌套复杂排版；复杂流程优先走 DSL（见 `scenes/flowchart.md`），极简文字流程或用户显式给 Mermaid 代码时再使用 Mermaid。

package/skills/lark-whiteboard/scenes/milestone.md

@@ -0,0 +1,139 @@
+# 里程碑时间线 (Milestone)
+
+## Content 约束
+
+- 节点 4-8 个
+- 每节点：标题 + 日期 + 可选描述
+- 时间从左到右递增
+
+## Layout 选型
+
+两种方案按需选择：
+
+1. **横向时间线**：horizontal frame，节点等分
+2. **交替上下**：绝对定位，节点交替在时间轴上下方（节点多时更紧凑）
+
+## 结构特征
+
+- **标题居中**：顶部放置图表标题
+- **年份/时间轴条**：箭头形色块承载年份，按时间从左到右递增
+- **里程碑卡片**：下方虚线圆角卡片承载标题与描述
+- **严格对齐**：年份条与对应卡片等宽，左右对齐
+- **文字层级**：标题加粗在上，描述文字更小更浅在下，居中对齐
+
+## Layout 规则
+
+- 绝对定位为主（`layout: "none"`），节点位置承载时间序列含义
+- 先确定里程碑数量，计算等距的 x 坐标序列
+- 时间轴用 connector 贯穿所有节点
+- 节点与时间轴用短竖线连接
+- 节点间水平间距一致
+- 年份条宽度 = 卡片宽度，垂直间距统一
+- 标题与年份区域保留足够留白
+
+## 骨架示例
+
+```json
+{
+  "version": 2,
+  "nodes": [
+    {
+      "type": "frame",
+      "x": 0, "y": 0,
+      "width": 1200, "height": 360,
+      "layout": "none",
+      "children": [
+        {
+          "type": "text",
+          "x": 300, "y": 12,
+          "width": 600, "height": "fit-content",
+          "text": [{ "content": "{{CHART_TITLE}}", "bold": true, "fontSize": 24 }],
+          "textAlign": "center"
+        },
+
+        {
+          "type": "svg",
+          "x": 50, "y": 56,
+          "width": 190, "height": 36,
+          "svg": {
+            "code": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 190 36\"><polygon points=\"0,0 170,0 190,18 170,36 0,36\"/></svg>"
+          }
+        },
+        {
+          "type": "text",
+          "x": 50, "y": 64,
+          "width": 190, "height": "fit-content",
+          "text": "{{DATE_1}}",
+          "textAlign": "center"
+        },
+        {
+          "type": "rect",
+          "x": 50, "y": 132,
+          "width": 190, "height": 120,
+          "borderDash": "dashed",
+          "borderRadius": 8
+        },
+        {
+          "type": "text",
+          "x": 50, "y": 150,
+          "width": 190, "height": "fit-content",
+          "text": [{ "content": "{{MILESTONE_1_TITLE}}", "bold": true, "fontSize": 16 }],
+          "textAlign": "center"
+        },
+        {
+          "type": "text",
+          "x": 50, "y": 180,
+          "width": 190, "height": "fit-content",
+          "text": "{{MILESTONE_1_DESC}}",
+          "fontSize": 13,
+          "textAlign": "center"
+        },
+
+        {
+          "type": "svg",
+          "x": 290, "y": 56,
+          "width": 190, "height": 36,
+          "svg": {
+            "code": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 190 36\"><polygon points=\"0,0 170,0 190,18 170,36 0,36\"/></svg>"
+          }
+        },
+        {
+          "type": "text",
+          "x": 290, "y": 64,
+          "width": 190, "height": "fit-content",
+          "text": "{{DATE_2}}",
+          "textAlign": "center"
+        },
+        {
+          "type": "rect",
+          "x": 290, "y": 132,
+          "width": 190, "height": 120,
+          "borderDash": "dashed",
+          "borderRadius": 8
+        },
+        {
+          "type": "text",
+          "x": 290, "y": 150,
+          "width": 190, "height": "fit-content",
+          "text": [{ "content": "{{MILESTONE_2_TITLE}}", "bold": true, "fontSize": 16 }],
+          "textAlign": "center"
+        },
+        {
+          "type": "text",
+          "x": 290, "y": 180,
+          "width": 190, "height": "fit-content",
+          "text": "{{MILESTONE_2_DESC}}",
+          "fontSize": 13,
+          "textAlign": "center"
+        }
+      ]
+    }
+  ]
+}
+```
+
+## 陷阱
+
+- **节点太多时太拥挤**：超过 6 个节点时考虑交替上下布局或增大画布宽度
+- **右侧节点与时间轴末端重叠**：最后一个节点的 x + width 不要超出画布边界
+- **年份条与卡片不对齐**：年份条和卡片的 x、width 必须完全一致

package/skills/lark-whiteboard/scenes/organization.md

@@ -0,0 +1,173 @@
+# 组织架构图
+
+适用于：公司组织架构、模块依赖树、分类层级树等树形层级结构的场景。
+
+## Content 约束
+
+- 层级 ≤ 4
+- 每个父节点下 ≤ 5 个子节点
+- 叶节点有意义（不要只为凑数添加空节点）
+- 长文本用 `\n` 手动换行（如"研发负责人\n(CTO)"）
+
+## Layout 选型
+
+| 模式 | 适用条件 | 特征 |
+|------|---------|------|
+| **tree（居中展开）** | 有明确从属关系的层级结构 | 根节点居中，子节点横向排列，逐层展开。每个"父+子"用 vertical frame 包裹（子树模块） |
+| **grid（矩阵式）** | 多部门平级，每部门内部有细分 | 横向等分各部门，每部门内部 vertical 列表 |
+
+## Layout 规则
+
+以下规则违反会导致连线错乱或排版崩溃：
+
+1. **子树包裹模式（关键）**：每个父节点和它的子节点群用一个 `layout: "vertical"` + `alignItems: "center"` 的 frame 包裹。**不要**把所有父节点放一层、所有子节点放另一层。*违反后果：父节点与子节点群中心偏移，正交连线无法合并，分裂成两条平行线。*
+2. **同层节点建议等高**：同层节点统一 `height`（如 60-70），保证连线横向主轴平直。如果文字长度差异大可用 `fit-content`，但要确保同层文字行数接近。*违反后果：同层节点高低不平，rightAngle 连线横向弯折错乱。*
+3. **垂直间距 >= 60**：父子间纵向 `gap: 60`。*违反后果：连线引擎没有足够空间折弯与合并，导致连线穿模或提前分叉。*
+4. **叶子容器偶数宽度**：包含叶子节点的横向 frame，宽度应手动计算（子节点宽度之和 + gap × (n-1)），如 2 个 120px 节点 + 20px gap = `width: 260`。或用 `fill-container` 自动等分。*违反后果：父节点中心与子节点群中心有像素级偏差。*
+5. **同层兄弟间横向 gap: 20-40**
+6. 最小字号 14px
+7. 连线：所有父子连线必须 `lineShape: "rightAngle"`（总线风格），`fromAnchor: "bottom"`, `toAnchor: "top"`。*违反后果：失去组织架构图专属的总线视觉效果。*
+8. 根 frame 宽度要足够（如 1200-1600），避免叶节点被挤压重叠
+9. 不同层级在 fontSize、borderWidth、颜色上递进区分（如 Root 深灰 → L1 浅蓝 → L2 浅绿 → L3 浅紫）
+10. 长文本用 `\n` 主动换行（如 "基础架构部\n(包含云原生)"），确保节点高度足够容纳
+
+## 骨架示例
+
+### 树形展开（子树包裹模式）
+
+```json
+{
+  "version": 2,
+  "nodes": [
+    {
+      "type": "frame",
+      "width": 1200,
+      "height": "fit-content",
+      "layout": "vertical",
+      "gap": 48,
+      "padding": 40,
+      "alignItems": "center",
+      "children": [
+        {
+          "type": "text",
+          "id": "title",
+          "width": "fill-container",
+          "height": "fit-content",
+          "text": "[图表标题]",
+          "fontSize": 24,
+          "textAlign": "center",
+          "verticalAlign": "middle"
+        },
+        {
+          "type": "rect",
+          "id": "root-node",
+          "width": 240,
+          "height": "fit-content",
+          "borderWidth": 3,
+          "borderRadius": 8,
+          "text": "[根节点名]",
+          "fontSize": 18,
+          "padding": 12
+        },
+        {
+          "type": "frame",
+          "width": "fill-container",
+          "height": "fit-content",
+          "layout": "horizontal",
+          "gap": 40,
+          "padding": 0,
+          "alignItems": "stretch",
+          "children": [
+            {
+              "type": "frame",
+              "width": "fill-container",
+              "height": "fit-content",
+              "layout": "vertical",
+              "gap": 48,
+              "padding": 0,
+              "alignItems": "center",
+              "children": [
+                {
+                  "type": "rect",
+                  "id": "child-a",
+                  "width": 200,
+                  "height": "fit-content",
+                  "borderWidth": 2,
+                  "borderRadius": 8,
+                  "text": "[子节点名]",
+                  "fontSize": 16,
+                  "padding": 10
+                },
+                {
+                  "type": "frame",
+                  "width": "fill-container",
+                  "height": "fit-content",
+                  "layout": "horizontal",
+                  "gap": 40,
+                  "padding": 0,
+                  "alignItems": "stretch",
+                  "children": [
+                    { "type": "rect", "id": "leaf-a1", "width": "fill-container", "height": "fit-content", "borderWidth": 1, "borderRadius": 8, "text": "[叶节点名]", "fontSize": 14, "padding": 8 },
+                    { "type": "rect", "id": "leaf-a2", "width": "fill-container", "height": "fit-content", "borderWidth": 1, "borderRadius": 8, "text": "[叶节点名]", "fontSize": 14, "padding": 8 }
+                  ]
+                }
+              ]
+            },
+            {
+              "type": "frame",
+              "width": "fill-container",
+              "height": "fit-content",
+              "layout": "vertical",
+              "gap": 48,
+              "padding": 0,
+              "alignItems": "center",
+              "children": [
+                {
+                  "type": "rect",
+                  "id": "child-b",
+                  "width": 200,
+                  "height": "fit-content",
+                  "borderWidth": 2,
+                  "borderRadius": 8,
+                  "text": "[子节点名]",
+                  "fontSize": 16,
+                  "padding": 10
+                },
+                {
+                  "type": "frame",
+                  "width": "fill-container",
+                  "height": "fit-content",
+                  "layout": "horizontal",
+                  "gap": 40,
+                  "padding": 0,
+                  "alignItems": "stretch",
+                  "children": [
+                    { "type": "rect", "id": "leaf-b1", "width": "fill-container", "height": "fit-content", "borderWidth": 1, "borderRadius": 8, "text": "[叶节点名]", "fontSize": 14, "padding": 8 },
+                    { "type": "rect", "id": "leaf-b2", "width": "fill-container", "height": "fit-content", "borderWidth": 1, "borderRadius": 8, "text": "[叶节点名]", "fontSize": 14, "padding": 8 }
+                  ]
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    },
+    { "type": "connector", "connector": { "from": "root-node", "to": "child-a", "fromAnchor": "bottom", "toAnchor": "top", "lineShape": "rightAngle", "lineWidth": 2 } },
+    { "type": "connector", "connector": { "from": "root-node", "to": "child-b", "fromAnchor": "bottom", "toAnchor": "top", "lineShape": "rightAngle", "lineWidth": 2 } },
+    { "type": "connector", "connector": { "from": "child-a", "to": "leaf-a1", "fromAnchor": "bottom", "toAnchor": "top", "lineShape": "rightAngle", "lineWidth": 2 } },
+    { "type": "connector", "connector": { "from": "child-a", "to": "leaf-a2", "fromAnchor": "bottom", "toAnchor": "top", "lineShape": "rightAngle", "lineWidth": 2 } },
+    { "type": "connector", "connector": { "from": "child-b", "to": "leaf-b1", "fromAnchor": "bottom", "toAnchor": "top", "lineShape": "rightAngle", "lineWidth": 2 } },
+    { "type": "connector", "connector": { "from": "child-b", "to": "leaf-b2", "fromAnchor": "bottom", "toAnchor": "top", "lineShape": "rightAngle", "lineWidth": 2 } }
+  ]
+}
+```
+
+## 陷阱
+
+- **分离父子层级（致命错误）**：不要把所有同级父节点放一个 horizontal frame、所有子节点放另一个。必须用 `alignItems: "center"` 的 vertical frame 把每个父节点和它的子节点包裹在一起。
+- **同层节点高低不平**：同层节点高度应一致（或文字行数接近），否则 rightAngle 连线横向弯折错乱。
+- **垂直间距不足**：父子间 gap 必须 >= 60。不够时连线引擎无法折弯合并。也不要用 80，3-4 层会纵向拉伸过度。
+- **做成线性链而非树形展开**：每个父节点的子节点必须横向展开，不要做单链。
+- **连线混用 straight**：所有父子连线必须 `lineShape: "rightAngle"`，`fromAnchor: "bottom"`，`toAnchor: "top"`。
+- **叶节点字号 12px 看不清**：最小字号 14px。
+- **所有节点同一大小和样式**：不同层级必须在 fontSize、borderWidth、颜色上有区分（根>子>叶）。

package/skills/lark-whiteboard/scenes/photo-showcase.md

@@ -0,0 +1,198 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="icon" href="favicon.ico" />
+  <title></title>
+  <style>
+      * {
+          box-sizing: border-box;
+          padding: 0;
+          margin: 0;
+      }
+
+      .open-platform-wrapper {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          height: 100vh;
+          background-color: #ffffff;
+      }
+
+      .open-platform-icon {
+          width: 120px;
+          height: 120px;
+          display: block;
+      }
+
+      .open-platform-desc {
+          margin-top: 16px;
+          line-height: 22px;
+          font-size: 14px;
+          color: #646a73;
+          text-align: center
+      }
+
+      .open-platform-back {
+          border-radius: 6px;
+          font-size: 14px;
+          height: 32px;
+          line-height: 22px;
+          min-width: 80px;
+          padding: 4px 11px;
+          text-align: center;
+          text-decoration: none;
+          touch-action: manipulation;
+          transition: color .1s ease-in, background-color .1s ease-in, border-color .1s ease-in, width .2s ease-in;
+          user-select: none;
+          white-space: nowrap;
+          background: #1456f0;
+          border: 1px solid #1456f0;
+          color: #ffffff;
+          margin-top: 16px;
+      }
+  </style>
+</head>
+<body>
+<div class="open-platform-wrapper">
+  <img class="open-platform-icon"
+       src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDEyMCAxMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjkxMyA1NS4yNDRjLTUuNjMyIDIuOTUtOC4yNDYgNi4yODQtOC4yNDYgOS40NHY5LjcyYzAtMy4xNTYgMi42MTQtNi40OSA4LjI0Ni05LjQ0di05LjcyWm05NC4xNjMtMTIuMDg0di05LjcyNmM1LjkzNC0zLjE5IDguOTgxLTYuODkxIDguOTgxLTEwLjcyNXY5LjcyYzAgMy44NC0zLjA0NyA3LjU0My04Ljk4MSAxMC43MzJaIiBmaWxsPSIjMEMyOTZFIi8+PHBhdGggZD0iTTYwLjIyOSAxOS4wNTkgNDguNzMgNDkuOTIyIDYwLjM2NSA3Mi45MmwtOC40NzQgMjMuODczSDE2LjkyM2E0IDQgMCAwIDEtNC00VjIzLjA2YTQgNCAwIDAgMSA0LTRINjAuMjNaIiBmaWxsPSIjQkJCRkM0IiBmaWxsLW9wYWNpdHk9Ii40NSIvPjxwYXRoIGQ9Ik03MS40MDggMTkuMDU5IDYwLjAxMyA0OS45MjIgNzEuNDYgNzIuOTJsLTguMzI1IDIzLjg3M2gzOS45NDNhNCA0IDAgMCAwIDQtNFYyMy4wNmE0IDQgMCAwIDAtNC00aC0zMS42N1oiIGZpbGw9IiNCQkJGQzQiIGZpbGwtb3BhY2l0eT0iLjQ1Ii8+PHBhdGggZD0iTTIxLjkyMyAyNi4xYTIgMiAwIDEgMSAwIDQgMiAyIDAgMCAxIDAtNFptMyAyYTMgMyAwIDEgMC02IDAgMyAzIDAgMCAwIDYgMFptNi45MTUtMmEyIDIgMCAxIDEgMCA0IDIgMiAwIDAgMSAwLTRabTMgMmEzIDMgMCAxIDAtNiAwIDMgMyAwIDAgMCA2IDBabS0xNS43NjMgNy4zOTRhLjUuNSAwIDAgMSAuNS0uNWgzMS41ODFhLjUuNSAwIDAgMSAwIDFIMTkuNTc1YS41LjUgMCAwIDEtLjUtLjVabTQ4LjQ3NyAwYS41LjUgMCAwIDEgLjUtLjVoMzIuNDY1YS41LjUgMCAwIDEgMCAxSDY4LjA1MmEuNS41IDAgMCAxLS41LS41WiIgZmlsbD0iIzhGOTU5RSIvPjxwYXRoIGQ9Ik05OCAxMTFjOS45NDEgMCAxOC04LjA1OSAxOC0xOHMtOC4wNTktMTgtMTgtMThjLTkuOTQyIDAtMTggOC4wNTktMTggMThzOC4wNTggMTggMTggMThaIiBmaWxsPSIjRjgwIi8+PHBhdGggZD0iTTk3LjE4MSA4NC44MThhLjgxOC44MTggMCAwIDAtLjgxOC44MTl2OS44MThjMCAuNDUyLjM2Ni44MTguODE4LjgxOGgxLjYzN2EuODE4LjgxOCAwIDAgMCAuODE4LS44MTh2LTkuODE5YS44MTguODE4IDAgMCAwLS44MTgtLjgxOEg5Ny4xOFptMCAxMy4wOTJhLjgxOC44MTggMCAwIDAtLjgxOC44MTh2MS42MzZjMCAuNDUyLjM2Ni44MTguODE4LjgxOGgxLjYzN2EuODE4LjgxOCAwIDAgMCAuODE4LS44MTh2LTEuNjM2YS44MTguODE4IDAgMCAwLS44MTgtLjgxOUg5Ny4xOFoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNNC4wMjcgODUuMzFjMi40OSA1LjUxIDE0Ljc3IDkuOTQgNDEuNDUgOS45M3Y5LjcyMWMtMjYuNjguMDEtMzguOTYtNC40Mi00MS40NS05Ljkzdi05LjcyWm04NC44MS0yNy4yN2MxNy41Mi0yLjY5IDI1LjgwNy03LjAyNiAyNy4yLTExLjcxdjkuNzJjLS4zMyA0LjY3LTkuNjggOS4wMi0yNy4yIDExLjcxdi05LjcyWiIgZmlsbD0iIzMzNzBGRiIvPjxwYXRoIGQ9Ik04OS4yMzcgMTMuMDFjMTguMDU4IDAgMjYuOCAzLjI1IDI2LjggOS43MnY5LjcyYzAtNi40Ny04Ljc0Mi05LjcyLTI2LjgtOS43MnYtOS43MlptLTg0LjU3IDUxLjdjMCA2LjYgMTEuMzcgMTIuNDUgMzAuNDcgMTIuNDR2OS43MmMtMTkuMSAwLTMwLjQ3LTUuODQtMzAuNDctMTIuNDR2LTkuNzJaIiBmaWxsPSIjMDBENkI5Ii8+PC9zdmc+"
+       alt="">
+  <div class="open-platform-desc">The page does not exist.</div>
+  <a class="open-platform-back" href="/">Go to homepage</a>
+</div>
+<script>window.gfdatav1={"env":"prod","ver":"1.0.0.13","canary":0,"garrModules":null,"envName":"prod","region":"CN","idc":"hl","webServerCodeType":"DeployServerlessWebServer","runtime":"node","extra":{"canaryType":null}}</script><script>
+
+  function parseQueryString(queryString) {
+    // 移除开头的 "?"
+    if (queryString.charAt(0) === '?') {
+      queryString = queryString.substring(1);
+    }
+
+    var params = {};
+    if (!queryString) return params;
+
+    // 分割参数对
+    var paramPairs = queryString.split('&');
+
+    for (var i = 0; i < paramPairs.length; i++) {
+      var paramPair = paramPairs[i].split('=');
+      var key = decodeURIComponent(paramPair[0]);
+      var value = paramPair.length > 1 ? decodeURIComponent(paramPair[1]) : '';
+
+      // 处理重复参数（转为数组）
+      if (params[key] === undefined) {
+        params[key] = value;
+      } else if (!Array.isArray(params[key])) {
+        params[key] = [params[key], value];
+      } else {
+        params[key].push(value);
+      }
+    }
+
+    return params;
+  }
+
+  function getLocale() {
+    var zhLang = 'zh-CN';
+    var enLang = 'en-US';
+
+    var queryLang = parseQueryString(window.location.search).lang;
+    var cookieLang = getCookieLocale();
+    var lang = enLang;
+
+    <!--从cookie中取值-->
+    function getCookieLocale() {
+      var locale = '';
+      var cookies = document.cookie.split('; ');
+      var loclaeKey = 'open_locale';
+
+      for (var i = 0; i < cookies.length; i++) {
+        var cookie = cookies[i].trim();
+        var cookieArr = cookie.split('=');
+        if (cookieArr[0] === loclaeKey) {
+          locale = cookieArr[1];
+          break;
+        }
+      }
+      return locale;
+    }
+
+    function setLocaleCookie(lang) {
+      var date = new Date();
+      // 300天到期
+      date.setTime(date.getTime() + (300 * 24 * 60 * 60 * 1000));
+      var expires = 'expires=' + date.toUTCString();
+      document.cookie = 'open_locale=' + lang + '; ' + expires + '; path=/;';
+    }
+
+    // 获取浏览器默认语言
+    if (navigator.language.indexOf('en') !== -1) {
+      lang = enLang;
+    } else if (navigator.language.indexOf('zh') !== -1) {
+      lang = zhLang;
+    }
+    if (cookieLang === enLang) {
+      lang = enLang;
+    } else if (cookieLang === zhLang) {
+      lang = zhLang;
+    }
+    if (queryLang === enLang) {
+      lang = enLang;
+    } else if (queryLang === zhLang) {
+      lang = zhLang;
+    }
+    // 设置cookie
+    setLocaleCookie(lang);
+    return lang;
+  }
+
+  // 根据域名获取当前brand
+  function isLarkDomain() {
+    var defaultBrandMap = {
+      lark: ['larksuite'],
+      feishu: ['feishu', 'larkoffice', 'larkenterprise'],
+    };
+    const { hostname } = window.location;
+
+    if (defaultBrandMap.feishu.some((item) => hostname.includes(item))) {
+      return false;
+    }
+
+    if (defaultBrandMap.lark.some((item) => hostname.includes(item))) {
+      return true;
+    }
+
+    if (window.domainBrand) {
+      return window.domainBrand === 'lark';
+    }
+
+    return false;
+  }
+
+  var isLarkBrand = isLarkDomain();
+
+  var config = {
+    'zh-CN': {
+      'desc': '抱歉，您访问的页面不存在',
+      'back': '返回首页',
+      'title': (isLarkBrand ? 'Lark' : '飞书') + '开放平台',
+    },
+    'en-US': {
+      'desc': 'The page does not exist.',
+      'back': 'Go to homepage',
+      'title': (isLarkBrand ? 'Lark': 'Feishu') + ' Open Platform',
+    },
+  };
+  var locale = getLocale();
+  var descObj = document.querySelector('.open-platform-desc');
+  var backObj = document.querySelector('.open-platform-back');
+  descObj.innerHTML = config[locale].desc;
+  backObj.innerHTML = config[locale].back;
+  document.title = config[locale].title;
+
+</script>
+</body>
+</html>