diff --git a/.clang-format b/.clang-format
index 526b64afa..4580b11f5 100644
--- a/.clang-format
+++ b/.clang-format
@@ -33,3 +33,6 @@ SpacesInParentheses: false
 SpacesInSquareBrackets: false
 SortIncludes: false
 UseTab: Never
+InsertNewlineAtEOF: true
+DeriveLineEnding: false
+UseCRLF: false
\ No newline at end of file
diff --git a/.github/CODE_OF_CONDUCT.md b/.github/CODE_OF_CONDUCT.md
index 7acac1ddd..da2a74a89 100644
--- a/.github/CODE_OF_CONDUCT.md
+++ b/.github/CODE_OF_CONDUCT.md
@@ -34,7 +34,7 @@ This Code of Conduct applies both within project spaces and in public spaces whe
 
 ## Enforcement
 
-Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at admin@lc-soft.io. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
+Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at hello@lcui.dev. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
 
 Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
 
diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md
index 3e7c08295..8bfd53716 100644
--- a/.github/CONTRIBUTING.md
+++ b/.github/CONTRIBUTING.md
@@ -74,9 +74,10 @@ To ensure consistency throughout the source code, keep these rules in mind as yo
 
 - All features or bug fixes **must be tested** by one or more specs (unit-tests).
 - All public API methods **must be documented**. (Details TBC).
-- Follow the existing code style. You have the following two ways to format the code:
-  - Use [clang-format](http://clang.llvm.org/docs/ClangFormat.html) to format the changed files: `clang-format --style=file [src/????.c]`.
-  - Install the [NodeJS](https://nodejs.org/en/) Environment and run `npm install`, which will add a git hook to format the changed code, and it will run before you run `git commit`.
+- Follow the existing code style. The project uses [clang-format](http://clang.llvm.org/docs/ClangFormat.html) with the rules defined in `.clang-format`. You have two options:
+  - Run `clang-format -i path/to/file.c` manually on the files you changed.
+  - Install [Node.js](https://nodejs.org/) and run `npm install` once. This installs [husky](https://typicode.github.io/husky/) + [lint-staged](https://github.com/lint-staged/lint-staged), which formats every staged `.c` / `.h` file with clang-format on `git commit` automatically.
+  - CI checks formatting of only the files changed in each PR, so pre-existing style deviations won't block you.
 
 ## Commit Message Guidelines
 
diff --git a/.github/workflows/ccpp.yml b/.github/workflows/ccpp.yml
index 5368827d2..f902afebd 100644
--- a/.github/workflows/ccpp.yml
+++ b/.github/workflows/ccpp.yml
@@ -1,7 +1,36 @@
 name: C/C++ CI
-on: [push, pull_request]
+on:
+  push:
+    branches:
+      - develop
+      - master
+      - main
+    tags:
+      - 'v*'
+  pull_request:
 jobs:
+  format:
+    name: Check C/C++ formatting
+    runs-on: ubuntu-latest
+    timeout-minutes: 5
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '24'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Check formatting of changed files
+        run: npm run format:check -- origin/${{ github.base_ref || 'develop' }}
+
   build:
+    needs: format
     env:
       TARGET_MAJOR: 3
       TARGET_VERSION: 3.0.0
@@ -14,22 +43,21 @@ jobs:
     runs-on: ${{ matrix.os }}
     name: "Builds binaries on ${{ matrix.os }}"
     steps:
-      - uses: actions/checkout@v1
-    
-      - uses: xmake-io/github-action-setup-xmake@v1
+      - uses: actions/checkout@v4
         with:
-          xmake-version: branch@dev
+          submodules: recursive
 
-      - name: Update git submodule
-        run: |
-          git submodule update --init
+      - uses: xmake-io/github-action-setup-xmake@v1
+        with:
+          package-cache: true
+          actions-cache-folder: '.xmake-cache'
 
       - name: Install tools
         if: runner.os == 'Linux'
         run: |
           sudo apt-get update --fix-missing
-          sudo apt-get install debhelper lcov valgrind -yy
-          sudo apt-get install libfreetype6-dev libpng-dev libyaml-dev libomp-dev libx11-dev ninja-build fontconfig libfontconfig1-dev libjpeg-dev
+          sudo apt-get install debhelper lcov valgrind xvfb -yy
+          sudo apt-get install libfreetype6-dev libpng-dev libyaml-dev libomp-dev libx11-dev ninja-build fontconfig libfontconfig1-dev libjpeg-dev libwayland-dev libxkbcommon-dev wayland-protocols
 
       - name: Configure
         if: runner.os == 'Windows'
@@ -37,45 +65,25 @@ jobs:
 
       - name: Configure for coverage mode
         if: runner.os == 'Linux'
-        run: xmake config -y -v -k ${{ env.TARGET_KIND }} -m coverage --ci-env=y
+        run: xmake config -y -v -k ${{ env.TARGET_KIND }} -m coverage --ci-env=y --memcheck=y
 
       - name: Build
-        run: |
-          xmake
-          xmake build yutil_test
-          xmake build pandagl_tests
-          xmake build libcss_tests
-          xmake build librouter_tests
-          xmake build libi18n_tests
-          xmake build lcui_tests
-
-      - name: Run tests for libraries with memcheck
-        if: runner.os == 'Linux'
-        run: |
-          xmake run pandagl_tests
-          xmake run yutil_test --memcheck
-          xmake run libcss_tests --memcheck
-          xmake run librouter_tests --memcheck
-          xmake run libi18n_tests --memcheck
+        run: xmake
 
-      - name: Run tests for lcui with memcheck
-        if: runner.os == 'Linux'
-        run: |
-            xmake run lcui_tests --memcheck
-
-      - name: Run tests
+      - name: Run all tests
         if: runner.os == 'Windows'
-        run: |
-          xmake run pandagl_tests
-          xmake run yutil_test
-          xmake run libcss_tests
-          xmake run librouter_tests
-          xmake run libi18n_tests
-          xmake run lcui_tests
+        run: xmake test
+
+      - name: Run all tests with memcheck
+        if: runner.os == 'Linux'
+        run: xvfb-run -a xmake test
 
       - name: Upload reports to Codecov
         if: runner.os == 'Linux'
-        run: bash <(curl -s https://codecov.io/bash);
+        uses: codecov/codecov-action@v4
+        with:
+          token: ${{ secrets.CODECOV_TOKEN }}
+          fail_ci_if_error: false
 
       - name: Build for release
         run: |
@@ -87,22 +95,40 @@ jobs:
           xmake package
           xmake install -o dist/lcui-package
 
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '22'
+
+      - uses: oven-sh/setup-bun@v2
+
+      - name: Install doc-viewer dependencies
+        working-directory: examples/doc-viewer
+        run: bun install
+
+      - name: Install lcui-cli
+        run: npm install -g @lcui/cli
+
+      - name: Generate doc-viewer sources
+        working-directory: examples/doc-viewer
+        run: bun run compile
+
+      - name: Process doc-viewer TSX files
+        working-directory: examples/doc-viewer
+        run: lcui build
+
       - name: Build examples
-        run: |
-          cd examples
-          xmake config -P . -y
-          xmake build -P .
-          xmake install -P . -o ../dist/lcui-examples
-          mv ../dist/lcui-examples/bin/* ../dist/lcui-examples/
-          rm -r ../dist/lcui-examples/bin
-
-      - uses: actions/upload-artifact@master
+        run: xmake build -yg lcui-examples
+
+      - name: Install examples
+        run: xmake install -o dist/lcui-examples -g lcui-examples
+
+      - uses: actions/upload-artifact@v4
         with:
           name: lcui${{ env.TARGET_MAJOR }}-${{ env.TARGET_VERSION }}-${{ env.TARGET_KIND }} (${{ runner.os }})
           path: |
             dist/lcui-package
 
-      - uses: actions/upload-artifact@master
+      - uses: actions/upload-artifact@v4
         with:
           name: lcui${{ env.TARGET_MAJOR }}-examples (${{ runner.os }})
           path: |
@@ -116,10 +142,10 @@ jobs:
       ARTIFACT_DIR: ./release
 
     steps:
-      - uses: actions/checkout@v1
+      - uses: actions/checkout@v4
 
       - name: Download artifacts
-        uses: actions/download-artifact@v3
+        uses: actions/download-artifact@v4
         with:
           path: ${{ env.ARTIFACT_DIR }}
 
diff --git a/.gitignore b/.gitignore
index 7186f43e6..a8d76765b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -69,4 +69,5 @@ build/*.jpg
 config.h
 test/build
 vsxmake*
-compile_commands.json
\ No newline at end of file
+compile_commands.json
+docs/build/
diff --git a/.gitmodules b/.gitmodules
deleted file mode 100644
index abde31371..000000000
--- a/.gitmodules
+++ /dev/null
@@ -1,4 +0,0 @@
-[submodule "lib/yutil"]
-	path = lib/yutil
-	url = https://gitee.com/lcui-dev/yutil.git
-	branch = main
diff --git a/.husky/pre-commit b/.husky/pre-commit
new file mode 100644
index 000000000..f841cf21a
--- /dev/null
+++ b/.husky/pre-commit
@@ -0,0 +1,2 @@
+#!/usr/bin/env sh
+npx lint-staged
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 000000000..a5c4578e0
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,216 @@
+## 代码格式
+
+遵循 .clang-format 文件中定义的规则，修改文件后需格式化。
+
+### 缩进
+
+使用八个空格缩进。
+
+### 代码结构
+
+源文件中的代码结构应该为：
+
+1. 预处理指令
+2. 类型
+3. 全局变量
+4. 函数声明
+5. 函数定义
+
+其中“函数定义”应该按照功能类别分组、按依赖关系从基础到高级的顺序排列，例如：
+
+```c
+static int var1;
+static int var1;
+
+static void func1();
+static void func2();
+
+// object 1
+
+void object1_func1()
+{
+  // ..
+}
+
+void object1_func2() {
+    // ...
+     object1_func1();
+}
+
+
+// object 2
+
+void object2_func1()
+{
+  // ..
+}
+
+void object2_func2() {
+    // ...
+     object2_func1();
+}
+```
+
+注意！优先通过调整函数定义代码块的顺序来解决声明问题，而不是前置声明函数。
+
+### 未使用参数
+
+未使用的函数参数（包括回调签名里必须存在的 `void *arg`、事件回调的 `ui_event_t *e` 等）
+**不要写 `(void)xxx;`**。GCC、Clang、MSVC 都默认不警告未使用参数名，只有未使用局部变量
+才会警告。`(void)xxx;` 是冗余噪音，掩盖真正该处理的警告。
+
+❌ 禁止：
+```c
+static void on_event(ui_widget_t *w, ui_event_t *e, void *arg)
+{
+    (void)w;
+    (void)e;
+    (void)arg;
+    /* 实际逻辑 */
+}
+```
+
+✅ 允许：
+```c
+static void on_event(ui_widget_t *w, ui_event_t *e, void *arg)
+{
+    /* 直接用到的参数正常使用；用不到的参数名直接保留在签名里 */
+}
+```
+
+> 例外：C++ 模式下某些编译器会警告未使用参数，需要按上下文决定。LCUI 是纯 C，
+> 不适用此例外。
+
+## 测试用例
+
+### 归属规则
+
+按下面优先级判定一个测试归属：
+
+1. case 实际 `#include` 的库头文件集合（含传递依赖）。
+2. 调用的运行时入口（`lcui_init` / `ui_init` / `pd_*_init` 等）。
+3. xmake target 上需要的 `add_deps`。
+
+仅触达单 lib（外加 yutil/ctest/标准库）的测试放 `lib/<name>/tests/`；触达两个及以上同级 lib，或依赖 `src/widgets/` 注册的 widget 类型的测试放 `tests/integration/`。
+
+### 文件与函数命名
+
+- 文件名：`test_<topic>.c`
+- 套件入口（lib 内）：`void test_<lib>_<topic>(void)`，如 `test_ui_xml_parser`、`test_pandagl_image_reader`
+- 套件入口（顶层集成）：`void test_<topic>(void)`，无前缀，如 `test_settings`
+- 套件入口必须在两个位置都注册：所属 lib 的 `tests/main.c` 与顶层 `tests/main.c` 中的 `suites[]` 表
+- 内部分组用 `static void <动词>_<group>(void)`，由 `ctest_describe` 注册
+
+### 描述文本风格
+
+- `ctest_describe(name, fn)` 的 `name` 是名词性主题，全小写空格分词，无 `test` 前缀。例：`"widget opacity"`、`"flex layout"`、`"settings.fps_cap"`
+- `ctest_equal_*(name, ...)` 的 `name` 用 `should ...` 行为陈述。例：`"should default fps_cap to 120"`、`"should match parent border color"`
+- 当上下文清晰（例如 layout case 中描述某 selector 对应的 box）时，可保留 jQuery 选择器风格的描述，无需强行加 should
+
+### 资源文件
+
+- 跨 lib 共享的 fixture 放 `tests/fixtures/`
+- 仅本 lib 用的 fixture 也建议复制到 `tests/fixtures/`（顶层 lcui-tests 与单 lib binary 共用同一 rundir）
+- xmake target 的 `set_rundir` 指向 `tests/fixtures/`
+- 测试代码加载资源时直接用文件名，不带目录前缀
+
+### 三种文件职责
+
+- `tests/integration/test_<topic>.c`：跨 lib 集成测试，自动断言。不调用 `lcui_main`，必要时由 `tests/previews/preview_<topic>.c` 提供可视诊断
+- `tests/scenes/<topic>_scene.{c,h}`：可视化场景搭建模块，签名 `void <topic>_scene_build(...)`。只构造 widget 树和应用样式，不做断言、不调用 `ctest_*`、不调用 `lcui_main`/`lcui_quit`。给 cases 与未来的 examples demo 共用
+- `lib/<name>/tests/test_<topic>.c`：纯 lib 测试，仅断言
+
+### 编写示例
+
+```c
+#include <ctest-custom.h>
+
+void test_my_case(void)
+{
+        ctest_equal_int("should add two numbers", 1 + 1, 2);
+}
+```
+
+注册：
+
+```c
+/* lib/<name>/tests/main.c 或 tests/main.c */
+extern void test_my_case(void);
+
+static const ctest_suite_t suites[] = {
+        { "my case", test_my_case },
+        { NULL, NULL }
+};
+
+CTEST_MAIN(suites)
+```
+
+### 运行
+
+- 全量：`xmake test`
+- 按 pattern 过滤：`xmake test "*/widget*"`（匹配 target/test 名）
+- 按 group 过滤：`xmake test -g tests`
+- 单 binary 跑全部 suite：`xmake run <lib>-tests`，例如 `xmake run lcui-tests`
+- 单 binary 内细粒度过滤：`xmake run lcui-tests --grep="<pattern>"`，子串匹配 suite 名
+- 单 binary 列出 suite：`xmake run lcui-tests --list`
+- 内存检查：`xmake f --memcheck=y && xmake test`，调用 drmemory（Windows）或 valgrind（Linux）；恢复正常运行：`xmake f --memcheck=n`
+
+### 不要触碰
+
+- `lib/yutil/tests/`：使用旧 libtest 框架自管理，不并入 ctest 体系，不被 lcui-tests 收集
+
+## 重构约定
+
+### 合并重复分支
+
+当存在两个分支仅输入不同但后续处理相同（如选择 obs->root 或 ui_root），用局部变量合并公共逻辑，避免重复代码。
+
+```c
+/* before */
+if (ctx->logger) {
+    write_log(ctx->logger, msg);
+} else {
+    logger_t *logger = get_default_logger();
+    write_log(logger, msg);
+}
+
+/* after */
+logger_t *logger = ctx->logger ? ctx->logger : get_default_logger();
+write_log(logger, msg);
+```
+
+### 提取公共逻辑
+
+若公共逻辑较长，可提取为独立函数，并保持调用路径一致，减少分叉实现。
+
+## LCUI CSS 引擎约束
+
+### 选择器
+
+- 仅支持：通配符 `*`、类型 `type`、类 `.cls`、ID `#id`、后代空格 `A B`
+- 不支持：子代 `>`、相邻兄弟 `+`、通用兄弟 `~`
+- 不支持：属性选择器 `[attr]` `[data-x]`
+- 不支持：功能性伪类 `:not()` `:is()` `:where()` `:has()` `:nth-child()`（解析器无 `(` 语法）
+- 不支持：伪元素 `::before` `::after`
+
+### 优先级
+
+- Rank：`GENERAL=0`，`TYPE=1`，`CLASS=10`，`PCLASS=10`，`ID=100`
+- 同 rank 用 `batch_num`（声明顺序）决胜，后声明覆盖先声明
+- 无 `!important` 机制
+- class 与 pclass rank 相同（都是 10）
+
+### 属性与值
+
+- `position`：仅 `static` / `relative` / `absolute`，无 `fixed`
+- `white-space`：仅 `normal` / `nowrap`
+- `border-style`：仅 `none` / `solid`
+- 无 `calc()` / `var()` / CSS 自定义属性
+- 无 `calc()` / `var()` / `em` / `rem` / `vh` / `vw` 单位（可用 `dp` / `px` / `pt` / `%`）
+- 无 `overflow` 属性
+
+## 指令
+
+### gen-commit
+
+用于生成符合 Angular 规范的提交信息，scope 应为 lib 目录下的任意目录名（例如：ui、css），标题长度限制在 80 字符以内，应结合本次会话内容生成，无需读取实际改动文件内容。
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7c7270f6c..87278adaf 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,7 @@
     - `lib/ptk`  
     - `lib/thread`  
     - `lib/router`  
+    - `lib/ui-router`  
     - `lib/worker`  
     - `lib/ui`  
     - `lib/ui-xml`  
diff --git a/CHANGELOG.zh-cn.md b/CHANGELOG.zh-cn.md
index b41b197da..c6df4ed54 100644
--- a/CHANGELOG.zh-cn.md
+++ b/CHANGELOG.zh-cn.md
@@ -10,6 +10,7 @@
     - lib/ptk
     - lib/thread
     - lib/router
+    - lib/ui-router
     - lib/worker
     - lib/ui
     - lib/ui-xml
diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
index 1d89b317c..6e8a5533f 100644
--- a/CODE_OF_CONDUCT.md
+++ b/CODE_OF_CONDUCT.md
@@ -55,7 +55,7 @@ a project may be further defined and clarified by project maintainers.
 ## Enforcement
 
 Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported by contacting the project team at root@lc-soft.io. All
+reported by contacting the project team at hello@lcui.dev. All
 complaints will be reviewed and investigated and will result in a response that
 is deemed necessary and appropriate to the circumstances. The project team is
 obligated to maintain confidentiality with regard to the reporter of an incident.
diff --git a/CODE_OF_CONDUCT.zh-cn.md b/CODE_OF_CONDUCT.zh-cn.md
index cfbf93366..45039ac4b 100644
--- a/CODE_OF_CONDUCT.zh-cn.md
+++ b/CODE_OF_CONDUCT.zh-cn.md
@@ -38,7 +38,7 @@
 
 ## 强制执行
 
-可以通过 root@lc-soft.io，来联系项目团队来举报滥用、骚扰或其他不被接受的行为。
+可以通过 hello@lcui.dev，来联系项目团队来举报滥用、骚扰或其他不被接受的行为。
 
 任何维护团队认为有必要且适合的所有投诉都将进行审查及调查，并做出相对应的回应。项目小组有对事件回报者有保密的义务。具体执行的方针近一步细节可能会单独公布。
 
diff --git a/docs/en/devtools/css-modules.mdx b/docs/en/devtools/css-modules.mdx
new file mode 100644
index 000000000..f8e733da9
--- /dev/null
+++ b/docs/en/devtools/css-modules.mdx
@@ -0,0 +1,29 @@
+# CSS Modules
+
+CSS Modules create locally scoped CSS classes for TSX components, avoiding naming conflicts and improving maintainability.
+
+## Usage
+
+Create a file with the `.module.css` suffix:
+
+```css title="MyComponent.module.css"
+.card {
+  border: 1px solid #eee;
+  border-radius: 4px;
+}
+```
+
+Import it in a `.tsx` file:
+
+```tsx title="MyComponent.tsx"
+import styles from "./MyComponent.module.css";
+```
+
+Use the `styles` object instead of string class names in JSX:
+
+```diff
+- <Widget className="card" />
++ <Widget className={styles.card} />
+```
+
+During compilation, `@lcui/cli` converts `.module.css` into C identifier bindings, automatically generating unique C constant names for class names to avoid global conflicts.
diff --git a/docs/en/devtools/icon-library.mdx b/docs/en/devtools/icon-library.mdx
new file mode 100644
index 000000000..aae574bb9
--- /dev/null
+++ b/docs/en/devtools/icon-library.mdx
@@ -0,0 +1,29 @@
+# Icon Library
+
+`@lcui/fluent-icons` is an icon library adapted for LCUI. All icons come from Microsoft's [fluentui-system-icons](https://github.com/microsoft/fluentui-system-icons) project.
+
+## Installation
+
+```sh
+npm install @lcui/fluent-icons
+```
+
+## Choosing icons
+
+Search and select icons on [flicon.io](https://www.flicon.io/). For example, the zoom-in icon is typically named "Zoom In" in English.
+
+fluentui-system-icons icons are available in sizes like 16, 20, and 24, named in the format "icon name + size + style". `@lcui/fluent-icons` uses the naming format "icon name + style", and when the style is Regular it can be omitted.
+
+## Usage
+
+```tsx
+import { ZoomIn } from "@lcui/fluent-icons";
+
+<ZoomIn />
+```
+
+The default size is 20. If the icon size is fixed and you want better rendering, specify the size parameter:
+
+```tsx
+<ZoomIn size={32} />
+```
diff --git a/docs/en/devtools/sass.mdx b/docs/en/devtools/sass.mdx
new file mode 100644
index 000000000..4c13fdbd7
--- /dev/null
+++ b/docs/en/devtools/sass.mdx
@@ -0,0 +1,15 @@
+# Sass
+
+Sass is a popular CSS preprocessor that extends CSS with variables, nesting rules, mixins, and more.
+
+## Usage
+
+`@lcui/cli` has a built-in Sass preprocessor that is automatically invoked when compiling `.sass` and `.scss` files — no additional installation or configuration needed.
+
+Import Sass files directly in TSX:
+
+```tsx title="MyComponent.tsx"
+import "./MyComponent.scss";
+```
+
+The CLI compiles Sass files into CSS, then converts them to C code for runtime loading.
diff --git a/docs/en/devtools/tailwind-css.mdx b/docs/en/devtools/tailwind-css.mdx
new file mode 100644
index 000000000..3ce304d5b
--- /dev/null
+++ b/docs/en/devtools/tailwind-css.mdx
@@ -0,0 +1,31 @@
+# Tailwind CSS
+
+Tailwind CSS is a utility-first CSS framework that helps developers quickly apply styles through predefined CSS classes. Compared to traditional CSS, you don't need to create new CSS files, write rules, or think up class names.
+
+## Installation
+
+```sh
+npm install -D tailwindcss postcss @thedutchcoder/postcss-rem-to-px
+```
+
+## Configuration
+
+Copy the following files from the [lcui-quick-start](https://github.com/lcui-dev/lcui-quick-start) template project to your project root:
+
+- `postcss.config.js`
+- `tailwind.config.js`
+- `app/global.css`
+
+`global.css` contains the Tailwind directives:
+
+```css title="app/global.css"
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+```
+
+When compiling, `@lcui/cli` processes Tailwind directives through the PostCSS chain (postcss + tailwindcss + postcss-rem-to-px) to generate the final CSS output.
+
+:::tip
+If you don't want to place global.css inside the app directory, change the `content` path matching rules in `tailwind.config.js`.
+:::
diff --git a/docs/en/devtools/tsx-and-dev-tools.mdx b/docs/en/devtools/tsx-and-dev-tools.mdx
new file mode 100644
index 000000000..0f112bad3
--- /dev/null
+++ b/docs/en/devtools/tsx-and-dev-tools.mdx
@@ -0,0 +1,201 @@
+# TSX & Dev Tools
+
+With `@lcui/cli`, you can write declarative UIs using TypeScript with JSX syntax. The CLI compiles TSX into C code, so you don't need to manually write widget tree construction logic.
+
+The benefit is that the declarative approach makes state binding, event binding, and resource imports more concise and intuitive. Handling logic and view in the same file reduces context switching.
+
+However, `@lcui/react` currently has limited capabilities — you can only declare component state, data bindings, and event bindings. For complex operations like conditional rendering or list rendering, you still need to write C code.
+
+## Installing dev tools
+
+`@lcui/cli` is a command-line tool that integrates a TypeScript compiler, Sass preprocessor, resource file loader, and more. It requires a Node.js runtime:
+
+```sh
+npm install -g @lcui/cli
+```
+
+## How the preprocessor works
+
+LCUI uses a preprocessor approach: TSX files are only executed during preprocessing and do not become runtime code. You can think of TSX files as configuration files, where the TypeScript code acts as preprocessing directives.
+
+The preprocessor matches the appropriate loader by file extension, parses the TSX code, collects dependencies, executes component functions, and then generates C source files based on the returned JSX elements and Hook call results.
+
+## Usage overview
+
+```tsx title="src/App.tsx"
+import { useState, TextInput, Button } from "@lcui/react";
+
+export default function App() {
+  const inputRef = { current: { value: "" } };
+  const [name, setName] = useState("LCUI");
+
+  return (
+    <Widget className="container">
+      <Widget className="flex flex-col items-center pt-6">
+        <Text className="my-4 text-2xl text-center">Hello, {name}!</Text>
+        <TextInput
+          $ref={inputRef}
+          className="mt-2"
+          placeholder="Please input..."
+        />
+        <Button
+          className="mt-2"
+          onClick={() => setName(inputRef.current.value)}
+        >
+          Change
+        </Button>
+      </Widget>
+    </Widget>
+  );
+}
+```
+
+## React library
+
+`@lcui/react` is a UI library tailored for LCUI's features and preprocessor workflow, providing built-in components, utility functions, and hooks.
+
+Installation:
+
+```sh
+npm install @lcui/react
+```
+
+### Component functions
+
+The preprocessor executes component functions, collects data from `useState`, `useRef`, etc. and the returned JSX elements, then converts them into C code.
+
+:::warning
+- Component function return values must be a single JSX element — `<Fragment>`, null, undefined, strings, numbers, or other objects are not supported.
+- Declaring and passing component props is not yet supported.
+:::
+
+### State management
+
+`useState` declares a state variable for a component:
+
+```tsx
+import { useState } from "@lcui/react";
+
+function MyComponent() {
+  const [age, setAge] = useState(23);
+  const [name, setName] = useState("Taylor");
+  // ...
+}
+```
+
+`useState` returns an array:
+
+- The state variable, initialized to the value passed to `useState`.
+- A set function, which lets you change the state variable in response to interactions.
+
+`useState` adds a member to the component's state struct and generates initialization code in the init function:
+
+```c
+/* Component state struct */
+struct MyComponent_state {
+  int age;
+  char *name;
+};
+
+/* Code in component init function */
+_that->state.age = 23;
+_that->state.name = strdup2("Taylor");
+```
+
+The state's set function inserts C code in the current scope, e.g. `setAge(30)` generates `_that->state.age = 30;`.
+
+:::warning
+`useState` parameters can only be string or number types.
+:::
+
+### Refs
+
+Use the `$ref` attribute to reference a widget object:
+
+```tsx
+<TextInput $ref="input" />
+```
+
+Then operate on it in C code:
+
+```c
+ui_textinput_set_content(_that->refs.input, "hello");
+```
+
+The `$ref` value can also be a reference object returned by `useRef`:
+
+```tsx
+import { useRef } from "@lcui/react";
+
+function MyComponent() {
+  const inputRef = useRef();
+
+  return <TextInput $ref={inputRef} />;
+}
+```
+
+`useRef` currently only implements value property read/write binding for TextInput:
+
+```tsx
+inputRef.current.value = "World";
+
+<Button onClick={() => setName(inputRef.current.value)}>Click</Button>
+```
+
+:::warning
+`@lcui/react`'s `useRef` is different from React's `useRef` — it is only for referencing widget objects.
+:::
+
+### Responding to events
+
+Declare event handlers using the `on + event name` attribute:
+
+```tsx
+<Button onClick="handleClick">Click me</Button>
+```
+
+The preprocessor generates C code to bind the event:
+
+```c
+ui_widget_on(_that->refs.ref_0, "click", handleClick, w);
+```
+
+You can also bind JavaScript functions to events:
+
+```tsx
+import { useState, Text, Button } from "@lcui/react";
+
+export default function Counter() {
+  const [text, setText] = useState("Click me");
+
+  function handleClick() {
+    setText("You clicked");
+  }
+
+  return (
+    <Button onClick={handleClick}>
+      {text}
+    </Button>
+  );
+}
+```
+
+The preprocessor generates a C-language version of the event handler based on the code executed inside the handler function.
+
+:::warning
+Currently, only state variable set functions can be called inside event handlers. Accessing the event object or executing other statements is not supported.
+:::
+
+### Conditional rendering
+
+:::warning
+Not yet supported.
+We are considering implementing conditional rendering with a `<Show>` component, inspired by Solid.js's `<Show>`.
+:::
+
+### Rendering lists
+
+:::warning
+Not yet supported.
+We are considering implementing array iteration with a `<For>` component, inspired by Solid.js's `<For>`.
+:::
diff --git a/docs/en/handbook/customization.mdx b/docs/en/handbook/customization.mdx
new file mode 100644
index 000000000..2a271bbe9
--- /dev/null
+++ b/docs/en/handbook/customization.mdx
@@ -0,0 +1,136 @@
+# Customization
+
+You can create entirely new widget types or extend existing ones.
+
+## Creating a custom widget
+
+Use `ui_create_widget_prototype()` to register a new widget type:
+
+```c title="src/counter.c"
+#include <LCUI.h>
+
+typedef struct {
+        int value;
+} counter_data_t;
+
+static ui_widget_prototype_t *counter_proto;
+
+static void counter_init(ui_widget_t *w)
+{
+        counter_data_t *data;
+        ui_widget_t *text;
+
+        data = ui_widget_add_data(w, counter_proto, sizeof(counter_data_t));
+        data->value = 0;
+
+        text = ui_create_widget("text");
+        ui_text_set_content(text, "0");
+        ui_widget_append(w, text);
+}
+
+static void counter_destroy(ui_widget_t *w)
+{
+        /* Release owned resources (if any) */
+}
+
+void register_counter_widget(void)
+{
+        counter_proto = ui_create_widget_prototype("counter", NULL);
+        counter_proto->init = counter_init;
+        counter_proto->destroy = counter_destroy;
+}
+```
+
+Use the custom widget:
+
+```c title="src/main.c"
+extern void register_counter_widget(void);
+
+int main(void)
+{
+        ui_widget_t *counter;
+
+        lcui_init();
+        register_counter_widget();
+
+        counter = ui_create_widget("counter");
+        ui_widget_append(ui_root(), counter);
+        return lcui_main();
+}
+```
+
+## Extending an existing widget
+
+Pass a parent type name as the second argument to `ui_create_widget_prototype()`:
+
+```c title="src/icon_button.c"
+static ui_widget_prototype_t *icon_button_proto;
+
+static void icon_button_init(ui_widget_t *w)
+{
+        /* Call parent (button) init logic */
+        icon_button_proto->proto->init(w);
+        ui_widget_add_class(w, "icon-button");
+}
+
+void register_icon_button(void)
+{
+        icon_button_proto =
+            ui_create_widget_prototype("icon-button", "button");
+        icon_button_proto->init = icon_button_init;
+}
+```
+
+:::warning
+**Parent `init` must be called manually.** LCUI does not automatically call the parent type's `init` when creating a subtype widget. If you forget to call `proto->proto->init(w)`, the widget will lack the parent type's base behaviors (e.g. `button` won't register click events or set default styles).
+:::
+
+## Widget lifecycle
+
+`ui_widget_prototype_t` has several callback hooks covering each lifecycle stage:
+
+- **`init`** — When the widget is created. Responsible for initializing owned data, child widgets, and event bindings.
+- **`destroy`** — When the widget is destroyed. Responsible for releasing owned memory and unbinding events.
+- **`update`** — When the widget needs updating, receives a `ui_task_type_t` parameter indicating the update type (style update, property update, etc.). Called by LCUI during each frame's update loop.
+- **`setattr`** — When an XML attribute is set (for responding to attribute changes).
+- **`settext`** — When text content is set.
+- **`sizehint`** — Estimates the widget's natural size constraints (min/max content size) without external constraints. The layout engine uses this when computing child widget sizes.
+- **`resize`** — When the widget size changes. Receives the new content area width and height as parameters.
+- **`paint`** — When the widget needs to be redrawn. Used for custom drawing logic.
+
+## Custom painting
+
+Override the `paint` callback to draw custom graphics on a widget:
+
+```c title="src/my_widget.c"
+static void my_widget_paint(ui_widget_t *w, pd_context_t *paint_ctx,
+                              ui_widget_actual_style_t *style)
+{
+        pd_canvas_t *canvas = paint_ctx->canvas;
+        pd_color_t color = pd_color_from_rgb(255, 0, 0);
+        pd_rect_t rect = { style->left, style->top, w->width, w->height };
+
+        pd_canvas_fill_rect(canvas, color, rect);
+}
+
+static void register_my_widget(void)
+{
+        ui_widget_prototype_t *proto =
+            ui_create_widget_prototype("my-widget", NULL);
+        proto->paint = my_widget_paint;
+}
+```
+
+:::warning
+**`paint` is only for drawing.** Widget size estimation is handled by `sizehint`; do not modify widget size or the child widget tree inside `paint`, as it may cause infinite loops.
+:::
+
+## Caveats
+
+:::warning
+**`destroy` must release owned resources.** If a custom widget allocated memory, opened files, or subscribed to system events (e.g. `lcui_settings_on_deserialize`) in `init`, it must perform symmetric cleanup in `destroy`.
+:::
+
+:::warning
+**Custom widgets must be registered after `lcui_init()` and before first instantiation.** Calling your `register_xxx()` function right at the start of `main()` is the safest place, ensuring all consumers (XML loading, router instantiation, TSX compilation results) can see the prototype.
+:::
diff --git a/docs/en/handbook/styling.mdx b/docs/en/handbook/styling.mdx
new file mode 100644
index 000000000..3d120aca9
--- /dev/null
+++ b/docs/en/handbook/styling.mdx
@@ -0,0 +1,151 @@
+# Styling
+
+Use CSS to set colors, borders, padding, margins, dimensions, and layout for widgets.
+
+## How to set styles
+
+### Inline styles
+
+Use `ui_widget_set_style_string()` to set individual CSS properties directly:
+
+```c title="main.c"
+ui_widget_t *w = ui_create_widget("text");
+
+ui_widget_set_style_string(w, "color", "#336699");
+ui_widget_set_style_string(w, "font-size", "20px");
+ui_widget_set_style_string(w, "padding", "8px 16px");
+```
+
+### CSS class selectors
+
+Use `ui_load_css_string()` or `ui_load_css_file()` to load CSS rules, then apply them to widgets with `ui_widget_add_class()`:
+
+```c title="main.c"
+ui_load_css_file("styles.css");
+
+ui_widget_t *w = ui_create_widget("text");
+ui_widget_add_class(w, "title");
+```
+
+```css title="app/styles.css"
+.title {
+  font-size: 24px;
+  font-weight: bold;
+  margin-bottom: 16px;
+}
+```
+
+You can also use `ui_load_css_string()` to load CSS rules from a string. The second parameter is a source identifier used for debugging to locate conflicting rules:
+
+```c title="main.c"
+ui_load_css_string(".title { font-size: 24px; }", "app.css");
+```
+
+## Supported CSS features
+
+LCUI's CSS engine implements a subset of the web standard. This section lists all supported features and their supported values; **anything not listed is not supported by default**.
+
+### At Rules
+
+- **`@font-face`** — Load external fonts
+
+### Selectors
+
+- `*` (universal), `type`, `#id`, `.class`
+- Pseudo-classes `:hover`, `:focus`, `:active`, `:first-child`, `:last-child`
+- `!important` is not supported
+
+### Units
+
+- `px`, `dp`, `sp`, `pt`, `%`
+
+### Properties
+
+#### Layout
+
+- **`display`** — `none`, `inline-block`, `block`, `flex`, `inline-flex`, `table`, `inline-table`, `table-row`, `table-cell`
+- **`position`** — `static`, `relative`, `absolute`
+- **`top` / `right` / `bottom` / `left`** — `<length>` or `<percentage>` or `auto`
+- **`z-index`** — `auto` or integer
+- **`box-sizing`** — `content-box`, `border-box`
+
+#### Box model
+
+- **`width` / `height`** — `<length>`, `<percentage>`, `auto`
+- **`min-width` / `max-width` / `min-height` / `max-height`** — same as above
+- **`padding`** — shorthand, 1-4 `<length>` values (e.g. `8px`, `4px 8px`, `4px 8px 12px`, `4px 8px 12px 16px`)
+- **`padding-top` / `padding-right` / `padding-bottom` / `padding-left`** — longhand properties
+- **`margin`** — shorthand, same syntax as padding
+- **`margin-top` / `margin-right` / `margin-bottom` / `margin-left`**
+- **`border`** — shorthand `1px solid #ccc` (width + style + color)
+- **`border-color` / `border-width` / `border-style` / `border-radius`** — multi-value shorthand, same syntax as padding
+- **`border-top` / `border-right` / `border-bottom` / `border-left`** — per-side shorthand
+- **`border-top-color` / `border-right-color` / `border-bottom-color` / `border-left-color`**
+- **`border-top-width` / `border-right-width` / `border-bottom-width` / `border-left-width`**
+- **`border-top-style` / `border-right-style` / `border-bottom-style` / `border-left-style`**
+- **`border-top-left-radius` / `border-top-right-radius` / `border-bottom-left-radius` / `border-bottom-right-radius`**
+- **`border-style` values** — `none`, `solid`
+- **`table-layout`** — `auto`, `fixed`
+- **`border-spacing`** — `<length>{1,2}`
+
+#### Background
+
+- **`background`** — shorthand `bg-image || bg-position || bg-size || repeat-style || color` (single layer only)
+- **`background-color`** — `<color>`
+- **`background-image`** — `none` or `<url>`
+- **`background-position`** — two values: x y
+- **`background-position-x` / `background-position-y`**
+- **`background-repeat`** — `<repeat-style>`
+- **`background-size`** — `<bg-size>`
+- **`background-clip`** — `border-box`, `padding-box`, `content-box`
+
+#### Flexbox layout
+
+- **`flex`** — shorthand (`flex-grow` + `flex-shrink` + `flex-basis`)
+- **`flex-shrink` / `flex-grow` / `flex-basis`**
+- **`flex-wrap`** — `nowrap`, `wrap`
+- **`flex-direction`** — `row`, `column`
+- **`justify-content`** — `flex-start`, `center`, `flex-end`
+- **`align-items`** — `flex-start`, `center`, `flex-end`, `stretch`
+- **`align-content`** — same as justify-content plus `space-between`, `space-around`, `space-evenly`
+- **`gap`** — shorthand, sets both row-gap and column-gap
+- **`row-gap` / `column-gap`** — `normal` or `<length-percentage>`
+
+#### Typography
+
+- **`font-face`** — (load fonts via `@font-face` rule)
+- **`font-family`** — `<font-family>` (recommended to use built-in aliases like `monospace`)
+- **`font-size`** — `<length>`
+- **`font-style`** — `normal`, `italic`, `oblique`
+- **`font-weight`** — `normal`, `bold`, `<number>`
+- **`text-align`** — `left`, `center`, `right`
+- **`line-height`** — `normal` or `<length>` or `<number>`
+- **`color`** — `<color>`
+- **`white-space`** — `normal`, `nowrap`
+- **`word-break`** — `normal`, `break-all`
+- **`content`** — `<string>` or `none`
+
+#### Other
+
+- **`opacity`** — `<number>` or `<percentage>`
+- **`visibility`** — `visible`, `hidden`
+- **`pointer-events`** — `auto`, `none`
+- **`box-shadow`** — `none` or `<shadow>` (format `<length>{2,4} && <color>?`)
+
+## Caveats
+
+:::warning
+**`white-space: pre` does not work.** LCUI's `white-space` only implements `normal` and `nowrap`. If you need to preserve leading whitespace from source code, replace spaces with U+00A0 (NBSP).
+:::
+
+:::warning
+**`overflow` does not clip content.** To clip or scroll child content, use the `scrollarea` built-in widget instead.
+:::
+
+:::warning
+**`background` shorthand does not support multiple layers.** Writing multi-background syntax like `background: url(a.png) no-repeat, url(b.png) center;` will not work. Use individual properties like `background-image` / `background-position` to set each layer separately.
+:::
+
+:::warning
+**CSS does not support inheritance.** Properties like `color`, `font-family`, and `font-size` do not cascade from parent to child widgets. Every widget that displays text (e.g. `text`, `button`) must explicitly set these properties.
+:::
diff --git a/docs/en/overview/about.mdx b/docs/en/overview/about.mdx
new file mode 100644
index 000000000..87b910c5b
--- /dev/null
+++ b/docs/en/overview/about.mdx
@@ -0,0 +1,59 @@
+# About LCUI
+
+LCUI is an open-source desktop graphical user interface library written in C, designed to provide C developers with a simple and easy-to-use GUI development experience, while incorporating CSS styling and declarative UI description from web development to lower the learning barrier.
+
+## Key features
+
+- **Cross-platform** — Supports Windows and Linux.
+- **Fully self-drawn widgets** — Widgets maintain consistent appearance and behavior across platforms.
+- **DPI-adaptive** — Automatically scales the UI on high-resolution screens for crisp display.
+- **Built-in CSS engine** — Supports using CSS to define UI styles and layouts, making it easy to pick up for those with web development experience.
+- **Modern development tools** — Through the `@lcui/cli` tool, you can use TypeScript with JSX syntax to write user interfaces.
+
+## Who should use LCUI
+
+LCUI is suitable for these developers:
+
+- Want to keep using C on the desktop, but want to escape the tedious Win32 / X11 native development experience.
+- Already familiar with web frontend (HTML, CSS) and want to transfer that experience to desktop applications.
+- Need to build single-window desktop tools with simple UI content.
+
+If your use case is a large commercial desktop product, a game engine, or a tool deeply integrated with the OS, LCUI may not be the best choice; in such scenarios, consider Qt, GTK, or native APIs instead.
+
+## Architecture
+
+LCUI is divided into four layers from top to bottom:
+
+### Application layer
+
+Your business code: custom widgets, CSS styles, TSX/JSX code, event handling. This is the only part tied to your project domain.
+
+### LCUI Runtime
+
+Initialization, event loop, application lifecycle management. Responsible for running the app, dispatching events, and driving rendering.
+
+### UI Helpers
+
+UI XML parsing, UI Router, cursor management, internationalization (i18n), and other helper modules. These package common UI behaviors into pluggable subsystems.
+
+### Foundation layer
+
+YUtil (general utility library), PandaGL (2D rendering engine), CSS engine, UI widget system, Thread / Worker abstractions. These modules can also be used independently.
+
+The platform layer (Windows / Linux) handles window management and input events.
+
+## License
+
+LCUI is released under the MIT License. See LICENSE.TXT in the repository root for details.
+
+## Contributing
+
+Contributions are welcome! Before submitting a Pull Request, please read CONTRIBUTING.md in the repository root.
+
+- **Bug reports** — Open an issue on GitHub Issues.
+- **Feature requests** — Start a discussion on GitHub Discussions.
+- **Code contributions** — Fork the repo, create a branch, and submit a PR.
+
+## Community
+
+If you run into issues, you can ask questions on GitHub Discussions (use the `Q&A` label). We also encourage experienced users to help newcomers.
diff --git a/docs/en/overview/quick-start.mdx b/docs/en/overview/quick-start.mdx
new file mode 100644
index 000000000..4dce35446
--- /dev/null
+++ b/docs/en/overview/quick-start.mdx
@@ -0,0 +1,44 @@
+# Quick Start
+
+Get up and running with LCUI in minutes.
+
+## Prerequisites
+
+- **Operating system** — Windows (recommended) or Linux
+- **Node.js** — Required to run `@lcui/cli`
+- **xmake** — C/C++ build tool
+- **Git** — Download and manage source code
+
+## Installation
+
+Install the LCUI CLI globally:
+
+```sh
+npm install -g @lcui/cli
+```
+
+Create and run your first app:
+
+```sh
+lcui create my-app
+cd my-app
+lcui build
+xmake run app
+```
+
+`lcui create` clones a minimal project from the lcui-quick-start template repository, including xmake.lua configuration, example code, and dependencies. Once done, run `lcui build` to compile TSX resources, then `xmake run app` to launch the application.
+
+## Next steps
+
+- Explore the sample project generated by `lcui create` — look at the code and file structure to understand the basics of an LCUI application.
+- Read the widget reference (Button, Text, TextInput, Anchor, ScrollArea) to learn about built-in widgets.
+- Read the Styling chapter to learn how to apply CSS properties to widgets.
+- Read the Customization chapter to learn how to create custom widgets.
+- Read the TSX & Dev Tools chapter to understand `@lcui/react` usage and limitations in depth.
+
+## Having trouble?
+
+If you run into problems while learning, you can get help through:
+
+- Ask questions on GitHub Discussions (use the `Q&A` label).
+- Check CONTRIBUTING.md in the repository root to learn how to contribute.
diff --git a/docs/en/widgets/anchor.mdx b/docs/en/widgets/anchor.mdx
new file mode 100644
index 000000000..796a5e554
--- /dev/null
+++ b/docs/en/widgets/anchor.mdx
@@ -0,0 +1,61 @@
+# Anchor
+
+A navigation widget similar to the HTML `<a>` element. It can open external URLs in the system browser or load an XML view into a target container widget.
+
+<WidgetExample name="anchor-basic" />
+
+## Use cases
+
+- **Suitable** — placing external links in a page (opens in the system browser).
+- **Not suitable** — performing an action (use `button`).
+
+## Usage
+
+```tsx
+<a href="https://example.com">Link text</a>
+```
+
+## API
+
+### `ui_anchor_open`
+
+```c
+void ui_anchor_open(ui_widget_t *w);
+```
+
+Programmatically triggers the anchor's action (same as a click). Reads the `href` attribute from the widget:
+
+- If `href` starts with `http://` or `https://` — opens in the system browser.
+- If `href` starts with `file:///` — opens the local file in the system browser.
+- Otherwise — asynchronously loads an XML file at the given path and injects its content into the widget identified by the `target` attribute.
+
+## XML tag
+
+```xml
+<a href="..." target="..." key="...">Link text</a>
+```
+
+Attributes:
+
+| Attribute | Required | Description |
+|---|---|---|
+| `href` | Yes | URL to open, or relative XML file path to load |
+| `target` | For view loading | ID of the container widget where the loaded view is injected |
+| `key` | No | Arbitrary string passed as `event.data` to the `loaded.anchor` event |
+
+## Events
+
+### `loaded.anchor`
+
+Fired on `ui_root()` after a view has been loaded and injected:
+
+```c
+static void on_view_loaded(ui_widget_t *w, ui_event_t *e, void *arg)
+{
+        /* e->data contains the value of the anchor's "key" attribute */
+        printf("Loaded view key: %s\n", (char *)e->data);
+}
+
+ui_widget_on(ui_root(), "loaded.anchor", on_view_loaded, NULL);
+```
+
diff --git a/docs/en/widgets/button.mdx b/docs/en/widgets/button.mdx
new file mode 100644
index 000000000..ea421e0dc
--- /dev/null
+++ b/docs/en/widgets/button.mdx
@@ -0,0 +1,25 @@
+# Button
+
+A clickable button widget, typically used to trigger an action.
+
+<WidgetExample name="button-basic" />
+
+## Use cases
+
+- **Suitable**: users click to perform an action (submit a form, open a page, toggle a state)
+- **Suitable**: interactive entry points in toolbars, dialogs, and navbars
+- **Not suitable**: non-interactive text display (use `text` instead)
+
+## Usage
+
+```tsx
+import { Button } from "@lcui/react"
+```
+
+```tsx
+<Button>Button</Button>
+```
+
+## API Reference
+
+<FieldTable name="button" />
diff --git a/docs/en/widgets/checkbox.mdx b/docs/en/widgets/checkbox.mdx
new file mode 100644
index 000000000..fec46c1c6
--- /dev/null
+++ b/docs/en/widgets/checkbox.mdx
@@ -0,0 +1,37 @@
+# Checkbox
+
+A control that allows the user to toggle between checked and not checked.
+
+<WidgetExample name="checkbox-basic" />
+
+## Use cases
+
+- **Suitable**: a single binary choice (accepting terms, toggling a subscription).
+- **Suitable**: checkable options inside a form.
+- **Not suitable**: mutually exclusive single-choice scenarios (use `radio-group`).
+
+## Usage
+
+```tsx
+import { Checkbox } from "@lcui/react"
+```
+
+```tsx
+<Checkbox />
+```
+
+## Caveats
+
+:::caution
+**indeterminate is a state, not a default value.** The half-selected state (`indeterminate="true"`) expresses the visual notion that some sub-items are selected (for example, a parent checkbox shown as indeterminate when only some of its children are checked). Clicking a checkbox in the indeterminate state transitions it to the checked state.
+:::
+
+## Examples
+
+### Disabled
+
+<WidgetExample name="checkbox-disabled" />
+
+## API Reference
+
+<FieldTable name="checkbox" />
\ No newline at end of file
diff --git a/docs/en/widgets/label.mdx b/docs/en/widgets/label.mdx
new file mode 100644
index 000000000..b477af6b5
--- /dev/null
+++ b/docs/en/widgets/label.mdx
@@ -0,0 +1,25 @@
+# Label
+
+Renders an accessible label associated with controls. Click events are forwarded to the target widget referenced by the `for` attribute.
+
+<WidgetExample name="label-basic" />
+
+## Use cases
+
+- **Suitable**: extending the clickable area of interactive widgets such as checkbox and text-input so that clicking the label text also triggers the widget.
+- **Suitable**: associating text with a control for accessibility (a11y).
+- **Not suitable**: purely decorative text display (use the `text` widget instead).
+
+## Usage
+
+```tsx
+import { Label } from "@lcui/react"
+```
+
+```tsx
+<Label for="agree">I agree</Label>
+```
+
+## API Reference
+
+<FieldTable name="label" />
\ No newline at end of file
diff --git a/docs/en/widgets/progress.mdx b/docs/en/widgets/progress.mdx
new file mode 100644
index 000000000..ddb30d69e
--- /dev/null
+++ b/docs/en/widgets/progress.mdx
@@ -0,0 +1,25 @@
+# Progress
+
+A linear progress bar widget used to indicate the completion of a task such as file uploads or loading states.
+
+<WidgetExample name="progress-basic" />
+
+## Use cases
+
+- **Suitable**: file upload/download, installation, or any long-running task that needs progress feedback
+- **Suitable**: form submission or async operations that need a wait indicator
+- **Not suitable**: scenarios that require precise numeric values or indeterminate progress (use `text` to render manually)
+
+## Usage
+
+```tsx
+import { Progress } from "@lcui/react"
+```
+
+```tsx
+<Progress value={20} />
+```
+
+## API Reference
+
+<FieldTable name="progress" />
\ No newline at end of file
diff --git a/docs/en/widgets/radio-group.mdx b/docs/en/widgets/radio-group.mdx
new file mode 100644
index 000000000..1b2f3f89e
--- /dev/null
+++ b/docs/en/widgets/radio-group.mdx
@@ -0,0 +1,58 @@
+# RadioGroup
+
+A set of mutually exclusive radio buttons—only one item in the group can be selected at a time.
+
+<WidgetExample name="radio-group-basic" />
+
+## Use cases
+
+- **Suitable**: pick exactly one option from a mutually exclusive set (view density, sort order, single-choice enumerations).
+- **Suitable**: simple cases with a fixed 2–7 options.
+- **Not suitable**: scenarios that allow multiple concurrent selections (use `checkbox`).
+- **Not suitable**: large option lists that need search or filtering (no `select` provided yet).
+
+## Usage
+
+```tsx
+import { RadioGroup, RadioGroupItem } from "@lcui/react"
+```
+
+```tsx
+<RadioGroup value="comfortable">
+  <RadioGroupItem value="default" id="r1" />
+  <RadioGroupItem value="comfortable" id="r2" />
+  <RadioGroupItem value="compact" id="r3" />
+</RadioGroup>
+```
+
+## Composition
+
+Use the following composition to build a `RadioGroup`:
+
+```
+RadioGroup
+├── RadioGroupItem
+└── RadioGroupItem
+```
+
+In practice, each item is paired with a `Label` placed in the same flex row, with the Label's `for` pointing at the RadioGroupItem's `id`—clicking the Label forwards the click event to the matching item.
+
+## Examples
+
+### Disabled
+
+<WidgetExample name="radio-group-disabled" />
+
+## API Reference
+
+### RadioGroup
+
+The container that manages mutually exclusive selection across its items.
+
+<FieldTable name="radio-group" />
+
+### RadioGroupItem
+
+A single selectable option. At most one RadioGroupItem within the same RadioGroup is checked at any time.
+
+<FieldTable name="radio-group-item" />
\ No newline at end of file
diff --git a/docs/en/widgets/scrollarea.mdx b/docs/en/widgets/scrollarea.mdx
new file mode 100644
index 000000000..828095f25
--- /dev/null
+++ b/docs/en/widgets/scrollarea.mdx
@@ -0,0 +1,133 @@
+# ScrollArea
+
+A container that provides scrollable content when children overflow.
+
+<WidgetExample name="scrollarea-basic" />
+
+## Use cases
+
+- **Suitable** — content height or width may exceed the container (long lists, documents, logs).
+- **Suitable** — scrollbars needed for visual feedback.
+- **Not suitable** — content always fits within the container (use a plain `widget`).
+
+## Usage
+
+```tsx
+import { ScrollArea, ScrollAreaContent, Scrollbar } from "@lcui/react"
+```
+
+```tsx
+<ScrollArea>
+  <ScrollAreaContent>{/* child content */}</ScrollAreaContent>
+  <Scrollbar orientation="horizontal" />
+  <Scrollbar />
+</ScrollArea>
+```
+
+## Composition
+
+Use the following composition to build a `ScrollArea`:
+
+```
+ScrollArea
+├── ScrollAreaContent
+└── Scrollbar
+```
+
+## API
+
+### `ui_create_scrollarea`
+
+```c
+ui_widget_t *ui_create_scrollarea(void);
+```
+
+Creates and returns a new scroll area widget.
+
+### `ui_create_scrollarea_content`
+
+```c
+ui_widget_t *ui_create_scrollarea_content(void);
+```
+
+Creates and returns a new scroll content container to be appended inside a scroll area.
+
+### `ui_scrollarea_set_scroll_top`
+
+```c
+void ui_scrollarea_set_scroll_top(ui_widget_t *w, float value);
+```
+
+Sets the vertical scroll position in pixels.
+
+### `ui_scrollarea_set_scroll_left`
+
+```c
+void ui_scrollarea_set_scroll_left(ui_widget_t *w, float value);
+```
+
+Sets the horizontal scroll position in pixels.
+
+### `ui_scrollarea_get_scroll_top`
+
+```c
+float ui_scrollarea_get_scroll_top(ui_widget_t *w);
+```
+
+Returns the current vertical scroll position.
+
+### `ui_scrollarea_get_scroll_left`
+
+```c
+float ui_scrollarea_get_scroll_left(ui_widget_t *w);
+```
+
+Returns the current horizontal scroll position.
+
+### `ui_scrollarea_get_scroll_width`
+
+```c
+float ui_scrollarea_get_scroll_width(ui_widget_t *w);
+```
+
+Returns the total scrollable width of the content.
+
+### `ui_scrollarea_get_scroll_height`
+
+```c
+float ui_scrollarea_get_scroll_height(ui_widget_t *w);
+```
+
+Returns the total scrollable height of the content.
+
+### `ui_scrollarea_set_wheel_scroll_direction`
+
+```c
+void ui_scrollarea_set_wheel_scroll_direction(
+    ui_widget_t *w, ui_scrollarea_direction_t direction);
+```
+
+Sets which direction the mouse wheel scrolls.
+
+| Value | Description |
+|---|---|
+| `UI_SCROLLAREA_AUTO` | Vertical if content is taller; horizontal if wider |
+| `UI_SCROLLAREA_VERTICAL` | Always scroll vertically |
+| `UI_SCROLLAREA_HORIZONTAL` | Always scroll horizontally |
+
+### `ui_scrollarea_update`
+
+```c
+void ui_scrollarea_update(ui_widget_t *w);
+```
+
+Forces the scroll area to recalculate its layout and scrollbar positions.
+
+## XML tag
+
+```xml
+<scrollarea style="width: 300px; height: 200px;">
+  <!-- content items -->
+</scrollarea>
+```
+
diff --git a/docs/en/widgets/text-input.mdx b/docs/en/widgets/text-input.mdx
new file mode 100644
index 000000000..b800d5823
--- /dev/null
+++ b/docs/en/widgets/text-input.mdx
@@ -0,0 +1,143 @@
+# TextInput
+
+An editable text input widget. Supports single-line, multiline, password, placeholder, and readonly modes.
+
+<WidgetExample name="text-input-basic" />
+
+## Use cases
+
+- **Suitable** — user text input (form fields, search boxes).
+- **Not suitable** — text display only (use `text`).
+
+## Usage
+
+```tsx
+import { TextInput } from "@lcui/react"
+```
+
+```tsx
+<TextInput placeholder="Enter text" />
+```
+
+## API
+
+### `ui_textinput_set_text`
+
+```c
+int ui_textinput_set_text(ui_widget_t *widget, const char *utf8_str);
+```
+
+Sets the input value from a UTF-8 string.
+
+### `ui_textinput_set_text_w`
+
+```c
+int ui_textinput_set_text_w(ui_widget_t *widget, const wchar_t *wstr);
+```
+
+Sets the input value from a wide character string.
+
+### `ui_textinput_get_text_w`
+
+```c
+size_t ui_textinput_get_text_w(ui_widget_t *w, size_t start,
+                               size_t max_len, wchar_t *buf);
+```
+
+Reads the current input value. Returns the number of characters written.
+
+### `ui_textinput_get_text_length`
+
+```c
+size_t ui_textinput_get_text_length(ui_widget_t *w);
+```
+
+Returns the current text length in characters.
+
+### `ui_textinput_clear_text`
+
+```c
+void ui_textinput_clear_text(ui_widget_t *widget);
+```
+
+Clears all text from the input.
+
+### `ui_textinput_set_placeholder`
+
+```c
+int ui_textinput_set_placeholder(ui_widget_t *w, const char *str);
+```
+
+Sets the placeholder text shown when the input is empty.
+
+### `ui_textinput_set_placeholder_w`
+
+```c
+int ui_textinput_set_placeholder_w(ui_widget_t *w, const wchar_t *wstr);
+```
+
+Sets the placeholder text from a wide character string.
+
+### `ui_textinput_set_password_char`
+
+```c
+void ui_textinput_set_password_char(ui_widget_t *w, wchar_t ch);
+```
+
+Masks the input with the given character (e.g. `L'*'` for password fields).
+
+### `ui_textinput_enable_multiline`
+
+```c
+void ui_textinput_enable_multiline(ui_widget_t *widget, bool enable);
+```
+
+Enables or disables multiline input mode.
+
+### `ui_textinput_enable_style_tag`
+
+```c
+void ui_textinput_enable_style_tag(ui_widget_t *widget, bool enable);
+```
+
+Enables or disables inline style tag parsing in the input.
+
+### `ui_textinput_append_text_w`
+
+```c
+int ui_textinput_append_text_w(ui_widget_t *widget, const wchar_t *wstr);
+```
+
+Appends text at the end of the current content.
+
+### `ui_textinput_insert_text_w`
+
+```c
+int ui_textinput_insert_text_w(ui_widget_t *widget, const wchar_t *wstr);
+```
+
+Inserts text at the current caret position.
+
+### `ui_textinput_set_caret_blink`
+
+```c
+void ui_textinput_set_caret_blink(ui_widget_t *w, bool visible, int time);
+```
+
+Controls the caret blink animation. `time` is the blink interval in milliseconds.
+
+## XML tag
+
+```xml
+<textedit placeholder="..." style="width: 200px;" />
+```
+
+Attributes:
+
+| Attribute | Description |
+|---|---|
+| `placeholder` | Placeholder text |
+| `multiline` | `"true"` for multiline mode |
+| `readonly` | `"true"` to make the input read-only |
+| `type` | `"password"` to mask input |
+
diff --git a/docs/en/widgets/text.mdx b/docs/en/widgets/text.mdx
new file mode 100644
index 000000000..e425825c5
--- /dev/null
+++ b/docs/en/widgets/text.mdx
@@ -0,0 +1,78 @@
+# Text
+
+A widget for displaying text. Supports single-line and multiline modes, inline style tags, and CSS styling.
+
+<WidgetExample name="text-basic" />
+
+## Use cases
+
+- **Suitable** — static text display (titles, labels, descriptions).
+- **Not suitable** — editable text input (use `textinput`).
+
+## Usage
+
+```tsx
+import { Text } from "@lcui/react"
+```
+
+```tsx
+<Text>Hello</Text>
+```
+
+## API
+
+### `ui_text_set_content`
+
+```c
+int ui_text_set_content(ui_widget_t *w, const char *utf8_text);
+```
+
+Sets the text content from a UTF-8 string. Supports inline style tags.
+
+### `ui_text_set_content_w`
+
+```c
+int ui_text_set_content_w(ui_widget_t *w, const wchar_t *text);
+```
+
+Sets the text content from a wide character string.
+
+### `ui_text_get_content_w`
+
+```c
+size_t ui_text_get_content_w(ui_widget_t *w, wchar_t *buf, size_t size);
+```
+
+Reads the current text content into `buf` (up to `size` wide characters). Returns the number of characters written.
+
+### `ui_text_set_multiline`
+
+```c
+void ui_text_set_multiline(ui_widget_t *w, bool enable);
+```
+
+Enables or disables multiline mode. When enabled, `\n` characters create new lines.
+
+## XML tag
+
+```xml
+<text>Text content here</text>
+```
+
+Attributes:
+
+| Attribute | Description |
+|---|---|
+| `multiline` | Set to `"true"` to enable multiline mode |
+
+## Inline style tags
+
+The text widget supports a BBCode-like inline styling syntax:
+
+| Tag | Example | Effect |
+|---|---|---|
+| `[color=X]` | `[color=#ff0000]Red[/color]` | Text color |
+| `[b]` | `[b]Bold[/b]` | Bold font |
+| `[i]` | `[i]Italic[/i]` | Italic font |
+| `[size=X]` | `[size=20]Large[/size]` | Font size in px |
+
diff --git a/docs/examples/anchor-basic-tsx/example.tsx b/docs/examples/anchor-basic-tsx/example.tsx
new file mode 100644
index 000000000..f9dea4c00
--- /dev/null
+++ b/docs/examples/anchor-basic-tsx/example.tsx
@@ -0,0 +1,5 @@
+export default function App() {
+  return (
+    <a href="https://lcui.dev">LCUI Homepage</a>
+  );
+}
diff --git a/docs/examples/anchor-basic-tsx/main.c b/docs/examples/anchor-basic-tsx/main.c
new file mode 100644
index 000000000..d997ce1c9
--- /dev/null
+++ b/docs/examples/anchor-basic-tsx/main.c
@@ -0,0 +1,9 @@
+#include <LCUI.h>
+#include "example.h"
+
+int main(void)
+{
+        lcui_init();
+        example_load();
+        return lcui_main();
+}
diff --git a/docs/examples/anchor-basic-xml/main.c b/docs/examples/anchor-basic-xml/main.c
new file mode 100644
index 000000000..d8d8b6973
--- /dev/null
+++ b/docs/examples/anchor-basic-xml/main.c
@@ -0,0 +1,9 @@
+#include <LCUI.h>
+#include <ui_xml.h>
+
+int main(void)
+{
+        lcui_init();
+        ui_load_xml_file("ui.xml");
+        return lcui_main();
+}
diff --git a/docs/examples/anchor-basic-xml/ui.xml b/docs/examples/anchor-basic-xml/ui.xml
new file mode 100644
index 000000000..e43ee5af8
--- /dev/null
+++ b/docs/examples/anchor-basic-xml/ui.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<lcui-app>
+  <ui>
+    <a href="https://lcui.lc-soft.io">Open LCUI Homepage</a>
+  </ui>
+</lcui-app>
diff --git a/docs/examples/anchor-basic/main.c b/docs/examples/anchor-basic/main.c
new file mode 100644
index 000000000..db3acbd48
--- /dev/null
+++ b/docs/examples/anchor-basic/main.c
@@ -0,0 +1,11 @@
+#include <LCUI.h>
+
+void anchor_basic_init(ui_widget_t *parent)
+{
+        ui_widget_t *a;
+
+        a = ui_create_widget("a");
+        ui_text_set_content(a, "LCUI Homepage");
+        ui_widget_set_attr(a, "href", "https://lcui.dev");
+        ui_widget_append(parent, a);
+}
diff --git a/docs/examples/button-basic-tsx/example.tsx b/docs/examples/button-basic-tsx/example.tsx
new file mode 100644
index 000000000..40746a081
--- /dev/null
+++ b/docs/examples/button-basic-tsx/example.tsx
@@ -0,0 +1,5 @@
+import { Button } from "@lcui/react";
+
+export default function App() {
+  return <Button>Click me</Button>;
+}
diff --git a/docs/examples/button-basic-tsx/main.c b/docs/examples/button-basic-tsx/main.c
new file mode 100644
index 000000000..c508b339d
--- /dev/null
+++ b/docs/examples/button-basic-tsx/main.c
@@ -0,0 +1,11 @@
+#include <LCUI.h>
+
+/* example.tsx is compiled to example.h by @lcui/cli */
+#include "example.h"
+
+int main(void)
+{
+        lcui_init();
+        example_load();
+        return lcui_main();
+}
diff --git a/docs/examples/button-basic-xml/main.c b/docs/examples/button-basic-xml/main.c
new file mode 100644
index 000000000..d8d8b6973
--- /dev/null
+++ b/docs/examples/button-basic-xml/main.c
@@ -0,0 +1,9 @@
+#include <LCUI.h>
+#include <ui_xml.h>
+
+int main(void)
+{
+        lcui_init();
+        ui_load_xml_file("ui.xml");
+        return lcui_main();
+}
diff --git a/docs/examples/button-basic-xml/ui.xml b/docs/examples/button-basic-xml/ui.xml
new file mode 100644
index 000000000..9f94d1610
--- /dev/null
+++ b/docs/examples/button-basic-xml/ui.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<lcui-app>
+  <ui>
+    <button>Click me</button>
+  </ui>
+</lcui-app>
diff --git a/docs/examples/button-basic/main.c b/docs/examples/button-basic/main.c
new file mode 100644
index 000000000..4b66e3b2a
--- /dev/null
+++ b/docs/examples/button-basic/main.c
@@ -0,0 +1,10 @@
+#include <LCUI.h>
+
+void button_basic_init(ui_widget_t *parent)
+{
+        ui_widget_t *btn;
+
+        btn = ui_create_widget("button");
+        ui_button_set_text(btn, "Click me");
+        ui_widget_append(parent, btn);
+}
diff --git a/docs/examples/checkbox-basic-tsx/example.tsx b/docs/examples/checkbox-basic-tsx/example.tsx
new file mode 100644
index 000000000..e1d3bab5e
--- /dev/null
+++ b/docs/examples/checkbox-basic-tsx/example.tsx
@@ -0,0 +1,11 @@
+import { Checkbox } from "@lcui/react";
+import { Label } from "@lcui/react";
+
+export default function App() {
+  return (
+    <Widget className="flex gap-2">
+      <Checkbox id="terms" />
+      <Label for="terms">Accept terms and conditions</Label>
+    </Widget>
+  );
+}
\ No newline at end of file
diff --git a/docs/examples/checkbox-basic-tsx/main.c b/docs/examples/checkbox-basic-tsx/main.c
new file mode 100644
index 000000000..c508b339d
--- /dev/null
+++ b/docs/examples/checkbox-basic-tsx/main.c
@@ -0,0 +1,11 @@
+#include <LCUI.h>
+
+/* example.tsx is compiled to example.h by @lcui/cli */
+#include "example.h"
+
+int main(void)
+{
+        lcui_init();
+        example_load();
+        return lcui_main();
+}
diff --git a/docs/examples/checkbox-basic-xml/main.c b/docs/examples/checkbox-basic-xml/main.c
new file mode 100644
index 000000000..d8d8b6973
--- /dev/null
+++ b/docs/examples/checkbox-basic-xml/main.c
@@ -0,0 +1,9 @@
+#include <LCUI.h>
+#include <ui_xml.h>
+
+int main(void)
+{
+        lcui_init();
+        ui_load_xml_file("ui.xml");
+        return lcui_main();
+}
diff --git a/docs/examples/checkbox-basic-xml/ui.xml b/docs/examples/checkbox-basic-xml/ui.xml
new file mode 100644
index 000000000..59e41eb89
--- /dev/null
+++ b/docs/examples/checkbox-basic-xml/ui.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<lcui-app>
+  <ui>
+    <checkbox id="terms" />
+    <label for="terms">Accept terms and conditions</label>
+  </ui>
+</lcui-app>
\ No newline at end of file
diff --git a/docs/examples/checkbox-basic/main.c b/docs/examples/checkbox-basic/main.c
new file mode 100644
index 000000000..141317ecc
--- /dev/null
+++ b/docs/examples/checkbox-basic/main.c
@@ -0,0 +1,17 @@
+#include <LCUI.h>
+
+void checkbox_basic_init(ui_widget_t *parent)
+{
+        ui_widget_t *cb = ui_create_checkbox();
+        ui_widget_t *label = ui_create_label();
+        ui_widget_t *box = ui_create_widget(NULL);
+
+        ui_widget_set_id(cb, "terms");
+        ui_widget_append(box, cb);
+        ui_widget_set_style_string(box, "display", "flex");
+        ui_widget_set_style_string(box, "gap", "8px");
+        ui_label_set_for(label, "terms");
+        ui_text_set_content(label, "Accept terms and conditions");
+        ui_widget_append(box, label);
+        ui_widget_append(parent, box);
+}
diff --git a/docs/examples/checkbox-disabled-tsx/example.tsx b/docs/examples/checkbox-disabled-tsx/example.tsx
new file mode 100644
index 000000000..c61408621
--- /dev/null
+++ b/docs/examples/checkbox-disabled-tsx/example.tsx
@@ -0,0 +1,17 @@
+import { Checkbox } from "@lcui/react";
+import { Label } from "@lcui/react";
+
+export default function App() {
+  return (
+    <Widget className="flex flex-col gap-2">
+      <div className="flex items-center gap-2">
+        <Checkbox id="d1" disabled={true} checked={true} />
+        <Label for="d1">Disabled (pre-checked)</Label>
+      </div>
+      <div className="flex items-center gap-2">
+        <Checkbox id="d2" checked={true} />
+        <Label for="d2">Normal</Label>
+      </div>
+    </Widget>
+  );
+}
\ No newline at end of file
diff --git a/docs/examples/checkbox-disabled-tsx/main.c b/docs/examples/checkbox-disabled-tsx/main.c
new file mode 100644
index 000000000..c508b339d
--- /dev/null
+++ b/docs/examples/checkbox-disabled-tsx/main.c
@@ -0,0 +1,11 @@
+#include <LCUI.h>
+
+/* example.tsx is compiled to example.h by @lcui/cli */
+#include "example.h"
+
+int main(void)
+{
+        lcui_init();
+        example_load();
+        return lcui_main();
+}
diff --git a/docs/examples/checkbox-disabled-xml/main.c b/docs/examples/checkbox-disabled-xml/main.c
new file mode 100644
index 000000000..9f6a1e964
--- /dev/null
+++ b/docs/examples/checkbox-disabled-xml/main.c
@@ -0,0 +1,8 @@
+#include <LCUI.h>
+
+int main(void)
+{
+        lcui_init();
+        ui_load_xml_file("ui.xml");
+        return lcui_main();
+}
diff --git a/docs/examples/checkbox-disabled-xml/ui.xml b/docs/examples/checkbox-disabled-xml/ui.xml
new file mode 100644
index 000000000..98cee7cfe
--- /dev/null
+++ b/docs/examples/checkbox-disabled-xml/ui.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<lcui-app>
+  <ui>
+    <div style="display:flex; flex-direction:column; gap:8px">
+      <div style="display:flex; align-items:center; gap:8px">
+        <checkbox id="d1" disabled="true" checked="true" />
+        <label for="d1">Disabled (pre-checked)</label>
+      </div>
+      <div style="display:flex; align-items:center; gap:8px">
+        <checkbox id="d2" checked="true" />
+        <label for="d2">Normal</label>
+      </div>
+    </div>
+  </ui>
+</lcui-app>
\ No newline at end of file
diff --git a/docs/examples/checkbox-disabled/main.c b/docs/examples/checkbox-disabled/main.c
new file mode 100644
index 000000000..1865e1e2d
--- /dev/null
+++ b/docs/examples/checkbox-disabled/main.c
@@ -0,0 +1,40 @@
+#include <LCUI.h>
+
+void checkbox_disabled_init(ui_widget_t *parent)
+{
+        ui_widget_t *box;
+        ui_widget_t *rows[2];
+        ui_widget_t *boxes[2];
+        ui_widget_t *labels[2];
+        const char *ids[2] = { "d1", "d2" };
+        const char *texts[2] = { "Disabled (pre-checked)", "Normal" };
+        int i;
+
+        box = ui_create_widget(NULL);
+        ui_widget_set_style_string(box, "display", "flex");
+        ui_widget_set_style_string(box, "flex-direction", "column");
+        ui_widget_set_style_string(box, "gap", "8px");
+
+        for (i = 0; i < 2; ++i) {
+                rows[i] = ui_create_widget(NULL);
+                ui_widget_set_style_string(rows[i], "display", "flex");
+                ui_widget_set_style_string(rows[i], "align-items", "center");
+                ui_widget_set_style_string(rows[i], "gap", "8px");
+
+                boxes[i] = ui_create_checkbox();
+                ui_widget_set_id(boxes[i], ids[i]);
+                ui_widget_set_attr(boxes[i], "checked", "true");
+                if (i == 0) {
+                        ui_widget_set_disabled(boxes[i], true);
+                }
+                ui_widget_append(rows[i], boxes[i]);
+
+                labels[i] = ui_create_label();
+                ui_label_set_for(labels[i], ids[i]);
+                ui_text_set_content(labels[i], texts[i]);
+                ui_widget_append(rows[i], labels[i]);
+
+                ui_widget_append(box, rows[i]);
+        }
+        ui_widget_append(parent, box);
+}
diff --git a/docs/examples/label-basic-tsx/example.tsx b/docs/examples/label-basic-tsx/example.tsx
new file mode 100644
index 000000000..bfb657ae9
--- /dev/null
+++ b/docs/examples/label-basic-tsx/example.tsx
@@ -0,0 +1,10 @@
+import { Label, Checkbox } from "@lcui/react";
+
+export default function App() {
+  return (
+    <Widget className="flex gap-2">
+      <Checkbox id="terms" />
+      <Label for="terms">Accept terms and conditions</Label>
+    </Widget>
+  );
+}
\ No newline at end of file
diff --git a/docs/examples/label-basic-tsx/main.c b/docs/examples/label-basic-tsx/main.c
new file mode 100644
index 000000000..c508b339d
--- /dev/null
+++ b/docs/examples/label-basic-tsx/main.c
@@ -0,0 +1,11 @@
+#include <LCUI.h>
+
+/* example.tsx is compiled to example.h by @lcui/cli */
+#include "example.h"
+
+int main(void)
+{
+        lcui_init();
+        example_load();
+        return lcui_main();
+}
diff --git a/docs/examples/label-basic-xml/main.c b/docs/examples/label-basic-xml/main.c
new file mode 100644
index 000000000..d8d8b6973
--- /dev/null
+++ b/docs/examples/label-basic-xml/main.c
@@ -0,0 +1,9 @@
+#include <LCUI.h>
+#include <ui_xml.h>
+
+int main(void)
+{
+        lcui_init();
+        ui_load_xml_file("ui.xml");
+        return lcui_main();
+}
diff --git a/docs/examples/label-basic-xml/ui.xml b/docs/examples/label-basic-xml/ui.xml
new file mode 100644
index 000000000..59e41eb89
--- /dev/null
+++ b/docs/examples/label-basic-xml/ui.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<lcui-app>
+  <ui>
+    <checkbox id="terms" />
+    <label for="terms">Accept terms and conditions</label>
+  </ui>
+</lcui-app>
\ No newline at end of file
diff --git a/docs/examples/label-basic/main.c b/docs/examples/label-basic/main.c
new file mode 100644
index 000000000..af868339a
--- /dev/null
+++ b/docs/examples/label-basic/main.c
@@ -0,0 +1,17 @@
+#include <LCUI.h>
+
+void label_basic_init(ui_widget_t *parent)
+{
+        ui_widget_t *cb = ui_create_checkbox();
+        ui_widget_t *label = ui_create_label();
+        ui_widget_t *box = ui_create_widget(NULL);
+
+        ui_widget_set_id(cb, "terms");
+        ui_widget_append(box, cb);
+        ui_widget_set_style_string(box, "display", "flex");
+        ui_widget_set_style_string(box, "gap", "8px");
+        ui_label_set_for(label, "terms");
+        ui_text_set_content(label, "Accept terms and conditions");
+        ui_widget_append(box, label);
+        ui_widget_append(parent, box);
+}
diff --git a/docs/examples/progress-basic-tsx/example.c b/docs/examples/progress-basic-tsx/example.c
new file mode 100644
index 000000000..c6e5c18f5
--- /dev/null
+++ b/docs/examples/progress-basic-tsx/example.c
@@ -0,0 +1,58 @@
+#include "example.h"
+#include "example.tsx.h"
+
+typedef struct {
+        progress_demo_react_t base;
+        int timer_id;
+} progress_demo_t;
+
+static void on_timer(void *arg);
+
+static void progress_demo_react_init_state(ui_widget_t *w)
+{
+        progress_demo_t *_that = ui_widget_get_data(w, progress_demo_proto);
+        _that->state.value = 20;
+}
+
+static void on_timer(void *arg)
+{
+        ui_widget_t *w = arg;
+        progress_demo_t *_that = ui_widget_get_data(w, progress_demo_proto);
+
+        _that->state.value += 10;
+        if (_that->state.value > 80) {
+                if (_that->timer_id >= 0) {
+                        ptk_clear_timer(_that->timer_id);
+                        _that->timer_id = -1;
+                }
+                return;
+        }
+        progress_demo_react_update(w);
+}
+
+static void progress_demo_react_init(ui_widget_t *w)
+{
+        progress_demo_t *_that = ui_widget_get_data(w, progress_demo_proto);
+        progress_demo_load_template(w);
+        progress_demo_react_init_state(w);
+        _that->timer_id = ptk_set_interval(500, on_timer, w);
+        progress_demo_react_update(w);
+}
+
+static void progress_demo_init(ui_widget_t *w)
+{
+        progress_demo_t *_that =
+            ui_widget_add_data(w, root_page_proto, sizeof(root_page_t));
+
+        root_page_react_init(w);
+}
+
+static void progress_demo_destroy(ui_widget_t *w)
+{
+        progress_demo_t *_that = ui_widget_get_data(w, progress_demo_proto);
+        if (_that->timer_id >= 0) {
+                ptk_clear_timer(_that->timer_id);
+                _that->timer_id = -1;
+        }
+        progress_demo_react_update(w);
+}
diff --git a/docs/examples/progress-basic-tsx/example.tsx b/docs/examples/progress-basic-tsx/example.tsx
new file mode 100644
index 000000000..9e90aad02
--- /dev/null
+++ b/docs/examples/progress-basic-tsx/example.tsx
@@ -0,0 +1,6 @@
+import { Progress, useState, CType } from "@lcui/react";
+
+export default function ProgressDemo() {
+  const [value] = useState(20, CType.Int);
+  return <Progress value={value} />;
+}
diff --git a/docs/examples/progress-basic-tsx/main.c b/docs/examples/progress-basic-tsx/main.c
new file mode 100644
index 000000000..1d21be07d
--- /dev/null
+++ b/docs/examples/progress-basic-tsx/main.c
@@ -0,0 +1,9 @@
+#include <LCUI.h>
+#include "example.h"
+
+int main(void)
+{
+        lcui_init();
+        ui_root_append(ui_create_progress_demo());
+        return lcui_main();
+}
diff --git a/docs/examples/progress-basic-xml/main.c b/docs/examples/progress-basic-xml/main.c
new file mode 100644
index 000000000..9f6a1e964
--- /dev/null
+++ b/docs/examples/progress-basic-xml/main.c
@@ -0,0 +1,8 @@
+#include <LCUI.h>
+
+int main(void)
+{
+        lcui_init();
+        ui_load_xml_file("ui.xml");
+        return lcui_main();
+}
diff --git a/docs/examples/progress-basic-xml/ui.xml b/docs/examples/progress-basic-xml/ui.xml
new file mode 100644
index 000000000..4c04399b5
--- /dev/null
+++ b/docs/examples/progress-basic-xml/ui.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<lcui-app>
+  <ui>
+    <progress value="60" />
+  </ui>
+</lcui-app>
diff --git a/docs/examples/progress-basic/main.c b/docs/examples/progress-basic/main.c
new file mode 100644
index 000000000..afef036d4
--- /dev/null
+++ b/docs/examples/progress-basic/main.c
@@ -0,0 +1,37 @@
+#include <LCUI.h>
+
+static int timer_id = 0;
+static float progress_value = 20.0f;
+
+static void progress_basic_destroy(void);
+
+static void on_timer(void *arg)
+{
+        ui_widget_t *progress = arg;
+
+        progress_value += 10.0f;
+        if (progress_value > 80.0f) {
+                progress_basic_destroy();
+                return;
+        }
+        ui_progress_set_value(progress, progress_value);
+}
+
+void progress_basic_init(ui_widget_t *parent)
+{
+        ui_widget_t *progress;
+
+        progress = ui_create_progress();
+        ui_progress_set_value(progress, progress_value);
+        ui_widget_append(parent, progress);
+        timer_id = ptk_set_interval(500, on_timer, progress);
+        progress_value = 20.0f;
+}
+
+void progress_basic_destroy(void)
+{
+        if (timer_id) {
+                ptk_clear_timer(timer_id);
+                timer_id = 0;
+        }
+}
diff --git a/docs/examples/radio-group-basic-tsx/example.tsx b/docs/examples/radio-group-basic-tsx/example.tsx
new file mode 100644
index 000000000..fa8215fd2
--- /dev/null
+++ b/docs/examples/radio-group-basic-tsx/example.tsx
@@ -0,0 +1,21 @@
+import { RadioGroup, RadioGroupItem } from "@lcui/react";
+import { Label } from "@lcui/react";
+
+export default function App() {
+  return (
+    <RadioGroup value="comfortable">
+      <div className="flex items-center gap-3">
+        <RadioGroupItem value="default" id="r1" />
+        <Label for="r1">Default</Label>
+      </div>
+      <div className="flex items-center gap-3">
+        <RadioGroupItem value="comfortable" id="r2" checked={true} />
+        <Label for="r2">Comfortable</Label>
+      </div>
+      <div className="flex items-center gap-3">
+        <RadioGroupItem value="compact" id="r3" />
+        <Label for="r3">Compact</Label>
+      </div>
+    </RadioGroup>
+  );
+}
\ No newline at end of file
diff --git a/docs/examples/radio-group-basic-tsx/main.c b/docs/examples/radio-group-basic-tsx/main.c
new file mode 100644
index 000000000..c508b339d
--- /dev/null
+++ b/docs/examples/radio-group-basic-tsx/main.c
@@ -0,0 +1,11 @@
+#include <LCUI.h>
+
+/* example.tsx is compiled to example.h by @lcui/cli */
+#include "example.h"
+
+int main(void)
+{
+        lcui_init();
+        example_load();
+        return lcui_main();
+}
diff --git a/docs/examples/radio-group-basic-xml/main.c b/docs/examples/radio-group-basic-xml/main.c
new file mode 100644
index 000000000..9f6a1e964
--- /dev/null
+++ b/docs/examples/radio-group-basic-xml/main.c
@@ -0,0 +1,8 @@
+#include <LCUI.h>
+
+int main(void)
+{
+        lcui_init();
+        ui_load_xml_file("ui.xml");
+        return lcui_main();
+}
diff --git a/docs/examples/radio-group-basic-xml/ui.xml b/docs/examples/radio-group-basic-xml/ui.xml
new file mode 100644
index 000000000..6c30734db
--- /dev/null
+++ b/docs/examples/radio-group-basic-xml/ui.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<lcui-app>
+  <ui>
+    <radio-group value="comfortable">
+      <div style="display:flex; align-items:center; gap:8px">
+        <radio-group-item id="r1" value="default" />
+        <label for="r1">Default</label>
+      </div>
+      <div style="display:flex; align-items:center; gap:8px">
+        <radio-group-item id="r2" value="comfortable" checked="true" />
+        <label for="r2">Comfortable</label>
+      </div>
+      <div style="display:flex; align-items:center; gap:8px">
+        <radio-group-item id="r3" value="compact" />
+        <label for="r3">Compact</label>
+      </div>
+    </radio-group>
+  </ui>
+</lcui-app>
\ No newline at end of file
diff --git a/docs/examples/radio-group-basic/main.c b/docs/examples/radio-group-basic/main.c
new file mode 100644
index 000000000..76ccba78b
--- /dev/null
+++ b/docs/examples/radio-group-basic/main.c
@@ -0,0 +1,39 @@
+#include <LCUI.h>
+
+void radio_group_basic_init(ui_widget_t *parent)
+{
+        ui_widget_t *group;
+        ui_widget_t *rows[3];
+        ui_widget_t *items[3];
+        ui_widget_t *labels[3];
+        const char *ids[3] = { "r1", "r2", "r3" };
+        const char *values[3] = { "default", "comfortable", "compact" };
+        const char *texts[3] = { "Default", "Comfortable", "Compact" };
+        int i;
+
+        group = ui_create_radio_group();
+        ui_widget_set_attr(group, "value", "comfortable");
+
+        for (i = 0; i < 3; ++i) {
+                rows[i] = ui_create_widget(NULL);
+                ui_widget_set_style_string(rows[i], "display", "flex");
+                ui_widget_set_style_string(rows[i], "align-items", "center");
+                ui_widget_set_style_string(rows[i], "gap", "8px");
+
+                items[i] = ui_create_radio_group_item();
+                ui_widget_set_id(items[i], ids[i]);
+                ui_widget_set_attr(items[i], "value", values[i]);
+                if (i == 1) {
+                        ui_widget_set_attr(items[i], "checked", "true");
+                }
+                ui_widget_append(rows[i], items[i]);
+
+                labels[i] = ui_create_label();
+                ui_label_set_for(labels[i], ids[i]);
+                ui_text_set_content(labels[i], texts[i]);
+                ui_widget_append(rows[i], labels[i]);
+
+                ui_widget_append(group, rows[i]);
+        }
+        ui_widget_append(parent, group);
+}
diff --git a/docs/examples/radio-group-disabled-tsx/example.tsx b/docs/examples/radio-group-disabled-tsx/example.tsx
new file mode 100644
index 000000000..8e9dac19e
--- /dev/null
+++ b/docs/examples/radio-group-disabled-tsx/example.tsx
@@ -0,0 +1,21 @@
+import { RadioGroup, RadioGroupItem } from "@lcui/react";
+import { Label } from "@lcui/react";
+
+export default function App() {
+  return (
+    <RadioGroup value="option2">
+      <div className="flex items-center gap-3">
+        <RadioGroupItem value="disabled" id="rd1" disabled={true} />
+        <Label for="rd1">Disabled</Label>
+      </div>
+      <div className="flex items-center gap-3">
+        <RadioGroupItem value="option2" id="rd2" checked={true} />
+        <Label for="rd2">Option 2</Label>
+      </div>
+      <div className="flex items-center gap-3">
+        <RadioGroupItem value="option3" id="rd3" />
+        <Label for="rd3">Option 3</Label>
+      </div>
+    </RadioGroup>
+  );
+}
\ No newline at end of file
diff --git a/docs/examples/radio-group-disabled-tsx/main.c b/docs/examples/radio-group-disabled-tsx/main.c
new file mode 100644
index 000000000..c508b339d
--- /dev/null
+++ b/docs/examples/radio-group-disabled-tsx/main.c
@@ -0,0 +1,11 @@
+#include <LCUI.h>
+
+/* example.tsx is compiled to example.h by @lcui/cli */
+#include "example.h"
+
+int main(void)
+{
+        lcui_init();
+        example_load();
+        return lcui_main();
+}
diff --git a/docs/examples/radio-group-disabled-xml/main.c b/docs/examples/radio-group-disabled-xml/main.c
new file mode 100644
index 000000000..9f6a1e964
--- /dev/null
+++ b/docs/examples/radio-group-disabled-xml/main.c
@@ -0,0 +1,8 @@
+#include <LCUI.h>
+
+int main(void)
+{
+        lcui_init();
+        ui_load_xml_file("ui.xml");
+        return lcui_main();
+}
diff --git a/docs/examples/radio-group-disabled-xml/ui.xml b/docs/examples/radio-group-disabled-xml/ui.xml
new file mode 100644
index 000000000..0764b8c6a
--- /dev/null
+++ b/docs/examples/radio-group-disabled-xml/ui.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<lcui-app>
+  <ui>
+    <radio-group value="option2">
+      <div style="display:flex; align-items:center; gap:8px">
+        <radio-group-item id="rd1" value="disabled" disabled="true" />
+        <label for="rd1">Disabled</label>
+      </div>
+      <div style="display:flex; align-items:center; gap:8px">
+        <radio-group-item id="rd2" value="option2" checked="true" />
+        <label for="rd2">Option 2</label>
+      </div>
+      <div style="display:flex; align-items:center; gap:8px">
+        <radio-group-item id="rd3" value="option3" />
+        <label for="rd3">Option 3</label>
+      </div>
+    </radio-group>
+  </ui>
+</lcui-app>
\ No newline at end of file
diff --git a/docs/examples/radio-group-disabled/main.c b/docs/examples/radio-group-disabled/main.c
new file mode 100644
index 000000000..514358d4b
--- /dev/null
+++ b/docs/examples/radio-group-disabled/main.c
@@ -0,0 +1,42 @@
+#include <LCUI.h>
+
+void radio_group_disabled_init(ui_widget_t *parent)
+{
+        ui_widget_t *group;
+        ui_widget_t *rows[3];
+        ui_widget_t *items[3];
+        ui_widget_t *labels[3];
+        const char *ids[3] = { "rd1", "rd2", "rd3" };
+        const char *values[3] = { "disabled", "option2", "option3" };
+        const char *texts[3] = { "Disabled", "Option 2", "Option 3" };
+        int i;
+
+        group = ui_create_radio_group();
+        ui_widget_set_attr(group, "value", "option2");
+
+        for (i = 0; i < 3; ++i) {
+                rows[i] = ui_create_widget(NULL);
+                ui_widget_set_style_string(rows[i], "display", "flex");
+                ui_widget_set_style_string(rows[i], "align-items", "center");
+                ui_widget_set_style_string(rows[i], "gap", "8px");
+
+                items[i] = ui_create_radio_group_item();
+                ui_widget_set_id(items[i], ids[i]);
+                ui_widget_set_attr(items[i], "value", values[i]);
+                if (i == 0) {
+                        ui_widget_set_disabled(items[i], true);
+                }
+                if (i == 1) {
+                        ui_widget_set_attr(items[i], "checked", "true");
+                }
+                ui_widget_append(rows[i], items[i]);
+
+                labels[i] = ui_create_label();
+                ui_label_set_for(labels[i], ids[i]);
+                ui_text_set_content(labels[i], texts[i]);
+                ui_widget_append(rows[i], labels[i]);
+
+                ui_widget_append(group, rows[i]);
+        }
+        ui_widget_append(parent, group);
+}
diff --git a/docs/examples/scrollarea-basic-tsx/example.css b/docs/examples/scrollarea-basic-tsx/example.css
new file mode 100644
index 000000000..8bd14e40e
--- /dev/null
+++ b/docs/examples/scrollarea-basic-tsx/example.css
@@ -0,0 +1,5 @@
+.demo-scrollarea {
+  width: 300px;
+  height: 200px;
+  border: 1px solid #d0d7de;
+}
diff --git a/docs/examples/scrollarea-basic-tsx/example.tsx b/docs/examples/scrollarea-basic-tsx/example.tsx
new file mode 100644
index 000000000..104217e18
--- /dev/null
+++ b/docs/examples/scrollarea-basic-tsx/example.tsx
@@ -0,0 +1,20 @@
+import { ScrollArea, ScrollAreaContent, Scrollbar, Text } from "@lcui/react";
+import "./example.css";
+
+const content = `这是一段用于演示滚动区域功能的示例文本。
+当文本内容超出容器高度时，用户可以通过滚动条来查看其余内容。
+滚动区域适合阅读长篇文章、展示数据列表。
+在实际项目中，滚动区域的尺寸通常由其父布局决定，开发者只需关注内容本身。
+滚动区域可以嵌套使用，构建复杂的多层滚动界面。
+合理配置滚动方向和样式，可以让界面更加整洁且易于使用。`;
+
+export default function App() {
+  return (
+    <ScrollArea className="demo-scrollarea">
+      <ScrollAreaContent>
+        <Text>{content}</Text>
+      </ScrollAreaContent>
+      <Scrollbar />
+    </ScrollArea>
+  );
+}
diff --git a/docs/examples/scrollarea-basic-tsx/main.c b/docs/examples/scrollarea-basic-tsx/main.c
new file mode 100644
index 000000000..d997ce1c9
--- /dev/null
+++ b/docs/examples/scrollarea-basic-tsx/main.c
@@ -0,0 +1,9 @@
+#include <LCUI.h>
+#include "example.h"
+
+int main(void)
+{
+        lcui_init();
+        example_load();
+        return lcui_main();
+}
diff --git a/docs/examples/scrollarea-basic-xml/main.c b/docs/examples/scrollarea-basic-xml/main.c
new file mode 100644
index 000000000..d8d8b6973
--- /dev/null
+++ b/docs/examples/scrollarea-basic-xml/main.c
@@ -0,0 +1,9 @@
+#include <LCUI.h>
+#include <ui_xml.h>
+
+int main(void)
+{
+        lcui_init();
+        ui_load_xml_file("ui.xml");
+        return lcui_main();
+}
diff --git a/docs/examples/scrollarea-basic-xml/ui.xml b/docs/examples/scrollarea-basic-xml/ui.xml
new file mode 100644
index 000000000..8e48239cb
--- /dev/null
+++ b/docs/examples/scrollarea-basic-xml/ui.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<lcui-app>
+  <ui>
+    <scrollarea style="width: 300px; height: 200px;">
+      <text>Item 1</text>
+      <text>Item 2</text>
+      <text>Item 3</text>
+      <text>Item 4</text>
+      <text>Item 5</text>
+      <text>Item 6</text>
+      <text>Item 7</text>
+      <text>Item 8</text>
+      <text>Item 9</text>
+      <text>Item 10</text>
+    </scrollarea>
+  </ui>
+</lcui-app>
diff --git a/docs/examples/scrollarea-basic/main.c b/docs/examples/scrollarea-basic/main.c
new file mode 100644
index 000000000..1ea7dd1ce
--- /dev/null
+++ b/docs/examples/scrollarea-basic/main.c
@@ -0,0 +1,30 @@
+#include <LCUI.h>
+
+void scrollarea_basic_init(ui_widget_t *parent)
+{
+        ui_widget_t *scroll, *content, *vbar, *text;
+
+        scroll = ui_create_scrollarea();
+        ui_widget_set_style_string(scroll, "width", "300px");
+        ui_widget_set_style_string(scroll, "height", "200px");
+        ui_widget_set_style_string(scroll, "border", "1px solid #d0d7de");
+
+        content = ui_create_scrollarea_content();
+        text = ui_create_widget("text");
+        ui_text_set_content_w(
+            text,
+            L"这是一段用于演示滚动区域功能的示例文本。\n"
+            L"当文本内容超出容器高度时，用户可以通过滚动条来查看其余内容。\n"
+            L"滚动区域适合阅读长篇文章、展示数据列表。\n"
+            L"在实际项目中，滚动区域的尺寸通常由其父布局决定，"
+            L"开发者只需关注内容本身。\n"
+            L"滚动区域可以嵌套使用，构建复杂的多层滚动界面。\n"
+            L"合理配置滚动方向和样式，可以让界面更加整洁且易于使用。");
+        ui_widget_append(content, text);
+
+        vbar = ui_create_widget("scrollbar");
+
+        ui_widget_append(scroll, content);
+        ui_widget_append(scroll, vbar);
+        ui_widget_append(parent, scroll);
+}
diff --git a/docs/examples/scrollarea-dual-scrollbars-tsx/example.css b/docs/examples/scrollarea-dual-scrollbars-tsx/example.css
new file mode 100644
index 000000000..39d567802
--- /dev/null
+++ b/docs/examples/scrollarea-dual-scrollbars-tsx/example.css
@@ -0,0 +1,23 @@
+.demo-scrollarea {
+  width: 400px;
+  height: 300px;
+  border: 1px solid #d0d7de;
+}
+
+.demo-grid {
+  display: flex;
+  flex-wrap: wrap;
+  width: 1088px;
+  height: 1088px;
+  gap: 8px;
+  padding: 8px;
+}
+
+.demo-cell {
+  width: 100px;
+  height: 100px;
+  background: #e1e5e9;
+  border: 1px solid #b0b8c0;
+  text-align: center;
+  line-height: 100px;
+}
diff --git a/docs/examples/scrollarea-dual-scrollbars-tsx/example.tsx b/docs/examples/scrollarea-dual-scrollbars-tsx/example.tsx
new file mode 100644
index 000000000..814fa7dcd
--- /dev/null
+++ b/docs/examples/scrollarea-dual-scrollbars-tsx/example.tsx
@@ -0,0 +1,18 @@
+import { ScrollArea, ScrollAreaContent, Scrollbar, Text } from "@lcui/react";
+import "./example.css";
+
+export default function App() {
+  return (
+    <ScrollArea className="demo-scrollarea">
+      <ScrollAreaContent className="demo-grid">
+        {Array.from({ length: 100 }, (_, i) => (
+          <Text key={i} className="demo-cell">
+            {i + 1}
+          </Text>
+        ))}
+      </ScrollAreaContent>
+      <Scrollbar orientation="horizontal" />
+      <Scrollbar />
+    </ScrollArea>
+  );
+}
diff --git a/docs/examples/scrollarea-dual-scrollbars-tsx/main.c b/docs/examples/scrollarea-dual-scrollbars-tsx/main.c
new file mode 100644
index 000000000..d997ce1c9
--- /dev/null
+++ b/docs/examples/scrollarea-dual-scrollbars-tsx/main.c
@@ -0,0 +1,9 @@
+#include <LCUI.h>
+#include "example.h"
+
+int main(void)
+{
+        lcui_init();
+        example_load();
+        return lcui_main();
+}
diff --git a/docs/examples/scrollarea-dual-scrollbars-xml/main.c b/docs/examples/scrollarea-dual-scrollbars-xml/main.c
new file mode 100644
index 000000000..d8d8b6973
--- /dev/null
+++ b/docs/examples/scrollarea-dual-scrollbars-xml/main.c
@@ -0,0 +1,9 @@
+#include <LCUI.h>
+#include <ui_xml.h>
+
+int main(void)
+{
+        lcui_init();
+        ui_load_xml_file("ui.xml");
+        return lcui_main();
+}
diff --git a/docs/examples/scrollarea-dual-scrollbars-xml/ui.xml b/docs/examples/scrollarea-dual-scrollbars-xml/ui.xml
new file mode 100644
index 000000000..e401a4bb5
--- /dev/null
+++ b/docs/examples/scrollarea-dual-scrollbars-xml/ui.xml
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<lcui-app>
+  <style>
+    .demo-scrollarea {
+        width: 400px;
+        height: 300px;
+        border: 1px solid #d0d7de;
+    }
+    .demo-grid {
+        display: flex;
+        flex-wrap: wrap;
+        width: 1088px;
+        height: 1088px;
+        gap: 8px;
+        padding: 8px;
+    }
+    .demo-cell {
+        width: 100px;
+        height: 100px;
+        background: #e1e5e9;
+        border: 1px solid #b0b8c0;
+        text-align: center;
+        line-height: 100px;
+    }
+  </style>
+  <ui>
+    <scrollarea class="demo-scrollarea">
+      <scrollarea-content class="demo-grid">
+        <text class="demo-cell">1</text>
+        <text class="demo-cell">2</text>
+        <text class="demo-cell">3</text>
+        <text class="demo-cell">4</text>
+        <text class="demo-cell">5</text>
+        <text class="demo-cell">6</text>
+        <text class="demo-cell">7</text>
+        <text class="demo-cell">8</text>
+        <text class="demo-cell">9</text>
+        <text class="demo-cell">10</text>
+      </scrollarea-content>
+      <scrollbar orientation="horizontal" />
+      <scrollbar />
+    </scrollarea>
+  </ui>
+</lcui-app>
diff --git a/docs/examples/scrollarea-dual-scrollbars/main.c b/docs/examples/scrollarea-dual-scrollbars/main.c
new file mode 100644
index 000000000..4bd333d18
--- /dev/null
+++ b/docs/examples/scrollarea-dual-scrollbars/main.c
@@ -0,0 +1,44 @@
+#include <stdio.h>
+#include <LCUI.h>
+
+void scrollarea_dual_scrollbars_init(ui_widget_t *parent)
+{
+        int i;
+        char buf[8];
+        ui_widget_t *area, *content, *hbar, *vbar, *box;
+
+        area = ui_create_scrollarea();
+        ui_widget_set_style_string(area, "width", "420px");
+        ui_widget_set_style_string(area, "height", "300px");
+        ui_widget_set_style_string(area, "border", "1px solid #d0d7de");
+
+        content = ui_create_scrollarea_content();
+        ui_widget_set_style_string(content, "display", "flex");
+        ui_widget_set_style_string(content, "flex-wrap", "wrap");
+        ui_widget_set_style_string(content, "width", "1088px");
+        ui_widget_set_style_string(content, "height", "1088px");
+        ui_widget_set_style_string(content, "gap", "8px");
+        ui_widget_set_style_string(content, "padding", "8px");
+
+        for (i = 0; i < 100; ++i) {
+                snprintf(buf, sizeof(buf), "%d", i + 1);
+                box = ui_create_widget("text");
+                ui_text_set_content(box, buf);
+                ui_widget_set_style_string(box, "width", "100px");
+                ui_widget_set_style_string(box, "height", "100px");
+                ui_widget_set_style_string(box, "background", "#e1e5e9");
+                ui_widget_set_style_string(box, "border", "1px solid #b0b8c0");
+                ui_widget_set_style_string(box, "text-align", "center");
+                ui_widget_set_style_string(box, "line-height", "100px");
+                ui_widget_append(content, box);
+        }
+
+        hbar = ui_create_widget("scrollbar");
+        ui_widget_set_attr(hbar, "orientation", "horizontal");
+        vbar = ui_create_widget("scrollbar");
+
+        ui_widget_append(area, content);
+        ui_widget_append(area, hbar);
+        ui_widget_append(area, vbar);
+        ui_widget_append(parent, area);
+}
diff --git a/docs/examples/text-basic-tsx/example.tsx b/docs/examples/text-basic-tsx/example.tsx
new file mode 100644
index 000000000..46f4fec31
--- /dev/null
+++ b/docs/examples/text-basic-tsx/example.tsx
@@ -0,0 +1,5 @@
+import { Text } from "@lcui/react";
+
+export default function App() {
+  return <Text>Hello, LCUI!</Text>;
+}
diff --git a/docs/examples/text-basic-tsx/main.c b/docs/examples/text-basic-tsx/main.c
new file mode 100644
index 000000000..d997ce1c9
--- /dev/null
+++ b/docs/examples/text-basic-tsx/main.c
@@ -0,0 +1,9 @@
+#include <LCUI.h>
+#include "example.h"
+
+int main(void)
+{
+        lcui_init();
+        example_load();
+        return lcui_main();
+}
diff --git a/docs/examples/text-basic-xml/main.c b/docs/examples/text-basic-xml/main.c
new file mode 100644
index 000000000..d8d8b6973
--- /dev/null
+++ b/docs/examples/text-basic-xml/main.c
@@ -0,0 +1,9 @@
+#include <LCUI.h>
+#include <ui_xml.h>
+
+int main(void)
+{
+        lcui_init();
+        ui_load_xml_file("ui.xml");
+        return lcui_main();
+}
diff --git a/docs/examples/text-basic-xml/ui.xml b/docs/examples/text-basic-xml/ui.xml
new file mode 100644
index 000000000..0be3c58ba
--- /dev/null
+++ b/docs/examples/text-basic-xml/ui.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<lcui-app>
+  <ui>
+    <text>Hello, LCUI!</text>
+  </ui>
+</lcui-app>
diff --git a/docs/examples/text-basic/main.c b/docs/examples/text-basic/main.c
new file mode 100644
index 000000000..908236c26
--- /dev/null
+++ b/docs/examples/text-basic/main.c
@@ -0,0 +1,10 @@
+#include <LCUI.h>
+
+void text_basic_init(ui_widget_t *parent)
+{
+        ui_widget_t *w;
+
+        w = ui_create_widget("text");
+        ui_text_set_content(w, "Hello, LCUI!");
+        ui_widget_append(parent, w);
+}
diff --git a/docs/examples/text-input-basic-tsx/example.tsx b/docs/examples/text-input-basic-tsx/example.tsx
new file mode 100644
index 000000000..c2d23dae2
--- /dev/null
+++ b/docs/examples/text-input-basic-tsx/example.tsx
@@ -0,0 +1,5 @@
+import { TextInput } from "@lcui/react";
+
+export default function App() {
+  return <TextInput placeholder="请输入..." />;
+}
diff --git a/docs/examples/text-input-basic-tsx/main.c b/docs/examples/text-input-basic-tsx/main.c
new file mode 100644
index 000000000..d997ce1c9
--- /dev/null
+++ b/docs/examples/text-input-basic-tsx/main.c
@@ -0,0 +1,9 @@
+#include <LCUI.h>
+#include "example.h"
+
+int main(void)
+{
+        lcui_init();
+        example_load();
+        return lcui_main();
+}
diff --git a/docs/examples/text-input-basic-xml/main.c b/docs/examples/text-input-basic-xml/main.c
new file mode 100644
index 000000000..d8d8b6973
--- /dev/null
+++ b/docs/examples/text-input-basic-xml/main.c
@@ -0,0 +1,9 @@
+#include <LCUI.h>
+#include <ui_xml.h>
+
+int main(void)
+{
+        lcui_init();
+        ui_load_xml_file("ui.xml");
+        return lcui_main();
+}
diff --git a/docs/examples/text-input-basic-xml/ui.xml b/docs/examples/text-input-basic-xml/ui.xml
new file mode 100644
index 000000000..f3362eeb9
--- /dev/null
+++ b/docs/examples/text-input-basic-xml/ui.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<lcui-app>
+  <ui>
+    <textedit style="width: 200px;" />
+  </ui>
+</lcui-app>
diff --git a/docs/examples/text-input-basic/main.c b/docs/examples/text-input-basic/main.c
new file mode 100644
index 000000000..7dc14f0a4
--- /dev/null
+++ b/docs/examples/text-input-basic/main.c
@@ -0,0 +1,10 @@
+#include <LCUI.h>
+
+void text_input_basic_init(ui_widget_t *parent)
+{
+        ui_widget_t *w;
+
+        w = ui_create_widget("textinput");
+        ui_textinput_set_placeholder(w, u8"请输入...");
+        ui_widget_append(parent, w);
+}
diff --git a/docs/sidebars.json b/docs/sidebars.json
new file mode 100644
index 000000000..ec7632de9
--- /dev/null
+++ b/docs/sidebars.json
@@ -0,0 +1,46 @@
+{
+  "sidebar": [
+    {
+      "slug": "overview",
+      "label": { "en": "Overview", "zh-CN": "概述" },
+      "items": [
+        { "slug": "quick-start", "label": { "en": "Quick Start", "zh-CN": "快速开始" } },
+        { "slug": "about", "label": { "en": "About", "zh-CN": "关于" } }
+      ]
+    },
+    {
+      "slug": "handbook",
+      "label": { "en": "Handbook", "zh-CN": "手册" },
+      "items": [
+        { "slug": "styling", "label": { "en": "Styling", "zh-CN": "样式" } },
+        { "slug": "customization", "label": { "en": "Customization", "zh-CN": "自定义" } }
+      ]
+    },
+    {
+      "slug": "devtools",
+      "label": { "en": "Dev Tools", "zh-CN": "开发工具" },
+      "items": [
+        { "slug": "tsx-and-dev-tools", "label": { "en": "TSX & @lcui/cli", "zh-CN": "TSX 与 @lcui/cli" } },
+        { "slug": "css-modules", "label": { "en": "CSS Modules", "zh-CN": "CSS Modules" } },
+        { "slug": "tailwind-css", "label": { "en": "Tailwind CSS", "zh-CN": "Tailwind CSS" } },
+        { "slug": "sass", "label": { "en": "Sass", "zh-CN": "Sass" } },
+        { "slug": "icon-library", "label": { "en": "Icon Library", "zh-CN": "图标库" } }
+      ]
+    },
+    {
+      "slug": "widgets",
+      "label": { "en": "Widgets", "zh-CN": "组件" },
+      "items": [
+        { "slug": "anchor", "label": { "en": "Anchor", "zh-CN": "Anchor 锚点" } },
+        { "slug": "button", "label": { "en": "Button", "zh-CN": "Button 按钮" } },
+        { "slug": "checkbox", "label": { "en": "Checkbox", "zh-CN": "Checkbox 复选框" } },
+        { "slug": "label", "label": { "en": "Label", "zh-CN": "Label 标签" } },
+        { "slug": "progress", "label": { "en": "Progress", "zh-CN": "Progress 进度条" } },
+        { "slug": "radio-group", "label": { "en": "RadioGroup", "zh-CN": "RadioGroup 单选组" } },
+        { "slug": "scrollarea", "label": { "en": "ScrollArea", "zh-CN": "ScrollArea 滚动区域" } },
+        { "slug": "text", "label": { "en": "Text", "zh-CN": "Text 文本" } },
+        { "slug": "text-input", "label": { "en": "TextInput", "zh-CN": "TextInput 文本输入" } }
+      ]
+    }
+  ]
+}
diff --git a/docs/widget-fields/anchor.ts b/docs/widget-fields/anchor.ts
new file mode 100644
index 000000000..0e7682e80
--- /dev/null
+++ b/docs/widget-fields/anchor.ts
@@ -0,0 +1,14 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const anchorFields: FieldData[] = [
+  ...widgetFields,
+  {
+    name: "href",
+    type: "string",
+    default: "-",
+    description: {
+      en: "The URL the link points to.",
+      "zh-CN": "链接的目标 URL。",
+    },
+  },
+];
diff --git a/docs/widget-fields/button.ts b/docs/widget-fields/button.ts
new file mode 100644
index 000000000..7f38e7aaf
--- /dev/null
+++ b/docs/widget-fields/button.ts
@@ -0,0 +1,14 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const buttonFields: FieldData[] = [
+  ...widgetFields,
+  {
+    name: "disabled",
+    type: "string",
+    default: "-",
+    description: {
+      en: "Disables the button when set to \"true\".",
+      "zh-CN": "值为 \"true\" 时禁用按钮。",
+    },
+  },
+];
diff --git a/docs/widget-fields/checkbox.ts b/docs/widget-fields/checkbox.ts
new file mode 100644
index 000000000..97633accd
--- /dev/null
+++ b/docs/widget-fields/checkbox.ts
@@ -0,0 +1,23 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const checkboxFields: FieldData[] = [
+  ...widgetFields,
+  {
+    name: "checked",
+    type: "boolean",
+    default: "false",
+    description: {
+      en: "Whether the checkbox is in the checked state.",
+      "zh-CN": "checkbox 是否处于勾选状态。",
+    },
+  },
+  {
+    name: "indeterminate",
+    type: "boolean",
+    default: "false",
+    description: {
+      en: "Whether the checkbox is in the indeterminate (mixed) state. A click transitions it to the checked state.",
+      "zh-CN": "checkbox 是否处于半选状态。点击会转为已选状态。",
+    },
+  },
+];
\ No newline at end of file
diff --git a/docs/widget-fields/label.ts b/docs/widget-fields/label.ts
new file mode 100644
index 000000000..c46221b2d
--- /dev/null
+++ b/docs/widget-fields/label.ts
@@ -0,0 +1,14 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const labelFields: FieldData[] = [
+  ...widgetFields,
+  {
+    name: "for",
+    type: "string",
+    default: "-",
+    description: {
+      en: "ID of the target widget that this label is associated with. Clicks on the label forward a click event to the target.",
+      "zh-CN": "标签关联的目标部件 ID。点击标签时会把 click 事件转发给目标。",
+    },
+  },
+];
\ No newline at end of file
diff --git a/docs/widget-fields/progress.ts b/docs/widget-fields/progress.ts
new file mode 100644
index 000000000..4e878ee81
--- /dev/null
+++ b/docs/widget-fields/progress.ts
@@ -0,0 +1,14 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const progressFields: FieldData[] = [
+  ...widgetFields,
+  {
+    name: "value",
+    type: "number",
+    default: "0",
+    description: {
+      en: "Current progress value in the range 0~100. Values outside the range are clamped.",
+      "zh-CN": "当前进度值，取值范围 0~100。超出范围的值会被截断。",
+    },
+  },
+];
\ No newline at end of file
diff --git a/docs/widget-fields/radio-group-item.ts b/docs/widget-fields/radio-group-item.ts
new file mode 100644
index 000000000..f27bd7e5e
--- /dev/null
+++ b/docs/widget-fields/radio-group-item.ts
@@ -0,0 +1,23 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const radioGroupItemFields: FieldData[] = [
+  ...widgetFields,
+  {
+    name: "value",
+    type: "string",
+    default: "",
+    description: {
+      en: "The value submitted when this item is selected. Must be unique within the same RadioGroup.",
+      "zh-CN": "选中本项时提交的值。同一 RadioGroup 内各 item 的 value 必须唯一。",
+    },
+  },
+  {
+    name: "checked",
+    type: "boolean",
+    default: "false",
+    description: {
+      en: "Whether this item is in the selected state. Driven by the parent RadioGroup's value; you usually don't set this directly.",
+      "zh-CN": "本项是否处于选中状态。由父 RadioGroup 的 value 推导，一般不直接设置。",
+    },
+  },
+];
\ No newline at end of file
diff --git a/docs/widget-fields/radio-group.ts b/docs/widget-fields/radio-group.ts
new file mode 100644
index 000000000..3c0186114
--- /dev/null
+++ b/docs/widget-fields/radio-group.ts
@@ -0,0 +1,14 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const radioGroupFields: FieldData[] = [
+  ...widgetFields,
+  {
+    name: "value",
+    type: "string",
+    default: "",
+    description: {
+      en: "Currently selected item value. Items whose value attribute matches are shown as selected.",
+      "zh-CN": "当前选中项的值。值匹配项的 value 属性的 item 会显示为选中状态。",
+    },
+  },
+];
\ No newline at end of file
diff --git a/docs/widget-fields/scrollarea-content.ts b/docs/widget-fields/scrollarea-content.ts
new file mode 100644
index 000000000..32aed3890
--- /dev/null
+++ b/docs/widget-fields/scrollarea-content.ts
@@ -0,0 +1,3 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const scrollareaContentFields: FieldData[] = [...widgetFields];
diff --git a/docs/widget-fields/scrollarea.ts b/docs/widget-fields/scrollarea.ts
new file mode 100644
index 000000000..d1068a53a
--- /dev/null
+++ b/docs/widget-fields/scrollarea.ts
@@ -0,0 +1,3 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const scrollareaFields: FieldData[] = [...widgetFields];
diff --git a/docs/widget-fields/scrollbar.ts b/docs/widget-fields/scrollbar.ts
new file mode 100644
index 000000000..3de4c3327
--- /dev/null
+++ b/docs/widget-fields/scrollbar.ts
@@ -0,0 +1,14 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const scrollbarFields: FieldData[] = [
+  ...widgetFields,
+  {
+    name: "orientation",
+    type: '"vertical" | "horizontal"',
+    default: '"vertical"',
+    description: {
+      en: "The scroll direction of the scrollbar.",
+      "zh-CN": "滚动条的滚动方向。",
+    },
+  },
+];
diff --git a/docs/widget-fields/text-input.ts b/docs/widget-fields/text-input.ts
new file mode 100644
index 000000000..31fc7dad9
--- /dev/null
+++ b/docs/widget-fields/text-input.ts
@@ -0,0 +1,14 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const textInputFields: FieldData[] = [
+  ...widgetFields,
+  {
+    name: "placeholder",
+    type: "string",
+    default: "-",
+    description: {
+      en: "Placeholder text shown when the input is empty.",
+      "zh-CN": "输入为空时显示的占位文本。",
+    },
+  },
+];
diff --git a/docs/widget-fields/text.ts b/docs/widget-fields/text.ts
new file mode 100644
index 000000000..d67964c25
--- /dev/null
+++ b/docs/widget-fields/text.ts
@@ -0,0 +1,3 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const textFields: FieldData[] = [...widgetFields];
diff --git a/docs/widget-fields/widget.ts b/docs/widget-fields/widget.ts
new file mode 100644
index 000000000..18133a1ba
--- /dev/null
+++ b/docs/widget-fields/widget.ts
@@ -0,0 +1,27 @@
+export interface FieldData {
+  name: string;
+  type: string;
+  default: string;
+  description: { en: string; "zh-CN": string };
+}
+
+export const widgetFields: FieldData[] = [
+  {
+    name: "className",
+    type: "string",
+    default: "-",
+    description: {
+      en: "CSS class name applied to the element.",
+      "zh-CN": "应用于元素的 CSS 类名。",
+    },
+  },
+  {
+    name: "children",
+    type: "any",
+    default: "-",
+    description: {
+      en: "Child elements.",
+      "zh-CN": "子元素。",
+    },
+  },
+];
diff --git a/docs/zh-CN/devtools/css-modules.mdx b/docs/zh-CN/devtools/css-modules.mdx
new file mode 100644
index 000000000..a688a927f
--- /dev/null
+++ b/docs/zh-CN/devtools/css-modules.mdx
@@ -0,0 +1,29 @@
+# CSS Modules
+
+CSS Modules 为 TSX 组件创建局部作用域的 CSS 类，避免命名冲突并提高可维护性。
+
+## 用法
+
+创建 `.module.css` 后缀的文件：
+
+```css title="MyComponent.module.css"
+.card {
+  border: 1px solid #eee;
+  border-radius: 4px;
+}
+```
+
+在 `.tsx` 文件中导入：
+
+```tsx title="MyComponent.tsx"
+import styles from "./MyComponent.module.css";
+```
+
+在 JSX 中用 `styles` 对象替代字符串类名：
+
+```diff
+- <Widget className="card" />
++ <Widget className={styles.card} />
+```
+
+`@lcui/cli` 编译时会将 `.module.css` 转换为 C 标识符绑定，类名会自动生成唯一的 C 常量名，避免全局冲突。
diff --git a/docs/zh-CN/devtools/icon-library.mdx b/docs/zh-CN/devtools/icon-library.mdx
new file mode 100644
index 000000000..1a444aa13
--- /dev/null
+++ b/docs/zh-CN/devtools/icon-library.mdx
@@ -0,0 +1,29 @@
+# 图标库
+
+`@lcui/fluent-icons` 是专为 LCUI 适配的图标库，图标都来自 Microsoft 的 [fluentui-system-icons](https://github.com/microsoft/fluentui-system-icons) 项目。
+
+## 安装
+
+```sh
+npm install @lcui/fluent-icons
+```
+
+## 选取图标
+
+在 [flicon.io](https://www.flicon.io/) 网站中搜索和选取图标。以放大图标为例，英文名通常是 Zoom In。
+
+fluentui-system-icons 的图标有 16、20、24 等几种尺寸可选，命名方式是"图标名+尺寸+风格"。`@lcui/fluent-icons` 的命名方式是"图标名+风格"，当风格为 Regular 时可以省略它。
+
+## 用法
+
+```tsx
+import { ZoomIn } from "@lcui/fluent-icons";
+
+<ZoomIn />
+```
+
+默认尺寸是 20。如果图标尺寸固定且希望更好的渲染效果，可以指定 size 参数：
+
+```tsx
+<ZoomIn size={32} />
+```
diff --git a/docs/zh-CN/devtools/sass.mdx b/docs/zh-CN/devtools/sass.mdx
new file mode 100644
index 000000000..a8d6a444d
--- /dev/null
+++ b/docs/zh-CN/devtools/sass.mdx
@@ -0,0 +1,15 @@
+# Sass
+
+Sass 是一个流行的 CSS 预处理器，通过变量、嵌套规则和混合元素等功能扩展 CSS。
+
+## 用法
+
+`@lcui/cli` 已内置 Sass 预处理器，在编译 `.sass` 和 `.scss` 后缀的文件时会自动调用，无需额外安装或配置。
+
+在 TSX 中直接导入 Sass 文件：
+
+```tsx title="MyComponent.tsx"
+import "./MyComponent.scss";
+```
+
+CLI 会将 Sass 文件编译为 CSS，再转换为 C 代码在运行时加载。
diff --git a/docs/zh-CN/devtools/tailwind-css.mdx b/docs/zh-CN/devtools/tailwind-css.mdx
new file mode 100644
index 000000000..a91b66794
--- /dev/null
+++ b/docs/zh-CN/devtools/tailwind-css.mdx
@@ -0,0 +1,31 @@
+# Tailwind CSS
+
+Tailwind CSS 是一个功能类优先（Utility-First）的 CSS 框架，通过预定义的 CSS 类帮助开发者快速设置样式。相比传统 CSS 编写方式，无需新建 CSS 文件、编写规则和思考类名。
+
+## 安装
+
+```sh
+npm install -D tailwindcss postcss @thedutchcoder/postcss-rem-to-px
+```
+
+## 配置
+
+从 [lcui-quick-start](https://github.com/lcui-dev/lcui-quick-start) 模板项目复制以下文件到项目根目录：
+
+- `postcss.config.js`
+- `tailwind.config.js`
+- `app/global.css`
+
+`global.css` 中包含 Tailwind 的指令：
+
+```css title="app/global.css"
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+```
+
+`@lcui/cli` 编译时会通过 PostCSS 链（postcss + tailwindcss + postcss-rem-to-px）处理 Tailwind 指令，生成最终的 CSS 输出。
+
+:::tip
+如果你不想将 global.css 放到 app 目录内，请更改 `tailwind.config.js` 中 `content` 配置项的路径匹配规则。
+:::
diff --git a/docs/zh-CN/devtools/tsx-and-dev-tools.mdx b/docs/zh-CN/devtools/tsx-and-dev-tools.mdx
new file mode 100644
index 000000000..aebd4655b
--- /dev/null
+++ b/docs/zh-CN/devtools/tsx-and-dev-tools.mdx
@@ -0,0 +1,201 @@
+# TSX 与开发工具
+
+配合 `@lcui/cli`，你可以用 TypeScript 搭配 JSX 语法编写声明式界面。CLI 会编译 TSX 为 C 代码，你无需手动编写部件树构建逻辑。
+
+这样做的好处是：声明式编程方式使得状态绑定、事件绑定和资源引入更加简洁直观，在同一份文件中处理逻辑和视图可以减少上下文切换。
+
+不过，`@lcui/react` 目前功能有限，你只能声明组件的状态、数据绑定和事件绑定。对于条件渲染、列表渲染等复杂操作，你仍需要编写 C 代码。
+
+## 安装开发工具
+
+`@lcui/cli` 是一个命令行工具，集成了 TypeScript 编译器、Sass 预处理器、资源文件加载器等功能。它依赖 Node.js 运行时环境：
+
+```sh
+npm install -g @lcui/cli
+```
+
+## 预处理器工作原理
+
+LCUI 采用预处理器方案：TSX 文件只在预处理阶段执行，不会成为运行时代码。你可以理解为 TSX 文件是配置文件，其中的 TypeScript 代码都是预处理指令。
+
+预处理器按文件后缀名匹配合适的加载器，解析 TSX 代码、收集依赖、执行组件函数，然后根据返回的 JSX 元素和 Hook 调用结果生成 C 源文件。
+
+## 用法概览
+
+```tsx title="src/App.tsx"
+import { useState, TextInput, Button } from "@lcui/react";
+
+export default function App() {
+  const inputRef = { current: { value: "" } };
+  const [name, setName] = useState("LCUI");
+
+  return (
+    <Widget className="container">
+      <Widget className="flex flex-col items-center pt-6">
+        <Text className="my-4 text-2xl text-center">Hello, {name}!</Text>
+        <TextInput
+          $ref={inputRef}
+          className="mt-2"
+          placeholder="Please input..."
+        />
+        <Button
+          className="mt-2"
+          onClick={() => setName(inputRef.current.value)}
+        >
+          Change
+        </Button>
+      </Widget>
+    </Widget>
+  );
+}
+```
+
+## React 库
+
+`@lcui/react` 是针对 LCUI 特性和预处理器工作模式的用户界面库，提供预置组件、工具函数和 Hook 函数。
+
+安装方法：
+
+```sh
+npm install @lcui/react
+```
+
+### 组件函数
+
+预处理器会执行组件函数，收集 `useState`、`useRef` 等产出的数据和返回的 JSX 元素，然后转换成 C 代码。
+
+:::warning
+- 组件函数返回值必须是一个 JSX 元素，不能是 `<Fragment>`、null、undefined、字符串、数字等对象。
+- 暂不支持声明和传递组件 props 参数。
+:::
+
+### 状态管理
+
+`useState` 为组件声明状态变量：
+
+```tsx
+import { useState } from "@lcui/react";
+
+function MyComponent() {
+  const [age, setAge] = useState(23);
+  const [name, setName] = useState("Taylor");
+  // ...
+}
+```
+
+`useState` 返回一个数组：
+
+- 状态变量，初始值为你传给 `useState` 的值。
+- set 函数，允许你在响应交互时更改状态变量。
+
+`useState` 会为组件的状态结构体添加成员，并在初始化函数中添加初始化代码：
+
+```c
+/* 组件状态结构体 */
+struct MyComponent_state {
+  int age;
+  char *name;
+};
+
+/* 组件初始化函数中的代码 */
+_that->state.age = 23;
+_that->state.name = strdup2("Taylor");
+```
+
+状态的 set 函数会在当前作用域中插入 C 代码，例如 `setAge(30)` 会生成 `_that->state.age = 30;`。
+
+:::warning
+`useState` 的参数只能是 string、number 类型。
+:::
+
+### 引用
+
+用 `$ref` 属性引用部件对象：
+
+```tsx
+<TextInput $ref="input" />
+```
+
+之后在 C 代码中操作它：
+
+```c
+ui_textinput_set_content(_that->refs.input, "hello");
+```
+
+`$ref` 的值也可以是 `useRef` 返回的引用对象：
+
+```tsx
+import { useRef } from "@lcui/react";
+
+function MyComponent() {
+  const inputRef = useRef();
+
+  return <TextInput $ref={inputRef} />;
+}
+```
+
+`useRef` 目前只实现了 TextInput 的 value 属性读写绑定：
+
+```tsx
+inputRef.current.value = "World";
+
+<Button onClick={() => setName(inputRef.current.value)}>Click</Button>
+```
+
+:::warning
+`@lcui/react` 的 `useRef` 和 React 的 `useRef` 不同，仅用于引用部件对象。
+:::
+
+### 响应事件
+
+通过 `on + 事件名` 属性声明事件处理函数：
+
+```tsx
+<Button onClick="handleClick">点我</Button>
+```
+
+预处理器会生成 C 代码绑定事件：
+
+```c
+ui_widget_on(_that->refs.ref_0, "click", handleClick, w);
+```
+
+也可以将 JavaScript 函数与事件绑定：
+
+```tsx
+import { useState, Text, Button } from "@lcui/react";
+
+export default function Counter() {
+  const [text, setText] = useState("点我");
+
+  function handleClick() {
+    setText("你已点击");
+  }
+
+  return (
+    <Button onClick={handleClick}>
+      {text}
+    </Button>
+  );
+}
+```
+
+预处理器会根据事件处理函数内部的代码执行结果，为其生成 C 语言版本的事件处理函数。
+
+:::warning
+暂时只支持在事件处理函数中执行状态变量的 set 函数，不支持访问事件对象，不支持执行其它语句。
+:::
+
+### 条件渲染
+
+:::warning
+暂不支持。
+我们正考虑使用 `<Show>` 组件实现条件渲染，参考 Solid.js 的 `<Show>`。
+:::
+
+### 渲染列表
+
+:::warning
+暂不支持。
+我们正考虑使用 `<For>` 组件实现数组遍历，参考 Solid.js 的 `<For>`。
+:::
diff --git a/docs/zh-CN/handbook/customization.mdx b/docs/zh-CN/handbook/customization.mdx
new file mode 100644
index 000000000..e27736db2
--- /dev/null
+++ b/docs/zh-CN/handbook/customization.mdx
@@ -0,0 +1,136 @@
+# 自定义
+
+你可以创建全新的部件类型，也可以在现有部件基础上进行扩展。
+
+## 创建自定义部件
+
+使用 `ui_create_widget_prototype()` 注册新的部件类型：
+
+```c title="src/counter.c"
+#include <LCUI.h>
+
+typedef struct {
+        int value;
+} counter_data_t;
+
+static ui_widget_prototype_t *counter_proto;
+
+static void counter_init(ui_widget_t *w)
+{
+        counter_data_t *data;
+        ui_widget_t *text;
+
+        data = ui_widget_add_data(w, counter_proto, sizeof(counter_data_t));
+        data->value = 0;
+
+        text = ui_create_widget("text");
+        ui_text_set_content(text, "0");
+        ui_widget_append(w, text);
+}
+
+static void counter_destroy(ui_widget_t *w)
+{
+        /* 释放自有资源（如有） */
+}
+
+void register_counter_widget(void)
+{
+        counter_proto = ui_create_widget_prototype("counter", NULL);
+        counter_proto->init = counter_init;
+        counter_proto->destroy = counter_destroy;
+}
+```
+
+使用这个自定义部件：
+
+```c title="src/main.c"
+extern void register_counter_widget(void);
+
+int main(void)
+{
+        ui_widget_t *counter;
+
+        lcui_init();
+        register_counter_widget();
+
+        counter = ui_create_widget("counter");
+        ui_widget_append(ui_root(), counter);
+        return lcui_main();
+}
+```
+
+## 扩展现有部件
+
+把父类型名作为 `ui_create_widget_prototype()` 的第二个参数传入：
+
+```c title="src/icon_button.c"
+static ui_widget_prototype_t *icon_button_proto;
+
+static void icon_button_init(ui_widget_t *w)
+{
+        /* 调用父类（button）的初始化逻辑 */
+        icon_button_proto->proto->init(w);
+        ui_widget_add_class(w, "icon-button");
+}
+
+void register_icon_button(void)
+{
+        icon_button_proto =
+            ui_create_widget_prototype("icon-button", "button");
+        icon_button_proto->init = icon_button_init;
+}
+```
+
+:::warning
+**父类的 `init` 必须手动调用。** LCUI 在创建子类型部件时不会自动调用父类型的 `init`。如果你忘记调用 `proto->proto->init(w)`，部件会缺少父类型的基础行为（例如 `button` 不会注册点击事件、不会设置默认样式）。
+:::
+
+## 部件生命周期
+
+`ui_widget_prototype_t` 上有多个回调钩子，覆盖部件的各个生命周期阶段：
+
+- **`init`** — 部件创建时。负责初始化自有数据、子部件、事件绑定。
+- **`destroy`** — 部件销毁时。负责释放自有内存、解绑事件。
+- **`update`** — 部件需要更新时，接收 `ui_task_type_t` 参数标识更新类型（样式更新、属性更新等）。LCUI 内部在每帧更新循环中调用此钩子。
+- **`setattr`** — 设置 XML 属性时（用于响应属性变更）。
+- **`settext`** — 设置文本内容时。
+- **`sizehint`** — 估算部件在无外部约束时的自然尺寸约束（最小/最大内容尺寸）。布局引擎在计算子部件尺寸时会参考此结果。
+- **`resize`** — 部件尺寸变化时。接收新的内容区域宽高作为参数。
+- **`paint`** — 部件需要重绘时。用于自定义绘制逻辑。
+
+## 自定义绘制
+
+可以重写 `paint` 回调，在部件上绘制自定义图形：
+
+```c title="src/my_widget.c"
+static void my_widget_paint(ui_widget_t *w, pd_context_t *paint_ctx,
+                              ui_widget_actual_style_t *style)
+{
+        pd_canvas_t *canvas = paint_ctx->canvas;
+        pd_color_t color = pd_color_from_rgb(255, 0, 0);
+        pd_rect_t rect = { style->left, style->top, w->width, w->height };
+
+        pd_canvas_fill_rect(canvas, color, rect);
+}
+
+static void register_my_widget(void)
+{
+        ui_widget_prototype_t *proto =
+            ui_create_widget_prototype("my-widget", NULL);
+        proto->paint = my_widget_paint;
+}
+```
+
+:::warning
+**`paint` 只负责绘制。** 部件尺寸估算由 `sizehint` 处理；不要在 `paint` 里修改部件尺寸或子部件树，否则可能触发无限循环。
+:::
+
+## 注意事项
+
+:::warning
+**`destroy` 回调要释放自有资源。** 如果自定义部件在 `init` 里分配了内存、打开了文件、订阅了系统事件（如 `lcui_settings_on_deserialize`），必须在 `destroy` 里做对称释放。
+:::
+
+:::warning
+**自定义部件必须在 `lcui_init()` 之后、首次实例化之前注册。** 在 `main()` 开头立即调用你的 `register_xxx()` 函数是最稳妥的位置，可以确保所有使用方（XML 加载、路由实例化、TSX 编译结果）都能看到原型。
+:::
diff --git a/docs/zh-CN/handbook/styling.mdx b/docs/zh-CN/handbook/styling.mdx
new file mode 100644
index 000000000..9e87dc9d2
--- /dev/null
+++ b/docs/zh-CN/handbook/styling.mdx
@@ -0,0 +1,151 @@
+# 样式
+
+用 CSS 给部件设置颜色、边框、内外边距、尺寸和布局。
+
+## 设置方式
+
+### 内联样式
+
+用 `ui_widget_set_style_string()` 直接设置单个 CSS 属性：
+
+```c title="main.c"
+ui_widget_t *w = ui_create_widget("text");
+
+ui_widget_set_style_string(w, "color", "#336699");
+ui_widget_set_style_string(w, "font-size", "20px");
+ui_widget_set_style_string(w, "padding", "8px 16px");
+```
+
+### CSS 类选择器
+
+用 `ui_load_css_string()` 或 `ui_load_css_file()` 加载 CSS 规则，再用 `ui_widget_add_class()` 给部件加类名使其生效：
+
+```c title="main.c"
+ui_load_css_file("styles.css");
+
+ui_widget_t *w = ui_create_widget("text");
+ui_widget_add_class(w, "title");
+```
+
+```css title="app/styles.css"
+.title {
+  font-size: 24px;
+  font-weight: bold;
+  margin-bottom: 16px;
+}
+```
+
+也可以用 `ui_load_css_string()` 从字符串加载 CSS 规则，第二个参数是来源标识，用于调试定位冲突规则：
+
+```c title="main.c"
+ui_load_css_string(".title { font-size: 24px; }", "app.css");
+```
+
+## 支持的 CSS 特性
+
+LCUI 的 CSS 引擎实现了 Web 标准的一个子集。本节列出所有已支持的特性和它们支持的值；**未列出的特性默认不支持**。
+
+### At Rules
+
+- **`@font-face`** — 加载外部字体
+
+### 选择器
+
+- `*`（通配符）、`type`、`#id`、`.class`
+- 伪类 `:hover`、`:focus`、`:active`、`:first-child`、`:last-child`
+- 不支持 `!important`
+
+### 单位
+
+- `px`、`dp`、`sp`、`pt`、`%`
+
+### 属性
+
+#### 布局
+
+- **`display`** — `none`、`inline-block`、`block`、`flex`、`inline-flex`、`table`、`inline-table`、`table-row`、`table-cell`
+- **`position`** — `static`、`relative`、`absolute`
+- **`top` / `right` / `bottom` / `left`** — `<length>` 或 `<percentage>` 或 `auto`
+- **`z-index`** — `auto` 或整数
+- **`box-sizing`** — `content-box`、`border-box`
+
+#### 盒模型
+
+- **`width` / `height`** — `<length>`、`<percentage>`、`auto`
+- **`min-width` / `max-width` / `min-height` / `max-height`** — 同上
+- **`padding`** — 简写，1-4 个 `<length>` 值（如 `8px`、`4px 8px`、`4px 8px 12px`、`4px 8px 12px 16px`）
+- **`padding-top` / `padding-right` / `padding-bottom` / `padding-left`** — 长边属性
+- **`margin`** — 简写，同 padding
+- **`margin-top` / `margin-right` / `margin-bottom` / `margin-left`**
+- **`border`** — 简写 `1px solid #ccc`（width + style + color）
+- **`border-color` / `border-width` / `border-style` / `border-radius`** — 同 padding 语法的多值简写
+- **`border-top` / `border-right` / `border-bottom` / `border-left`** — 单边简写
+- **`border-top-color` / `border-right-color` / `border-bottom-color` / `border-left-color`**
+- **`border-top-width` / `border-right-width` / `border-bottom-width` / `border-left-width`**
+- **`border-top-style` / `border-right-style` / `border-bottom-style` / `border-left-style`**
+- **`border-top-left-radius` / `border-top-right-radius` / `border-bottom-left-radius` / `border-bottom-right-radius`**
+- **`border-style` 可取值** — `none`、`solid`
+- **`table-layout`** — `auto`、`fixed`
+- **`border-spacing`** — `<length>{1,2}`
+
+#### 背景
+
+- **`background`** — 简写形式 `bg-image || bg-position || bg-size || repeat-style || color`（仅单图层）
+- **`background-color`** — `<color>`
+- **`background-image`** — `none` 或 `<url>`
+- **`background-position`** — x y 两个值
+- **`background-position-x` / `background-position-y`**
+- **`background-repeat`** — `<repeat-style>`
+- **`background-size`** — `<bg-size>`
+- **`background-clip`** — `border-box`、`padding-box`、`content-box`
+
+#### Flexbox 布局
+
+- **`flex`** — 简写（`flex-grow` + `flex-shrink` + `flex-basis`）
+- **`flex-shrink` / `flex-grow` / `flex-basis`**
+- **`flex-wrap`** — `nowrap`、`wrap`
+- **`flex-direction`** — `row`、`column`
+- **`justify-content`** — `flex-start`、`center`、`flex-end`
+- **`align-items`** — `flex-start`、`center`、`flex-end`、`stretch`
+- **`align-content`** — 同 justify-content 加 `space-between`、`space-around`、`space-evenly`
+- **`gap`** — 简写，同时设 row-gap + column-gap
+- **`row-gap` / `column-gap`** — `normal` 或 `<length-percentage>`
+
+#### 排版
+
+- **`font-face`** — （通过 `@font-face` 规则加载字体）
+- **`font-family`** — `<font-family>`（建议用内置别名如 `monospace`）
+- **`font-size`** — `<length>`
+- **`font-style`** — `normal`、`italic`、`oblique`
+- **`font-weight`** — `normal`、`bold`、`<number>`
+- **`text-align`** — `left`、`center`、`right`
+- **`line-height`** — `normal` 或 `<length>` 或 `<number>`
+- **`color`** — `<color>`
+- **`white-space`** — `normal`、`nowrap`
+- **`word-break`** — `normal`、`break-all`
+- **`content`** — `<string>` 或 `none`
+
+#### 其他
+
+- **`opacity`** — `<number>` 或 `<percentage>`
+- **`visibility`** — `visible`、`hidden`
+- **`pointer-events`** — `auto`、`none`
+- **`box-shadow`** — `none` 或 `<shadow>`（格式 `<length>{2,4} && <color>?`）
+
+## 注意事项
+
+:::warning
+**`white-space: pre` 无效。** LCUI 的 `white-space` 仅实现 `normal` 和 `nowrap`。如需保留源代码前导缩进，把空格换成 U+00A0 (NBSP)。
+:::
+
+:::warning
+**`overflow` 不裁切内容。** 要裁切或滚动子内容，改用 `scrollarea` 内置部件。
+:::
+
+:::warning
+**`background` 简写不支持多图层。** 写 `background: url(a.png) no-repeat, url(b.png) center;` 这种多背景语法不会生效。请拆成 `background-image` / `background-position` 等分属性逐个设置。
+:::
+
+:::warning
+**CSS 不支持继承。** 像 `color`、`font-family`、`font-size` 不会从父部件流向子部件。每个 `text` / `button` 等需要文本显示的部件都必须显式设置这些属性。
+:::
diff --git a/docs/zh-CN/overview/about.mdx b/docs/zh-CN/overview/about.mdx
new file mode 100644
index 000000000..d75dc65ee
--- /dev/null
+++ b/docs/zh-CN/overview/about.mdx
@@ -0,0 +1,59 @@
+# 关于 LCUI
+
+LCUI 是一个用 C 语言编写的开源桌面图形界面库，旨在为 C 开发者提供简洁易用的 GUI 开发体验，同时融入 CSS 样式、声明式界面描述等 Web 开发技术降低学习门槛。
+
+## 主要特性
+
+- **跨平台** — 支持 Windows 和 Linux。
+- **全自绘组件** — 组件在多个平台中都能保持一致的外观和行为。
+- **DPI 自适应** — 自动在高分辨率屏幕上缩放 UI，保持清晰显示。
+- **自带 CSS 引擎** — 支持使用 CSS 来定义用户界面的样式和布局，对于有网页开发经验的人比较容易上手。
+- **提供现代化的开发工具** — 通过 `@lcui/cli` 工具，允许你使用 TypeScript 语言搭配 JSX 语法来编写用户界面。
+
+## 适合谁使用
+
+LCUI 适合这些开发者：
+
+- 想在桌面端继续使用 C 语言，但希望摆脱繁琐的 Win32 / X11 原生开发体验。
+- 已经熟悉 Web 前端（HTML、CSS），想把这套经验迁移到桌面应用。
+- 需要构建单窗口、界面内容简单的桌面小工具。
+
+如果场景是大型商业桌面产品、游戏引擎或与操作系统深度集成的工具，LCUI 可能不是最合适的选择；这种场景下建议参考 Qt、GTK 或原生 API。
+
+## 架构
+
+LCUI 从上到下分为四层：
+
+### 应用层
+
+你的业务代码：自定义组件、CSS 样式、TSX/JSX 代码、事件处理。这是唯一与你的项目领域相关的部分。
+
+### LCUI 运行时
+
+初始化、事件循环、应用生命周期管理。负责把应用跑起、派发事件、驱动渲染。
+
+### UI 辅助层
+
+UI XML 解析、UI Router 路由、光标管理、国际化（i18n）等辅助模块。把常用 UI 行为封装成可插拔的子系统。
+
+### 基础设施层
+
+YUtil（通用工具库）、PandaGL（2D 渲染引擎）、CSS 引擎、UI 部件系统、Thread / Worker 抽象。这些模块也可以单独使用。
+
+平台层（Windows / Linux）负责窗口管理与输入事件。
+
+## 许可证
+
+LCUI 基于 MIT License 发布。详情请查看仓库根目录的 LICENSE.TXT。
+
+## 如何参与贡献
+
+欢迎贡献！在提交 Pull Request 之前，请先阅读仓库根目录的 CONTRIBUTING.md。
+
+- **Bug 反馈** — 在 GitHub Issues 提交问题。
+- **功能建议** — 在 GitHub Discussions 发起讨论。
+- **代码贡献** — Fork 仓库，创建分支，然后提交 PR。
+
+## 社区
+
+遇到使用问题时，可以通过 GitHub Discussions 提问（建议使用 `Q&A` 标签）。同时我们也鼓励资深用户给新人提供帮助。
diff --git a/docs/zh-CN/overview/quick-start.mdx b/docs/zh-CN/overview/quick-start.mdx
new file mode 100644
index 000000000..93c06b875
--- /dev/null
+++ b/docs/zh-CN/overview/quick-start.mdx
@@ -0,0 +1,44 @@
+# 快速开始
+
+几分钟内上手 LCUI。
+
+## 环境要求
+
+- **操作系统** — Windows（推荐）或 Linux
+- **Node.js** — 运行 `@lcui/cli` 工具
+- **xmake** — C/C++ 构建工具
+- **Git** — 下载和管理源码
+
+## 安装
+
+全局安装 LCUI CLI：
+
+```sh
+npm install -g @lcui/cli
+```
+
+创建并运行你的第一个应用：
+
+```sh
+lcui create my-app
+cd my-app
+lcui build
+xmake run app
+```
+
+`lcui create` 会从 lcui-quick-start 模板仓库克隆一个最小项目，包含 xmake.lua 配置、示例代码和依赖。完成后运行 `lcui build` 编译 TSX 资源，再运行 `xmake run app` 启动应用。
+
+## 下一步
+
+- 查看样板项目（`lcui create` 生成的项目）中的代码和文件结构，了解 LCUI 应用的基本用法。
+- 阅读组件参考（Button、Text、TextInput、Anchor、ScrollArea），了解内置部件。
+- 阅读样式章节，学习如何用 CSS 为部件添加外观。
+- 阅读自定义章节，学习如何创建自定义部件。
+- 阅读 TSX 与开发工具章节，深入理解 `@lcui/react` 的用法和限制。
+
+## 遇到问题？
+
+如果你在学习过程中遇到问题，可以通过以下途径获取帮助：
+
+- 在 GitHub Discussions 提问（建议使用 `Q&A` 标签）。
+- 在仓库根目录查看 CONTRIBUTING.md，了解如何参与贡献。
diff --git a/docs/zh-CN/widgets/anchor.mdx b/docs/zh-CN/widgets/anchor.mdx
new file mode 100644
index 000000000..421e5c41a
--- /dev/null
+++ b/docs/zh-CN/widgets/anchor.mdx
@@ -0,0 +1,20 @@
+# Anchor
+
+链接部件，用法与 HTML 的 `<a>` 标签相同，用于打开外部 URL。
+
+<WidgetExample name="anchor-basic" />
+
+## 适用场景
+
+- **适用** — 在页面中放置外部链接（点击后在系统浏览器中打开）。
+- **不适用** — 需要执行动作的按钮（用 `button`）。
+
+## 用法
+
+```tsx
+<a href="https://example.com">链接</a>
+```
+
+## API 参考
+
+<FieldTable name="anchor" />
diff --git a/docs/zh-CN/widgets/button.mdx b/docs/zh-CN/widgets/button.mdx
new file mode 100644
index 000000000..0273b1a92
--- /dev/null
+++ b/docs/zh-CN/widgets/button.mdx
@@ -0,0 +1,25 @@
+# Button
+
+可点击的按钮部件，通常用于触发某个操作。
+
+<WidgetExample name="button-basic" />
+
+## 适用场景
+
+- **适用**：用户点击执行动作（提交表单、打开页面、切换状态）
+- **适用**：工具栏、对话框、导航栏中的交互入口
+- **不适用**：不需要交互的纯文本展示（用 `text`）
+
+## 用法
+
+```tsx
+import { Button } from "@lcui/react"
+```
+
+```tsx
+<Button>Button</Button>
+```
+
+## API 参考
+
+<FieldTable name="button" />
diff --git a/docs/zh-CN/widgets/checkbox.mdx b/docs/zh-CN/widgets/checkbox.mdx
new file mode 100644
index 000000000..b349eb45f
--- /dev/null
+++ b/docs/zh-CN/widgets/checkbox.mdx
@@ -0,0 +1,37 @@
+# Checkbox
+
+允许用户在已选和未选之间切换的控件。
+
+<WidgetExample name="checkbox-basic" />
+
+## 适用场景
+
+- **适用**：单条二元选择（同意条款、订阅开关）
+- **适用**：表单中的勾选项
+- **不适用**：互斥的多选一场景（用 `radio-group`）
+
+## 用法
+
+```tsx
+import { Checkbox } from "@lcui/react"
+```
+
+```tsx
+<Checkbox />
+```
+
+## 注意事项
+
+:::caution
+**indeterminate 是状态，不是默认值**。半选态（`indeterminate="true"`）用于表达"子项部分被选中"的视觉状态（例如父级 checkbox 在部分子项被选时显示半选）。点击 indeterminate 状态的 checkbox 会转为 checked 状态。
+:::
+
+## 示例
+
+### 禁用
+
+<WidgetExample name="checkbox-disabled" />
+
+## API 参考
+
+<FieldTable name="checkbox" />
\ No newline at end of file
diff --git a/docs/zh-CN/widgets/label.mdx b/docs/zh-CN/widgets/label.mdx
new file mode 100644
index 000000000..a931f3d30
--- /dev/null
+++ b/docs/zh-CN/widgets/label.mdx
@@ -0,0 +1,25 @@
+# Label
+
+渲染与控件关联的可访问标签，点击时将 click 事件转发到 `for` 指向的目标部件。
+
+<WidgetExample name="label-basic" />
+
+## 适用场景
+
+- **适用**：为 checkbox、text-input 等可交互控件提供点击区域扩展（点击文字也能触发控件）
+- **适用**：辅助功能（a11y）中将文本与控件关联
+- **不适用**：纯展示文本（用 `text` 部件）
+
+## 用法
+
+```tsx
+import { Label } from "@lcui/react"
+```
+
+```tsx
+<Label for="agree">I agree</Label>
+```
+
+## API 参考
+
+<FieldTable name="label" />
\ No newline at end of file
diff --git a/docs/zh-CN/widgets/progress.mdx b/docs/zh-CN/widgets/progress.mdx
new file mode 100644
index 000000000..7f8b39f76
--- /dev/null
+++ b/docs/zh-CN/widgets/progress.mdx
@@ -0,0 +1,25 @@
+# Progress
+
+用于展示任务进度（如文件上传、加载状态）的线性进度条部件。
+
+<WidgetExample name="progress-basic" />
+
+## 适用场景
+
+- **适用**：文件上传/下载、安装、加载等长时间任务的进度展示
+- **适用**：表单提交、异步操作的等待反馈
+- **不适用**：需要精确数值或不确定进度的场景（用 `text` 自行绘制）
+
+## 用法
+
+```tsx
+import { Progress } from "@lcui/react"
+```
+
+```tsx
+<Progress value={20} />
+```
+
+## API 参考
+
+<FieldTable name="progress" />
diff --git a/docs/zh-CN/widgets/radio-group.mdx b/docs/zh-CN/widgets/radio-group.mdx
new file mode 100644
index 000000000..40b7c7433
--- /dev/null
+++ b/docs/zh-CN/widgets/radio-group.mdx
@@ -0,0 +1,58 @@
+# RadioGroup
+
+一组互斥的单选按钮，同一时刻最多只有一项被选中。
+
+<WidgetExample name="radio-group-basic" />
+
+## 适用场景
+
+- **适用**：从一组互斥的选项中选出唯一一个（视图密度、排序方式、单选枚举等）
+- **适用**：选项数量固定为 2~7 个的简单场景
+- **不适用**：需要并选多个选项的场景（用 `checkbox`）
+- **不适用**：选项数量大到需要搜索或筛选（暂未提供 `select`）
+
+## 用法
+
+```tsx
+import { RadioGroup, RadioGroupItem } from "@lcui/react"
+```
+
+```tsx
+<RadioGroup value="comfortable">
+  <RadioGroupItem value="default" id="r1" />
+  <RadioGroupItem value="comfortable" id="r2" />
+  <RadioGroupItem value="compact" id="r3" />
+</RadioGroup>
+```
+
+## 组合
+
+使用以下组合来构建 `RadioGroup`：
+
+```
+RadioGroup
+├── RadioGroupItem
+└── RadioGroupItem
+```
+
+通常每项会与一个 `Label` 搭配放置在同一行 flex 容器里，Label 的 `for` 指向 RadioGroupItem 的 `id`，点击 Label 会把 click 事件转发到对应的 item。
+
+## 示例
+
+### 禁用
+
+<WidgetExample name="radio-group-disabled" />
+
+## API 参考
+
+### RadioGroup
+
+单选组容器，管理组内各项的互斥选中状态。
+
+<FieldTable name="radio-group" />
+
+### RadioGroupItem
+
+单选项，每一项代表一个可选值。同一 RadioGroup 内同一时刻最多只有一项处于 checked 状态。
+
+<FieldTable name="radio-group-item" />
\ No newline at end of file
diff --git a/docs/zh-CN/widgets/scrollarea.mdx b/docs/zh-CN/widgets/scrollarea.mdx
new file mode 100644
index 000000000..dc9d9a415
--- /dev/null
+++ b/docs/zh-CN/widgets/scrollarea.mdx
@@ -0,0 +1,63 @@
+# ScrollArea
+
+当子内容超出容器范围时，提供滚动能力的容器部件。
+
+<WidgetExample name="scrollarea-basic" />
+
+## 适用场景
+
+- **适用** — 内容高度或宽度可能超过容器（长列表、文档、日志）。
+- **适用** — 需要滚动条可视化反馈的场景。
+- **不适用** — 内容总是小于容器（直接用普通 `widget` 即可）。
+
+## 用法
+
+```tsx
+import { ScrollArea, ScrollAreaContent, Scrollbar } from "@lcui/react"
+```
+
+```tsx
+<ScrollArea>
+  <ScrollAreaContent>{/* 子内容 */}</ScrollAreaContent>
+  <Scrollbar orientation="horizontal" />
+  <Scrollbar />
+</ScrollArea>
+```
+
+## 组合
+
+使用以下组合来构建 `ScrollArea`：
+
+```
+ScrollArea
+├── ScrollAreaContent
+└── Scrollbar
+```
+
+## 示例
+
+### 双向滚动
+
+<WidgetExample name="scrollarea-dual-scrollbars" />
+
+当内容需要在水平和垂直两个方向上滚动时，同时设置横向和纵向滚动条。
+
+## API 参考
+
+### ScrollArea
+
+滚动容器，负责裁剪超出范围的子内容并接收滚动事件。
+
+<FieldTable name="scrollarea" />
+
+### ScrollAreaContent
+
+滚动内容容器，承载实际的子部件。必须作为 ScrollArea 的直接子部件使用。
+
+<FieldTable name="scrollarea-content" />
+
+### Scrollbar
+
+滚动条部件，用于显示并操作滚动条。作为 ScrollArea 的直接子部件使用。
+
+<FieldTable name="scrollbar" />
diff --git a/docs/zh-CN/widgets/text-input.mdx b/docs/zh-CN/widgets/text-input.mdx
new file mode 100644
index 000000000..568bd13eb
--- /dev/null
+++ b/docs/zh-CN/widgets/text-input.mdx
@@ -0,0 +1,24 @@
+# TextInput
+
+可编辑的文本输入部件。
+
+<WidgetExample name="text-input-basic" />
+
+## 适用场景
+
+- **适用** — 用户输入文本（表单字段、搜索框）。
+- **不适用** — 仅需要展示文本（用 `text`）。
+
+## 用法
+
+```tsx
+import { TextInput } from "@lcui/react"
+```
+
+```tsx
+<TextInput />
+```
+
+## API 参考
+
+<FieldTable name="text-input" />
diff --git a/docs/zh-CN/widgets/text.mdx b/docs/zh-CN/widgets/text.mdx
new file mode 100644
index 000000000..72e84e4d8
--- /dev/null
+++ b/docs/zh-CN/widgets/text.mdx
@@ -0,0 +1,24 @@
+# Text
+
+用于显示文本的部件。
+
+<WidgetExample name="text-basic" />
+
+## 适用场景
+
+- **适用** — 静态文本显示（标题、标签、说明文字）。
+- **不适用** — 需要用户编辑文本（用 `textinput`）。
+
+## 用法
+
+```tsx
+import { Text } from "@lcui/react"
+```
+
+```tsx
+<Text>Hello</Text>
+```
+
+## API 参考
+
+<FieldTable name="text" />
diff --git a/examples/doc-viewer/.gitignore b/examples/doc-viewer/.gitignore
new file mode 100644
index 000000000..bbac78cfb
--- /dev/null
+++ b/examples/doc-viewer/.gitignore
@@ -0,0 +1,19 @@
+node_modules/
+build/
+dist/
+.lcui/
+.xmake/
+
+# lcui-cli generated artifacts:
+# *.tsx.h and *.css.h are emitted alongside source files by lcui build.
+# *.mjs is the transpiled module output (kept under .lcui/build/).
+# Per-widget *.h next to a TSX file is also emitted by lcui-cli.
+*.tsx.h
+*.css.h
+*.json.mjs
+app/widgets/*/*/index.h
+app/examples/*/index.h
+app/main.h
+app/components/route-titles.h
+app/components/code-snippets.h
+app/components/code-snippets.c
\ No newline at end of file
diff --git a/examples/doc-viewer/AGENTS.md b/examples/doc-viewer/AGENTS.md
new file mode 100644
index 000000000..053a70e99
--- /dev/null
+++ b/examples/doc-viewer/AGENTS.md
@@ -0,0 +1,319 @@
+# doc-viewer 文档编写规范
+
+本文档为 AI agent 和人类贡献者编写 doc-viewer 项目文档源文件时的指令参考。
+
+## 目录结构
+
+```
+docs/
+  sidebars.json                        # 导航栏数据
+  widget-fields/
+    widget.ts                          # FieldData 接口 + 公共字段
+    {name}.ts                          # 各组件专属字段
+  {locale}/widgets/{name}.mdx          # 页面源文件
+  examples/
+    {widget}-basic/main.c              # C 语言 demo
+    {widget}-basic-xml/main.c ui.xml   # XML 变体
+    {widget}-basic-tsx/main.c example.tsx # TSX 变体
+examples/doc-viewer/
+  scripts/compiler/                    # MDX → page.tsx 编译管线
+```
+
+## Widget 页面模板
+
+每个 widget 的 MDX 文件**必须**按以下固定顺序编写：
+
+```mdx
+# WidgetName
+
+一句话功能简介。
+
+<WidgetExample name="widget-basic" />
+
+## 适用场景
+
+- **适用**：...
+- **不适用**：...
+
+## 用法
+
+\`\`\`tsx
+import { WidgetName } from "@lcui/react"
+\`\`\`
+
+\`\`\`tsx
+<WidgetName />
+\`\`\`
+
+## 组合（可选）
+
+使用以下组合来构建 `WidgetName`：
+
+\`\`\`
+WidgetName
+├── SubComponent
+└── SubComponent
+\`\`\`
+
+## API 参考
+
+<FieldTable name="widget" />
+```
+
+### 各小节说明
+
+#### # 标题与简介
+- H1 标题：组件名（英文，PascalCase）
+- 紧跟一段功能描述（一至两句话）
+
+#### WidgetExample（demo 嵌入）
+- 紧跟简介后，放在任何 `##` 之前
+- `name` 属性对应 `docs/examples/` 目录名（不含 `-tsx` / `-xml` 后缀）
+- 一个 widget 页面放一个 basic 示例
+
+#### ## 适用场景
+- 每个列表项以 `- **适用**：` 或 `- **不适用**：` 开头
+- 中文用全角冒号 `：`，英文用半角冒号 `: `
+
+#### ## 用法（Usage）
+- 两个代码块，均为 ` ```tsx `（无 title 属性）
+- 第一个代码块：import 语句
+- 第二个代码块：组件核心用法（无需构造完整函数实现）
+- 代码块**前**无需引导语
+
+#### ## 组合（Composition）—— 仅多部件组件需要
+- 仅当组件包含子部件（如 ScrollArea 由 ScrollAreaContent + Scrollbar 组成）时才写此小节，单组件省略
+- 代码块标签：` ``` `（无语言标记，纯文本块）
+- 内容：用树形结构展示组件层次关系（`├──` / `└──`）
+- 代码块**前**写一行引导语：`使用以下组合来构建 `WidgetName`：`（英文：`Use the following composition to build a `WidgetName`:`）
+- 代码块后**禁止**写"X 由 Y + Z 组成"等内部实现说明
+- **可以**写行为/模式描述（如 Anchor 的 URL 与 XML 视图模式区别）
+
+#### ## 示例（可选）
+- 用 `###` 三级标题分组
+- 每个示例一段代码（c / xml / tsx），须带 `title="..."` 元数据
+- 放在 API 参考之前或之后均可
+
+#### ## API 参考
+- 只用 `<FieldTable name="xxx" />`，编译器自动从 `docs/widget-fields/{name}.ts` 读取字段数据
+- 不手写 API 小节、属性列表或事件列表
+- **多部件组件**：每个 FieldTable 前必须用 `### <WidgetName>` 三级标题 + 一句话描述（参考 `docs/zh-CN/widgets/scrollarea.mdx`）。zh-CN 模板：
+  ```mdx
+  ## API 参考
+
+  ### RadioGroup
+
+  单选组容器，管理组内各项的互斥选中状态。
+
+  <FieldTable name="radio-group" />
+
+  ### RadioGroupItem
+
+  单选项，每一项代表一个可选值。
+
+  <FieldTable name="radio-group-item" />
+  ```
+  en 模板：标题 `## API Reference`，子标题 PascalCase，描述同步翻译。
+
+#### ## 注意事项（可选）
+- 每个注意点独立一个 admonition 容器
+- 容器类型：`:::note` / `:::info` / `:::tip` / `:::caution` / `:::warning`
+- 容器内首句加粗：`:::warning` 包裹 `**核心警告**。详细补充...`
+
+#### ## 内联样式标签（可选）
+- 仅支持 BBCode 标签的组件（Text、TextInput）需要此小节
+
+## 非 Widget 页面模板
+
+overview、handbook 等页面结构更自由，仅要求：
+1. H1 标题 + 简介段落
+2. `##` 小节自由组织
+3. 示例代码块须带 `title="..."` 元数据
+
+## 文档工作流
+
+以中文文档为主，英文文档在中文文档更新完毕后再全量翻译。
+
+1. **新增组件文档**：先在 `docs/zh-CN/widgets/{name}.mdx` 完成全部内容。
+2. **修改/补充文档**：同样先改 zh-CN，确认章节结构、示例、描述完整后再同步。
+3. **同步英文**：对照 zh-CN 版本逐节翻译到 `docs/en/widgets/{name}.mdx`。
+   - 保留 `<WidgetExample>` / `<FieldTable>` / 代码块 / admonition 标签原样
+   - 仅翻译普通文本（标题、段落、list item、admonition 内容）
+   - 代码注释无需翻译
+4. **不要双语并行开发**：zh-CN 未定稿时不改 en，避免两边结构漂移。
+
+## MDX 语法参考
+
+| 语法 | 渲染效果 |
+|------|----------|
+| `# H1` | 页面标题 |
+| `## H2` | 节标题 |
+| `### H3` / `#### H4` | 节内子标题 |
+| `**bold**` | `[b]...[/b]` |
+| `*italic*` | `[i]...[/i]` |
+| `` ``code`` `` | `[bgcolor=#eee] code [/bgcolor]` |
+| ` ```lang title="x" ` | 代码块（带 header + Copy 按钮） |
+| ` ```lang title="" ` | 代码块（无 header，仅 Copy 按钮） |
+| ` ```lang ` | 代码块（带语言名 header + Copy 按钮） |
+| `- item` 或 `* item` | 无序列表 |
+| `1. item` | 有序列表 |
+| `| 表格 |` | flexbox 模拟表格 |
+| `:::note` / `info` / `tip` / `caution` / `warning` | admonition 容器 |
+| `<WidgetExample name="..." />` | 嵌入 demo |
+| `<FieldTable name="..." />` | 嵌入 API 参考表 |
+
+## Demo 示例文件
+
+每个示例是一个目录：
+
+```
+docs/examples/{name}/
+  main.c
+docs/examples/{name}-xml/
+  main.c
+  ui.xml
+docs/examples/{name}-tsx/
+  main.c
+  example.tsx
+```
+
+- **三变体必齐**：C、XML、TSX 三种实现都要提供。即使 widget 暂未在 `@lcui/react` 中导出，也要给出 TSX 变体作为前瞻占位（example.tsx 仅作为代码块展示，不会实际编译）。
+- **TSX 优先展示**：编译器按 `tsx > xml > c` 排序变体，TSX 是默认激活的标签。
+- C 变体的 main.c 须定义 `{widget}_{variant}_init(ui_widget_t *parent)`
+- TSX 变体的 main.c 须 `#include "example.h"` 并调用 `example_load()`
+- 编译器自动用 highlight.js 高亮并提取 local symbols
+- **`<LCUI.h>` 是聚合头**，已包含 `<LCUI/widgets.h>`、`<ptk.h>`、`<ui_xml.h>`、`<LCUI/app.h>` 等。Demo 的 main.c **只能**写 `#include <LCUI.h>`，不要重复 include 子头。
+
+## widget-fields 数据
+
+```typescript
+interface FieldData {
+  name: string;
+  type: string;
+  default: string;        // "-" 表示必填
+  description: {
+    en: string;
+    "zh-CN": string;
+  };
+}
+```
+
+- `docs/widget-fields/widget.ts`：公共字段（className、children），所有组件通过 `...widgetFields` 继承
+- `docs/widget-fields/{name}.ts`：用 `...widgetFields` 展开后追加组件专属字段
+- 字段数据来源：lcui-toolkit types.d.ts 中的 props 类型信息，现阶段手动维护
+
+## 中英对照
+
+| zh-CN | en |
+|-------|-----|
+| 适用场景 | Use cases |
+| 用法 | Usage |
+| 组合 | Composition |
+| API 参考 | API Reference |
+| 示例 | Examples |
+| 注意事项 | Caveats |
+| 内联样式标签 | Inline style tags |
+| 使用以下组合来构建 `WidgetName`： | Use the following composition to build a `WidgetName`: |
+
+### FieldTable labels
+
+| zh-CN | en |
+|-------|-----|
+| 属性名 | Prop |
+| 类型 | Type |
+| 默认值 | Default |
+| 描述 | Description |
+
+## 构建验证
+
+```bash
+bun run compile                   # 全量编译 MDX → page.tsx
+bun run compile --watch           # 监听变更
+npx lcui build app --force        # 重生成 C 层 .tsx.h / main.h
+xmake build doc-viewer            # 编译链接
+xmake run doc-viewer              # 运行验证
+```
+
+每次修改 MDX 或 widget-fields 后，须依次运行：
+
+```bash
+bun run compile
+npx lcui build app --force
+xmake build doc-viewer
+```
+
+> ⚠️ `npx lcui build app --force` 输出末尾的 `unknown target(lcui) for doc-viewer.deps!` 警告无害，是已知问题，可忽略。`bun run compile` 自动复制 `widget-fields/` 并触发页面生成；任何一步失败都会产生连锁错误。
+
+## Demo 变体命名约定
+
+`docs/examples/` 下的 demo 目录名是文档里 `<WidgetExample name="...">` 的 `name` 属性值：
+
+| 变体后缀 | 含义 | 内容 |
+|---------|------|------|
+| （无后缀） | 基础 / 唯一示例 | `main.c` 实现 `void <slug>_basic_init(ui_widget_t *parent)` |
+| `-xml` | XML 标记声明式 | `ui.xml` + `main.c`（`lcui_init` + `ui_load_xml_file`） |
+| `-tsx` | TSX 声明式 | `example.tsx` + `main.c`（`lcui_init` + `example_load()`） |
+| `-<feature>` | 特性示例 | 镜像 `-tsx` 三件套结构，如 `-disabled`、`-dual-scrollbars` |
+
+**三变体必齐**：C、XML、TSX 三种实现都要提供。即使 widget 暂未在 `@lcui/react` 中导出，也要给出 TSX 变体作为前瞻占位（`example.tsx` 仅作为代码块展示，不会实际编译）。
+
+## widget-fields 文件命名与目录复制陷阱
+
+`<FieldTable name="radio-group-item" />` 解析为 `docs/widget-fields/radio-group-item.ts`。**文件名必须用 `-`（dash）**，不能用 `_`（underscore）。命名约定是 slug 原文，camelCase 变量名（如 `radioGroupItemFields`）由文件作者自己定。
+
+⚠️ **`examples/doc-viewer/app/widget-fields/` 是编译时副本，不会自动清理**：
+
+`scripts/compiler/index.ts:55` 的 `copyWidgetFields()` 只 `copyFileSync` 不删除。如果在 `docs/widget-fields/` 重命名或删除文件，旧的 `app/widget-fields/<old-name>.ts` 会残留。下次编译时编译器可能：
+
+- 找不到新名（如果旧文件还在 dest）→ 报 `ModuleLoaderError: File does not exist`
+- 引用错文件（如果同名但内容已变）
+
+**修正步骤**：删 `examples/doc-viewer/app/widget-fields/` 下 stale 文件，或 `git clean -fd examples/doc-viewer/app/widget-fields` 强制重生成。
+
+## Demo 预览容器布局陷阱
+
+doc-viewer 的 demo preview 区域本身是 flex 容器，所以**多个独立 flex 行直接 append 到 parent 会横排**。需要在 C/XML demo 外层包一个 `display:flex; flex-direction:column; gap:8px` 容器：
+
+```c
+ui_widget_t *box = ui_create_widget(NULL);
+ui_widget_set_style_string(box, "display", "flex");
+ui_widget_set_style_string(box, "flex-direction", "column");
+ui_widget_set_style_string(box, "gap", "8px");
+ui_widget_append(box, row1);
+ui_widget_append(box, row2);
+ui_widget_append(parent, box);
+```
+
+XML 用外层 `<div style="display:flex; flex-direction:column; gap:8px">` 包裹。TSX 用 `<Widget className="flex flex-col gap-2">...</Widget>` 包裹。
+
+RadioGroup / ScrollArea / Field 等本身是垂直容器，item 直接 append 进 group 即可，无需外层 wrapper。
+
+## 生成的 `index.c` 在 Linux 上的 `static` 不一致问题
+
+`lcui build app --force` 对 `examples/doc-viewer/app/examples/<name>/index.c`
+使用 skeleton-once 策略：只在文件不存在时写入，后续构建保留手写改动。
+首次生成的 `index.c` 中 `<ns>_demo_update` 函数被声明为 `static`，
+但同名的 `<ns>_demo_update(ui_widget_t *)` 在对应 `index.h` 里是非
+`static` 的全局声明。MSVC 默认不报警告；GCC/Clang 在开启 `-Wall`
+或项目使用 `set_warnings("all", "error")`（LCUI 在 Ubuntu 上的
+默认配置）时会因声明/定义不一致而**编译失败**。
+
+**触发场景**：每次新增 demo（含 `WidgetExample` 引用）或首次为新
+demo 生成 `index.c` 后。
+
+**手动修复**：在生成的 `index.c` 里删除 `static` 关键字：
+
+```c
+// before
+static void checkbox_disabled_demo_update(ui_widget_t *w) { ... }
+
+// after
+void checkbox_disabled_demo_update(ui_widget_t *w) { ... }
+```
+
+⚠️ 只去掉 `<ns>_demo_update` 上的 `static`，**保留** `<ns>_demo_init` /
+`<ns>_demo_destroy` 上的 `static`——这两个没有对应 header 声明，是
+prototype 内部回调，加 `static` 是正确的。
+
+详细说明见 `~/.config/opencode/skills/lcui-cli/SKILL.md` 的
+"Known limitations / open bugs" 节。
diff --git a/examples/doc-viewer/app/components/code-block-copy.c b/examples/doc-viewer/app/components/code-block-copy.c
new file mode 100644
index 000000000..d87a4b6bb
--- /dev/null
+++ b/examples/doc-viewer/app/components/code-block-copy.c
@@ -0,0 +1,119 @@
+/*
+ * app/components/code-block-copy.c - Click handler for the Copy
+ * button rendered by code-block-copy.tsx.
+ *
+ * The button lives inside `.code-block-body`, which itself sits
+ * under the demo wrapper `.code-block` (demo case) or directly
+ * under `.code-block` (mdx case).  On click, the handler checks
+ * whether the body widget has a `data-source` attribute (demo case:
+ * the attribute is on the body); if not, it walks up to the
+ * `.code-block` ancestor and uses its `data-source`.  The raw UTF-8
+ * source is then looked up in the generated code-snippets table
+ * and written as wide characters to the system clipboard.
+ *
+ * After a successful copy the `copied` class is added to the button
+ * widget and a 1.5s timeout removes it again.  global.css flips the
+ * visibility of the inner `.copy-icon` / `.check-icon` based on that
+ * class, so callers see the checkmark until the timer fires.
+ * Back-to-back clicks (same or different button) cancel any pending
+ * revert before starting a new timer, so the feedback always lines
+ * up with the most recent action.
+ */
+
+#include <stdlib.h>
+#include <string.h>
+#include <wchar.h>
+#include <LCUI.h>
+#include "code-block-copy.tsx.h"
+#include "code-block-copy.h"
+#include "code-snippets.h"
+
+typedef struct {
+        code_block_copy_react_t base;
+} code_block_copy_t;
+
+typedef struct {
+        ui_widget_t *button;
+        int timer_id;
+} copy_feedback_t;
+
+static copy_feedback_t g_feedback;
+
+static ui_widget_t *find_ancestor_with_class(ui_widget_t *w, const char *cls)
+{
+        while (w) {
+                if (ui_widget_has_class(w, cls)) {
+                        return w;
+                }
+                w = w->parent;
+        }
+        return NULL;
+}
+
+static void revert_copied_class(void *arg)
+{
+        copy_feedback_t *fb = arg;
+        if (fb->button) {
+                ui_widget_remove_class(fb->button, "copied");
+        }
+        fb->button = NULL;
+        fb->timer_id = 0;
+}
+
+static void code_block_copy_on_click(ui_widget_t *w, ui_event_t *e, void *arg)
+{
+        ui_widget_t *block;
+        const char *id;
+        const char *src;
+        size_t len;
+        size_t wlen;
+        wchar_t *wbuf;
+
+        block = find_ancestor_with_class(w, "code-block-body");
+        id = ui_widget_get_attr(block, "data-source");
+        if (!id) {
+                block = find_ancestor_with_class(w, "code-block");
+                id = ui_widget_get_attr(block, "data-source");
+        }
+        src = code_snippet_for(id);
+
+        len = strlen(src);
+        wbuf = malloc(sizeof(wchar_t) * (len + 1));
+        wlen = decode_utf8(wbuf, src, len + 1);
+        ptk_clipboard_set_text(wbuf, wlen);
+        free(wbuf);
+
+        if (g_feedback.timer_id) {
+                ptk_clear_timeout(g_feedback.timer_id);
+                if (g_feedback.button && g_feedback.button != w) {
+                        ui_widget_remove_class(g_feedback.button, "copied");
+                }
+        }
+        ui_widget_add_class(w, "copied");
+        g_feedback.button = w;
+        g_feedback.timer_id =
+            ptk_set_timeout(1500, revert_copied_class, &g_feedback);
+}
+
+static void code_block_copy_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, code_block_copy_proto, sizeof(code_block_copy_t));
+        code_block_copy_react_init(w);
+}
+
+static void code_block_copy_destroy(ui_widget_t *w)
+{
+        code_block_copy_react_destroy(w);
+}
+
+ui_widget_t *ui_create_code_block_copy(void)
+{
+        return ui_create_widget_with_prototype(code_block_copy_proto);
+}
+
+void ui_register_code_block_copy(void)
+{
+        code_block_copy_init_prototype();
+        code_block_copy_proto->init = code_block_copy_init;
+        code_block_copy_proto->destroy = code_block_copy_destroy;
+}
diff --git a/examples/doc-viewer/app/components/code-block-copy.h b/examples/doc-viewer/app/components/code-block-copy.h
new file mode 100644
index 000000000..b642b1a1d
--- /dev/null
+++ b/examples/doc-viewer/app/components/code-block-copy.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_code_block_copy(void);
+
+ui_widget_t *ui_create_code_block_copy(void);
+
+void code_block_copy_update(ui_widget_t *w);
+
+void ui_load_code_block_copy_resources(void);
diff --git a/examples/doc-viewer/app/components/code-block-copy.tsx b/examples/doc-viewer/app/components/code-block-copy.tsx
new file mode 100644
index 000000000..9af9cbd53
--- /dev/null
+++ b/examples/doc-viewer/app/components/code-block-copy.tsx
@@ -0,0 +1,14 @@
+import { Widget } from "@lcui/react";
+import { Checkmark, Copy } from "@lcui/fluent-icons";
+
+export default function CodeBlockCopy() {
+  return (
+    <Widget
+      className="code-block-copy"
+      onClick="code_block_copy_on_click"
+    >
+      <Copy className="copy-icon text-base" />
+      <Checkmark className="check-icon text-base" />
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/components/demo-provider.c b/examples/doc-viewer/app/components/demo-provider.c
new file mode 100644
index 000000000..9300a30d1
--- /dev/null
+++ b/examples/doc-viewer/app/components/demo-provider.c
@@ -0,0 +1,226 @@
+/*
+ * app/components/demo-provider.c - Shared interactive behaviour for
+ * code-demo widgets.
+ *
+ * One DemoProvider is mounted as the parent prototype of every
+ * `app/examples/<name>/index.tsx` demo (lcui-cli emits
+ * `ui_create_widget_prototype("..._index", "demo_provider")`).
+ * As the parent prototype, the `init` / `destroy` callbacks declared
+ * here apply to every demo automatically; the per-example index.c only
+ * needs to wire up its preview widget.
+ *
+ * The widget tree authored in TSX looks like:
+ *
+ *   <DemoProvider>                             -> class="demo"
+ *     <widget $ref="preview" />                -> class="demo-preview"
+ *     <widget class="code-block">              -> wrapper card
+ *       <widget class="code-block-header">     -> flex row
+ *         <widget class="demo-files">          -> inline-block file tabs
+ *           <text class="demo-tab" data-language="..." data-value="..." />
+ *         </widget>
+ *         <widget class="demo-languages">      -> inline-block lang tabs
+ *           <text class="demo-tab" data-value="c|xml|tsx" />
+ *         </widget>
+ *         <CodeBlockCopy />                    -> single copy button
+ *       </widget>
+ *       <widget class="code-block-body" data-language="..." data-file="..."
+ * data-source="..."> <text class="code-line" />*
+ *       </widget>
+ *       ... more (language, file) bodies as flat siblings ...
+ *     </widget>
+ *   </DemoProvider>
+ *
+ * State-driven model:
+ *   1. Click / ready handlers write to `that->language` and
+ *      `that->file` (the single source of truth), then call
+ *      `demo_provider_update(w)`.
+ *   2. `demo_provider_update` reads state and renders the DOM:
+ *      - Step 1: activate the language tab matching state.
+ *      - Step 2: show/hide file tabs by language, activate the file
+ *        tab matching state.  When the file doesn't match any
+ *        visible tab, fall back to the first file of the current
+ *        language and write back into `that->file` so the state
+ *        always reflects the UI truth.
+ *      - Step 3: show the code-block body matching (language, file),
+ *        hide the rest.
+ *
+ * Pointer ownership: `language` and `file` point at tab widget
+ * `data-value` attributes.  LCUI widget attributes are stable for
+ * the widget lifetime, so no copy is needed.
+ */
+
+#include <string.h>
+#include "demo-provider.tsx.h"
+#include "demo-provider.h"
+
+typedef struct {
+        demo_provider_react_t base;
+        const char *language;
+        const char *file;
+} demo_provider_t;
+
+/* -- helpers ------------------------------------------------------------- */
+
+static ui_widget_t *find_child_by_class(ui_widget_t *parent, const char *cls)
+{
+        ui_widget_t *child = ui_widget_get_child(parent, 0);
+
+        while (child) {
+                if (ui_widget_has_class(child, cls)) {
+                        return child;
+                }
+                child = ui_widget_next(child);
+        }
+        return NULL;
+}
+
+/* -- state-driven renderer ----------------------------------------------- */
+
+void demo_provider_update(ui_widget_t *w)
+{
+        demo_provider_t *that = ui_widget_get_data(w, demo_provider_proto);
+        const char *language = that->language;
+        const char *file = that->file;
+        ui_widget_t *wrapper;
+        ui_widget_t *header;
+        ui_widget_t *languages;
+        ui_widget_t *files;
+        ui_widget_t *child;
+        ui_widget_t *first_for_lang = NULL;
+        int file_matched = 0;
+
+        demo_provider_react_update(w);
+
+        /* Step 0: locate containers. */
+        wrapper = find_child_by_class(w, "code-block");
+        header = find_child_by_class(wrapper, "code-block-header");
+        languages = find_child_by_class(header, "demo-languages");
+        files = find_child_by_class(header, "demo-files");
+
+        /* Step 1: activate the language tab matching `language`. */
+        for (child = ui_widget_get_child(languages, 0); child;
+             child = ui_widget_next(child)) {
+                const char *v = ui_widget_get_attr(child, "data-value");
+                if (v && strcmp(v, language) == 0) {
+                        ui_widget_add_class(child, "active");
+                } else {
+                        ui_widget_remove_class(child, "active");
+                }
+        }
+
+        /* Step 2: show/hide file tabs by language, activate the one
+         * matching `file`.  When no tab matches, remember the first
+         * file belonging to the current language and activate it. */
+        for (child = ui_widget_get_child(files, 0); child;
+             child = ui_widget_next(child)) {
+                const char *la = ui_widget_get_attr(child, "data-language");
+                const char *va = ui_widget_get_attr(child, "data-value");
+                if (la && strcmp(la, language) == 0) {
+                        ui_widget_show(child);
+                        if (!first_for_lang) {
+                                first_for_lang = child;
+                        }
+                        if (file && va && strcmp(va, file) == 0) {
+                                ui_widget_add_class(child, "active");
+                                file_matched = 1;
+                        } else {
+                                ui_widget_remove_class(child, "active");
+                        }
+                } else {
+                        ui_widget_hide(child);
+                        ui_widget_remove_class(child, "active");
+                }
+        }
+
+        /* Fallback: file didn't match — adopt the first file of the
+         * current language and write back into state so the next
+         * render is consistent. */
+        if (!file_matched && first_for_lang) {
+                that->file = ui_widget_get_attr(first_for_lang, "data-value");
+                file = that->file;
+                ui_widget_add_class(first_for_lang, "active");
+        }
+
+        /* Step 3: show the code-block body matching (language, file)
+         * and hide every other body. */
+        for (child = ui_widget_get_child(wrapper, 0); child;
+             child = ui_widget_next(child)) {
+                const char *la = ui_widget_get_attr(child, "data-language");
+                const char *fi = ui_widget_get_attr(child, "data-file");
+                if (la && fi && ui_widget_has_class(child, "code-block-body") &&
+                    strcmp(la, language) == 0 && strcmp(fi, file) == 0) {
+                        ui_widget_show(child);
+                        ui_widget_add_class(child, "active");
+                } else if (fi) {
+                        ui_widget_hide(child);
+                        ui_widget_remove_class(child, "active");
+                }
+        }
+}
+
+/* -- event handlers ------------------------------------------------------ */
+
+static void on_click(ui_widget_t *w, ui_event_t *e, void *arg)
+{
+        demo_provider_t *that = ui_widget_get_data(w, demo_provider_proto);
+        ui_widget_t *target = e->target;
+        ui_widget_t *parent = target->parent;
+
+        if (ui_widget_has_class(parent, "demo-languages")) {
+                that->language = ui_widget_get_attr(target, "data-value");
+                that->file = NULL;
+                demo_provider_update(w);
+                return;
+        }
+        if (ui_widget_has_class(parent, "demo-files")) {
+                that->language = ui_widget_get_attr(target, "data-language");
+                that->file = ui_widget_get_attr(target, "data-value");
+                demo_provider_update(w);
+                return;
+        }
+}
+
+static void on_ready(ui_widget_t *w, ui_event_t *e, void *arg)
+{
+        demo_provider_t *that = ui_widget_get_data(w, demo_provider_proto);
+        ui_widget_t *wrapper = find_child_by_class(w, "code-block");
+        ui_widget_t *header = find_child_by_class(wrapper, "code-block-header");
+        ui_widget_t *languages = find_child_by_class(header, "demo-languages");
+        ui_widget_t *first_tab = ui_widget_get_child(languages, 0);
+
+        that->language = ui_widget_get_attr(first_tab, "data-value");
+        that->file = NULL;
+        demo_provider_update(w);
+}
+
+/* -- prototype glue ------------------------------------------------------ */
+
+static void demo_provider_init(ui_widget_t *w)
+{
+        demo_provider_t *that;
+
+        that =
+            ui_widget_add_data(w, demo_provider_proto, sizeof(demo_provider_t));
+        that->language = NULL;
+        that->file = NULL;
+        demo_provider_react_init(w);
+        ui_widget_on(w, "click", on_click, NULL);
+        ui_widget_on(w, "ready", on_ready, NULL);
+}
+
+static void demo_provider_destroy(ui_widget_t *w)
+{
+        demo_provider_react_destroy(w);
+}
+
+ui_widget_t *ui_create_demo_provider(void)
+{
+        return ui_create_widget_with_prototype(demo_provider_proto);
+}
+
+void ui_register_demo_provider(void)
+{
+        demo_provider_init_prototype();
+        demo_provider_proto->init = demo_provider_init;
+        demo_provider_proto->destroy = demo_provider_destroy;
+}
diff --git a/examples/doc-viewer/app/components/demo-provider.h b/examples/doc-viewer/app/components/demo-provider.h
new file mode 100644
index 000000000..40f173dd4
--- /dev/null
+++ b/examples/doc-viewer/app/components/demo-provider.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_demo_provider(void);
+
+ui_widget_t *ui_create_demo_provider(void);
+
+void demo_provider_update(ui_widget_t *w);
+
+void ui_load_demo_provider_resources(void);
diff --git a/examples/doc-viewer/app/components/demo-provider.tsx b/examples/doc-viewer/app/components/demo-provider.tsx
new file mode 100644
index 000000000..8bfc089d0
--- /dev/null
+++ b/examples/doc-viewer/app/components/demo-provider.tsx
@@ -0,0 +1,41 @@
+import { Widget, type WidgetProps } from "@lcui/react";
+
+/**
+ * DemoProvider — wrapper for code-demo widgets.
+ *
+ * Renders a plain `<widget class="demo">`.  All interactive behaviour
+ * lives in `demo-provider.c`, which lcui-cli emits as a one-shot
+ * skeleton from this file:
+ *
+ *   - on mount, pick the first `.demo-languages > .demo-tab` as active,
+ *     then the first `.demo-files > .demo-tab[data-language=…]` whose
+ *     language matches, then the matching `.code-block` block, and add
+ *     the `active` class to each;
+ *   - on click within `.demo-languages` or `.demo-files`, update the
+ *     active selection and show/hide siblings accordingly.
+ *
+ * The lcui-cli compiler walks the JSX tree on the call site, so children
+ * of `<DemoProvider>…</DemoProvider>` are appended to this widget even
+ * though the function body itself does not reference `props.children`.
+ * The `WidgetProps` annotation is purely a TypeScript-level declaration
+ * so consumers can nest tabs/code-blocks (and pass any standard widget
+ * attribute) inside this provider; at runtime lcui-cli ignores
+ * `children` here.
+ *
+ * No other props are passed: the default selection is derived from the
+ * children's source order at runtime.  This avoids relying on lcui-cli's
+ * (currently unverified) propagation of custom-component props.
+ *
+ * Consumers (each `app/examples/<name>-tsx/index.tsx`) wrap their tabs,
+ * code blocks, and preview placeholder in this provider:
+ *
+ *   <DemoProvider>
+ *     <Widget $ref="preview" className="demo-preview" />
+ *     <Widget className="demo-languages"> ... .demo-tab[data-value] ... </Widget>
+ *     <Widget className="demo-files"> ... .demo-tab[data-language][data-value] ... </Widget>
+ *     <Widget className="demo-code-blocks"> ... .code-block[data-language][data-file] ... </Widget>
+ *   </DemoProvider>
+ */
+export default function DemoProvider(_props: WidgetProps) {
+  return <Widget className="demo" />;
+}
diff --git a/examples/doc-viewer/app/components/field-table.c b/examples/doc-viewer/app/components/field-table.c
new file mode 100644
index 000000000..d26df88b9
--- /dev/null
+++ b/examples/doc-viewer/app/components/field-table.c
@@ -0,0 +1,60 @@
+#include <string.h>
+#include <LCUI.h>
+#include <LCUI/widgets.h>
+#include "field-table.tsx.h"
+#include "field-table.h"
+
+typedef struct {
+        field_table_provider_react_t base;
+} field_table_provider_t;
+
+static ui_widget_t *find_ancestor_with_class(ui_widget_t *w, const char *cls)
+{
+        while (w) {
+                if (ui_widget_has_class(w, cls))
+                        return w;
+                w = w->parent;
+        }
+        return NULL;
+}
+
+static void on_click(ui_widget_t *w, ui_event_t *e, void *arg)
+{
+        ui_widget_t *target = e->target;
+        ui_widget_t *row, *details;
+
+        if (ui_widget_has_class(target, "field-table-header"))
+                return;
+        row = find_ancestor_with_class(target, "field-table-row");
+        if (!row) {
+                return;
+        }
+        details = ui_widget_next(row);
+        if (ui_widget_has_class(row, "expanded")) {
+                ui_widget_remove_class(row, "expanded");
+                ui_widget_remove_class(details, "expanded");
+        } else {
+                ui_widget_add_class(row, "expanded");
+                ui_widget_add_class(details, "expanded");
+        }
+}
+
+static void field_table_provider_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, field_table_provider_proto,
+                           sizeof(field_table_provider_t));
+        field_table_provider_react_init(w);
+        ui_widget_on(w, "click", on_click, NULL);
+}
+
+static void field_table_provider_destroy(ui_widget_t *w)
+{
+        field_table_provider_react_destroy(w);
+}
+
+void ui_register_field_table_provider(void)
+{
+        field_table_provider_init_prototype();
+        field_table_provider_proto->init = field_table_provider_init;
+        field_table_provider_proto->destroy = field_table_provider_destroy;
+}
diff --git a/examples/doc-viewer/app/components/field-table.css b/examples/doc-viewer/app/components/field-table.css
new file mode 100644
index 000000000..a9752b45a
--- /dev/null
+++ b/examples/doc-viewer/app/components/field-table.css
@@ -0,0 +1,77 @@
+.field-table-provider {
+  @apply my-4;
+}
+.field-table {
+  display: block;
+  @apply rounded border border-gray-200 bg-white;
+}
+.field-table-row {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  @apply items-center border-b border-gray-100;
+}
+.field-table-row:last-child {
+  @apply border-b-0;
+}
+.field-table-row:hover {
+  @apply bg-gray-50;
+}
+.field-table-row.field-table-header {
+  @apply bg-gray-100 border-b border-gray-200;
+}
+.field-table-cell {
+  @apply px-4 py-2.5 text-sm text-gray-800;
+}
+.field-table-cell.cell-name {
+  width: 160px;
+  font-family: monospace;
+  @apply font-medium;
+}
+.field-table-cell.cell-type {
+  flex: 1;
+  font-family: monospace;
+}
+.field-table-cell.cell-default {
+  width: 160px;
+  font-family: monospace;
+}
+.field-table-row.field-table-header .field-table-cell {
+  @apply font-bold text-gray-900;
+}
+.field-table-expand-icon,
+.field-table-collapse-icon {
+  position: absolute;
+  top: 10px;
+  right: 16px;
+  @apply text-gray-400 cursor-pointer;
+}
+.field-table-collapse-icon {
+  display: none;
+}
+.field-table-row.expanded .field-table-expand-icon {
+  display: none;
+}
+.field-table-row.expanded .field-table-collapse-icon {
+  display: inline-block;
+}
+.field-table-details {
+  width: 100%;
+  display: none;
+  @apply bg-gray-100 px-4 py-3 border-t border-gray-200;
+}
+.field-table-details.expanded {
+  display: block;
+}
+.field-table-detail-row {
+  display: flex;
+  flex-direction: row;
+  @apply py-1 text-sm;
+}
+.field-table-detail-name {
+  width: 160px;
+  @apply font-medium text-gray-600;
+}
+.field-table-detail-value {
+  @apply text-gray-800;
+}
diff --git a/examples/doc-viewer/app/components/field-table.h b/examples/doc-viewer/app/components/field-table.h
new file mode 100644
index 000000000..92e744667
--- /dev/null
+++ b/examples/doc-viewer/app/components/field-table.h
@@ -0,0 +1,4 @@
+#include <ui.h>
+
+void ui_load_field_table_resources(void);
+void ui_register_field_table_provider(void);
diff --git a/examples/doc-viewer/app/components/field-table.tsx b/examples/doc-viewer/app/components/field-table.tsx
new file mode 100644
index 000000000..68cbfc94f
--- /dev/null
+++ b/examples/doc-viewer/app/components/field-table.tsx
@@ -0,0 +1,102 @@
+import { Fragment, Text, Widget } from "@lcui/react";
+import { ChevronDown, ChevronUp } from "@lcui/fluent-icons";
+import "./field-table.css";
+
+export interface FieldData {
+  name: string;
+  type: string;
+  default: string;
+  description: { en: string; "zh-CN": string };
+}
+
+export interface FieldTableProps {
+  fields: FieldData[];
+  locale?: string;
+}
+
+const labels: Record<string, Record<string, string>> = {
+  name: { en: "Prop", "zh-CN": "\u5C5E\u6027\u540D" },
+  type: { en: "Type", "zh-CN": "\u7C7B\u578B" },
+  default: { en: "Default", "zh-CN": "\u9ED8\u8BA4\u503C" },
+  description: { en: "Description", "zh-CN": "\u63CF\u8FF0" },
+};
+
+function t(key: string, locale: string): string {
+  return labels[key]?.[locale] ?? labels[key]?.en ?? key;
+}
+
+function FieldTableProvider({ children }: { children?: any }) {
+  return <Widget className="field-table-provider">{children}</Widget>;
+}
+
+function FieldTable({ fields, locale = "en" }: FieldTableProps) {
+  return (
+    <FieldTableProvider>
+      <Widget className="field-table">
+        <Widget className="field-table-row field-table-header">
+          <Widget className="field-table-cell cell-name">
+            <Text>{t("name", locale)}</Text>
+          </Widget>
+          <Widget className="field-table-cell cell-type">
+            <Text>{t("type", locale)}</Text>
+          </Widget>
+          <Widget className="field-table-cell cell-default">
+            <Text>{t("default", locale)}</Text>
+          </Widget>
+        </Widget>
+        {fields.map((field) => (
+          <Fragment key={field.name}>
+            <Widget className="field-table-row" key={field.name}>
+              <Widget className="field-table-cell cell-name">
+                <Text>{field.name}</Text>
+              </Widget>
+              <Widget className="field-table-cell cell-type">
+                <Text>{field.type}</Text>
+              </Widget>
+              <Widget className="field-table-cell cell-default">
+                <Text>{field.default}</Text>
+              </Widget>
+              <ChevronDown className="field-table-expand-icon" />
+              <ChevronUp className="field-table-collapse-icon" />
+            </Widget>
+            <Widget className="field-table-details">
+              <Widget className="field-table-detail-row">
+                <Text className="field-table-detail-name">
+                  {t("name", locale)}
+                </Text>
+                <Text className="field-table-detail-value">{field.name}</Text>
+              </Widget>
+              <Widget className="field-table-detail-row">
+                <Text className="field-table-detail-name">
+                  {t("type", locale)}
+                </Text>
+                <Text className="field-table-detail-value">{field.type}</Text>
+              </Widget>
+              <Widget className="field-table-detail-row">
+                <Text className="field-table-detail-name">
+                  {t("default", locale)}
+                </Text>
+                <Text className="field-table-detail-value">
+                  {field.default}
+                </Text>
+              </Widget>
+              <Widget className="field-table-detail-row">
+                <Text className="field-table-detail-name">
+                  {t("description", locale)}
+                </Text>
+                <Text className="field-table-detail-value">
+                  {locale === "zh-CN"
+                    ? field.description["zh-CN"]
+                    : field.description.en}
+                </Text>
+              </Widget>
+            </Widget>
+          </Fragment>
+        ))}
+      </Widget>
+    </FieldTableProvider>
+  );
+}
+
+FieldTable.shouldPreRender = true;
+export default FieldTable;
diff --git a/examples/doc-viewer/app/components/list.c b/examples/doc-viewer/app/components/list.c
new file mode 100644
index 000000000..7d358735d
--- /dev/null
+++ b/examples/doc-viewer/app/components/list.c
@@ -0,0 +1,169 @@
+/*
+ * app/components/list.c - Implementations of <ol>, <ul> and <li>
+ * widgets used by MDX-derived content in the doc-viewer.
+ *
+ * Each <li> creates a "marker" child of type text on init.  The marker
+ * carries the bullet character or running number and is positioned
+ * absolutely at the top-left of the li so it does not participate in
+ * flow.  Real content goes into siblings appended after the marker by
+ * the page generator (typically a single <text>).
+ *
+ * The parent <ol>/<ul> attaches a mutation observer on its own
+ * child_list.  Whenever children are added or removed, every li gets
+ * its marker text refreshed:
+ *   - <ul> uses a fixed bullet ("\u2022").
+ *   - <ol> uses 1-based decimal numbering.  The widest number's digit
+ *     count determines a uniform padding-left applied to every li so
+ *     the markers visually align.
+ *
+ * Units are px (LCUI does not currently support em on padding).  See
+ * .opencode/skills/lcui-cli/SKILL.md.
+ */
+
+#include <stdio.h>
+#include <stdlib.h>
+#include <string.h>
+#include <LCUI.h>
+#include <LCUI/widgets.h>
+#include <ui/mutation_observer.h>
+#include <ui/prototype.h>
+#include <ui/style.h>
+#include <css/types.h>
+#include "list.h"
+
+typedef struct {
+        ui_mutation_observer_t *observer;
+        int ordered;
+} list_data_t;
+
+typedef struct {
+        ui_widget_t *marker;
+} li_data_t;
+
+static ui_widget_prototype_t *ol_proto;
+static ui_widget_prototype_t *ul_proto;
+static ui_widget_prototype_t *li_proto;
+
+static list_data_t *list_get_data(ui_widget_t *w)
+{
+        if (ui_check_widget_type(w, "ol")) {
+                return ui_widget_get_data(w, ol_proto);
+        }
+        return ui_widget_get_data(w, ul_proto);
+}
+
+static void refresh_markers(ui_widget_t *w, int ordered)
+{
+        list_node_t *node;
+        size_t count = 0;
+        size_t index = 0;
+        int digits = 1;
+        size_t t;
+        css_numeric_value_t padding;
+
+        for (list_each(node, &w->children)) {
+                ui_widget_t *child = node->data;
+                if (ui_check_widget_type(child, "li")) {
+                        count++;
+                }
+        }
+        for (t = count; t >= 10; t /= 10) {
+                digits++;
+        }
+        padding = (css_numeric_value_t)(8 + digits * 12);
+        for (list_each(node, &w->children)) {
+                ui_widget_t *child = node->data;
+                li_data_t *ld;
+
+                if (!ui_check_widget_type(child, "li")) {
+                        continue;
+                }
+                ld = ui_widget_get_data(child, li_proto);
+                if (!ld || !ld->marker) {
+                        continue;
+                }
+                ++index;
+                if (ordered) {
+                        char buf[16];
+                        snprintf(buf, sizeof(buf), "%zu.", index);
+                        ui_text_set_content(ld->marker, buf);
+                } else {
+                        /* UTF-8 encoding of U+2022 BULLET */
+                        ui_text_set_content(ld->marker, "\xe2\x80\xa2");
+                }
+                ui_widget_set_style_unit_value(child, css_prop_padding_left,
+                                               padding, CSS_UNIT_PX);
+        }
+}
+
+static void list_on_mutation(ui_mutation_list_t *records,
+                             ui_mutation_observer_t *observer, void *arg)
+{
+        ui_widget_t *w = arg;
+        list_data_t *that = list_get_data(w);
+        list_node_t *node;
+
+        (void)observer;
+        if (!that) {
+                return;
+        }
+        for (list_each(node, records)) {
+                ui_mutation_record_t *r = node->data;
+                if (r->type == UI_MUTATION_RECORD_TYPE_CHILD_LIST) {
+                        refresh_markers(w, that->ordered);
+                        break;
+                }
+        }
+}
+
+static void list_init_common(ui_widget_t *w, ui_widget_prototype_t *proto,
+                             int ordered)
+{
+        list_data_t *that = ui_widget_add_data(w, proto, sizeof(list_data_t));
+        ui_mutation_observer_init_t options = { 0 };
+
+        that->ordered = ordered;
+        that->observer = ui_mutation_observer_create(list_on_mutation, w);
+        options.child_list = true;
+        ui_mutation_observer_observe(that->observer, w, options);
+        refresh_markers(w, ordered);
+}
+
+static void ol_init(ui_widget_t *w)
+{
+        list_init_common(w, ol_proto, 1);
+}
+
+static void ul_init(ui_widget_t *w)
+{
+        list_init_common(w, ul_proto, 0);
+}
+
+static void list_widget_destroy(ui_widget_t *w)
+{
+        list_data_t *that = list_get_data(w);
+        if (that && that->observer) {
+                ui_mutation_observer_destroy(that->observer);
+                that->observer = NULL;
+        }
+}
+
+static void li_init(ui_widget_t *w)
+{
+        li_data_t *that = ui_widget_add_data(w, li_proto, sizeof(li_data_t));
+        that->marker = ui_create_widget("text");
+        ui_widget_add_class(that->marker, "list-marker");
+        ui_widget_prepend(w, that->marker);
+}
+
+void ui_register_list_widgets(void)
+{
+        ol_proto = ui_create_widget_prototype("ol", NULL);
+        ol_proto->init = ol_init;
+        ol_proto->destroy = list_widget_destroy;
+        ul_proto = ui_create_widget_prototype("ul", NULL);
+        ul_proto->init = ul_init;
+        ul_proto->destroy = list_widget_destroy;
+        li_proto = ui_create_widget_prototype("li", NULL);
+        li_proto->init = li_init;
+}
diff --git a/examples/doc-viewer/app/components/list.h b/examples/doc-viewer/app/components/list.h
new file mode 100644
index 000000000..2a5fcedf7
--- /dev/null
+++ b/examples/doc-viewer/app/components/list.h
@@ -0,0 +1,11 @@
+/*
+ * app/components/list.h - Public registration entry for the
+ * doc-viewer's ol/ul/li widgets.  See list.c for behavior.
+ */
+
+#ifndef DOC_VIEWER_COMPONENTS_LIST_H
+#define DOC_VIEWER_COMPONENTS_LIST_H
+
+void ui_register_list_widgets(void);
+
+#endif
diff --git a/examples/doc-viewer/app/components/navbar.c b/examples/doc-viewer/app/components/navbar.c
new file mode 100644
index 000000000..b34fa1cc0
--- /dev/null
+++ b/examples/doc-viewer/app/components/navbar.c
@@ -0,0 +1,229 @@
+#include <wchar.h>
+#include <stdio.h>
+#include <string.h>
+#include <stdlib.h>
+#include <LCUI.h>
+#include <router.h>
+#include "navbar.tsx.h"
+#include "navbar.h"
+#include "route-titles.h"
+#include "../locale.h"
+
+typedef struct {
+        navbar_react_t base;
+        router_t *router;
+        router_watcher_t *watcher;
+        char *current_locale;
+} navbar_t;
+
+static navbar_t *navbar_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, navbar_proto);
+}
+
+/* Locale persistence lives in app/locale.c so that the resolution
+ * rules (saved -> OS-detected -> default) are shared with main.c.
+ * The navbar only owns the click-driven *switch* path; persistence is
+ * delegated to app_set_locale. */
+
+/* -----------------------------------------------------------------------
+ * Locale switch: three independent steps -- apply UI state (root class +
+ * button active), persist to settings, navigate the router.  The
+ * on_click handler orchestrates them via navbar_set_locale.
+ * --------------------------------------------------------------------- */
+
+static void navbar_apply_locale(ui_widget_t *w, const char *locale)
+{
+        navbar_t *that = navbar_get(w);
+        ui_widget_t *buttons[2] = {
+                that->base.refs.locale_en,
+                that->base.refs.locale_zh,
+        };
+        const char *button_locales[2] = { "en", "zh-CN" };
+
+        if (that->current_locale) {
+                ui_widget_remove_class(ui_root(), that->current_locale);
+        }
+        ui_widget_add_class(ui_root(), locale);
+        for (int i = 0; i < 2; ++i) {
+                if (!buttons[i]) {
+                        continue;
+                }
+                if (strcmp(button_locales[i], locale) == 0) {
+                        ui_widget_add_class(buttons[i], "active");
+                } else {
+                        ui_widget_remove_class(buttons[i], "active");
+                }
+        }
+}
+
+static void navbar_save_locale(const char *locale)
+{
+        app_set_locale(locale);
+}
+
+static void navbar_navigate_to(ui_widget_t *w, const char *locale)
+{
+        navbar_t *that = navbar_get(w);
+        const router_route_t *current;
+        const char *full_path;
+        const char *suffix;
+        char new_path[256];
+        router_location_t *location;
+
+        if (!that->router) {
+                return;
+        }
+        current = router_get_current_route(that->router);
+        if (!current) {
+                return;
+        }
+        full_path = router_route_get_full_path(current);
+        if (!full_path || full_path[0] != '/') {
+                return;
+        }
+        suffix = strchr(full_path + 1, '/');
+        if (suffix) {
+                snprintf(new_path, sizeof(new_path), "/%s%s", locale, suffix);
+        } else {
+                snprintf(new_path, sizeof(new_path), "/%s/overview/quick-start",
+                         locale);
+        }
+        location = router_location_create(NULL, new_path);
+        router_replace(that->router, location);
+        router_location_destroy(location);
+}
+
+static void navbar_set_locale(ui_widget_t *w, const char *locale)
+{
+        navbar_t *that = navbar_get(w);
+
+        if (!locale || locale[0] == 0) {
+                return;
+        }
+        if (that->current_locale && strcmp(that->current_locale, locale) == 0) {
+                return;
+        }
+        navbar_apply_locale(w, locale);
+        navbar_save_locale(locale);
+        navbar_navigate_to(w, locale);
+        free(that->current_locale);
+        that->current_locale = y_strdup(locale);
+}
+
+/* -----------------------------------------------------------------------
+ * Click handler wired up by the TSX.  `arg` is the clicked button; we
+ * read its data-locale attribute and forward to navbar_set_locale.
+ * --------------------------------------------------------------------- */
+
+static void navbar_on_locale_click(ui_widget_t *w, ui_event_t *e, void *arg)
+{
+        const char *locale = ui_widget_get_attr(w, "data-locale");
+        if (!locale) {
+                return;
+        }
+        navbar_set_locale(w->parent->parent->parent, locale);
+}
+
+/* -----------------------------------------------------------------------
+ * Route tracking: keep the path label and window title in sync with the
+ * current router location.
+ * --------------------------------------------------------------------- */
+
+static void navbar_apply_route(ui_widget_t *w, const char *path)
+{
+        navbar_t *that = navbar_get(w);
+        const wchar_t *title;
+        wchar_t buf[256];
+
+        if (path && that->base.refs.path) {
+                ui_text_set_content(that->base.refs.path, path);
+        }
+        title = route_title_for(path);
+        if (title && *title) {
+                swprintf(buf, 256, L"%ls \u00b7 LCUI", title);
+        } else {
+                wcscpy(buf, L"LCUI");
+        }
+        ui_widget_set_title(ui_root(), buf);
+}
+
+static void navbar_on_route_changed(void *data, const router_route_t *to,
+                                    const router_route_t *from)
+{
+        ui_widget_t *w = data;
+        (void)from;
+        if (!to) {
+                return;
+        }
+        navbar_apply_route(w, router_route_get_full_path(to));
+}
+
+static void navbar_init(ui_widget_t *w)
+{
+        navbar_t *that;
+        const router_route_t *current;
+        const char *locale;
+
+        ui_widget_add_data(w, navbar_proto, sizeof(navbar_t));
+        navbar_react_init(w);
+        that = navbar_get(w);
+        that->current_locale = NULL;
+
+        /* lcui-cli only emits a click binding for the *first* ref that
+         * uses a given onClick name.  The EN button already has its
+         * binding wired up by navbar_load_template; mirror it onto the
+         * zh-CN button so both share the same click handler.  The
+         * handler reads data-locale off the clicked widget, so both
+         * paths flow through navbar_set_locale. */
+        if (that->base.refs.locale_zh) {
+                ui_widget_on(that->base.refs.locale_zh, "click",
+                             navbar_on_locale_click, w);
+        }
+
+        that->router = router_get_by_name("AppRouter");
+        if (that->router) {
+                that->watcher =
+                    router_watch(that->router, navbar_on_route_changed, w);
+                current = router_get_current_route(that->router);
+                if (current) {
+                        navbar_apply_route(w,
+                                           router_route_get_full_path(current));
+                }
+        }
+        locale = app_get_locale();
+        that->current_locale = y_strdup(locale);
+        navbar_apply_locale(w, locale);
+        navbar_update(w);
+}
+
+static void navbar_destroy(ui_widget_t *w)
+{
+        navbar_t *that = navbar_get(w);
+        if (that && that->router && that->watcher) {
+                router_unwatch(that->router, that->watcher);
+                that->watcher = NULL;
+        }
+        if (that && that->current_locale) {
+                free(that->current_locale);
+                that->current_locale = NULL;
+        }
+        navbar_react_destroy(w);
+}
+
+void navbar_update(ui_widget_t *w)
+{
+        navbar_react_update(w);
+}
+
+ui_widget_t *ui_create_navbar(void)
+{
+        return ui_create_widget_with_prototype(navbar_proto);
+}
+
+void ui_register_navbar(void)
+{
+        navbar_init_prototype();
+        navbar_proto->init = navbar_init;
+        navbar_proto->destroy = navbar_destroy;
+}
diff --git a/examples/doc-viewer/app/components/navbar.css b/examples/doc-viewer/app/components/navbar.css
new file mode 100644
index 000000000..eafe9a8b7
--- /dev/null
+++ b/examples/doc-viewer/app/components/navbar.css
@@ -0,0 +1,51 @@
+.navbar {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  height: 56px;
+  padding: 0 24px;
+  background-color: #fff;
+  border-bottom: 1px solid #e8e8e8;
+}
+
+.navbar-logo {
+  font-size: 20px;
+  font-weight: bold;
+  color: #1890ff;
+}
+
+.navbar-spacer { flex: 1; }
+
+.navbar-path {
+  flex: 1;
+  margin: 0 16px;
+  padding: 4px 12px;
+  font-size: 13px;
+  color: #666;
+  background-color: #f5f5f5;
+  border: 1px solid #e8e8e8;
+  border-radius: 4px;
+}
+
+.navbar-links {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 16px;
+}
+
+.navbar-btn {
+  @apply px-2 py-1 rounded border-0 text-sm text-gray-700;
+}
+.navbar-btn:hover {
+  @apply bg-gray-50 text-gray-900;
+}
+.navbar-btn.active {
+  @apply bg-gray-100;
+}
+
+.navbar-version {
+  @apply text-sm text-gray-400 font-mono;
+}
+
+.navbar-github:hover { color: #1890ff; }
diff --git a/examples/doc-viewer/app/components/navbar.h b/examples/doc-viewer/app/components/navbar.h
new file mode 100644
index 000000000..48de27ed9
--- /dev/null
+++ b/examples/doc-viewer/app/components/navbar.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_navbar(void);
+
+ui_widget_t *ui_create_navbar(void);
+
+void navbar_update(ui_widget_t *w);
+
+void ui_load_navbar_resources(void);
diff --git a/examples/doc-viewer/app/components/navbar.tsx b/examples/doc-viewer/app/components/navbar.tsx
new file mode 100644
index 000000000..bb0faebd7
--- /dev/null
+++ b/examples/doc-viewer/app/components/navbar.tsx
@@ -0,0 +1,38 @@
+import { Button, Text } from "@lcui/react";
+import "./navbar.css";
+import packageJson from "../../../../package.json";
+
+export default function Navbar() {
+  return (
+    <div className="navbar">
+      <Text className="navbar-logo">LCUI</Text>
+      <Text $ref="path" className="navbar-path">
+        /
+      </Text>
+      <div className="navbar-links">
+        <div className="flex gap-2">
+          <Button
+            className="navbar-btn"
+            data-locale="en"
+            $ref="locale_en"
+            onClick="navbar_on_locale_click"
+          >
+            EN
+          </Button>
+          <Button
+            className="navbar-btn"
+            data-locale="zh-CN"
+            $ref="locale_zh"
+            onClick="navbar_on_locale_click"
+          >
+            中文
+          </Button>
+        </div>
+        <Text className="navbar-version">{packageJson.version}</Text>
+        <a href="https://github.com/lc-soft/LCUI" className="navbar-btn">
+          <Text>GitHub</Text>
+        </a>
+      </div>
+    </div>
+  );
+}
diff --git a/examples/doc-viewer/app/components/sidebar.c b/examples/doc-viewer/app/components/sidebar.c
new file mode 100644
index 000000000..df49b6941
--- /dev/null
+++ b/examples/doc-viewer/app/components/sidebar.c
@@ -0,0 +1,52 @@
+#include "sidebar.h"
+#include "sidebar.tsx.h"
+
+typedef struct {
+        sidebar_react_t base;
+        // Add additional states to your component here
+        // ...
+} sidebar_t;
+
+static void sidebar_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, sidebar_proto, sizeof(sidebar_t));
+        sidebar_proto->proto->init(w);
+        sidebar_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        sidebar_update(w);
+}
+
+static sidebar_t *sidebar_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, sidebar_proto);
+}
+
+static void sidebar_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        sidebar_react_destroy(w);
+}
+
+void sidebar_update(ui_widget_t *w)
+{
+        sidebar_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_sidebar(void)
+{
+        return ui_create_widget_with_prototype(sidebar_proto);
+}
+
+void ui_register_sidebar(void)
+{
+        sidebar_init_prototype();
+        sidebar_proto->init = sidebar_init;
+        sidebar_proto->destroy = sidebar_destroy;
+}
diff --git a/examples/doc-viewer/app/components/sidebar.css b/examples/doc-viewer/app/components/sidebar.css
new file mode 100644
index 000000000..573594a31
--- /dev/null
+++ b/examples/doc-viewer/app/components/sidebar.css
@@ -0,0 +1,52 @@
+.sidebar-container {
+  width: 240px;
+  min-width: 240px;
+  height: 100%;
+  background-color: #f8f9fa;
+  border-right: 1px solid #e8e8e8;
+}
+
+.sidebar {
+  flex-direction: column;
+  padding: 16px 0;
+}
+
+/* Override .lang's display:block with flex for sidebar layout. */
+.en .sidebar.en,
+.zh-CN .sidebar.zh-CN {
+  display: flex;
+}
+
+.sidebar-section {
+  margin-bottom: 8px;
+}
+
+.sidebar-heading {
+  padding: 4px 16px;
+  font-size: 12px;
+  font-weight: bold;
+  color: #999;
+}
+
+.sidebar-list {
+  display: flex;
+  flex-direction: column;
+}
+
+.sidebar-item {
+  display: block;
+  padding: 6px 16px 6px 24px;
+  color: #333;
+  font-size: 14px;
+}
+
+.sidebar-item:hover {
+  background-color: #e6f4ff;
+  color: #1890ff;
+}
+
+.sidebar-item.active {
+  background-color: #e6f4ff;
+  color: #1890ff;
+  font-weight: 500;
+}
diff --git a/examples/doc-viewer/app/components/sidebar.h b/examples/doc-viewer/app/components/sidebar.h
new file mode 100644
index 000000000..5f86e9575
--- /dev/null
+++ b/examples/doc-viewer/app/components/sidebar.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_sidebar(void);
+
+ui_widget_t *ui_create_sidebar(void);
+
+void sidebar_update(ui_widget_t *w);
+
+void ui_load_sidebar_resources(void);
diff --git a/examples/doc-viewer/app/components/sidebar.json b/examples/doc-viewer/app/components/sidebar.json
new file mode 100644
index 000000000..ec7632de9
--- /dev/null
+++ b/examples/doc-viewer/app/components/sidebar.json
@@ -0,0 +1,46 @@
+{
+  "sidebar": [
+    {
+      "slug": "overview",
+      "label": { "en": "Overview", "zh-CN": "概述" },
+      "items": [
+        { "slug": "quick-start", "label": { "en": "Quick Start", "zh-CN": "快速开始" } },
+        { "slug": "about", "label": { "en": "About", "zh-CN": "关于" } }
+      ]
+    },
+    {
+      "slug": "handbook",
+      "label": { "en": "Handbook", "zh-CN": "手册" },
+      "items": [
+        { "slug": "styling", "label": { "en": "Styling", "zh-CN": "样式" } },
+        { "slug": "customization", "label": { "en": "Customization", "zh-CN": "自定义" } }
+      ]
+    },
+    {
+      "slug": "devtools",
+      "label": { "en": "Dev Tools", "zh-CN": "开发工具" },
+      "items": [
+        { "slug": "tsx-and-dev-tools", "label": { "en": "TSX & @lcui/cli", "zh-CN": "TSX 与 @lcui/cli" } },
+        { "slug": "css-modules", "label": { "en": "CSS Modules", "zh-CN": "CSS Modules" } },
+        { "slug": "tailwind-css", "label": { "en": "Tailwind CSS", "zh-CN": "Tailwind CSS" } },
+        { "slug": "sass", "label": { "en": "Sass", "zh-CN": "Sass" } },
+        { "slug": "icon-library", "label": { "en": "Icon Library", "zh-CN": "图标库" } }
+      ]
+    },
+    {
+      "slug": "widgets",
+      "label": { "en": "Widgets", "zh-CN": "组件" },
+      "items": [
+        { "slug": "anchor", "label": { "en": "Anchor", "zh-CN": "Anchor 锚点" } },
+        { "slug": "button", "label": { "en": "Button", "zh-CN": "Button 按钮" } },
+        { "slug": "checkbox", "label": { "en": "Checkbox", "zh-CN": "Checkbox 复选框" } },
+        { "slug": "label", "label": { "en": "Label", "zh-CN": "Label 标签" } },
+        { "slug": "progress", "label": { "en": "Progress", "zh-CN": "Progress 进度条" } },
+        { "slug": "radio-group", "label": { "en": "RadioGroup", "zh-CN": "RadioGroup 单选组" } },
+        { "slug": "scrollarea", "label": { "en": "ScrollArea", "zh-CN": "ScrollArea 滚动区域" } },
+        { "slug": "text", "label": { "en": "Text", "zh-CN": "Text 文本" } },
+        { "slug": "text-input", "label": { "en": "TextInput", "zh-CN": "TextInput 文本输入" } }
+      ]
+    }
+  ]
+}
diff --git a/examples/doc-viewer/app/components/sidebar.tsx b/examples/doc-viewer/app/components/sidebar.tsx
new file mode 100644
index 000000000..a9146a73f
--- /dev/null
+++ b/examples/doc-viewer/app/components/sidebar.tsx
@@ -0,0 +1,47 @@
+import { RouterLink, ScrollArea, ScrollAreaContent, Scrollbar, Text } from "@lcui/react";
+import  "./sidebar.css";
+import sidebarData from "./sidebar.json";
+
+interface SidebarItemData {
+  slug: string;
+  label: { en: string; "zh-CN": string };
+}
+
+interface SidebarSection {
+  slug: string;
+  label: { en: string; "zh-CN": string };
+  items: SidebarItemData[];
+}
+
+export default function Sidebar() {
+  return (
+    <ScrollArea className="sidebar-container">
+      {(["zh-CN", "en"] as const).map((locale) => (
+        <ScrollAreaContent key={locale} className={`sidebar lang ${locale}`}>
+          {(sidebarData as { sidebar: SidebarSection[] }).sidebar.map(
+            (section: SidebarSection) => (
+              <div key={section.slug} className="sidebar-section">
+                <Text className="sidebar-heading">
+                  {section.label[locale]}
+                </Text>
+                <div className="sidebar-list">
+                  {section.items.map((item: SidebarItemData) => (
+                    <RouterLink
+                      key={item.slug}
+                      to={`/${locale}/${section.slug}/${item.slug}`}
+                      className="sidebar-item"
+                      activeClass="active"
+                    >
+                      {item.label[locale]}
+                    </RouterLink>
+                  ))}
+                </div>
+              </div>
+            )
+          )}
+        </ScrollAreaContent>
+      ))}
+      <Scrollbar direction="vertical" />
+    </ScrollArea>
+  );
+}
diff --git a/examples/doc-viewer/app/en/devtools/css-modules/page.c b/examples/doc-viewer/app/en/devtools/css-modules/page.c
new file mode 100644
index 000000000..cc478f21e
--- /dev/null
+++ b/examples/doc-viewer/app/en/devtools/css-modules/page.c
@@ -0,0 +1,57 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_devtools_css_modules_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_devtools_css_modules_page_t;
+
+static void en_devtools_css_modules_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_devtools_css_modules_page_proto,
+                           sizeof(en_devtools_css_modules_page_t));
+
+        en_devtools_css_modules_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_devtools_css_modules_page_update(w);
+}
+
+static en_devtools_css_modules_page_t *en_devtools_css_modules_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_devtools_css_modules_page_proto);
+}
+
+static void en_devtools_css_modules_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_devtools_css_modules_page_react_destroy(w);
+}
+
+void en_devtools_css_modules_page_update(ui_widget_t *w)
+{
+        en_devtools_css_modules_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_devtools_css_modules_page(void)
+{
+        return ui_create_widget_with_prototype(
+            en_devtools_css_modules_page_proto);
+}
+
+void ui_register_en_devtools_css_modules_page(void)
+{
+        en_devtools_css_modules_page_init_prototype();
+        en_devtools_css_modules_page_proto->init =
+            en_devtools_css_modules_page_init;
+        en_devtools_css_modules_page_proto->destroy =
+            en_devtools_css_modules_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/devtools/css-modules/page.h b/examples/doc-viewer/app/en/devtools/css-modules/page.h
new file mode 100644
index 000000000..54e7ff8ca
--- /dev/null
+++ b/examples/doc-viewer/app/en/devtools/css-modules/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_devtools_css_modules_page(void);
+
+ui_widget_t *ui_create_en_devtools_css_modules_page(void);
+
+void en_devtools_css_modules_page_update(ui_widget_t *w);
+
+void ui_load_en_devtools_css_modules_page_resources(void);
diff --git a/examples/doc-viewer/app/en/devtools/css-modules/page.tsx b/examples/doc-viewer/app/en/devtools/css-modules/page.tsx
new file mode 100644
index 000000000..dc9e009a0
--- /dev/null
+++ b/examples/doc-viewer/app/en/devtools/css-modules/page.tsx
@@ -0,0 +1,49 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function CssModulesDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>CSS Modules</h1>
+      <p className="doc-page-desc">{`CSS Modules create locally scoped CSS classes for TSX components, avoiding naming conflicts and improving maintainability.`}</p>
+      <Widget className="doc-section">
+        <h2>Usage</h2>
+        <p>{`Create a file with the [bgcolor=#eee] .module.css [/bgcolor] suffix:`}</p>
+        <Widget className="code-block" data-language="css" data-source="en/devtools/css-modules/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">MyComponent.module.css</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800].card[/color] {`}</Text>
+            <Text className="code-line">{`  border: [color=#0550ae]1px[/color] solid [color=#0550ae]#eee[/color];`}</Text>
+            <Text className="code-line">{`  border-radius: [color=#0550ae]4px[/color];`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Import it in a [bgcolor=#eee] .tsx [/bgcolor] file:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/devtools/css-modules/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">MyComponent.tsx</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] styles [color=#cf222e]from[/color] [color=#0a3069]"./MyComponent.module.css"[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Use the [bgcolor=#eee] styles [/bgcolor] object instead of string class names in JSX:`}</p>
+        <Widget className="code-block" data-language="diff" data-source="en/devtools/css-modules/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">DIFF</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`- <Widget className="card" />`}</Text>
+            <Text className="code-line">{`+ <Widget className={styles.card} />`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`During compilation, [bgcolor=#eee] @lcui/cli [/bgcolor] converts [bgcolor=#eee] .module.css [/bgcolor] into C identifier bindings, automatically generating unique C constant names for class names to avoid global conflicts.`}</p>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/devtools/icon-library/page.c b/examples/doc-viewer/app/en/devtools/icon-library/page.c
new file mode 100644
index 000000000..654f6af08
--- /dev/null
+++ b/examples/doc-viewer/app/en/devtools/icon-library/page.c
@@ -0,0 +1,57 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_devtools_icon_library_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_devtools_icon_library_page_t;
+
+static void en_devtools_icon_library_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_devtools_icon_library_page_proto,
+                           sizeof(en_devtools_icon_library_page_t));
+
+        en_devtools_icon_library_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_devtools_icon_library_page_update(w);
+}
+
+static en_devtools_icon_library_page_t *en_devtools_icon_library_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_devtools_icon_library_page_proto);
+}
+
+static void en_devtools_icon_library_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_devtools_icon_library_page_react_destroy(w);
+}
+
+void en_devtools_icon_library_page_update(ui_widget_t *w)
+{
+        en_devtools_icon_library_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_devtools_icon_library_page(void)
+{
+        return ui_create_widget_with_prototype(
+            en_devtools_icon_library_page_proto);
+}
+
+void ui_register_en_devtools_icon_library_page(void)
+{
+        en_devtools_icon_library_page_init_prototype();
+        en_devtools_icon_library_page_proto->init =
+            en_devtools_icon_library_page_init;
+        en_devtools_icon_library_page_proto->destroy =
+            en_devtools_icon_library_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/devtools/icon-library/page.h b/examples/doc-viewer/app/en/devtools/icon-library/page.h
new file mode 100644
index 000000000..0c31a9334
--- /dev/null
+++ b/examples/doc-viewer/app/en/devtools/icon-library/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_devtools_icon_library_page(void);
+
+ui_widget_t *ui_create_en_devtools_icon_library_page(void);
+
+void en_devtools_icon_library_page_update(ui_widget_t *w);
+
+void ui_load_en_devtools_icon_library_page_resources(void);
diff --git a/examples/doc-viewer/app/en/devtools/icon-library/page.tsx b/examples/doc-viewer/app/en/devtools/icon-library/page.tsx
new file mode 100644
index 000000000..0b6179a88
--- /dev/null
+++ b/examples/doc-viewer/app/en/devtools/icon-library/page.tsx
@@ -0,0 +1,52 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function IconLibraryDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Icon Library</h1>
+      <p className="doc-page-desc">{`[bgcolor=#eee] @lcui/fluent-icons [/bgcolor] is an icon library adapted for LCUI. All icons come from Microsoft's fluentui-system-icons project.`}</p>
+      <Widget className="doc-section">
+        <h2>Installation</h2>
+        <Widget className="code-block" data-language="sh" data-source="en/devtools/icon-library/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install @lcui/fluent-icons`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Choosing icons</h2>
+        <p>{`Search and select icons on flicon.io. For example, the zoom-in icon is typically named "Zoom In" in English.`}</p>
+        <p>{`fluentui-system-icons icons are available in sizes like 16, 20, and 24, named in the format "icon name + size + style". [bgcolor=#eee] @lcui/fluent-icons [/bgcolor] uses the naming format "icon name + style", and when the style is Regular it can be omitted.`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Usage</h2>
+        <Widget className="code-block" data-language="tsx" data-source="en/devtools/icon-library/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]ZoomIn[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/fluent-icons"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#116329]<[color=#0550ae]ZoomIn[/color] />[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`The default size is 20. If the icon size is fixed and you want better rendering, specify the size parameter:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/devtools/icon-library/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]ZoomIn[/color] size={[color=#0550ae]32[/color]} />`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/devtools/sass/page.c b/examples/doc-viewer/app/en/devtools/sass/page.c
new file mode 100644
index 000000000..558d6111b
--- /dev/null
+++ b/examples/doc-viewer/app/en/devtools/sass/page.c
@@ -0,0 +1,53 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_devtools_sass_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_devtools_sass_page_t;
+
+static void en_devtools_sass_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_devtools_sass_page_proto,
+                           sizeof(en_devtools_sass_page_t));
+
+        en_devtools_sass_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_devtools_sass_page_update(w);
+}
+
+static en_devtools_sass_page_t *en_devtools_sass_page_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_devtools_sass_page_proto);
+}
+
+static void en_devtools_sass_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_devtools_sass_page_react_destroy(w);
+}
+
+void en_devtools_sass_page_update(ui_widget_t *w)
+{
+        en_devtools_sass_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_devtools_sass_page(void)
+{
+        return ui_create_widget_with_prototype(en_devtools_sass_page_proto);
+}
+
+void ui_register_en_devtools_sass_page(void)
+{
+        en_devtools_sass_page_init_prototype();
+        en_devtools_sass_page_proto->init = en_devtools_sass_page_init;
+        en_devtools_sass_page_proto->destroy = en_devtools_sass_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/devtools/sass/page.h b/examples/doc-viewer/app/en/devtools/sass/page.h
new file mode 100644
index 000000000..88b43289c
--- /dev/null
+++ b/examples/doc-viewer/app/en/devtools/sass/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_devtools_sass_page(void);
+
+ui_widget_t *ui_create_en_devtools_sass_page(void);
+
+void en_devtools_sass_page_update(ui_widget_t *w);
+
+void ui_load_en_devtools_sass_page_resources(void);
diff --git a/examples/doc-viewer/app/en/devtools/sass/page.tsx b/examples/doc-viewer/app/en/devtools/sass/page.tsx
new file mode 100644
index 000000000..b56ab5b7f
--- /dev/null
+++ b/examples/doc-viewer/app/en/devtools/sass/page.tsx
@@ -0,0 +1,26 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function SassDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Sass</h1>
+      <p className="doc-page-desc">{`Sass is a popular CSS preprocessor that extends CSS with variables, nesting rules, mixins, and more.`}</p>
+      <Widget className="doc-section">
+        <h2>Usage</h2>
+        <p>{`[bgcolor=#eee] @lcui/cli [/bgcolor] has a built-in Sass preprocessor that is automatically invoked when compiling [bgcolor=#eee] .sass [/bgcolor] and [bgcolor=#eee] .scss [/bgcolor] files — no additional installation or configuration needed.`}</p>
+        <p>{`Import Sass files directly in TSX:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/devtools/sass/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">MyComponent.tsx</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] [color=#0a3069]"./MyComponent.scss"[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`The CLI compiles Sass files into CSS, then converts them to C code for runtime loading.`}</p>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/devtools/tailwind-css/page.c b/examples/doc-viewer/app/en/devtools/tailwind-css/page.c
new file mode 100644
index 000000000..6f9b27810
--- /dev/null
+++ b/examples/doc-viewer/app/en/devtools/tailwind-css/page.c
@@ -0,0 +1,57 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_devtools_tailwind_css_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_devtools_tailwind_css_page_t;
+
+static void en_devtools_tailwind_css_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_devtools_tailwind_css_page_proto,
+                           sizeof(en_devtools_tailwind_css_page_t));
+
+        en_devtools_tailwind_css_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_devtools_tailwind_css_page_update(w);
+}
+
+static en_devtools_tailwind_css_page_t *en_devtools_tailwind_css_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_devtools_tailwind_css_page_proto);
+}
+
+static void en_devtools_tailwind_css_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_devtools_tailwind_css_page_react_destroy(w);
+}
+
+void en_devtools_tailwind_css_page_update(ui_widget_t *w)
+{
+        en_devtools_tailwind_css_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_devtools_tailwind_css_page(void)
+{
+        return ui_create_widget_with_prototype(
+            en_devtools_tailwind_css_page_proto);
+}
+
+void ui_register_en_devtools_tailwind_css_page(void)
+{
+        en_devtools_tailwind_css_page_init_prototype();
+        en_devtools_tailwind_css_page_proto->init =
+            en_devtools_tailwind_css_page_init;
+        en_devtools_tailwind_css_page_proto->destroy =
+            en_devtools_tailwind_css_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/devtools/tailwind-css/page.h b/examples/doc-viewer/app/en/devtools/tailwind-css/page.h
new file mode 100644
index 000000000..76fd5e195
--- /dev/null
+++ b/examples/doc-viewer/app/en/devtools/tailwind-css/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_devtools_tailwind_css_page(void);
+
+ui_widget_t *ui_create_en_devtools_tailwind_css_page(void);
+
+void en_devtools_tailwind_css_page_update(ui_widget_t *w);
+
+void ui_load_en_devtools_tailwind_css_page_resources(void);
diff --git a/examples/doc-viewer/app/en/devtools/tailwind-css/page.tsx b/examples/doc-viewer/app/en/devtools/tailwind-css/page.tsx
new file mode 100644
index 000000000..265280eea
--- /dev/null
+++ b/examples/doc-viewer/app/en/devtools/tailwind-css/page.tsx
@@ -0,0 +1,51 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function TailwindCssDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Tailwind CSS</h1>
+      <p className="doc-page-desc">{`Tailwind CSS is a utility-first CSS framework that helps developers quickly apply styles through predefined CSS classes. Compared to traditional CSS, you don't need to create new CSS files, write rules, or think up class names.`}</p>
+      <Widget className="doc-section">
+        <h2>Installation</h2>
+        <Widget className="code-block" data-language="sh" data-source="en/devtools/tailwind-css/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install -D tailwindcss postcss @thedutchcoder/postcss-rem-to-px`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Configuration</h2>
+        <p>{`Copy the following files from the lcui-quick-start template project to your project root:`}</p>
+        <ul>
+          <li><Text>{`[bgcolor=#eee] postcss.config.js [/bgcolor]`}</Text></li>
+          <li><Text>{`[bgcolor=#eee] tailwind.config.js [/bgcolor]`}</Text></li>
+          <li><Text>{`[bgcolor=#eee] app/global.css [/bgcolor]`}</Text></li>
+        </ul>
+        <p>{`[bgcolor=#eee] global.css [/bgcolor] contains the Tailwind directives:`}</p>
+        <Widget className="code-block" data-language="css" data-source="en/devtools/tailwind-css/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">app/global.css</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]@tailwind[/color] base;`}</Text>
+            <Text className="code-line">{`[color=#cf222e]@tailwind[/color] components;`}</Text>
+            <Text className="code-line">{`[color=#cf222e]@tailwind[/color] utilities;`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`When compiling, [bgcolor=#eee] @lcui/cli [/bgcolor] processes Tailwind directives through the PostCSS chain (postcss + tailwindcss + postcss-rem-to-px) to generate the final CSS output.`}</p>
+        <Widget className="admonition admonition-tip">
+          <Text className="admonition-title">技巧</Text>
+          <Widget className="admonition-content">
+            <p>{`If you don't want to place global.css inside the app directory, change the [bgcolor=#eee] content [/bgcolor] path matching rules in [bgcolor=#eee] tailwind.config.js [/bgcolor].`}</p>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/devtools/tsx-and-dev-tools/page.c b/examples/doc-viewer/app/en/devtools/tsx-and-dev-tools/page.c
new file mode 100644
index 000000000..83f7923fd
--- /dev/null
+++ b/examples/doc-viewer/app/en/devtools/tsx-and-dev-tools/page.c
@@ -0,0 +1,57 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_devtools_tsx_and_dev_tools_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_devtools_tsx_and_dev_tools_page_t;
+
+static void en_devtools_tsx_and_dev_tools_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_devtools_tsx_and_dev_tools_page_proto,
+                           sizeof(en_devtools_tsx_and_dev_tools_page_t));
+
+        en_devtools_tsx_and_dev_tools_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_devtools_tsx_and_dev_tools_page_update(w);
+}
+
+static en_devtools_tsx_and_dev_tools_page_t *
+en_devtools_tsx_and_dev_tools_page_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_devtools_tsx_and_dev_tools_page_proto);
+}
+
+static void en_devtools_tsx_and_dev_tools_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_devtools_tsx_and_dev_tools_page_react_destroy(w);
+}
+
+void en_devtools_tsx_and_dev_tools_page_update(ui_widget_t *w)
+{
+        en_devtools_tsx_and_dev_tools_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_devtools_tsx_and_dev_tools_page(void)
+{
+        return ui_create_widget_with_prototype(
+            en_devtools_tsx_and_dev_tools_page_proto);
+}
+
+void ui_register_en_devtools_tsx_and_dev_tools_page(void)
+{
+        en_devtools_tsx_and_dev_tools_page_init_prototype();
+        en_devtools_tsx_and_dev_tools_page_proto->init =
+            en_devtools_tsx_and_dev_tools_page_init;
+        en_devtools_tsx_and_dev_tools_page_proto->destroy =
+            en_devtools_tsx_and_dev_tools_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/devtools/tsx-and-dev-tools/page.h b/examples/doc-viewer/app/en/devtools/tsx-and-dev-tools/page.h
new file mode 100644
index 000000000..dc8669bda
--- /dev/null
+++ b/examples/doc-viewer/app/en/devtools/tsx-and-dev-tools/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_devtools_tsx_and_dev_tools_page(void);
+
+ui_widget_t *ui_create_en_devtools_tsx_and_dev_tools_page(void);
+
+void en_devtools_tsx_and_dev_tools_page_update(ui_widget_t *w);
+
+void ui_load_en_devtools_tsx_and_dev_tools_page_resources(void);
diff --git a/examples/doc-viewer/app/en/devtools/tsx-and-dev-tools/page.tsx b/examples/doc-viewer/app/en/devtools/tsx-and-dev-tools/page.tsx
new file mode 100644
index 000000000..f1a9de44c
--- /dev/null
+++ b/examples/doc-viewer/app/en/devtools/tsx-and-dev-tools/page.tsx
@@ -0,0 +1,260 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function TsxAndDevToolsDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>TSX &amp; Dev Tools</h1>
+      <p className="doc-page-desc">{`With [bgcolor=#eee] @lcui/cli [/bgcolor], you can write declarative UIs using TypeScript with JSX syntax. The CLI compiles TSX into C code, so you don't need to manually write widget tree construction logic.`}</p>
+      <p>{`The benefit is that the declarative approach makes state binding, event binding, and resource imports more concise and intuitive. Handling logic and view in the same file reduces context switching.`}</p>
+      <p>{`However, [bgcolor=#eee] @lcui/react [/bgcolor] currently has limited capabilities — you can only declare component state, data bindings, and event bindings. For complex operations like conditional rendering or list rendering, you still need to write C code.`}</p>
+      <Widget className="doc-section">
+        <h2>Installing dev tools</h2>
+        <p>{`[bgcolor=#eee] @lcui/cli [/bgcolor] is a command-line tool that integrates a TypeScript compiler, Sass preprocessor, resource file loader, and more. It requires a Node.js runtime:`}</p>
+        <Widget className="code-block" data-language="sh" data-source="en/devtools/tsx-and-dev-tools/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install -g @lcui/cli`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>How the preprocessor works</h2>
+        <p>{`LCUI uses a preprocessor approach: TSX files are only executed during preprocessing and do not become runtime code. You can think of TSX files as configuration files, where the TypeScript code acts as preprocessing directives.`}</p>
+        <p>{`The preprocessor matches the appropriate loader by file extension, parses the TSX code, collects dependencies, executes component functions, and then generates C source files based on the returned JSX elements and Hook call results.`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Usage overview</h2>
+        <Widget className="code-block" data-language="tsx" data-source="en/devtools/tsx-and-dev-tools/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">src/App.tsx</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { useState, [color=#8250df]TextInput[/color], [color=#8250df]Button[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]App[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] inputRef = { [color=#0550ae]current[/color]: { [color=#0550ae]value[/color]: [color=#0a3069]""[/color] } };`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] \\[name, setName] = [color=#8250df]useState[/color]([color=#0a3069]"LCUI"[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+            <Text className="code-line">{`    [color=#116329]<[color=#0550ae]Widget[/color] [color=#0550ae]className[/color]=[color=#0a3069]"container"[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]<[color=#0550ae]Widget[/color] [color=#0550ae]className[/color]=[color=#0a3069]"flex flex-col items-center pt-6"[/color]>[/color]`}</Text>
+            <Text className="code-line">{`        [color=#116329]<[color=#0550ae]Text[/color] [color=#0550ae]className[/color]=[color=#0a3069]"my-4 text-2xl text-center"[/color]>[/color]Hello, {name}![color=#116329]</[color=#0550ae]Text[/color]>[/color]`}</Text>
+            <Text className="code-line">{`        [color=#116329]<[color=#0550ae]TextInput[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          \$[color=#0550ae]ref[/color]=[color=#0a3069]{inputRef}[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          [color=#0550ae]className[/color]=[color=#0a3069]"mt-2"[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          [color=#0550ae]placeholder[/color]=[color=#0a3069]"Please input..."[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]        />[/color]`}</Text>
+            <Text className="code-line">{`        [color=#116329]<[color=#0550ae]Button[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          [color=#0550ae]className[/color]=[color=#0a3069]"mt-2"[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          [color=#0550ae]onClick[/color]=[color=#0a3069]{()[/color] =>[/color] setName(inputRef.current.value)}`}</Text>
+            <Text className="code-line">{`        >`}</Text>
+            <Text className="code-line">{`          Change`}</Text>
+            <Text className="code-line">{`        [color=#116329]</[color=#0550ae]Button[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]</[color=#0550ae]Widget[/color]>[/color]`}</Text>
+            <Text className="code-line">{`    [color=#116329]</[color=#0550ae]Widget[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  );`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>React library</h2>
+        <p>{`[bgcolor=#eee] @lcui/react [/bgcolor] is a UI library tailored for LCUI's features and preprocessor workflow, providing built-in components, utility functions, and hooks.`}</p>
+        <p>{`Installation:`}</p>
+        <Widget className="code-block" data-language="sh" data-source="en/devtools/tsx-and-dev-tools/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install @lcui/react`}</Text>
+          </Widget>
+        </Widget>
+        <h3>Component functions</h3>
+        <p>{`The preprocessor executes component functions, collects data from [bgcolor=#eee] useState [/bgcolor], [bgcolor=#eee] useRef [/bgcolor], etc. and the returned JSX elements, then converts them into C code.`}</p>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <ul>
+              <li><Text>{`Component function return values must be a single JSX element — [bgcolor=#eee] <Fragment> [/bgcolor], null, undefined, strings, numbers, or other objects are not supported.`}</Text></li>
+              <li><Text>{`Declaring and passing component props is not yet supported.`}</Text></li>
+            </ul>
+          </Widget>
+        </Widget>
+        <h3>State management</h3>
+        <p>{`[bgcolor=#eee] useState [/bgcolor] declares a state variable for a component:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/devtools/tsx-and-dev-tools/3">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { useState } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]function[/color] [color=#8250df]MyComponent[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] \\[age, setAge] = [color=#8250df]useState[/color]([color=#0550ae]23[/color]);`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] \\[name, setName] = [color=#8250df]useState[/color]([color=#0a3069]"Taylor"[/color]);`}</Text>
+            <Text className="code-line">{`  [color=#6e7781]// ...[/color]`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`[bgcolor=#eee] useState [/bgcolor] returns an array:`}</p>
+        <ul>
+          <li><Text>{`The state variable, initialized to the value passed to [bgcolor=#eee] useState [/bgcolor].`}</Text></li>
+          <li><Text>{`A set function, which lets you change the state variable in response to interactions.`}</Text></li>
+        </ul>
+        <p>{`[bgcolor=#eee] useState [/bgcolor] adds a member to the component's state struct and generates initialization code in the init function:`}</p>
+        <Widget className="code-block" data-language="c" data-source="en/devtools/tsx-and-dev-tools/4">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#6e7781]/* Component state struct */[/color]`}</Text>
+            <Text className="code-line">{`[color=#cf222e]struct[/color] [color=#8250df]MyComponent_state[/color] {`}</Text>
+            <Text className="code-line">{`  [color=#953800]int[/color] age;`}</Text>
+            <Text className="code-line">{`  [color=#953800]char[/color] *name;`}</Text>
+            <Text className="code-line">{`};`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#6e7781]/* Code in component init function */[/color]`}</Text>
+            <Text className="code-line">{`_that->state.age = [color=#0550ae]23[/color];`}</Text>
+            <Text className="code-line">{`_that->state.name = strdup2([color=#0a3069]"Taylor"[/color]);`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`The state's set function inserts C code in the current scope, e.g. [bgcolor=#eee] setAge(30) [/bgcolor] generates [bgcolor=#eee] _that->state.age = 30; [/bgcolor].`}</p>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[bgcolor=#eee] useState [/bgcolor] parameters can only be string or number types.`}</p>
+          </Widget>
+        </Widget>
+        <h3>Refs</h3>
+        <p>{`Use the [bgcolor=#eee] \$ref [/bgcolor] attribute to reference a widget object:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/devtools/tsx-and-dev-tools/5">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]TextInput[/color] \$ref=[color=#0a3069]"input"[/color] />`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Then operate on it in C code:`}</p>
+        <Widget className="code-block" data-language="c" data-source="en/devtools/tsx-and-dev-tools/6">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`ui_textinput_set_content(_that->refs.input, [color=#0a3069]"hello"[/color]);`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`The [bgcolor=#eee] \$ref [/bgcolor] value can also be a reference object returned by [bgcolor=#eee] useRef [/bgcolor]:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/devtools/tsx-and-dev-tools/7">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { useRef } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]function[/color] [color=#8250df]MyComponent[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] inputRef = [color=#8250df]useRef[/color]();`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] [color=#116329]<[color=#0550ae]TextInput[/color] \$[color=#0550ae]ref[/color]=[color=#0a3069]{inputRef}[/color] />[/color];`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`[bgcolor=#eee] useRef [/bgcolor] currently only implements value property read/write binding for TextInput:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/devtools/tsx-and-dev-tools/8">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`inputRef.[color=#0550ae]current[/color].[color=#0550ae]value[/color] = [color=#0a3069]"World"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#116329]<[color=#0550ae]Button[/color] [color=#0550ae]onClick[/color]=[color=#0a3069]{()[/color] =>[/color] setName(inputRef.current.value)}>Click[color=#116329]</[color=#0550ae]Button[/color]>[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[bgcolor=#eee] @lcui/react [/bgcolor]'s [bgcolor=#eee] useRef [/bgcolor] is different from React's [bgcolor=#eee] useRef [/bgcolor] — it is only for referencing widget objects.`}</p>
+          </Widget>
+        </Widget>
+        <h3>Responding to events</h3>
+        <p>{`Declare event handlers using the [bgcolor=#eee] on + event name [/bgcolor] attribute:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/devtools/tsx-and-dev-tools/9">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]Button[/color] onClick=[color=#0a3069]"handleClick"[/color]>[color=#8250df]Click[/color] me</[color=#8250df]Button[/color]>`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`The preprocessor generates C code to bind the event:`}</p>
+        <Widget className="code-block" data-language="c" data-source="en/devtools/tsx-and-dev-tools/10">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`ui_widget_on(_that->refs.ref_0, [color=#0a3069]"click"[/color], handleClick, w);`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`You can also bind JavaScript functions to events:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/devtools/tsx-and-dev-tools/11">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { useState, [color=#8250df]Text[/color], [color=#8250df]Button[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]Counter[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] \\[text, setText] = [color=#8250df]useState[/color]([color=#0a3069]"Click me"[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`  [color=#cf222e]function[/color] [color=#8250df]handleClick[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`    [color=#8250df]setText[/color]([color=#0a3069]"You clicked"[/color]);`}</Text>
+            <Text className="code-line">{`  }`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+            <Text className="code-line">{`    [color=#116329]<[color=#0550ae]Button[/color] [color=#0550ae]onClick[/color]=[color=#0a3069]{handleClick}[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      {text}`}</Text>
+            <Text className="code-line">{`    [color=#116329]</[color=#0550ae]Button[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  );`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`The preprocessor generates a C-language version of the event handler based on the code executed inside the handler function.`}</p>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`Currently, only state variable set functions can be called inside event handlers. Accessing the event object or executing other statements is not supported.`}</p>
+          </Widget>
+        </Widget>
+        <h3>Conditional rendering</h3>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`Not yet supported. We are considering implementing conditional rendering with a [bgcolor=#eee] <Show> [/bgcolor] component, inspired by Solid.js's [bgcolor=#eee] <Show> [/bgcolor].`}</p>
+          </Widget>
+        </Widget>
+        <h3>Rendering lists</h3>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`Not yet supported. We are considering implementing array iteration with a [bgcolor=#eee] <For> [/bgcolor] component, inspired by Solid.js's [bgcolor=#eee] <For> [/bgcolor].`}</p>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/handbook/composition/page.c b/examples/doc-viewer/app/en/handbook/composition/page.c
new file mode 100644
index 000000000..42e3574b5
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/composition/page.c
@@ -0,0 +1,56 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_handbook_composition_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_handbook_composition_page_t;
+
+static void en_handbook_composition_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_handbook_composition_page_proto,
+                           sizeof(en_handbook_composition_page_t));
+        en_handbook_composition_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_handbook_composition_page_update(w);
+}
+
+static en_handbook_composition_page_t *en_handbook_composition_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_handbook_composition_page_proto);
+}
+
+static void en_handbook_composition_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_handbook_composition_page_react_destroy(w);
+}
+
+void en_handbook_composition_page_update(ui_widget_t *w)
+{
+        en_handbook_composition_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_handbook_composition_page(void)
+{
+        return ui_create_widget_with_prototype(
+            en_handbook_composition_page_proto);
+}
+
+void ui_register_en_handbook_composition_page(void)
+{
+        en_handbook_composition_page_init_prototype();
+        en_handbook_composition_page_proto->init =
+            en_handbook_composition_page_init;
+        en_handbook_composition_page_proto->destroy =
+            en_handbook_composition_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/handbook/composition/page.h b/examples/doc-viewer/app/en/handbook/composition/page.h
new file mode 100644
index 000000000..1a9b159c4
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/composition/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_handbook_composition_page(void);
+
+ui_widget_t *ui_create_en_handbook_composition_page(void);
+
+void en_handbook_composition_page_update(ui_widget_t *w);
+
+void ui_load_en_handbook_composition_page_resources(void);
diff --git a/examples/doc-viewer/app/en/handbook/composition/page.tsx b/examples/doc-viewer/app/en/handbook/composition/page.tsx
new file mode 100644
index 000000000..a701923e8
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/composition/page.tsx
@@ -0,0 +1,238 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function CompositionDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Composition</h1>
+      <p className="doc-page-desc">{`Building complex UIs means composing many widgets together. LCUI provides three ways to do this.`}</p>
+      <Widget className="doc-section">
+        <h2>Building widget hierarchies in C</h2>
+        <p>{`Use [bgcolor=#eee] ui_widget_append() [/bgcolor] to nest widgets:`}</p>
+        <Widget className="code-block" data-language="c" data-source="en/handbook/composition/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]ui_widget_t[/color] *root = ui_root();`}</Text>
+            <Text className="code-line">{`[color=#953800]ui_widget_t[/color] *container = ui_create_widget([color=#0550ae]NULL[/color]);`}</Text>
+            <Text className="code-line">{`[color=#953800]ui_widget_t[/color] *title = ui_create_widget([color=#0a3069]"text"[/color]);`}</Text>
+            <Text className="code-line">{`[color=#953800]ui_widget_t[/color] *btn = ui_create_widget([color=#0a3069]"button"[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`ui_text_set_content(title, [color=#0a3069]"My App"[/color]);`}</Text>
+            <Text className="code-line">{`ui_button_set_text(btn, [color=#0a3069]"Click me"[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`ui_widget_append(container, title);`}</Text>
+            <Text className="code-line">{`ui_widget_append(container, btn);`}</Text>
+            <Text className="code-line">{`ui_widget_append(root, container);`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Composing with XML</h2>
+        <p>{`Define your entire widget tree in XML:`}</p>
+        <Widget className="code-block" data-language="xml" data-source="en/handbook/composition/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">XML</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#6e7781]<?xml version=[color=#0a3069]"1.0"[/color] encoding=[color=#0a3069]"UTF-8"[/color]?>[/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]<[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  [color=#116329]<[color=#0550ae]ui[/color]>[/color]`}</Text>
+            <Text className="code-line">{`    [color=#116329]<[color=#0550ae]widget[/color] [color=#0550ae]style[/color]=[color=#0a3069]"display: flex; flex-direction: column; padding: 16px;"[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]<[color=#0550ae]text[/color] [color=#0550ae]style[/color]=[color=#0a3069]"font-size: 24px; font-weight: bold;"[/color]>[/color]My App[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]<[color=#0550ae]button[/color] [color=#0550ae]id[/color]=[color=#0a3069]"action-btn"[/color]>[/color]Click me[color=#116329]</[color=#0550ae]button[/color]>[/color]`}</Text>
+            <Text className="code-line">{`    [color=#116329]</[color=#0550ae]widget[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  [color=#116329]</[color=#0550ae]ui[/color]>[/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]</[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Load it at runtime:`}</p>
+        <Widget className="code-block" data-language="c" data-source="en/handbook/composition/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`lcui_init();`}</Text>
+            <Text className="code-line">{`ui_load_xml_file([color=#0a3069]"ui.xml"[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]ui_widget_t[/color] *btn = ui_get_widget([color=#0a3069]"action-btn"[/color]);`}</Text>
+            <Text className="code-line">{`[color=#cf222e]if[/color] (btn) {`}</Text>
+            <Text className="code-line">{`        ui_widget_on(btn, [color=#0a3069]"click"[/color], on_click, [color=#0550ae]NULL[/color]);`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Composing with TSX</h2>
+        <p>{`With [bgcolor=#eee] @lcui/cli [/bgcolor] you can write reusable components in TSX:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/handbook/composition/3">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#6e7781]// components/Card.tsx[/color]`}</Text>
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Button[/color], [color=#8250df]Text[/color], [color=#cf222e]type[/color] [color=#8250df]ReactNode[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]interface[/color] [color=#8250df]CardProps[/color] {`}</Text>
+            <Text className="code-line">{`  [color=#0550ae]title[/color]: [color=#953800]string[/color];`}</Text>
+            <Text className="code-line">{`  [color=#0550ae]children[/color]?: [color=#8250df]ReactNode[/color];`}</Text>
+            <Text className="code-line">{`}`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]function[/color] [color=#8250df]Card[/color]([color=#0550ae]{ title, children }: [color=#8250df]CardProps[/color][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+            <Text className="code-line">{`    [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]style[/color]=[color=#0a3069]{{[/color] [color=#0550ae]border:[/color] "[color=#0550ae]1px[/color] [color=#0550ae]solid[/color] #[color=#0550ae]ccc[/color]", [color=#0550ae]padding:[/color] [color=#0550ae]16[/color], [color=#0550ae]borderRadius:[/color] [color=#0550ae]4[/color] }}>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]<[color=#0550ae]Text[/color] [color=#0550ae]style[/color]=[color=#0a3069]{{[/color] [color=#0550ae]fontWeight:[/color] "[color=#0550ae]bold[/color]", [color=#0550ae]fontSize:[/color] [color=#0550ae]18[/color] }}>[/color]{title}[color=#116329]</[color=#0550ae]Text[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      {children}`}</Text>
+            <Text className="code-line">{`    [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  );`}</Text>
+            <Text className="code-line">{`}`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#6e7781]// App.tsx[/color]`}</Text>
+            <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]App[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+            <Text className="code-line">{`    [color=#116329]<[color=#0550ae]Card[/color] [color=#0550ae]title[/color]=[color=#0a3069]"Welcome"[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]<[color=#0550ae]Button[/color]>[/color]Get started[color=#116329]</[color=#0550ae]Button[/color]>[/color]`}</Text>
+            <Text className="code-line">{`    [color=#116329]</[color=#0550ae]Card[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  );`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Event handling</h2>
+        <p>{`Widgets communicate through events. Bind a handler with [bgcolor=#eee] ui_widget_on() [/bgcolor]:`}</p>
+        <Widget className="code-block" data-language="c" data-source="en/handbook/composition/4">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]on_button_click[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w, [color=#953800]ui_event_t[/color] *e, [color=#953800]void[/color] *arg)[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *label = arg;`}</Text>
+            <Text className="code-line">{`        ui_text_set_content(label, [color=#0a3069]"Button was clicked!"[/color]);`}</Text>
+            <Text className="code-line">{`}`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]ui_widget_t[/color] *btn = ui_create_widget([color=#0a3069]"button"[/color]);`}</Text>
+            <Text className="code-line">{`[color=#953800]ui_widget_t[/color] *label = ui_create_widget([color=#0a3069]"text"[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`ui_button_set_text(btn, [color=#0a3069]"Click me"[/color]);`}</Text>
+            <Text className="code-line">{`ui_widget_on(btn, [color=#0a3069]"click"[/color], on_button_click, label);`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Common events:`}</p>
+        <Widget className="mdx-table">
+          <Widget className="mdx-table-row mdx-table-head">
+            <Widget className="mdx-table-cell mdx-table-head-cell" style={{ width: "120px" }}>
+              <Text>{`Event`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell mdx-table-head-cell" style={{ width: "216px" }}>
+              <Text>{`Trigger`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "120px" }}>
+              <Text>{`[bgcolor=#eee] click [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "216px" }}>
+              <Text>{`Mouse click`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "120px" }}>
+              <Text>{`[bgcolor=#eee] mousedown [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "216px" }}>
+              <Text>{`Mouse button pressed`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "120px" }}>
+              <Text>{`[bgcolor=#eee] mouseup [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "216px" }}>
+              <Text>{`Mouse button released`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "120px" }}>
+              <Text>{`[bgcolor=#eee] mousemove [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "216px" }}>
+              <Text>{`Mouse moved over widget`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "120px" }}>
+              <Text>{`[bgcolor=#eee] mouseenter [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "216px" }}>
+              <Text>{`Mouse enters widget area`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "120px" }}>
+              <Text>{`[bgcolor=#eee] mouseleave [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "216px" }}>
+              <Text>{`Mouse leaves widget area`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "120px" }}>
+              <Text>{`[bgcolor=#eee] keydown [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "216px" }}>
+              <Text>{`Key pressed`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "120px" }}>
+              <Text>{`[bgcolor=#eee] keyup [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "216px" }}>
+              <Text>{`Key released`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "120px" }}>
+              <Text>{`[bgcolor=#eee] focus [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "216px" }}>
+              <Text>{`Widget gains focus`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "120px" }}>
+              <Text>{`[bgcolor=#eee] blur [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "216px" }}>
+              <Text>{`Widget loses focus`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "120px" }}>
+              <Text>{`[bgcolor=#eee] change [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "216px" }}>
+              <Text>{`Value changed (inputs)`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "120px" }}>
+              <Text>{`[bgcolor=#eee] destroy [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "216px" }}>
+              <Text>{`Widget destroyed`}</Text>
+            </Widget>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/handbook/css-modules/page.c b/examples/doc-viewer/app/en/handbook/css-modules/page.c
new file mode 100644
index 000000000..617ff2ee4
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/css-modules/page.c
@@ -0,0 +1,57 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_handbook_css_modules_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_handbook_css_modules_page_t;
+
+static void en_handbook_css_modules_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_handbook_css_modules_page_proto,
+                           sizeof(en_handbook_css_modules_page_t));
+
+        en_handbook_css_modules_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_handbook_css_modules_page_update(w);
+}
+
+static en_handbook_css_modules_page_t *en_handbook_css_modules_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_handbook_css_modules_page_proto);
+}
+
+static void en_handbook_css_modules_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_handbook_css_modules_page_react_destroy(w);
+}
+
+void en_handbook_css_modules_page_update(ui_widget_t *w)
+{
+        en_handbook_css_modules_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_handbook_css_modules_page(void)
+{
+        return ui_create_widget_with_prototype(
+            en_handbook_css_modules_page_proto);
+}
+
+void ui_register_en_handbook_css_modules_page(void)
+{
+        en_handbook_css_modules_page_init_prototype();
+        en_handbook_css_modules_page_proto->init =
+            en_handbook_css_modules_page_init;
+        en_handbook_css_modules_page_proto->destroy =
+            en_handbook_css_modules_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/handbook/css-modules/page.h b/examples/doc-viewer/app/en/handbook/css-modules/page.h
new file mode 100644
index 000000000..4a632ea7a
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/css-modules/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_handbook_css_modules_page(void);
+
+ui_widget_t *ui_create_en_handbook_css_modules_page(void);
+
+void en_handbook_css_modules_page_update(ui_widget_t *w);
+
+void ui_load_en_handbook_css_modules_page_resources(void);
diff --git a/examples/doc-viewer/app/en/handbook/css-modules/page.tsx b/examples/doc-viewer/app/en/handbook/css-modules/page.tsx
new file mode 100644
index 000000000..ffc31f624
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/css-modules/page.tsx
@@ -0,0 +1,49 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function CssModulesDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>CSS Modules</h1>
+      <p className="doc-page-desc">{`CSS Modules create locally scoped CSS classes for TSX components, avoiding naming conflicts and improving maintainability.`}</p>
+      <Widget className="doc-section">
+        <h2>Usage</h2>
+        <p>{`Create a file with the [bgcolor=#eee] .module.css [/bgcolor] suffix:`}</p>
+        <Widget className="code-block" data-language="css" data-source="en/handbook/css-modules/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">MyComponent.module.css</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800].card[/color] {`}</Text>
+            <Text className="code-line">{`  border: [color=#0550ae]1px[/color] solid [color=#0550ae]#eee[/color];`}</Text>
+            <Text className="code-line">{`  border-radius: [color=#0550ae]4px[/color];`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Import it in a [bgcolor=#eee] .tsx [/bgcolor] file:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/handbook/css-modules/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">MyComponent.tsx</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] styles [color=#cf222e]from[/color] [color=#0a3069]"./MyComponent.module.css"[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Use the [bgcolor=#eee] styles [/bgcolor] object instead of string class names in JSX:`}</p>
+        <Widget className="code-block" data-language="diff" data-source="en/handbook/css-modules/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">DIFF</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`- <Widget className="card" />`}</Text>
+            <Text className="code-line">{`+ <Widget className={styles.card} />`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`During compilation, [bgcolor=#eee] @lcui/cli [/bgcolor] converts [bgcolor=#eee] .module.css [/bgcolor] into C identifier bindings, automatically generating unique C constant names for class names to avoid global conflicts.`}</p>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/handbook/customization/page.c b/examples/doc-viewer/app/en/handbook/customization/page.c
new file mode 100644
index 000000000..a87d0114b
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/customization/page.c
@@ -0,0 +1,56 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_handbook_customization_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_handbook_customization_page_t;
+
+static void en_handbook_customization_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_handbook_customization_page_proto,
+                           sizeof(en_handbook_customization_page_t));
+        en_handbook_customization_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_handbook_customization_page_update(w);
+}
+
+static en_handbook_customization_page_t *en_handbook_customization_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_handbook_customization_page_proto);
+}
+
+static void en_handbook_customization_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_handbook_customization_page_react_destroy(w);
+}
+
+void en_handbook_customization_page_update(ui_widget_t *w)
+{
+        en_handbook_customization_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_handbook_customization_page(void)
+{
+        return ui_create_widget_with_prototype(
+            en_handbook_customization_page_proto);
+}
+
+void ui_register_en_handbook_customization_page(void)
+{
+        en_handbook_customization_page_init_prototype();
+        en_handbook_customization_page_proto->init =
+            en_handbook_customization_page_init;
+        en_handbook_customization_page_proto->destroy =
+            en_handbook_customization_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/handbook/customization/page.h b/examples/doc-viewer/app/en/handbook/customization/page.h
new file mode 100644
index 000000000..526615168
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/customization/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_handbook_customization_page(void);
+
+ui_widget_t *ui_create_en_handbook_customization_page(void);
+
+void en_handbook_customization_page_update(ui_widget_t *w);
+
+void ui_load_en_handbook_customization_page_resources(void);
diff --git a/examples/doc-viewer/app/en/handbook/customization/page.tsx b/examples/doc-viewer/app/en/handbook/customization/page.tsx
new file mode 100644
index 000000000..3cb5f75b2
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/customization/page.tsx
@@ -0,0 +1,173 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function CustomizationDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Customization</h1>
+      <p className="doc-page-desc">{`You can create entirely new widget types or extend existing ones.`}</p>
+      <Widget className="doc-section">
+        <h2>Creating a custom widget</h2>
+        <p>{`Use [bgcolor=#eee] ui_create_widget_prototype() [/bgcolor] to register a new widget type:`}</p>
+        <Widget className="code-block" data-language="c" data-source="en/handbook/customization/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">src/counter.c</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]typedef[/color] [color=#cf222e]struct[/color] {`}</Text>
+            <Text className="code-line">{`        [color=#953800]int[/color] value;`}</Text>
+            <Text className="code-line">{`} [color=#953800]counter_data_t[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]ui_widget_prototype_t[/color] *counter_proto;`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]counter_init[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w)[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        [color=#953800]counter_data_t[/color] *data;`}</Text>
+            <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *text;`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`        data = ui_widget_add_data(w, counter_proto, [color=#cf222e]sizeof[/color]([color=#953800]counter_data_t[/color]));`}</Text>
+            <Text className="code-line">{`        data->value = [color=#0550ae]0[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`        text = ui_create_widget([color=#0a3069]"text"[/color]);`}</Text>
+            <Text className="code-line">{`        ui_text_set_content(text, [color=#0a3069]"0"[/color]);`}</Text>
+            <Text className="code-line">{`        ui_widget_append(w, text);`}</Text>
+            <Text className="code-line">{`}`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]counter_destroy[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w)[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        [color=#6e7781]/* Release owned resources (if any) */[/color]`}</Text>
+            <Text className="code-line">{`}`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]register_counter_widget[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        counter_proto = ui_create_widget_prototype([color=#0a3069]"counter"[/color], [color=#0550ae]NULL[/color]);`}</Text>
+            <Text className="code-line">{`        counter_proto->init = counter_init;`}</Text>
+            <Text className="code-line">{`        counter_proto->destroy = counter_destroy;`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Use the custom widget:`}</p>
+        <Widget className="code-block" data-language="c" data-source="en/handbook/customization/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">src/main.c</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]extern[/color] [color=#953800]void[/color] [color=#8250df]register_counter_widget[/color][color=#0550ae]([color=#953800]void[/color])[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *counter;`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`        lcui_init();`}</Text>
+            <Text className="code-line">{`        register_counter_widget();`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`        counter = ui_create_widget([color=#0a3069]"counter"[/color]);`}</Text>
+            <Text className="code-line">{`        ui_widget_append(ui_root(), counter);`}</Text>
+            <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Extending an existing widget</h2>
+        <p>{`Pass a parent type name as the second argument to [bgcolor=#eee] ui_create_widget_prototype() [/bgcolor]:`}</p>
+        <Widget className="code-block" data-language="c" data-source="en/handbook/customization/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">src/icon_button.c</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]ui_widget_prototype_t[/color] *icon_button_proto;`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]icon_button_init[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w)[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        [color=#6e7781]/* Call parent (button) init logic */[/color]`}</Text>
+            <Text className="code-line">{`        icon_button_proto->proto->init(w);`}</Text>
+            <Text className="code-line">{`        ui_widget_add_class(w, [color=#0a3069]"icon-button"[/color]);`}</Text>
+            <Text className="code-line">{`}`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]register_icon_button[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        icon_button_proto =`}</Text>
+            <Text className="code-line">{`            ui_create_widget_prototype([color=#0a3069]"icon-button"[/color], [color=#0a3069]"button"[/color]);`}</Text>
+            <Text className="code-line">{`        icon_button_proto->init = icon_button_init;`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[b]Parent [bgcolor=#eee] init [/bgcolor] must be called manually.[/b] LCUI does not automatically call the parent type's [bgcolor=#eee] init [/bgcolor] when creating a subtype widget. If you forget to call [bgcolor=#eee] proto->proto->init(w) [/bgcolor], the widget will lack the parent type's base behaviors (e.g. [bgcolor=#eee] button [/bgcolor] won't register click events or set default styles).`}</p>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Widget lifecycle</h2>
+        <p>{`[bgcolor=#eee] ui_widget_prototype_t [/bgcolor] has several callback hooks covering each lifecycle stage:`}</p>
+        <ul>
+          <li><Text>{`[b][bgcolor=#eee] init [/bgcolor][/b] — When the widget is created. Responsible for initializing owned data, child widgets, and event bindings.`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] destroy [/bgcolor][/b] — When the widget is destroyed. Responsible for releasing owned memory and unbinding events.`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] update [/bgcolor][/b] — When the widget needs updating, receives a [bgcolor=#eee] ui_task_type_t [/bgcolor] parameter indicating the update type (style update, property update, etc.). Called by LCUI during each frame's update loop.`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] setattr [/bgcolor][/b] — When an XML attribute is set (for responding to attribute changes).`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] settext [/bgcolor][/b] — When text content is set.`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] sizehint [/bgcolor][/b] — Estimates the widget's natural size constraints (min/max content size) without external constraints. The layout engine uses this when computing child widget sizes.`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] resize [/bgcolor][/b] — When the widget size changes. Receives the new content area width and height as parameters.`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] paint [/bgcolor][/b] — When the widget needs to be redrawn. Used for custom drawing logic.`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Custom painting</h2>
+        <p>{`Override the [bgcolor=#eee] paint [/bgcolor] callback to draw custom graphics on a widget:`}</p>
+        <Widget className="code-block" data-language="c" data-source="en/handbook/customization/3">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">src/my_widget.c</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]my_widget_paint[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w, [color=#953800]pd_context_t[/color] *paint_ctx,[/color]`}</Text>
+            <Text className="code-line">{`[color=#0550ae]                              [color=#953800]ui_widget_actual_style_t[/color] *style)[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        [color=#953800]pd_canvas_t[/color] *canvas = paint_ctx->canvas;`}</Text>
+            <Text className="code-line">{`        [color=#953800]pd_color_t[/color] color = pd_color_from_rgb([color=#0550ae]255[/color], [color=#0550ae]0[/color], [color=#0550ae]0[/color]);`}</Text>
+            <Text className="code-line">{`        [color=#953800]pd_rect_t[/color] rect = { style->left, style->top, w->width, w->height };`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`        pd_canvas_fill_rect(canvas, color, rect);`}</Text>
+            <Text className="code-line">{`}`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]register_my_widget[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        [color=#953800]ui_widget_prototype_t[/color] *proto =`}</Text>
+            <Text className="code-line">{`            ui_create_widget_prototype([color=#0a3069]"my-widget"[/color], [color=#0550ae]NULL[/color]);`}</Text>
+            <Text className="code-line">{`        proto->paint = my_widget_paint;`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[b][bgcolor=#eee] paint [/bgcolor] is only for drawing.[/b] Widget size estimation is handled by [bgcolor=#eee] sizehint [/bgcolor]; do not modify widget size or the child widget tree inside [bgcolor=#eee] paint [/bgcolor], as it may cause infinite loops.`}</p>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Caveats</h2>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[b][bgcolor=#eee] destroy [/bgcolor] must release owned resources.[/b] If a custom widget allocated memory, opened files, or subscribed to system events (e.g. [bgcolor=#eee] lcui_settings_on_deserialize [/bgcolor]) in [bgcolor=#eee] init [/bgcolor], it must perform symmetric cleanup in [bgcolor=#eee] destroy [/bgcolor].`}</p>
+          </Widget>
+        </Widget>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[b]Custom widgets must be registered after [bgcolor=#eee] lcui_init() [/bgcolor] and before first instantiation.[/b] Calling your [bgcolor=#eee] register_xxx() [/bgcolor] function right at the start of [bgcolor=#eee] main() [/bgcolor] is the safest place, ensuring all consumers (XML loading, router instantiation, TSX compilation results) can see the prototype.`}</p>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/handbook/icon-library/page.c b/examples/doc-viewer/app/en/handbook/icon-library/page.c
new file mode 100644
index 000000000..17c78c7e9
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/icon-library/page.c
@@ -0,0 +1,57 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_handbook_icon_library_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_handbook_icon_library_page_t;
+
+static void en_handbook_icon_library_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_handbook_icon_library_page_proto,
+                           sizeof(en_handbook_icon_library_page_t));
+
+        en_handbook_icon_library_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_handbook_icon_library_page_update(w);
+}
+
+static en_handbook_icon_library_page_t *en_handbook_icon_library_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_handbook_icon_library_page_proto);
+}
+
+static void en_handbook_icon_library_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_handbook_icon_library_page_react_destroy(w);
+}
+
+void en_handbook_icon_library_page_update(ui_widget_t *w)
+{
+        en_handbook_icon_library_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_handbook_icon_library_page(void)
+{
+        return ui_create_widget_with_prototype(
+            en_handbook_icon_library_page_proto);
+}
+
+void ui_register_en_handbook_icon_library_page(void)
+{
+        en_handbook_icon_library_page_init_prototype();
+        en_handbook_icon_library_page_proto->init =
+            en_handbook_icon_library_page_init;
+        en_handbook_icon_library_page_proto->destroy =
+            en_handbook_icon_library_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/handbook/icon-library/page.h b/examples/doc-viewer/app/en/handbook/icon-library/page.h
new file mode 100644
index 000000000..fcccb0cb5
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/icon-library/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_handbook_icon_library_page(void);
+
+ui_widget_t *ui_create_en_handbook_icon_library_page(void);
+
+void en_handbook_icon_library_page_update(ui_widget_t *w);
+
+void ui_load_en_handbook_icon_library_page_resources(void);
diff --git a/examples/doc-viewer/app/en/handbook/icon-library/page.tsx b/examples/doc-viewer/app/en/handbook/icon-library/page.tsx
new file mode 100644
index 000000000..818b62d0c
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/icon-library/page.tsx
@@ -0,0 +1,52 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function IconLibraryDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Icon Library</h1>
+      <p className="doc-page-desc">{`[bgcolor=#eee] @lcui/fluent-icons [/bgcolor] is an icon library adapted for LCUI. All icons come from Microsoft's fluentui-system-icons project.`}</p>
+      <Widget className="doc-section">
+        <h2>Installation</h2>
+        <Widget className="code-block" data-language="sh" data-source="en/handbook/icon-library/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install @lcui/fluent-icons`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Choosing icons</h2>
+        <p>{`Search and select icons on flicon.io. For example, the zoom-in icon is typically named "Zoom In" in English.`}</p>
+        <p>{`fluentui-system-icons icons are available in sizes like 16, 20, and 24, named in the format "icon name + size + style". [bgcolor=#eee] @lcui/fluent-icons [/bgcolor] uses the naming format "icon name + style", and when the style is Regular it can be omitted.`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Usage</h2>
+        <Widget className="code-block" data-language="tsx" data-source="en/handbook/icon-library/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]ZoomIn[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/fluent-icons"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#116329]<[color=#0550ae]ZoomIn[/color] />[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`The default size is 20. If the icon size is fixed and you want better rendering, specify the size parameter:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/handbook/icon-library/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]ZoomIn[/color] size={[color=#0550ae]32[/color]} />`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/handbook/sass/page.c b/examples/doc-viewer/app/en/handbook/sass/page.c
new file mode 100644
index 000000000..1b728d92e
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/sass/page.c
@@ -0,0 +1,53 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_handbook_sass_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_handbook_sass_page_t;
+
+static void en_handbook_sass_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_handbook_sass_page_proto,
+                           sizeof(en_handbook_sass_page_t));
+
+        en_handbook_sass_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_handbook_sass_page_update(w);
+}
+
+static en_handbook_sass_page_t *en_handbook_sass_page_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_handbook_sass_page_proto);
+}
+
+static void en_handbook_sass_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_handbook_sass_page_react_destroy(w);
+}
+
+void en_handbook_sass_page_update(ui_widget_t *w)
+{
+        en_handbook_sass_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_handbook_sass_page(void)
+{
+        return ui_create_widget_with_prototype(en_handbook_sass_page_proto);
+}
+
+void ui_register_en_handbook_sass_page(void)
+{
+        en_handbook_sass_page_init_prototype();
+        en_handbook_sass_page_proto->init = en_handbook_sass_page_init;
+        en_handbook_sass_page_proto->destroy = en_handbook_sass_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/handbook/sass/page.h b/examples/doc-viewer/app/en/handbook/sass/page.h
new file mode 100644
index 000000000..5697b8d9c
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/sass/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_handbook_sass_page(void);
+
+ui_widget_t *ui_create_en_handbook_sass_page(void);
+
+void en_handbook_sass_page_update(ui_widget_t *w);
+
+void ui_load_en_handbook_sass_page_resources(void);
diff --git a/examples/doc-viewer/app/en/handbook/sass/page.tsx b/examples/doc-viewer/app/en/handbook/sass/page.tsx
new file mode 100644
index 000000000..5da420bfd
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/sass/page.tsx
@@ -0,0 +1,26 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function SassDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Sass</h1>
+      <p className="doc-page-desc">{`Sass is a popular CSS preprocessor that extends CSS with variables, nesting rules, mixins, and more.`}</p>
+      <Widget className="doc-section">
+        <h2>Usage</h2>
+        <p>{`[bgcolor=#eee] @lcui/cli [/bgcolor] has a built-in Sass preprocessor that is automatically invoked when compiling [bgcolor=#eee] .sass [/bgcolor] and [bgcolor=#eee] .scss [/bgcolor] files — no additional installation or configuration needed.`}</p>
+        <p>{`Import Sass files directly in TSX:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/handbook/sass/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">MyComponent.tsx</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] [color=#0a3069]"./MyComponent.scss"[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`The CLI compiles Sass files into CSS, then converts them to C code for runtime loading.`}</p>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/handbook/styling/page.c b/examples/doc-viewer/app/en/handbook/styling/page.c
new file mode 100644
index 000000000..3b082d487
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/styling/page.c
@@ -0,0 +1,53 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_handbook_styling_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_handbook_styling_page_t;
+
+static void en_handbook_styling_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_handbook_styling_page_proto,
+                           sizeof(en_handbook_styling_page_t));
+        en_handbook_styling_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_handbook_styling_page_update(w);
+}
+
+static en_handbook_styling_page_t *en_handbook_styling_page_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_handbook_styling_page_proto);
+}
+
+static void en_handbook_styling_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_handbook_styling_page_react_destroy(w);
+}
+
+void en_handbook_styling_page_update(ui_widget_t *w)
+{
+        en_handbook_styling_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_handbook_styling_page(void)
+{
+        return ui_create_widget_with_prototype(en_handbook_styling_page_proto);
+}
+
+void ui_register_en_handbook_styling_page(void)
+{
+        en_handbook_styling_page_init_prototype();
+        en_handbook_styling_page_proto->init = en_handbook_styling_page_init;
+        en_handbook_styling_page_proto->destroy =
+            en_handbook_styling_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/handbook/styling/page.h b/examples/doc-viewer/app/en/handbook/styling/page.h
new file mode 100644
index 000000000..eb0b6d169
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/styling/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_handbook_styling_page(void);
+
+ui_widget_t *ui_create_en_handbook_styling_page(void);
+
+void en_handbook_styling_page_update(ui_widget_t *w);
+
+void ui_load_en_handbook_styling_page_resources(void);
diff --git a/examples/doc-viewer/app/en/handbook/styling/page.tsx b/examples/doc-viewer/app/en/handbook/styling/page.tsx
new file mode 100644
index 000000000..f5e1eb1af
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/styling/page.tsx
@@ -0,0 +1,183 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function StylingDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Styling</h1>
+      <p className="doc-page-desc">{`Use CSS to set colors, borders, padding, margins, dimensions, and layout for widgets.`}</p>
+      <Widget className="doc-section">
+        <h2>How to set styles</h2>
+        <h3>Inline styles</h3>
+        <p>{`Use [bgcolor=#eee] ui_widget_set_style_string() [/bgcolor] to set individual CSS properties directly:`}</p>
+        <Widget className="code-block" data-language="c" data-source="en/handbook/styling/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">main.c</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]ui_widget_t[/color] *w = ui_create_widget([color=#0a3069]"text"[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`ui_widget_set_style_string(w, [color=#0a3069]"color"[/color], [color=#0a3069]"#336699"[/color]);`}</Text>
+            <Text className="code-line">{`ui_widget_set_style_string(w, [color=#0a3069]"font-size"[/color], [color=#0a3069]"20px"[/color]);`}</Text>
+            <Text className="code-line">{`ui_widget_set_style_string(w, [color=#0a3069]"padding"[/color], [color=#0a3069]"8px 16px"[/color]);`}</Text>
+          </Widget>
+        </Widget>
+        <h3>CSS class selectors</h3>
+        <p>{`Use [bgcolor=#eee] ui_load_css_string() [/bgcolor] or [bgcolor=#eee] ui_load_css_file() [/bgcolor] to load CSS rules, then apply them to widgets with [bgcolor=#eee] ui_widget_add_class() [/bgcolor]:`}</p>
+        <Widget className="code-block" data-language="c" data-source="en/handbook/styling/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">main.c</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`ui_load_css_file([color=#0a3069]"styles.css"[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]ui_widget_t[/color] *w = ui_create_widget([color=#0a3069]"text"[/color]);`}</Text>
+            <Text className="code-line">{`ui_widget_add_class(w, [color=#0a3069]"title"[/color]);`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block" data-language="css" data-source="en/handbook/styling/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">app/styles.css</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800].title[/color] {`}</Text>
+            <Text className="code-line">{`  font-size: [color=#0550ae]24px[/color];`}</Text>
+            <Text className="code-line">{`  font-weight: bold;`}</Text>
+            <Text className="code-line">{`  margin-bottom: [color=#0550ae]16px[/color];`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`You can also use [bgcolor=#eee] ui_load_css_string() [/bgcolor] to load CSS rules from a string. The second parameter is a source identifier used for debugging to locate conflicting rules:`}</p>
+        <Widget className="code-block" data-language="c" data-source="en/handbook/styling/3">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">main.c</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`ui_load_css_string([color=#0a3069]".title { font-size: 24px; }"[/color], [color=#0a3069]"app.css"[/color]);`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Supported CSS features</h2>
+        <p>{`LCUI's CSS engine implements a subset of the web standard. This section lists all supported features and their supported values; [b]anything not listed is not supported by default[/b].`}</p>
+        <h3>At Rules</h3>
+        <ul>
+          <li><Text>{`[b][bgcolor=#eee] @font-face [/bgcolor][/b] — Load external fonts`}</Text></li>
+        </ul>
+        <h3>Selectors</h3>
+        <ul>
+          <li><Text>{`[bgcolor=#eee] * [/bgcolor] (universal), [bgcolor=#eee] type [/bgcolor], [bgcolor=#eee] #id [/bgcolor], [bgcolor=#eee] .class [/bgcolor]`}</Text></li>
+          <li><Text>{`Pseudo-classes [bgcolor=#eee] :hover [/bgcolor], [bgcolor=#eee] :focus [/bgcolor], [bgcolor=#eee] :active [/bgcolor], [bgcolor=#eee] :first-child [/bgcolor], [bgcolor=#eee] :last-child [/bgcolor]`}</Text></li>
+          <li><Text>{`[bgcolor=#eee] !important [/bgcolor] is not supported`}</Text></li>
+        </ul>
+        <h3>Units</h3>
+        <ul>
+          <li><Text>{`[bgcolor=#eee] px [/bgcolor], [bgcolor=#eee] dp [/bgcolor], [bgcolor=#eee] sp [/bgcolor], [bgcolor=#eee] pt [/bgcolor], [bgcolor=#eee] % [/bgcolor]`}</Text></li>
+        </ul>
+        <h3>Properties</h3>
+        <h4>Layout</h4>
+        <ul>
+          <li><Text>{`[b][bgcolor=#eee] display [/bgcolor][/b] — [bgcolor=#eee] none [/bgcolor], [bgcolor=#eee] inline-block [/bgcolor], [bgcolor=#eee] block [/bgcolor], [bgcolor=#eee] flex [/bgcolor], [bgcolor=#eee] inline-flex [/bgcolor], [bgcolor=#eee] table [/bgcolor], [bgcolor=#eee] inline-table [/bgcolor], [bgcolor=#eee] table-row [/bgcolor], [bgcolor=#eee] table-cell [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] position [/bgcolor][/b] — [bgcolor=#eee] static [/bgcolor], [bgcolor=#eee] relative [/bgcolor], [bgcolor=#eee] absolute [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] top [/bgcolor] / [bgcolor=#eee] right [/bgcolor] / [bgcolor=#eee] bottom [/bgcolor] / [bgcolor=#eee] left [/bgcolor][/b] — [bgcolor=#eee] <length> [/bgcolor] or [bgcolor=#eee] <percentage> [/bgcolor] or [bgcolor=#eee] auto [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] z-index [/bgcolor][/b] — [bgcolor=#eee] auto [/bgcolor] or integer`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] box-sizing [/bgcolor][/b] — [bgcolor=#eee] content-box [/bgcolor], [bgcolor=#eee] border-box [/bgcolor]`}</Text></li>
+        </ul>
+        <h4>Box model</h4>
+        <ul>
+          <li><Text>{`[b][bgcolor=#eee] width [/bgcolor] / [bgcolor=#eee] height [/bgcolor][/b] — [bgcolor=#eee] <length> [/bgcolor], [bgcolor=#eee] <percentage> [/bgcolor], [bgcolor=#eee] auto [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] min-width [/bgcolor] / [bgcolor=#eee] max-width [/bgcolor] / [bgcolor=#eee] min-height [/bgcolor] / [bgcolor=#eee] max-height [/bgcolor][/b] — same as above`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] padding [/bgcolor][/b] — shorthand, 1-4 [bgcolor=#eee] <length> [/bgcolor] values (e.g. [bgcolor=#eee] 8px [/bgcolor], [bgcolor=#eee] 4px 8px [/bgcolor], [bgcolor=#eee] 4px 8px 12px [/bgcolor], [bgcolor=#eee] 4px 8px 12px 16px [/bgcolor])`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] padding-top [/bgcolor] / [bgcolor=#eee] padding-right [/bgcolor] / [bgcolor=#eee] padding-bottom [/bgcolor] / [bgcolor=#eee] padding-left [/bgcolor][/b] — longhand properties`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] margin [/bgcolor][/b] — shorthand, same syntax as padding`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] margin-top [/bgcolor] / [bgcolor=#eee] margin-right [/bgcolor] / [bgcolor=#eee] margin-bottom [/bgcolor] / [bgcolor=#eee] margin-left [/bgcolor][/b]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] border [/bgcolor][/b] — shorthand [bgcolor=#eee] 1px solid #ccc [/bgcolor] (width + style + color)`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] border-color [/bgcolor] / [bgcolor=#eee] border-width [/bgcolor] / [bgcolor=#eee] border-style [/bgcolor] / [bgcolor=#eee] border-radius [/bgcolor][/b] — multi-value shorthand, same syntax as padding`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] border-top [/bgcolor] / [bgcolor=#eee] border-right [/bgcolor] / [bgcolor=#eee] border-bottom [/bgcolor] / [bgcolor=#eee] border-left [/bgcolor][/b] — per-side shorthand`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] border-top-color [/bgcolor] / [bgcolor=#eee] border-right-color [/bgcolor] / [bgcolor=#eee] border-bottom-color [/bgcolor] / [bgcolor=#eee] border-left-color [/bgcolor][/b]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] border-top-width [/bgcolor] / [bgcolor=#eee] border-right-width [/bgcolor] / [bgcolor=#eee] border-bottom-width [/bgcolor] / [bgcolor=#eee] border-left-width [/bgcolor][/b]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] border-top-style [/bgcolor] / [bgcolor=#eee] border-right-style [/bgcolor] / [bgcolor=#eee] border-bottom-style [/bgcolor] / [bgcolor=#eee] border-left-style [/bgcolor][/b]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] border-top-left-radius [/bgcolor] / [bgcolor=#eee] border-top-right-radius [/bgcolor] / [bgcolor=#eee] border-bottom-left-radius [/bgcolor] / [bgcolor=#eee] border-bottom-right-radius [/bgcolor][/b]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] border-style [/bgcolor] values[/b] — [bgcolor=#eee] none [/bgcolor], [bgcolor=#eee] solid [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] table-layout [/bgcolor][/b] — [bgcolor=#eee] auto [/bgcolor], [bgcolor=#eee] fixed [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] border-spacing [/bgcolor][/b] — [bgcolor=#eee] <length>{1,2} [/bgcolor]`}</Text></li>
+        </ul>
+        <h4>Background</h4>
+        <ul>
+          <li><Text>{`[b][bgcolor=#eee] background [/bgcolor][/b] — shorthand [bgcolor=#eee] bg-image || bg-position || bg-size || repeat-style || color [/bgcolor] (single layer only)`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] background-color [/bgcolor][/b] — [bgcolor=#eee] <color> [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] background-image [/bgcolor][/b] — [bgcolor=#eee] none [/bgcolor] or [bgcolor=#eee] <url> [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] background-position [/bgcolor][/b] — two values: x y`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] background-position-x [/bgcolor] / [bgcolor=#eee] background-position-y [/bgcolor][/b]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] background-repeat [/bgcolor][/b] — [bgcolor=#eee] <repeat-style> [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] background-size [/bgcolor][/b] — [bgcolor=#eee] <bg-size> [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] background-clip [/bgcolor][/b] — [bgcolor=#eee] border-box [/bgcolor], [bgcolor=#eee] padding-box [/bgcolor], [bgcolor=#eee] content-box [/bgcolor]`}</Text></li>
+        </ul>
+        <h4>Flexbox layout</h4>
+        <ul>
+          <li><Text>{`[b][bgcolor=#eee] flex [/bgcolor][/b] — shorthand ([bgcolor=#eee] flex-grow [/bgcolor] + [bgcolor=#eee] flex-shrink [/bgcolor] + [bgcolor=#eee] flex-basis [/bgcolor])`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] flex-shrink [/bgcolor] / [bgcolor=#eee] flex-grow [/bgcolor] / [bgcolor=#eee] flex-basis [/bgcolor][/b]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] flex-wrap [/bgcolor][/b] — [bgcolor=#eee] nowrap [/bgcolor], [bgcolor=#eee] wrap [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] flex-direction [/bgcolor][/b] — [bgcolor=#eee] row [/bgcolor], [bgcolor=#eee] column [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] justify-content [/bgcolor][/b] — [bgcolor=#eee] flex-start [/bgcolor], [bgcolor=#eee] center [/bgcolor], [bgcolor=#eee] flex-end [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] align-items [/bgcolor][/b] — [bgcolor=#eee] flex-start [/bgcolor], [bgcolor=#eee] center [/bgcolor], [bgcolor=#eee] flex-end [/bgcolor], [bgcolor=#eee] stretch [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] align-content [/bgcolor][/b] — same as justify-content plus [bgcolor=#eee] space-between [/bgcolor], [bgcolor=#eee] space-around [/bgcolor], [bgcolor=#eee] space-evenly [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] gap [/bgcolor][/b] — shorthand, sets both row-gap and column-gap`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] row-gap [/bgcolor] / [bgcolor=#eee] column-gap [/bgcolor][/b] — [bgcolor=#eee] normal [/bgcolor] or [bgcolor=#eee] <length-percentage> [/bgcolor]`}</Text></li>
+        </ul>
+        <h4>Typography</h4>
+        <ul>
+          <li><Text>{`[b][bgcolor=#eee] font-face [/bgcolor][/b] — (load fonts via [bgcolor=#eee] @font-face [/bgcolor] rule)`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] font-family [/bgcolor][/b] — [bgcolor=#eee] <font-family> [/bgcolor] (recommended to use built-in aliases like [bgcolor=#eee] monospace [/bgcolor])`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] font-size [/bgcolor][/b] — [bgcolor=#eee] <length> [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] font-style [/bgcolor][/b] — [bgcolor=#eee] normal [/bgcolor], [bgcolor=#eee] italic [/bgcolor], [bgcolor=#eee] oblique [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] font-weight [/bgcolor][/b] — [bgcolor=#eee] normal [/bgcolor], [bgcolor=#eee] bold [/bgcolor], [bgcolor=#eee] <number> [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] text-align [/bgcolor][/b] — [bgcolor=#eee] left [/bgcolor], [bgcolor=#eee] center [/bgcolor], [bgcolor=#eee] right [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] line-height [/bgcolor][/b] — [bgcolor=#eee] normal [/bgcolor] or [bgcolor=#eee] <length> [/bgcolor] or [bgcolor=#eee] <number> [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] color [/bgcolor][/b] — [bgcolor=#eee] <color> [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] white-space [/bgcolor][/b] — [bgcolor=#eee] normal [/bgcolor], [bgcolor=#eee] nowrap [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] word-break [/bgcolor][/b] — [bgcolor=#eee] normal [/bgcolor], [bgcolor=#eee] break-all [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] content [/bgcolor][/b] — [bgcolor=#eee] <string> [/bgcolor] or [bgcolor=#eee] none [/bgcolor]`}</Text></li>
+        </ul>
+        <h4>Other</h4>
+        <ul>
+          <li><Text>{`[b][bgcolor=#eee] opacity [/bgcolor][/b] — [bgcolor=#eee] <number> [/bgcolor] or [bgcolor=#eee] <percentage> [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] visibility [/bgcolor][/b] — [bgcolor=#eee] visible [/bgcolor], [bgcolor=#eee] hidden [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] pointer-events [/bgcolor][/b] — [bgcolor=#eee] auto [/bgcolor], [bgcolor=#eee] none [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] box-shadow [/bgcolor][/b] — [bgcolor=#eee] none [/bgcolor] or [bgcolor=#eee] <shadow> [/bgcolor] (format [bgcolor=#eee] <length>{2,4} && <color>? [/bgcolor])`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Caveats</h2>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[b][bgcolor=#eee] white-space: pre [/bgcolor] does not work.[/b] LCUI's [bgcolor=#eee] white-space [/bgcolor] only implements [bgcolor=#eee] normal [/bgcolor] and [bgcolor=#eee] nowrap [/bgcolor]. If you need to preserve leading whitespace from source code, replace spaces with U+00A0 (NBSP).`}</p>
+          </Widget>
+        </Widget>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[b][bgcolor=#eee] overflow [/bgcolor] does not clip content.[/b] To clip or scroll child content, use the [bgcolor=#eee] scrollarea [/bgcolor] built-in widget instead.`}</p>
+          </Widget>
+        </Widget>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[b][bgcolor=#eee] background [/bgcolor] shorthand does not support multiple layers.[/b] Writing multi-background syntax like [bgcolor=#eee] background: url(a.png) no-repeat, url(b.png) center; [/bgcolor] will not work. Use individual properties like [bgcolor=#eee] background-image [/bgcolor] / [bgcolor=#eee] background-position [/bgcolor] to set each layer separately.`}</p>
+          </Widget>
+        </Widget>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[b]CSS does not support inheritance.[/b] Properties like [bgcolor=#eee] color [/bgcolor], [bgcolor=#eee] font-family [/bgcolor], and [bgcolor=#eee] font-size [/bgcolor] do not cascade from parent to child widgets. Every widget that displays text (e.g. [bgcolor=#eee] text [/bgcolor], [bgcolor=#eee] button [/bgcolor]) must explicitly set these properties.`}</p>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/handbook/tailwind-css/page.c b/examples/doc-viewer/app/en/handbook/tailwind-css/page.c
new file mode 100644
index 000000000..86a29f438
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/tailwind-css/page.c
@@ -0,0 +1,57 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_handbook_tailwind_css_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_handbook_tailwind_css_page_t;
+
+static void en_handbook_tailwind_css_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_handbook_tailwind_css_page_proto,
+                           sizeof(en_handbook_tailwind_css_page_t));
+
+        en_handbook_tailwind_css_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_handbook_tailwind_css_page_update(w);
+}
+
+static en_handbook_tailwind_css_page_t *en_handbook_tailwind_css_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_handbook_tailwind_css_page_proto);
+}
+
+static void en_handbook_tailwind_css_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_handbook_tailwind_css_page_react_destroy(w);
+}
+
+void en_handbook_tailwind_css_page_update(ui_widget_t *w)
+{
+        en_handbook_tailwind_css_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_handbook_tailwind_css_page(void)
+{
+        return ui_create_widget_with_prototype(
+            en_handbook_tailwind_css_page_proto);
+}
+
+void ui_register_en_handbook_tailwind_css_page(void)
+{
+        en_handbook_tailwind_css_page_init_prototype();
+        en_handbook_tailwind_css_page_proto->init =
+            en_handbook_tailwind_css_page_init;
+        en_handbook_tailwind_css_page_proto->destroy =
+            en_handbook_tailwind_css_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/handbook/tailwind-css/page.h b/examples/doc-viewer/app/en/handbook/tailwind-css/page.h
new file mode 100644
index 000000000..92ab43ca1
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/tailwind-css/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_handbook_tailwind_css_page(void);
+
+ui_widget_t *ui_create_en_handbook_tailwind_css_page(void);
+
+void en_handbook_tailwind_css_page_update(ui_widget_t *w);
+
+void ui_load_en_handbook_tailwind_css_page_resources(void);
diff --git a/examples/doc-viewer/app/en/handbook/tailwind-css/page.tsx b/examples/doc-viewer/app/en/handbook/tailwind-css/page.tsx
new file mode 100644
index 000000000..e438feb58
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/tailwind-css/page.tsx
@@ -0,0 +1,51 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function TailwindCssDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Tailwind CSS</h1>
+      <p className="doc-page-desc">{`Tailwind CSS is a utility-first CSS framework that helps developers quickly apply styles through predefined CSS classes. Compared to traditional CSS, you don't need to create new CSS files, write rules, or think up class names.`}</p>
+      <Widget className="doc-section">
+        <h2>Installation</h2>
+        <Widget className="code-block" data-language="sh" data-source="en/handbook/tailwind-css/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install -D tailwindcss postcss @thedutchcoder/postcss-rem-to-px`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Configuration</h2>
+        <p>{`Copy the following files from the lcui-quick-start template project to your project root:`}</p>
+        <ul>
+          <li><Text>{`[bgcolor=#eee] postcss.config.js [/bgcolor]`}</Text></li>
+          <li><Text>{`[bgcolor=#eee] tailwind.config.js [/bgcolor]`}</Text></li>
+          <li><Text>{`[bgcolor=#eee] app/global.css [/bgcolor]`}</Text></li>
+        </ul>
+        <p>{`[bgcolor=#eee] global.css [/bgcolor] contains the Tailwind directives:`}</p>
+        <Widget className="code-block" data-language="css" data-source="en/handbook/tailwind-css/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">app/global.css</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]@tailwind[/color] base;`}</Text>
+            <Text className="code-line">{`[color=#cf222e]@tailwind[/color] components;`}</Text>
+            <Text className="code-line">{`[color=#cf222e]@tailwind[/color] utilities;`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`When compiling, [bgcolor=#eee] @lcui/cli [/bgcolor] processes Tailwind directives through the PostCSS chain (postcss + tailwindcss + postcss-rem-to-px) to generate the final CSS output.`}</p>
+        <Widget className="admonition admonition-tip">
+          <Text className="admonition-title">技巧</Text>
+          <Widget className="admonition-content">
+            <p>{`If you don't want to place global.css inside the app directory, change the [bgcolor=#eee] content [/bgcolor] path matching rules in [bgcolor=#eee] tailwind.config.js [/bgcolor].`}</p>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/handbook/tsx-and-dev-tools/page.c b/examples/doc-viewer/app/en/handbook/tsx-and-dev-tools/page.c
new file mode 100644
index 000000000..0659d10ef
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/tsx-and-dev-tools/page.c
@@ -0,0 +1,57 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_handbook_tsx_and_dev_tools_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_handbook_tsx_and_dev_tools_page_t;
+
+static void en_handbook_tsx_and_dev_tools_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_handbook_tsx_and_dev_tools_page_proto,
+                           sizeof(en_handbook_tsx_and_dev_tools_page_t));
+
+        en_handbook_tsx_and_dev_tools_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_handbook_tsx_and_dev_tools_page_update(w);
+}
+
+static en_handbook_tsx_and_dev_tools_page_t *
+en_handbook_tsx_and_dev_tools_page_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_handbook_tsx_and_dev_tools_page_proto);
+}
+
+static void en_handbook_tsx_and_dev_tools_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_handbook_tsx_and_dev_tools_page_react_destroy(w);
+}
+
+void en_handbook_tsx_and_dev_tools_page_update(ui_widget_t *w)
+{
+        en_handbook_tsx_and_dev_tools_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_handbook_tsx_and_dev_tools_page(void)
+{
+        return ui_create_widget_with_prototype(
+            en_handbook_tsx_and_dev_tools_page_proto);
+}
+
+void ui_register_en_handbook_tsx_and_dev_tools_page(void)
+{
+        en_handbook_tsx_and_dev_tools_page_init_prototype();
+        en_handbook_tsx_and_dev_tools_page_proto->init =
+            en_handbook_tsx_and_dev_tools_page_init;
+        en_handbook_tsx_and_dev_tools_page_proto->destroy =
+            en_handbook_tsx_and_dev_tools_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/handbook/tsx-and-dev-tools/page.h b/examples/doc-viewer/app/en/handbook/tsx-and-dev-tools/page.h
new file mode 100644
index 000000000..9be2920ff
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/tsx-and-dev-tools/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_handbook_tsx_and_dev_tools_page(void);
+
+ui_widget_t *ui_create_en_handbook_tsx_and_dev_tools_page(void);
+
+void en_handbook_tsx_and_dev_tools_page_update(ui_widget_t *w);
+
+void ui_load_en_handbook_tsx_and_dev_tools_page_resources(void);
diff --git a/examples/doc-viewer/app/en/handbook/tsx-and-dev-tools/page.tsx b/examples/doc-viewer/app/en/handbook/tsx-and-dev-tools/page.tsx
new file mode 100644
index 000000000..ae5a1cb87
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/tsx-and-dev-tools/page.tsx
@@ -0,0 +1,260 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function TsxAndDevToolsDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>TSX &amp; Dev Tools</h1>
+      <p className="doc-page-desc">{`With [bgcolor=#eee] @lcui/cli [/bgcolor], you can write declarative UIs using TypeScript with JSX syntax. The CLI compiles TSX into C code, so you don't need to manually write widget tree construction logic.`}</p>
+      <p>{`The benefit is that the declarative approach makes state binding, event binding, and resource imports more concise and intuitive. Handling logic and view in the same file reduces context switching.`}</p>
+      <p>{`However, [bgcolor=#eee] @lcui/react [/bgcolor] currently has limited capabilities — you can only declare component state, data bindings, and event bindings. For complex operations like conditional rendering or list rendering, you still need to write C code.`}</p>
+      <Widget className="doc-section">
+        <h2>Installing dev tools</h2>
+        <p>{`[bgcolor=#eee] @lcui/cli [/bgcolor] is a command-line tool that integrates a TypeScript compiler, Sass preprocessor, resource file loader, and more. It requires a Node.js runtime:`}</p>
+        <Widget className="code-block" data-language="sh" data-source="en/handbook/tsx-and-dev-tools/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install -g @lcui/cli`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>How the preprocessor works</h2>
+        <p>{`LCUI uses a preprocessor approach: TSX files are only executed during preprocessing and do not become runtime code. You can think of TSX files as configuration files, where the TypeScript code acts as preprocessing directives.`}</p>
+        <p>{`The preprocessor matches the appropriate loader by file extension, parses the TSX code, collects dependencies, executes component functions, and then generates C source files based on the returned JSX elements and Hook call results.`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Usage overview</h2>
+        <Widget className="code-block" data-language="tsx" data-source="en/handbook/tsx-and-dev-tools/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">src/App.tsx</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { useState, [color=#8250df]TextInput[/color], [color=#8250df]Button[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]App[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] inputRef = { [color=#0550ae]current[/color]: { [color=#0550ae]value[/color]: [color=#0a3069]""[/color] } };`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] \\[name, setName] = [color=#8250df]useState[/color]([color=#0a3069]"LCUI"[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+            <Text className="code-line">{`    [color=#116329]<[color=#0550ae]Widget[/color] [color=#0550ae]className[/color]=[color=#0a3069]"container"[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]<[color=#0550ae]Widget[/color] [color=#0550ae]className[/color]=[color=#0a3069]"flex flex-col items-center pt-6"[/color]>[/color]`}</Text>
+            <Text className="code-line">{`        [color=#116329]<[color=#0550ae]Text[/color] [color=#0550ae]className[/color]=[color=#0a3069]"my-4 text-2xl text-center"[/color]>[/color]Hello, {name}![color=#116329]</[color=#0550ae]Text[/color]>[/color]`}</Text>
+            <Text className="code-line">{`        [color=#116329]<[color=#0550ae]TextInput[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          \$[color=#0550ae]ref[/color]=[color=#0a3069]{inputRef}[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          [color=#0550ae]className[/color]=[color=#0a3069]"mt-2"[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          [color=#0550ae]placeholder[/color]=[color=#0a3069]"Please input..."[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]        />[/color]`}</Text>
+            <Text className="code-line">{`        [color=#116329]<[color=#0550ae]Button[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          [color=#0550ae]className[/color]=[color=#0a3069]"mt-2"[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          [color=#0550ae]onClick[/color]=[color=#0a3069]{()[/color] =>[/color] setName(inputRef.current.value)}`}</Text>
+            <Text className="code-line">{`        >`}</Text>
+            <Text className="code-line">{`          Change`}</Text>
+            <Text className="code-line">{`        [color=#116329]</[color=#0550ae]Button[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]</[color=#0550ae]Widget[/color]>[/color]`}</Text>
+            <Text className="code-line">{`    [color=#116329]</[color=#0550ae]Widget[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  );`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>React library</h2>
+        <p>{`[bgcolor=#eee] @lcui/react [/bgcolor] is a UI library tailored for LCUI's features and preprocessor workflow, providing built-in components, utility functions, and hooks.`}</p>
+        <p>{`Installation:`}</p>
+        <Widget className="code-block" data-language="sh" data-source="en/handbook/tsx-and-dev-tools/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install @lcui/react`}</Text>
+          </Widget>
+        </Widget>
+        <h3>Component functions</h3>
+        <p>{`The preprocessor executes component functions, collects data from [bgcolor=#eee] useState [/bgcolor], [bgcolor=#eee] useRef [/bgcolor], etc. and the returned JSX elements, then converts them into C code.`}</p>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <ul>
+              <li><Text>{`Component function return values must be a single JSX element — [bgcolor=#eee] <Fragment> [/bgcolor], null, undefined, strings, numbers, or other objects are not supported.`}</Text></li>
+              <li><Text>{`Declaring and passing component props is not yet supported.`}</Text></li>
+            </ul>
+          </Widget>
+        </Widget>
+        <h3>State management</h3>
+        <p>{`[bgcolor=#eee] useState [/bgcolor] declares a state variable for a component:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/handbook/tsx-and-dev-tools/3">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { useState } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]function[/color] [color=#8250df]MyComponent[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] \\[age, setAge] = [color=#8250df]useState[/color]([color=#0550ae]23[/color]);`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] \\[name, setName] = [color=#8250df]useState[/color]([color=#0a3069]"Taylor"[/color]);`}</Text>
+            <Text className="code-line">{`  [color=#6e7781]// ...[/color]`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`[bgcolor=#eee] useState [/bgcolor] returns an array:`}</p>
+        <ul>
+          <li><Text>{`The state variable, initialized to the value passed to [bgcolor=#eee] useState [/bgcolor].`}</Text></li>
+          <li><Text>{`A set function, which lets you change the state variable in response to interactions.`}</Text></li>
+        </ul>
+        <p>{`[bgcolor=#eee] useState [/bgcolor] adds a member to the component's state struct and generates initialization code in the init function:`}</p>
+        <Widget className="code-block" data-language="c" data-source="en/handbook/tsx-and-dev-tools/4">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#6e7781]/* Component state struct */[/color]`}</Text>
+            <Text className="code-line">{`[color=#cf222e]struct[/color] [color=#8250df]MyComponent_state[/color] {`}</Text>
+            <Text className="code-line">{`  [color=#953800]int[/color] age;`}</Text>
+            <Text className="code-line">{`  [color=#953800]char[/color] *name;`}</Text>
+            <Text className="code-line">{`};`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#6e7781]/* Code in component init function */[/color]`}</Text>
+            <Text className="code-line">{`_that->state.age = [color=#0550ae]23[/color];`}</Text>
+            <Text className="code-line">{`_that->state.name = strdup2([color=#0a3069]"Taylor"[/color]);`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`The state's set function inserts C code in the current scope, e.g. [bgcolor=#eee] setAge(30) [/bgcolor] generates [bgcolor=#eee] _that->state.age = 30; [/bgcolor].`}</p>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[bgcolor=#eee] useState [/bgcolor] parameters can only be string or number types.`}</p>
+          </Widget>
+        </Widget>
+        <h3>Refs</h3>
+        <p>{`Use the [bgcolor=#eee] \$ref [/bgcolor] attribute to reference a widget object:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/handbook/tsx-and-dev-tools/5">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]TextInput[/color] \$ref=[color=#0a3069]"input"[/color] />`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Then operate on it in C code:`}</p>
+        <Widget className="code-block" data-language="c" data-source="en/handbook/tsx-and-dev-tools/6">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`ui_textinput_set_content(_that->refs.input, [color=#0a3069]"hello"[/color]);`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`The [bgcolor=#eee] \$ref [/bgcolor] value can also be a reference object returned by [bgcolor=#eee] useRef [/bgcolor]:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/handbook/tsx-and-dev-tools/7">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { useRef } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]function[/color] [color=#8250df]MyComponent[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] inputRef = [color=#8250df]useRef[/color]();`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] [color=#116329]<[color=#0550ae]TextInput[/color] \$[color=#0550ae]ref[/color]=[color=#0a3069]{inputRef}[/color] />[/color];`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`[bgcolor=#eee] useRef [/bgcolor] currently only implements value property read/write binding for TextInput:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/handbook/tsx-and-dev-tools/8">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`inputRef.[color=#0550ae]current[/color].[color=#0550ae]value[/color] = [color=#0a3069]"World"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#116329]<[color=#0550ae]Button[/color] [color=#0550ae]onClick[/color]=[color=#0a3069]{()[/color] =>[/color] setName(inputRef.current.value)}>Click[color=#116329]</[color=#0550ae]Button[/color]>[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[bgcolor=#eee] @lcui/react [/bgcolor]'s [bgcolor=#eee] useRef [/bgcolor] is different from React's [bgcolor=#eee] useRef [/bgcolor] — it is only for referencing widget objects.`}</p>
+          </Widget>
+        </Widget>
+        <h3>Responding to events</h3>
+        <p>{`Declare event handlers using the [bgcolor=#eee] on + event name [/bgcolor] attribute:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/handbook/tsx-and-dev-tools/9">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]Button[/color] onClick=[color=#0a3069]"handleClick"[/color]>[color=#8250df]Click[/color] me</[color=#8250df]Button[/color]>`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`The preprocessor generates C code to bind the event:`}</p>
+        <Widget className="code-block" data-language="c" data-source="en/handbook/tsx-and-dev-tools/10">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`ui_widget_on(_that->refs.ref_0, [color=#0a3069]"click"[/color], handleClick, w);`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`You can also bind JavaScript functions to events:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/handbook/tsx-and-dev-tools/11">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { useState, [color=#8250df]Text[/color], [color=#8250df]Button[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]Counter[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] \\[text, setText] = [color=#8250df]useState[/color]([color=#0a3069]"Click me"[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`  [color=#cf222e]function[/color] [color=#8250df]handleClick[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`    [color=#8250df]setText[/color]([color=#0a3069]"You clicked"[/color]);`}</Text>
+            <Text className="code-line">{`  }`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+            <Text className="code-line">{`    [color=#116329]<[color=#0550ae]Button[/color] [color=#0550ae]onClick[/color]=[color=#0a3069]{handleClick}[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      {text}`}</Text>
+            <Text className="code-line">{`    [color=#116329]</[color=#0550ae]Button[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  );`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`The preprocessor generates a C-language version of the event handler based on the code executed inside the handler function.`}</p>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`Currently, only state variable set functions can be called inside event handlers. Accessing the event object or executing other statements is not supported.`}</p>
+          </Widget>
+        </Widget>
+        <h3>Conditional rendering</h3>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`Not yet supported. We are considering implementing conditional rendering with a [bgcolor=#eee] <Show> [/bgcolor] component, inspired by Solid.js's [bgcolor=#eee] <Show> [/bgcolor].`}</p>
+          </Widget>
+        </Widget>
+        <h3>Rendering lists</h3>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`Not yet supported. We are considering implementing array iteration with a [bgcolor=#eee] <For> [/bgcolor] component, inspired by Solid.js's [bgcolor=#eee] <For> [/bgcolor].`}</p>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/handbook/typescript/page.c b/examples/doc-viewer/app/en/handbook/typescript/page.c
new file mode 100644
index 000000000..ed036a71c
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/typescript/page.c
@@ -0,0 +1,56 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_handbook_typescript_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_handbook_typescript_page_t;
+
+static void en_handbook_typescript_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_handbook_typescript_page_proto,
+                           sizeof(en_handbook_typescript_page_t));
+        en_handbook_typescript_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_handbook_typescript_page_update(w);
+}
+
+static en_handbook_typescript_page_t *en_handbook_typescript_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_handbook_typescript_page_proto);
+}
+
+static void en_handbook_typescript_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_handbook_typescript_page_react_destroy(w);
+}
+
+void en_handbook_typescript_page_update(ui_widget_t *w)
+{
+        en_handbook_typescript_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_handbook_typescript_page(void)
+{
+        return ui_create_widget_with_prototype(
+            en_handbook_typescript_page_proto);
+}
+
+void ui_register_en_handbook_typescript_page(void)
+{
+        en_handbook_typescript_page_init_prototype();
+        en_handbook_typescript_page_proto->init =
+            en_handbook_typescript_page_init;
+        en_handbook_typescript_page_proto->destroy =
+            en_handbook_typescript_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/handbook/typescript/page.h b/examples/doc-viewer/app/en/handbook/typescript/page.h
new file mode 100644
index 000000000..578535aaf
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/typescript/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_handbook_typescript_page(void);
+
+ui_widget_t *ui_create_en_handbook_typescript_page(void);
+
+void en_handbook_typescript_page_update(ui_widget_t *w);
+
+void ui_load_en_handbook_typescript_page_resources(void);
diff --git a/examples/doc-viewer/app/en/handbook/typescript/page.tsx b/examples/doc-viewer/app/en/handbook/typescript/page.tsx
new file mode 100644
index 000000000..193092adb
--- /dev/null
+++ b/examples/doc-viewer/app/en/handbook/typescript/page.tsx
@@ -0,0 +1,192 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function TypescriptDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>TypeScript &amp; TSX Development</h1>
+      <p className="doc-page-desc">{`LCUI supports a React-like development experience using TypeScript and JSX syntax, compiled by [bgcolor=#eee] @lcui/cli [/bgcolor].`}</p>
+      <Widget className="doc-section">
+        <h2>Setup</h2>
+        <p>{`Install the CLI:`}</p>
+        <Widget className="code-block" data-language="sh" data-source="en/handbook/typescript/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install -g @lcui/cli`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Create a new project:`}</p>
+        <Widget className="code-block" data-language="sh" data-source="en/handbook/typescript/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`lcui create my-app`}</Text>
+            <Text className="code-line">{`[color=#953800]cd[/color] my-app`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`The generated project includes:`}</p>
+        <ul>
+          <li><Text>{`[bgcolor=#eee] src/app.tsx [/bgcolor] — Root component`}</Text></li>
+          <li><Text>{`[bgcolor=#eee] xmake.lua [/bgcolor] — Build configuration`}</Text></li>
+          <li><Text>{`[bgcolor=#eee] package.json [/bgcolor] — Node dependencies`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Writing components</h2>
+        <p>{`Components are plain TypeScript functions that return JSX:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/handbook/typescript/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Button[/color], [color=#8250df]Text[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]interface[/color] [color=#8250df]GreetingProps[/color] {`}</Text>
+            <Text className="code-line">{`  [color=#0550ae]name[/color]: [color=#953800]string[/color];`}</Text>
+            <Text className="code-line">{`}`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]function[/color] [color=#8250df]Greeting[/color]([color=#0550ae]{ name }: [color=#8250df]GreetingProps[/color][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+            <Text className="code-line">{`    [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]style[/color]=[color=#0a3069]{{[/color] [color=#0550ae]padding:[/color] [color=#0550ae]16[/color] }}>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]<[color=#0550ae]Text[/color]>[/color]Hello, {name}![color=#116329]</[color=#0550ae]Text[/color]>[/color]`}</Text>
+            <Text className="code-line">{`    [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  );`}</Text>
+            <Text className="code-line">{`}`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]App[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] [color=#116329]<[color=#0550ae]Greeting[/color] [color=#0550ae]name[/color]=[color=#0a3069]"World"[/color] />[/color];`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>State management</h2>
+        <p>{`Use the [bgcolor=#eee] useState [/bgcolor] hook:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/handbook/typescript/3">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Button[/color], [color=#8250df]Text[/color], useState } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]Counter[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] \\[count, setCount] = [color=#8250df]useState[/color]([color=#0550ae]0[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+            <Text className="code-line">{`    [color=#116329]<[color=#0550ae]div[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]<[color=#0550ae]Text[/color]>[/color]Count: {count}[color=#116329]</[color=#0550ae]Text[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]<[color=#0550ae]Button[/color] [color=#0550ae]onClick[/color]=[color=#0a3069]{()[/color] =>[/color] setCount(count + 1)}>Increment[color=#116329]</[color=#0550ae]Button[/color]>[/color]`}</Text>
+            <Text className="code-line">{`    [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  );`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Compiling TSX to C</h2>
+        <p>{`The CLI compiles TSX to a C header at build time:`}</p>
+        <Widget className="code-block" data-language="sh" data-source="en/handbook/typescript/4">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`lcui build`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`This generates [bgcolor=#eee] ui.h [/bgcolor] from [bgcolor=#eee] ui.tsx [/bgcolor], which you include in your C code:`}</p>
+        <Widget className="code-block" data-language="c" data-source="en/handbook/typescript/5">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]"ui.h"[/color][/color]`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        lcui_init();`}</Text>
+            <Text className="code-line">{`        ui_load();   [color=#6e7781]/* calls the generated widget setup code */[/color]`}</Text>
+            <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Available packages</h2>
+        <Widget className="mdx-table">
+          <Widget className="mdx-table-row mdx-table-head">
+            <Widget className="mdx-table-cell mdx-table-head-cell" style={{ width: "136px" }}>
+              <Text>{`Package`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell flex-grow mdx-table-head-cell" style={{ minWidth: "48px" }}>
+              <Text>{`Description`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "136px" }}>
+              <Text>{`[bgcolor=#eee] @lcui/react [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell flex-grow" style={{ minWidth: "48px" }}>
+              <Text>{`Core React-like runtime, hooks, and built-in widget bindings (Button, Text, TextInput, …)`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "136px" }}>
+              <Text>{`[bgcolor=#eee] @lcui/router [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell flex-grow" style={{ minWidth: "48px" }}>
+              <Text>{`File-system based page router`}</Text>
+            </Widget>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>CSS Modules</h2>
+        <p>{`You can import [bgcolor=#eee] .module.css [/bgcolor] files in your TSX components:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/handbook/typescript/6">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] styles [color=#cf222e]from[/color] [color=#0a3069]"./App.module.css"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]App[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]className[/color]=[color=#0a3069]{styles.container}[/color]>[/color]Hello[color=#116329]</[color=#0550ae]div[/color]>[/color];`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Tailwind CSS</h2>
+        <p>{`Tailwind CSS class names are supported out of the box in LCUI CLI projects:`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="en/handbook/typescript/7">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]App[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+            <Text className="code-line">{`    [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]className[/color]=[color=#0a3069]"flex flex-col p-4 gap-2"[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]<[color=#0550ae]span[/color] [color=#0550ae]className[/color]=[color=#0a3069]"text-lg font-bold"[/color]>[/color]Title[color=#116329]</[color=#0550ae]span[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]<[color=#0550ae]button[/color] [color=#0550ae]className[/color]=[color=#0a3069]"bg-blue-500 text-white px-4 py-2 rounded"[/color]>[/color]`}</Text>
+            <Text className="code-line">{`        Click me`}</Text>
+            <Text className="code-line">{`      [color=#116329]</[color=#0550ae]button[/color]>[/color]`}</Text>
+            <Text className="code-line">{`    [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  );`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/overview/about/page.c b/examples/doc-viewer/app/en/overview/about/page.c
new file mode 100644
index 000000000..17fb006de
--- /dev/null
+++ b/examples/doc-viewer/app/en/overview/about/page.c
@@ -0,0 +1,52 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_overview_about_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_overview_about_page_t;
+
+static void en_overview_about_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_overview_about_page_proto,
+                           sizeof(en_overview_about_page_t));
+        en_overview_about_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_overview_about_page_update(w);
+}
+
+static en_overview_about_page_t *en_overview_about_page_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_overview_about_page_proto);
+}
+
+static void en_overview_about_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_overview_about_page_react_destroy(w);
+}
+
+void en_overview_about_page_update(ui_widget_t *w)
+{
+        en_overview_about_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_overview_about_page(void)
+{
+        return ui_create_widget_with_prototype(en_overview_about_page_proto);
+}
+
+void ui_register_en_overview_about_page(void)
+{
+        en_overview_about_page_init_prototype();
+        en_overview_about_page_proto->init = en_overview_about_page_init;
+        en_overview_about_page_proto->destroy = en_overview_about_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/overview/about/page.h b/examples/doc-viewer/app/en/overview/about/page.h
new file mode 100644
index 000000000..25f033cad
--- /dev/null
+++ b/examples/doc-viewer/app/en/overview/about/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_overview_about_page(void);
+
+ui_widget_t *ui_create_en_overview_about_page(void);
+
+void en_overview_about_page_update(ui_widget_t *w);
+
+void ui_load_en_overview_about_page_resources(void);
diff --git a/examples/doc-viewer/app/en/overview/about/page.tsx b/examples/doc-viewer/app/en/overview/about/page.tsx
new file mode 100644
index 000000000..95ccff85f
--- /dev/null
+++ b/examples/doc-viewer/app/en/overview/about/page.tsx
@@ -0,0 +1,61 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function AboutDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>About LCUI</h1>
+      <p className="doc-page-desc">{`LCUI is an open-source desktop graphical user interface library written in C, designed to provide C developers with a simple and easy-to-use GUI development experience, while incorporating CSS styling and declarative UI description from web development to lower the learning barrier.`}</p>
+      <Widget className="doc-section">
+        <h2>Key features</h2>
+        <ul>
+          <li><Text>{`[b]Cross-platform[/b] — Supports Windows and Linux.`}</Text></li>
+          <li><Text>{`[b]Fully self-drawn widgets[/b] — Widgets maintain consistent appearance and behavior across platforms.`}</Text></li>
+          <li><Text>{`[b]DPI-adaptive[/b] — Automatically scales the UI on high-resolution screens for crisp display.`}</Text></li>
+          <li><Text>{`[b]Built-in CSS engine[/b] — Supports using CSS to define UI styles and layouts, making it easy to pick up for those with web development experience.`}</Text></li>
+          <li><Text>{`[b]Modern development tools[/b] — Through the [bgcolor=#eee] @lcui/cli [/bgcolor] tool, you can use TypeScript with JSX syntax to write user interfaces.`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Who should use LCUI</h2>
+        <p>{`LCUI is suitable for these developers:`}</p>
+        <ul>
+          <li><Text>{`Want to keep using C on the desktop, but want to escape the tedious Win32 / X11 native development experience.`}</Text></li>
+          <li><Text>{`Already familiar with web frontend (HTML, CSS) and want to transfer that experience to desktop applications.`}</Text></li>
+          <li><Text>{`Need to build single-window desktop tools with simple UI content.`}</Text></li>
+        </ul>
+        <p>{`If your use case is a large commercial desktop product, a game engine, or a tool deeply integrated with the OS, LCUI may not be the best choice; in such scenarios, consider Qt, GTK, or native APIs instead.`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Architecture</h2>
+        <p>{`LCUI is divided into four layers from top to bottom:`}</p>
+        <h3>Application layer</h3>
+        <p>{`Your business code: custom widgets, CSS styles, TSX/JSX code, event handling. This is the only part tied to your project domain.`}</p>
+        <h3>LCUI Runtime</h3>
+        <p>{`Initialization, event loop, application lifecycle management. Responsible for running the app, dispatching events, and driving rendering.`}</p>
+        <h3>UI Helpers</h3>
+        <p>{`UI XML parsing, UI Router, cursor management, internationalization (i18n), and other helper modules. These package common UI behaviors into pluggable subsystems.`}</p>
+        <h3>Foundation layer</h3>
+        <p>{`YUtil (general utility library), PandaGL (2D rendering engine), CSS engine, UI widget system, Thread / Worker abstractions. These modules can also be used independently.`}</p>
+        <p>{`The platform layer (Windows / Linux) handles window management and input events.`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>License</h2>
+        <p>{`LCUI is released under the MIT License. See LICENSE.TXT in the repository root for details.`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Contributing</h2>
+        <p>{`Contributions are welcome! Before submitting a Pull Request, please read CONTRIBUTING.md in the repository root.`}</p>
+        <ul>
+          <li><Text>{`[b]Bug reports[/b] — Open an issue on GitHub Issues.`}</Text></li>
+          <li><Text>{`[b]Feature requests[/b] — Start a discussion on GitHub Discussions.`}</Text></li>
+          <li><Text>{`[b]Code contributions[/b] — Fork the repo, create a branch, and submit a PR.`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Community</h2>
+        <p>{`If you run into issues, you can ask questions on GitHub Discussions (use the [bgcolor=#eee] Q&A [/bgcolor] label). We also encourage experienced users to help newcomers.`}</p>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/overview/quick-start/page.c b/examples/doc-viewer/app/en/overview/quick-start/page.c
new file mode 100644
index 000000000..b9ad9b0a7
--- /dev/null
+++ b/examples/doc-viewer/app/en/overview/quick-start/page.c
@@ -0,0 +1,56 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_overview_quick_start_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_overview_quick_start_page_t;
+
+static void en_overview_quick_start_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_overview_quick_start_page_proto,
+                           sizeof(en_overview_quick_start_page_t));
+        en_overview_quick_start_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_overview_quick_start_page_update(w);
+}
+
+static en_overview_quick_start_page_t *en_overview_quick_start_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_overview_quick_start_page_proto);
+}
+
+static void en_overview_quick_start_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_overview_quick_start_page_react_destroy(w);
+}
+
+void en_overview_quick_start_page_update(ui_widget_t *w)
+{
+        en_overview_quick_start_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_overview_quick_start_page(void)
+{
+        return ui_create_widget_with_prototype(
+            en_overview_quick_start_page_proto);
+}
+
+void ui_register_en_overview_quick_start_page(void)
+{
+        en_overview_quick_start_page_init_prototype();
+        en_overview_quick_start_page_proto->init =
+            en_overview_quick_start_page_init;
+        en_overview_quick_start_page_proto->destroy =
+            en_overview_quick_start_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/overview/quick-start/page.h b/examples/doc-viewer/app/en/overview/quick-start/page.h
new file mode 100644
index 000000000..8e58cadd2
--- /dev/null
+++ b/examples/doc-viewer/app/en/overview/quick-start/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_overview_quick_start_page(void);
+
+ui_widget_t *ui_create_en_overview_quick_start_page(void);
+
+void en_overview_quick_start_page_update(ui_widget_t *w);
+
+void ui_load_en_overview_quick_start_page_resources(void);
diff --git a/examples/doc-viewer/app/en/overview/quick-start/page.tsx b/examples/doc-viewer/app/en/overview/quick-start/page.tsx
new file mode 100644
index 000000000..4655af24e
--- /dev/null
+++ b/examples/doc-viewer/app/en/overview/quick-start/page.tsx
@@ -0,0 +1,65 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function QuickStartDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Quick Start</h1>
+      <p className="doc-page-desc">{`Get up and running with LCUI in minutes.`}</p>
+      <Widget className="doc-section">
+        <h2>Prerequisites</h2>
+        <ul>
+          <li><Text>{`[b]Operating system[/b] — Windows (recommended) or Linux`}</Text></li>
+          <li><Text>{`[b]Node.js[/b] — Required to run [bgcolor=#eee] @lcui/cli [/bgcolor]`}</Text></li>
+          <li><Text>{`[b]xmake[/b] — C/C++ build tool`}</Text></li>
+          <li><Text>{`[b]Git[/b] — Download and manage source code`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Installation</h2>
+        <p>{`Install the LCUI CLI globally:`}</p>
+        <Widget className="code-block" data-language="sh" data-source="en/overview/quick-start/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install -g @lcui/cli`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Create and run your first app:`}</p>
+        <Widget className="code-block" data-language="sh" data-source="en/overview/quick-start/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`lcui create my-app`}</Text>
+            <Text className="code-line">{`[color=#953800]cd[/color] my-app`}</Text>
+            <Text className="code-line">{`lcui build`}</Text>
+            <Text className="code-line">{`xmake run app`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`[bgcolor=#eee] lcui create [/bgcolor] clones a minimal project from the lcui-quick-start template repository, including xmake.lua configuration, example code, and dependencies. Once done, run [bgcolor=#eee] lcui build [/bgcolor] to compile TSX resources, then [bgcolor=#eee] xmake run app [/bgcolor] to launch the application.`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Next steps</h2>
+        <ul>
+          <li><Text>{`Explore the sample project generated by [bgcolor=#eee] lcui create [/bgcolor] — look at the code and file structure to understand the basics of an LCUI application.`}</Text></li>
+          <li><Text>{`Read the widget reference (Button, Text, TextInput, Anchor, ScrollArea) to learn about built-in widgets.`}</Text></li>
+          <li><Text>{`Read the Styling chapter to learn how to apply CSS properties to widgets.`}</Text></li>
+          <li><Text>{`Read the Customization chapter to learn how to create custom widgets.`}</Text></li>
+          <li><Text>{`Read the TSX & Dev Tools chapter to understand [bgcolor=#eee] @lcui/react [/bgcolor] usage and limitations in depth.`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Having trouble?</h2>
+        <p>{`If you run into problems while learning, you can get help through:`}</p>
+        <ul>
+          <li><Text>{`Ask questions on GitHub Discussions (use the [bgcolor=#eee] Q&A [/bgcolor] label).`}</Text></li>
+          <li><Text>{`Check CONTRIBUTING.md in the repository root to learn how to contribute.`}</Text></li>
+        </ul>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/widgets/anchor/page.c b/examples/doc-viewer/app/en/widgets/anchor/page.c
new file mode 100644
index 000000000..643005608
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/anchor/page.c
@@ -0,0 +1,52 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_widgets_anchor_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_widgets_anchor_page_t;
+
+static void en_widgets_anchor_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_widgets_anchor_page_proto,
+                           sizeof(en_widgets_anchor_page_t));
+        en_widgets_anchor_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_widgets_anchor_page_update(w);
+}
+
+static en_widgets_anchor_page_t *en_widgets_anchor_page_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_widgets_anchor_page_proto);
+}
+
+static void en_widgets_anchor_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_widgets_anchor_page_react_destroy(w);
+}
+
+void en_widgets_anchor_page_update(ui_widget_t *w)
+{
+        en_widgets_anchor_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_widgets_anchor_page(void)
+{
+        return ui_create_widget_with_prototype(en_widgets_anchor_page_proto);
+}
+
+void ui_register_en_widgets_anchor_page(void)
+{
+        en_widgets_anchor_page_init_prototype();
+        en_widgets_anchor_page_proto->init = en_widgets_anchor_page_init;
+        en_widgets_anchor_page_proto->destroy = en_widgets_anchor_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/widgets/anchor/page.h b/examples/doc-viewer/app/en/widgets/anchor/page.h
new file mode 100644
index 000000000..cf7ae444c
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/anchor/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_widgets_anchor_page(void);
+
+ui_widget_t *ui_create_en_widgets_anchor_page(void);
+
+void en_widgets_anchor_page_update(ui_widget_t *w);
+
+void ui_load_en_widgets_anchor_page_resources(void);
diff --git a/examples/doc-viewer/app/en/widgets/anchor/page.tsx b/examples/doc-viewer/app/en/widgets/anchor/page.tsx
new file mode 100644
index 000000000..ba7b46e2f
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/anchor/page.tsx
@@ -0,0 +1,130 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+import AnchorBasicDemo from "../../../examples/anchor-basic/index";
+
+export default function AnchorDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Anchor</h1>
+      <p className="doc-page-desc">{`A navigation widget similar to the HTML [bgcolor=#eee] <a> [/bgcolor] element. It can open external URLs in the system browser or load an XML view into a target container widget.`}</p>
+      <AnchorBasicDemo />
+      <Widget className="doc-section">
+        <h2>Use cases</h2>
+        <ul>
+          <li><Text>{`[b]Suitable[/b] — placing external links in a page (opens in the system browser).`}</Text></li>
+          <li><Text>{`[b]Not suitable[/b] — performing an action (use [bgcolor=#eee] button [/bgcolor]).`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Usage</h2>
+        <Widget className="code-block" data-language="tsx" data-source="en/widgets/anchor/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<a href=[color=#0a3069]"https://example.com"[/color]>[color=#8250df]Link[/color] text</a>`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>API</h2>
+        <h3>`ui_anchor_open`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/anchor/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]ui_anchor_open[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Programmatically triggers the anchor's action (same as a click). Reads the [bgcolor=#eee] href [/bgcolor] attribute from the widget:`}</p>
+        <ul>
+          <li><Text>{`If [bgcolor=#eee] href [/bgcolor] starts with [bgcolor=#eee] http:// [/bgcolor] or [bgcolor=#eee] https:// [/bgcolor] — opens in the system browser.`}</Text></li>
+          <li><Text>{`If [bgcolor=#eee] href [/bgcolor] starts with [bgcolor=#eee] file:/// [/bgcolor] — opens the local file in the system browser.`}</Text></li>
+          <li><Text>{`Otherwise — asynchronously loads an XML file at the given path and injects its content into the widget identified by the [bgcolor=#eee] target [/bgcolor] attribute.`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>XML tag</h2>
+        <Widget className="code-block" data-language="xml" data-source="en/widgets/anchor/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">XML</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#116329]<[color=#0550ae]a[/color] [color=#0550ae]href[/color]=[color=#0a3069]"..."[/color] [color=#0550ae]target[/color]=[color=#0a3069]"..."[/color] [color=#0550ae]key[/color]=[color=#0a3069]"..."[/color]>[/color]Link text[color=#116329]</[color=#0550ae]a[/color]>[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Attributes:`}</p>
+        <Widget className="mdx-table">
+          <Widget className="mdx-table-row mdx-table-head">
+            <Widget className="mdx-table-cell mdx-table-head-cell" style={{ width: "96px" }}>
+              <Text>{`Attribute`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell mdx-table-head-cell" style={{ width: "152px" }}>
+              <Text>{`Required`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell flex-grow mdx-table-head-cell" style={{ minWidth: "48px" }}>
+              <Text>{`Description`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "96px" }}>
+              <Text>{`[bgcolor=#eee] href [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "152px" }}>
+              <Text>{`Yes`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell flex-grow" style={{ minWidth: "48px" }}>
+              <Text>{`URL to open, or relative XML file path to load`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "96px" }}>
+              <Text>{`[bgcolor=#eee] target [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "152px" }}>
+              <Text>{`For view loading`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell flex-grow" style={{ minWidth: "48px" }}>
+              <Text>{`ID of the container widget where the loaded view is injected`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "96px" }}>
+              <Text>{`[bgcolor=#eee] key [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "152px" }}>
+              <Text>{`No`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell flex-grow" style={{ minWidth: "48px" }}>
+              <Text>{`Arbitrary string passed as [bgcolor=#eee] event.data [/bgcolor] to the [bgcolor=#eee] loaded.anchor [/bgcolor] event`}</Text>
+            </Widget>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Events</h2>
+        <h3>`loaded.anchor`</h3>
+        <p>{`Fired on [bgcolor=#eee] ui_root() [/bgcolor] after a view has been loaded and injected:`}</p>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/anchor/3">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]on_view_loaded[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w, [color=#953800]ui_event_t[/color] *e, [color=#953800]void[/color] *arg)[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        [color=#6e7781]/* e->data contains the value of the anchor&#x27;s "key" attribute */[/color]`}</Text>
+            <Text className="code-line">{`        [color=#953800]printf[/color]([color=#0a3069]"Loaded view key: %s\\n"[/color], ([color=#953800]char[/color] *)e->data);`}</Text>
+            <Text className="code-line">{`}`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`ui_widget_on(ui_root(), [color=#0a3069]"loaded.anchor"[/color], on_view_loaded, [color=#0550ae]NULL[/color]);`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/widgets/button/page.c b/examples/doc-viewer/app/en/widgets/button/page.c
new file mode 100644
index 000000000..dfcc118c5
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/button/page.c
@@ -0,0 +1,52 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_widgets_button_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_widgets_button_page_t;
+
+static void en_widgets_button_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_widgets_button_page_proto,
+                           sizeof(en_widgets_button_page_t));
+        en_widgets_button_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_widgets_button_page_update(w);
+}
+
+static en_widgets_button_page_t *en_widgets_button_page_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_widgets_button_page_proto);
+}
+
+static void en_widgets_button_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_widgets_button_page_react_destroy(w);
+}
+
+void en_widgets_button_page_update(ui_widget_t *w)
+{
+        en_widgets_button_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_widgets_button_page(void)
+{
+        return ui_create_widget_with_prototype(en_widgets_button_page_proto);
+}
+
+void ui_register_en_widgets_button_page(void)
+{
+        en_widgets_button_page_init_prototype();
+        en_widgets_button_page_proto->init = en_widgets_button_page_init;
+        en_widgets_button_page_proto->destroy = en_widgets_button_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/widgets/button/page.h b/examples/doc-viewer/app/en/widgets/button/page.h
new file mode 100644
index 000000000..5a6b93c65
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/button/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_widgets_button_page(void);
+
+ui_widget_t *ui_create_en_widgets_button_page(void);
+
+void en_widgets_button_page_update(ui_widget_t *w);
+
+void ui_load_en_widgets_button_page_resources(void);
diff --git a/examples/doc-viewer/app/en/widgets/button/page.tsx b/examples/doc-viewer/app/en/widgets/button/page.tsx
new file mode 100644
index 000000000..fa159ef87
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/button/page.tsx
@@ -0,0 +1,48 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+import ButtonBasicDemo from "../../../examples/button-basic/index";
+import FieldTable from "../../../components/field-table";
+import { buttonFields } from "../../../widget-fields/button";
+
+export default function ButtonDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Button</h1>
+      <p className="doc-page-desc">{`A clickable button widget, typically used to trigger an action.`}</p>
+      <ButtonBasicDemo />
+      <Widget className="doc-section">
+        <h2>Use cases</h2>
+        <ul>
+          <li><Text>{`[b]Suitable[/b]: users click to perform an action (submit a form, open a page, toggle a state)`}</Text></li>
+          <li><Text>{`[b]Suitable[/b]: interactive entry points in toolbars, dialogs, and navbars`}</Text></li>
+          <li><Text>{`[b]Not suitable[/b]: non-interactive text display (use [bgcolor=#eee] text [/bgcolor] instead)`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Usage</h2>
+        <Widget className="code-block" data-language="tsx" data-source="en/widgets/button/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Button[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block" data-language="tsx" data-source="en/widgets/button/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]Button[/color]>[color=#8250df]Button[/color]</[color=#8250df]Button[/color]>`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>API Reference</h2>
+        <FieldTable fields={buttonFields} locale="en" />
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/widgets/checkbox/page.c b/examples/doc-viewer/app/en/widgets/checkbox/page.c
new file mode 100644
index 000000000..572117723
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/checkbox/page.c
@@ -0,0 +1,54 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_widgets_checkbox_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_widgets_checkbox_page_t;
+
+static void en_widgets_checkbox_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_widgets_checkbox_page_proto,
+                           sizeof(en_widgets_checkbox_page_t));
+
+        en_widgets_checkbox_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_widgets_checkbox_page_update(w);
+}
+
+static en_widgets_checkbox_page_t *en_widgets_checkbox_page_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_widgets_checkbox_page_proto);
+}
+
+static void en_widgets_checkbox_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_widgets_checkbox_page_react_destroy(w);
+}
+
+void en_widgets_checkbox_page_update(ui_widget_t *w)
+{
+        en_widgets_checkbox_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_widgets_checkbox_page(void)
+{
+        return ui_create_widget_with_prototype(en_widgets_checkbox_page_proto);
+}
+
+void ui_register_en_widgets_checkbox_page(void)
+{
+        en_widgets_checkbox_page_init_prototype();
+        en_widgets_checkbox_page_proto->init = en_widgets_checkbox_page_init;
+        en_widgets_checkbox_page_proto->destroy =
+            en_widgets_checkbox_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/widgets/checkbox/page.h b/examples/doc-viewer/app/en/widgets/checkbox/page.h
new file mode 100644
index 000000000..24f8e86c9
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/checkbox/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_widgets_checkbox_page(void);
+
+ui_widget_t *ui_create_en_widgets_checkbox_page(void);
+
+void en_widgets_checkbox_page_update(ui_widget_t *w);
+
+void ui_load_en_widgets_checkbox_page_resources(void);
diff --git a/examples/doc-viewer/app/en/widgets/checkbox/page.tsx b/examples/doc-viewer/app/en/widgets/checkbox/page.tsx
new file mode 100644
index 000000000..8096fa711
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/checkbox/page.tsx
@@ -0,0 +1,63 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+import CheckboxBasicDemo from "../../../examples/checkbox-basic/index";
+import CheckboxDisabledDemo from "../../../examples/checkbox-disabled/index";
+import FieldTable from "../../../components/field-table";
+import { checkboxFields } from "../../../widget-fields/checkbox";
+
+export default function CheckboxDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Checkbox</h1>
+      <p className="doc-page-desc">{`A control that allows the user to toggle between checked and not checked.`}</p>
+      <CheckboxBasicDemo />
+      <Widget className="doc-section">
+        <h2>Use cases</h2>
+        <ul>
+          <li><Text>{`[b]Suitable[/b]: a single binary choice (accepting terms, toggling a subscription).`}</Text></li>
+          <li><Text>{`[b]Suitable[/b]: checkable options inside a form.`}</Text></li>
+          <li><Text>{`[b]Not suitable[/b]: mutually exclusive single-choice scenarios (use [bgcolor=#eee] radio-group [/bgcolor]).`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Usage</h2>
+        <Widget className="code-block" data-language="tsx" data-source="en/widgets/checkbox/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Checkbox[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block" data-language="tsx" data-source="en/widgets/checkbox/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]Checkbox[/color] />`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Caveats</h2>
+        <Widget className="admonition admonition-caution">
+          <Text className="admonition-title">警告</Text>
+          <Widget className="admonition-content">
+            <p>{`[b]indeterminate is a state, not a default value.[/b] The half-selected state ([bgcolor=#eee] indeterminate="true" [/bgcolor]) expresses the visual notion that some sub-items are selected (for example, a parent checkbox shown as indeterminate when only some of its children are checked). Clicking a checkbox in the indeterminate state transitions it to the checked state.`}</p>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Examples</h2>
+        <h3>Disabled</h3>
+        <CheckboxDisabledDemo />
+      </Widget>
+      <Widget className="doc-section">
+        <h2>API Reference</h2>
+        <FieldTable fields={checkboxFields} locale="en" />
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/widgets/label/page.c b/examples/doc-viewer/app/en/widgets/label/page.c
new file mode 100644
index 000000000..e9c37fd8c
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/label/page.c
@@ -0,0 +1,53 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_widgets_label_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_widgets_label_page_t;
+
+static void en_widgets_label_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_widgets_label_page_proto,
+                           sizeof(en_widgets_label_page_t));
+
+        en_widgets_label_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_widgets_label_page_update(w);
+}
+
+static en_widgets_label_page_t *en_widgets_label_page_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_widgets_label_page_proto);
+}
+
+static void en_widgets_label_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_widgets_label_page_react_destroy(w);
+}
+
+void en_widgets_label_page_update(ui_widget_t *w)
+{
+        en_widgets_label_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_widgets_label_page(void)
+{
+        return ui_create_widget_with_prototype(en_widgets_label_page_proto);
+}
+
+void ui_register_en_widgets_label_page(void)
+{
+        en_widgets_label_page_init_prototype();
+        en_widgets_label_page_proto->init = en_widgets_label_page_init;
+        en_widgets_label_page_proto->destroy = en_widgets_label_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/widgets/label/page.h b/examples/doc-viewer/app/en/widgets/label/page.h
new file mode 100644
index 000000000..0361a0cd5
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/label/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_widgets_label_page(void);
+
+ui_widget_t *ui_create_en_widgets_label_page(void);
+
+void en_widgets_label_page_update(ui_widget_t *w);
+
+void ui_load_en_widgets_label_page_resources(void);
diff --git a/examples/doc-viewer/app/en/widgets/label/page.tsx b/examples/doc-viewer/app/en/widgets/label/page.tsx
new file mode 100644
index 000000000..8cdf16548
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/label/page.tsx
@@ -0,0 +1,48 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+import LabelBasicDemo from "../../../examples/label-basic/index";
+import FieldTable from "../../../components/field-table";
+import { labelFields } from "../../../widget-fields/label";
+
+export default function LabelDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Label</h1>
+      <p className="doc-page-desc">{`Renders an accessible label associated with controls. Click events are forwarded to the target widget referenced by the [bgcolor=#eee] for [/bgcolor] attribute.`}</p>
+      <LabelBasicDemo />
+      <Widget className="doc-section">
+        <h2>Use cases</h2>
+        <ul>
+          <li><Text>{`[b]Suitable[/b]: extending the clickable area of interactive widgets such as checkbox and text-input so that clicking the label text also triggers the widget.`}</Text></li>
+          <li><Text>{`[b]Suitable[/b]: associating text with a control for accessibility (a11y).`}</Text></li>
+          <li><Text>{`[b]Not suitable[/b]: purely decorative text display (use the [bgcolor=#eee] text [/bgcolor] widget instead).`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Usage</h2>
+        <Widget className="code-block" data-language="tsx" data-source="en/widgets/label/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Label[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block" data-language="tsx" data-source="en/widgets/label/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]Label[/color] [color=#cf222e]for[/color]=[color=#0a3069]"agree"[/color]>I agree</[color=#8250df]Label[/color]>`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>API Reference</h2>
+        <FieldTable fields={labelFields} locale="en" />
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/widgets/progress/page.c b/examples/doc-viewer/app/en/widgets/progress/page.c
new file mode 100644
index 000000000..fcc37038b
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/progress/page.c
@@ -0,0 +1,54 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_widgets_progress_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_widgets_progress_page_t;
+
+static void en_widgets_progress_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_widgets_progress_page_proto,
+                           sizeof(en_widgets_progress_page_t));
+
+        en_widgets_progress_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_widgets_progress_page_update(w);
+}
+
+static en_widgets_progress_page_t *en_widgets_progress_page_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_widgets_progress_page_proto);
+}
+
+static void en_widgets_progress_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_widgets_progress_page_react_destroy(w);
+}
+
+void en_widgets_progress_page_update(ui_widget_t *w)
+{
+        en_widgets_progress_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_widgets_progress_page(void)
+{
+        return ui_create_widget_with_prototype(en_widgets_progress_page_proto);
+}
+
+void ui_register_en_widgets_progress_page(void)
+{
+        en_widgets_progress_page_init_prototype();
+        en_widgets_progress_page_proto->init = en_widgets_progress_page_init;
+        en_widgets_progress_page_proto->destroy =
+            en_widgets_progress_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/widgets/progress/page.h b/examples/doc-viewer/app/en/widgets/progress/page.h
new file mode 100644
index 000000000..0599bdcf2
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/progress/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_widgets_progress_page(void);
+
+ui_widget_t *ui_create_en_widgets_progress_page(void);
+
+void en_widgets_progress_page_update(ui_widget_t *w);
+
+void ui_load_en_widgets_progress_page_resources(void);
diff --git a/examples/doc-viewer/app/en/widgets/progress/page.tsx b/examples/doc-viewer/app/en/widgets/progress/page.tsx
new file mode 100644
index 000000000..a04fb97a9
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/progress/page.tsx
@@ -0,0 +1,48 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+import ProgressBasicDemo from "../../../examples/progress-basic/index";
+import FieldTable from "../../../components/field-table";
+import { progressFields } from "../../../widget-fields/progress";
+
+export default function ProgressDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Progress</h1>
+      <p className="doc-page-desc">{`A linear progress bar widget used to indicate the completion of a task such as file uploads or loading states.`}</p>
+      <ProgressBasicDemo />
+      <Widget className="doc-section">
+        <h2>Use cases</h2>
+        <ul>
+          <li><Text>{`[b]Suitable[/b]: file upload/download, installation, or any long-running task that needs progress feedback`}</Text></li>
+          <li><Text>{`[b]Suitable[/b]: form submission or async operations that need a wait indicator`}</Text></li>
+          <li><Text>{`[b]Not suitable[/b]: scenarios that require precise numeric values or indeterminate progress (use [bgcolor=#eee] text [/bgcolor] to render manually)`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Usage</h2>
+        <Widget className="code-block" data-language="tsx" data-source="en/widgets/progress/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Progress[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block" data-language="tsx" data-source="en/widgets/progress/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]Progress[/color] value={[color=#0550ae]20[/color]} />`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>API Reference</h2>
+        <FieldTable fields={progressFields} locale="en" />
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/widgets/radio-group/page.c b/examples/doc-viewer/app/en/widgets/radio-group/page.c
new file mode 100644
index 000000000..0cb9a186f
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/radio-group/page.c
@@ -0,0 +1,57 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_widgets_radio_group_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_widgets_radio_group_page_t;
+
+static void en_widgets_radio_group_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_widgets_radio_group_page_proto,
+                           sizeof(en_widgets_radio_group_page_t));
+
+        en_widgets_radio_group_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_widgets_radio_group_page_update(w);
+}
+
+static en_widgets_radio_group_page_t *en_widgets_radio_group_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_widgets_radio_group_page_proto);
+}
+
+static void en_widgets_radio_group_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_widgets_radio_group_page_react_destroy(w);
+}
+
+void en_widgets_radio_group_page_update(ui_widget_t *w)
+{
+        en_widgets_radio_group_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_widgets_radio_group_page(void)
+{
+        return ui_create_widget_with_prototype(
+            en_widgets_radio_group_page_proto);
+}
+
+void ui_register_en_widgets_radio_group_page(void)
+{
+        en_widgets_radio_group_page_init_prototype();
+        en_widgets_radio_group_page_proto->init =
+            en_widgets_radio_group_page_init;
+        en_widgets_radio_group_page_proto->destroy =
+            en_widgets_radio_group_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/widgets/radio-group/page.h b/examples/doc-viewer/app/en/widgets/radio-group/page.h
new file mode 100644
index 000000000..ef35d3380
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/radio-group/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_widgets_radio_group_page(void);
+
+ui_widget_t *ui_create_en_widgets_radio_group_page(void);
+
+void en_widgets_radio_group_page_update(ui_widget_t *w);
+
+void ui_load_en_widgets_radio_group_page_resources(void);
diff --git a/examples/doc-viewer/app/en/widgets/radio-group/page.tsx b/examples/doc-viewer/app/en/widgets/radio-group/page.tsx
new file mode 100644
index 000000000..7e87993bd
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/radio-group/page.tsx
@@ -0,0 +1,81 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+import RadioGroupBasicDemo from "../../../examples/radio-group-basic/index";
+import RadioGroupDisabledDemo from "../../../examples/radio-group-disabled/index";
+import FieldTable from "../../../components/field-table";
+import { radioGroupFields } from "../../../widget-fields/radio-group";
+import { radioGroupItemFields } from "../../../widget-fields/radio-group-item";
+
+export default function RadioGroupDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>RadioGroup</h1>
+      <p className="doc-page-desc">{`A set of mutually exclusive radio buttons—only one item in the group can be selected at a time.`}</p>
+      <RadioGroupBasicDemo />
+      <Widget className="doc-section">
+        <h2>Use cases</h2>
+        <ul>
+          <li><Text>{`[b]Suitable[/b]: pick exactly one option from a mutually exclusive set (view density, sort order, single-choice enumerations).`}</Text></li>
+          <li><Text>{`[b]Suitable[/b]: simple cases with a fixed 2–7 options.`}</Text></li>
+          <li><Text>{`[b]Not suitable[/b]: scenarios that allow multiple concurrent selections (use [bgcolor=#eee] checkbox [/bgcolor]).`}</Text></li>
+          <li><Text>{`[b]Not suitable[/b]: large option lists that need search or filtering (no [bgcolor=#eee] select [/bgcolor] provided yet).`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Usage</h2>
+        <Widget className="code-block" data-language="tsx" data-source="en/widgets/radio-group/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]RadioGroup[/color], [color=#8250df]RadioGroupItem[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block" data-language="tsx" data-source="en/widgets/radio-group/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]RadioGroup[/color] value=[color=#0a3069]"comfortable"[/color]>`}</Text>
+            <Text className="code-line">{`  [color=#116329]<[color=#0550ae]RadioGroupItem[/color] [color=#0550ae]value[/color]=[color=#0a3069]"default"[/color] [color=#0550ae]id[/color]=[color=#0a3069]"r1"[/color] />[/color]`}</Text>
+            <Text className="code-line">{`  [color=#116329]<[color=#0550ae]RadioGroupItem[/color] [color=#0550ae]value[/color]=[color=#0a3069]"comfortable"[/color] [color=#0550ae]id[/color]=[color=#0a3069]"r2"[/color] />[/color]`}</Text>
+            <Text className="code-line">{`  [color=#116329]<[color=#0550ae]RadioGroupItem[/color] [color=#0550ae]value[/color]=[color=#0a3069]"compact"[/color] [color=#0550ae]id[/color]=[color=#0a3069]"r3"[/color] />[/color]`}</Text>
+            <Text className="code-line">{`</[color=#8250df]RadioGroup[/color]>`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Composition</h2>
+        <p>{`Use the following composition to build a [bgcolor=#eee] RadioGroup [/bgcolor]:`}</p>
+        <Widget className="code-block" data-language="text" data-source="en/widgets/radio-group/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TEXT</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`RadioGroup`}</Text>
+            <Text className="code-line">{`├── RadioGroupItem`}</Text>
+            <Text className="code-line">{`└── RadioGroupItem`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`In practice, each item is paired with a [bgcolor=#eee] Label [/bgcolor] placed in the same flex row, with the Label's [bgcolor=#eee] for [/bgcolor] pointing at the RadioGroupItem's [bgcolor=#eee] id [/bgcolor]—clicking the Label forwards the click event to the matching item.`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Examples</h2>
+        <h3>Disabled</h3>
+        <RadioGroupDisabledDemo />
+      </Widget>
+      <Widget className="doc-section">
+        <h2>API Reference</h2>
+        <h3>RadioGroup</h3>
+        <p>{`The container that manages mutually exclusive selection across its items.`}</p>
+        <FieldTable fields={radioGroupFields} locale="en" />
+        <h3>RadioGroupItem</h3>
+        <p>{`A single selectable option. At most one RadioGroupItem within the same RadioGroup is checked at any time.`}</p>
+        <FieldTable fields={radioGroupItemFields} locale="en" />
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/widgets/scrollarea/page.c b/examples/doc-viewer/app/en/widgets/scrollarea/page.c
new file mode 100644
index 000000000..0e4470e41
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/scrollarea/page.c
@@ -0,0 +1,56 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_widgets_scrollarea_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_widgets_scrollarea_page_t;
+
+static void en_widgets_scrollarea_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_widgets_scrollarea_page_proto,
+                           sizeof(en_widgets_scrollarea_page_t));
+        en_widgets_scrollarea_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_widgets_scrollarea_page_update(w);
+}
+
+static en_widgets_scrollarea_page_t *en_widgets_scrollarea_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_widgets_scrollarea_page_proto);
+}
+
+static void en_widgets_scrollarea_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_widgets_scrollarea_page_react_destroy(w);
+}
+
+void en_widgets_scrollarea_page_update(ui_widget_t *w)
+{
+        en_widgets_scrollarea_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_widgets_scrollarea_page(void)
+{
+        return ui_create_widget_with_prototype(
+            en_widgets_scrollarea_page_proto);
+}
+
+void ui_register_en_widgets_scrollarea_page(void)
+{
+        en_widgets_scrollarea_page_init_prototype();
+        en_widgets_scrollarea_page_proto->init =
+            en_widgets_scrollarea_page_init;
+        en_widgets_scrollarea_page_proto->destroy =
+            en_widgets_scrollarea_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/widgets/scrollarea/page.h b/examples/doc-viewer/app/en/widgets/scrollarea/page.h
new file mode 100644
index 000000000..303961c3f
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/scrollarea/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_widgets_scrollarea_page(void);
+
+ui_widget_t *ui_create_en_widgets_scrollarea_page(void);
+
+void en_widgets_scrollarea_page_update(ui_widget_t *w);
+
+void ui_load_en_widgets_scrollarea_page_resources(void);
diff --git a/examples/doc-viewer/app/en/widgets/scrollarea/page.tsx b/examples/doc-viewer/app/en/widgets/scrollarea/page.tsx
new file mode 100644
index 000000000..ec26334a7
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/scrollarea/page.tsx
@@ -0,0 +1,223 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+import ScrollareaBasicDemo from "../../../examples/scrollarea-basic/index";
+
+export default function ScrollareaDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>ScrollArea</h1>
+      <p className="doc-page-desc">{`A container that provides scrollable content when children overflow.`}</p>
+      <ScrollareaBasicDemo />
+      <Widget className="doc-section">
+        <h2>Use cases</h2>
+        <ul>
+          <li><Text>{`[b]Suitable[/b] — content height or width may exceed the container (long lists, documents, logs).`}</Text></li>
+          <li><Text>{`[b]Suitable[/b] — scrollbars needed for visual feedback.`}</Text></li>
+          <li><Text>{`[b]Not suitable[/b] — content always fits within the container (use a plain [bgcolor=#eee] widget [/bgcolor]).`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Usage</h2>
+        <Widget className="code-block" data-language="tsx" data-source="en/widgets/scrollarea/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]ScrollArea[/color], [color=#8250df]ScrollAreaContent[/color], [color=#8250df]Scrollbar[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block" data-language="tsx" data-source="en/widgets/scrollarea/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]ScrollArea[/color]>`}</Text>
+            <Text className="code-line">{`  [color=#116329]<[color=#0550ae]ScrollAreaContent[/color]>[/color]{/* child content */}[color=#116329]</[color=#0550ae]ScrollAreaContent[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  [color=#116329]<[color=#0550ae]Scrollbar[/color] [color=#0550ae]orientation[/color]=[color=#0a3069]"horizontal"[/color] />[/color]`}</Text>
+            <Text className="code-line">{`  [color=#116329]<[color=#0550ae]Scrollbar[/color] />[/color]`}</Text>
+            <Text className="code-line">{`</[color=#8250df]ScrollArea[/color]>`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Composition</h2>
+        <p>{`Use the following composition to build a [bgcolor=#eee] ScrollArea [/bgcolor]:`}</p>
+        <Widget className="code-block" data-language="text" data-source="en/widgets/scrollarea/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TEXT</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`ScrollArea`}</Text>
+            <Text className="code-line">{`├── ScrollAreaContent`}</Text>
+            <Text className="code-line">{`└── Scrollbar`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>API</h2>
+        <h3>`ui_create_scrollarea`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/scrollarea/3">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]ui_widget_t[/color] *[color=#8250df]ui_create_scrollarea[/color][color=#0550ae]([color=#953800]void[/color])[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Creates and returns a new scroll area widget.`}</p>
+        <h3>`ui_create_scrollarea_content`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/scrollarea/4">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]ui_widget_t[/color] *[color=#8250df]ui_create_scrollarea_content[/color][color=#0550ae]([color=#953800]void[/color])[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Creates and returns a new scroll content container to be appended inside a scroll area.`}</p>
+        <h3>`ui_scrollarea_set_scroll_top`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/scrollarea/5">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]ui_scrollarea_set_scroll_top[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w, [color=#953800]float[/color] value)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Sets the vertical scroll position in pixels.`}</p>
+        <h3>`ui_scrollarea_set_scroll_left`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/scrollarea/6">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]ui_scrollarea_set_scroll_left[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w, [color=#953800]float[/color] value)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Sets the horizontal scroll position in pixels.`}</p>
+        <h3>`ui_scrollarea_get_scroll_top`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/scrollarea/7">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]float[/color] [color=#8250df]ui_scrollarea_get_scroll_top[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Returns the current vertical scroll position.`}</p>
+        <h3>`ui_scrollarea_get_scroll_left`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/scrollarea/8">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]float[/color] [color=#8250df]ui_scrollarea_get_scroll_left[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Returns the current horizontal scroll position.`}</p>
+        <h3>`ui_scrollarea_get_scroll_width`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/scrollarea/9">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]float[/color] [color=#8250df]ui_scrollarea_get_scroll_width[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Returns the total scrollable width of the content.`}</p>
+        <h3>`ui_scrollarea_get_scroll_height`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/scrollarea/10">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]float[/color] [color=#8250df]ui_scrollarea_get_scroll_height[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Returns the total scrollable height of the content.`}</p>
+        <h3>`ui_scrollarea_set_wheel_scroll_direction`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/scrollarea/11">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]ui_scrollarea_set_wheel_scroll_direction[/color][color=#0550ae]([/color]`}</Text>
+            <Text className="code-line">{`[color=#0550ae]    [color=#953800]ui_widget_t[/color] *w, [color=#953800]ui_scrollarea_direction_t[/color] direction)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Sets which direction the mouse wheel scrolls.`}</p>
+        <Widget className="mdx-table">
+          <Widget className="mdx-table-row mdx-table-head">
+            <Widget className="mdx-table-cell mdx-table-head-cell" style={{ width: "232px" }}>
+              <Text>{`Value`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell flex-grow mdx-table-head-cell" style={{ minWidth: "48px" }}>
+              <Text>{`Description`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "232px" }}>
+              <Text>{`[bgcolor=#eee] UI_SCROLLAREA_AUTO [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell flex-grow" style={{ minWidth: "48px" }}>
+              <Text>{`Vertical if content is taller; horizontal if wider`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "232px" }}>
+              <Text>{`[bgcolor=#eee] UI_SCROLLAREA_VERTICAL [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell flex-grow" style={{ minWidth: "48px" }}>
+              <Text>{`Always scroll vertically`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "232px" }}>
+              <Text>{`[bgcolor=#eee] UI_SCROLLAREA_HORIZONTAL [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell flex-grow" style={{ minWidth: "48px" }}>
+              <Text>{`Always scroll horizontally`}</Text>
+            </Widget>
+          </Widget>
+        </Widget>
+        <h3>`ui_scrollarea_update`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/scrollarea/12">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]ui_scrollarea_update[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Forces the scroll area to recalculate its layout and scrollbar positions.`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>XML tag</h2>
+        <Widget className="code-block" data-language="xml" data-source="en/widgets/scrollarea/13">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">XML</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#116329]<[color=#0550ae]scrollarea[/color] [color=#0550ae]style[/color]=[color=#0a3069]"width: 300px; height: 200px;"[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  [color=#6e7781]<!-- content items -->[/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]</[color=#0550ae]scrollarea[/color]>[/color]`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/widgets/text-input/page.c b/examples/doc-viewer/app/en/widgets/text-input/page.c
new file mode 100644
index 000000000..a8a40ceba
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/text-input/page.c
@@ -0,0 +1,56 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_widgets_text_input_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_widgets_text_input_page_t;
+
+static void en_widgets_text_input_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_widgets_text_input_page_proto,
+                           sizeof(en_widgets_text_input_page_t));
+        en_widgets_text_input_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_widgets_text_input_page_update(w);
+}
+
+static en_widgets_text_input_page_t *en_widgets_text_input_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_widgets_text_input_page_proto);
+}
+
+static void en_widgets_text_input_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_widgets_text_input_page_react_destroy(w);
+}
+
+void en_widgets_text_input_page_update(ui_widget_t *w)
+{
+        en_widgets_text_input_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_widgets_text_input_page(void)
+{
+        return ui_create_widget_with_prototype(
+            en_widgets_text_input_page_proto);
+}
+
+void ui_register_en_widgets_text_input_page(void)
+{
+        en_widgets_text_input_page_init_prototype();
+        en_widgets_text_input_page_proto->init =
+            en_widgets_text_input_page_init;
+        en_widgets_text_input_page_proto->destroy =
+            en_widgets_text_input_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/widgets/text-input/page.h b/examples/doc-viewer/app/en/widgets/text-input/page.h
new file mode 100644
index 000000000..740082950
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/text-input/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_widgets_text_input_page(void);
+
+ui_widget_t *ui_create_en_widgets_text_input_page(void);
+
+void en_widgets_text_input_page_update(ui_widget_t *w);
+
+void ui_load_en_widgets_text_input_page_resources(void);
diff --git a/examples/doc-viewer/app/en/widgets/text-input/page.tsx b/examples/doc-viewer/app/en/widgets/text-input/page.tsx
new file mode 100644
index 000000000..e8f1ce573
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/text-input/page.tsx
@@ -0,0 +1,243 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+import TextInputBasicDemo from "../../../examples/text-input-basic/index";
+
+export default function TextInputDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>TextInput</h1>
+      <p className="doc-page-desc">{`An editable text input widget. Supports single-line, multiline, password, placeholder, and readonly modes.`}</p>
+      <TextInputBasicDemo />
+      <Widget className="doc-section">
+        <h2>Use cases</h2>
+        <ul>
+          <li><Text>{`[b]Suitable[/b] — user text input (form fields, search boxes).`}</Text></li>
+          <li><Text>{`[b]Not suitable[/b] — text display only (use [bgcolor=#eee] text [/bgcolor]).`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Usage</h2>
+        <Widget className="code-block" data-language="tsx" data-source="en/widgets/text-input/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]TextInput[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block" data-language="tsx" data-source="en/widgets/text-input/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]TextInput[/color] placeholder=[color=#0a3069]"Enter text"[/color] />`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>API</h2>
+        <h3>`ui_textinput_set_text`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/text-input/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]ui_textinput_set_text[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *widget, [color=#953800]const[/color] [color=#953800]char[/color] *utf8_str)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Sets the input value from a UTF-8 string.`}</p>
+        <h3>`ui_textinput_set_text_w`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/text-input/3">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]ui_textinput_set_text_w[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *widget, [color=#953800]const[/color] [color=#953800]wchar_t[/color] *wstr)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Sets the input value from a wide character string.`}</p>
+        <h3>`ui_textinput_get_text_w`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/text-input/4">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]size_t[/color] [color=#8250df]ui_textinput_get_text_w[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w, [color=#953800]size_t[/color] start,[/color]`}</Text>
+            <Text className="code-line">{`[color=#0550ae]                               [color=#953800]size_t[/color] max_len, [color=#953800]wchar_t[/color] *buf)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Reads the current input value. Returns the number of characters written.`}</p>
+        <h3>`ui_textinput_get_text_length`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/text-input/5">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]size_t[/color] [color=#8250df]ui_textinput_get_text_length[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Returns the current text length in characters.`}</p>
+        <h3>`ui_textinput_clear_text`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/text-input/6">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]ui_textinput_clear_text[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *widget)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Clears all text from the input.`}</p>
+        <h3>`ui_textinput_set_placeholder`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/text-input/7">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]ui_textinput_set_placeholder[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w, [color=#953800]const[/color] [color=#953800]char[/color] *str)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Sets the placeholder text shown when the input is empty.`}</p>
+        <h3>`ui_textinput_set_placeholder_w`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/text-input/8">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]ui_textinput_set_placeholder_w[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w, [color=#953800]const[/color] [color=#953800]wchar_t[/color] *wstr)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Sets the placeholder text from a wide character string.`}</p>
+        <h3>`ui_textinput_set_password_char`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/text-input/9">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]ui_textinput_set_password_char[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w, [color=#953800]wchar_t[/color] ch)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Masks the input with the given character (e.g. [bgcolor=#eee] L'*' [/bgcolor] for password fields).`}</p>
+        <h3>`ui_textinput_enable_multiline`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/text-input/10">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]ui_textinput_enable_multiline[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *widget, [color=#953800]bool[/color] enable)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Enables or disables multiline input mode.`}</p>
+        <h3>`ui_textinput_enable_style_tag`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/text-input/11">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]ui_textinput_enable_style_tag[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *widget, [color=#953800]bool[/color] enable)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Enables or disables inline style tag parsing in the input.`}</p>
+        <h3>`ui_textinput_append_text_w`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/text-input/12">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]ui_textinput_append_text_w[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *widget, [color=#953800]const[/color] [color=#953800]wchar_t[/color] *wstr)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Appends text at the end of the current content.`}</p>
+        <h3>`ui_textinput_insert_text_w`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/text-input/13">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]ui_textinput_insert_text_w[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *widget, [color=#953800]const[/color] [color=#953800]wchar_t[/color] *wstr)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Inserts text at the current caret position.`}</p>
+        <h3>`ui_textinput_set_caret_blink`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/text-input/14">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]ui_textinput_set_caret_blink[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w, [color=#953800]bool[/color] visible, [color=#953800]int[/color] time)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Controls the caret blink animation. [bgcolor=#eee] time [/bgcolor] is the blink interval in milliseconds.`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>XML tag</h2>
+        <Widget className="code-block" data-language="xml" data-source="en/widgets/text-input/15">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">XML</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#116329]<[color=#0550ae]textedit[/color] [color=#0550ae]placeholder[/color]=[color=#0a3069]"..."[/color] [color=#0550ae]style[/color]=[color=#0a3069]"width: 200px;"[/color] />[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Attributes:`}</p>
+        <Widget className="mdx-table">
+          <Widget className="mdx-table-row mdx-table-head">
+            <Widget className="mdx-table-cell mdx-table-head-cell" style={{ width: "128px" }}>
+              <Text>{`Attribute`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell flex-grow mdx-table-head-cell" style={{ minWidth: "48px" }}>
+              <Text>{`Description`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "128px" }}>
+              <Text>{`[bgcolor=#eee] placeholder [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell flex-grow" style={{ minWidth: "48px" }}>
+              <Text>{`Placeholder text`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "128px" }}>
+              <Text>{`[bgcolor=#eee] multiline [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell flex-grow" style={{ minWidth: "48px" }}>
+              <Text>{`[bgcolor=#eee] "true" [/bgcolor] for multiline mode`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "128px" }}>
+              <Text>{`[bgcolor=#eee] readonly [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell flex-grow" style={{ minWidth: "48px" }}>
+              <Text>{`[bgcolor=#eee] "true" [/bgcolor] to make the input read-only`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "128px" }}>
+              <Text>{`[bgcolor=#eee] type [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell flex-grow" style={{ minWidth: "48px" }}>
+              <Text>{`[bgcolor=#eee] "password" [/bgcolor] to mask input`}</Text>
+            </Widget>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/en/widgets/text/page.c b/examples/doc-viewer/app/en/widgets/text/page.c
new file mode 100644
index 000000000..5e2e3a4e4
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/text/page.c
@@ -0,0 +1,52 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        en_widgets_text_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} en_widgets_text_page_t;
+
+static void en_widgets_text_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, en_widgets_text_page_proto,
+                           sizeof(en_widgets_text_page_t));
+        en_widgets_text_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        en_widgets_text_page_update(w);
+}
+
+static en_widgets_text_page_t *en_widgets_text_page_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, en_widgets_text_page_proto);
+}
+
+static void en_widgets_text_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        en_widgets_text_page_react_destroy(w);
+}
+
+void en_widgets_text_page_update(ui_widget_t *w)
+{
+        en_widgets_text_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_en_widgets_text_page(void)
+{
+        return ui_create_widget_with_prototype(en_widgets_text_page_proto);
+}
+
+void ui_register_en_widgets_text_page(void)
+{
+        en_widgets_text_page_init_prototype();
+        en_widgets_text_page_proto->init = en_widgets_text_page_init;
+        en_widgets_text_page_proto->destroy = en_widgets_text_page_destroy;
+}
diff --git a/examples/doc-viewer/app/en/widgets/text/page.h b/examples/doc-viewer/app/en/widgets/text/page.h
new file mode 100644
index 000000000..6251e3312
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/text/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_en_widgets_text_page(void);
+
+ui_widget_t *ui_create_en_widgets_text_page(void);
+
+void en_widgets_text_page_update(ui_widget_t *w);
+
+void ui_load_en_widgets_text_page_resources(void);
diff --git a/examples/doc-viewer/app/en/widgets/text/page.tsx b/examples/doc-viewer/app/en/widgets/text/page.tsx
new file mode 100644
index 000000000..3b39ae307
--- /dev/null
+++ b/examples/doc-viewer/app/en/widgets/text/page.tsx
@@ -0,0 +1,180 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+import TextBasicDemo from "../../../examples/text-basic/index";
+
+export default function TextDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Text</h1>
+      <p className="doc-page-desc">{`A widget for displaying text. Supports single-line and multiline modes, inline style tags, and CSS styling.`}</p>
+      <TextBasicDemo />
+      <Widget className="doc-section">
+        <h2>Use cases</h2>
+        <ul>
+          <li><Text>{`[b]Suitable[/b] — static text display (titles, labels, descriptions).`}</Text></li>
+          <li><Text>{`[b]Not suitable[/b] — editable text input (use [bgcolor=#eee] textinput [/bgcolor]).`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Usage</h2>
+        <Widget className="code-block" data-language="tsx" data-source="en/widgets/text/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Text[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block" data-language="tsx" data-source="en/widgets/text/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]Text[/color]>[color=#8250df]Hello[/color]</[color=#8250df]Text[/color]>`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>API</h2>
+        <h3>`ui_text_set_content`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/text/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]ui_text_set_content[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w, [color=#953800]const[/color] [color=#953800]char[/color] *utf8_text)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Sets the text content from a UTF-8 string. Supports inline style tags.`}</p>
+        <h3>`ui_text_set_content_w`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/text/3">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]ui_text_set_content_w[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w, [color=#953800]const[/color] [color=#953800]wchar_t[/color] *text)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Sets the text content from a wide character string.`}</p>
+        <h3>`ui_text_get_content_w`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/text/4">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]size_t[/color] [color=#8250df]ui_text_get_content_w[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w, [color=#953800]wchar_t[/color] *buf, [color=#953800]size_t[/color] size)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Reads the current text content into [bgcolor=#eee] buf [/bgcolor] (up to [bgcolor=#eee] size [/bgcolor] wide characters). Returns the number of characters written.`}</p>
+        <h3>`ui_text_set_multiline`</h3>
+        <Widget className="code-block" data-language="c" data-source="en/widgets/text/5">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]ui_text_set_multiline[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w, [color=#953800]bool[/color] enable)[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Enables or disables multiline mode. When enabled, [bgcolor=#eee] \\n [/bgcolor] characters create new lines.`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>XML tag</h2>
+        <Widget className="code-block" data-language="xml" data-source="en/widgets/text/6">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">XML</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#116329]<[color=#0550ae]text[/color]>[/color]Text content here[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`Attributes:`}</p>
+        <Widget className="mdx-table">
+          <Widget className="mdx-table-row mdx-table-head">
+            <Widget className="mdx-table-cell mdx-table-head-cell" style={{ width: "112px" }}>
+              <Text>{`Attribute`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell flex-grow mdx-table-head-cell" style={{ minWidth: "48px" }}>
+              <Text>{`Description`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "112px" }}>
+              <Text>{`[bgcolor=#eee] multiline [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell flex-grow" style={{ minWidth: "48px" }}>
+              <Text>{`Set to [bgcolor=#eee] "true" [/bgcolor] to enable multiline mode`}</Text>
+            </Widget>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>Inline style tags</h2>
+        <p>{`The text widget supports a BBCode-like inline styling syntax:`}</p>
+        <Widget className="mdx-table">
+          <Widget className="mdx-table-row mdx-table-head">
+            <Widget className="mdx-table-cell mdx-table-head-cell" style={{ width: "112px" }}>
+              <Text>{`Tag`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell mdx-table-head-cell" style={{ width: "248px" }}>
+              <Text>{`Example`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell mdx-table-head-cell" style={{ width: "144px" }}>
+              <Text>{`Effect`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "112px" }}>
+              <Text>{`[bgcolor=#eee] [color=X] [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "248px" }}>
+              <Text>{`[bgcolor=#eee] [color=#ff0000]Red[/color] [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "144px" }}>
+              <Text>{`Text color`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "112px" }}>
+              <Text>{`[bgcolor=#eee] [b] [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "248px" }}>
+              <Text>{`[bgcolor=#eee] [b]Bold[/b] [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "144px" }}>
+              <Text>{`Bold font`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "112px" }}>
+              <Text>{`[bgcolor=#eee] [i] [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "248px" }}>
+              <Text>{`[bgcolor=#eee] [i]Italic[/i] [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "144px" }}>
+              <Text>{`Italic font`}</Text>
+            </Widget>
+          </Widget>
+          <Widget className="mdx-table-row">
+            <Widget className="mdx-table-cell" style={{ width: "112px" }}>
+              <Text>{`[bgcolor=#eee] [size=X] [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "248px" }}>
+              <Text>{`[bgcolor=#eee] [size=20]Large[/size] [/bgcolor]`}</Text>
+            </Widget>
+            <Widget className="mdx-table-cell" style={{ width: "144px" }}>
+              <Text>{`Font size in px`}</Text>
+            </Widget>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/examples/anchor-basic/index.c b/examples/doc-viewer/app/examples/anchor-basic/index.c
new file mode 100644
index 000000000..4441c76fd
--- /dev/null
+++ b/examples/doc-viewer/app/examples/anchor-basic/index.c
@@ -0,0 +1,51 @@
+#include "index.tsx.h"
+#include "index.h"
+#include "../../../../../docs/examples/anchor-basic/main.c"
+
+typedef struct {
+        anchor_basic_demo_react_t base;
+        // Add additional states to your component here
+        // ...
+} anchor_basic_demo_t;
+
+static void anchor_basic_demo_init(ui_widget_t *w)
+{
+        anchor_basic_demo_t *_that = ui_widget_add_data(
+            w, anchor_basic_demo_proto, sizeof(anchor_basic_demo_t));
+        anchor_basic_demo_proto->proto->init(w);
+        anchor_basic_demo_react_init(w);
+        anchor_basic_init(_that->base.refs.preview);
+        anchor_basic_demo_update(w);
+}
+
+static anchor_basic_demo_t *anchor_basic_demo_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, anchor_basic_demo_proto);
+}
+
+static void anchor_basic_demo_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        anchor_basic_demo_react_destroy(w);
+}
+
+void anchor_basic_demo_update(ui_widget_t *w)
+{
+        anchor_basic_demo_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_anchor_basic_demo(void)
+{
+        return ui_create_widget_with_prototype(anchor_basic_demo_proto);
+}
+
+void ui_register_anchor_basic_demo(void)
+{
+        anchor_basic_demo_init_prototype();
+        anchor_basic_demo_proto->init = anchor_basic_demo_init;
+        anchor_basic_demo_proto->destroy = anchor_basic_demo_destroy;
+}
diff --git a/examples/doc-viewer/app/examples/anchor-basic/index.tsx b/examples/doc-viewer/app/examples/anchor-basic/index.tsx
new file mode 100644
index 000000000..759d2ae0a
--- /dev/null
+++ b/examples/doc-viewer/app/examples/anchor-basic/index.tsx
@@ -0,0 +1,82 @@
+import { Text, Widget } from "@lcui/react";
+import DemoProvider from "../../components/demo-provider";
+import CodeBlockCopy from "../../components/code-block-copy";
+
+export default function AnchorBasicDemo() {
+  return (
+    <DemoProvider>
+      <Widget $ref="preview" className="demo-preview" />
+      <Widget className="code-block">
+        <Widget className="code-block-header">
+          <Widget className="demo-files">
+            <Text className="demo-tab active" data-language="tsx" data-value="example.tsx">example.tsx</Text>
+            <Text className="demo-tab" data-language="tsx" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="c" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="xml" data-value="ui.xml" style={{ display: "none" }}>ui.xml</Text>
+            <Text className="demo-tab" data-language="xml" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+          </Widget>
+          <Widget className="demo-languages">
+            <Text className="demo-tab active" data-value="tsx">TSX</Text>
+            <Text className="demo-tab" data-value="c">C</Text>
+            <Text className="demo-tab" data-value="xml">XML</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block-body active" data-language="tsx" data-file="example.tsx" data-source="examples/anchor-basic/5">
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]App[/color]([color=#0550ae][/color]) {`}</Text>
+          <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]a[/color] [color=#0550ae]href[/color]=[color=#0a3069]"https://lcui.dev"[/color]>[/color]LCUI Homepage[color=#116329]</[color=#0550ae]a[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  );`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="tsx" data-file="main.c" data-source="examples/anchor-basic/6" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]"example.h"[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        example_load();`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="c" data-file="main.c" data-source="examples/anchor-basic/7" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]anchor_basic_init[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *parent)[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *a;`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        a = ui_create_widget([color=#0a3069]"a"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_text_set_content(a, [color=#0a3069]"LCUI Homepage"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_set_attr(a, [color=#0a3069]"href"[/color], [color=#0a3069]"https://lcui.dev"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_append(parent, a);`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="ui.xml" data-source="examples/anchor-basic/8" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]<?xml version=[color=#0a3069]"1.0"[/color] encoding=[color=#0a3069]"UTF-8"[/color]?>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]<[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]<[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]a[/color] [color=#0550ae]href[/color]=[color=#0a3069]"https://lcui.lc-soft.io"[/color]>[/color]Open LCUI Homepage[color=#116329]</[color=#0550ae]a[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]</[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]</[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="main.c" data-source="examples/anchor-basic/9" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<ui_xml.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        ui_load_xml_file([color=#0a3069]"ui.xml"[/color]);`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+      </Widget>
+    </DemoProvider>
+  );
+}
diff --git a/examples/doc-viewer/app/examples/button-basic/index.c b/examples/doc-viewer/app/examples/button-basic/index.c
new file mode 100644
index 000000000..bec3e3542
--- /dev/null
+++ b/examples/doc-viewer/app/examples/button-basic/index.c
@@ -0,0 +1,45 @@
+#include "index.tsx.h"
+#include "index.h"
+#include "../../../../../docs/examples/button-basic/main.c"
+
+typedef struct {
+        button_basic_demo_react_t base;
+} button_basic_demo_t;
+
+static void button_basic_demo_init(ui_widget_t *w)
+{
+        button_basic_demo_t *_that = ui_widget_add_data(
+            w, button_basic_demo_proto, sizeof(button_basic_demo_t));
+        button_basic_demo_proto->proto->init(w);
+        button_basic_demo_react_init(w);
+        button_basic_init(_that->base.refs.preview);
+        button_basic_demo_update(w);
+}
+
+static button_basic_demo_t *button_basic_demo_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, button_basic_demo_proto);
+}
+
+static void button_basic_demo_destroy(ui_widget_t *w)
+{
+        button_basic_demo_proto->proto->destroy(w);
+        button_basic_demo_react_destroy(w);
+}
+
+void button_basic_demo_update(ui_widget_t *w)
+{
+        button_basic_demo_react_update(w);
+}
+
+ui_widget_t *ui_create_button_basic_demo(void)
+{
+        return ui_create_widget_with_prototype(button_basic_demo_proto);
+}
+
+void ui_register_button_basic_demo(void)
+{
+        button_basic_demo_init_prototype();
+        button_basic_demo_proto->init = button_basic_demo_init;
+        button_basic_demo_proto->destroy = button_basic_demo_destroy;
+}
diff --git a/examples/doc-viewer/app/examples/button-basic/index.tsx b/examples/doc-viewer/app/examples/button-basic/index.tsx
new file mode 100644
index 000000000..61d5e61ef
--- /dev/null
+++ b/examples/doc-viewer/app/examples/button-basic/index.tsx
@@ -0,0 +1,83 @@
+import { Text, Widget } from "@lcui/react";
+import DemoProvider from "../../components/demo-provider";
+import CodeBlockCopy from "../../components/code-block-copy";
+
+export default function ButtonBasicDemo() {
+  return (
+    <DemoProvider>
+      <Widget $ref="preview" className="demo-preview" />
+      <Widget className="code-block">
+        <Widget className="code-block-header">
+          <Widget className="demo-files">
+            <Text className="demo-tab active" data-language="tsx" data-value="example.tsx">example.tsx</Text>
+            <Text className="demo-tab" data-language="tsx" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="c" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="xml" data-value="ui.xml" style={{ display: "none" }}>ui.xml</Text>
+            <Text className="demo-tab" data-language="xml" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+          </Widget>
+          <Widget className="demo-languages">
+            <Text className="demo-tab active" data-value="tsx">TSX</Text>
+            <Text className="demo-tab" data-value="c">C</Text>
+            <Text className="demo-tab" data-value="xml">XML</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block-body active" data-language="tsx" data-file="example.tsx" data-source="examples/button-basic/5">
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Button[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]App[/color]([color=#0550ae][/color]) {`}</Text>
+          <Text className="code-line">{`  [color=#cf222e]return[/color] [color=#116329]<[color=#0550ae]Button[/color]>[/color]Click me[color=#116329]</[color=#0550ae]Button[/color]>[/color];`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="tsx" data-file="main.c" data-source="examples/button-basic/6" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#6e7781]/* example.tsx is compiled to example.h by @lcui/cli */[/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]"example.h"[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        example_load();`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="c" data-file="main.c" data-source="examples/button-basic/7" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]button_basic_init[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *parent)[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *btn;`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        btn = ui_create_widget([color=#0a3069]"button"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_button_set_text(btn, [color=#0a3069]"Click me"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_append(parent, btn);`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="ui.xml" data-source="examples/button-basic/8" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]<?xml version=[color=#0a3069]"1.0"[/color] encoding=[color=#0a3069]"UTF-8"[/color]?>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]<[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]<[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]button[/color]>[/color]Click me[color=#116329]</[color=#0550ae]button[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]</[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]</[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="main.c" data-source="examples/button-basic/9" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<ui_xml.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        ui_load_xml_file([color=#0a3069]"ui.xml"[/color]);`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+      </Widget>
+    </DemoProvider>
+  );
+}
diff --git a/examples/doc-viewer/app/examples/checkbox-basic/index.c b/examples/doc-viewer/app/examples/checkbox-basic/index.c
new file mode 100644
index 000000000..c9fbe1303
--- /dev/null
+++ b/examples/doc-viewer/app/examples/checkbox-basic/index.c
@@ -0,0 +1,41 @@
+#include "index.tsx.h"
+#include "index.h"
+
+#include "../../../../../docs/examples/checkbox-basic/main.c"
+
+typedef struct {
+        checkbox_basic_demo_react_t base;
+} checkbox_basic_demo_t;
+
+void checkbox_basic_demo_update(ui_widget_t *w)
+{
+        checkbox_basic_demo_react_update(w);
+}
+
+static void checkbox_basic_demo_init(ui_widget_t *w)
+{
+        checkbox_basic_demo_t *_that = ui_widget_add_data(
+            w, checkbox_basic_demo_proto, sizeof(checkbox_basic_demo_t));
+        checkbox_basic_demo_proto->proto->init(w);
+        checkbox_basic_demo_react_init(w);
+        checkbox_basic_init(_that->base.refs.preview);
+        checkbox_basic_demo_update(w);
+}
+
+static void checkbox_basic_demo_destroy(ui_widget_t *w)
+{
+        checkbox_basic_demo_proto->proto->destroy(w);
+        checkbox_basic_demo_react_destroy(w);
+}
+
+ui_widget_t *ui_create_checkbox_basic_demo(void)
+{
+        return ui_create_widget_with_prototype(checkbox_basic_demo_proto);
+}
+
+void ui_register_checkbox_basic_demo(void)
+{
+        checkbox_basic_demo_init_prototype();
+        checkbox_basic_demo_proto->init = checkbox_basic_demo_init;
+        checkbox_basic_demo_proto->destroy = checkbox_basic_demo_destroy;
+}
diff --git a/examples/doc-viewer/app/examples/checkbox-basic/index.tsx b/examples/doc-viewer/app/examples/checkbox-basic/index.tsx
new file mode 100644
index 000000000..5e7dd23b2
--- /dev/null
+++ b/examples/doc-viewer/app/examples/checkbox-basic/index.tsx
@@ -0,0 +1,97 @@
+import { Text, Widget } from "@lcui/react";
+import DemoProvider from "../../components/demo-provider";
+import CodeBlockCopy from "../../components/code-block-copy";
+
+export default function CheckboxBasicDemo() {
+  return (
+    <DemoProvider>
+      <Widget $ref="preview" className="demo-preview" />
+      <Widget className="code-block">
+        <Widget className="code-block-header">
+          <Widget className="demo-files">
+            <Text className="demo-tab active" data-language="tsx" data-value="example.tsx">example.tsx</Text>
+            <Text className="demo-tab" data-language="tsx" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="c" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="xml" data-value="ui.xml" style={{ display: "none" }}>ui.xml</Text>
+            <Text className="demo-tab" data-language="xml" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+          </Widget>
+          <Widget className="demo-languages">
+            <Text className="demo-tab active" data-value="tsx">TSX</Text>
+            <Text className="demo-tab" data-value="c">C</Text>
+            <Text className="demo-tab" data-value="xml">XML</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block-body active" data-language="tsx" data-file="example.tsx" data-source="examples/checkbox-basic/5">
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Checkbox[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+          <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Label[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]App[/color]([color=#0550ae][/color]) {`}</Text>
+          <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]Widget[/color] [color=#0550ae]className[/color]=[color=#0a3069]"flex gap-2"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]Checkbox[/color] [color=#0550ae]id[/color]=[color=#0a3069]"terms"[/color] />[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]Label[/color] [color=#0550ae]for[/color]=[color=#0a3069]"terms"[/color]>[/color]Accept terms and conditions[color=#116329]</[color=#0550ae]Label[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]</[color=#0550ae]Widget[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  );`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="tsx" data-file="main.c" data-source="examples/checkbox-basic/6" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#6e7781]/* example.tsx is compiled to example.h by @lcui/cli */[/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]"example.h"[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        example_load();`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="c" data-file="main.c" data-source="examples/checkbox-basic/7" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]checkbox_basic_init[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *parent)[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *cb = ui_create_checkbox();`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *label = ui_create_label();`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *box = ui_create_widget([color=#0550ae]NULL[/color]);`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        ui_widget_set_id(cb, [color=#0a3069]"terms"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_append(box, cb);`}</Text>
+          <Text className="code-line">{`        ui_widget_set_style_string(box, [color=#0a3069]"display"[/color], [color=#0a3069]"flex"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_set_style_string(box, [color=#0a3069]"gap"[/color], [color=#0a3069]"8px"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_label_set_for(label, [color=#0a3069]"terms"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_text_set_content(label, [color=#0a3069]"Accept terms and conditions"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_append(box, label);`}</Text>
+          <Text className="code-line">{`        ui_widget_append(parent, box);`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="ui.xml" data-source="examples/checkbox-basic/8" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]<?xml version=[color=#0a3069]"1.0"[/color] encoding=[color=#0a3069]"UTF-8"[/color]?>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]<[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]<[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]checkbox[/color] [color=#0550ae]id[/color]=[color=#0a3069]"terms"[/color] />[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]label[/color] [color=#0550ae]for[/color]=[color=#0a3069]"terms"[/color]>[/color]Accept terms and conditions[color=#116329]</[color=#0550ae]label[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]</[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]</[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="main.c" data-source="examples/checkbox-basic/9" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<ui_xml.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        ui_load_xml_file([color=#0a3069]"ui.xml"[/color]);`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+      </Widget>
+    </DemoProvider>
+  );
+}
diff --git a/examples/doc-viewer/app/examples/checkbox-disabled/index.c b/examples/doc-viewer/app/examples/checkbox-disabled/index.c
new file mode 100644
index 000000000..5a65fd71c
--- /dev/null
+++ b/examples/doc-viewer/app/examples/checkbox-disabled/index.c
@@ -0,0 +1,41 @@
+#include "index.tsx.h"
+#include "index.h"
+
+#include "../../../../../docs/examples/checkbox-disabled/main.c"
+
+typedef struct {
+        checkbox_disabled_demo_react_t base;
+} checkbox_disabled_demo_t;
+
+static void checkbox_disabled_demo_init(ui_widget_t *w)
+{
+        checkbox_disabled_demo_t *_that = ui_widget_add_data(
+            w, checkbox_disabled_demo_proto, sizeof(checkbox_disabled_demo_t));
+        checkbox_disabled_demo_proto->proto->init(w);
+        checkbox_disabled_demo_react_init(w);
+        checkbox_disabled_init(_that->base.refs.preview);
+        checkbox_disabled_demo_update(w);
+}
+
+static void checkbox_disabled_demo_destroy(ui_widget_t *w)
+{
+        checkbox_disabled_demo_proto->proto->destroy(w);
+        checkbox_disabled_demo_react_destroy(w);
+}
+
+void checkbox_disabled_demo_update(ui_widget_t *w)
+{
+        checkbox_disabled_demo_react_update(w);
+}
+
+ui_widget_t *ui_create_checkbox_disabled_demo(void)
+{
+        return ui_create_widget_with_prototype(checkbox_disabled_demo_proto);
+}
+
+void ui_register_checkbox_disabled_demo(void)
+{
+        checkbox_disabled_demo_init_prototype();
+        checkbox_disabled_demo_proto->init = checkbox_disabled_demo_init;
+        checkbox_disabled_demo_proto->destroy = checkbox_disabled_demo_destroy;
+}
diff --git a/examples/doc-viewer/app/examples/checkbox-disabled/index.tsx b/examples/doc-viewer/app/examples/checkbox-disabled/index.tsx
new file mode 100644
index 000000000..9467b919d
--- /dev/null
+++ b/examples/doc-viewer/app/examples/checkbox-disabled/index.tsx
@@ -0,0 +1,133 @@
+import { Text, Widget } from "@lcui/react";
+import DemoProvider from "../../components/demo-provider";
+import CodeBlockCopy from "../../components/code-block-copy";
+
+export default function CheckboxDisabledDemo() {
+  return (
+    <DemoProvider>
+      <Widget $ref="preview" className="demo-preview" />
+      <Widget className="code-block">
+        <Widget className="code-block-header">
+          <Widget className="demo-files">
+            <Text className="demo-tab active" data-language="tsx" data-value="example.tsx">example.tsx</Text>
+            <Text className="demo-tab" data-language="tsx" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="c" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="xml" data-value="ui.xml" style={{ display: "none" }}>ui.xml</Text>
+            <Text className="demo-tab" data-language="xml" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+          </Widget>
+          <Widget className="demo-languages">
+            <Text className="demo-tab active" data-value="tsx">TSX</Text>
+            <Text className="demo-tab" data-value="c">C</Text>
+            <Text className="demo-tab" data-value="xml">XML</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block-body active" data-language="tsx" data-file="example.tsx" data-source="examples/checkbox-disabled/5">
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Checkbox[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+          <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Label[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]App[/color]([color=#0550ae][/color]) {`}</Text>
+          <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]Widget[/color] [color=#0550ae]className[/color]=[color=#0a3069]"flex flex-col gap-2"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]className[/color]=[color=#0a3069]"flex items-center gap-2"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]Checkbox[/color] [color=#0550ae]id[/color]=[color=#0a3069]"d1"[/color] [color=#0550ae]disabled[/color]=[color=#0a3069]{true}[/color] [color=#0550ae]checked[/color]=[color=#0a3069]{true}[/color] />[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]Label[/color] [color=#0550ae]for[/color]=[color=#0a3069]"d1"[/color]>[/color]Disabled (pre-checked)[color=#116329]</[color=#0550ae]Label[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]className[/color]=[color=#0a3069]"flex items-center gap-2"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]Checkbox[/color] [color=#0550ae]id[/color]=[color=#0a3069]"d2"[/color] [color=#0550ae]checked[/color]=[color=#0a3069]{true}[/color] />[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]Label[/color] [color=#0550ae]for[/color]=[color=#0a3069]"d2"[/color]>[/color]Normal[color=#116329]</[color=#0550ae]Label[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]</[color=#0550ae]Widget[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  );`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="tsx" data-file="main.c" data-source="examples/checkbox-disabled/6" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#6e7781]/* example.tsx is compiled to example.h by @lcui/cli */[/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]"example.h"[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        example_load();`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="c" data-file="main.c" data-source="examples/checkbox-disabled/7" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]checkbox_disabled_init[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *parent)[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *box;`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *rows\\[[color=#0550ae]2[/color]];`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *boxes\\[[color=#0550ae]2[/color]];`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *labels\\[[color=#0550ae]2[/color]];`}</Text>
+          <Text className="code-line">{`        [color=#953800]const[/color] [color=#953800]char[/color] *ids\\[[color=#0550ae]2[/color]] = { [color=#0a3069]"d1"[/color], [color=#0a3069]"d2"[/color] };`}</Text>
+          <Text className="code-line">{`        [color=#953800]const[/color] [color=#953800]char[/color] *texts\\[[color=#0550ae]2[/color]] = { [color=#0a3069]"Disabled (pre-checked)"[/color], [color=#0a3069]"Normal"[/color] };`}</Text>
+          <Text className="code-line">{`        [color=#953800]int[/color] i;`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        box = ui_create_widget([color=#0550ae]NULL[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_set_style_string(box, [color=#0a3069]"display"[/color], [color=#0a3069]"flex"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_set_style_string(box, [color=#0a3069]"flex-direction"[/color], [color=#0a3069]"column"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_set_style_string(box, [color=#0a3069]"gap"[/color], [color=#0a3069]"8px"[/color]);`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        [color=#cf222e]for[/color] (i = [color=#0550ae]0[/color]; i < [color=#0550ae]2[/color]; ++i) {`}</Text>
+          <Text className="code-line">{`                rows\\[i] = ui_create_widget([color=#0550ae]NULL[/color]);`}</Text>
+          <Text className="code-line">{`                ui_widget_set_style_string(rows\\[i], [color=#0a3069]"display"[/color], [color=#0a3069]"flex"[/color]);`}</Text>
+          <Text className="code-line">{`                ui_widget_set_style_string(rows\\[i], [color=#0a3069]"align-items"[/color], [color=#0a3069]"center"[/color]);`}</Text>
+          <Text className="code-line">{`                ui_widget_set_style_string(rows\\[i], [color=#0a3069]"gap"[/color], [color=#0a3069]"8px"[/color]);`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`                boxes\\[i] = ui_create_checkbox();`}</Text>
+          <Text className="code-line">{`                ui_widget_set_id(boxes\\[i], ids\\[i]);`}</Text>
+          <Text className="code-line">{`                ui_widget_set_attr(boxes\\[i], [color=#0a3069]"checked"[/color], [color=#0a3069]"true"[/color]);`}</Text>
+          <Text className="code-line">{`                [color=#cf222e]if[/color] (i == [color=#0550ae]0[/color]) {`}</Text>
+          <Text className="code-line">{`                        ui_widget_set_disabled(boxes\\[i], [color=#0550ae]true[/color]);`}</Text>
+          <Text className="code-line">{`                }`}</Text>
+          <Text className="code-line">{`                ui_widget_append(rows\\[i], boxes\\[i]);`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`                labels\\[i] = ui_create_label();`}</Text>
+          <Text className="code-line">{`                ui_label_set_for(labels\\[i], ids\\[i]);`}</Text>
+          <Text className="code-line">{`                ui_text_set_content(labels\\[i], texts\\[i]);`}</Text>
+          <Text className="code-line">{`                ui_widget_append(rows\\[i], labels\\[i]);`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`                ui_widget_append(box, rows\\[i]);`}</Text>
+          <Text className="code-line">{`        }`}</Text>
+          <Text className="code-line">{`        ui_widget_append(parent, box);`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="ui.xml" data-source="examples/checkbox-disabled/8" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]<?xml version=[color=#0a3069]"1.0"[/color] encoding=[color=#0a3069]"UTF-8"[/color]?>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]<[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]<[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]style[/color]=[color=#0a3069]"display:flex; flex-direction:column; gap:8px"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]style[/color]=[color=#0a3069]"display:flex; align-items:center; gap:8px"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]checkbox[/color] [color=#0550ae]id[/color]=[color=#0a3069]"d1"[/color] [color=#0550ae]disabled[/color]=[color=#0a3069]"true"[/color] [color=#0550ae]checked[/color]=[color=#0a3069]"true"[/color] />[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]label[/color] [color=#0550ae]for[/color]=[color=#0a3069]"d1"[/color]>[/color]Disabled (pre-checked)[color=#116329]</[color=#0550ae]label[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]style[/color]=[color=#0a3069]"display:flex; align-items:center; gap:8px"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]checkbox[/color] [color=#0550ae]id[/color]=[color=#0a3069]"d2"[/color] [color=#0550ae]checked[/color]=[color=#0a3069]"true"[/color] />[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]label[/color] [color=#0550ae]for[/color]=[color=#0a3069]"d2"[/color]>[/color]Normal[color=#116329]</[color=#0550ae]label[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]</[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]</[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="main.c" data-source="examples/checkbox-disabled/9" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        ui_load_xml_file([color=#0a3069]"ui.xml"[/color]);`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+      </Widget>
+    </DemoProvider>
+  );
+}
diff --git a/examples/doc-viewer/app/examples/label-basic/index.c b/examples/doc-viewer/app/examples/label-basic/index.c
new file mode 100644
index 000000000..ac75ab078
--- /dev/null
+++ b/examples/doc-viewer/app/examples/label-basic/index.c
@@ -0,0 +1,41 @@
+#include "index.tsx.h"
+#include "index.h"
+
+#include "../../../../../docs/examples/label-basic/main.c"
+
+typedef struct {
+        label_basic_demo_react_t base;
+} label_basic_demo_t;
+
+void label_basic_demo_update(ui_widget_t *w)
+{
+        label_basic_demo_react_update(w);
+}
+
+static void label_basic_demo_init(ui_widget_t *w)
+{
+        label_basic_demo_t *_that = ui_widget_add_data(
+            w, label_basic_demo_proto, sizeof(label_basic_demo_t));
+        label_basic_demo_proto->proto->init(w);
+        label_basic_demo_react_init(w);
+        label_basic_init(_that->base.refs.preview);
+        label_basic_demo_update(w);
+}
+
+static void label_basic_demo_destroy(ui_widget_t *w)
+{
+        label_basic_demo_proto->proto->destroy(w);
+        label_basic_demo_react_destroy(w);
+}
+
+ui_widget_t *ui_create_label_basic_demo(void)
+{
+        return ui_create_widget_with_prototype(label_basic_demo_proto);
+}
+
+void ui_register_label_basic_demo(void)
+{
+        label_basic_demo_init_prototype();
+        label_basic_demo_proto->init = label_basic_demo_init;
+        label_basic_demo_proto->destroy = label_basic_demo_destroy;
+}
diff --git a/examples/doc-viewer/app/examples/label-basic/index.tsx b/examples/doc-viewer/app/examples/label-basic/index.tsx
new file mode 100644
index 000000000..934a1c3b8
--- /dev/null
+++ b/examples/doc-viewer/app/examples/label-basic/index.tsx
@@ -0,0 +1,96 @@
+import { Text, Widget } from "@lcui/react";
+import DemoProvider from "../../components/demo-provider";
+import CodeBlockCopy from "../../components/code-block-copy";
+
+export default function LabelBasicDemo() {
+  return (
+    <DemoProvider>
+      <Widget $ref="preview" className="demo-preview" />
+      <Widget className="code-block">
+        <Widget className="code-block-header">
+          <Widget className="demo-files">
+            <Text className="demo-tab active" data-language="tsx" data-value="example.tsx">example.tsx</Text>
+            <Text className="demo-tab" data-language="tsx" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="c" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="xml" data-value="ui.xml" style={{ display: "none" }}>ui.xml</Text>
+            <Text className="demo-tab" data-language="xml" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+          </Widget>
+          <Widget className="demo-languages">
+            <Text className="demo-tab active" data-value="tsx">TSX</Text>
+            <Text className="demo-tab" data-value="c">C</Text>
+            <Text className="demo-tab" data-value="xml">XML</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block-body active" data-language="tsx" data-file="example.tsx" data-source="examples/label-basic/5">
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Label[/color], [color=#8250df]Checkbox[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]App[/color]([color=#0550ae][/color]) {`}</Text>
+          <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]Widget[/color] [color=#0550ae]className[/color]=[color=#0a3069]"flex gap-2"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]Checkbox[/color] [color=#0550ae]id[/color]=[color=#0a3069]"terms"[/color] />[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]Label[/color] [color=#0550ae]for[/color]=[color=#0a3069]"terms"[/color]>[/color]Accept terms and conditions[color=#116329]</[color=#0550ae]Label[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]</[color=#0550ae]Widget[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  );`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="tsx" data-file="main.c" data-source="examples/label-basic/6" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#6e7781]/* example.tsx is compiled to example.h by @lcui/cli */[/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]"example.h"[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        example_load();`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="c" data-file="main.c" data-source="examples/label-basic/7" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]label_basic_init[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *parent)[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *cb = ui_create_checkbox();`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *label = ui_create_label();`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *box = ui_create_widget([color=#0550ae]NULL[/color]);`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        ui_widget_set_id(cb, [color=#0a3069]"terms"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_append(box, cb);`}</Text>
+          <Text className="code-line">{`        ui_widget_set_style_string(box, [color=#0a3069]"display"[/color], [color=#0a3069]"flex"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_set_style_string(box, [color=#0a3069]"gap"[/color], [color=#0a3069]"8px"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_label_set_for(label, [color=#0a3069]"terms"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_text_set_content(label, [color=#0a3069]"Accept terms and conditions"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_append(box, label);`}</Text>
+          <Text className="code-line">{`        ui_widget_append(parent, box);`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="ui.xml" data-source="examples/label-basic/8" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]<?xml version=[color=#0a3069]"1.0"[/color] encoding=[color=#0a3069]"UTF-8"[/color]?>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]<[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]<[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]checkbox[/color] [color=#0550ae]id[/color]=[color=#0a3069]"terms"[/color] />[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]label[/color] [color=#0550ae]for[/color]=[color=#0a3069]"terms"[/color]>[/color]Accept terms and conditions[color=#116329]</[color=#0550ae]label[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]</[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]</[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="main.c" data-source="examples/label-basic/9" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<ui_xml.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        ui_load_xml_file([color=#0a3069]"ui.xml"[/color]);`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+      </Widget>
+    </DemoProvider>
+  );
+}
diff --git a/examples/doc-viewer/app/examples/progress-basic/index.c b/examples/doc-viewer/app/examples/progress-basic/index.c
new file mode 100644
index 000000000..7dd8c5f4c
--- /dev/null
+++ b/examples/doc-viewer/app/examples/progress-basic/index.c
@@ -0,0 +1,42 @@
+#include "index.tsx.h"
+#include "index.h"
+
+#include "../../../../../docs/examples/progress-basic/main.c"
+
+typedef struct {
+        progress_basic_demo_react_t base;
+} progress_basic_demo_t;
+
+static void progress_basic_demo_init(ui_widget_t *w)
+{
+        progress_basic_demo_t *_that = ui_widget_add_data(
+            w, progress_basic_demo_proto, sizeof(progress_basic_demo_t));
+        progress_basic_demo_proto->proto->init(w);
+        progress_basic_demo_react_init(w);
+        progress_basic_init(_that->base.refs.preview);
+        progress_basic_demo_update(w);
+}
+
+static void progress_basic_demo_destroy(ui_widget_t *w)
+{
+        progress_basic_destroy();
+        progress_basic_demo_proto->proto->destroy(w);
+        progress_basic_demo_react_destroy(w);
+}
+
+void progress_basic_demo_update(ui_widget_t *w)
+{
+        progress_basic_demo_react_update(w);
+}
+
+ui_widget_t *ui_create_progress_basic_demo(void)
+{
+        return ui_create_widget_with_prototype(progress_basic_demo_proto);
+}
+
+void ui_register_progress_basic_demo(void)
+{
+        progress_basic_demo_init_prototype();
+        progress_basic_demo_proto->init = progress_basic_demo_init;
+        progress_basic_demo_proto->destroy = progress_basic_demo_destroy;
+}
diff --git a/examples/doc-viewer/app/examples/progress-basic/index.tsx b/examples/doc-viewer/app/examples/progress-basic/index.tsx
new file mode 100644
index 000000000..195a14f4e
--- /dev/null
+++ b/examples/doc-viewer/app/examples/progress-basic/index.tsx
@@ -0,0 +1,170 @@
+import { Text, Widget } from "@lcui/react";
+import DemoProvider from "../../components/demo-provider";
+import CodeBlockCopy from "../../components/code-block-copy";
+
+export default function ProgressBasicDemo() {
+  return (
+    <DemoProvider>
+      <Widget $ref="preview" className="demo-preview" />
+      <Widget className="code-block">
+        <Widget className="code-block-header">
+          <Widget className="demo-files">
+            <Text className="demo-tab active" data-language="tsx" data-value="example.tsx">example.tsx</Text>
+            <Text className="demo-tab" data-language="tsx" data-value="example.c" style={{ display: "none" }}>example.c</Text>
+            <Text className="demo-tab" data-language="tsx" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="c" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="xml" data-value="ui.xml" style={{ display: "none" }}>ui.xml</Text>
+            <Text className="demo-tab" data-language="xml" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+          </Widget>
+          <Widget className="demo-languages">
+            <Text className="demo-tab active" data-value="tsx">TSX</Text>
+            <Text className="demo-tab" data-value="c">C</Text>
+            <Text className="demo-tab" data-value="xml">XML</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block-body active" data-language="tsx" data-file="example.tsx" data-source="examples/progress-basic/6">
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Progress[/color], useState, [color=#8250df]CType[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]ProgressDemo[/color]([color=#0550ae][/color]) {`}</Text>
+          <Text className="code-line">{`  [color=#cf222e]const[/color] \\[value] = [color=#8250df]useState[/color]([color=#0550ae]20[/color], [color=#8250df]CType[/color].[color=#0550ae]Int[/color]);`}</Text>
+          <Text className="code-line">{`  [color=#cf222e]return[/color] [color=#116329]<[color=#0550ae]Progress[/color] [color=#0550ae]value[/color]=[color=#0a3069]{value}[/color] />[/color];`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="tsx" data-file="example.c" data-source="examples/progress-basic/7" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]"example.h"[/color][/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]"example.tsx.h"[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#cf222e]typedef[/color] [color=#cf222e]struct[/color] {`}</Text>
+          <Text className="code-line">{`        [color=#953800]progress_demo_react_t[/color] base;`}</Text>
+          <Text className="code-line">{`        [color=#953800]int[/color] timer_id;`}</Text>
+          <Text className="code-line">{`} [color=#953800]progress_demo_t[/color];`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]on_timer[/color][color=#0550ae]([color=#953800]void[/color] *arg)[/color];`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]progress_demo_react_init_state[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w)[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        [color=#953800]progress_demo_t[/color] *_that = ui_widget_get_data(w, progress_demo_proto);`}</Text>
+          <Text className="code-line">{`        _that->state.value = [color=#0550ae]20[/color];`}</Text>
+          <Text className="code-line">{`}`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]on_timer[/color][color=#0550ae]([color=#953800]void[/color] *arg)[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *w = arg;`}</Text>
+          <Text className="code-line">{`        [color=#953800]progress_demo_t[/color] *_that = ui_widget_get_data(w, progress_demo_proto);`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        _that->state.value += [color=#0550ae]10[/color];`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]if[/color] (_that->state.value > [color=#0550ae]80[/color]) {`}</Text>
+          <Text className="code-line">{`                [color=#cf222e]if[/color] (_that->timer_id >= [color=#0550ae]0[/color]) {`}</Text>
+          <Text className="code-line">{`                        ptk_clear_timer(_that->timer_id);`}</Text>
+          <Text className="code-line">{`                        _that->timer_id = [color=#0550ae]-1[/color];`}</Text>
+          <Text className="code-line">{`                }`}</Text>
+          <Text className="code-line">{`                [color=#cf222e]return[/color];`}</Text>
+          <Text className="code-line">{`        }`}</Text>
+          <Text className="code-line">{`        progress_demo_react_update(w);`}</Text>
+          <Text className="code-line">{`}`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]progress_demo_react_init[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w)[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        [color=#953800]progress_demo_t[/color] *_that = ui_widget_get_data(w, progress_demo_proto);`}</Text>
+          <Text className="code-line">{`        progress_demo_load_template(w);`}</Text>
+          <Text className="code-line">{`        progress_demo_react_init_state(w);`}</Text>
+          <Text className="code-line">{`        _that->timer_id = ptk_set_interval([color=#0550ae]500[/color], on_timer, w);`}</Text>
+          <Text className="code-line">{`        progress_demo_react_update(w);`}</Text>
+          <Text className="code-line">{`}`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]progress_demo_init[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w)[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        [color=#953800]progress_demo_t[/color] *_that =`}</Text>
+          <Text className="code-line">{`            ui_widget_add_data(w, root_page_proto, [color=#cf222e]sizeof[/color]([color=#953800]root_page_t[/color]));`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        root_page_react_init(w);`}</Text>
+          <Text className="code-line">{`}`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]progress_demo_destroy[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w)[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        [color=#953800]progress_demo_t[/color] *_that = ui_widget_get_data(w, progress_demo_proto);`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]if[/color] (_that->timer_id >= [color=#0550ae]0[/color]) {`}</Text>
+          <Text className="code-line">{`                ptk_clear_timer(_that->timer_id);`}</Text>
+          <Text className="code-line">{`                _that->timer_id = [color=#0550ae]-1[/color];`}</Text>
+          <Text className="code-line">{`        }`}</Text>
+          <Text className="code-line">{`        progress_demo_react_update(w);`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="tsx" data-file="main.c" data-source="examples/progress-basic/8" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]"example.h"[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        ui_root_append(ui_create_progress_demo());`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="c" data-file="main.c" data-source="examples/progress-basic/9" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]int[/color] timer_id = [color=#0550ae]0[/color];`}</Text>
+          <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]float[/color] progress_value = [color=#0550ae]20.0f[/color];`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]progress_basic_destroy[/color][color=#0550ae]([color=#953800]void[/color])[/color];`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]on_timer[/color][color=#0550ae]([color=#953800]void[/color] *arg)[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *progress = arg;`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        progress_value += [color=#0550ae]10.0f[/color];`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]if[/color] (progress_value > [color=#0550ae]80.0f[/color]) {`}</Text>
+          <Text className="code-line">{`                progress_basic_destroy();`}</Text>
+          <Text className="code-line">{`                [color=#cf222e]return[/color];`}</Text>
+          <Text className="code-line">{`        }`}</Text>
+          <Text className="code-line">{`        ui_progress_set_value(progress, progress_value);`}</Text>
+          <Text className="code-line">{`}`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]progress_basic_init[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *parent)[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *progress;`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        progress = ui_create_progress();`}</Text>
+          <Text className="code-line">{`        ui_progress_set_value(progress, progress_value);`}</Text>
+          <Text className="code-line">{`        ui_widget_append(parent, progress);`}</Text>
+          <Text className="code-line">{`        timer_id = ptk_set_interval([color=#0550ae]500[/color], on_timer, progress);`}</Text>
+          <Text className="code-line">{`        progress_value = [color=#0550ae]20.0f[/color];`}</Text>
+          <Text className="code-line">{`}`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]progress_basic_destroy[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]if[/color] (timer_id) {`}</Text>
+          <Text className="code-line">{`                ptk_clear_timer(timer_id);`}</Text>
+          <Text className="code-line">{`                timer_id = [color=#0550ae]0[/color];`}</Text>
+          <Text className="code-line">{`        }`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="ui.xml" data-source="examples/progress-basic/10" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]<?xml version=[color=#0a3069]"1.0"[/color] encoding=[color=#0a3069]"UTF-8"[/color]?>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]<[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]<[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]progress[/color] [color=#0550ae]value[/color]=[color=#0a3069]"60"[/color] />[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]</[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]</[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="main.c" data-source="examples/progress-basic/11" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        ui_load_xml_file([color=#0a3069]"ui.xml"[/color]);`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+      </Widget>
+    </DemoProvider>
+  );
+}
diff --git a/examples/doc-viewer/app/examples/radio-group-basic/index.c b/examples/doc-viewer/app/examples/radio-group-basic/index.c
new file mode 100644
index 000000000..d092f6d8c
--- /dev/null
+++ b/examples/doc-viewer/app/examples/radio-group-basic/index.c
@@ -0,0 +1,41 @@
+#include "index.tsx.h"
+#include "index.h"
+
+#include "../../../../../docs/examples/radio-group-basic/main.c"
+
+typedef struct {
+        radio_group_basic_demo_react_t base;
+} radio_group_basic_demo_t;
+
+static void radio_group_basic_demo_init(ui_widget_t *w)
+{
+        radio_group_basic_demo_t *_that = ui_widget_add_data(
+            w, radio_group_basic_demo_proto, sizeof(radio_group_basic_demo_t));
+        radio_group_basic_demo_proto->proto->init(w);
+        radio_group_basic_demo_react_init(w);
+        radio_group_basic_init(_that->base.refs.preview);
+        radio_group_basic_demo_update(w);
+}
+
+static void radio_group_basic_demo_destroy(ui_widget_t *w)
+{
+        radio_group_basic_demo_proto->proto->destroy(w);
+        radio_group_basic_demo_react_destroy(w);
+}
+
+void radio_group_basic_demo_update(ui_widget_t *w)
+{
+        radio_group_basic_demo_react_update(w);
+}
+
+ui_widget_t *ui_create_radio_group_basic_demo(void)
+{
+        return ui_create_widget_with_prototype(radio_group_basic_demo_proto);
+}
+
+void ui_register_radio_group_basic_demo(void)
+{
+        radio_group_basic_demo_init_prototype();
+        radio_group_basic_demo_proto->init = radio_group_basic_demo_init;
+        radio_group_basic_demo_proto->destroy = radio_group_basic_demo_destroy;
+}
diff --git a/examples/doc-viewer/app/examples/radio-group-basic/index.tsx b/examples/doc-viewer/app/examples/radio-group-basic/index.tsx
new file mode 100644
index 000000000..806cc9f37
--- /dev/null
+++ b/examples/doc-viewer/app/examples/radio-group-basic/index.tsx
@@ -0,0 +1,140 @@
+import { Text, Widget } from "@lcui/react";
+import DemoProvider from "../../components/demo-provider";
+import CodeBlockCopy from "../../components/code-block-copy";
+
+export default function RadioGroupBasicDemo() {
+  return (
+    <DemoProvider>
+      <Widget $ref="preview" className="demo-preview" />
+      <Widget className="code-block">
+        <Widget className="code-block-header">
+          <Widget className="demo-files">
+            <Text className="demo-tab active" data-language="tsx" data-value="example.tsx">example.tsx</Text>
+            <Text className="demo-tab" data-language="tsx" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="c" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="xml" data-value="ui.xml" style={{ display: "none" }}>ui.xml</Text>
+            <Text className="demo-tab" data-language="xml" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+          </Widget>
+          <Widget className="demo-languages">
+            <Text className="demo-tab active" data-value="tsx">TSX</Text>
+            <Text className="demo-tab" data-value="c">C</Text>
+            <Text className="demo-tab" data-value="xml">XML</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block-body active" data-language="tsx" data-file="example.tsx" data-source="examples/radio-group-basic/5">
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]RadioGroup[/color], [color=#8250df]RadioGroupItem[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+          <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Label[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]App[/color]([color=#0550ae][/color]) {`}</Text>
+          <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]RadioGroup[/color] [color=#0550ae]value[/color]=[color=#0a3069]"comfortable"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]className[/color]=[color=#0a3069]"flex items-center gap-3"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]RadioGroupItem[/color] [color=#0550ae]value[/color]=[color=#0a3069]"default"[/color] [color=#0550ae]id[/color]=[color=#0a3069]"r1"[/color] />[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]Label[/color] [color=#0550ae]for[/color]=[color=#0a3069]"r1"[/color]>[/color]Default[color=#116329]</[color=#0550ae]Label[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]className[/color]=[color=#0a3069]"flex items-center gap-3"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]RadioGroupItem[/color] [color=#0550ae]value[/color]=[color=#0a3069]"comfortable"[/color] [color=#0550ae]id[/color]=[color=#0a3069]"r2"[/color] [color=#0550ae]checked[/color]=[color=#0a3069]{true}[/color] />[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]Label[/color] [color=#0550ae]for[/color]=[color=#0a3069]"r2"[/color]>[/color]Comfortable[color=#116329]</[color=#0550ae]Label[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]className[/color]=[color=#0a3069]"flex items-center gap-3"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]RadioGroupItem[/color] [color=#0550ae]value[/color]=[color=#0a3069]"compact"[/color] [color=#0550ae]id[/color]=[color=#0a3069]"r3"[/color] />[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]Label[/color] [color=#0550ae]for[/color]=[color=#0a3069]"r3"[/color]>[/color]Compact[color=#116329]</[color=#0550ae]Label[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]</[color=#0550ae]RadioGroup[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  );`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="tsx" data-file="main.c" data-source="examples/radio-group-basic/6" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#6e7781]/* example.tsx is compiled to example.h by @lcui/cli */[/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]"example.h"[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        example_load();`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="c" data-file="main.c" data-source="examples/radio-group-basic/7" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]radio_group_basic_init[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *parent)[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *group;`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *rows\\[[color=#0550ae]3[/color]];`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *items\\[[color=#0550ae]3[/color]];`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *labels\\[[color=#0550ae]3[/color]];`}</Text>
+          <Text className="code-line">{`        [color=#953800]const[/color] [color=#953800]char[/color] *ids\\[[color=#0550ae]3[/color]] = { [color=#0a3069]"r1"[/color], [color=#0a3069]"r2"[/color], [color=#0a3069]"r3"[/color] };`}</Text>
+          <Text className="code-line">{`        [color=#953800]const[/color] [color=#953800]char[/color] *values\\[[color=#0550ae]3[/color]] = { [color=#0a3069]"default"[/color], [color=#0a3069]"comfortable"[/color], [color=#0a3069]"compact"[/color] };`}</Text>
+          <Text className="code-line">{`        [color=#953800]const[/color] [color=#953800]char[/color] *texts\\[[color=#0550ae]3[/color]] = { [color=#0a3069]"Default"[/color], [color=#0a3069]"Comfortable"[/color], [color=#0a3069]"Compact"[/color] };`}</Text>
+          <Text className="code-line">{`        [color=#953800]int[/color] i;`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        group = ui_create_radio_group();`}</Text>
+          <Text className="code-line">{`        ui_widget_set_attr(group, [color=#0a3069]"value"[/color], [color=#0a3069]"comfortable"[/color]);`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        [color=#cf222e]for[/color] (i = [color=#0550ae]0[/color]; i < [color=#0550ae]3[/color]; ++i) {`}</Text>
+          <Text className="code-line">{`                rows\\[i] = ui_create_widget([color=#0550ae]NULL[/color]);`}</Text>
+          <Text className="code-line">{`                ui_widget_set_style_string(rows\\[i], [color=#0a3069]"display"[/color], [color=#0a3069]"flex"[/color]);`}</Text>
+          <Text className="code-line">{`                ui_widget_set_style_string(rows\\[i], [color=#0a3069]"align-items"[/color], [color=#0a3069]"center"[/color]);`}</Text>
+          <Text className="code-line">{`                ui_widget_set_style_string(rows\\[i], [color=#0a3069]"gap"[/color], [color=#0a3069]"8px"[/color]);`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`                items\\[i] = ui_create_radio_group_item();`}</Text>
+          <Text className="code-line">{`                ui_widget_set_id(items\\[i], ids\\[i]);`}</Text>
+          <Text className="code-line">{`                ui_widget_set_attr(items\\[i], [color=#0a3069]"value"[/color], values\\[i]);`}</Text>
+          <Text className="code-line">{`                [color=#cf222e]if[/color] (i == [color=#0550ae]1[/color]) {`}</Text>
+          <Text className="code-line">{`                        ui_widget_set_attr(items\\[i], [color=#0a3069]"checked"[/color], [color=#0a3069]"true"[/color]);`}</Text>
+          <Text className="code-line">{`                }`}</Text>
+          <Text className="code-line">{`                ui_widget_append(rows\\[i], items\\[i]);`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`                labels\\[i] = ui_create_label();`}</Text>
+          <Text className="code-line">{`                ui_label_set_for(labels\\[i], ids\\[i]);`}</Text>
+          <Text className="code-line">{`                ui_text_set_content(labels\\[i], texts\\[i]);`}</Text>
+          <Text className="code-line">{`                ui_widget_append(rows\\[i], labels\\[i]);`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`                ui_widget_append(group, rows\\[i]);`}</Text>
+          <Text className="code-line">{`        }`}</Text>
+          <Text className="code-line">{`        ui_widget_append(parent, group);`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="ui.xml" data-source="examples/radio-group-basic/8" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]<?xml version=[color=#0a3069]"1.0"[/color] encoding=[color=#0a3069]"UTF-8"[/color]?>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]<[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]<[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]radio-group[/color] [color=#0550ae]value[/color]=[color=#0a3069]"comfortable"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]style[/color]=[color=#0a3069]"display:flex; align-items:center; gap:8px"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]radio-group-item[/color] [color=#0550ae]id[/color]=[color=#0a3069]"r1"[/color] [color=#0550ae]value[/color]=[color=#0a3069]"default"[/color] />[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]label[/color] [color=#0550ae]for[/color]=[color=#0a3069]"r1"[/color]>[/color]Default[color=#116329]</[color=#0550ae]label[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]style[/color]=[color=#0a3069]"display:flex; align-items:center; gap:8px"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]radio-group-item[/color] [color=#0550ae]id[/color]=[color=#0a3069]"r2"[/color] [color=#0550ae]value[/color]=[color=#0a3069]"comfortable"[/color] [color=#0550ae]checked[/color]=[color=#0a3069]"true"[/color] />[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]label[/color] [color=#0550ae]for[/color]=[color=#0a3069]"r2"[/color]>[/color]Comfortable[color=#116329]</[color=#0550ae]label[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]style[/color]=[color=#0a3069]"display:flex; align-items:center; gap:8px"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]radio-group-item[/color] [color=#0550ae]id[/color]=[color=#0a3069]"r3"[/color] [color=#0550ae]value[/color]=[color=#0a3069]"compact"[/color] />[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]label[/color] [color=#0550ae]for[/color]=[color=#0a3069]"r3"[/color]>[/color]Compact[color=#116329]</[color=#0550ae]label[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]</[color=#0550ae]radio-group[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]</[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]</[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="main.c" data-source="examples/radio-group-basic/9" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        ui_load_xml_file([color=#0a3069]"ui.xml"[/color]);`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+      </Widget>
+    </DemoProvider>
+  );
+}
diff --git a/examples/doc-viewer/app/examples/radio-group-disabled/index.c b/examples/doc-viewer/app/examples/radio-group-disabled/index.c
new file mode 100644
index 000000000..69f0b5811
--- /dev/null
+++ b/examples/doc-viewer/app/examples/radio-group-disabled/index.c
@@ -0,0 +1,43 @@
+#include "index.tsx.h"
+#include "index.h"
+
+#include "../../../../../docs/examples/radio-group-disabled/main.c"
+
+typedef struct {
+        radio_group_disabled_demo_react_t base;
+} radio_group_disabled_demo_t;
+
+static void radio_group_disabled_demo_init(ui_widget_t *w)
+{
+        radio_group_disabled_demo_t *_that =
+            ui_widget_add_data(w, radio_group_disabled_demo_proto,
+                               sizeof(radio_group_disabled_demo_t));
+        radio_group_disabled_demo_proto->proto->init(w);
+        radio_group_disabled_demo_react_init(w);
+        radio_group_disabled_init(_that->base.refs.preview);
+        radio_group_disabled_demo_update(w);
+}
+
+static void radio_group_disabled_demo_destroy(ui_widget_t *w)
+{
+        radio_group_disabled_demo_proto->proto->destroy(w);
+        radio_group_disabled_demo_react_destroy(w);
+}
+
+void radio_group_disabled_demo_update(ui_widget_t *w)
+{
+        radio_group_disabled_demo_react_update(w);
+}
+
+ui_widget_t *ui_create_radio_group_disabled_demo(void)
+{
+        return ui_create_widget_with_prototype(radio_group_disabled_demo_proto);
+}
+
+void ui_register_radio_group_disabled_demo(void)
+{
+        radio_group_disabled_demo_init_prototype();
+        radio_group_disabled_demo_proto->init = radio_group_disabled_demo_init;
+        radio_group_disabled_demo_proto->destroy =
+            radio_group_disabled_demo_destroy;
+}
diff --git a/examples/doc-viewer/app/examples/radio-group-disabled/index.tsx b/examples/doc-viewer/app/examples/radio-group-disabled/index.tsx
new file mode 100644
index 000000000..ba321ac63
--- /dev/null
+++ b/examples/doc-viewer/app/examples/radio-group-disabled/index.tsx
@@ -0,0 +1,143 @@
+import { Text, Widget } from "@lcui/react";
+import DemoProvider from "../../components/demo-provider";
+import CodeBlockCopy from "../../components/code-block-copy";
+
+export default function RadioGroupDisabledDemo() {
+  return (
+    <DemoProvider>
+      <Widget $ref="preview" className="demo-preview" />
+      <Widget className="code-block">
+        <Widget className="code-block-header">
+          <Widget className="demo-files">
+            <Text className="demo-tab active" data-language="tsx" data-value="example.tsx">example.tsx</Text>
+            <Text className="demo-tab" data-language="tsx" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="c" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="xml" data-value="ui.xml" style={{ display: "none" }}>ui.xml</Text>
+            <Text className="demo-tab" data-language="xml" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+          </Widget>
+          <Widget className="demo-languages">
+            <Text className="demo-tab active" data-value="tsx">TSX</Text>
+            <Text className="demo-tab" data-value="c">C</Text>
+            <Text className="demo-tab" data-value="xml">XML</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block-body active" data-language="tsx" data-file="example.tsx" data-source="examples/radio-group-disabled/5">
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]RadioGroup[/color], [color=#8250df]RadioGroupItem[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+          <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Label[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]App[/color]([color=#0550ae][/color]) {`}</Text>
+          <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]RadioGroup[/color] [color=#0550ae]value[/color]=[color=#0a3069]"option2"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]className[/color]=[color=#0a3069]"flex items-center gap-3"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]RadioGroupItem[/color] [color=#0550ae]value[/color]=[color=#0a3069]"disabled"[/color] [color=#0550ae]id[/color]=[color=#0a3069]"rd1"[/color] [color=#0550ae]disabled[/color]=[color=#0a3069]{true}[/color] />[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]Label[/color] [color=#0550ae]for[/color]=[color=#0a3069]"rd1"[/color]>[/color]Disabled[color=#116329]</[color=#0550ae]Label[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]className[/color]=[color=#0a3069]"flex items-center gap-3"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]RadioGroupItem[/color] [color=#0550ae]value[/color]=[color=#0a3069]"option2"[/color] [color=#0550ae]id[/color]=[color=#0a3069]"rd2"[/color] [color=#0550ae]checked[/color]=[color=#0a3069]{true}[/color] />[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]Label[/color] [color=#0550ae]for[/color]=[color=#0a3069]"rd2"[/color]>[/color]Option 2[color=#116329]</[color=#0550ae]Label[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]className[/color]=[color=#0a3069]"flex items-center gap-3"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]RadioGroupItem[/color] [color=#0550ae]value[/color]=[color=#0a3069]"option3"[/color] [color=#0550ae]id[/color]=[color=#0a3069]"rd3"[/color] />[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]Label[/color] [color=#0550ae]for[/color]=[color=#0a3069]"rd3"[/color]>[/color]Option 3[color=#116329]</[color=#0550ae]Label[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]</[color=#0550ae]RadioGroup[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  );`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="tsx" data-file="main.c" data-source="examples/radio-group-disabled/6" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#6e7781]/* example.tsx is compiled to example.h by @lcui/cli */[/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]"example.h"[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        example_load();`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="c" data-file="main.c" data-source="examples/radio-group-disabled/7" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]radio_group_disabled_init[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *parent)[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *group;`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *rows\\[[color=#0550ae]3[/color]];`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *items\\[[color=#0550ae]3[/color]];`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *labels\\[[color=#0550ae]3[/color]];`}</Text>
+          <Text className="code-line">{`        [color=#953800]const[/color] [color=#953800]char[/color] *ids\\[[color=#0550ae]3[/color]] = { [color=#0a3069]"rd1"[/color], [color=#0a3069]"rd2"[/color], [color=#0a3069]"rd3"[/color] };`}</Text>
+          <Text className="code-line">{`        [color=#953800]const[/color] [color=#953800]char[/color] *values\\[[color=#0550ae]3[/color]] = { [color=#0a3069]"disabled"[/color], [color=#0a3069]"option2"[/color], [color=#0a3069]"option3"[/color] };`}</Text>
+          <Text className="code-line">{`        [color=#953800]const[/color] [color=#953800]char[/color] *texts\\[[color=#0550ae]3[/color]] = { [color=#0a3069]"Disabled"[/color], [color=#0a3069]"Option 2"[/color], [color=#0a3069]"Option 3"[/color] };`}</Text>
+          <Text className="code-line">{`        [color=#953800]int[/color] i;`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        group = ui_create_radio_group();`}</Text>
+          <Text className="code-line">{`        ui_widget_set_attr(group, [color=#0a3069]"value"[/color], [color=#0a3069]"option2"[/color]);`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        [color=#cf222e]for[/color] (i = [color=#0550ae]0[/color]; i < [color=#0550ae]3[/color]; ++i) {`}</Text>
+          <Text className="code-line">{`                rows\\[i] = ui_create_widget([color=#0550ae]NULL[/color]);`}</Text>
+          <Text className="code-line">{`                ui_widget_set_style_string(rows\\[i], [color=#0a3069]"display"[/color], [color=#0a3069]"flex"[/color]);`}</Text>
+          <Text className="code-line">{`                ui_widget_set_style_string(rows\\[i], [color=#0a3069]"align-items"[/color], [color=#0a3069]"center"[/color]);`}</Text>
+          <Text className="code-line">{`                ui_widget_set_style_string(rows\\[i], [color=#0a3069]"gap"[/color], [color=#0a3069]"8px"[/color]);`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`                items\\[i] = ui_create_radio_group_item();`}</Text>
+          <Text className="code-line">{`                ui_widget_set_id(items\\[i], ids\\[i]);`}</Text>
+          <Text className="code-line">{`                ui_widget_set_attr(items\\[i], [color=#0a3069]"value"[/color], values\\[i]);`}</Text>
+          <Text className="code-line">{`                [color=#cf222e]if[/color] (i == [color=#0550ae]0[/color]) {`}</Text>
+          <Text className="code-line">{`                        ui_widget_set_disabled(items\\[i], [color=#0550ae]true[/color]);`}</Text>
+          <Text className="code-line">{`                }`}</Text>
+          <Text className="code-line">{`                [color=#cf222e]if[/color] (i == [color=#0550ae]1[/color]) {`}</Text>
+          <Text className="code-line">{`                        ui_widget_set_attr(items\\[i], [color=#0a3069]"checked"[/color], [color=#0a3069]"true"[/color]);`}</Text>
+          <Text className="code-line">{`                }`}</Text>
+          <Text className="code-line">{`                ui_widget_append(rows\\[i], items\\[i]);`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`                labels\\[i] = ui_create_label();`}</Text>
+          <Text className="code-line">{`                ui_label_set_for(labels\\[i], ids\\[i]);`}</Text>
+          <Text className="code-line">{`                ui_text_set_content(labels\\[i], texts\\[i]);`}</Text>
+          <Text className="code-line">{`                ui_widget_append(rows\\[i], labels\\[i]);`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`                ui_widget_append(group, rows\\[i]);`}</Text>
+          <Text className="code-line">{`        }`}</Text>
+          <Text className="code-line">{`        ui_widget_append(parent, group);`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="ui.xml" data-source="examples/radio-group-disabled/8" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]<?xml version=[color=#0a3069]"1.0"[/color] encoding=[color=#0a3069]"UTF-8"[/color]?>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]<[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]<[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]radio-group[/color] [color=#0550ae]value[/color]=[color=#0a3069]"option2"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]style[/color]=[color=#0a3069]"display:flex; align-items:center; gap:8px"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]radio-group-item[/color] [color=#0550ae]id[/color]=[color=#0a3069]"rd1"[/color] [color=#0550ae]value[/color]=[color=#0a3069]"disabled"[/color] [color=#0550ae]disabled[/color]=[color=#0a3069]"true"[/color] />[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]label[/color] [color=#0550ae]for[/color]=[color=#0a3069]"rd1"[/color]>[/color]Disabled[color=#116329]</[color=#0550ae]label[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]style[/color]=[color=#0a3069]"display:flex; align-items:center; gap:8px"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]radio-group-item[/color] [color=#0550ae]id[/color]=[color=#0a3069]"rd2"[/color] [color=#0550ae]value[/color]=[color=#0a3069]"option2"[/color] [color=#0550ae]checked[/color]=[color=#0a3069]"true"[/color] />[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]label[/color] [color=#0550ae]for[/color]=[color=#0a3069]"rd2"[/color]>[/color]Option 2[color=#116329]</[color=#0550ae]label[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]style[/color]=[color=#0a3069]"display:flex; align-items:center; gap:8px"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]radio-group-item[/color] [color=#0550ae]id[/color]=[color=#0a3069]"rd3"[/color] [color=#0550ae]value[/color]=[color=#0a3069]"option3"[/color] />[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]label[/color] [color=#0550ae]for[/color]=[color=#0a3069]"rd3"[/color]>[/color]Option 3[color=#116329]</[color=#0550ae]label[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]</[color=#0550ae]radio-group[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]</[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]</[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="main.c" data-source="examples/radio-group-disabled/9" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        ui_load_xml_file([color=#0a3069]"ui.xml"[/color]);`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+      </Widget>
+    </DemoProvider>
+  );
+}
diff --git a/examples/doc-viewer/app/examples/scrollarea-basic/index.c b/examples/doc-viewer/app/examples/scrollarea-basic/index.c
new file mode 100644
index 000000000..bd4a71acb
--- /dev/null
+++ b/examples/doc-viewer/app/examples/scrollarea-basic/index.c
@@ -0,0 +1,45 @@
+#include "index.tsx.h"
+#include "index.h"
+#include "../../../../../docs/examples/scrollarea-basic/main.c"
+
+typedef struct {
+        scrollarea_basic_demo_react_t base;
+} scrollarea_basic_demo_t;
+
+static void scrollarea_basic_demo_init(ui_widget_t *w)
+{
+        scrollarea_basic_demo_t *_that = ui_widget_add_data(
+            w, scrollarea_basic_demo_proto, sizeof(scrollarea_basic_demo_t));
+        scrollarea_basic_demo_proto->proto->init(w);
+        scrollarea_basic_demo_react_init(w);
+        scrollarea_basic_init(_that->base.refs.preview);
+        scrollarea_basic_demo_update(w);
+}
+
+static scrollarea_basic_demo_t *scrollarea_basic_demo_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, scrollarea_basic_demo_proto);
+}
+
+static void scrollarea_basic_demo_destroy(ui_widget_t *w)
+{
+        scrollarea_basic_demo_proto->proto->destroy(w);
+        scrollarea_basic_demo_react_destroy(w);
+}
+
+void scrollarea_basic_demo_update(ui_widget_t *w)
+{
+        scrollarea_basic_demo_react_update(w);
+}
+
+ui_widget_t *ui_create_scrollarea_basic_demo(void)
+{
+        return ui_create_widget_with_prototype(scrollarea_basic_demo_proto);
+}
+
+void ui_register_scrollarea_basic_demo(void)
+{
+        scrollarea_basic_demo_init_prototype();
+        scrollarea_basic_demo_proto->init = scrollarea_basic_demo_init;
+        scrollarea_basic_demo_proto->destroy = scrollarea_basic_demo_destroy;
+}
diff --git a/examples/doc-viewer/app/examples/scrollarea-basic/index.tsx b/examples/doc-viewer/app/examples/scrollarea-basic/index.tsx
new file mode 100644
index 000000000..23593210d
--- /dev/null
+++ b/examples/doc-viewer/app/examples/scrollarea-basic/index.tsx
@@ -0,0 +1,136 @@
+import { Text, Widget } from "@lcui/react";
+import DemoProvider from "../../components/demo-provider";
+import CodeBlockCopy from "../../components/code-block-copy";
+
+export default function ScrollareaBasicDemo() {
+  return (
+    <DemoProvider>
+      <Widget $ref="preview" className="demo-preview" />
+      <Widget className="code-block">
+        <Widget className="code-block-header">
+          <Widget className="demo-files">
+            <Text className="demo-tab active" data-language="tsx" data-value="example.tsx">example.tsx</Text>
+            <Text className="demo-tab" data-language="tsx" data-value="example.css" style={{ display: "none" }}>example.css</Text>
+            <Text className="demo-tab" data-language="tsx" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="c" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="xml" data-value="ui.xml" style={{ display: "none" }}>ui.xml</Text>
+            <Text className="demo-tab" data-language="xml" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+          </Widget>
+          <Widget className="demo-languages">
+            <Text className="demo-tab active" data-value="tsx">TSX</Text>
+            <Text className="demo-tab" data-value="c">C</Text>
+            <Text className="demo-tab" data-value="xml">XML</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block-body active" data-language="tsx" data-file="example.tsx" data-source="examples/scrollarea-basic/6">
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]ScrollArea[/color], [color=#8250df]ScrollAreaContent[/color], [color=#8250df]Scrollbar[/color], [color=#8250df]Text[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+          <Text className="code-line">{`[color=#cf222e]import[/color] [color=#0a3069]"./example.css"[/color];`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#cf222e]const[/color] content = [color=#0a3069]\`这是一段用于演示滚动区域功能的示例文本。[/color]`}</Text>
+          <Text className="code-line">{`[color=#0a3069]当文本内容超出容器高度时，用户可以通过滚动条来查看其余内容。[/color]`}</Text>
+          <Text className="code-line">{`[color=#0a3069]滚动区域适合阅读长篇文章、展示数据列表。[/color]`}</Text>
+          <Text className="code-line">{`[color=#0a3069]在实际项目中，滚动区域的尺寸通常由其父布局决定，开发者只需关注内容本身。[/color]`}</Text>
+          <Text className="code-line">{`[color=#0a3069]滚动区域可以嵌套使用，构建复杂的多层滚动界面。[/color]`}</Text>
+          <Text className="code-line">{`[color=#0a3069]合理配置滚动方向和样式，可以让界面更加整洁且易于使用。\`[/color];`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]App[/color]([color=#0550ae][/color]) {`}</Text>
+          <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]ScrollArea[/color] [color=#0550ae]className[/color]=[color=#0a3069]"demo-scrollarea"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]ScrollAreaContent[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]Text[/color]>[/color]{content}[color=#116329]</[color=#0550ae]Text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]</[color=#0550ae]ScrollAreaContent[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]Scrollbar[/color] />[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]</[color=#0550ae]ScrollArea[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  );`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="tsx" data-file="example.css" data-source="examples/scrollarea-basic/7" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#953800].demo-scrollarea[/color] {`}</Text>
+          <Text className="code-line">{`  width: [color=#0550ae]300px[/color];`}</Text>
+          <Text className="code-line">{`  height: [color=#0550ae]200px[/color];`}</Text>
+          <Text className="code-line">{`  border: [color=#0550ae]1px[/color] solid [color=#0550ae]#d0d7de[/color];`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="tsx" data-file="main.c" data-source="examples/scrollarea-basic/8" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]"example.h"[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        example_load();`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="c" data-file="main.c" data-source="examples/scrollarea-basic/9" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]scrollarea_basic_init[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *parent)[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *scroll, *content, *vbar, *text;`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        scroll = ui_create_scrollarea();`}</Text>
+          <Text className="code-line">{`        ui_widget_set_style_string(scroll, [color=#0a3069]"width"[/color], [color=#0a3069]"300px"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_set_style_string(scroll, [color=#0a3069]"height"[/color], [color=#0a3069]"200px"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_set_style_string(scroll, [color=#0a3069]"border"[/color], [color=#0a3069]"1px solid #d0d7de"[/color]);`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        content = ui_create_scrollarea_content();`}</Text>
+          <Text className="code-line">{`        text = ui_create_widget([color=#0a3069]"text"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_text_set_content_w(`}</Text>
+          <Text className="code-line">{`            text,`}</Text>
+          <Text className="code-line">{`            [color=#0a3069]L"这是一段用于演示滚动区域功能的示例文本。\\n"[/color]`}</Text>
+          <Text className="code-line">{`            [color=#0a3069]L"当文本内容超出容器高度时，用户可以通过滚动条来查看其余内容。\\n"[/color]`}</Text>
+          <Text className="code-line">{`            [color=#0a3069]L"滚动区域适合阅读长篇文章、展示数据列表。\\n"[/color]`}</Text>
+          <Text className="code-line">{`            [color=#0a3069]L"在实际项目中，滚动区域的尺寸通常由其父布局决定，"[/color]`}</Text>
+          <Text className="code-line">{`            [color=#0a3069]L"开发者只需关注内容本身。\\n"[/color]`}</Text>
+          <Text className="code-line">{`            [color=#0a3069]L"滚动区域可以嵌套使用，构建复杂的多层滚动界面。\\n"[/color]`}</Text>
+          <Text className="code-line">{`            [color=#0a3069]L"合理配置滚动方向和样式，可以让界面更加整洁且易于使用。"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_append(content, text);`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        vbar = ui_create_widget([color=#0a3069]"scrollbar"[/color]);`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        ui_widget_append(scroll, content);`}</Text>
+          <Text className="code-line">{`        ui_widget_append(scroll, vbar);`}</Text>
+          <Text className="code-line">{`        ui_widget_append(parent, scroll);`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="ui.xml" data-source="examples/scrollarea-basic/10" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]<?xml version=[color=#0a3069]"1.0"[/color] encoding=[color=#0a3069]"UTF-8"[/color]?>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]<[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]<[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]scrollarea[/color] [color=#0550ae]style[/color]=[color=#0a3069]"width: 300px; height: 200px;"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]text[/color]>[/color]Item 1[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]text[/color]>[/color]Item 2[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]text[/color]>[/color]Item 3[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]text[/color]>[/color]Item 4[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]text[/color]>[/color]Item 5[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]text[/color]>[/color]Item 6[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]text[/color]>[/color]Item 7[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]text[/color]>[/color]Item 8[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]text[/color]>[/color]Item 9[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]text[/color]>[/color]Item 10[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]</[color=#0550ae]scrollarea[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]</[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]</[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="main.c" data-source="examples/scrollarea-basic/11" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<ui_xml.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        ui_load_xml_file([color=#0a3069]"ui.xml"[/color]);`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+      </Widget>
+    </DemoProvider>
+  );
+}
diff --git a/examples/doc-viewer/app/examples/scrollarea-dual-scrollbars/index.c b/examples/doc-viewer/app/examples/scrollarea-dual-scrollbars/index.c
new file mode 100644
index 000000000..e1b37b26e
--- /dev/null
+++ b/examples/doc-viewer/app/examples/scrollarea-dual-scrollbars/index.c
@@ -0,0 +1,45 @@
+#include "index.tsx.h"
+#include "index.h"
+
+#include "../../../../../docs/examples/scrollarea-dual-scrollbars/main.c"
+
+typedef struct {
+        scrollarea_dual_scrollbars_demo_react_t base;
+} scrollarea_dual_scrollbars_demo_t;
+
+static void scrollarea_dual_scrollbars_demo_init(ui_widget_t *w)
+{
+        scrollarea_dual_scrollbars_demo_t *_that =
+            ui_widget_add_data(w, scrollarea_dual_scrollbars_demo_proto,
+                               sizeof(scrollarea_dual_scrollbars_demo_t));
+        scrollarea_dual_scrollbars_demo_proto->proto->init(w);
+        scrollarea_dual_scrollbars_demo_react_init(w);
+        scrollarea_dual_scrollbars_init(_that->base.refs.preview);
+        scrollarea_dual_scrollbars_demo_update(w);
+}
+
+static void scrollarea_dual_scrollbars_demo_destroy(ui_widget_t *w)
+{
+        scrollarea_dual_scrollbars_demo_proto->proto->destroy(w);
+        scrollarea_dual_scrollbars_demo_react_destroy(w);
+}
+
+void scrollarea_dual_scrollbars_demo_update(ui_widget_t *w)
+{
+        scrollarea_dual_scrollbars_demo_react_update(w);
+}
+
+ui_widget_t *ui_create_scrollarea_dual_scrollbars_demo(void)
+{
+        return ui_create_widget_with_prototype(
+            scrollarea_dual_scrollbars_demo_proto);
+}
+
+void ui_register_scrollarea_dual_scrollbars_demo(void)
+{
+        scrollarea_dual_scrollbars_demo_init_prototype();
+        scrollarea_dual_scrollbars_demo_proto->init =
+            scrollarea_dual_scrollbars_demo_init;
+        scrollarea_dual_scrollbars_demo_proto->destroy =
+            scrollarea_dual_scrollbars_demo_destroy;
+}
diff --git a/examples/doc-viewer/app/examples/scrollarea-dual-scrollbars/index.tsx b/examples/doc-viewer/app/examples/scrollarea-dual-scrollbars/index.tsx
new file mode 100644
index 000000000..c858dc3fb
--- /dev/null
+++ b/examples/doc-viewer/app/examples/scrollarea-dual-scrollbars/index.tsx
@@ -0,0 +1,193 @@
+import { Text, Widget } from "@lcui/react";
+import DemoProvider from "../../components/demo-provider";
+import CodeBlockCopy from "../../components/code-block-copy";
+
+export default function ScrollareaDualScrollbarsDemo() {
+  return (
+    <DemoProvider>
+      <Widget $ref="preview" className="demo-preview" />
+      <Widget className="code-block">
+        <Widget className="code-block-header">
+          <Widget className="demo-files">
+            <Text className="demo-tab active" data-language="tsx" data-value="example.tsx">example.tsx</Text>
+            <Text className="demo-tab" data-language="tsx" data-value="example.css" style={{ display: "none" }}>example.css</Text>
+            <Text className="demo-tab" data-language="tsx" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="c" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="xml" data-value="ui.xml" style={{ display: "none" }}>ui.xml</Text>
+            <Text className="demo-tab" data-language="xml" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+          </Widget>
+          <Widget className="demo-languages">
+            <Text className="demo-tab active" data-value="tsx">TSX</Text>
+            <Text className="demo-tab" data-value="c">C</Text>
+            <Text className="demo-tab" data-value="xml">XML</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block-body active" data-language="tsx" data-file="example.tsx" data-source="examples/scrollarea-dual-scrollbars/0">
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]ScrollArea[/color], [color=#8250df]ScrollAreaContent[/color], [color=#8250df]Scrollbar[/color], [color=#8250df]Text[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+          <Text className="code-line">{`[color=#cf222e]import[/color] [color=#0a3069]"./example.css"[/color];`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]App[/color]([color=#0550ae][/color]) {`}</Text>
+          <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]ScrollArea[/color] [color=#0550ae]className[/color]=[color=#0a3069]"demo-scrollarea"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]ScrollAreaContent[/color] [color=#0550ae]className[/color]=[color=#0a3069]"demo-grid"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        {Array.from({ length: 100 }, (_, i) => (`}</Text>
+          <Text className="code-line">{`          [color=#116329]<[color=#0550ae]Text[/color] [color=#0550ae]key[/color]=[color=#0a3069]{i}[/color] [color=#0550ae]className[/color]=[color=#0a3069]"demo-cell"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`            {i + 1}`}</Text>
+          <Text className="code-line">{`          [color=#116329]</[color=#0550ae]Text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        ))}`}</Text>
+          <Text className="code-line">{`      [color=#116329]</[color=#0550ae]ScrollAreaContent[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]Scrollbar[/color] [color=#0550ae]orientation[/color]=[color=#0a3069]"horizontal"[/color] />[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]Scrollbar[/color] />[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]</[color=#0550ae]ScrollArea[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  );`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="tsx" data-file="example.css" data-source="examples/scrollarea-dual-scrollbars/1" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#953800].demo-scrollarea[/color] {`}</Text>
+          <Text className="code-line">{`  width: [color=#0550ae]400px[/color];`}</Text>
+          <Text className="code-line">{`  height: [color=#0550ae]300px[/color];`}</Text>
+          <Text className="code-line">{`  border: [color=#0550ae]1px[/color] solid [color=#0550ae]#d0d7de[/color];`}</Text>
+          <Text className="code-line">{`}`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800].demo-grid[/color] {`}</Text>
+          <Text className="code-line">{`  display: flex;`}</Text>
+          <Text className="code-line">{`  flex-wrap: wrap;`}</Text>
+          <Text className="code-line">{`  width: [color=#0550ae]1088px[/color];`}</Text>
+          <Text className="code-line">{`  height: [color=#0550ae]1088px[/color];`}</Text>
+          <Text className="code-line">{`  gap: [color=#0550ae]8px[/color];`}</Text>
+          <Text className="code-line">{`  padding: [color=#0550ae]8px[/color];`}</Text>
+          <Text className="code-line">{`}`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800].demo-cell[/color] {`}</Text>
+          <Text className="code-line">{`  width: [color=#0550ae]100px[/color];`}</Text>
+          <Text className="code-line">{`  height: [color=#0550ae]100px[/color];`}</Text>
+          <Text className="code-line">{`  background: [color=#0550ae]#e1e5e9[/color];`}</Text>
+          <Text className="code-line">{`  border: [color=#0550ae]1px[/color] solid [color=#0550ae]#b0b8c0[/color];`}</Text>
+          <Text className="code-line">{`  text-align: center;`}</Text>
+          <Text className="code-line">{`  line-height: [color=#0550ae]100px[/color];`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="tsx" data-file="main.c" data-source="examples/scrollarea-dual-scrollbars/2" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]"example.h"[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        example_load();`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="c" data-file="main.c" data-source="examples/scrollarea-dual-scrollbars/3" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<stdio.h>[/color][/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]scrollarea_dual_scrollbars_init[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *parent)[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        [color=#953800]int[/color] i;`}</Text>
+          <Text className="code-line">{`        [color=#953800]char[/color] buf\\[[color=#0550ae]8[/color]];`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *area, *content, *hbar, *vbar, *box;`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        area = ui_create_scrollarea();`}</Text>
+          <Text className="code-line">{`        ui_widget_set_style_string(area, [color=#0a3069]"width"[/color], [color=#0a3069]"420px"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_set_style_string(area, [color=#0a3069]"height"[/color], [color=#0a3069]"300px"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_set_style_string(area, [color=#0a3069]"border"[/color], [color=#0a3069]"1px solid #d0d7de"[/color]);`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        content = ui_create_scrollarea_content();`}</Text>
+          <Text className="code-line">{`        ui_widget_set_style_string(content, [color=#0a3069]"display"[/color], [color=#0a3069]"flex"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_set_style_string(content, [color=#0a3069]"flex-wrap"[/color], [color=#0a3069]"wrap"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_set_style_string(content, [color=#0a3069]"width"[/color], [color=#0a3069]"1088px"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_set_style_string(content, [color=#0a3069]"height"[/color], [color=#0a3069]"1088px"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_set_style_string(content, [color=#0a3069]"gap"[/color], [color=#0a3069]"8px"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_set_style_string(content, [color=#0a3069]"padding"[/color], [color=#0a3069]"8px"[/color]);`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        [color=#cf222e]for[/color] (i = [color=#0550ae]0[/color]; i < [color=#0550ae]100[/color]; ++i) {`}</Text>
+          <Text className="code-line">{`                [color=#953800]snprintf[/color](buf, [color=#cf222e]sizeof[/color](buf), [color=#0a3069]"%d"[/color], i + [color=#0550ae]1[/color]);`}</Text>
+          <Text className="code-line">{`                box = ui_create_widget([color=#0a3069]"text"[/color]);`}</Text>
+          <Text className="code-line">{`                ui_text_set_content(box, buf);`}</Text>
+          <Text className="code-line">{`                ui_widget_set_style_string(box, [color=#0a3069]"width"[/color], [color=#0a3069]"100px"[/color]);`}</Text>
+          <Text className="code-line">{`                ui_widget_set_style_string(box, [color=#0a3069]"height"[/color], [color=#0a3069]"100px"[/color]);`}</Text>
+          <Text className="code-line">{`                ui_widget_set_style_string(box, [color=#0a3069]"background"[/color], [color=#0a3069]"#e1e5e9"[/color]);`}</Text>
+          <Text className="code-line">{`                ui_widget_set_style_string(box, [color=#0a3069]"border"[/color], [color=#0a3069]"1px solid #b0b8c0"[/color]);`}</Text>
+          <Text className="code-line">{`                ui_widget_set_style_string(box, [color=#0a3069]"text-align"[/color], [color=#0a3069]"center"[/color]);`}</Text>
+          <Text className="code-line">{`                ui_widget_set_style_string(box, [color=#0a3069]"line-height"[/color], [color=#0a3069]"100px"[/color]);`}</Text>
+          <Text className="code-line">{`                ui_widget_append(content, box);`}</Text>
+          <Text className="code-line">{`        }`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        hbar = ui_create_widget([color=#0a3069]"scrollbar"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_set_attr(hbar, [color=#0a3069]"orientation"[/color], [color=#0a3069]"horizontal"[/color]);`}</Text>
+          <Text className="code-line">{`        vbar = ui_create_widget([color=#0a3069]"scrollbar"[/color]);`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        ui_widget_append(area, content);`}</Text>
+          <Text className="code-line">{`        ui_widget_append(area, hbar);`}</Text>
+          <Text className="code-line">{`        ui_widget_append(area, vbar);`}</Text>
+          <Text className="code-line">{`        ui_widget_append(parent, area);`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="ui.xml" data-source="examples/scrollarea-dual-scrollbars/4" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]<?xml version=[color=#0a3069]"1.0"[/color] encoding=[color=#0a3069]"UTF-8"[/color]?>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]<[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]<[color=#0550ae]style[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#953800].demo-scrollarea[/color] {`}</Text>
+          <Text className="code-line">{`        width: [color=#0550ae]400px[/color];`}</Text>
+          <Text className="code-line">{`        height: [color=#0550ae]300px[/color];`}</Text>
+          <Text className="code-line">{`        border: [color=#0550ae]1px[/color] solid [color=#0550ae]#d0d7de[/color];`}</Text>
+          <Text className="code-line">{`    }`}</Text>
+          <Text className="code-line">{`    [color=#953800].demo-grid[/color] {`}</Text>
+          <Text className="code-line">{`        display: flex;`}</Text>
+          <Text className="code-line">{`        flex-wrap: wrap;`}</Text>
+          <Text className="code-line">{`        width: [color=#0550ae]1088px[/color];`}</Text>
+          <Text className="code-line">{`        height: [color=#0550ae]1088px[/color];`}</Text>
+          <Text className="code-line">{`        gap: [color=#0550ae]8px[/color];`}</Text>
+          <Text className="code-line">{`        padding: [color=#0550ae]8px[/color];`}</Text>
+          <Text className="code-line">{`    }`}</Text>
+          <Text className="code-line">{`    [color=#953800].demo-cell[/color] {`}</Text>
+          <Text className="code-line">{`        width: [color=#0550ae]100px[/color];`}</Text>
+          <Text className="code-line">{`        height: [color=#0550ae]100px[/color];`}</Text>
+          <Text className="code-line">{`        background: [color=#0550ae]#e1e5e9[/color];`}</Text>
+          <Text className="code-line">{`        border: [color=#0550ae]1px[/color] solid [color=#0550ae]#b0b8c0[/color];`}</Text>
+          <Text className="code-line">{`        text-align: center;`}</Text>
+          <Text className="code-line">{`        line-height: [color=#0550ae]100px[/color];`}</Text>
+          <Text className="code-line">{`    }`}</Text>
+          <Text className="code-line">{`  [color=#116329]</[color=#0550ae]style[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]<[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]scrollarea[/color] [color=#0550ae]class[/color]=[color=#0a3069]"demo-scrollarea"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]scrollarea-content[/color] [color=#0550ae]class[/color]=[color=#0a3069]"demo-grid"[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]text[/color] [color=#0550ae]class[/color]=[color=#0a3069]"demo-cell"[/color]>[/color]1[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]text[/color] [color=#0550ae]class[/color]=[color=#0a3069]"demo-cell"[/color]>[/color]2[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]text[/color] [color=#0550ae]class[/color]=[color=#0a3069]"demo-cell"[/color]>[/color]3[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]text[/color] [color=#0550ae]class[/color]=[color=#0a3069]"demo-cell"[/color]>[/color]4[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]text[/color] [color=#0550ae]class[/color]=[color=#0a3069]"demo-cell"[/color]>[/color]5[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]text[/color] [color=#0550ae]class[/color]=[color=#0a3069]"demo-cell"[/color]>[/color]6[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]text[/color] [color=#0550ae]class[/color]=[color=#0a3069]"demo-cell"[/color]>[/color]7[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]text[/color] [color=#0550ae]class[/color]=[color=#0a3069]"demo-cell"[/color]>[/color]8[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]text[/color] [color=#0550ae]class[/color]=[color=#0a3069]"demo-cell"[/color]>[/color]9[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`        [color=#116329]<[color=#0550ae]text[/color] [color=#0550ae]class[/color]=[color=#0a3069]"demo-cell"[/color]>[/color]10[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]</[color=#0550ae]scrollarea-content[/color]>[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]scrollbar[/color] [color=#0550ae]orientation[/color]=[color=#0a3069]"horizontal"[/color] />[/color]`}</Text>
+          <Text className="code-line">{`      [color=#116329]<[color=#0550ae]scrollbar[/color] />[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]</[color=#0550ae]scrollarea[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]</[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]</[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="main.c" data-source="examples/scrollarea-dual-scrollbars/5" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<ui_xml.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        ui_load_xml_file([color=#0a3069]"ui.xml"[/color]);`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+      </Widget>
+    </DemoProvider>
+  );
+}
diff --git a/examples/doc-viewer/app/examples/text-basic/index.c b/examples/doc-viewer/app/examples/text-basic/index.c
new file mode 100644
index 000000000..a0d5a67ff
--- /dev/null
+++ b/examples/doc-viewer/app/examples/text-basic/index.c
@@ -0,0 +1,45 @@
+#include "index.tsx.h"
+#include "index.h"
+#include "../../../../../docs/examples/text-basic/main.c"
+
+typedef struct {
+        text_basic_demo_react_t base;
+} text_basic_demo_t;
+
+static void text_basic_demo_init(ui_widget_t *w)
+{
+        text_basic_demo_t *_that = ui_widget_add_data(
+            w, text_basic_demo_proto, sizeof(text_basic_demo_t));
+        text_basic_demo_proto->proto->init(w);
+        text_basic_demo_react_init(w);
+        text_basic_init(_that->base.refs.preview);
+        text_basic_demo_update(w);
+}
+
+static text_basic_demo_t *text_basic_demo_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, text_basic_demo_proto);
+}
+
+static void text_basic_demo_destroy(ui_widget_t *w)
+{
+        text_basic_demo_proto->proto->destroy(w);
+        text_basic_demo_react_destroy(w);
+}
+
+void text_basic_demo_update(ui_widget_t *w)
+{
+        text_basic_demo_react_update(w);
+}
+
+ui_widget_t *ui_create_text_basic_demo(void)
+{
+        return ui_create_widget_with_prototype(text_basic_demo_proto);
+}
+
+void ui_register_text_basic_demo(void)
+{
+        text_basic_demo_init_prototype();
+        text_basic_demo_proto->init = text_basic_demo_init;
+        text_basic_demo_proto->destroy = text_basic_demo_destroy;
+}
diff --git a/examples/doc-viewer/app/examples/text-basic/index.tsx b/examples/doc-viewer/app/examples/text-basic/index.tsx
new file mode 100644
index 000000000..b3fe65c27
--- /dev/null
+++ b/examples/doc-viewer/app/examples/text-basic/index.tsx
@@ -0,0 +1,81 @@
+import { Text, Widget } from "@lcui/react";
+import DemoProvider from "../../components/demo-provider";
+import CodeBlockCopy from "../../components/code-block-copy";
+
+export default function TextBasicDemo() {
+  return (
+    <DemoProvider>
+      <Widget $ref="preview" className="demo-preview" />
+      <Widget className="code-block">
+        <Widget className="code-block-header">
+          <Widget className="demo-files">
+            <Text className="demo-tab active" data-language="tsx" data-value="example.tsx">example.tsx</Text>
+            <Text className="demo-tab" data-language="tsx" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="c" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="xml" data-value="ui.xml" style={{ display: "none" }}>ui.xml</Text>
+            <Text className="demo-tab" data-language="xml" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+          </Widget>
+          <Widget className="demo-languages">
+            <Text className="demo-tab active" data-value="tsx">TSX</Text>
+            <Text className="demo-tab" data-value="c">C</Text>
+            <Text className="demo-tab" data-value="xml">XML</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block-body active" data-language="tsx" data-file="example.tsx" data-source="examples/text-basic/5">
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Text[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]App[/color]([color=#0550ae][/color]) {`}</Text>
+          <Text className="code-line">{`  [color=#cf222e]return[/color] [color=#116329]<[color=#0550ae]Text[/color]>[/color]Hello, LCUI![color=#116329]</[color=#0550ae]Text[/color]>[/color];`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="tsx" data-file="main.c" data-source="examples/text-basic/6" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]"example.h"[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        example_load();`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="c" data-file="main.c" data-source="examples/text-basic/7" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]text_basic_init[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *parent)[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *w;`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        w = ui_create_widget([color=#0a3069]"text"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_text_set_content(w, [color=#0a3069]"Hello, LCUI!"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_append(parent, w);`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="ui.xml" data-source="examples/text-basic/8" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]<?xml version=[color=#0a3069]"1.0"[/color] encoding=[color=#0a3069]"UTF-8"[/color]?>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]<[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]<[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]text[/color]>[/color]Hello, LCUI![color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]</[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]</[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="main.c" data-source="examples/text-basic/9" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<ui_xml.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        ui_load_xml_file([color=#0a3069]"ui.xml"[/color]);`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+      </Widget>
+    </DemoProvider>
+  );
+}
diff --git a/examples/doc-viewer/app/examples/text-input-basic/index.c b/examples/doc-viewer/app/examples/text-input-basic/index.c
new file mode 100644
index 000000000..cbdd7180c
--- /dev/null
+++ b/examples/doc-viewer/app/examples/text-input-basic/index.c
@@ -0,0 +1,45 @@
+#include "index.tsx.h"
+#include "index.h"
+#include "../../../../../docs/examples/text-input-basic/main.c"
+
+typedef struct {
+        text_input_basic_demo_react_t base;
+} text_input_basic_demo_t;
+
+static void text_input_basic_demo_init(ui_widget_t *w)
+{
+        text_input_basic_demo_t *_that = ui_widget_add_data(
+            w, text_input_basic_demo_proto, sizeof(text_input_basic_demo_t));
+        text_input_basic_demo_proto->proto->init(w);
+        text_input_basic_demo_react_init(w);
+        text_input_basic_init(_that->base.refs.preview);
+        text_input_basic_demo_update(w);
+}
+
+static text_input_basic_demo_t *text_input_basic_demo_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, text_input_basic_demo_proto);
+}
+
+static void text_input_basic_demo_destroy(ui_widget_t *w)
+{
+        text_input_basic_demo_proto->proto->destroy(w);
+        text_input_basic_demo_react_destroy(w);
+}
+
+void text_input_basic_demo_update(ui_widget_t *w)
+{
+        text_input_basic_demo_react_update(w);
+}
+
+ui_widget_t *ui_create_text_input_basic_demo(void)
+{
+        return ui_create_widget_with_prototype(text_input_basic_demo_proto);
+}
+
+void ui_register_text_input_basic_demo(void)
+{
+        text_input_basic_demo_init_prototype();
+        text_input_basic_demo_proto->init = text_input_basic_demo_init;
+        text_input_basic_demo_proto->destroy = text_input_basic_demo_destroy;
+}
diff --git a/examples/doc-viewer/app/examples/text-input-basic/index.tsx b/examples/doc-viewer/app/examples/text-input-basic/index.tsx
new file mode 100644
index 000000000..005580b6d
--- /dev/null
+++ b/examples/doc-viewer/app/examples/text-input-basic/index.tsx
@@ -0,0 +1,81 @@
+import { Text, Widget } from "@lcui/react";
+import DemoProvider from "../../components/demo-provider";
+import CodeBlockCopy from "../../components/code-block-copy";
+
+export default function TextInputBasicDemo() {
+  return (
+    <DemoProvider>
+      <Widget $ref="preview" className="demo-preview" />
+      <Widget className="code-block">
+        <Widget className="code-block-header">
+          <Widget className="demo-files">
+            <Text className="demo-tab active" data-language="tsx" data-value="example.tsx">example.tsx</Text>
+            <Text className="demo-tab" data-language="tsx" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="c" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+            <Text className="demo-tab" data-language="xml" data-value="ui.xml" style={{ display: "none" }}>ui.xml</Text>
+            <Text className="demo-tab" data-language="xml" data-value="main.c" style={{ display: "none" }}>main.c</Text>
+          </Widget>
+          <Widget className="demo-languages">
+            <Text className="demo-tab active" data-value="tsx">TSX</Text>
+            <Text className="demo-tab" data-value="c">C</Text>
+            <Text className="demo-tab" data-value="xml">XML</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block-body active" data-language="tsx" data-file="example.tsx" data-source="examples/text-input-basic/5">
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]TextInput[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]App[/color]([color=#0550ae][/color]) {`}</Text>
+          <Text className="code-line">{`  [color=#cf222e]return[/color] [color=#116329]<[color=#0550ae]TextInput[/color] [color=#0550ae]placeholder[/color]=[color=#0a3069]"请输入..."[/color] />[/color];`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="tsx" data-file="main.c" data-source="examples/text-input-basic/6" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]"example.h"[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        example_load();`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="c" data-file="main.c" data-source="examples/text-input-basic/7" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]text_input_basic_init[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *parent)[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *w;`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`        w = ui_create_widget([color=#0a3069]"textinput"[/color]);`}</Text>
+          <Text className="code-line">{`        ui_textinput_set_placeholder(w, [color=#0a3069]u8"请输入..."[/color]);`}</Text>
+          <Text className="code-line">{`        ui_widget_append(parent, w);`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="ui.xml" data-source="examples/text-input-basic/8" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]<?xml version=[color=#0a3069]"1.0"[/color] encoding=[color=#0a3069]"UTF-8"[/color]?>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]<[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]<[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`    [color=#116329]<[color=#0550ae]textedit[/color] [color=#0550ae]style[/color]=[color=#0a3069]"width: 200px;"[/color] />[/color]`}</Text>
+          <Text className="code-line">{`  [color=#116329]</[color=#0550ae]ui[/color]>[/color]`}</Text>
+          <Text className="code-line">{`[color=#116329]</[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+        </Widget>
+        <Widget className="code-block-body" data-language="xml" data-file="main.c" data-source="examples/text-input-basic/9" style={{ display: "none" }}>
+          <CodeBlockCopy />
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+          <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<ui_xml.h>[/color][/color]`}</Text>
+          <Text className="code-line">{` `}</Text>
+          <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+          <Text className="code-line">{`{`}</Text>
+          <Text className="code-line">{`        lcui_init();`}</Text>
+          <Text className="code-line">{`        ui_load_xml_file([color=#0a3069]"ui.xml"[/color]);`}</Text>
+          <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+          <Text className="code-line">{`}`}</Text>
+        </Widget>
+      </Widget>
+    </DemoProvider>
+  );
+}
diff --git a/examples/doc-viewer/app/global.css b/examples/doc-viewer/app/global.css
new file mode 100644
index 000000000..3a6c92adc
--- /dev/null
+++ b/examples/doc-viewer/app/global.css
@@ -0,0 +1,270 @@
+/* LCUI Documentation Viewer - Global styles
+ *
+ * Hand-maintained.  Loaded into the doc-viewer via `import "./global.css"`
+ * in app/layout.tsx; lcui-cli converts this file to app/global.css.h on
+ * each build and the runtime registers the rules via
+ * `ui_load_css_string`.
+ *
+ * Tailwind utilities are reused through @apply where possible so the
+ * spacing / typography scale stays consistent with any inline tailwind
+ * class an MDX-derived page widget might emit.
+ */
+
+@tailwind components;
+@tailwind utilities;
+
+* {
+  box-sizing: border-box;
+}
+
+root {
+  min-width: 800px;
+  min-height: 480px;
+}
+
+text,
+p {
+  @apply text-base text-gray-800;
+}
+
+/* -- Page -- */
+
+.doc-page {
+  @apply px-4 py-8 max-w-3xl mx-auto;
+}
+.doc-page-desc {
+  @apply text-lg text-gray-600 mb-6 leading-relaxed;
+}
+.doc-section {
+  @apply mb-8;
+}
+
+/* -- Locale-controlled visibility --
+ *
+ * Any element that should only appear when a specific locale is active
+ * on ui_root() gets both `.lang` and the matching locale class.
+ * `.lang` hides by default; the override below shows it when the root
+ * locale matches.  Components like sidebar and code-block-copy share
+ * this pattern. */
+
+.lang {
+  display: none;
+}
+.en .lang.en,
+.zh-CN .lang.zh-CN {
+  display: block;
+}
+
+/* -- Semantic typography (h1-h6, p) --
+ *
+ * These are registered as `text` widget aliases in app/main.c.  Each
+ * tag maps to a tailwind size on the default type scale; p shares the
+ * h6 size and is distinguished only by weight. */
+
+h1, h2, h3, h4, h5, h6 {
+  @apply font-bold text-gray-900 leading-normal;
+}
+h1 {
+  @apply text-4xl  mb-4;
+}
+h2 {
+  @apply text-3xl  mt-8 mb-3;
+}
+h3 {
+  @apply text-2xl  mt-6 mb-2;
+}
+h4 {
+  @apply text-xl   mt-6 mb-2;
+}
+h5 {
+  @apply text-lg   mt-4 mb-2;
+}
+h6 {
+  @apply text-base mt-4 mb-2;
+}
+p {
+  @apply text-base text-gray-800 mb-3 leading-relaxed;
+}
+
+/* -- Code block card --
+ *
+ * Light-themed card: a 1px border with rounded corners, a gray header
+ * carrying the file name (or language) plus a clickable Copy button,
+ * and a white body with one <Text> per source line.  Both the demo
+ * code blocks and MDX-derived fenced blocks share this structure
+ * (see scripts/compiler/page-generator.ts). */
+
+.code-block {
+  @apply rounded border border-gray-200 my-4 bg-white;
+}
+.code-block-header {
+  @apply flex flex-row items-center pl-3 pr-1 py-1 bg-gray-50 border-b border-gray-200 min-h-[36px];
+}
+.code-block-title {
+  @apply flex-1 text-sm text-gray-700;
+}
+.code-block-copy {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  @apply flex gap-1 items-center px-2 py-1 text-sm text-gray-600 cursor-pointer rounded;
+}
+.code-block-copy text {
+  white-space: nowrap;
+}
+.code-block-copy .copy-icon,
+.code-block-copy .check-icon {
+  position: relative;
+  top: 1px;
+}
+.code-block-copy .check-icon {
+  display: none;
+}
+.code-block-copy.copied .copy-icon {
+  display: none;
+}
+.code-block-copy.copied .check-icon {
+  display: inline-block;
+}
+.code-block-copy:hover {
+  @apply bg-gray-100 text-gray-900;
+}
+.code-block-body {
+  @apply p-3 text-sm text-gray-800 whitespace-pre;
+  position: relative;
+  font-family: monospace;
+}
+.code-line {
+  @apply text-gray-800;
+  font-family: monospace;
+}
+
+/* -- Demo widget (see app/components/demo-provider.tsx) -- */
+
+.demo {
+  @apply mb-6;
+}
+.demo-preview {
+  @apply px-6 py-8 bg-white border rounded-tl-md rounded-tr-md border-gray-200 flex items-center justify-center min-h-[128px];
+}
+.demo .code-block {
+  @apply rounded-tr-none rounded-tl-none border-t-0 my-0;
+}
+
+/* The code-block wrapper holds the shared card chrome.  Inner code
+ * block bodies are siblings of the header and carry data attributes
+ * for language/file/source selection. */
+
+/* The header uses flex so that the file tab group, the language tab
+ * group, and the copy button share a single row.  The `.demo-files`
+ * and `.demo-languages` containers themselves are plain blocks; their
+ * `.demo-tab` children are laid out with `display: inline-block` (see
+ * "CSS `display` property" in .opencode/skills/lcui-cli/SKILL.md). */
+
+.code-block-header .demo-files {
+  flex: 1;
+}
+.code-block-header .demo-languages,
+.code-block-header .demo-files {
+  @apply px-1 py-1;
+}
+
+.demo .code-block-header {
+  @apply px-1;
+}
+
+.demo-tab {
+  display: inline-block;
+  @apply px-2 py-1 text-sm rounded-lg mr-1;
+}
+.demo-tab:hover {
+  @apply bg-gray-100;
+}
+.demo-tab.active {
+  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
+  @apply text-gray-900 font-bold bg-white;
+}
+
+/* -- Lists (ol/ul/li) --
+ *
+ * ol/ul are registered as native widgets in app/components/list.c.
+ * Each li has an absolutely-positioned marker child created in C
+ * (class .list-marker).  The container's padding-left is set per-li
+ * at runtime in px (LCUI does not currently support em on padding).
+ * The defaults below apply when no inline override is present. */
+
+ol,
+ul {
+  display: block;
+  @apply my-3;
+}
+li {
+  display: block;
+  position: relative;
+  padding-left: 20px;
+  @apply text-base text-gray-800 mb-1;
+}
+.list-marker {
+  position: absolute;
+  left: 0;
+  top: 0;
+  @apply text-gray-700;
+}
+
+/* -- Admonitions (:::note / :::info / :::tip / :::caution / :::warning)
+ *
+ * Docusaurus-style admonition containers rendered by
+ * page-generator.ts.  Each admonition is a rounded container with a
+ * coloured left border and a bold title that takes its colour from
+ * the admonition type.  The generator recurses into the body so
+ * admonitions can contain paragraphs, lists, fenced code blocks,
+ * and other admonitions. */
+
+.admonition {
+  display: block;
+  @apply my-4 py-3 px-4 rounded border-l-4 bg-gray-50;
+}
+.admonition-note    { border-left-color: #3b82f6; }
+.admonition-info    { border-left-color: #06b6d4; }
+.admonition-tip     { border-left-color: #10b981; }
+.admonition-caution { border-left-color: #eab308; }
+.admonition-warning { border-left-color: #ef4444; }
+.admonition-title {
+  @apply font-bold mb-1;
+}
+.admonition-note .admonition-title    { color: #1d4ed8; }
+.admonition-info .admonition-title    { color: #0891b2; }
+.admonition-tip .admonition-title     { color: #047857; }
+.admonition-caution .admonition-title { color: #ca8a04; }
+.admonition-warning .admonition-title { color: #b91c1c; }
+.admonition-content p,
+.admonition-content ul,
+.admonition-content ol {
+  @apply my-1;
+}
+
+/* -- Markdown tables (-- generated by scripts/compiler/page-generator.ts)
+ *
+ * LCUI does not support display: table, so every markdown table is
+ * emitted as a vertical stack of horizontal flex rows.  Each cell is
+ * a widget with either a fixed width (for short, label-style columns)
+ * or flex-grow (for the last "description" column).  A minimum width
+ * is applied so empty cells do not collapse. */
+
+.mdx-table {
+  display: block;
+  @apply my-4 rounded border border-gray-200 bg-white;
+}
+.mdx-table-row {
+  display: flex;
+  flex-direction: row;
+}
+.mdx-table-head {
+  @apply bg-gray-50 border-b border-gray-200;
+}
+.mdx-table-cell {
+  @apply px-3 py-2 text-sm text-gray-800;
+}
+.mdx-table-head-cell {
+  @apply font-bold text-gray-900;
+}
diff --git a/examples/doc-viewer/app/layout.c b/examples/doc-viewer/app/layout.c
new file mode 100644
index 000000000..b0e1bf7e0
--- /dev/null
+++ b/examples/doc-viewer/app/layout.c
@@ -0,0 +1,51 @@
+#include "layout.h"
+#include "layout.tsx.h"
+
+typedef struct {
+        root_layout_react_t base;
+        // Add additional states to your component here
+        // ...
+} root_layout_t;
+
+static void root_layout_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, root_layout_proto, sizeof(root_layout_t));
+        root_layout_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        root_layout_update(w);
+}
+
+static root_layout_t *root_layout_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, root_layout_proto);
+}
+
+static void root_layout_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        root_layout_react_destroy(w);
+}
+
+void root_layout_update(ui_widget_t *w)
+{
+        root_layout_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_root_layout(void)
+{
+        return ui_create_widget_with_prototype(root_layout_proto);
+}
+
+void ui_register_root_layout(void)
+{
+        root_layout_init_prototype();
+        root_layout_proto->init = root_layout_init;
+        root_layout_proto->destroy = root_layout_destroy;
+}
diff --git a/examples/doc-viewer/app/layout.h b/examples/doc-viewer/app/layout.h
new file mode 100644
index 000000000..8f9c491f5
--- /dev/null
+++ b/examples/doc-viewer/app/layout.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_root_layout(void);
+
+ui_widget_t *ui_create_root_layout(void);
+
+void root_layout_update(ui_widget_t *w);
+
+void ui_load_root_layout_resources(void);
diff --git a/examples/doc-viewer/app/layout.tsx b/examples/doc-viewer/app/layout.tsx
new file mode 100644
index 000000000..755ebd744
--- /dev/null
+++ b/examples/doc-viewer/app/layout.tsx
@@ -0,0 +1,20 @@
+import { PropsWithChildren, ScrollArea, ScrollAreaContent, Scrollbar } from "@lcui/react";
+import Navbar from "./components/navbar";
+import Sidebar from "./components/sidebar";
+import "@lcui/fluent-icons/dist/style.css";
+import "./global.css";
+
+export default function AppLayout({ children }: PropsWithChildren) {
+  return (
+    <div className="flex flex-col w-full h-full">
+      <Navbar />
+      <div className="flex flex-1">
+        <Sidebar />
+        <ScrollArea className="flex-1">
+          <ScrollAreaContent>{children}</ScrollAreaContent>
+          <Scrollbar direction="vertical" />
+        </ScrollArea>
+      </div>
+    </div>
+  );
+}
diff --git a/examples/doc-viewer/app/locale.c b/examples/doc-viewer/app/locale.c
new file mode 100644
index 000000000..64db942da
--- /dev/null
+++ b/examples/doc-viewer/app/locale.c
@@ -0,0 +1,119 @@
+#include <stdio.h>
+#include <stdlib.h>
+#include <string.h>
+#include <wchar.h>
+#include <LCUI.h>
+#include <i18n.h>
+#include "locale.h"
+
+#define SETTINGS_SECTION "app"
+#define SETTINGS_KEY "locale"
+#define DEFAULT_LOCALE "en"
+
+/* Locales the doc-viewer ships.  Used to validate both persisted values
+ * and OS-detected values, and as the router path-prefix vocabulary. */
+static const char *supported_locales[] = { "en", "zh-CN", NULL };
+
+/* Returns true when `needle` is a member of supported_locales. */
+static bool is_supported(const char *value)
+{
+        const char **it;
+
+        for (it = supported_locales; *it; ++it) {
+                if (strcmp(value, *it) == 0) {
+                        return true;
+                }
+        }
+        return false;
+}
+
+/* Match a detected system locale string (Windows GetUserDefaultLocaleName
+ * produces BCP-47 like "zh-CN"; POSIX $LANG is normalized by lib/i18n to
+ * the same shape, e.g. "zh_CN" -> "zh-CN") against supported_locales.
+ * A language-only match counts: "zh-TW" falls back to "zh-CN" since
+ * zh-TW is not shipped; both '-' and '_' are accepted as separators. */
+static const char *match_supported_locale(const char *detected)
+{
+        const char **it;
+
+        if (!detected || !*detected) {
+                return NULL;
+        }
+        for (it = supported_locales; *it; ++it) {
+                if (strcmp(detected, *it) == 0) {
+                        return *it;
+                }
+        }
+        for (it = supported_locales; *it; ++it) {
+                size_t prefix_len = strcspn(*it, "-");
+                char sep = detected[prefix_len];
+                if (strncmp(detected, *it, prefix_len) == 0 &&
+                    (sep == 0 || sep == '-' || sep == '_')) {
+                        return *it;
+                }
+        }
+        return NULL;
+}
+
+/* Copy `value` into a stable static buffer so callers can hold the
+ * pointer past the next call.  Caller is responsible for `free`-ing
+ * the lcui_settings-owned `value` buffer. */
+static const char *stash_locale(const char *value)
+{
+        static char buf[32];
+        size_t n = strlen(value);
+
+        if (n >= sizeof(buf)) {
+                n = sizeof(buf) - 1;
+        }
+        memcpy(buf, value, n);
+        buf[n] = 0;
+        return buf;
+}
+
+const char *app_get_locale(void)
+{
+        char *saved = NULL;
+        const char *matched;
+
+        if (!lcui_settings_is_loaded()) {
+                lcui_settings_load();
+        }
+        if (lcui_settings_get_string(SETTINGS_SECTION, SETTINGS_KEY, &saved) &&
+            saved) {
+                matched = match_supported_locale(saved);
+                free(saved);
+                if (matched) {
+                        return stash_locale(matched);
+                }
+        }
+
+        /* No usable persisted locale: ask the operating system. */
+        wchar_t wbuf[32];
+        size_t wlen = i18n_detect_language(wbuf, 32);
+        if (wlen > 0 && wlen < 32) {
+                char nbuf[32];
+                size_t i;
+                for (i = 0; i < wlen; ++i) {
+                        nbuf[i] = (char)wbuf[i];
+                }
+                nbuf[i] = 0;
+                matched = match_supported_locale(nbuf);
+                if (matched) {
+                        return matched;
+                }
+        }
+
+        return DEFAULT_LOCALE;
+}
+
+void app_set_locale(const char *locale)
+{
+        if (!locale || !is_supported(locale)) {
+                return;
+        }
+        if (!lcui_settings_is_loaded()) {
+                return;
+        }
+        lcui_settings_set_string(SETTINGS_SECTION, SETTINGS_KEY, locale);
+}
diff --git a/examples/doc-viewer/app/locale.h b/examples/doc-viewer/app/locale.h
new file mode 100644
index 000000000..179dee984
--- /dev/null
+++ b/examples/doc-viewer/app/locale.h
@@ -0,0 +1,27 @@
+#ifndef APP_LOCALE_H
+#define APP_LOCALE_H
+
+/*
+ * app/locale.h - Application-level locale resolution and persistence.
+ *
+ * Locale selection at startup follows this order:
+ *   1. Locale persisted via lcui_settings under [app] locale.
+ *   2. Locale detected from the operating system (Windows
+ *      GetUserDefaultLocaleName, or $LANG on POSIX).  Detection is
+ *      driven by lib/i18n's i18n_detect_language.  Detected values
+ *      are matched against the locales shipped with the doc-viewer.
+ *   3. The default locale ("en").
+ *
+ * The doc-viewer only ships a fixed set of locales; values outside
+ * that set are rejected at every step.  Callers receive a pointer
+ * into a static buffer that is overwritten on the next call.
+ */
+
+/* Returns the locale to use, picked from the shipped locale set. */
+const char *app_get_locale(void);
+
+/* Persists the given locale through lcui_settings.  No-op if the
+ * settings doc has not been loaded. */
+void app_set_locale(const char *locale);
+
+#endif
diff --git a/examples/doc-viewer/app/main.c b/examples/doc-viewer/app/main.c
new file mode 100644
index 000000000..dc2386390
--- /dev/null
+++ b/examples/doc-viewer/app/main.c
@@ -0,0 +1,62 @@
+/**
+ * app/main.c - Documentation viewer entry point.
+ *
+ * lcui-cli regenerates app/main.h on every build with:
+ *   - app_router_init()  -- every route from sidebars.json
+ *   - app_init()         -- lcui_init, resource loaders, widget registrations,
+ *                          and the initial root_layout mount
+ *   - app_run()          -- the LCUI main loop
+ *
+ * This main.c only orchestrates the entry point and registers the doc
+ * viewer's semantic text aliases (h1-h6, p) before any page widget is
+ * created.  LCUI ships only a "text" prototype; without these aliases,
+ * <h1>/<p>/... widgets emitted from MDX would have no text renderer
+ * and their content would not paint.
+ *
+ * The aliases are registered AFTER app_init() (so lcui_init() has set up
+ * the prototype system) and BEFORE app_run() (so they exist before the
+ * router instantiates the first page widget).  app_init() itself only
+ * mounts the root layout, which contains no h1/p widgets -- those
+ * appear only once a page is routed in.
+ */
+
+#include "main.h"
+#include "components/list.h"
+#include "locale.h"
+#include <stdio.h>
+
+static void register_semantic_text_aliases(void)
+{
+        static const char *aliases[] = {
+                "h1", "h2", "h3", "h4", "h5", "h6", "p", NULL,
+        };
+        const char **name;
+
+        for (name = aliases; *name; ++name) {
+                ui_create_widget_prototype(*name, "text");
+        }
+}
+
+int main(int argc, char *argv[])
+{
+        lcui_set_app_id("dev.lcui.doc-viewer");
+        app_init();
+        register_semantic_text_aliases();
+        ui_register_list_widgets();
+
+        router_t *router = router_get_by_name("AppRouter");
+        const char *locale = app_get_locale();
+        char initial_path[128];
+        router_location_t *location;
+
+        snprintf(initial_path, sizeof(initial_path), "/%s/overview/quick-start",
+                 locale ? locale : "en");
+        location = router_location_create(NULL, initial_path);
+        router_push(router, location);
+        router_location_destroy(location);
+
+        ui_widget_resize(ui_root(), 1280, 720);
+        lcui_bind_window_state(ui_root(), "main");
+
+        return app_run();
+}
diff --git a/examples/doc-viewer/app/widget-fields/anchor.ts b/examples/doc-viewer/app/widget-fields/anchor.ts
new file mode 100644
index 000000000..0e7682e80
--- /dev/null
+++ b/examples/doc-viewer/app/widget-fields/anchor.ts
@@ -0,0 +1,14 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const anchorFields: FieldData[] = [
+  ...widgetFields,
+  {
+    name: "href",
+    type: "string",
+    default: "-",
+    description: {
+      en: "The URL the link points to.",
+      "zh-CN": "链接的目标 URL。",
+    },
+  },
+];
diff --git a/examples/doc-viewer/app/widget-fields/button.ts b/examples/doc-viewer/app/widget-fields/button.ts
new file mode 100644
index 000000000..7f38e7aaf
--- /dev/null
+++ b/examples/doc-viewer/app/widget-fields/button.ts
@@ -0,0 +1,14 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const buttonFields: FieldData[] = [
+  ...widgetFields,
+  {
+    name: "disabled",
+    type: "string",
+    default: "-",
+    description: {
+      en: "Disables the button when set to \"true\".",
+      "zh-CN": "值为 \"true\" 时禁用按钮。",
+    },
+  },
+];
diff --git a/examples/doc-viewer/app/widget-fields/checkbox.ts b/examples/doc-viewer/app/widget-fields/checkbox.ts
new file mode 100644
index 000000000..97633accd
--- /dev/null
+++ b/examples/doc-viewer/app/widget-fields/checkbox.ts
@@ -0,0 +1,23 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const checkboxFields: FieldData[] = [
+  ...widgetFields,
+  {
+    name: "checked",
+    type: "boolean",
+    default: "false",
+    description: {
+      en: "Whether the checkbox is in the checked state.",
+      "zh-CN": "checkbox 是否处于勾选状态。",
+    },
+  },
+  {
+    name: "indeterminate",
+    type: "boolean",
+    default: "false",
+    description: {
+      en: "Whether the checkbox is in the indeterminate (mixed) state. A click transitions it to the checked state.",
+      "zh-CN": "checkbox 是否处于半选状态。点击会转为已选状态。",
+    },
+  },
+];
\ No newline at end of file
diff --git a/examples/doc-viewer/app/widget-fields/label.ts b/examples/doc-viewer/app/widget-fields/label.ts
new file mode 100644
index 000000000..c46221b2d
--- /dev/null
+++ b/examples/doc-viewer/app/widget-fields/label.ts
@@ -0,0 +1,14 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const labelFields: FieldData[] = [
+  ...widgetFields,
+  {
+    name: "for",
+    type: "string",
+    default: "-",
+    description: {
+      en: "ID of the target widget that this label is associated with. Clicks on the label forward a click event to the target.",
+      "zh-CN": "标签关联的目标部件 ID。点击标签时会把 click 事件转发给目标。",
+    },
+  },
+];
\ No newline at end of file
diff --git a/examples/doc-viewer/app/widget-fields/progress.ts b/examples/doc-viewer/app/widget-fields/progress.ts
new file mode 100644
index 000000000..4e878ee81
--- /dev/null
+++ b/examples/doc-viewer/app/widget-fields/progress.ts
@@ -0,0 +1,14 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const progressFields: FieldData[] = [
+  ...widgetFields,
+  {
+    name: "value",
+    type: "number",
+    default: "0",
+    description: {
+      en: "Current progress value in the range 0~100. Values outside the range are clamped.",
+      "zh-CN": "当前进度值，取值范围 0~100。超出范围的值会被截断。",
+    },
+  },
+];
\ No newline at end of file
diff --git a/examples/doc-viewer/app/widget-fields/radio-group-item.ts b/examples/doc-viewer/app/widget-fields/radio-group-item.ts
new file mode 100644
index 000000000..f27bd7e5e
--- /dev/null
+++ b/examples/doc-viewer/app/widget-fields/radio-group-item.ts
@@ -0,0 +1,23 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const radioGroupItemFields: FieldData[] = [
+  ...widgetFields,
+  {
+    name: "value",
+    type: "string",
+    default: "",
+    description: {
+      en: "The value submitted when this item is selected. Must be unique within the same RadioGroup.",
+      "zh-CN": "选中本项时提交的值。同一 RadioGroup 内各 item 的 value 必须唯一。",
+    },
+  },
+  {
+    name: "checked",
+    type: "boolean",
+    default: "false",
+    description: {
+      en: "Whether this item is in the selected state. Driven by the parent RadioGroup's value; you usually don't set this directly.",
+      "zh-CN": "本项是否处于选中状态。由父 RadioGroup 的 value 推导，一般不直接设置。",
+    },
+  },
+];
\ No newline at end of file
diff --git a/examples/doc-viewer/app/widget-fields/radio-group.ts b/examples/doc-viewer/app/widget-fields/radio-group.ts
new file mode 100644
index 000000000..3c0186114
--- /dev/null
+++ b/examples/doc-viewer/app/widget-fields/radio-group.ts
@@ -0,0 +1,14 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const radioGroupFields: FieldData[] = [
+  ...widgetFields,
+  {
+    name: "value",
+    type: "string",
+    default: "",
+    description: {
+      en: "Currently selected item value. Items whose value attribute matches are shown as selected.",
+      "zh-CN": "当前选中项的值。值匹配项的 value 属性的 item 会显示为选中状态。",
+    },
+  },
+];
\ No newline at end of file
diff --git a/examples/doc-viewer/app/widget-fields/scrollarea-content.ts b/examples/doc-viewer/app/widget-fields/scrollarea-content.ts
new file mode 100644
index 000000000..32aed3890
--- /dev/null
+++ b/examples/doc-viewer/app/widget-fields/scrollarea-content.ts
@@ -0,0 +1,3 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const scrollareaContentFields: FieldData[] = [...widgetFields];
diff --git a/examples/doc-viewer/app/widget-fields/scrollarea.ts b/examples/doc-viewer/app/widget-fields/scrollarea.ts
new file mode 100644
index 000000000..d1068a53a
--- /dev/null
+++ b/examples/doc-viewer/app/widget-fields/scrollarea.ts
@@ -0,0 +1,3 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const scrollareaFields: FieldData[] = [...widgetFields];
diff --git a/examples/doc-viewer/app/widget-fields/scrollbar.ts b/examples/doc-viewer/app/widget-fields/scrollbar.ts
new file mode 100644
index 000000000..3de4c3327
--- /dev/null
+++ b/examples/doc-viewer/app/widget-fields/scrollbar.ts
@@ -0,0 +1,14 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const scrollbarFields: FieldData[] = [
+  ...widgetFields,
+  {
+    name: "orientation",
+    type: '"vertical" | "horizontal"',
+    default: '"vertical"',
+    description: {
+      en: "The scroll direction of the scrollbar.",
+      "zh-CN": "滚动条的滚动方向。",
+    },
+  },
+];
diff --git a/examples/doc-viewer/app/widget-fields/text-input.ts b/examples/doc-viewer/app/widget-fields/text-input.ts
new file mode 100644
index 000000000..31fc7dad9
--- /dev/null
+++ b/examples/doc-viewer/app/widget-fields/text-input.ts
@@ -0,0 +1,14 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const textInputFields: FieldData[] = [
+  ...widgetFields,
+  {
+    name: "placeholder",
+    type: "string",
+    default: "-",
+    description: {
+      en: "Placeholder text shown when the input is empty.",
+      "zh-CN": "输入为空时显示的占位文本。",
+    },
+  },
+];
diff --git a/examples/doc-viewer/app/widget-fields/text.ts b/examples/doc-viewer/app/widget-fields/text.ts
new file mode 100644
index 000000000..d67964c25
--- /dev/null
+++ b/examples/doc-viewer/app/widget-fields/text.ts
@@ -0,0 +1,3 @@
+import { widgetFields, FieldData } from "./widget";
+
+export const textFields: FieldData[] = [...widgetFields];
diff --git a/examples/doc-viewer/app/widget-fields/widget.ts b/examples/doc-viewer/app/widget-fields/widget.ts
new file mode 100644
index 000000000..18133a1ba
--- /dev/null
+++ b/examples/doc-viewer/app/widget-fields/widget.ts
@@ -0,0 +1,27 @@
+export interface FieldData {
+  name: string;
+  type: string;
+  default: string;
+  description: { en: string; "zh-CN": string };
+}
+
+export const widgetFields: FieldData[] = [
+  {
+    name: "className",
+    type: "string",
+    default: "-",
+    description: {
+      en: "CSS class name applied to the element.",
+      "zh-CN": "应用于元素的 CSS 类名。",
+    },
+  },
+  {
+    name: "children",
+    type: "any",
+    default: "-",
+    description: {
+      en: "Child elements.",
+      "zh-CN": "子元素。",
+    },
+  },
+];
diff --git a/examples/doc-viewer/app/zh-CN/devtools/css-modules/page.c b/examples/doc-viewer/app/zh-CN/devtools/css-modules/page.c
new file mode 100644
index 000000000..a439096ec
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/devtools/css-modules/page.c
@@ -0,0 +1,57 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_devtools_css_modules_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_devtools_css_modules_page_t;
+
+static void zh_cn_devtools_css_modules_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_devtools_css_modules_page_proto,
+                           sizeof(zh_cn_devtools_css_modules_page_t));
+
+        zh_cn_devtools_css_modules_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_devtools_css_modules_page_update(w);
+}
+
+static zh_cn_devtools_css_modules_page_t *zh_cn_devtools_css_modules_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_devtools_css_modules_page_proto);
+}
+
+static void zh_cn_devtools_css_modules_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_devtools_css_modules_page_react_destroy(w);
+}
+
+void zh_cn_devtools_css_modules_page_update(ui_widget_t *w)
+{
+        zh_cn_devtools_css_modules_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_devtools_css_modules_page(void)
+{
+        return ui_create_widget_with_prototype(
+            zh_cn_devtools_css_modules_page_proto);
+}
+
+void ui_register_zh_cn_devtools_css_modules_page(void)
+{
+        zh_cn_devtools_css_modules_page_init_prototype();
+        zh_cn_devtools_css_modules_page_proto->init =
+            zh_cn_devtools_css_modules_page_init;
+        zh_cn_devtools_css_modules_page_proto->destroy =
+            zh_cn_devtools_css_modules_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/devtools/css-modules/page.h b/examples/doc-viewer/app/zh-CN/devtools/css-modules/page.h
new file mode 100644
index 000000000..6329d19a6
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/devtools/css-modules/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_devtools_css_modules_page(void);
+
+ui_widget_t *ui_create_zh_cn_devtools_css_modules_page(void);
+
+void zh_cn_devtools_css_modules_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_devtools_css_modules_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/devtools/css-modules/page.tsx b/examples/doc-viewer/app/zh-CN/devtools/css-modules/page.tsx
new file mode 100644
index 000000000..8fefe658d
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/devtools/css-modules/page.tsx
@@ -0,0 +1,49 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function CssModulesDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>CSS Modules</h1>
+      <p className="doc-page-desc">{`CSS Modules 为 TSX 组件创建局部作用域的 CSS 类，避免命名冲突并提高可维护性。`}</p>
+      <Widget className="doc-section">
+        <h2>用法</h2>
+        <p>{`创建 [bgcolor=#eee] .module.css [/bgcolor] 后缀的文件：`}</p>
+        <Widget className="code-block" data-language="css" data-source="zh-CN/devtools/css-modules/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">MyComponent.module.css</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800].card[/color] {`}</Text>
+            <Text className="code-line">{`  border: [color=#0550ae]1px[/color] solid [color=#0550ae]#eee[/color];`}</Text>
+            <Text className="code-line">{`  border-radius: [color=#0550ae]4px[/color];`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`在 [bgcolor=#eee] .tsx [/bgcolor] 文件中导入：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/devtools/css-modules/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">MyComponent.tsx</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] styles [color=#cf222e]from[/color] [color=#0a3069]"./MyComponent.module.css"[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`在 JSX 中用 [bgcolor=#eee] styles [/bgcolor] 对象替代字符串类名：`}</p>
+        <Widget className="code-block" data-language="diff" data-source="zh-CN/devtools/css-modules/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">DIFF</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`- <Widget className="card" />`}</Text>
+            <Text className="code-line">{`+ <Widget className={styles.card} />`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`[bgcolor=#eee] @lcui/cli [/bgcolor] 编译时会将 [bgcolor=#eee] .module.css [/bgcolor] 转换为 C 标识符绑定，类名会自动生成唯一的 C 常量名，避免全局冲突。`}</p>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/devtools/icon-library/page.c b/examples/doc-viewer/app/zh-CN/devtools/icon-library/page.c
new file mode 100644
index 000000000..bd235f9f8
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/devtools/icon-library/page.c
@@ -0,0 +1,57 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_devtools_icon_library_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_devtools_icon_library_page_t;
+
+static void zh_cn_devtools_icon_library_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_devtools_icon_library_page_proto,
+                           sizeof(zh_cn_devtools_icon_library_page_t));
+
+        zh_cn_devtools_icon_library_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_devtools_icon_library_page_update(w);
+}
+
+static zh_cn_devtools_icon_library_page_t *zh_cn_devtools_icon_library_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_devtools_icon_library_page_proto);
+}
+
+static void zh_cn_devtools_icon_library_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_devtools_icon_library_page_react_destroy(w);
+}
+
+void zh_cn_devtools_icon_library_page_update(ui_widget_t *w)
+{
+        zh_cn_devtools_icon_library_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_devtools_icon_library_page(void)
+{
+        return ui_create_widget_with_prototype(
+            zh_cn_devtools_icon_library_page_proto);
+}
+
+void ui_register_zh_cn_devtools_icon_library_page(void)
+{
+        zh_cn_devtools_icon_library_page_init_prototype();
+        zh_cn_devtools_icon_library_page_proto->init =
+            zh_cn_devtools_icon_library_page_init;
+        zh_cn_devtools_icon_library_page_proto->destroy =
+            zh_cn_devtools_icon_library_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/devtools/icon-library/page.h b/examples/doc-viewer/app/zh-CN/devtools/icon-library/page.h
new file mode 100644
index 000000000..90d15ba98
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/devtools/icon-library/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_devtools_icon_library_page(void);
+
+ui_widget_t *ui_create_zh_cn_devtools_icon_library_page(void);
+
+void zh_cn_devtools_icon_library_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_devtools_icon_library_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/devtools/icon-library/page.tsx b/examples/doc-viewer/app/zh-CN/devtools/icon-library/page.tsx
new file mode 100644
index 000000000..93406113d
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/devtools/icon-library/page.tsx
@@ -0,0 +1,52 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function IconLibraryDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>图标库</h1>
+      <p className="doc-page-desc">{`[bgcolor=#eee] @lcui/fluent-icons [/bgcolor] 是专为 LCUI 适配的图标库，图标都来自 Microsoft 的 fluentui-system-icons 项目。`}</p>
+      <Widget className="doc-section">
+        <h2>安装</h2>
+        <Widget className="code-block" data-language="sh" data-source="zh-CN/devtools/icon-library/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install @lcui/fluent-icons`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>选取图标</h2>
+        <p>{`在 flicon.io 网站中搜索和选取图标。以放大图标为例，英文名通常是 Zoom In。`}</p>
+        <p>{`fluentui-system-icons 的图标有 16、20、24 等几种尺寸可选，命名方式是"图标名+尺寸+风格"。[bgcolor=#eee] @lcui/fluent-icons [/bgcolor] 的命名方式是"图标名+风格"，当风格为 Regular 时可以省略它。`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>用法</h2>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/devtools/icon-library/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]ZoomIn[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/fluent-icons"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#116329]<[color=#0550ae]ZoomIn[/color] />[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`默认尺寸是 20。如果图标尺寸固定且希望更好的渲染效果，可以指定 size 参数：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/devtools/icon-library/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]ZoomIn[/color] size={[color=#0550ae]32[/color]} />`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/devtools/sass/page.c b/examples/doc-viewer/app/zh-CN/devtools/sass/page.c
new file mode 100644
index 000000000..4de03df73
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/devtools/sass/page.c
@@ -0,0 +1,54 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_devtools_sass_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_devtools_sass_page_t;
+
+static void zh_cn_devtools_sass_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_devtools_sass_page_proto,
+                           sizeof(zh_cn_devtools_sass_page_t));
+
+        zh_cn_devtools_sass_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_devtools_sass_page_update(w);
+}
+
+static zh_cn_devtools_sass_page_t *zh_cn_devtools_sass_page_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_devtools_sass_page_proto);
+}
+
+static void zh_cn_devtools_sass_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_devtools_sass_page_react_destroy(w);
+}
+
+void zh_cn_devtools_sass_page_update(ui_widget_t *w)
+{
+        zh_cn_devtools_sass_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_devtools_sass_page(void)
+{
+        return ui_create_widget_with_prototype(zh_cn_devtools_sass_page_proto);
+}
+
+void ui_register_zh_cn_devtools_sass_page(void)
+{
+        zh_cn_devtools_sass_page_init_prototype();
+        zh_cn_devtools_sass_page_proto->init = zh_cn_devtools_sass_page_init;
+        zh_cn_devtools_sass_page_proto->destroy =
+            zh_cn_devtools_sass_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/devtools/sass/page.h b/examples/doc-viewer/app/zh-CN/devtools/sass/page.h
new file mode 100644
index 000000000..81461f7c6
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/devtools/sass/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_devtools_sass_page(void);
+
+ui_widget_t *ui_create_zh_cn_devtools_sass_page(void);
+
+void zh_cn_devtools_sass_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_devtools_sass_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/devtools/sass/page.tsx b/examples/doc-viewer/app/zh-CN/devtools/sass/page.tsx
new file mode 100644
index 000000000..9c1278aa8
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/devtools/sass/page.tsx
@@ -0,0 +1,26 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function SassDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Sass</h1>
+      <p className="doc-page-desc">{`Sass 是一个流行的 CSS 预处理器，通过变量、嵌套规则和混合元素等功能扩展 CSS。`}</p>
+      <Widget className="doc-section">
+        <h2>用法</h2>
+        <p>{`[bgcolor=#eee] @lcui/cli [/bgcolor] 已内置 Sass 预处理器，在编译 [bgcolor=#eee] .sass [/bgcolor] 和 [bgcolor=#eee] .scss [/bgcolor] 后缀的文件时会自动调用，无需额外安装或配置。`}</p>
+        <p>{`在 TSX 中直接导入 Sass 文件：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/devtools/sass/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">MyComponent.tsx</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] [color=#0a3069]"./MyComponent.scss"[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`CLI 会将 Sass 文件编译为 CSS，再转换为 C 代码在运行时加载。`}</p>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/devtools/tailwind-css/page.c b/examples/doc-viewer/app/zh-CN/devtools/tailwind-css/page.c
new file mode 100644
index 000000000..88cf899f0
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/devtools/tailwind-css/page.c
@@ -0,0 +1,57 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_devtools_tailwind_css_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_devtools_tailwind_css_page_t;
+
+static void zh_cn_devtools_tailwind_css_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_devtools_tailwind_css_page_proto,
+                           sizeof(zh_cn_devtools_tailwind_css_page_t));
+
+        zh_cn_devtools_tailwind_css_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_devtools_tailwind_css_page_update(w);
+}
+
+static zh_cn_devtools_tailwind_css_page_t *zh_cn_devtools_tailwind_css_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_devtools_tailwind_css_page_proto);
+}
+
+static void zh_cn_devtools_tailwind_css_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_devtools_tailwind_css_page_react_destroy(w);
+}
+
+void zh_cn_devtools_tailwind_css_page_update(ui_widget_t *w)
+{
+        zh_cn_devtools_tailwind_css_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_devtools_tailwind_css_page(void)
+{
+        return ui_create_widget_with_prototype(
+            zh_cn_devtools_tailwind_css_page_proto);
+}
+
+void ui_register_zh_cn_devtools_tailwind_css_page(void)
+{
+        zh_cn_devtools_tailwind_css_page_init_prototype();
+        zh_cn_devtools_tailwind_css_page_proto->init =
+            zh_cn_devtools_tailwind_css_page_init;
+        zh_cn_devtools_tailwind_css_page_proto->destroy =
+            zh_cn_devtools_tailwind_css_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/devtools/tailwind-css/page.h b/examples/doc-viewer/app/zh-CN/devtools/tailwind-css/page.h
new file mode 100644
index 000000000..ef2b1e6df
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/devtools/tailwind-css/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_devtools_tailwind_css_page(void);
+
+ui_widget_t *ui_create_zh_cn_devtools_tailwind_css_page(void);
+
+void zh_cn_devtools_tailwind_css_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_devtools_tailwind_css_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/devtools/tailwind-css/page.tsx b/examples/doc-viewer/app/zh-CN/devtools/tailwind-css/page.tsx
new file mode 100644
index 000000000..5715d68f7
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/devtools/tailwind-css/page.tsx
@@ -0,0 +1,51 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function TailwindCssDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Tailwind CSS</h1>
+      <p className="doc-page-desc">{`Tailwind CSS 是一个功能类优先（Utility-First）的 CSS 框架，通过预定义的 CSS 类帮助开发者快速设置样式。相比传统 CSS 编写方式，无需新建 CSS 文件、编写规则和思考类名。`}</p>
+      <Widget className="doc-section">
+        <h2>安装</h2>
+        <Widget className="code-block" data-language="sh" data-source="zh-CN/devtools/tailwind-css/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install -D tailwindcss postcss @thedutchcoder/postcss-rem-to-px`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>配置</h2>
+        <p>{`从 lcui-quick-start 模板项目复制以下文件到项目根目录：`}</p>
+        <ul>
+          <li><Text>{`[bgcolor=#eee] postcss.config.js [/bgcolor]`}</Text></li>
+          <li><Text>{`[bgcolor=#eee] tailwind.config.js [/bgcolor]`}</Text></li>
+          <li><Text>{`[bgcolor=#eee] app/global.css [/bgcolor]`}</Text></li>
+        </ul>
+        <p>{`[bgcolor=#eee] global.css [/bgcolor] 中包含 Tailwind 的指令：`}</p>
+        <Widget className="code-block" data-language="css" data-source="zh-CN/devtools/tailwind-css/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">app/global.css</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]@tailwind[/color] base;`}</Text>
+            <Text className="code-line">{`[color=#cf222e]@tailwind[/color] components;`}</Text>
+            <Text className="code-line">{`[color=#cf222e]@tailwind[/color] utilities;`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`[bgcolor=#eee] @lcui/cli [/bgcolor] 编译时会通过 PostCSS 链（postcss + tailwindcss + postcss-rem-to-px）处理 Tailwind 指令，生成最终的 CSS 输出。`}</p>
+        <Widget className="admonition admonition-tip">
+          <Text className="admonition-title">技巧</Text>
+          <Widget className="admonition-content">
+            <p>{`如果你不想将 global.css 放到 app 目录内，请更改 [bgcolor=#eee] tailwind.config.js [/bgcolor] 中 [bgcolor=#eee] content [/bgcolor] 配置项的路径匹配规则。`}</p>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/devtools/tsx-and-dev-tools/page.c b/examples/doc-viewer/app/zh-CN/devtools/tsx-and-dev-tools/page.c
new file mode 100644
index 000000000..4f6bc807c
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/devtools/tsx-and-dev-tools/page.c
@@ -0,0 +1,58 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_devtools_tsx_and_dev_tools_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_devtools_tsx_and_dev_tools_page_t;
+
+static void zh_cn_devtools_tsx_and_dev_tools_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_devtools_tsx_and_dev_tools_page_proto,
+                           sizeof(zh_cn_devtools_tsx_and_dev_tools_page_t));
+
+        zh_cn_devtools_tsx_and_dev_tools_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_devtools_tsx_and_dev_tools_page_update(w);
+}
+
+static zh_cn_devtools_tsx_and_dev_tools_page_t *
+zh_cn_devtools_tsx_and_dev_tools_page_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w,
+                                  zh_cn_devtools_tsx_and_dev_tools_page_proto);
+}
+
+static void zh_cn_devtools_tsx_and_dev_tools_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_devtools_tsx_and_dev_tools_page_react_destroy(w);
+}
+
+void zh_cn_devtools_tsx_and_dev_tools_page_update(ui_widget_t *w)
+{
+        zh_cn_devtools_tsx_and_dev_tools_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_devtools_tsx_and_dev_tools_page(void)
+{
+        return ui_create_widget_with_prototype(
+            zh_cn_devtools_tsx_and_dev_tools_page_proto);
+}
+
+void ui_register_zh_cn_devtools_tsx_and_dev_tools_page(void)
+{
+        zh_cn_devtools_tsx_and_dev_tools_page_init_prototype();
+        zh_cn_devtools_tsx_and_dev_tools_page_proto->init =
+            zh_cn_devtools_tsx_and_dev_tools_page_init;
+        zh_cn_devtools_tsx_and_dev_tools_page_proto->destroy =
+            zh_cn_devtools_tsx_and_dev_tools_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/devtools/tsx-and-dev-tools/page.h b/examples/doc-viewer/app/zh-CN/devtools/tsx-and-dev-tools/page.h
new file mode 100644
index 000000000..48c5ee665
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/devtools/tsx-and-dev-tools/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_devtools_tsx_and_dev_tools_page(void);
+
+ui_widget_t *ui_create_zh_cn_devtools_tsx_and_dev_tools_page(void);
+
+void zh_cn_devtools_tsx_and_dev_tools_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_devtools_tsx_and_dev_tools_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/devtools/tsx-and-dev-tools/page.tsx b/examples/doc-viewer/app/zh-CN/devtools/tsx-and-dev-tools/page.tsx
new file mode 100644
index 000000000..91e36fb5e
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/devtools/tsx-and-dev-tools/page.tsx
@@ -0,0 +1,260 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function TsxAndDevToolsDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>TSX 与开发工具</h1>
+      <p className="doc-page-desc">{`配合 [bgcolor=#eee] @lcui/cli [/bgcolor]，你可以用 TypeScript 搭配 JSX 语法编写声明式界面。CLI 会编译 TSX 为 C 代码，你无需手动编写部件树构建逻辑。`}</p>
+      <p>{`这样做的好处是：声明式编程方式使得状态绑定、事件绑定和资源引入更加简洁直观，在同一份文件中处理逻辑和视图可以减少上下文切换。`}</p>
+      <p>{`不过，[bgcolor=#eee] @lcui/react [/bgcolor] 目前功能有限，你只能声明组件的状态、数据绑定和事件绑定。对于条件渲染、列表渲染等复杂操作，你仍需要编写 C 代码。`}</p>
+      <Widget className="doc-section">
+        <h2>安装开发工具</h2>
+        <p>{`[bgcolor=#eee] @lcui/cli [/bgcolor] 是一个命令行工具，集成了 TypeScript 编译器、Sass 预处理器、资源文件加载器等功能。它依赖 Node.js 运行时环境：`}</p>
+        <Widget className="code-block" data-language="sh" data-source="zh-CN/devtools/tsx-and-dev-tools/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install -g @lcui/cli`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>预处理器工作原理</h2>
+        <p>{`LCUI 采用预处理器方案：TSX 文件只在预处理阶段执行，不会成为运行时代码。你可以理解为 TSX 文件是配置文件，其中的 TypeScript 代码都是预处理指令。`}</p>
+        <p>{`预处理器按文件后缀名匹配合适的加载器，解析 TSX 代码、收集依赖、执行组件函数，然后根据返回的 JSX 元素和 Hook 调用结果生成 C 源文件。`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>用法概览</h2>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/devtools/tsx-and-dev-tools/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">src/App.tsx</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { useState, [color=#8250df]TextInput[/color], [color=#8250df]Button[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]App[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] inputRef = { [color=#0550ae]current[/color]: { [color=#0550ae]value[/color]: [color=#0a3069]""[/color] } };`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] \\[name, setName] = [color=#8250df]useState[/color]([color=#0a3069]"LCUI"[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+            <Text className="code-line">{`    [color=#116329]<[color=#0550ae]Widget[/color] [color=#0550ae]className[/color]=[color=#0a3069]"container"[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]<[color=#0550ae]Widget[/color] [color=#0550ae]className[/color]=[color=#0a3069]"flex flex-col items-center pt-6"[/color]>[/color]`}</Text>
+            <Text className="code-line">{`        [color=#116329]<[color=#0550ae]Text[/color] [color=#0550ae]className[/color]=[color=#0a3069]"my-4 text-2xl text-center"[/color]>[/color]Hello, {name}![color=#116329]</[color=#0550ae]Text[/color]>[/color]`}</Text>
+            <Text className="code-line">{`        [color=#116329]<[color=#0550ae]TextInput[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          \$[color=#0550ae]ref[/color]=[color=#0a3069]{inputRef}[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          [color=#0550ae]className[/color]=[color=#0a3069]"mt-2"[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          [color=#0550ae]placeholder[/color]=[color=#0a3069]"Please input..."[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]        />[/color]`}</Text>
+            <Text className="code-line">{`        [color=#116329]<[color=#0550ae]Button[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          [color=#0550ae]className[/color]=[color=#0a3069]"mt-2"[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          [color=#0550ae]onClick[/color]=[color=#0a3069]{()[/color] =>[/color] setName(inputRef.current.value)}`}</Text>
+            <Text className="code-line">{`        >`}</Text>
+            <Text className="code-line">{`          Change`}</Text>
+            <Text className="code-line">{`        [color=#116329]</[color=#0550ae]Button[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]</[color=#0550ae]Widget[/color]>[/color]`}</Text>
+            <Text className="code-line">{`    [color=#116329]</[color=#0550ae]Widget[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  );`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>React 库</h2>
+        <p>{`[bgcolor=#eee] @lcui/react [/bgcolor] 是针对 LCUI 特性和预处理器工作模式的用户界面库，提供预置组件、工具函数和 Hook 函数。`}</p>
+        <p>{`安装方法：`}</p>
+        <Widget className="code-block" data-language="sh" data-source="zh-CN/devtools/tsx-and-dev-tools/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install @lcui/react`}</Text>
+          </Widget>
+        </Widget>
+        <h3>组件函数</h3>
+        <p>{`预处理器会执行组件函数，收集 [bgcolor=#eee] useState [/bgcolor]、[bgcolor=#eee] useRef [/bgcolor] 等产出的数据和返回的 JSX 元素，然后转换成 C 代码。`}</p>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <ul>
+              <li><Text>{`组件函数返回值必须是一个 JSX 元素，不能是 [bgcolor=#eee] <Fragment> [/bgcolor]、null、undefined、字符串、数字等对象。`}</Text></li>
+              <li><Text>{`暂不支持声明和传递组件 props 参数。`}</Text></li>
+            </ul>
+          </Widget>
+        </Widget>
+        <h3>状态管理</h3>
+        <p>{`[bgcolor=#eee] useState [/bgcolor] 为组件声明状态变量：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/devtools/tsx-and-dev-tools/3">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { useState } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]function[/color] [color=#8250df]MyComponent[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] \\[age, setAge] = [color=#8250df]useState[/color]([color=#0550ae]23[/color]);`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] \\[name, setName] = [color=#8250df]useState[/color]([color=#0a3069]"Taylor"[/color]);`}</Text>
+            <Text className="code-line">{`  [color=#6e7781]// ...[/color]`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`[bgcolor=#eee] useState [/bgcolor] 返回一个数组：`}</p>
+        <ul>
+          <li><Text>{`状态变量，初始值为你传给 [bgcolor=#eee] useState [/bgcolor] 的值。`}</Text></li>
+          <li><Text>{`set 函数，允许你在响应交互时更改状态变量。`}</Text></li>
+        </ul>
+        <p>{`[bgcolor=#eee] useState [/bgcolor] 会为组件的状态结构体添加成员，并在初始化函数中添加初始化代码：`}</p>
+        <Widget className="code-block" data-language="c" data-source="zh-CN/devtools/tsx-and-dev-tools/4">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#6e7781]/* 组件状态结构体 */[/color]`}</Text>
+            <Text className="code-line">{`[color=#cf222e]struct[/color] [color=#8250df]MyComponent_state[/color] {`}</Text>
+            <Text className="code-line">{`  [color=#953800]int[/color] age;`}</Text>
+            <Text className="code-line">{`  [color=#953800]char[/color] *name;`}</Text>
+            <Text className="code-line">{`};`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#6e7781]/* 组件初始化函数中的代码 */[/color]`}</Text>
+            <Text className="code-line">{`_that->state.age = [color=#0550ae]23[/color];`}</Text>
+            <Text className="code-line">{`_that->state.name = strdup2([color=#0a3069]"Taylor"[/color]);`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`状态的 set 函数会在当前作用域中插入 C 代码，例如 [bgcolor=#eee] setAge(30) [/bgcolor] 会生成 [bgcolor=#eee] _that->state.age = 30; [/bgcolor]。`}</p>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[bgcolor=#eee] useState [/bgcolor] 的参数只能是 string、number 类型。`}</p>
+          </Widget>
+        </Widget>
+        <h3>引用</h3>
+        <p>{`用 [bgcolor=#eee] \$ref [/bgcolor] 属性引用部件对象：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/devtools/tsx-and-dev-tools/5">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]TextInput[/color] \$ref=[color=#0a3069]"input"[/color] />`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`之后在 C 代码中操作它：`}</p>
+        <Widget className="code-block" data-language="c" data-source="zh-CN/devtools/tsx-and-dev-tools/6">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`ui_textinput_set_content(_that->refs.input, [color=#0a3069]"hello"[/color]);`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`[bgcolor=#eee] \$ref [/bgcolor] 的值也可以是 [bgcolor=#eee] useRef [/bgcolor] 返回的引用对象：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/devtools/tsx-and-dev-tools/7">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { useRef } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]function[/color] [color=#8250df]MyComponent[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] inputRef = [color=#8250df]useRef[/color]();`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] [color=#116329]<[color=#0550ae]TextInput[/color] \$[color=#0550ae]ref[/color]=[color=#0a3069]{inputRef}[/color] />[/color];`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`[bgcolor=#eee] useRef [/bgcolor] 目前只实现了 TextInput 的 value 属性读写绑定：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/devtools/tsx-and-dev-tools/8">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`inputRef.[color=#0550ae]current[/color].[color=#0550ae]value[/color] = [color=#0a3069]"World"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#116329]<[color=#0550ae]Button[/color] [color=#0550ae]onClick[/color]=[color=#0a3069]{()[/color] =>[/color] setName(inputRef.current.value)}>Click[color=#116329]</[color=#0550ae]Button[/color]>[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[bgcolor=#eee] @lcui/react [/bgcolor] 的 [bgcolor=#eee] useRef [/bgcolor] 和 React 的 [bgcolor=#eee] useRef [/bgcolor] 不同，仅用于引用部件对象。`}</p>
+          </Widget>
+        </Widget>
+        <h3>响应事件</h3>
+        <p>{`通过 [bgcolor=#eee] on + 事件名 [/bgcolor] 属性声明事件处理函数：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/devtools/tsx-and-dev-tools/9">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]Button[/color] onClick=[color=#0a3069]"handleClick"[/color]>点我</[color=#8250df]Button[/color]>`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`预处理器会生成 C 代码绑定事件：`}</p>
+        <Widget className="code-block" data-language="c" data-source="zh-CN/devtools/tsx-and-dev-tools/10">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`ui_widget_on(_that->refs.ref_0, [color=#0a3069]"click"[/color], handleClick, w);`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`也可以将 JavaScript 函数与事件绑定：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/devtools/tsx-and-dev-tools/11">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { useState, [color=#8250df]Text[/color], [color=#8250df]Button[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]Counter[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] \\[text, setText] = [color=#8250df]useState[/color]([color=#0a3069]"点我"[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`  [color=#cf222e]function[/color] [color=#8250df]handleClick[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`    [color=#8250df]setText[/color]([color=#0a3069]"你已点击"[/color]);`}</Text>
+            <Text className="code-line">{`  }`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+            <Text className="code-line">{`    [color=#116329]<[color=#0550ae]Button[/color] [color=#0550ae]onClick[/color]=[color=#0a3069]{handleClick}[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      {text}`}</Text>
+            <Text className="code-line">{`    [color=#116329]</[color=#0550ae]Button[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  );`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`预处理器会根据事件处理函数内部的代码执行结果，为其生成 C 语言版本的事件处理函数。`}</p>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`暂时只支持在事件处理函数中执行状态变量的 set 函数，不支持访问事件对象，不支持执行其它语句。`}</p>
+          </Widget>
+        </Widget>
+        <h3>条件渲染</h3>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`暂不支持。 我们正考虑使用 [bgcolor=#eee] <Show> [/bgcolor] 组件实现条件渲染，参考 Solid.js 的 [bgcolor=#eee] <Show> [/bgcolor]。`}</p>
+          </Widget>
+        </Widget>
+        <h3>渲染列表</h3>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`暂不支持。 我们正考虑使用 [bgcolor=#eee] <For> [/bgcolor] 组件实现数组遍历，参考 Solid.js 的 [bgcolor=#eee] <For> [/bgcolor]。`}</p>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/handbook/composition/page.c b/examples/doc-viewer/app/zh-CN/handbook/composition/page.c
new file mode 100644
index 000000000..e01e528c5
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/composition/page.c
@@ -0,0 +1,56 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_handbook_composition_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_handbook_composition_page_t;
+
+static void zh_cn_handbook_composition_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_handbook_composition_page_proto,
+                           sizeof(zh_cn_handbook_composition_page_t));
+        zh_cn_handbook_composition_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_handbook_composition_page_update(w);
+}
+
+static zh_cn_handbook_composition_page_t *zh_cn_handbook_composition_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_handbook_composition_page_proto);
+}
+
+static void zh_cn_handbook_composition_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_handbook_composition_page_react_destroy(w);
+}
+
+void zh_cn_handbook_composition_page_update(ui_widget_t *w)
+{
+        zh_cn_handbook_composition_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_handbook_composition_page(void)
+{
+        return ui_create_widget_with_prototype(
+            zh_cn_handbook_composition_page_proto);
+}
+
+void ui_register_zh_cn_handbook_composition_page(void)
+{
+        zh_cn_handbook_composition_page_init_prototype();
+        zh_cn_handbook_composition_page_proto->init =
+            zh_cn_handbook_composition_page_init;
+        zh_cn_handbook_composition_page_proto->destroy =
+            zh_cn_handbook_composition_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/handbook/composition/page.h b/examples/doc-viewer/app/zh-CN/handbook/composition/page.h
new file mode 100644
index 000000000..17a2bd801
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/composition/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_handbook_composition_page(void);
+
+ui_widget_t *ui_create_zh_cn_handbook_composition_page(void);
+
+void zh_cn_handbook_composition_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_handbook_composition_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/handbook/composition/page.tsx b/examples/doc-viewer/app/zh-CN/handbook/composition/page.tsx
new file mode 100644
index 000000000..ab81e8cfd
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/composition/page.tsx
@@ -0,0 +1,213 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function CompositionDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>组合</h1>
+      <p className="doc-page-desc">{`构建复杂界面意味着把多个部件组合成层级结构。LCUI 提供三种常见方式来完成这件事：在 C 中构建部件层级、用 XML 组合界面、用 TSX 组合组件。`}</p>
+      <Widget className="doc-section">
+        <h2>在 C 中构建部件层级</h2>
+        <p>{`使用 [bgcolor=#eee] ui_widget_append() [/bgcolor] 嵌套部件：`}</p>
+        <Widget className="code-block" data-language="c" data-source="zh-CN/handbook/composition/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">main.c</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]ui_widget_t[/color] *root = ui_root();`}</Text>
+            <Text className="code-line">{`[color=#953800]ui_widget_t[/color] *container = ui_create_widget([color=#0550ae]NULL[/color]);`}</Text>
+            <Text className="code-line">{`[color=#953800]ui_widget_t[/color] *title = ui_create_widget([color=#0a3069]"text"[/color]);`}</Text>
+            <Text className="code-line">{`[color=#953800]ui_widget_t[/color] *btn = ui_create_widget([color=#0a3069]"button"[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`ui_text_set_content(title, [color=#0a3069]"My App"[/color]);`}</Text>
+            <Text className="code-line">{`ui_button_set_text(btn, [color=#0a3069]"Click me"[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`ui_widget_append(container, title);`}</Text>
+            <Text className="code-line">{`ui_widget_append(container, btn);`}</Text>
+            <Text className="code-line">{`ui_widget_append(root, container);`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`容器部件（[bgcolor=#eee] container [/bgcolor]）是普通的未命名部件（[bgcolor=#eee] ui_create_widget(NULL) [/bgcolor] 创建），它的作用就是把多个子部件组合成一组。`}</p>
+        <Widget className="admonition admonition-tip">
+          <Text className="admonition-title">技巧</Text>
+          <Widget className="admonition-content">
+            <p>{`LCUI 没有原生的 [bgcolor=#eee] h1 [/bgcolor] / [bgcolor=#eee] p [/bgcolor] 等语义标签。如果你在用 [bgcolor=#eee] @lcui/cli [/bgcolor] 的编译流程，可以用注册别名的方式添加文本原型的语义组件（见下方 语义标签）。`}</p>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>使用 XML 组合界面</h2>
+        <p>{`用 XML 直接描述整个部件树：`}</p>
+        <Widget className="code-block" data-language="xml" data-source="zh-CN/handbook/composition/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">app/ui.xml</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#6e7781]<?xml version=[color=#0a3069]"1.0"[/color] encoding=[color=#0a3069]"UTF-8"[/color]?>[/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]<[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  [color=#116329]<[color=#0550ae]ui[/color]>[/color]`}</Text>
+            <Text className="code-line">{`    [color=#116329]<[color=#0550ae]widget[/color] [color=#0550ae]style[/color]=[color=#0a3069]"display: flex; flex-direction: column; padding: 16px;"[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]<[color=#0550ae]text[/color] [color=#0550ae]style[/color]=[color=#0a3069]"font-size: 24px; font-weight: bold;"[/color]>[/color]My App[color=#116329]</[color=#0550ae]text[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]<[color=#0550ae]button[/color] [color=#0550ae]id[/color]=[color=#0a3069]"action-btn"[/color]>[/color]Click me[color=#116329]</[color=#0550ae]button[/color]>[/color]`}</Text>
+            <Text className="code-line">{`    [color=#116329]</[color=#0550ae]widget[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  [color=#116329]</[color=#0550ae]ui[/color]>[/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]</[color=#0550ae]lcui-app[/color]>[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`在 C 代码里加载并绑定事件：`}</p>
+        <Widget className="code-block" data-language="c" data-source="zh-CN/handbook/composition/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">src/main.c</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]on_action_click[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w, [color=#953800]ui_event_t[/color] *e, [color=#953800]void[/color] *arg)[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        ui_text_set_content(([color=#953800]ui_widget_t[/color] *)arg, [color=#0a3069]"按钮被点击！"[/color]);`}</Text>
+            <Text className="code-line">{`}`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *root, *btn, *title;`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`        lcui_init();`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`        root = ui_load_xml_file([color=#0a3069]"ui.xml"[/color]);`}</Text>
+            <Text className="code-line">{`        ui_widget_append(ui_root(), root);`}</Text>
+            <Text className="code-line">{`        ui_widget_unwrap(root);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`        btn = ui_get_widget([color=#0a3069]"action-btn"[/color]);`}</Text>
+            <Text className="code-line">{`        title = ui_get_widget([color=#0a3069]"title"[/color]);`}</Text>
+            <Text className="code-line">{`        [color=#cf222e]if[/color] (btn) {`}</Text>
+            <Text className="code-line">{`                ui_widget_on(btn, [color=#0a3069]"click"[/color], on_action_click, title);`}</Text>
+            <Text className="code-line">{`        }`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>使用 TSX 组合组件</h2>
+        <p>{`配合 [bgcolor=#eee] @lcui/cli [/bgcolor]，你可以用 TSX 编写可复用组件：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/composition/3">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">components/Card.tsx</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Button[/color], [color=#8250df]Text[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]function[/color] [color=#8250df]Card[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+            <Text className="code-line">{`    [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]style[/color]=[color=#0a3069]{{[/color] [color=#0550ae]border:[/color] "[color=#0550ae]1px[/color] [color=#0550ae]solid[/color] #[color=#0550ae]ccc[/color]", [color=#0550ae]padding:[/color] [color=#0550ae]16[/color], [color=#0550ae]borderRadius:[/color] [color=#0550ae]4[/color] }}>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]<[color=#0550ae]Text[/color] [color=#0550ae]style[/color]=[color=#0a3069]{{[/color] [color=#0550ae]fontWeight:[/color] "[color=#0550ae]bold[/color]", [color=#0550ae]fontSize:[/color] [color=#0550ae]18[/color] }}>[/color]标题[color=#116329]</[color=#0550ae]Text[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]<[color=#0550ae]Button[/color]>[/color]开始使用[color=#116329]</[color=#0550ae]Button[/color]>[/color]`}</Text>
+            <Text className="code-line">{`    [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  );`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`在应用中使用：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/composition/4">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">src/App.tsx</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Card[/color] } [color=#cf222e]from[/color] [color=#0a3069]"./components/Card"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]App[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] [color=#116329]<[color=#0550ae]Card[/color] />[/color];`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>事件处理</h2>
+        <p>{`部件之间通常通过事件通信。使用 [bgcolor=#eee] ui_widget_on() [/bgcolor] 绑定处理函数：`}</p>
+        <Widget className="code-block" data-language="c" data-source="zh-CN/handbook/composition/5">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">main.c</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]on_button_click[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w, [color=#953800]ui_event_t[/color] *e, [color=#953800]void[/color] *arg)[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *label = arg;`}</Text>
+            <Text className="code-line">{`        ui_text_set_content(label, [color=#0a3069]"按钮已被点击！"[/color]);`}</Text>
+            <Text className="code-line">{`}`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]ui_widget_t[/color] *btn = ui_create_widget([color=#0a3069]"button"[/color]);`}</Text>
+            <Text className="code-line">{`[color=#953800]ui_widget_t[/color] *label = ui_create_widget([color=#0a3069]"text"[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`ui_button_set_text(btn, [color=#0a3069]"Click me"[/color]);`}</Text>
+            <Text className="code-line">{`ui_widget_on(btn, [color=#0a3069]"click"[/color], on_button_click, label);`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`事件处理函数签名固定为 [bgcolor=#eee] (ui_widget_t *w, ui_event_t *e, void *arg) [/bgcolor]：`}</p>
+        <ul>
+          <li><Text>{`[b][bgcolor=#eee] w [/bgcolor][/b] — 触发事件的部件。`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] e [/bgcolor][/b] — 事件对象，包含事件类型和附带数据。`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] arg [/bgcolor][/b] — 绑定事件时传入的自定义上下文（通常指向另一个部件或状态结构）。`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>语义标签</h2>
+        <p>{`LCUI 默认的部件原型只有 [bgcolor=#eee] text [/bgcolor]、[bgcolor=#eee] button [/bgcolor]、[bgcolor=#eee] textinput [/bgcolor]、[bgcolor=#eee] scrollarea [/bgcolor] 等。[bgcolor=#eee] h1 [/bgcolor] / [bgcolor=#eee] h2 [/bgcolor] / [bgcolor=#eee] p [/bgcolor] 这些语义标签需要自行注册为 [bgcolor=#eee] text [/bgcolor] 的别名：`}</p>
+        <Widget className="code-block" data-language="c" data-source="zh-CN/handbook/composition/6">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">src/main.c</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]const[/color] [color=#953800]char[/color] *aliases\\[] = { [color=#0a3069]"h1"[/color], [color=#0a3069]"h2"[/color], [color=#0a3069]"h3"[/color], [color=#0a3069]"h4"[/color], [color=#0a3069]"h5"[/color], [color=#0a3069]"h6"[/color], [color=#0a3069]"p"[/color], [color=#0550ae]NULL[/color] };`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]register_semantic_tags[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        [color=#cf222e]for[/color] ([color=#953800]const[/color] [color=#953800]char[/color] **n = aliases; *n; ++n) {`}</Text>
+            <Text className="code-line">{`                ui_create_widget_prototype(*n, [color=#0a3069]"text"[/color]);`}</Text>
+            <Text className="code-line">{`        }`}</Text>
+            <Text className="code-line">{`}`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        lcui_init();`}</Text>
+            <Text className="code-line">{`        register_semantic_tags();`}</Text>
+            <Text className="code-line">{`        [color=#6e7781]/* ... 之后再实例化 h1 / p 等部件 */[/color]`}</Text>
+            <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`注册完成后就可以在 XML 或 TSX 里像写 HTML 那样使用语义标签：`}</p>
+        <Widget className="code-block" data-language="xml" data-source="zh-CN/handbook/composition/7">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">XML</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#116329]<[color=#0550ae]h1[/color]>[/color]页面标题[color=#116329]</[color=#0550ae]h1[/color]>[/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]<[color=#0550ae]p[/color]>[/color]正文段落[color=#116329]</[color=#0550ae]p[/color]>[/color]`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>注意事项</h2>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[b]混合文本与元素不被支持。[/b] LCUI 的部件树里，一个部件要么是纯文本（[bgcolor=#eee] <text> [/bgcolor]），要么全是子部件。不能在同一个部件内混用"一段文本"和"一个嵌套的 [bgcolor=#eee] <button> [/bgcolor]"。需要内联强调/代码等样式时，用 LCUI 的文本标签语法（如 [bgcolor=#eee] [b]bold[/b] [/bgcolor]、[bgcolor=#eee] [color=#336]text[/color] [/bgcolor]）。`}</p>
+          </Widget>
+        </Widget>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[b][bgcolor=#eee] ui_load_xml_file() [/bgcolor] 返回的是包裹节点。[/b] 返回的根部件包含 XML 中 [bgcolor=#eee] <ui> [/bgcolor] 节点下声明的所有子部件，你需要用 [bgcolor=#eee] ui_widget_unwrap() [/bgcolor] 把内部子部件展开到目标容器中。`}</p>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/handbook/css-modules/page.c b/examples/doc-viewer/app/zh-CN/handbook/css-modules/page.c
new file mode 100644
index 000000000..77d39f22b
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/css-modules/page.c
@@ -0,0 +1,57 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_handbook_css_modules_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_handbook_css_modules_page_t;
+
+static void zh_cn_handbook_css_modules_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_handbook_css_modules_page_proto,
+                           sizeof(zh_cn_handbook_css_modules_page_t));
+
+        zh_cn_handbook_css_modules_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_handbook_css_modules_page_update(w);
+}
+
+static zh_cn_handbook_css_modules_page_t *zh_cn_handbook_css_modules_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_handbook_css_modules_page_proto);
+}
+
+static void zh_cn_handbook_css_modules_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_handbook_css_modules_page_react_destroy(w);
+}
+
+void zh_cn_handbook_css_modules_page_update(ui_widget_t *w)
+{
+        zh_cn_handbook_css_modules_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_handbook_css_modules_page(void)
+{
+        return ui_create_widget_with_prototype(
+            zh_cn_handbook_css_modules_page_proto);
+}
+
+void ui_register_zh_cn_handbook_css_modules_page(void)
+{
+        zh_cn_handbook_css_modules_page_init_prototype();
+        zh_cn_handbook_css_modules_page_proto->init =
+            zh_cn_handbook_css_modules_page_init;
+        zh_cn_handbook_css_modules_page_proto->destroy =
+            zh_cn_handbook_css_modules_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/handbook/css-modules/page.h b/examples/doc-viewer/app/zh-CN/handbook/css-modules/page.h
new file mode 100644
index 000000000..004c8c802
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/css-modules/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_handbook_css_modules_page(void);
+
+ui_widget_t *ui_create_zh_cn_handbook_css_modules_page(void);
+
+void zh_cn_handbook_css_modules_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_handbook_css_modules_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/handbook/css-modules/page.tsx b/examples/doc-viewer/app/zh-CN/handbook/css-modules/page.tsx
new file mode 100644
index 000000000..87233f84b
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/css-modules/page.tsx
@@ -0,0 +1,49 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function CssModulesDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>CSS Modules</h1>
+      <p className="doc-page-desc">{`CSS Modules 为 TSX 组件创建局部作用域的 CSS 类，避免命名冲突并提高可维护性。`}</p>
+      <Widget className="doc-section">
+        <h2>用法</h2>
+        <p>{`创建 [bgcolor=#eee] .module.css [/bgcolor] 后缀的文件：`}</p>
+        <Widget className="code-block" data-language="css" data-source="zh-CN/handbook/css-modules/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">MyComponent.module.css</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800].card[/color] {`}</Text>
+            <Text className="code-line">{`  border: [color=#0550ae]1px[/color] solid [color=#0550ae]#eee[/color];`}</Text>
+            <Text className="code-line">{`  border-radius: [color=#0550ae]4px[/color];`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`在 [bgcolor=#eee] .tsx [/bgcolor] 文件中导入：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/css-modules/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">MyComponent.tsx</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] styles [color=#cf222e]from[/color] [color=#0a3069]"./MyComponent.module.css"[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`在 JSX 中用 [bgcolor=#eee] styles [/bgcolor] 对象替代字符串类名：`}</p>
+        <Widget className="code-block" data-language="diff" data-source="zh-CN/handbook/css-modules/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">DIFF</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`- <Widget className="card" />`}</Text>
+            <Text className="code-line">{`+ <Widget className={styles.card} />`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`[bgcolor=#eee] @lcui/cli [/bgcolor] 编译时会将 [bgcolor=#eee] .module.css [/bgcolor] 转换为 C 标识符绑定，类名会自动生成唯一的 C 常量名，避免全局冲突。`}</p>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/handbook/customization/page.c b/examples/doc-viewer/app/zh-CN/handbook/customization/page.c
new file mode 100644
index 000000000..8060e3b2b
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/customization/page.c
@@ -0,0 +1,56 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_handbook_customization_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_handbook_customization_page_t;
+
+static void zh_cn_handbook_customization_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_handbook_customization_page_proto,
+                           sizeof(zh_cn_handbook_customization_page_t));
+        zh_cn_handbook_customization_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_handbook_customization_page_update(w);
+}
+
+static zh_cn_handbook_customization_page_t *
+zh_cn_handbook_customization_page_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_handbook_customization_page_proto);
+}
+
+static void zh_cn_handbook_customization_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_handbook_customization_page_react_destroy(w);
+}
+
+void zh_cn_handbook_customization_page_update(ui_widget_t *w)
+{
+        zh_cn_handbook_customization_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_handbook_customization_page(void)
+{
+        return ui_create_widget_with_prototype(
+            zh_cn_handbook_customization_page_proto);
+}
+
+void ui_register_zh_cn_handbook_customization_page(void)
+{
+        zh_cn_handbook_customization_page_init_prototype();
+        zh_cn_handbook_customization_page_proto->init =
+            zh_cn_handbook_customization_page_init;
+        zh_cn_handbook_customization_page_proto->destroy =
+            zh_cn_handbook_customization_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/handbook/customization/page.h b/examples/doc-viewer/app/zh-CN/handbook/customization/page.h
new file mode 100644
index 000000000..d9052cc5e
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/customization/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_handbook_customization_page(void);
+
+ui_widget_t *ui_create_zh_cn_handbook_customization_page(void);
+
+void zh_cn_handbook_customization_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_handbook_customization_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/handbook/customization/page.tsx b/examples/doc-viewer/app/zh-CN/handbook/customization/page.tsx
new file mode 100644
index 000000000..ad6e6c5c1
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/customization/page.tsx
@@ -0,0 +1,173 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function CustomizationDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>自定义</h1>
+      <p className="doc-page-desc">{`你可以创建全新的部件类型，也可以在现有部件基础上进行扩展。`}</p>
+      <Widget className="doc-section">
+        <h2>创建自定义部件</h2>
+        <p>{`使用 [bgcolor=#eee] ui_create_widget_prototype() [/bgcolor] 注册新的部件类型：`}</p>
+        <Widget className="code-block" data-language="c" data-source="zh-CN/handbook/customization/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">src/counter.c</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#6e7781]#[color=#cf222e]include[/color] [color=#0a3069]<LCUI.h>[/color][/color]`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]typedef[/color] [color=#cf222e]struct[/color] {`}</Text>
+            <Text className="code-line">{`        [color=#953800]int[/color] value;`}</Text>
+            <Text className="code-line">{`} [color=#953800]counter_data_t[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]ui_widget_prototype_t[/color] *counter_proto;`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]counter_init[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w)[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        [color=#953800]counter_data_t[/color] *data;`}</Text>
+            <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *text;`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`        data = ui_widget_add_data(w, counter_proto, [color=#cf222e]sizeof[/color]([color=#953800]counter_data_t[/color]));`}</Text>
+            <Text className="code-line">{`        data->value = [color=#0550ae]0[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`        text = ui_create_widget([color=#0a3069]"text"[/color]);`}</Text>
+            <Text className="code-line">{`        ui_text_set_content(text, [color=#0a3069]"0"[/color]);`}</Text>
+            <Text className="code-line">{`        ui_widget_append(w, text);`}</Text>
+            <Text className="code-line">{`}`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]counter_destroy[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w)[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        [color=#6e7781]/* 释放自有资源（如有） */[/color]`}</Text>
+            <Text className="code-line">{`}`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]register_counter_widget[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        counter_proto = ui_create_widget_prototype([color=#0a3069]"counter"[/color], [color=#0550ae]NULL[/color]);`}</Text>
+            <Text className="code-line">{`        counter_proto->init = counter_init;`}</Text>
+            <Text className="code-line">{`        counter_proto->destroy = counter_destroy;`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`使用这个自定义部件：`}</p>
+        <Widget className="code-block" data-language="c" data-source="zh-CN/handbook/customization/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">src/main.c</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]extern[/color] [color=#953800]void[/color] [color=#8250df]register_counter_widget[/color][color=#0550ae]([color=#953800]void[/color])[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]int[/color] [color=#8250df]main[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        [color=#953800]ui_widget_t[/color] *counter;`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`        lcui_init();`}</Text>
+            <Text className="code-line">{`        register_counter_widget();`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`        counter = ui_create_widget([color=#0a3069]"counter"[/color]);`}</Text>
+            <Text className="code-line">{`        ui_widget_append(ui_root(), counter);`}</Text>
+            <Text className="code-line">{`        [color=#cf222e]return[/color] lcui_main();`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>扩展现有部件</h2>
+        <p>{`把父类型名作为 [bgcolor=#eee] ui_create_widget_prototype() [/bgcolor] 的第二个参数传入：`}</p>
+        <Widget className="code-block" data-language="c" data-source="zh-CN/handbook/customization/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">src/icon_button.c</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]ui_widget_prototype_t[/color] *icon_button_proto;`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]icon_button_init[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w)[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        [color=#6e7781]/* 调用父类（button）的初始化逻辑 */[/color]`}</Text>
+            <Text className="code-line">{`        icon_button_proto->proto->init(w);`}</Text>
+            <Text className="code-line">{`        ui_widget_add_class(w, [color=#0a3069]"icon-button"[/color]);`}</Text>
+            <Text className="code-line">{`}`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]void[/color] [color=#8250df]register_icon_button[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        icon_button_proto =`}</Text>
+            <Text className="code-line">{`            ui_create_widget_prototype([color=#0a3069]"icon-button"[/color], [color=#0a3069]"button"[/color]);`}</Text>
+            <Text className="code-line">{`        icon_button_proto->init = icon_button_init;`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[b]父类的 [bgcolor=#eee] init [/bgcolor] 必须手动调用。[/b] LCUI 在创建子类型部件时不会自动调用父类型的 [bgcolor=#eee] init [/bgcolor]。如果你忘记调用 [bgcolor=#eee] proto->proto->init(w) [/bgcolor]，部件会缺少父类型的基础行为（例如 [bgcolor=#eee] button [/bgcolor] 不会注册点击事件、不会设置默认样式）。`}</p>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>部件生命周期</h2>
+        <p>{`[bgcolor=#eee] ui_widget_prototype_t [/bgcolor] 上有多个回调钩子，覆盖部件的各个生命周期阶段：`}</p>
+        <ul>
+          <li><Text>{`[b][bgcolor=#eee] init [/bgcolor][/b] — 部件创建时。负责初始化自有数据、子部件、事件绑定。`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] destroy [/bgcolor][/b] — 部件销毁时。负责释放自有内存、解绑事件。`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] update [/bgcolor][/b] — 部件需要更新时，接收 [bgcolor=#eee] ui_task_type_t [/bgcolor] 参数标识更新类型（样式更新、属性更新等）。LCUI 内部在每帧更新循环中调用此钩子。`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] setattr [/bgcolor][/b] — 设置 XML 属性时（用于响应属性变更）。`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] settext [/bgcolor][/b] — 设置文本内容时。`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] sizehint [/bgcolor][/b] — 估算部件在无外部约束时的自然尺寸约束（最小/最大内容尺寸）。布局引擎在计算子部件尺寸时会参考此结果。`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] resize [/bgcolor][/b] — 部件尺寸变化时。接收新的内容区域宽高作为参数。`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] paint [/bgcolor][/b] — 部件需要重绘时。用于自定义绘制逻辑。`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>自定义绘制</h2>
+        <p>{`可以重写 [bgcolor=#eee] paint [/bgcolor] 回调，在部件上绘制自定义图形：`}</p>
+        <Widget className="code-block" data-language="c" data-source="zh-CN/handbook/customization/3">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">src/my_widget.c</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]my_widget_paint[/color][color=#0550ae]([color=#953800]ui_widget_t[/color] *w, [color=#953800]pd_context_t[/color] *paint_ctx,[/color]`}</Text>
+            <Text className="code-line">{`[color=#0550ae]                              [color=#953800]ui_widget_actual_style_t[/color] *style)[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        [color=#953800]pd_canvas_t[/color] *canvas = paint_ctx->canvas;`}</Text>
+            <Text className="code-line">{`        [color=#953800]pd_color_t[/color] color = pd_color_from_rgb([color=#0550ae]255[/color], [color=#0550ae]0[/color], [color=#0550ae]0[/color]);`}</Text>
+            <Text className="code-line">{`        [color=#953800]pd_rect_t[/color] rect = { style->left, style->top, w->width, w->height };`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`        pd_canvas_fill_rect(canvas, color, rect);`}</Text>
+            <Text className="code-line">{`}`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]static[/color] [color=#953800]void[/color] [color=#8250df]register_my_widget[/color][color=#0550ae]([color=#953800]void[/color])[/color]`}</Text>
+            <Text className="code-line">{`{`}</Text>
+            <Text className="code-line">{`        [color=#953800]ui_widget_prototype_t[/color] *proto =`}</Text>
+            <Text className="code-line">{`            ui_create_widget_prototype([color=#0a3069]"my-widget"[/color], [color=#0550ae]NULL[/color]);`}</Text>
+            <Text className="code-line">{`        proto->paint = my_widget_paint;`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[b][bgcolor=#eee] paint [/bgcolor] 只负责绘制。[/b] 部件尺寸估算由 [bgcolor=#eee] sizehint [/bgcolor] 处理；不要在 [bgcolor=#eee] paint [/bgcolor] 里修改部件尺寸或子部件树，否则可能触发无限循环。`}</p>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>注意事项</h2>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[b][bgcolor=#eee] destroy [/bgcolor] 回调要释放自有资源。[/b] 如果自定义部件在 [bgcolor=#eee] init [/bgcolor] 里分配了内存、打开了文件、订阅了系统事件（如 [bgcolor=#eee] lcui_settings_on_deserialize [/bgcolor]），必须在 [bgcolor=#eee] destroy [/bgcolor] 里做对称释放。`}</p>
+          </Widget>
+        </Widget>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[b]自定义部件必须在 [bgcolor=#eee] lcui_init() [/bgcolor] 之后、首次实例化之前注册。[/b] 在 [bgcolor=#eee] main() [/bgcolor] 开头立即调用你的 [bgcolor=#eee] register_xxx() [/bgcolor] 函数是最稳妥的位置，可以确保所有使用方（XML 加载、路由实例化、TSX 编译结果）都能看到原型。`}</p>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/handbook/icon-library/page.c b/examples/doc-viewer/app/zh-CN/handbook/icon-library/page.c
new file mode 100644
index 000000000..71ffddb17
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/icon-library/page.c
@@ -0,0 +1,57 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_handbook_icon_library_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_handbook_icon_library_page_t;
+
+static void zh_cn_handbook_icon_library_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_handbook_icon_library_page_proto,
+                           sizeof(zh_cn_handbook_icon_library_page_t));
+
+        zh_cn_handbook_icon_library_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_handbook_icon_library_page_update(w);
+}
+
+static zh_cn_handbook_icon_library_page_t *zh_cn_handbook_icon_library_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_handbook_icon_library_page_proto);
+}
+
+static void zh_cn_handbook_icon_library_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_handbook_icon_library_page_react_destroy(w);
+}
+
+void zh_cn_handbook_icon_library_page_update(ui_widget_t *w)
+{
+        zh_cn_handbook_icon_library_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_handbook_icon_library_page(void)
+{
+        return ui_create_widget_with_prototype(
+            zh_cn_handbook_icon_library_page_proto);
+}
+
+void ui_register_zh_cn_handbook_icon_library_page(void)
+{
+        zh_cn_handbook_icon_library_page_init_prototype();
+        zh_cn_handbook_icon_library_page_proto->init =
+            zh_cn_handbook_icon_library_page_init;
+        zh_cn_handbook_icon_library_page_proto->destroy =
+            zh_cn_handbook_icon_library_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/handbook/icon-library/page.h b/examples/doc-viewer/app/zh-CN/handbook/icon-library/page.h
new file mode 100644
index 000000000..d66bdd291
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/icon-library/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_handbook_icon_library_page(void);
+
+ui_widget_t *ui_create_zh_cn_handbook_icon_library_page(void);
+
+void zh_cn_handbook_icon_library_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_handbook_icon_library_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/handbook/icon-library/page.tsx b/examples/doc-viewer/app/zh-CN/handbook/icon-library/page.tsx
new file mode 100644
index 000000000..47461cd29
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/icon-library/page.tsx
@@ -0,0 +1,52 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function IconLibraryDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>图标库</h1>
+      <p className="doc-page-desc">{`[bgcolor=#eee] @lcui/fluent-icons [/bgcolor] 是专为 LCUI 适配的图标库，图标都来自 Microsoft 的 fluentui-system-icons 项目。`}</p>
+      <Widget className="doc-section">
+        <h2>安装</h2>
+        <Widget className="code-block" data-language="sh" data-source="zh-CN/handbook/icon-library/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install @lcui/fluent-icons`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>选取图标</h2>
+        <p>{`在 flicon.io 网站中搜索和选取图标。以放大图标为例，英文名通常是 Zoom In。`}</p>
+        <p>{`fluentui-system-icons 的图标有 16、20、24 等几种尺寸可选，命名方式是"图标名+尺寸+风格"。[bgcolor=#eee] @lcui/fluent-icons [/bgcolor] 的命名方式是"图标名+风格"，当风格为 Regular 时可以省略它。`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>用法</h2>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/icon-library/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]ZoomIn[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/fluent-icons"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#116329]<[color=#0550ae]ZoomIn[/color] />[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`默认尺寸是 20。如果图标尺寸固定且希望更好的渲染效果，可以指定 size 参数：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/icon-library/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]ZoomIn[/color] size={[color=#0550ae]32[/color]} />`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/handbook/sass/page.c b/examples/doc-viewer/app/zh-CN/handbook/sass/page.c
new file mode 100644
index 000000000..d6ad75a3a
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/sass/page.c
@@ -0,0 +1,54 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_handbook_sass_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_handbook_sass_page_t;
+
+static void zh_cn_handbook_sass_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_handbook_sass_page_proto,
+                           sizeof(zh_cn_handbook_sass_page_t));
+
+        zh_cn_handbook_sass_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_handbook_sass_page_update(w);
+}
+
+static zh_cn_handbook_sass_page_t *zh_cn_handbook_sass_page_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_handbook_sass_page_proto);
+}
+
+static void zh_cn_handbook_sass_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_handbook_sass_page_react_destroy(w);
+}
+
+void zh_cn_handbook_sass_page_update(ui_widget_t *w)
+{
+        zh_cn_handbook_sass_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_handbook_sass_page(void)
+{
+        return ui_create_widget_with_prototype(zh_cn_handbook_sass_page_proto);
+}
+
+void ui_register_zh_cn_handbook_sass_page(void)
+{
+        zh_cn_handbook_sass_page_init_prototype();
+        zh_cn_handbook_sass_page_proto->init = zh_cn_handbook_sass_page_init;
+        zh_cn_handbook_sass_page_proto->destroy =
+            zh_cn_handbook_sass_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/handbook/sass/page.h b/examples/doc-viewer/app/zh-CN/handbook/sass/page.h
new file mode 100644
index 000000000..5f6f05281
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/sass/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_handbook_sass_page(void);
+
+ui_widget_t *ui_create_zh_cn_handbook_sass_page(void);
+
+void zh_cn_handbook_sass_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_handbook_sass_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/handbook/sass/page.tsx b/examples/doc-viewer/app/zh-CN/handbook/sass/page.tsx
new file mode 100644
index 000000000..75c0c3268
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/sass/page.tsx
@@ -0,0 +1,26 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function SassDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Sass</h1>
+      <p className="doc-page-desc">{`Sass 是一个流行的 CSS 预处理器，通过变量、嵌套规则和混合元素等功能扩展 CSS。`}</p>
+      <Widget className="doc-section">
+        <h2>用法</h2>
+        <p>{`[bgcolor=#eee] @lcui/cli [/bgcolor] 已内置 Sass 预处理器，在编译 [bgcolor=#eee] .sass [/bgcolor] 和 [bgcolor=#eee] .scss [/bgcolor] 后缀的文件时会自动调用，无需额外安装或配置。`}</p>
+        <p>{`在 TSX 中直接导入 Sass 文件：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/sass/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">MyComponent.tsx</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] [color=#0a3069]"./MyComponent.scss"[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`CLI 会将 Sass 文件编译为 CSS，再转换为 C 代码在运行时加载。`}</p>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/handbook/styling/page.c b/examples/doc-viewer/app/zh-CN/handbook/styling/page.c
new file mode 100644
index 000000000..a9c677c77
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/styling/page.c
@@ -0,0 +1,56 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_handbook_styling_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_handbook_styling_page_t;
+
+static void zh_cn_handbook_styling_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_handbook_styling_page_proto,
+                           sizeof(zh_cn_handbook_styling_page_t));
+        zh_cn_handbook_styling_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_handbook_styling_page_update(w);
+}
+
+static zh_cn_handbook_styling_page_t *zh_cn_handbook_styling_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_handbook_styling_page_proto);
+}
+
+static void zh_cn_handbook_styling_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_handbook_styling_page_react_destroy(w);
+}
+
+void zh_cn_handbook_styling_page_update(ui_widget_t *w)
+{
+        zh_cn_handbook_styling_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_handbook_styling_page(void)
+{
+        return ui_create_widget_with_prototype(
+            zh_cn_handbook_styling_page_proto);
+}
+
+void ui_register_zh_cn_handbook_styling_page(void)
+{
+        zh_cn_handbook_styling_page_init_prototype();
+        zh_cn_handbook_styling_page_proto->init =
+            zh_cn_handbook_styling_page_init;
+        zh_cn_handbook_styling_page_proto->destroy =
+            zh_cn_handbook_styling_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/handbook/styling/page.h b/examples/doc-viewer/app/zh-CN/handbook/styling/page.h
new file mode 100644
index 000000000..5fd8ba489
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/styling/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_handbook_styling_page(void);
+
+ui_widget_t *ui_create_zh_cn_handbook_styling_page(void);
+
+void zh_cn_handbook_styling_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_handbook_styling_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/handbook/styling/page.tsx b/examples/doc-viewer/app/zh-CN/handbook/styling/page.tsx
new file mode 100644
index 000000000..dc06101cf
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/styling/page.tsx
@@ -0,0 +1,183 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function StylingDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>样式</h1>
+      <p className="doc-page-desc">{`用 CSS 给部件设置颜色、边框、内外边距、尺寸和布局。`}</p>
+      <Widget className="doc-section">
+        <h2>设置方式</h2>
+        <h3>内联样式</h3>
+        <p>{`用 [bgcolor=#eee] ui_widget_set_style_string() [/bgcolor] 直接设置单个 CSS 属性：`}</p>
+        <Widget className="code-block" data-language="c" data-source="zh-CN/handbook/styling/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">main.c</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800]ui_widget_t[/color] *w = ui_create_widget([color=#0a3069]"text"[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`ui_widget_set_style_string(w, [color=#0a3069]"color"[/color], [color=#0a3069]"#336699"[/color]);`}</Text>
+            <Text className="code-line">{`ui_widget_set_style_string(w, [color=#0a3069]"font-size"[/color], [color=#0a3069]"20px"[/color]);`}</Text>
+            <Text className="code-line">{`ui_widget_set_style_string(w, [color=#0a3069]"padding"[/color], [color=#0a3069]"8px 16px"[/color]);`}</Text>
+          </Widget>
+        </Widget>
+        <h3>CSS 类选择器</h3>
+        <p>{`用 [bgcolor=#eee] ui_load_css_string() [/bgcolor] 或 [bgcolor=#eee] ui_load_css_file() [/bgcolor] 加载 CSS 规则，再用 [bgcolor=#eee] ui_widget_add_class() [/bgcolor] 给部件加类名使其生效：`}</p>
+        <Widget className="code-block" data-language="c" data-source="zh-CN/handbook/styling/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">main.c</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`ui_load_css_file([color=#0a3069]"styles.css"[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#953800]ui_widget_t[/color] *w = ui_create_widget([color=#0a3069]"text"[/color]);`}</Text>
+            <Text className="code-line">{`ui_widget_add_class(w, [color=#0a3069]"title"[/color]);`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block" data-language="css" data-source="zh-CN/handbook/styling/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">app/styles.css</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800].title[/color] {`}</Text>
+            <Text className="code-line">{`  font-size: [color=#0550ae]24px[/color];`}</Text>
+            <Text className="code-line">{`  font-weight: bold;`}</Text>
+            <Text className="code-line">{`  margin-bottom: [color=#0550ae]16px[/color];`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`也可以用 [bgcolor=#eee] ui_load_css_string() [/bgcolor] 从字符串加载 CSS 规则，第二个参数是来源标识，用于调试定位冲突规则：`}</p>
+        <Widget className="code-block" data-language="c" data-source="zh-CN/handbook/styling/3">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">main.c</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`ui_load_css_string([color=#0a3069]".title { font-size: 24px; }"[/color], [color=#0a3069]"app.css"[/color]);`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>支持的 CSS 特性</h2>
+        <p>{`LCUI 的 CSS 引擎实现了 Web 标准的一个子集。本节列出所有已支持的特性和它们支持的值；[b]未列出的特性默认不支持[/b]。`}</p>
+        <h3>At Rules</h3>
+        <ul>
+          <li><Text>{`[b][bgcolor=#eee] @font-face [/bgcolor][/b] — 加载外部字体`}</Text></li>
+        </ul>
+        <h3>选择器</h3>
+        <ul>
+          <li><Text>{`[bgcolor=#eee] * [/bgcolor]（通配符）、[bgcolor=#eee] type [/bgcolor]、[bgcolor=#eee] #id [/bgcolor]、[bgcolor=#eee] .class [/bgcolor]`}</Text></li>
+          <li><Text>{`伪类 [bgcolor=#eee] :hover [/bgcolor]、[bgcolor=#eee] :focus [/bgcolor]、[bgcolor=#eee] :active [/bgcolor]、[bgcolor=#eee] :first-child [/bgcolor]、[bgcolor=#eee] :last-child [/bgcolor]`}</Text></li>
+          <li><Text>{`不支持 [bgcolor=#eee] !important [/bgcolor]`}</Text></li>
+        </ul>
+        <h3>单位</h3>
+        <ul>
+          <li><Text>{`[bgcolor=#eee] px [/bgcolor]、[bgcolor=#eee] dp [/bgcolor]、[bgcolor=#eee] sp [/bgcolor]、[bgcolor=#eee] pt [/bgcolor]、[bgcolor=#eee] % [/bgcolor]`}</Text></li>
+        </ul>
+        <h3>属性</h3>
+        <h4>布局</h4>
+        <ul>
+          <li><Text>{`[b][bgcolor=#eee] display [/bgcolor][/b] — [bgcolor=#eee] none [/bgcolor]、[bgcolor=#eee] inline-block [/bgcolor]、[bgcolor=#eee] block [/bgcolor]、[bgcolor=#eee] flex [/bgcolor]、[bgcolor=#eee] inline-flex [/bgcolor]、[bgcolor=#eee] table [/bgcolor]、[bgcolor=#eee] inline-table [/bgcolor]、[bgcolor=#eee] table-row [/bgcolor]、[bgcolor=#eee] table-cell [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] position [/bgcolor][/b] — [bgcolor=#eee] static [/bgcolor]、[bgcolor=#eee] relative [/bgcolor]、[bgcolor=#eee] absolute [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] top [/bgcolor] / [bgcolor=#eee] right [/bgcolor] / [bgcolor=#eee] bottom [/bgcolor] / [bgcolor=#eee] left [/bgcolor][/b] — [bgcolor=#eee] <length> [/bgcolor] 或 [bgcolor=#eee] <percentage> [/bgcolor] 或 [bgcolor=#eee] auto [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] z-index [/bgcolor][/b] — [bgcolor=#eee] auto [/bgcolor] 或整数`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] box-sizing [/bgcolor][/b] — [bgcolor=#eee] content-box [/bgcolor]、[bgcolor=#eee] border-box [/bgcolor]`}</Text></li>
+        </ul>
+        <h4>盒模型</h4>
+        <ul>
+          <li><Text>{`[b][bgcolor=#eee] width [/bgcolor] / [bgcolor=#eee] height [/bgcolor][/b] — [bgcolor=#eee] <length> [/bgcolor]、[bgcolor=#eee] <percentage> [/bgcolor]、[bgcolor=#eee] auto [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] min-width [/bgcolor] / [bgcolor=#eee] max-width [/bgcolor] / [bgcolor=#eee] min-height [/bgcolor] / [bgcolor=#eee] max-height [/bgcolor][/b] — 同上`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] padding [/bgcolor][/b] — 简写，1-4 个 [bgcolor=#eee] <length> [/bgcolor] 值（如 [bgcolor=#eee] 8px [/bgcolor]、[bgcolor=#eee] 4px 8px [/bgcolor]、[bgcolor=#eee] 4px 8px 12px [/bgcolor]、[bgcolor=#eee] 4px 8px 12px 16px [/bgcolor]）`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] padding-top [/bgcolor] / [bgcolor=#eee] padding-right [/bgcolor] / [bgcolor=#eee] padding-bottom [/bgcolor] / [bgcolor=#eee] padding-left [/bgcolor][/b] — 长边属性`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] margin [/bgcolor][/b] — 简写，同 padding`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] margin-top [/bgcolor] / [bgcolor=#eee] margin-right [/bgcolor] / [bgcolor=#eee] margin-bottom [/bgcolor] / [bgcolor=#eee] margin-left [/bgcolor][/b]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] border [/bgcolor][/b] — 简写 [bgcolor=#eee] 1px solid #ccc [/bgcolor]（width + style + color）`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] border-color [/bgcolor] / [bgcolor=#eee] border-width [/bgcolor] / [bgcolor=#eee] border-style [/bgcolor] / [bgcolor=#eee] border-radius [/bgcolor][/b] — 同 padding 语法的多值简写`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] border-top [/bgcolor] / [bgcolor=#eee] border-right [/bgcolor] / [bgcolor=#eee] border-bottom [/bgcolor] / [bgcolor=#eee] border-left [/bgcolor][/b] — 单边简写`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] border-top-color [/bgcolor] / [bgcolor=#eee] border-right-color [/bgcolor] / [bgcolor=#eee] border-bottom-color [/bgcolor] / [bgcolor=#eee] border-left-color [/bgcolor][/b]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] border-top-width [/bgcolor] / [bgcolor=#eee] border-right-width [/bgcolor] / [bgcolor=#eee] border-bottom-width [/bgcolor] / [bgcolor=#eee] border-left-width [/bgcolor][/b]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] border-top-style [/bgcolor] / [bgcolor=#eee] border-right-style [/bgcolor] / [bgcolor=#eee] border-bottom-style [/bgcolor] / [bgcolor=#eee] border-left-style [/bgcolor][/b]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] border-top-left-radius [/bgcolor] / [bgcolor=#eee] border-top-right-radius [/bgcolor] / [bgcolor=#eee] border-bottom-left-radius [/bgcolor] / [bgcolor=#eee] border-bottom-right-radius [/bgcolor][/b]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] border-style [/bgcolor] 可取值[/b] — [bgcolor=#eee] none [/bgcolor]、[bgcolor=#eee] solid [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] table-layout [/bgcolor][/b] — [bgcolor=#eee] auto [/bgcolor]、[bgcolor=#eee] fixed [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] border-spacing [/bgcolor][/b] — [bgcolor=#eee] <length>{1,2} [/bgcolor]`}</Text></li>
+        </ul>
+        <h4>背景</h4>
+        <ul>
+          <li><Text>{`[b][bgcolor=#eee] background [/bgcolor][/b] — 简写形式 [bgcolor=#eee] bg-image || bg-position || bg-size || repeat-style || color [/bgcolor]（仅单图层）`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] background-color [/bgcolor][/b] — [bgcolor=#eee] <color> [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] background-image [/bgcolor][/b] — [bgcolor=#eee] none [/bgcolor] 或 [bgcolor=#eee] <url> [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] background-position [/bgcolor][/b] — x y 两个值`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] background-position-x [/bgcolor] / [bgcolor=#eee] background-position-y [/bgcolor][/b]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] background-repeat [/bgcolor][/b] — [bgcolor=#eee] <repeat-style> [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] background-size [/bgcolor][/b] — [bgcolor=#eee] <bg-size> [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] background-clip [/bgcolor][/b] — [bgcolor=#eee] border-box [/bgcolor]、[bgcolor=#eee] padding-box [/bgcolor]、[bgcolor=#eee] content-box [/bgcolor]`}</Text></li>
+        </ul>
+        <h4>Flexbox 布局</h4>
+        <ul>
+          <li><Text>{`[b][bgcolor=#eee] flex [/bgcolor][/b] — 简写（[bgcolor=#eee] flex-grow [/bgcolor] + [bgcolor=#eee] flex-shrink [/bgcolor] + [bgcolor=#eee] flex-basis [/bgcolor]）`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] flex-shrink [/bgcolor] / [bgcolor=#eee] flex-grow [/bgcolor] / [bgcolor=#eee] flex-basis [/bgcolor][/b]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] flex-wrap [/bgcolor][/b] — [bgcolor=#eee] nowrap [/bgcolor]、[bgcolor=#eee] wrap [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] flex-direction [/bgcolor][/b] — [bgcolor=#eee] row [/bgcolor]、[bgcolor=#eee] column [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] justify-content [/bgcolor][/b] — [bgcolor=#eee] flex-start [/bgcolor]、[bgcolor=#eee] center [/bgcolor]、[bgcolor=#eee] flex-end [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] align-items [/bgcolor][/b] — [bgcolor=#eee] flex-start [/bgcolor]、[bgcolor=#eee] center [/bgcolor]、[bgcolor=#eee] flex-end [/bgcolor]、[bgcolor=#eee] stretch [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] align-content [/bgcolor][/b] — 同 justify-content 加 [bgcolor=#eee] space-between [/bgcolor]、[bgcolor=#eee] space-around [/bgcolor]、[bgcolor=#eee] space-evenly [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] gap [/bgcolor][/b] — 简写，同时设 row-gap + column-gap`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] row-gap [/bgcolor] / [bgcolor=#eee] column-gap [/bgcolor][/b] — [bgcolor=#eee] normal [/bgcolor] 或 [bgcolor=#eee] <length-percentage> [/bgcolor]`}</Text></li>
+        </ul>
+        <h4>排版</h4>
+        <ul>
+          <li><Text>{`[b][bgcolor=#eee] font-face [/bgcolor][/b] — （通过 [bgcolor=#eee] @font-face [/bgcolor] 规则加载字体）`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] font-family [/bgcolor][/b] — [bgcolor=#eee] <font-family> [/bgcolor]（建议用内置别名如 [bgcolor=#eee] monospace [/bgcolor]）`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] font-size [/bgcolor][/b] — [bgcolor=#eee] <length> [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] font-style [/bgcolor][/b] — [bgcolor=#eee] normal [/bgcolor]、[bgcolor=#eee] italic [/bgcolor]、[bgcolor=#eee] oblique [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] font-weight [/bgcolor][/b] — [bgcolor=#eee] normal [/bgcolor]、[bgcolor=#eee] bold [/bgcolor]、[bgcolor=#eee] <number> [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] text-align [/bgcolor][/b] — [bgcolor=#eee] left [/bgcolor]、[bgcolor=#eee] center [/bgcolor]、[bgcolor=#eee] right [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] line-height [/bgcolor][/b] — [bgcolor=#eee] normal [/bgcolor] 或 [bgcolor=#eee] <length> [/bgcolor] 或 [bgcolor=#eee] <number> [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] color [/bgcolor][/b] — [bgcolor=#eee] <color> [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] white-space [/bgcolor][/b] — [bgcolor=#eee] normal [/bgcolor]、[bgcolor=#eee] nowrap [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] word-break [/bgcolor][/b] — [bgcolor=#eee] normal [/bgcolor]、[bgcolor=#eee] break-all [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] content [/bgcolor][/b] — [bgcolor=#eee] <string> [/bgcolor] 或 [bgcolor=#eee] none [/bgcolor]`}</Text></li>
+        </ul>
+        <h4>其他</h4>
+        <ul>
+          <li><Text>{`[b][bgcolor=#eee] opacity [/bgcolor][/b] — [bgcolor=#eee] <number> [/bgcolor] 或 [bgcolor=#eee] <percentage> [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] visibility [/bgcolor][/b] — [bgcolor=#eee] visible [/bgcolor]、[bgcolor=#eee] hidden [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] pointer-events [/bgcolor][/b] — [bgcolor=#eee] auto [/bgcolor]、[bgcolor=#eee] none [/bgcolor]`}</Text></li>
+          <li><Text>{`[b][bgcolor=#eee] box-shadow [/bgcolor][/b] — [bgcolor=#eee] none [/bgcolor] 或 [bgcolor=#eee] <shadow> [/bgcolor]（格式 [bgcolor=#eee] <length>{2,4} && <color>? [/bgcolor]）`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>注意事项</h2>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[b][bgcolor=#eee] white-space: pre [/bgcolor] 无效。[/b] LCUI 的 [bgcolor=#eee] white-space [/bgcolor] 仅实现 [bgcolor=#eee] normal [/bgcolor] 和 [bgcolor=#eee] nowrap [/bgcolor]。如需保留源代码前导缩进，把空格换成 U+00A0 (NBSP)。`}</p>
+          </Widget>
+        </Widget>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[b][bgcolor=#eee] overflow [/bgcolor] 不裁切内容。[/b] 要裁切或滚动子内容，改用 [bgcolor=#eee] scrollarea [/bgcolor] 内置部件。`}</p>
+          </Widget>
+        </Widget>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[b][bgcolor=#eee] background [/bgcolor] 简写不支持多图层。[/b] 写 [bgcolor=#eee] background: url(a.png) no-repeat, url(b.png) center; [/bgcolor] 这种多背景语法不会生效。请拆成 [bgcolor=#eee] background-image [/bgcolor] / [bgcolor=#eee] background-position [/bgcolor] 等分属性逐个设置。`}</p>
+          </Widget>
+        </Widget>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[b]CSS 不支持继承。[/b] 像 [bgcolor=#eee] color [/bgcolor]、[bgcolor=#eee] font-family [/bgcolor]、[bgcolor=#eee] font-size [/bgcolor] 不会从父部件流向子部件。每个 [bgcolor=#eee] text [/bgcolor] / [bgcolor=#eee] button [/bgcolor] 等需要文本显示的部件都必须显式设置这些属性。`}</p>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/handbook/tailwind-css/page.c b/examples/doc-viewer/app/zh-CN/handbook/tailwind-css/page.c
new file mode 100644
index 000000000..29ec87d96
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/tailwind-css/page.c
@@ -0,0 +1,57 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_handbook_tailwind_css_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_handbook_tailwind_css_page_t;
+
+static void zh_cn_handbook_tailwind_css_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_handbook_tailwind_css_page_proto,
+                           sizeof(zh_cn_handbook_tailwind_css_page_t));
+
+        zh_cn_handbook_tailwind_css_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_handbook_tailwind_css_page_update(w);
+}
+
+static zh_cn_handbook_tailwind_css_page_t *zh_cn_handbook_tailwind_css_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_handbook_tailwind_css_page_proto);
+}
+
+static void zh_cn_handbook_tailwind_css_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_handbook_tailwind_css_page_react_destroy(w);
+}
+
+void zh_cn_handbook_tailwind_css_page_update(ui_widget_t *w)
+{
+        zh_cn_handbook_tailwind_css_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_handbook_tailwind_css_page(void)
+{
+        return ui_create_widget_with_prototype(
+            zh_cn_handbook_tailwind_css_page_proto);
+}
+
+void ui_register_zh_cn_handbook_tailwind_css_page(void)
+{
+        zh_cn_handbook_tailwind_css_page_init_prototype();
+        zh_cn_handbook_tailwind_css_page_proto->init =
+            zh_cn_handbook_tailwind_css_page_init;
+        zh_cn_handbook_tailwind_css_page_proto->destroy =
+            zh_cn_handbook_tailwind_css_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/handbook/tailwind-css/page.h b/examples/doc-viewer/app/zh-CN/handbook/tailwind-css/page.h
new file mode 100644
index 000000000..6a45d91da
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/tailwind-css/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_handbook_tailwind_css_page(void);
+
+ui_widget_t *ui_create_zh_cn_handbook_tailwind_css_page(void);
+
+void zh_cn_handbook_tailwind_css_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_handbook_tailwind_css_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/handbook/tailwind-css/page.tsx b/examples/doc-viewer/app/zh-CN/handbook/tailwind-css/page.tsx
new file mode 100644
index 000000000..99e2baebe
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/tailwind-css/page.tsx
@@ -0,0 +1,51 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function TailwindCssDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Tailwind CSS</h1>
+      <p className="doc-page-desc">{`Tailwind CSS 是一个功能类优先（Utility-First）的 CSS 框架，通过预定义的 CSS 类帮助开发者快速设置样式。相比传统 CSS 编写方式，无需新建 CSS 文件、编写规则和思考类名。`}</p>
+      <Widget className="doc-section">
+        <h2>安装</h2>
+        <Widget className="code-block" data-language="sh" data-source="zh-CN/handbook/tailwind-css/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install -D tailwindcss postcss @thedutchcoder/postcss-rem-to-px`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>配置</h2>
+        <p>{`从 lcui-quick-start 模板项目复制以下文件到项目根目录：`}</p>
+        <ul>
+          <li><Text>{`[bgcolor=#eee] postcss.config.js [/bgcolor]`}</Text></li>
+          <li><Text>{`[bgcolor=#eee] tailwind.config.js [/bgcolor]`}</Text></li>
+          <li><Text>{`[bgcolor=#eee] app/global.css [/bgcolor]`}</Text></li>
+        </ul>
+        <p>{`[bgcolor=#eee] global.css [/bgcolor] 中包含 Tailwind 的指令：`}</p>
+        <Widget className="code-block" data-language="css" data-source="zh-CN/handbook/tailwind-css/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">app/global.css</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]@tailwind[/color] base;`}</Text>
+            <Text className="code-line">{`[color=#cf222e]@tailwind[/color] components;`}</Text>
+            <Text className="code-line">{`[color=#cf222e]@tailwind[/color] utilities;`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`[bgcolor=#eee] @lcui/cli [/bgcolor] 编译时会通过 PostCSS 链（postcss + tailwindcss + postcss-rem-to-px）处理 Tailwind 指令，生成最终的 CSS 输出。`}</p>
+        <Widget className="admonition admonition-tip">
+          <Text className="admonition-title">技巧</Text>
+          <Widget className="admonition-content">
+            <p>{`如果你不想将 global.css 放到 app 目录内，请更改 [bgcolor=#eee] tailwind.config.js [/bgcolor] 中 [bgcolor=#eee] content [/bgcolor] 配置项的路径匹配规则。`}</p>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/handbook/tsx-and-dev-tools/page.c b/examples/doc-viewer/app/zh-CN/handbook/tsx-and-dev-tools/page.c
new file mode 100644
index 000000000..623a4fa16
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/tsx-and-dev-tools/page.c
@@ -0,0 +1,58 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_handbook_tsx_and_dev_tools_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_handbook_tsx_and_dev_tools_page_t;
+
+static void zh_cn_handbook_tsx_and_dev_tools_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_handbook_tsx_and_dev_tools_page_proto,
+                           sizeof(zh_cn_handbook_tsx_and_dev_tools_page_t));
+
+        zh_cn_handbook_tsx_and_dev_tools_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_handbook_tsx_and_dev_tools_page_update(w);
+}
+
+static zh_cn_handbook_tsx_and_dev_tools_page_t *
+zh_cn_handbook_tsx_and_dev_tools_page_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w,
+                                  zh_cn_handbook_tsx_and_dev_tools_page_proto);
+}
+
+static void zh_cn_handbook_tsx_and_dev_tools_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_handbook_tsx_and_dev_tools_page_react_destroy(w);
+}
+
+void zh_cn_handbook_tsx_and_dev_tools_page_update(ui_widget_t *w)
+{
+        zh_cn_handbook_tsx_and_dev_tools_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_handbook_tsx_and_dev_tools_page(void)
+{
+        return ui_create_widget_with_prototype(
+            zh_cn_handbook_tsx_and_dev_tools_page_proto);
+}
+
+void ui_register_zh_cn_handbook_tsx_and_dev_tools_page(void)
+{
+        zh_cn_handbook_tsx_and_dev_tools_page_init_prototype();
+        zh_cn_handbook_tsx_and_dev_tools_page_proto->init =
+            zh_cn_handbook_tsx_and_dev_tools_page_init;
+        zh_cn_handbook_tsx_and_dev_tools_page_proto->destroy =
+            zh_cn_handbook_tsx_and_dev_tools_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/handbook/tsx-and-dev-tools/page.h b/examples/doc-viewer/app/zh-CN/handbook/tsx-and-dev-tools/page.h
new file mode 100644
index 000000000..b2d3eab67
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/tsx-and-dev-tools/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_handbook_tsx_and_dev_tools_page(void);
+
+ui_widget_t *ui_create_zh_cn_handbook_tsx_and_dev_tools_page(void);
+
+void zh_cn_handbook_tsx_and_dev_tools_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_handbook_tsx_and_dev_tools_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/handbook/tsx-and-dev-tools/page.tsx b/examples/doc-viewer/app/zh-CN/handbook/tsx-and-dev-tools/page.tsx
new file mode 100644
index 000000000..98c6aab8d
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/tsx-and-dev-tools/page.tsx
@@ -0,0 +1,260 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function TsxAndDevToolsDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>TSX 与开发工具</h1>
+      <p className="doc-page-desc">{`配合 [bgcolor=#eee] @lcui/cli [/bgcolor]，你可以用 TypeScript 搭配 JSX 语法编写声明式界面。CLI 会编译 TSX 为 C 代码，你无需手动编写部件树构建逻辑。`}</p>
+      <p>{`这样做的好处是：声明式编程方式使得状态绑定、事件绑定和资源引入更加简洁直观，在同一份文件中处理逻辑和视图可以减少上下文切换。`}</p>
+      <p>{`不过，[bgcolor=#eee] @lcui/react [/bgcolor] 目前功能有限，你只能声明组件的状态、数据绑定和事件绑定。对于条件渲染、列表渲染等复杂操作，你仍需要编写 C 代码。`}</p>
+      <Widget className="doc-section">
+        <h2>安装开发工具</h2>
+        <p>{`[bgcolor=#eee] @lcui/cli [/bgcolor] 是一个命令行工具，集成了 TypeScript 编译器、Sass 预处理器、资源文件加载器等功能。它依赖 Node.js 运行时环境：`}</p>
+        <Widget className="code-block" data-language="sh" data-source="zh-CN/handbook/tsx-and-dev-tools/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install -g @lcui/cli`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>预处理器工作原理</h2>
+        <p>{`LCUI 采用预处理器方案：TSX 文件只在预处理阶段执行，不会成为运行时代码。你可以理解为 TSX 文件是配置文件，其中的 TypeScript 代码都是预处理指令。`}</p>
+        <p>{`预处理器按文件后缀名匹配合适的加载器，解析 TSX 代码、收集依赖、执行组件函数，然后根据返回的 JSX 元素和 Hook 调用结果生成 C 源文件。`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>用法概览</h2>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/tsx-and-dev-tools/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">src/App.tsx</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { useState, [color=#8250df]TextInput[/color], [color=#8250df]Button[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]App[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] inputRef = { [color=#0550ae]current[/color]: { [color=#0550ae]value[/color]: [color=#0a3069]""[/color] } };`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] \\[name, setName] = [color=#8250df]useState[/color]([color=#0a3069]"LCUI"[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+            <Text className="code-line">{`    [color=#116329]<[color=#0550ae]Widget[/color] [color=#0550ae]className[/color]=[color=#0a3069]"container"[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]<[color=#0550ae]Widget[/color] [color=#0550ae]className[/color]=[color=#0a3069]"flex flex-col items-center pt-6"[/color]>[/color]`}</Text>
+            <Text className="code-line">{`        [color=#116329]<[color=#0550ae]Text[/color] [color=#0550ae]className[/color]=[color=#0a3069]"my-4 text-2xl text-center"[/color]>[/color]Hello, {name}![color=#116329]</[color=#0550ae]Text[/color]>[/color]`}</Text>
+            <Text className="code-line">{`        [color=#116329]<[color=#0550ae]TextInput[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          \$[color=#0550ae]ref[/color]=[color=#0a3069]{inputRef}[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          [color=#0550ae]className[/color]=[color=#0a3069]"mt-2"[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          [color=#0550ae]placeholder[/color]=[color=#0a3069]"Please input..."[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]        />[/color]`}</Text>
+            <Text className="code-line">{`        [color=#116329]<[color=#0550ae]Button[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          [color=#0550ae]className[/color]=[color=#0a3069]"mt-2"[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          [color=#0550ae]onClick[/color]=[color=#0a3069]{()[/color] =>[/color] setName(inputRef.current.value)}`}</Text>
+            <Text className="code-line">{`        >`}</Text>
+            <Text className="code-line">{`          Change`}</Text>
+            <Text className="code-line">{`        [color=#116329]</[color=#0550ae]Button[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]</[color=#0550ae]Widget[/color]>[/color]`}</Text>
+            <Text className="code-line">{`    [color=#116329]</[color=#0550ae]Widget[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  );`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>React 库</h2>
+        <p>{`[bgcolor=#eee] @lcui/react [/bgcolor] 是针对 LCUI 特性和预处理器工作模式的用户界面库，提供预置组件、工具函数和 Hook 函数。`}</p>
+        <p>{`安装方法：`}</p>
+        <Widget className="code-block" data-language="sh" data-source="zh-CN/handbook/tsx-and-dev-tools/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install @lcui/react`}</Text>
+          </Widget>
+        </Widget>
+        <h3>组件函数</h3>
+        <p>{`预处理器会执行组件函数，收集 [bgcolor=#eee] useState [/bgcolor]、[bgcolor=#eee] useRef [/bgcolor] 等产出的数据和返回的 JSX 元素，然后转换成 C 代码。`}</p>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <ul>
+              <li><Text>{`组件函数返回值必须是一个 JSX 元素，不能是 [bgcolor=#eee] <Fragment> [/bgcolor]、null、undefined、字符串、数字等对象。`}</Text></li>
+              <li><Text>{`暂不支持声明和传递组件 props 参数。`}</Text></li>
+            </ul>
+          </Widget>
+        </Widget>
+        <h3>状态管理</h3>
+        <p>{`[bgcolor=#eee] useState [/bgcolor] 为组件声明状态变量：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/tsx-and-dev-tools/3">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { useState } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]function[/color] [color=#8250df]MyComponent[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] \\[age, setAge] = [color=#8250df]useState[/color]([color=#0550ae]23[/color]);`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] \\[name, setName] = [color=#8250df]useState[/color]([color=#0a3069]"Taylor"[/color]);`}</Text>
+            <Text className="code-line">{`  [color=#6e7781]// ...[/color]`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`[bgcolor=#eee] useState [/bgcolor] 返回一个数组：`}</p>
+        <ul>
+          <li><Text>{`状态变量，初始值为你传给 [bgcolor=#eee] useState [/bgcolor] 的值。`}</Text></li>
+          <li><Text>{`set 函数，允许你在响应交互时更改状态变量。`}</Text></li>
+        </ul>
+        <p>{`[bgcolor=#eee] useState [/bgcolor] 会为组件的状态结构体添加成员，并在初始化函数中添加初始化代码：`}</p>
+        <Widget className="code-block" data-language="c" data-source="zh-CN/handbook/tsx-and-dev-tools/4">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#6e7781]/* 组件状态结构体 */[/color]`}</Text>
+            <Text className="code-line">{`[color=#cf222e]struct[/color] [color=#8250df]MyComponent_state[/color] {`}</Text>
+            <Text className="code-line">{`  [color=#953800]int[/color] age;`}</Text>
+            <Text className="code-line">{`  [color=#953800]char[/color] *name;`}</Text>
+            <Text className="code-line">{`};`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#6e7781]/* 组件初始化函数中的代码 */[/color]`}</Text>
+            <Text className="code-line">{`_that->state.age = [color=#0550ae]23[/color];`}</Text>
+            <Text className="code-line">{`_that->state.name = strdup2([color=#0a3069]"Taylor"[/color]);`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`状态的 set 函数会在当前作用域中插入 C 代码，例如 [bgcolor=#eee] setAge(30) [/bgcolor] 会生成 [bgcolor=#eee] _that->state.age = 30; [/bgcolor]。`}</p>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[bgcolor=#eee] useState [/bgcolor] 的参数只能是 string、number 类型。`}</p>
+          </Widget>
+        </Widget>
+        <h3>引用</h3>
+        <p>{`用 [bgcolor=#eee] \$ref [/bgcolor] 属性引用部件对象：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/tsx-and-dev-tools/5">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]TextInput[/color] \$ref=[color=#0a3069]"input"[/color] />`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`之后在 C 代码中操作它：`}</p>
+        <Widget className="code-block" data-language="c" data-source="zh-CN/handbook/tsx-and-dev-tools/6">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`ui_textinput_set_content(_that->refs.input, [color=#0a3069]"hello"[/color]);`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`[bgcolor=#eee] \$ref [/bgcolor] 的值也可以是 [bgcolor=#eee] useRef [/bgcolor] 返回的引用对象：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/tsx-and-dev-tools/7">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { useRef } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]function[/color] [color=#8250df]MyComponent[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] inputRef = [color=#8250df]useRef[/color]();`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] [color=#116329]<[color=#0550ae]TextInput[/color] \$[color=#0550ae]ref[/color]=[color=#0a3069]{inputRef}[/color] />[/color];`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`[bgcolor=#eee] useRef [/bgcolor] 目前只实现了 TextInput 的 value 属性读写绑定：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/tsx-and-dev-tools/8">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`inputRef.[color=#0550ae]current[/color].[color=#0550ae]value[/color] = [color=#0a3069]"World"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#116329]<[color=#0550ae]Button[/color] [color=#0550ae]onClick[/color]=[color=#0a3069]{()[/color] =>[/color] setName(inputRef.current.value)}>Click[color=#116329]</[color=#0550ae]Button[/color]>[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[bgcolor=#eee] @lcui/react [/bgcolor] 的 [bgcolor=#eee] useRef [/bgcolor] 和 React 的 [bgcolor=#eee] useRef [/bgcolor] 不同，仅用于引用部件对象。`}</p>
+          </Widget>
+        </Widget>
+        <h3>响应事件</h3>
+        <p>{`通过 [bgcolor=#eee] on + 事件名 [/bgcolor] 属性声明事件处理函数：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/tsx-and-dev-tools/9">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]Button[/color] onClick=[color=#0a3069]"handleClick"[/color]>点我</[color=#8250df]Button[/color]>`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`预处理器会生成 C 代码绑定事件：`}</p>
+        <Widget className="code-block" data-language="c" data-source="zh-CN/handbook/tsx-and-dev-tools/10">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`ui_widget_on(_that->refs.ref_0, [color=#0a3069]"click"[/color], handleClick, w);`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`也可以将 JavaScript 函数与事件绑定：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/tsx-and-dev-tools/11">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { useState, [color=#8250df]Text[/color], [color=#8250df]Button[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]Counter[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] \\[text, setText] = [color=#8250df]useState[/color]([color=#0a3069]"点我"[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`  [color=#cf222e]function[/color] [color=#8250df]handleClick[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`    [color=#8250df]setText[/color]([color=#0a3069]"你已点击"[/color]);`}</Text>
+            <Text className="code-line">{`  }`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+            <Text className="code-line">{`    [color=#116329]<[color=#0550ae]Button[/color] [color=#0550ae]onClick[/color]=[color=#0a3069]{handleClick}[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      {text}`}</Text>
+            <Text className="code-line">{`    [color=#116329]</[color=#0550ae]Button[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  );`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`预处理器会根据事件处理函数内部的代码执行结果，为其生成 C 语言版本的事件处理函数。`}</p>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`暂时只支持在事件处理函数中执行状态变量的 set 函数，不支持访问事件对象，不支持执行其它语句。`}</p>
+          </Widget>
+        </Widget>
+        <h3>条件渲染</h3>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`暂不支持。 我们正考虑使用 [bgcolor=#eee] <Show> [/bgcolor] 组件实现条件渲染，参考 Solid.js 的 [bgcolor=#eee] <Show> [/bgcolor]。`}</p>
+          </Widget>
+        </Widget>
+        <h3>渲染列表</h3>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`暂不支持。 我们正考虑使用 [bgcolor=#eee] <For> [/bgcolor] 组件实现数组遍历，参考 Solid.js 的 [bgcolor=#eee] <For> [/bgcolor]。`}</p>
+          </Widget>
+        </Widget>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/handbook/typescript/page.c b/examples/doc-viewer/app/zh-CN/handbook/typescript/page.c
new file mode 100644
index 000000000..eacec1d3b
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/typescript/page.c
@@ -0,0 +1,56 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_handbook_typescript_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_handbook_typescript_page_t;
+
+static void zh_cn_handbook_typescript_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_handbook_typescript_page_proto,
+                           sizeof(zh_cn_handbook_typescript_page_t));
+        zh_cn_handbook_typescript_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_handbook_typescript_page_update(w);
+}
+
+static zh_cn_handbook_typescript_page_t *zh_cn_handbook_typescript_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_handbook_typescript_page_proto);
+}
+
+static void zh_cn_handbook_typescript_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_handbook_typescript_page_react_destroy(w);
+}
+
+void zh_cn_handbook_typescript_page_update(ui_widget_t *w)
+{
+        zh_cn_handbook_typescript_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_handbook_typescript_page(void)
+{
+        return ui_create_widget_with_prototype(
+            zh_cn_handbook_typescript_page_proto);
+}
+
+void ui_register_zh_cn_handbook_typescript_page(void)
+{
+        zh_cn_handbook_typescript_page_init_prototype();
+        zh_cn_handbook_typescript_page_proto->init =
+            zh_cn_handbook_typescript_page_init;
+        zh_cn_handbook_typescript_page_proto->destroy =
+            zh_cn_handbook_typescript_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/handbook/typescript/page.h b/examples/doc-viewer/app/zh-CN/handbook/typescript/page.h
new file mode 100644
index 000000000..388d46d60
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/typescript/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_handbook_typescript_page(void);
+
+ui_widget_t *ui_create_zh_cn_handbook_typescript_page(void);
+
+void zh_cn_handbook_typescript_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_handbook_typescript_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/handbook/typescript/page.tsx b/examples/doc-viewer/app/zh-CN/handbook/typescript/page.tsx
new file mode 100644
index 000000000..d6b62336a
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/handbook/typescript/page.tsx
@@ -0,0 +1,379 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function TypescriptDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>TypeScript</h1>
+      <p className="doc-page-desc">{`在 Web 前端领域，有很多用于构建用户界面的库和框架，如 React、Vue.js、Solid.js 和 Svelte。其中的 React 是一个比较流行的库，它使用 JSX 作为语法扩展，通过组件化方式，允许开发者将用户界面拆分成独立的、可重用的部分，简化了开发和维护的过程。此外，CSS Modules、Sass 和 Tailwind CSS 也被广泛使用，以帮助开发者更好地管理和组织样式。`}</p>
+      <p>{`TypeScript 是 JavaScript 的超集，增加了可选的静态类型和基于类的面向对象编程。选择 TypeScript 可以更好地融合 Web 前端的这些技术，而且借助 JavaScript 的生态系统，我们还可以开发一些工具和库来增强 UI 开发体验，包括但不限于：`}</p>
+      <ul>
+        <li><Text>{`集成 CSS Modules、Sass 和 Tailwind CSS 等方案解决 CSS 样式问题`}</Text></li>
+        <li><Text>{`提供类似于 Webpack 的能力来组织、加载和打包资源文件`}</Text></li>
+        <li><Text>{`添加图标库、组件库、工具库来简化界面开发`}</Text></li>
+      </ul>
+      <p>{`这样一来，我们就可以用 TypeScript、JSX、React 再搭配各种工具和库来开发用户界面；相比使用 C 搭配 XML 和 CSS 来编写界面，声明式编程方式使得状态绑定、事件绑定、条件渲染和资源引入更加简洁和直观。使用 JSX 可以让开发者在同一文件中处理逻辑和视图，减少上下文切换。`}</p>
+      <Widget className="doc-section">
+        <h2>用法概览</h2>
+        <p>{`不用担心，你无需花费大量时间去深入学习 TypeScript 语言，因为用户界面相关的代码仅涉及一些基本且常见的语法，所以大多数情况下你只需要参考以下代码片段来编写即可：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/typescript/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">src/App.tsx</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { useState, [color=#8250df]TextInput[/color], [color=#8250df]Button[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]App[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] inputRef = { [color=#0550ae]current[/color]: { [color=#0550ae]value[/color]: [color=#0a3069]""[/color] } };`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] \\[name, setName] = [color=#8250df]useState[/color]([color=#0a3069]"LCUI"[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+            <Text className="code-line">{`    [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]className[/color]=[color=#0a3069]"container"[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]<[color=#0550ae]div[/color] [color=#0550ae]className[/color]=[color=#0a3069]"flex flex-col items-center pt-6"[/color]>[/color]`}</Text>
+            <Text className="code-line">{`        [color=#116329]<[color=#0550ae]Text[/color] [color=#0550ae]className[/color]=[color=#0a3069]"my-4 text-2xl text-center"[/color]>[/color]Hello, {name}![color=#116329]</[color=#0550ae]Text[/color]>[/color]`}</Text>
+            <Text className="code-line">{`        [color=#116329]<[color=#0550ae]TextInput[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          \$[color=#0550ae]ref[/color]=[color=#0a3069]{inputRef}[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          [color=#0550ae]className[/color]=[color=#0a3069]"mt-2"[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          [color=#0550ae]placeholder[/color]=[color=#0a3069]"Please input..."[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]        />[/color]`}</Text>
+            <Text className="code-line">{`        [color=#116329]<[color=#0550ae]Button[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          [color=#0550ae]className[/color]=[color=#0a3069]"mt-2"[/color][/color]`}</Text>
+            <Text className="code-line">{`[color=#116329]          [color=#0550ae]onClick[/color]=[color=#0a3069]{()[/color] =>[/color] setName(inputRef.current.value)}`}</Text>
+            <Text className="code-line">{`        >`}</Text>
+            <Text className="code-line">{`          Change`}</Text>
+            <Text className="code-line">{`        [color=#116329]</[color=#0550ae]Button[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+            <Text className="code-line">{`    [color=#116329]</[color=#0550ae]div[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  );`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>常用语法</h2>
+        <h3>`import`</h3>
+        <p>{`导入由另一个模块导出的绑定。你可以使用 [bgcolor=#eee] import [/bgcolor] 语句引入 JavaScript 模块、图片、CSS 样式文件、字体文件等文件。`}</p>
+        <h3>`export`</h3>
+        <p>{`导出值。与 default 组合使用时表示声明为默认导出。`}</p>
+        <h3>`const`</h3>
+        <p>{`声明用于声明块作用域的局部变量。`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>开发工具</h2>
+        <p>{`[bgcolor=#eee] @lcui/cli [/bgcolor] 是一个命令行工具，集成了包括 TypeScript 编译器、Sass 预处理器、资源文件加载器等在内的一些与 LCUI 应用程序开发相关的功能。`}</p>
+        <p>{`它依赖 JavaScript 运行时环境，你需要先安装 Node.js，然后运行以下命令安装它：`}</p>
+        <Widget className="code-block" data-language="sh" data-source="zh-CN/handbook/typescript/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install -g @lcui/cli`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>预处理</h2>
+        <p>{`LCUI 所采用的 TypeScript 支持方案是预处理器，相较于内置 JavaScript 引擎和 JavaScript 到 C 的编译器这两种方案，它的实现成本和复杂度都比较低，而且未来也可以增加对部分 JavaScript 语法的编译能力。`}</p>
+        <p>{`预处理器的文件加载方式参考了 Webpack，由加载器（Loader）提供特定类型文件的加载和编译能力，根据文件后缀名来匹配合适的加载器。预处理器在处理 TypeScript 文件时，会先调用 TypeScript 加载器解析文件内的代码，获取其依赖的模块并加载它们，然后将该文件转换为 JavaScript 模块，之后执行它，根据组件函数内部的函数调用行为和返回结果，生成相应的 C 源文件。`}</p>
+        <p>{`这一处理过程与 C 编译器的预处理类似，你可以理解为你写的 tsx 文件是配置文件，里面的 TypeScript 代码都是预处理指令，它只在预处理阶段执行，并不会成为运行时代码。`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>React 库</h2>
+        <p>{`[bgcolor=#eee] @lcui/react [/bgcolor] 是一个针对 LCUI 的特性和预处理器工作模式的用户界面库，提供了一些预置组件、工具函数以及 Hook 函数。它相当于 LCUI 版的 React 库，让你可以像写 React 组件一样写 LCUI 的组件。不过，它目前提供的功能很有限，你只能声明组件的状态、数据绑定和事件绑定，对于条件渲染、列表渲染等复杂的操作，你仍需要编写 C 代码。`}</p>
+        <p>{`安装方法：`}</p>
+        <Widget className="code-block" data-language="sh" data-source="zh-CN/handbook/typescript/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install @lcui/react`}</Text>
+          </Widget>
+        </Widget>
+        <h3>组件函数</h3>
+        <p>{`预处理器的 TypeScript 加载器会调用 [bgcolor=#eee] @lcui/react [/bgcolor] 库的 [bgcolor=#eee] render [/bgcolor] 函数来渲染组件，其内部实现就是直接执行组件函数，收集组件函数内执行的 [bgcolor=#eee] useState [/bgcolor]、[bgcolor=#eee] useRef [/bgcolor] 等函数产出的数据和组件函数返回的 JSX 元素，然后转换成 C 代码。`}</p>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <ul>
+              <li><Text>{`组件函数返回值必须是一个 JSX 元素，不能是 [bgcolor=#eee] <Fragment> [/bgcolor]、null、undefined、字符串、数字等对象。`}</Text></li>
+              <li><Text>{`暂不支持声明和传递组件 props 参数。`}</Text></li>
+            </ul>
+          </Widget>
+        </Widget>
+        <h3>状态管理</h3>
+        <p>{`[bgcolor=#eee] useState [/bgcolor] 函数用于为组件声明一个状态变量，用法如下：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/typescript/3">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { useState } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]function[/color] [color=#8250df]MyComponent[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] \\[age, setAge] = [color=#8250df]useState[/color]([color=#0550ae]23[/color]);`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] \\[name, setName] = [color=#8250df]useState[/color]([color=#0a3069]"Taylor"[/color]);`}</Text>
+            <Text className="code-line">{`  [color=#6e7781]// ...[/color]`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`按照惯例使用数组解构来命名状态变量，例如 [bgcolor=#eee] [something, setSomething] [/bgcolor]。`}</p>
+        <p>{`[bgcolor=#eee] useState [/bgcolor] 返回一个只包含两个项的数组：`}</p>
+        <ul>
+          <li><Text>{`该状态变量，初始值为你传给 [bgcolor=#eee] useState [/bgcolor] 的值。`}</Text></li>
+          <li><Text>{`set 函数，它允许你在响应交互时将状态变量更改为任何其他值。`}</Text></li>
+        </ul>
+        <p>{`[bgcolor=#eee] useState [/bgcolor] 函数会为组件的状态结构体添加一个成员，然后在组件的状态初始化函数中添加该成员的初始化代码。以上面的代码片段为例，[bgcolor=#eee] useState [/bgcolor] 函数会生成以下 C 代码：`}</p>
+        <Widget className="code-block" data-language="c" data-source="zh-CN/handbook/typescript/4">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#6e7781]/* 组件状态结构体 */[/color]`}</Text>
+            <Text className="code-line">{`[color=#cf222e]struct[/color] [color=#8250df]MyComponent_state[/color] {`}</Text>
+            <Text className="code-line">{`  [color=#953800]int[/color] age;`}</Text>
+            <Text className="code-line">{`  [color=#953800]char[/color] *name;`}</Text>
+            <Text className="code-line">{`};`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#6e7781]/* 组件初始化函数中的代码 */[/color]`}</Text>
+            <Text className="code-line">{`_that->state.age = [color=#0550ae]23[/color];`}</Text>
+            <Text className="code-line">{`_that->state.name = strdup2([color=#0a3069]"Taylor"[/color]);`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`状态的 set 函数会在当前函数作用域中插入用于变更状态的 C 代码，例如执行 [bgcolor=#eee] setAge(30) [/bgcolor]，会生成：`}</p>
+        <Widget className="code-block" data-language="c" data-source="zh-CN/handbook/typescript/5">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`_that->state.age = [color=#0550ae]30[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[bgcolor=#eee] useState [/bgcolor] 的参数只能是 string、number 类型。`}</p>
+          </Widget>
+        </Widget>
+        <h3>引用</h3>
+        <p>{`为了操作特定的组件，我们通常会创建一个变量来引用该组件对象。在 JSX 中这一创建操作可以靠设置 [bgcolor=#eee] \$ref [/bgcolor] 属性来完成：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/typescript/6">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]TextInput[/color] \$ref=[color=#0a3069]"input"[/color] />`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`之后你就可以在 C 代码中使用它来操作组件对象：`}</p>
+        <Widget className="code-block" data-language="c" data-source="zh-CN/handbook/typescript/7">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`ui_textinput_set_content(_that->refs.input, [color=#0a3069]"hello"[/color]);`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`[bgcolor=#eee] \$ref [/bgcolor] 属性的值还可以是 [bgcolor=#eee] useRef [/bgcolor] 函数返回的引用对象：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/typescript/8">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { useRef } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]function[/color] [color=#8250df]MyComponent[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] inputRef = [color=#8250df]useRef[/color]();`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] [color=#116329]<[color=#0550ae]TextInput[/color] \$[color=#0550ae]ref[/color]=[color=#0a3069]{inputRef}[/color] />[/color];`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`该引用对象只有单个 [bgcolor=#eee] current [/bgcolor] 属性，它绑定了组件对象，允许你在 TypeScript 中声明它的操作方式。不过，目前 [bgcolor=#eee] useRef [/bgcolor] 只实现了 TextInput 组件的 value 属性的读写操作绑定，用法如下：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/typescript/9">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`inputRef.[color=#0550ae]current[/color].[color=#0550ae]value[/color] = [color=#0a3069]"World"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#116329]<[color=#0550ae]Button[/color] [color=#0550ae]onClick[/color]=[color=#0a3069]{()[/color] =>[/color] setName(inputRef.current.value)}>Click[color=#116329]</[color=#0550ae]Button[/color]>[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`[bgcolor=#eee] @lcui/react [/bgcolor] 库的 [bgcolor=#eee] useRef [/bgcolor] 和 React 库中的 [bgcolor=#eee] useRef [/bgcolor] 不一样，仅用于引用特定的组件对象。`}</p>
+          </Widget>
+        </Widget>
+        <h3>响应事件</h3>
+        <p>{`你可以在 JSX 中通过设置 [bgcolor=#eee] on + 事件名 [/bgcolor] 属性来声明事件处理函数，例如声明按钮的点击事件处理函数：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/typescript/10">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">src/ButtonPage.tsx</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]Button[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+            <Text className="code-line">{`    [color=#116329]<[color=#0550ae]Button[/color] [color=#0550ae]onClick[/color]=[color=#0a3069]"handleClick"[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      点我`}</Text>
+            <Text className="code-line">{`    [color=#116329]</[color=#0550ae]Button[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  );`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`预处理器将会生成这样的 C 代码来绑定事件处理函数：`}</p>
+        <Widget className="code-block" data-language="c" data-source="zh-CN/handbook/typescript/11">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">C</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`ui_widget_on(_that->refs.ref_0, [color=#0a3069]"click"[/color], handleClick, w);`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`你也可以将 JavaScript 的函数与事件绑定：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/typescript/12">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">src/Counter.tsx</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { useState, [color=#8250df]Text[/color], [color=#8250df]Button[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#cf222e]export[/color] [color=#cf222e]default[/color] [color=#cf222e]function[/color] [color=#8250df]Counter[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`  [color=#cf222e]const[/color] \\[text, setText] = [color=#8250df]useState[/color]([color=#0a3069]"点我"[/color]);`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`  [color=#cf222e]function[/color] [color=#8250df]handleClick[/color]([color=#0550ae][/color]) {`}</Text>
+            <Text className="code-line">{`    [color=#8250df]setText[/color]([color=#0a3069]"你已点击"[/color]);`}</Text>
+            <Text className="code-line">{`  }`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`  [color=#cf222e]return[/color] (`}</Text>
+            <Text className="code-line">{`    [color=#116329]<[color=#0550ae]Button[/color] [color=#0550ae]onClick[/color]=[color=#0a3069]{handleClick}[/color]>[/color]`}</Text>
+            <Text className="code-line">{`      {text}`}</Text>
+            <Text className="code-line">{`    [color=#116329]</[color=#0550ae]Button[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  );`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`预处理器会执行该事件处理函数，根据内部代码执行结果，为其生成 C 语言版的事件处理函数。`}</p>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`暂时只支持在事件处理函数中执行状态变量的 set 函数，不支持访问事件对象，不支持执行其它语句。`}</p>
+          </Widget>
+        </Widget>
+        <h3>条件渲染</h3>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`暂不支持。 我们正考虑使用 [bgcolor=#eee] <Show> [/bgcolor] 组件实现条件渲染，参考 Solid.js 的 [bgcolor=#eee] <Show> [/bgcolor]。`}</p>
+          </Widget>
+        </Widget>
+        <h3>渲染列表</h3>
+        <Widget className="admonition admonition-warning">
+          <Text className="admonition-title">注意</Text>
+          <Widget className="admonition-content">
+            <p>{`暂不支持。 我们正考虑使用 [bgcolor=#eee] <For> [/bgcolor] 组件实现数组遍历，参考 Solid.js 的 [bgcolor=#eee] <For> [/bgcolor]。`}</p>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>图标库</h2>
+        <p>{`[bgcolor=#eee] @lcui/fluent-icons [/bgcolor] 是专为 LCUI 适配的图标库，图标都来自 Microsoft 的 fluentui-system-icons 项目。`}</p>
+        <p>{`安装方法：`}</p>
+        <Widget className="code-block" data-language="sh" data-source="zh-CN/handbook/typescript/13">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install @lcui/fluent-icons`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`你可以在 fluentui-system-icons 项目提供的在线图标库页面里选取图标。以放大图标为例，英文名通常是 Zoom In，那么可以这样搜索：`}</p>
+        <p>{`从上图可看出 fluentui-system-icons 的图标有 16、20、24 等几种尺寸可选，图标命名方式是"图标名+尺寸+风格"。[bgcolor=#eee] @lcui/fluent-icons [/bgcolor] 图标库的命名方式是"图标名+风格"，当风格为 Regular 时可以省略它。具体用法如下：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/typescript/14">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]ZoomIn[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/fluent-icons"[/color];`}</Text>
+            <Text className="code-line">{` `}</Text>
+            <Text className="code-line">{`[color=#116329]<[color=#0550ae]ZoomIn[/color] />[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`fluentui-system-icons 提供的几种尺寸图标是针对该尺寸优化的，看起来都是像素完美的。[bgcolor=#eee] @lcui/fluent-icons [/bgcolor] 的图标使用的尺寸默认是 20，如果你的图标尺寸固定且希望图标有更好的渲染效果，可以指定 size 参数：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/typescript/15">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]ZoomIn[/color] size={[color=#0550ae]32[/color]} />`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>样式</h2>
+        <p>{`预处理器支持多种样式设置方式，包括全局 CSS、CSS Modules、Tailwind CSS、Sass。`}</p>
+        <h3>全局样式</h3>
+        <p>{`使用 [bgcolor=#eee] import [/bgcolor] 语句从 CSS 文件引入的 CSS 样式是全局生效的。对于那些有传统 CSS 经验的人来说，使用起来很简单，也很熟悉，但随着应用程序的发展，可能会导致样式越来越难以管理。`}</p>
+        <h3>CSS Modules</h3>
+        <p>{`CSS 的作用域是全局的，如果你担心样式冲突，则可以采用 CSS Modules 方案来创建局部作用域的 CSS 类以避免命名冲突并提高可维护性。`}</p>
+        <p>{`首先，添加 [bgcolor=#eee] .module.css [/bgcolor] 后缀的文件，写入 CSS 代码：`}</p>
+        <Widget className="code-block" data-language="css" data-source="zh-CN/handbook/typescript/16">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">MyComponent.module.css</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#953800].card[/color] {`}</Text>
+            <Text className="code-line">{`  border: [color=#0550ae]1px[/color] solid [color=#0550ae]#eee[/color];`}</Text>
+            <Text className="code-line">{`  border-radius: [color=#0550ae]4px[/color];`}</Text>
+            <Text className="code-line">{`}`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`然后在 [bgcolor=#eee] .tsx [/bgcolor] 文件中使用 [bgcolor=#eee] import [/bgcolor] 语句导入它：`}</p>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/handbook/typescript/17">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">MyComponent.tsx</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] styles [color=#cf222e]from[/color] [color=#0a3069]"./MyComponent.module.css"[/color];`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`之后将 JSX 表达式中的赋给 className 属性的字符串替换成 styles 的对应属性，例如：`}</p>
+        <Widget className="code-block" data-language="diff" data-source="zh-CN/handbook/typescript/18">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">DIFF</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`- <div className="card" />`}</Text>
+            <Text className="code-line">{`+ <div className={styles.card} />`}</Text>
+          </Widget>
+        </Widget>
+        <h3>Tailwind CSS</h3>
+        <p>{`Tailwind CSS 是一个功能类优先（Utility-First）的 CSS 框架，它通过提供一系列预定义的 CSS 类，帮助开发者快速、灵活地为组件设置样式。相比传统的 CSS 编写方式，你无需再花费时间去新建 CSS 文件、编写 CSS 规则以及思考 CSS 类名如何命名。在 React 组件中使用它可减少上下文切换，让你专注于组件代码。`}</p>
+        <p>{`安装它和相关依赖项之后，复制官方 lcui-quick-start 模板项目中的 [bgcolor=#eee] postcss.config.js [/bgcolor]、[bgcolor=#eee] tailwind.config.js [/bgcolor]、[bgcolor=#eee] app/global.css [/bgcolor] 这几个文件到你的项目源码目录内即可使用。`}</p>
+        <p>{`如果你不想将 global.css 放到 app 目录内，请更改 tailwind.config.js 文件内的 content 配置项的路径匹配规则。`}</p>
+        <h3>Sass</h3>
+        <p>{`一个流行的 CSS 预处理器，它通过变量、嵌套规则和混合元素等功能扩展 CSS。`}</p>
+        <p>{`预处理器已经内置了它，在编译 [bgcolor=#eee] .sass [/bgcolor] 和 [bgcolor=#eee] .scss [/bgcolor] 后缀的文件时会自动调用 Sass 预处理器。`}</p>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/overview/about/page.c b/examples/doc-viewer/app/zh-CN/overview/about/page.c
new file mode 100644
index 000000000..55564bf31
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/overview/about/page.c
@@ -0,0 +1,54 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_overview_about_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_overview_about_page_t;
+
+static void zh_cn_overview_about_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_overview_about_page_proto,
+                           sizeof(zh_cn_overview_about_page_t));
+        zh_cn_overview_about_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_overview_about_page_update(w);
+}
+
+static zh_cn_overview_about_page_t *zh_cn_overview_about_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_overview_about_page_proto);
+}
+
+static void zh_cn_overview_about_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_overview_about_page_react_destroy(w);
+}
+
+void zh_cn_overview_about_page_update(ui_widget_t *w)
+{
+        zh_cn_overview_about_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_overview_about_page(void)
+{
+        return ui_create_widget_with_prototype(zh_cn_overview_about_page_proto);
+}
+
+void ui_register_zh_cn_overview_about_page(void)
+{
+        zh_cn_overview_about_page_init_prototype();
+        zh_cn_overview_about_page_proto->init = zh_cn_overview_about_page_init;
+        zh_cn_overview_about_page_proto->destroy =
+            zh_cn_overview_about_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/overview/about/page.h b/examples/doc-viewer/app/zh-CN/overview/about/page.h
new file mode 100644
index 000000000..01db12056
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/overview/about/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_overview_about_page(void);
+
+ui_widget_t *ui_create_zh_cn_overview_about_page(void);
+
+void zh_cn_overview_about_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_overview_about_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/overview/about/page.tsx b/examples/doc-viewer/app/zh-CN/overview/about/page.tsx
new file mode 100644
index 000000000..65ffafef6
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/overview/about/page.tsx
@@ -0,0 +1,61 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function AboutDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>关于 LCUI</h1>
+      <p className="doc-page-desc">{`LCUI 是一个用 C 语言编写的开源桌面图形界面库，旨在为 C 开发者提供简洁易用的 GUI 开发体验，同时融入 CSS 样式、声明式界面描述等 Web 开发技术降低学习门槛。`}</p>
+      <Widget className="doc-section">
+        <h2>主要特性</h2>
+        <ul>
+          <li><Text>{`[b]跨平台[/b] — 支持 Windows 和 Linux。`}</Text></li>
+          <li><Text>{`[b]全自绘组件[/b] — 组件在多个平台中都能保持一致的外观和行为。`}</Text></li>
+          <li><Text>{`[b]DPI 自适应[/b] — 自动在高分辨率屏幕上缩放 UI，保持清晰显示。`}</Text></li>
+          <li><Text>{`[b]自带 CSS 引擎[/b] — 支持使用 CSS 来定义用户界面的样式和布局，对于有网页开发经验的人比较容易上手。`}</Text></li>
+          <li><Text>{`[b]提供现代化的开发工具[/b] — 通过 [bgcolor=#eee] @lcui/cli [/bgcolor] 工具，允许你使用 TypeScript 语言搭配 JSX 语法来编写用户界面。`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>适合谁使用</h2>
+        <p>{`LCUI 适合这些开发者：`}</p>
+        <ul>
+          <li><Text>{`想在桌面端继续使用 C 语言，但希望摆脱繁琐的 Win32 / X11 原生开发体验。`}</Text></li>
+          <li><Text>{`已经熟悉 Web 前端（HTML、CSS），想把这套经验迁移到桌面应用。`}</Text></li>
+          <li><Text>{`需要构建单窗口、界面内容简单的桌面小工具。`}</Text></li>
+        </ul>
+        <p>{`如果场景是大型商业桌面产品、游戏引擎或与操作系统深度集成的工具，LCUI 可能不是最合适的选择；这种场景下建议参考 Qt、GTK 或原生 API。`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>架构</h2>
+        <p>{`LCUI 从上到下分为四层：`}</p>
+        <h3>应用层</h3>
+        <p>{`你的业务代码：自定义组件、CSS 样式、TSX/JSX 代码、事件处理。这是唯一与你的项目领域相关的部分。`}</p>
+        <h3>LCUI 运行时</h3>
+        <p>{`初始化、事件循环、应用生命周期管理。负责把应用跑起、派发事件、驱动渲染。`}</p>
+        <h3>UI 辅助层</h3>
+        <p>{`UI XML 解析、UI Router 路由、光标管理、国际化（i18n）等辅助模块。把常用 UI 行为封装成可插拔的子系统。`}</p>
+        <h3>基础设施层</h3>
+        <p>{`YUtil（通用工具库）、PandaGL（2D 渲染引擎）、CSS 引擎、UI 部件系统、Thread / Worker 抽象。这些模块也可以单独使用。`}</p>
+        <p>{`平台层（Windows / Linux）负责窗口管理与输入事件。`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>许可证</h2>
+        <p>{`LCUI 基于 MIT License 发布。详情请查看仓库根目录的 LICENSE.TXT。`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>如何参与贡献</h2>
+        <p>{`欢迎贡献！在提交 Pull Request 之前，请先阅读仓库根目录的 CONTRIBUTING.md。`}</p>
+        <ul>
+          <li><Text>{`[b]Bug 反馈[/b] — 在 GitHub Issues 提交问题。`}</Text></li>
+          <li><Text>{`[b]功能建议[/b] — 在 GitHub Discussions 发起讨论。`}</Text></li>
+          <li><Text>{`[b]代码贡献[/b] — Fork 仓库，创建分支，然后提交 PR。`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>社区</h2>
+        <p>{`遇到使用问题时，可以通过 GitHub Discussions 提问（建议使用 [bgcolor=#eee] Q&A [/bgcolor] 标签）。同时我们也鼓励资深用户给新人提供帮助。`}</p>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/overview/quick-start/page.c b/examples/doc-viewer/app/zh-CN/overview/quick-start/page.c
new file mode 100644
index 000000000..ddae9b16b
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/overview/quick-start/page.c
@@ -0,0 +1,56 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_overview_quick_start_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_overview_quick_start_page_t;
+
+static void zh_cn_overview_quick_start_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_overview_quick_start_page_proto,
+                           sizeof(zh_cn_overview_quick_start_page_t));
+        zh_cn_overview_quick_start_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_overview_quick_start_page_update(w);
+}
+
+static zh_cn_overview_quick_start_page_t *zh_cn_overview_quick_start_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_overview_quick_start_page_proto);
+}
+
+static void zh_cn_overview_quick_start_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_overview_quick_start_page_react_destroy(w);
+}
+
+void zh_cn_overview_quick_start_page_update(ui_widget_t *w)
+{
+        zh_cn_overview_quick_start_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_overview_quick_start_page(void)
+{
+        return ui_create_widget_with_prototype(
+            zh_cn_overview_quick_start_page_proto);
+}
+
+void ui_register_zh_cn_overview_quick_start_page(void)
+{
+        zh_cn_overview_quick_start_page_init_prototype();
+        zh_cn_overview_quick_start_page_proto->init =
+            zh_cn_overview_quick_start_page_init;
+        zh_cn_overview_quick_start_page_proto->destroy =
+            zh_cn_overview_quick_start_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/overview/quick-start/page.h b/examples/doc-viewer/app/zh-CN/overview/quick-start/page.h
new file mode 100644
index 000000000..b72e42f91
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/overview/quick-start/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_overview_quick_start_page(void);
+
+ui_widget_t *ui_create_zh_cn_overview_quick_start_page(void);
+
+void zh_cn_overview_quick_start_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_overview_quick_start_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/overview/quick-start/page.tsx b/examples/doc-viewer/app/zh-CN/overview/quick-start/page.tsx
new file mode 100644
index 000000000..4f95eabfa
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/overview/quick-start/page.tsx
@@ -0,0 +1,65 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+
+export default function QuickStartDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>快速开始</h1>
+      <p className="doc-page-desc">{`几分钟内上手 LCUI。`}</p>
+      <Widget className="doc-section">
+        <h2>环境要求</h2>
+        <ul>
+          <li><Text>{`[b]操作系统[/b] — Windows（推荐）或 Linux`}</Text></li>
+          <li><Text>{`[b]Node.js[/b] — 运行 [bgcolor=#eee] @lcui/cli [/bgcolor] 工具`}</Text></li>
+          <li><Text>{`[b]xmake[/b] — C/C++ 构建工具`}</Text></li>
+          <li><Text>{`[b]Git[/b] — 下载和管理源码`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>安装</h2>
+        <p>{`全局安装 LCUI CLI：`}</p>
+        <Widget className="code-block" data-language="sh" data-source="zh-CN/overview/quick-start/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`npm install -g @lcui/cli`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`创建并运行你的第一个应用：`}</p>
+        <Widget className="code-block" data-language="sh" data-source="zh-CN/overview/quick-start/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">Shell</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`lcui create my-app`}</Text>
+            <Text className="code-line">{`[color=#953800]cd[/color] my-app`}</Text>
+            <Text className="code-line">{`lcui build`}</Text>
+            <Text className="code-line">{`xmake run app`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`[bgcolor=#eee] lcui create [/bgcolor] 会从 lcui-quick-start 模板仓库克隆一个最小项目，包含 xmake.lua 配置、示例代码和依赖。完成后运行 [bgcolor=#eee] lcui build [/bgcolor] 编译 TSX 资源，再运行 [bgcolor=#eee] xmake run app [/bgcolor] 启动应用。`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>下一步</h2>
+        <ul>
+          <li><Text>{`查看样板项目（[bgcolor=#eee] lcui create [/bgcolor] 生成的项目）中的代码和文件结构，了解 LCUI 应用的基本用法。`}</Text></li>
+          <li><Text>{`阅读组件参考（Button、Text、TextInput、Anchor、ScrollArea），了解内置部件。`}</Text></li>
+          <li><Text>{`阅读样式章节，学习如何用 CSS 为部件添加外观。`}</Text></li>
+          <li><Text>{`阅读自定义章节，学习如何创建自定义部件。`}</Text></li>
+          <li><Text>{`阅读 TSX 与开发工具章节，深入理解 [bgcolor=#eee] @lcui/react [/bgcolor] 的用法和限制。`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>遇到问题？</h2>
+        <p>{`如果你在学习过程中遇到问题，可以通过以下途径获取帮助：`}</p>
+        <ul>
+          <li><Text>{`在 GitHub Discussions 提问（建议使用 [bgcolor=#eee] Q&A [/bgcolor] 标签）。`}</Text></li>
+          <li><Text>{`在仓库根目录查看 CONTRIBUTING.md，了解如何参与贡献。`}</Text></li>
+        </ul>
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/widgets/anchor/page.c b/examples/doc-viewer/app/zh-CN/widgets/anchor/page.c
new file mode 100644
index 000000000..2dcf9fd15
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/anchor/page.c
@@ -0,0 +1,54 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_widgets_anchor_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_widgets_anchor_page_t;
+
+static void zh_cn_widgets_anchor_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_widgets_anchor_page_proto,
+                           sizeof(zh_cn_widgets_anchor_page_t));
+        zh_cn_widgets_anchor_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_widgets_anchor_page_update(w);
+}
+
+static zh_cn_widgets_anchor_page_t *zh_cn_widgets_anchor_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_widgets_anchor_page_proto);
+}
+
+static void zh_cn_widgets_anchor_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_widgets_anchor_page_react_destroy(w);
+}
+
+void zh_cn_widgets_anchor_page_update(ui_widget_t *w)
+{
+        zh_cn_widgets_anchor_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_widgets_anchor_page(void)
+{
+        return ui_create_widget_with_prototype(zh_cn_widgets_anchor_page_proto);
+}
+
+void ui_register_zh_cn_widgets_anchor_page(void)
+{
+        zh_cn_widgets_anchor_page_init_prototype();
+        zh_cn_widgets_anchor_page_proto->init = zh_cn_widgets_anchor_page_init;
+        zh_cn_widgets_anchor_page_proto->destroy =
+            zh_cn_widgets_anchor_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/widgets/anchor/page.h b/examples/doc-viewer/app/zh-CN/widgets/anchor/page.h
new file mode 100644
index 000000000..2769a05c2
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/anchor/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_widgets_anchor_page(void);
+
+ui_widget_t *ui_create_zh_cn_widgets_anchor_page(void);
+
+void zh_cn_widgets_anchor_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_widgets_anchor_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/widgets/anchor/page.tsx b/examples/doc-viewer/app/zh-CN/widgets/anchor/page.tsx
new file mode 100644
index 000000000..eb08aa57f
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/anchor/page.tsx
@@ -0,0 +1,38 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+import AnchorBasicDemo from "../../../examples/anchor-basic/index";
+import FieldTable from "../../../components/field-table";
+import { anchorFields } from "../../../widget-fields/anchor";
+
+export default function AnchorDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Anchor</h1>
+      <p className="doc-page-desc">{`链接部件，用法与 HTML 的 [bgcolor=#eee] <a> [/bgcolor] 标签相同，用于打开外部 URL。`}</p>
+      <AnchorBasicDemo />
+      <Widget className="doc-section">
+        <h2>适用场景</h2>
+        <ul>
+          <li><Text>{`[b]适用[/b] — 在页面中放置外部链接（点击后在系统浏览器中打开）。`}</Text></li>
+          <li><Text>{`[b]不适用[/b] — 需要执行动作的按钮（用 [bgcolor=#eee] button [/bgcolor]）。`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>用法</h2>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/widgets/anchor/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<a href=[color=#0a3069]"https://example.com"[/color]>链接</a>`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>API 参考</h2>
+        <FieldTable fields={anchorFields} locale="zh-CN" />
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/widgets/button/page.c b/examples/doc-viewer/app/zh-CN/widgets/button/page.c
new file mode 100644
index 000000000..3f0f37ff2
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/button/page.c
@@ -0,0 +1,54 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_widgets_button_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_widgets_button_page_t;
+
+static void zh_cn_widgets_button_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_widgets_button_page_proto,
+                           sizeof(zh_cn_widgets_button_page_t));
+        zh_cn_widgets_button_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_widgets_button_page_update(w);
+}
+
+static zh_cn_widgets_button_page_t *zh_cn_widgets_button_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_widgets_button_page_proto);
+}
+
+static void zh_cn_widgets_button_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_widgets_button_page_react_destroy(w);
+}
+
+void zh_cn_widgets_button_page_update(ui_widget_t *w)
+{
+        zh_cn_widgets_button_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_widgets_button_page(void)
+{
+        return ui_create_widget_with_prototype(zh_cn_widgets_button_page_proto);
+}
+
+void ui_register_zh_cn_widgets_button_page(void)
+{
+        zh_cn_widgets_button_page_init_prototype();
+        zh_cn_widgets_button_page_proto->init = zh_cn_widgets_button_page_init;
+        zh_cn_widgets_button_page_proto->destroy =
+            zh_cn_widgets_button_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/widgets/button/page.h b/examples/doc-viewer/app/zh-CN/widgets/button/page.h
new file mode 100644
index 000000000..70ebe8397
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/button/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_widgets_button_page(void);
+
+ui_widget_t *ui_create_zh_cn_widgets_button_page(void);
+
+void zh_cn_widgets_button_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_widgets_button_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/widgets/button/page.tsx b/examples/doc-viewer/app/zh-CN/widgets/button/page.tsx
new file mode 100644
index 000000000..19a6f87eb
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/button/page.tsx
@@ -0,0 +1,48 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+import ButtonBasicDemo from "../../../examples/button-basic/index";
+import FieldTable from "../../../components/field-table";
+import { buttonFields } from "../../../widget-fields/button";
+
+export default function ButtonDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Button</h1>
+      <p className="doc-page-desc">{`可点击的按钮部件，通常用于触发某个操作。`}</p>
+      <ButtonBasicDemo />
+      <Widget className="doc-section">
+        <h2>适用场景</h2>
+        <ul>
+          <li><Text>{`[b]适用[/b]：用户点击执行动作（提交表单、打开页面、切换状态）`}</Text></li>
+          <li><Text>{`[b]适用[/b]：工具栏、对话框、导航栏中的交互入口`}</Text></li>
+          <li><Text>{`[b]不适用[/b]：不需要交互的纯文本展示（用 [bgcolor=#eee] text [/bgcolor]）`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>用法</h2>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/widgets/button/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Button[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/widgets/button/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]Button[/color]>[color=#8250df]Button[/color]</[color=#8250df]Button[/color]>`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>API 参考</h2>
+        <FieldTable fields={buttonFields} locale="zh-CN" />
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/widgets/checkbox/page.c b/examples/doc-viewer/app/zh-CN/widgets/checkbox/page.c
new file mode 100644
index 000000000..897846d53
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/checkbox/page.c
@@ -0,0 +1,57 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_widgets_checkbox_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_widgets_checkbox_page_t;
+
+static void zh_cn_widgets_checkbox_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_widgets_checkbox_page_proto,
+                           sizeof(zh_cn_widgets_checkbox_page_t));
+
+        zh_cn_widgets_checkbox_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_widgets_checkbox_page_update(w);
+}
+
+static zh_cn_widgets_checkbox_page_t *zh_cn_widgets_checkbox_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_widgets_checkbox_page_proto);
+}
+
+static void zh_cn_widgets_checkbox_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_widgets_checkbox_page_react_destroy(w);
+}
+
+void zh_cn_widgets_checkbox_page_update(ui_widget_t *w)
+{
+        zh_cn_widgets_checkbox_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_widgets_checkbox_page(void)
+{
+        return ui_create_widget_with_prototype(
+            zh_cn_widgets_checkbox_page_proto);
+}
+
+void ui_register_zh_cn_widgets_checkbox_page(void)
+{
+        zh_cn_widgets_checkbox_page_init_prototype();
+        zh_cn_widgets_checkbox_page_proto->init =
+            zh_cn_widgets_checkbox_page_init;
+        zh_cn_widgets_checkbox_page_proto->destroy =
+            zh_cn_widgets_checkbox_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/widgets/checkbox/page.h b/examples/doc-viewer/app/zh-CN/widgets/checkbox/page.h
new file mode 100644
index 000000000..079816c07
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/checkbox/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_widgets_checkbox_page(void);
+
+ui_widget_t *ui_create_zh_cn_widgets_checkbox_page(void);
+
+void zh_cn_widgets_checkbox_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_widgets_checkbox_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/widgets/checkbox/page.tsx b/examples/doc-viewer/app/zh-CN/widgets/checkbox/page.tsx
new file mode 100644
index 000000000..f58db8fe6
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/checkbox/page.tsx
@@ -0,0 +1,63 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+import CheckboxBasicDemo from "../../../examples/checkbox-basic/index";
+import CheckboxDisabledDemo from "../../../examples/checkbox-disabled/index";
+import FieldTable from "../../../components/field-table";
+import { checkboxFields } from "../../../widget-fields/checkbox";
+
+export default function CheckboxDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Checkbox</h1>
+      <p className="doc-page-desc">{`允许用户在已选和未选之间切换的控件。`}</p>
+      <CheckboxBasicDemo />
+      <Widget className="doc-section">
+        <h2>适用场景</h2>
+        <ul>
+          <li><Text>{`[b]适用[/b]：单条二元选择（同意条款、订阅开关）`}</Text></li>
+          <li><Text>{`[b]适用[/b]：表单中的勾选项`}</Text></li>
+          <li><Text>{`[b]不适用[/b]：互斥的多选一场景（用 [bgcolor=#eee] radio-group [/bgcolor]）`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>用法</h2>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/widgets/checkbox/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Checkbox[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/widgets/checkbox/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]Checkbox[/color] />`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>注意事项</h2>
+        <Widget className="admonition admonition-caution">
+          <Text className="admonition-title">警告</Text>
+          <Widget className="admonition-content">
+            <p>{`[b]indeterminate 是状态，不是默认值[/b]。半选态（[bgcolor=#eee] indeterminate="true" [/bgcolor]）用于表达"子项部分被选中"的视觉状态（例如父级 checkbox 在部分子项被选时显示半选）。点击 indeterminate 状态的 checkbox 会转为 checked 状态。`}</p>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>示例</h2>
+        <h3>禁用</h3>
+        <CheckboxDisabledDemo />
+      </Widget>
+      <Widget className="doc-section">
+        <h2>API 参考</h2>
+        <FieldTable fields={checkboxFields} locale="zh-CN" />
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/widgets/label/page.c b/examples/doc-viewer/app/zh-CN/widgets/label/page.c
new file mode 100644
index 000000000..3e4b5355a
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/label/page.c
@@ -0,0 +1,54 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_widgets_label_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_widgets_label_page_t;
+
+static void zh_cn_widgets_label_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_widgets_label_page_proto,
+                           sizeof(zh_cn_widgets_label_page_t));
+
+        zh_cn_widgets_label_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_widgets_label_page_update(w);
+}
+
+static zh_cn_widgets_label_page_t *zh_cn_widgets_label_page_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_widgets_label_page_proto);
+}
+
+static void zh_cn_widgets_label_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_widgets_label_page_react_destroy(w);
+}
+
+void zh_cn_widgets_label_page_update(ui_widget_t *w)
+{
+        zh_cn_widgets_label_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_widgets_label_page(void)
+{
+        return ui_create_widget_with_prototype(zh_cn_widgets_label_page_proto);
+}
+
+void ui_register_zh_cn_widgets_label_page(void)
+{
+        zh_cn_widgets_label_page_init_prototype();
+        zh_cn_widgets_label_page_proto->init = zh_cn_widgets_label_page_init;
+        zh_cn_widgets_label_page_proto->destroy =
+            zh_cn_widgets_label_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/widgets/label/page.h b/examples/doc-viewer/app/zh-CN/widgets/label/page.h
new file mode 100644
index 000000000..1319588e1
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/label/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_widgets_label_page(void);
+
+ui_widget_t *ui_create_zh_cn_widgets_label_page(void);
+
+void zh_cn_widgets_label_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_widgets_label_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/widgets/label/page.tsx b/examples/doc-viewer/app/zh-CN/widgets/label/page.tsx
new file mode 100644
index 000000000..41f9e203e
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/label/page.tsx
@@ -0,0 +1,48 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+import LabelBasicDemo from "../../../examples/label-basic/index";
+import FieldTable from "../../../components/field-table";
+import { labelFields } from "../../../widget-fields/label";
+
+export default function LabelDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Label</h1>
+      <p className="doc-page-desc">{`渲染与控件关联的可访问标签，点击时将 click 事件转发到 [bgcolor=#eee] for [/bgcolor] 指向的目标部件。`}</p>
+      <LabelBasicDemo />
+      <Widget className="doc-section">
+        <h2>适用场景</h2>
+        <ul>
+          <li><Text>{`[b]适用[/b]：为 checkbox、text-input 等可交互控件提供点击区域扩展（点击文字也能触发控件）`}</Text></li>
+          <li><Text>{`[b]适用[/b]：辅助功能（a11y）中将文本与控件关联`}</Text></li>
+          <li><Text>{`[b]不适用[/b]：纯展示文本（用 [bgcolor=#eee] text [/bgcolor] 部件）`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>用法</h2>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/widgets/label/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Label[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/widgets/label/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]Label[/color] [color=#cf222e]for[/color]=[color=#0a3069]"agree"[/color]>I agree</[color=#8250df]Label[/color]>`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>API 参考</h2>
+        <FieldTable fields={labelFields} locale="zh-CN" />
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/widgets/progress/page.c b/examples/doc-viewer/app/zh-CN/widgets/progress/page.c
new file mode 100644
index 000000000..e18cdcf8a
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/progress/page.c
@@ -0,0 +1,57 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_widgets_progress_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_widgets_progress_page_t;
+
+static void zh_cn_widgets_progress_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_widgets_progress_page_proto,
+                           sizeof(zh_cn_widgets_progress_page_t));
+
+        zh_cn_widgets_progress_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_widgets_progress_page_update(w);
+}
+
+static zh_cn_widgets_progress_page_t *zh_cn_widgets_progress_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_widgets_progress_page_proto);
+}
+
+static void zh_cn_widgets_progress_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_widgets_progress_page_react_destroy(w);
+}
+
+void zh_cn_widgets_progress_page_update(ui_widget_t *w)
+{
+        zh_cn_widgets_progress_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_widgets_progress_page(void)
+{
+        return ui_create_widget_with_prototype(
+            zh_cn_widgets_progress_page_proto);
+}
+
+void ui_register_zh_cn_widgets_progress_page(void)
+{
+        zh_cn_widgets_progress_page_init_prototype();
+        zh_cn_widgets_progress_page_proto->init =
+            zh_cn_widgets_progress_page_init;
+        zh_cn_widgets_progress_page_proto->destroy =
+            zh_cn_widgets_progress_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/widgets/progress/page.h b/examples/doc-viewer/app/zh-CN/widgets/progress/page.h
new file mode 100644
index 000000000..27aceb240
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/progress/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_widgets_progress_page(void);
+
+ui_widget_t *ui_create_zh_cn_widgets_progress_page(void);
+
+void zh_cn_widgets_progress_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_widgets_progress_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/widgets/progress/page.tsx b/examples/doc-viewer/app/zh-CN/widgets/progress/page.tsx
new file mode 100644
index 000000000..59b897fe5
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/progress/page.tsx
@@ -0,0 +1,48 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+import ProgressBasicDemo from "../../../examples/progress-basic/index";
+import FieldTable from "../../../components/field-table";
+import { progressFields } from "../../../widget-fields/progress";
+
+export default function ProgressDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Progress</h1>
+      <p className="doc-page-desc">{`用于展示任务进度（如文件上传、加载状态）的线性进度条部件。`}</p>
+      <ProgressBasicDemo />
+      <Widget className="doc-section">
+        <h2>适用场景</h2>
+        <ul>
+          <li><Text>{`[b]适用[/b]：文件上传/下载、安装、加载等长时间任务的进度展示`}</Text></li>
+          <li><Text>{`[b]适用[/b]：表单提交、异步操作的等待反馈`}</Text></li>
+          <li><Text>{`[b]不适用[/b]：需要精确数值或不确定进度的场景（用 [bgcolor=#eee] text [/bgcolor] 自行绘制）`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>用法</h2>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/widgets/progress/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Progress[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/widgets/progress/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]Progress[/color] value={[color=#0550ae]20[/color]} />`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>API 参考</h2>
+        <FieldTable fields={progressFields} locale="zh-CN" />
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/widgets/radio-group/page.c b/examples/doc-viewer/app/zh-CN/widgets/radio-group/page.c
new file mode 100644
index 000000000..7167e4fe0
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/radio-group/page.c
@@ -0,0 +1,57 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_widgets_radio_group_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_widgets_radio_group_page_t;
+
+static void zh_cn_widgets_radio_group_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_widgets_radio_group_page_proto,
+                           sizeof(zh_cn_widgets_radio_group_page_t));
+
+        zh_cn_widgets_radio_group_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_widgets_radio_group_page_update(w);
+}
+
+static zh_cn_widgets_radio_group_page_t *zh_cn_widgets_radio_group_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_widgets_radio_group_page_proto);
+}
+
+static void zh_cn_widgets_radio_group_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_widgets_radio_group_page_react_destroy(w);
+}
+
+void zh_cn_widgets_radio_group_page_update(ui_widget_t *w)
+{
+        zh_cn_widgets_radio_group_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_widgets_radio_group_page(void)
+{
+        return ui_create_widget_with_prototype(
+            zh_cn_widgets_radio_group_page_proto);
+}
+
+void ui_register_zh_cn_widgets_radio_group_page(void)
+{
+        zh_cn_widgets_radio_group_page_init_prototype();
+        zh_cn_widgets_radio_group_page_proto->init =
+            zh_cn_widgets_radio_group_page_init;
+        zh_cn_widgets_radio_group_page_proto->destroy =
+            zh_cn_widgets_radio_group_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/widgets/radio-group/page.h b/examples/doc-viewer/app/zh-CN/widgets/radio-group/page.h
new file mode 100644
index 000000000..6f311cae2
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/radio-group/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_widgets_radio_group_page(void);
+
+ui_widget_t *ui_create_zh_cn_widgets_radio_group_page(void);
+
+void zh_cn_widgets_radio_group_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_widgets_radio_group_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/widgets/radio-group/page.tsx b/examples/doc-viewer/app/zh-CN/widgets/radio-group/page.tsx
new file mode 100644
index 000000000..b2791cd40
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/radio-group/page.tsx
@@ -0,0 +1,81 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+import RadioGroupBasicDemo from "../../../examples/radio-group-basic/index";
+import RadioGroupDisabledDemo from "../../../examples/radio-group-disabled/index";
+import FieldTable from "../../../components/field-table";
+import { radioGroupFields } from "../../../widget-fields/radio-group";
+import { radioGroupItemFields } from "../../../widget-fields/radio-group-item";
+
+export default function RadioGroupDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>RadioGroup</h1>
+      <p className="doc-page-desc">{`一组互斥的单选按钮，同一时刻最多只有一项被选中。`}</p>
+      <RadioGroupBasicDemo />
+      <Widget className="doc-section">
+        <h2>适用场景</h2>
+        <ul>
+          <li><Text>{`[b]适用[/b]：从一组互斥的选项中选出唯一一个（视图密度、排序方式、单选枚举等）`}</Text></li>
+          <li><Text>{`[b]适用[/b]：选项数量固定为 2~7 个的简单场景`}</Text></li>
+          <li><Text>{`[b]不适用[/b]：需要并选多个选项的场景（用 [bgcolor=#eee] checkbox [/bgcolor]）`}</Text></li>
+          <li><Text>{`[b]不适用[/b]：选项数量大到需要搜索或筛选（暂未提供 [bgcolor=#eee] select [/bgcolor]）`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>用法</h2>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/widgets/radio-group/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]RadioGroup[/color], [color=#8250df]RadioGroupItem[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/widgets/radio-group/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]RadioGroup[/color] value=[color=#0a3069]"comfortable"[/color]>`}</Text>
+            <Text className="code-line">{`  [color=#116329]<[color=#0550ae]RadioGroupItem[/color] [color=#0550ae]value[/color]=[color=#0a3069]"default"[/color] [color=#0550ae]id[/color]=[color=#0a3069]"r1"[/color] />[/color]`}</Text>
+            <Text className="code-line">{`  [color=#116329]<[color=#0550ae]RadioGroupItem[/color] [color=#0550ae]value[/color]=[color=#0a3069]"comfortable"[/color] [color=#0550ae]id[/color]=[color=#0a3069]"r2"[/color] />[/color]`}</Text>
+            <Text className="code-line">{`  [color=#116329]<[color=#0550ae]RadioGroupItem[/color] [color=#0550ae]value[/color]=[color=#0a3069]"compact"[/color] [color=#0550ae]id[/color]=[color=#0a3069]"r3"[/color] />[/color]`}</Text>
+            <Text className="code-line">{`</[color=#8250df]RadioGroup[/color]>`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>组合</h2>
+        <p>{`使用以下组合来构建 [bgcolor=#eee] RadioGroup [/bgcolor]：`}</p>
+        <Widget className="code-block" data-language="text" data-source="zh-CN/widgets/radio-group/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TEXT</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`RadioGroup`}</Text>
+            <Text className="code-line">{`├── RadioGroupItem`}</Text>
+            <Text className="code-line">{`└── RadioGroupItem`}</Text>
+          </Widget>
+        </Widget>
+        <p>{`通常每项会与一个 [bgcolor=#eee] Label [/bgcolor] 搭配放置在同一行 flex 容器里，Label 的 [bgcolor=#eee] for [/bgcolor] 指向 RadioGroupItem 的 [bgcolor=#eee] id [/bgcolor]，点击 Label 会把 click 事件转发到对应的 item。`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>示例</h2>
+        <h3>禁用</h3>
+        <RadioGroupDisabledDemo />
+      </Widget>
+      <Widget className="doc-section">
+        <h2>API 参考</h2>
+        <h3>RadioGroup</h3>
+        <p>{`单选组容器，管理组内各项的互斥选中状态。`}</p>
+        <FieldTable fields={radioGroupFields} locale="zh-CN" />
+        <h3>RadioGroupItem</h3>
+        <p>{`单选项，每一项代表一个可选值。同一 RadioGroup 内同一时刻最多只有一项处于 checked 状态。`}</p>
+        <FieldTable fields={radioGroupItemFields} locale="zh-CN" />
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/widgets/scrollarea/page.c b/examples/doc-viewer/app/zh-CN/widgets/scrollarea/page.c
new file mode 100644
index 000000000..4dbde9be0
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/scrollarea/page.c
@@ -0,0 +1,56 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_widgets_scrollarea_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_widgets_scrollarea_page_t;
+
+static void zh_cn_widgets_scrollarea_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_widgets_scrollarea_page_proto,
+                           sizeof(zh_cn_widgets_scrollarea_page_t));
+        zh_cn_widgets_scrollarea_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_widgets_scrollarea_page_update(w);
+}
+
+static zh_cn_widgets_scrollarea_page_t *zh_cn_widgets_scrollarea_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_widgets_scrollarea_page_proto);
+}
+
+static void zh_cn_widgets_scrollarea_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_widgets_scrollarea_page_react_destroy(w);
+}
+
+void zh_cn_widgets_scrollarea_page_update(ui_widget_t *w)
+{
+        zh_cn_widgets_scrollarea_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_widgets_scrollarea_page(void)
+{
+        return ui_create_widget_with_prototype(
+            zh_cn_widgets_scrollarea_page_proto);
+}
+
+void ui_register_zh_cn_widgets_scrollarea_page(void)
+{
+        zh_cn_widgets_scrollarea_page_init_prototype();
+        zh_cn_widgets_scrollarea_page_proto->init =
+            zh_cn_widgets_scrollarea_page_init;
+        zh_cn_widgets_scrollarea_page_proto->destroy =
+            zh_cn_widgets_scrollarea_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/widgets/scrollarea/page.h b/examples/doc-viewer/app/zh-CN/widgets/scrollarea/page.h
new file mode 100644
index 000000000..51e973803
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/scrollarea/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_widgets_scrollarea_page(void);
+
+ui_widget_t *ui_create_zh_cn_widgets_scrollarea_page(void);
+
+void zh_cn_widgets_scrollarea_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_widgets_scrollarea_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/widgets/scrollarea/page.tsx b/examples/doc-viewer/app/zh-CN/widgets/scrollarea/page.tsx
new file mode 100644
index 000000000..3fb51ae58
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/scrollarea/page.tsx
@@ -0,0 +1,84 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+import ScrollareaBasicDemo from "../../../examples/scrollarea-basic/index";
+import ScrollareaDualScrollbarsDemo from "../../../examples/scrollarea-dual-scrollbars/index";
+import FieldTable from "../../../components/field-table";
+import { scrollareaFields } from "../../../widget-fields/scrollarea";
+import { scrollareaContentFields } from "../../../widget-fields/scrollarea-content";
+import { scrollbarFields } from "../../../widget-fields/scrollbar";
+
+export default function ScrollareaDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>ScrollArea</h1>
+      <p className="doc-page-desc">{`当子内容超出容器范围时，提供滚动能力的容器部件。`}</p>
+      <ScrollareaBasicDemo />
+      <Widget className="doc-section">
+        <h2>适用场景</h2>
+        <ul>
+          <li><Text>{`[b]适用[/b] — 内容高度或宽度可能超过容器（长列表、文档、日志）。`}</Text></li>
+          <li><Text>{`[b]适用[/b] — 需要滚动条可视化反馈的场景。`}</Text></li>
+          <li><Text>{`[b]不适用[/b] — 内容总是小于容器（直接用普通 [bgcolor=#eee] widget [/bgcolor] 即可）。`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>用法</h2>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/widgets/scrollarea/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]ScrollArea[/color], [color=#8250df]ScrollAreaContent[/color], [color=#8250df]Scrollbar[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/widgets/scrollarea/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]ScrollArea[/color]>`}</Text>
+            <Text className="code-line">{`  [color=#116329]<[color=#0550ae]ScrollAreaContent[/color]>[/color]{/* 子内容 */}[color=#116329]</[color=#0550ae]ScrollAreaContent[/color]>[/color]`}</Text>
+            <Text className="code-line">{`  [color=#116329]<[color=#0550ae]Scrollbar[/color] [color=#0550ae]orientation[/color]=[color=#0a3069]"horizontal"[/color] />[/color]`}</Text>
+            <Text className="code-line">{`  [color=#116329]<[color=#0550ae]Scrollbar[/color] />[/color]`}</Text>
+            <Text className="code-line">{`</[color=#8250df]ScrollArea[/color]>`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>组合</h2>
+        <p>{`使用以下组合来构建 [bgcolor=#eee] ScrollArea [/bgcolor]：`}</p>
+        <Widget className="code-block" data-language="text" data-source="zh-CN/widgets/scrollarea/2">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TEXT</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`ScrollArea`}</Text>
+            <Text className="code-line">{`├── ScrollAreaContent`}</Text>
+            <Text className="code-line">{`└── Scrollbar`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>示例</h2>
+        <h3>双向滚动</h3>
+        <ScrollareaDualScrollbarsDemo />
+        <p>{`当内容需要在水平和垂直两个方向上滚动时，同时设置横向和纵向滚动条。`}</p>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>API 参考</h2>
+        <h3>ScrollArea</h3>
+        <p>{`滚动容器，负责裁剪超出范围的子内容并接收滚动事件。`}</p>
+        <FieldTable fields={scrollareaFields} locale="zh-CN" />
+        <h3>ScrollAreaContent</h3>
+        <p>{`滚动内容容器，承载实际的子部件。必须作为 ScrollArea 的直接子部件使用。`}</p>
+        <FieldTable fields={scrollareaContentFields} locale="zh-CN" />
+        <h3>Scrollbar</h3>
+        <p>{`滚动条部件，用于显示并操作滚动条。作为 ScrollArea 的直接子部件使用。`}</p>
+        <FieldTable fields={scrollbarFields} locale="zh-CN" />
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/widgets/text-input/page.c b/examples/doc-viewer/app/zh-CN/widgets/text-input/page.c
new file mode 100644
index 000000000..bd9e6418f
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/text-input/page.c
@@ -0,0 +1,56 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_widgets_text_input_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_widgets_text_input_page_t;
+
+static void zh_cn_widgets_text_input_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_widgets_text_input_page_proto,
+                           sizeof(zh_cn_widgets_text_input_page_t));
+        zh_cn_widgets_text_input_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_widgets_text_input_page_update(w);
+}
+
+static zh_cn_widgets_text_input_page_t *zh_cn_widgets_text_input_page_get(
+    ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_widgets_text_input_page_proto);
+}
+
+static void zh_cn_widgets_text_input_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_widgets_text_input_page_react_destroy(w);
+}
+
+void zh_cn_widgets_text_input_page_update(ui_widget_t *w)
+{
+        zh_cn_widgets_text_input_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_widgets_text_input_page(void)
+{
+        return ui_create_widget_with_prototype(
+            zh_cn_widgets_text_input_page_proto);
+}
+
+void ui_register_zh_cn_widgets_text_input_page(void)
+{
+        zh_cn_widgets_text_input_page_init_prototype();
+        zh_cn_widgets_text_input_page_proto->init =
+            zh_cn_widgets_text_input_page_init;
+        zh_cn_widgets_text_input_page_proto->destroy =
+            zh_cn_widgets_text_input_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/widgets/text-input/page.h b/examples/doc-viewer/app/zh-CN/widgets/text-input/page.h
new file mode 100644
index 000000000..fb5824cff
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/text-input/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_widgets_text_input_page(void);
+
+ui_widget_t *ui_create_zh_cn_widgets_text_input_page(void);
+
+void zh_cn_widgets_text_input_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_widgets_text_input_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/widgets/text-input/page.tsx b/examples/doc-viewer/app/zh-CN/widgets/text-input/page.tsx
new file mode 100644
index 000000000..6ef40f106
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/text-input/page.tsx
@@ -0,0 +1,47 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+import TextInputBasicDemo from "../../../examples/text-input-basic/index";
+import FieldTable from "../../../components/field-table";
+import { textInputFields } from "../../../widget-fields/text-input";
+
+export default function TextInputDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>TextInput</h1>
+      <p className="doc-page-desc">{`可编辑的文本输入部件。`}</p>
+      <TextInputBasicDemo />
+      <Widget className="doc-section">
+        <h2>适用场景</h2>
+        <ul>
+          <li><Text>{`[b]适用[/b] — 用户输入文本（表单字段、搜索框）。`}</Text></li>
+          <li><Text>{`[b]不适用[/b] — 仅需要展示文本（用 [bgcolor=#eee] text [/bgcolor]）。`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>用法</h2>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/widgets/text-input/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]TextInput[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/widgets/text-input/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]TextInput[/color] />`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>API 参考</h2>
+        <FieldTable fields={textInputFields} locale="zh-CN" />
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/app/zh-CN/widgets/text/page.c b/examples/doc-viewer/app/zh-CN/widgets/text/page.c
new file mode 100644
index 000000000..ad204023a
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/text/page.c
@@ -0,0 +1,53 @@
+#include "page.tsx.h"
+#include "page.h"
+
+typedef struct {
+        zh_cn_widgets_text_page_react_t base;
+        // Add additional states to your component here
+        // ...
+} zh_cn_widgets_text_page_t;
+
+static void zh_cn_widgets_text_page_init(ui_widget_t *w)
+{
+        ui_widget_add_data(w, zh_cn_widgets_text_page_proto,
+                           sizeof(zh_cn_widgets_text_page_t));
+        zh_cn_widgets_text_page_react_init(w);
+        // Write the initialization code for your component here
+        // such as state initialization, event binding, etc
+        // ...
+
+        zh_cn_widgets_text_page_update(w);
+}
+
+static zh_cn_widgets_text_page_t *zh_cn_widgets_text_page_get(ui_widget_t *w)
+{
+        return ui_widget_get_data(w, zh_cn_widgets_text_page_proto);
+}
+
+static void zh_cn_widgets_text_page_destroy(ui_widget_t *w)
+{
+        // Write code here to destroy the relevant resources of the component
+        // ...
+
+        zh_cn_widgets_text_page_react_destroy(w);
+}
+
+void zh_cn_widgets_text_page_update(ui_widget_t *w)
+{
+        zh_cn_widgets_text_page_react_update(w);
+        // Write code here to update other content of your component
+        // ...
+}
+
+ui_widget_t *ui_create_zh_cn_widgets_text_page(void)
+{
+        return ui_create_widget_with_prototype(zh_cn_widgets_text_page_proto);
+}
+
+void ui_register_zh_cn_widgets_text_page(void)
+{
+        zh_cn_widgets_text_page_init_prototype();
+        zh_cn_widgets_text_page_proto->init = zh_cn_widgets_text_page_init;
+        zh_cn_widgets_text_page_proto->destroy =
+            zh_cn_widgets_text_page_destroy;
+}
diff --git a/examples/doc-viewer/app/zh-CN/widgets/text/page.h b/examples/doc-viewer/app/zh-CN/widgets/text/page.h
new file mode 100644
index 000000000..0beda7377
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/text/page.h
@@ -0,0 +1,9 @@
+#include <ui.h>
+
+void ui_register_zh_cn_widgets_text_page(void);
+
+ui_widget_t *ui_create_zh_cn_widgets_text_page(void);
+
+void zh_cn_widgets_text_page_update(ui_widget_t *w);
+
+void ui_load_zh_cn_widgets_text_page_resources(void);
diff --git a/examples/doc-viewer/app/zh-CN/widgets/text/page.tsx b/examples/doc-viewer/app/zh-CN/widgets/text/page.tsx
new file mode 100644
index 000000000..6d4f31bab
--- /dev/null
+++ b/examples/doc-viewer/app/zh-CN/widgets/text/page.tsx
@@ -0,0 +1,47 @@
+import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "../../../components/code-block-copy";
+import TextBasicDemo from "../../../examples/text-basic/index";
+import FieldTable from "../../../components/field-table";
+import { textFields } from "../../../widget-fields/text";
+
+export default function TextDocPage() {
+  return (
+    <Widget className="doc-page">
+      <h1>Text</h1>
+      <p className="doc-page-desc">{`用于显示文本的部件。`}</p>
+      <TextBasicDemo />
+      <Widget className="doc-section">
+        <h2>适用场景</h2>
+        <ul>
+          <li><Text>{`[b]适用[/b] — 静态文本显示（标题、标签、说明文字）。`}</Text></li>
+          <li><Text>{`[b]不适用[/b] — 需要用户编辑文本（用 [bgcolor=#eee] textinput [/bgcolor]）。`}</Text></li>
+        </ul>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>用法</h2>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/widgets/text/0">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`[color=#cf222e]import[/color] { [color=#8250df]Text[/color] } [color=#cf222e]from[/color] [color=#0a3069]"@lcui/react"[/color]`}</Text>
+          </Widget>
+        </Widget>
+        <Widget className="code-block" data-language="tsx" data-source="zh-CN/widgets/text/1">
+          <Widget className="code-block-header">
+            <Text className="code-block-title">TypeScript</Text>
+          </Widget>
+          <Widget className="code-block-body">
+            <CodeBlockCopy />
+            <Text className="code-line">{`<[color=#8250df]Text[/color]>[color=#8250df]Hello[/color]</[color=#8250df]Text[/color]>`}</Text>
+          </Widget>
+        </Widget>
+      </Widget>
+      <Widget className="doc-section">
+        <h2>API 参考</h2>
+        <FieldTable fields={textFields} locale="zh-CN" />
+      </Widget>
+    </Widget>
+  );
+}
diff --git a/examples/doc-viewer/bun.lock b/examples/doc-viewer/bun.lock
new file mode 100644
index 000000000..b3d2c01bd
--- /dev/null
+++ b/examples/doc-viewer/bun.lock
@@ -0,0 +1,209 @@
+{
+  "lockfileVersion": 1,
+  "configVersion": 1,
+  "workspaces": {
+    "": {
+      "name": "doc-viewer",
+      "devDependencies": {
+        "@lcui/react": "^0.5.0",
+        "@lcui/fluent-icons": "^1.0.4",
+        "@thedutchcoder/postcss-rem-to-px": "^0.0.2",
+        "@types/node": "^20.0.0",
+        "@types/react": "^18.0.0",
+        "highlight.js": "^11.9.0",
+        "postcss": "^8.5.10",
+        "tailwindcss": "3.4.17",
+        "typescript": "^5.5.2",
+      },
+    },
+  },
+  "packages": {
+    "@alloc/quick-lru": ["@alloc/quick-lru@5.2.0", "https://registry.npmmirror.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz", {}, "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw=="],
+
+    "@jridgewell/gen-mapping": ["@jridgewell/gen-mapping@0.3.13", "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA=="],
+
+    "@jridgewell/resolve-uri": ["@jridgewell/resolve-uri@3.1.2", "https://registry.npmmirror.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", {}, "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw=="],
+
+    "@jridgewell/sourcemap-codec": ["@jridgewell/sourcemap-codec@1.5.5", "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz", {}, "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og=="],
+
+    "@jridgewell/trace-mapping": ["@jridgewell/trace-mapping@0.3.31", "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz", { "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" } }, "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw=="],
+
+    "@lcui/react": ["@lcui/react@0.5.0", "https://registry.npmmirror.com/@lcui/react/-/react-0.5.0.tgz", { "dependencies": { "change-case-all": "^2.1.0", "react": "^18.2.0" } }, "sha512-q+di7+e9gSGFBABWZElB+wooc72rjXNqlu3e+iUXWaShEwCVD9hwaZmnPKPaMlCQMhYW0MynvkttB4sbRVlRAg=="],
+
+    "@lcui/fluent-icons": ["@lcui/fluent-icons@1.0.4", "https://registry.npmmirror.com/@lcui/fluent-icons/-/react-icons-1.0.4.tgz", { "dependencies": { "@lcui/react": "^0.5.0" } }, "sha512-n8YsdCyxYm+cc8k1yvvfqF1ofzvHGUZpHbJ0G4Fd1WURkgA/4Eu0ap0kLi9WhxKdcCfSpNXZ0nhWS126h1K3zQ=="],
+
+    "@nodelib/fs.scandir": ["@nodelib/fs.scandir@2.1.5", "https://registry.npmmirror.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", { "dependencies": { "@nodelib/fs.stat": "2.0.5", "run-parallel": "^1.1.9" } }, "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g=="],
+
+    "@nodelib/fs.stat": ["@nodelib/fs.stat@2.0.5", "https://registry.npmmirror.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", {}, "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A=="],
+
+    "@nodelib/fs.walk": ["@nodelib/fs.walk@1.2.8", "https://registry.npmmirror.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", { "dependencies": { "@nodelib/fs.scandir": "2.1.5", "fastq": "^1.6.0" } }, "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg=="],
+
+    "@thedutchcoder/postcss-rem-to-px": ["@thedutchcoder/postcss-rem-to-px@0.0.2", "https://registry.npmmirror.com/@thedutchcoder/postcss-rem-to-px/-/postcss-rem-to-px-0.0.2.tgz", { "peerDependencies": { "postcss": "^8.3.0" } }, "sha512-M2T3bJSTgLtZF8+KDYDtSDAFGuTlaxYfitpjkmNswnfJ8AjbQ/g7NC+bqgAAViYWFV9I3tdrQuQ3Bu8j7GrjwA=="],
+
+    "@types/node": ["@types/node@20.19.41", "https://registry.npmmirror.com/@types/node/-/node-20.19.41.tgz", { "dependencies": { "undici-types": "~6.21.0" } }, "sha512-ECymXOukMnOoVkC2bb1Vc/w/836DXncOg5m8Xj1RH7xSHZJWNYY6Zh7EH477vcnD5egKNNfy2RpNOmuChhFPgQ=="],
+
+    "@types/prop-types": ["@types/prop-types@15.7.15", "https://registry.npmmirror.com/@types/prop-types/-/prop-types-15.7.15.tgz", {}, "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw=="],
+
+    "@types/react": ["@types/react@18.3.29", "https://registry.npmmirror.com/@types/react/-/react-18.3.29.tgz", { "dependencies": { "@types/prop-types": "*", "csstype": "^3.2.2" } }, "sha512-ch0qJdr2JY0r04NXSprbK6TXOgnaJ1Tz23fm5W+z0/CBah6BSBc3n96h7K9GOtwh0HrilNWHIBzE1Ko4Dcw/Wg=="],
+
+    "any-promise": ["any-promise@1.3.0", "https://registry.npmmirror.com/any-promise/-/any-promise-1.3.0.tgz", {}, "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="],
+
+    "anymatch": ["anymatch@3.1.3", "https://registry.npmmirror.com/anymatch/-/anymatch-3.1.3.tgz", { "dependencies": { "normalize-path": "^3.0.0", "picomatch": "^2.0.4" } }, "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw=="],
+
+    "arg": ["arg@5.0.2", "https://registry.npmmirror.com/arg/-/arg-5.0.2.tgz", {}, "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="],
+
+    "binary-extensions": ["binary-extensions@2.3.0", "https://registry.npmmirror.com/binary-extensions/-/binary-extensions-2.3.0.tgz", {}, "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw=="],
+
+    "braces": ["braces@3.0.3", "https://registry.npmmirror.com/braces/-/braces-3.0.3.tgz", { "dependencies": { "fill-range": "^7.1.1" } }, "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA=="],
+
+    "camelcase-css": ["camelcase-css@2.0.1", "https://registry.npmmirror.com/camelcase-css/-/camelcase-css-2.0.1.tgz", {}, "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA=="],
+
+    "change-case": ["change-case@5.4.4", "https://registry.npmmirror.com/change-case/-/change-case-5.4.4.tgz", {}, "sha512-HRQyTk2/YPEkt9TnUPbOpr64Uw3KOicFWPVBb+xiHvd6eBx/qPr9xqfBFDT8P2vWsvvz4jbEkfDe71W3VyNu2w=="],
+
+    "change-case-all": ["change-case-all@2.1.0", "https://registry.npmmirror.com/change-case-all/-/change-case-all-2.1.0.tgz", { "dependencies": { "change-case": "^5.2.0", "sponge-case": "^2.0.2", "swap-case": "^3.0.2", "title-case": "^3.0.3" } }, "sha512-v6b0WWWkZUMHVuYk82l+WROgkUm4qEN2w5hKRNWtEOYwWqUGoi8C6xH0l1RLF1EoWqDFK6MFclmN3od6ws3/uw=="],
+
+    "chokidar": ["chokidar@3.6.0", "https://registry.npmmirror.com/chokidar/-/chokidar-3.6.0.tgz", { "dependencies": { "anymatch": "~3.1.2", "braces": "~3.0.2", "glob-parent": "~5.1.2", "is-binary-path": "~2.1.0", "is-glob": "~4.0.1", "normalize-path": "~3.0.0", "readdirp": "~3.6.0" }, "optionalDependencies": { "fsevents": "~2.3.2" } }, "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw=="],
+
+    "commander": ["commander@4.1.1", "https://registry.npmmirror.com/commander/-/commander-4.1.1.tgz", {}, "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA=="],
+
+    "cssesc": ["cssesc@3.0.0", "https://registry.npmmirror.com/cssesc/-/cssesc-3.0.0.tgz", { "bin": { "cssesc": "bin/cssesc" } }, "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg=="],
+
+    "csstype": ["csstype@3.2.3", "https://registry.npmmirror.com/csstype/-/csstype-3.2.3.tgz", {}, "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ=="],
+
+    "didyoumean": ["didyoumean@1.2.2", "https://registry.npmmirror.com/didyoumean/-/didyoumean-1.2.2.tgz", {}, "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="],
+
+    "dlv": ["dlv@1.1.3", "https://registry.npmmirror.com/dlv/-/dlv-1.1.3.tgz", {}, "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="],
+
+    "es-errors": ["es-errors@1.3.0", "https://registry.npmmirror.com/es-errors/-/es-errors-1.3.0.tgz", {}, "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw=="],
+
+    "fast-glob": ["fast-glob@3.3.3", "https://registry.npmmirror.com/fast-glob/-/fast-glob-3.3.3.tgz", { "dependencies": { "@nodelib/fs.stat": "^2.0.2", "@nodelib/fs.walk": "^1.2.3", "glob-parent": "^5.1.2", "merge2": "^1.3.0", "micromatch": "^4.0.8" } }, "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg=="],
+
+    "fastq": ["fastq@1.20.1", "https://registry.npmmirror.com/fastq/-/fastq-1.20.1.tgz", { "dependencies": { "reusify": "^1.0.4" } }, "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw=="],
+
+    "fdir": ["fdir@6.5.0", "https://registry.npmmirror.com/fdir/-/fdir-6.5.0.tgz", { "peerDependencies": { "picomatch": "^3 || ^4" }, "optionalPeers": ["picomatch"] }, "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg=="],
+
+    "fill-range": ["fill-range@7.1.1", "https://registry.npmmirror.com/fill-range/-/fill-range-7.1.1.tgz", { "dependencies": { "to-regex-range": "^5.0.1" } }, "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg=="],
+
+    "fsevents": ["fsevents@2.3.3", "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz", { "os": "darwin" }, "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="],
+
+    "function-bind": ["function-bind@1.1.2", "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz", {}, "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA=="],
+
+    "glob-parent": ["glob-parent@6.0.2", "https://registry.npmmirror.com/glob-parent/-/glob-parent-6.0.2.tgz", { "dependencies": { "is-glob": "^4.0.3" } }, "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A=="],
+
+    "hasown": ["hasown@2.0.3", "https://registry.npmmirror.com/hasown/-/hasown-2.0.3.tgz", { "dependencies": { "function-bind": "^1.1.2" } }, "sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg=="],
+
+    "highlight.js": ["highlight.js@11.11.1", "https://registry.npmmirror.com/highlight.js/-/highlight.js-11.11.1.tgz", {}, "sha512-Xwwo44whKBVCYoliBQwaPvtd/2tYFkRQtXDWj1nackaV2JPXx3L0+Jvd8/qCJ2p+ML0/XVkJ2q+Mr+UVdpJK5w=="],
+
+    "is-binary-path": ["is-binary-path@2.1.0", "https://registry.npmmirror.com/is-binary-path/-/is-binary-path-2.1.0.tgz", { "dependencies": { "binary-extensions": "^2.0.0" } }, "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw=="],
+
+    "is-core-module": ["is-core-module@2.16.2", "https://registry.npmmirror.com/is-core-module/-/is-core-module-2.16.2.tgz", { "dependencies": { "hasown": "^2.0.3" } }, "sha512-evOr8xfXKxE6qSR0hSXL2r3sd7ALj8+7jQEUvPYcm5sgZFdJ+AYzT6yNmJenvIYQBgIGwfwz08sL8zoL7yq2BA=="],
+
+    "is-extglob": ["is-extglob@2.1.1", "https://registry.npmmirror.com/is-extglob/-/is-extglob-2.1.1.tgz", {}, "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="],
+
+    "is-glob": ["is-glob@4.0.3", "https://registry.npmmirror.com/is-glob/-/is-glob-4.0.3.tgz", { "dependencies": { "is-extglob": "^2.1.1" } }, "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg=="],
+
+    "is-number": ["is-number@7.0.0", "https://registry.npmmirror.com/is-number/-/is-number-7.0.0.tgz", {}, "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="],
+
+    "jiti": ["jiti@1.21.7", "https://registry.npmmirror.com/jiti/-/jiti-1.21.7.tgz", { "bin": { "jiti": "bin/jiti.js" } }, "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A=="],
+
+    "js-tokens": ["js-tokens@4.0.0", "https://registry.npmmirror.com/js-tokens/-/js-tokens-4.0.0.tgz", {}, "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="],
+
+    "lilconfig": ["lilconfig@3.1.3", "https://registry.npmmirror.com/lilconfig/-/lilconfig-3.1.3.tgz", {}, "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw=="],
+
+    "lines-and-columns": ["lines-and-columns@1.2.4", "https://registry.npmmirror.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz", {}, "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="],
+
+    "loose-envify": ["loose-envify@1.4.0", "https://registry.npmmirror.com/loose-envify/-/loose-envify-1.4.0.tgz", { "dependencies": { "js-tokens": "^3.0.0 || ^4.0.0" }, "bin": { "loose-envify": "cli.js" } }, "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q=="],
+
+    "merge2": ["merge2@1.4.1", "https://registry.npmmirror.com/merge2/-/merge2-1.4.1.tgz", {}, "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="],
+
+    "micromatch": ["micromatch@4.0.8", "https://registry.npmmirror.com/micromatch/-/micromatch-4.0.8.tgz", { "dependencies": { "braces": "^3.0.3", "picomatch": "^2.3.1" } }, "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA=="],
+
+    "mz": ["mz@2.7.0", "https://registry.npmmirror.com/mz/-/mz-2.7.0.tgz", { "dependencies": { "any-promise": "^1.0.0", "object-assign": "^4.0.1", "thenify-all": "^1.0.0" } }, "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q=="],
+
+    "nanoid": ["nanoid@3.3.12", "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.12.tgz", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ=="],
+
+    "normalize-path": ["normalize-path@3.0.0", "https://registry.npmmirror.com/normalize-path/-/normalize-path-3.0.0.tgz", {}, "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="],
+
+    "object-assign": ["object-assign@4.1.1", "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz", {}, "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg=="],
+
+    "object-hash": ["object-hash@3.0.0", "https://registry.npmmirror.com/object-hash/-/object-hash-3.0.0.tgz", {}, "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw=="],
+
+    "path-parse": ["path-parse@1.0.7", "https://registry.npmmirror.com/path-parse/-/path-parse-1.0.7.tgz", {}, "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="],
+
+    "picocolors": ["picocolors@1.1.1", "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
+
+    "picomatch": ["picomatch@2.3.2", "https://registry.npmmirror.com/picomatch/-/picomatch-2.3.2.tgz", {}, "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA=="],
+
+    "pify": ["pify@2.3.0", "https://registry.npmmirror.com/pify/-/pify-2.3.0.tgz", {}, "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog=="],
+
+    "pirates": ["pirates@4.0.7", "https://registry.npmmirror.com/pirates/-/pirates-4.0.7.tgz", {}, "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA=="],
+
+    "postcss": ["postcss@8.5.15", "https://registry.npmmirror.com/postcss/-/postcss-8.5.15.tgz", { "dependencies": { "nanoid": "^3.3.12", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A=="],
+
+    "postcss-import": ["postcss-import@15.1.0", "https://registry.npmmirror.com/postcss-import/-/postcss-import-15.1.0.tgz", { "dependencies": { "postcss-value-parser": "^4.0.0", "read-cache": "^1.0.0", "resolve": "^1.1.7" }, "peerDependencies": { "postcss": "^8.0.0" } }, "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew=="],
+
+    "postcss-js": ["postcss-js@4.1.0", "https://registry.npmmirror.com/postcss-js/-/postcss-js-4.1.0.tgz", { "dependencies": { "camelcase-css": "^2.0.1" }, "peerDependencies": { "postcss": "^8.4.21" } }, "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw=="],
+
+    "postcss-load-config": ["postcss-load-config@4.0.2", "https://registry.npmmirror.com/postcss-load-config/-/postcss-load-config-4.0.2.tgz", { "dependencies": { "lilconfig": "^3.0.0", "yaml": "^2.3.4" }, "peerDependencies": { "postcss": ">=8.0.9", "ts-node": ">=9.0.0" }, "optionalPeers": ["postcss", "ts-node"] }, "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ=="],
+
+    "postcss-nested": ["postcss-nested@6.2.0", "https://registry.npmmirror.com/postcss-nested/-/postcss-nested-6.2.0.tgz", { "dependencies": { "postcss-selector-parser": "^6.1.1" }, "peerDependencies": { "postcss": "^8.2.14" } }, "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ=="],
+
+    "postcss-selector-parser": ["postcss-selector-parser@6.1.2", "https://registry.npmmirror.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz", { "dependencies": { "cssesc": "^3.0.0", "util-deprecate": "^1.0.2" } }, "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg=="],
+
+    "postcss-value-parser": ["postcss-value-parser@4.2.0", "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", {}, "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="],
+
+    "queue-microtask": ["queue-microtask@1.2.3", "https://registry.npmmirror.com/queue-microtask/-/queue-microtask-1.2.3.tgz", {}, "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="],
+
+    "react": ["react@18.3.1", "https://registry.npmmirror.com/react/-/react-18.3.1.tgz", { "dependencies": { "loose-envify": "^1.1.0" } }, "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ=="],
+
+    "read-cache": ["read-cache@1.0.0", "https://registry.npmmirror.com/read-cache/-/read-cache-1.0.0.tgz", { "dependencies": { "pify": "^2.3.0" } }, "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA=="],
+
+    "readdirp": ["readdirp@3.6.0", "https://registry.npmmirror.com/readdirp/-/readdirp-3.6.0.tgz", { "dependencies": { "picomatch": "^2.2.1" } }, "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA=="],
+
+    "resolve": ["resolve@1.22.12", "https://registry.npmmirror.com/resolve/-/resolve-1.22.12.tgz", { "dependencies": { "es-errors": "^1.3.0", "is-core-module": "^2.16.1", "path-parse": "^1.0.7", "supports-preserve-symlinks-flag": "^1.0.0" }, "bin": { "resolve": "bin/resolve" } }, "sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA=="],
+
+    "reusify": ["reusify@1.1.0", "https://registry.npmmirror.com/reusify/-/reusify-1.1.0.tgz", {}, "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw=="],
+
+    "run-parallel": ["run-parallel@1.2.0", "https://registry.npmmirror.com/run-parallel/-/run-parallel-1.2.0.tgz", { "dependencies": { "queue-microtask": "^1.2.2" } }, "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA=="],
+
+    "source-map-js": ["source-map-js@1.2.1", "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz", {}, "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="],
+
+    "sponge-case": ["sponge-case@2.0.3", "https://registry.npmmirror.com/sponge-case/-/sponge-case-2.0.3.tgz", {}, "sha512-i4h9ZGRfxV6Xw3mpZSFOfbXjf0cQcYmssGWutgNIfFZ2VM+YIWfD71N/kjjwK6X/AAHzBr+rciEcn/L34S8TGw=="],
+
+    "sucrase": ["sucrase@3.35.1", "https://registry.npmmirror.com/sucrase/-/sucrase-3.35.1.tgz", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.2", "commander": "^4.0.0", "lines-and-columns": "^1.1.6", "mz": "^2.7.0", "pirates": "^4.0.1", "tinyglobby": "^0.2.11", "ts-interface-checker": "^0.1.9" }, "bin": { "sucrase": "bin/sucrase", "sucrase-node": "bin/sucrase-node" } }, "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw=="],
+
+    "supports-preserve-symlinks-flag": ["supports-preserve-symlinks-flag@1.0.0", "https://registry.npmmirror.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", {}, "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="],
+
+    "swap-case": ["swap-case@3.0.3", "https://registry.npmmirror.com/swap-case/-/swap-case-3.0.3.tgz", {}, "sha512-6p4op8wE9CQv7uDFzulI6YXUw4lD9n4oQierdbFThEKVWVQcbQcUjdP27W8XE7V4QnWmnq9jueSHceyyQnqQVA=="],
+
+    "tailwindcss": ["tailwindcss@3.4.17", "https://registry.npmmirror.com/tailwindcss/-/tailwindcss-3.4.17.tgz", { "dependencies": { "@alloc/quick-lru": "^5.2.0", "arg": "^5.0.2", "chokidar": "^3.6.0", "didyoumean": "^1.2.2", "dlv": "^1.1.3", "fast-glob": "^3.3.2", "glob-parent": "^6.0.2", "is-glob": "^4.0.3", "jiti": "^1.21.6", "lilconfig": "^3.1.3", "micromatch": "^4.0.8", "normalize-path": "^3.0.0", "object-hash": "^3.0.0", "picocolors": "^1.1.1", "postcss": "^8.4.47", "postcss-import": "^15.1.0", "postcss-js": "^4.0.1", "postcss-load-config": "^4.0.2", "postcss-nested": "^6.2.0", "postcss-selector-parser": "^6.1.2", "resolve": "^1.22.8", "sucrase": "^3.35.0" }, "bin": { "tailwind": "lib/cli.js", "tailwindcss": "lib/cli.js" } }, "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og=="],
+
+    "thenify": ["thenify@3.3.1", "https://registry.npmmirror.com/thenify/-/thenify-3.3.1.tgz", { "dependencies": { "any-promise": "^1.0.0" } }, "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw=="],
+
+    "thenify-all": ["thenify-all@1.6.0", "https://registry.npmmirror.com/thenify-all/-/thenify-all-1.6.0.tgz", { "dependencies": { "thenify": ">= 3.1.0 < 4" } }, "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA=="],
+
+    "tinyglobby": ["tinyglobby@0.2.16", "https://registry.npmmirror.com/tinyglobby/-/tinyglobby-0.2.16.tgz", { "dependencies": { "fdir": "^6.5.0", "picomatch": "^4.0.4" } }, "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg=="],
+
+    "title-case": ["title-case@3.0.3", "https://registry.npmmirror.com/title-case/-/title-case-3.0.3.tgz", { "dependencies": { "tslib": "^2.0.3" } }, "sha512-e1zGYRvbffpcHIrnuqT0Dh+gEJtDaxDSoG4JAIpq4oDFyooziLBIiYQv0GBT4FUAnUop5uZ1hiIAj7oAF6sOCA=="],
+
+    "to-regex-range": ["to-regex-range@5.0.1", "https://registry.npmmirror.com/to-regex-range/-/to-regex-range-5.0.1.tgz", { "dependencies": { "is-number": "^7.0.0" } }, "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ=="],
+
+    "ts-interface-checker": ["ts-interface-checker@0.1.13", "https://registry.npmmirror.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz", {}, "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="],
+
+    "tslib": ["tslib@2.8.1", "https://registry.npmmirror.com/tslib/-/tslib-2.8.1.tgz", {}, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],
+
+    "typescript": ["typescript@5.9.3", "https://registry.npmmirror.com/typescript/-/typescript-5.9.3.tgz", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="],
+
+    "undici-types": ["undici-types@6.21.0", "https://registry.npmmirror.com/undici-types/-/undici-types-6.21.0.tgz", {}, "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ=="],
+
+    "util-deprecate": ["util-deprecate@1.0.2", "https://registry.npmmirror.com/util-deprecate/-/util-deprecate-1.0.2.tgz", {}, "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="],
+
+    "yaml": ["yaml@2.9.0", "https://registry.npmmirror.com/yaml/-/yaml-2.9.0.tgz", { "bin": { "yaml": "bin.mjs" } }, "sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA=="],
+
+    "chokidar/glob-parent": ["glob-parent@5.1.2", "https://registry.npmmirror.com/glob-parent/-/glob-parent-5.1.2.tgz", { "dependencies": { "is-glob": "^4.0.1" } }, "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="],
+
+    "fast-glob/glob-parent": ["glob-parent@5.1.2", "https://registry.npmmirror.com/glob-parent/-/glob-parent-5.1.2.tgz", { "dependencies": { "is-glob": "^4.0.1" } }, "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="],
+
+    "tinyglobby/picomatch": ["picomatch@4.0.4", "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.4.tgz", {}, "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A=="],
+  }
+}
diff --git a/examples/doc-viewer/env.d.ts b/examples/doc-viewer/env.d.ts
new file mode 100644
index 000000000..5a1d61c21
--- /dev/null
+++ b/examples/doc-viewer/env.d.ts
@@ -0,0 +1 @@
+/// <reference types="@lcui/react/types" />
diff --git a/examples/doc-viewer/package-lock.json b/examples/doc-viewer/package-lock.json
new file mode 100644
index 000000000..01119ed70
--- /dev/null
+++ b/examples/doc-viewer/package-lock.json
@@ -0,0 +1,1832 @@
+{
+  "name": "doc-viewer",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "doc-viewer",
+      "version": "0.1.0",
+      "dependencies": {
+        "mdast-util-from-markdown": "^2.0.3",
+        "micromark": "^4.0.2"
+      },
+      "devDependencies": {
+        "@lcui/fluent-iconss": "^2.0.0",
+        "@lcui/react": "0.6.0",
+        "@thedutchcoder/postcss-rem-to-px": "^0.0.2",
+        "@types/node": "^20.0.0",
+        "@types/react": "^18.0.0",
+        "highlight.js": "^11.9.0",
+        "postcss": "^8.5.10",
+        "tailwindcss": "3.4.17",
+        "typescript": "^5.5.2"
+      },
+      "engines": {
+        "bun": ">=1.0.0"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@lcui/fluent-icons": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@lcui/fluent-icons/-/fluent-icons-2.0.0.tgz",
+      "integrity": "sha512-3WJne/scVPTvU9EsqRTXqh8lHXn7h6KLPa2qR/9+tJ09ROSRyzIupxeW4tRAKwlwaAno81o09PT00/TKCryjhw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@lcui/react": "*"
+      },
+      "peerDependencies": {
+        "@lcui/react": "*"
+      }
+    },
+    "node_modules/@lcui/fluent-icons
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/@lcui/fluent-iconsct-0.6.0.tgz",
+      "integrity": "sha512-33+N9yPB7CYhXDsUGze3w1cNp5S4fBHxp67vcCODHeFGBuoLZg0/cUxHq+8yFoodFx85PYNmVamFk4OQ8Ukiaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "change-case-all": "^2.1.0",
+        "react": "^18.2.0"
+      },
+      "peerDependencies": {
+        "react": "^18.2.0"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@thedutchcoder/postcss-rem-to-px": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/@thedutchcoder/postcss-rem-to-px/-/postcss-rem-to-px-0.0.2.tgz",
+      "integrity": "sha512-M2T3bJSTgLtZF8+KDYDtSDAFGuTlaxYfitpjkmNswnfJ8AjbQ/g7NC+bqgAAViYWFV9I3tdrQuQ3Bu8j7GrjwA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.3.0"
+      }
+    },
+    "node_modules/@types/debug": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmmirror.com/@types/debug/-/debug-4.1.13.tgz",
+      "integrity": "sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/ms": "*"
+      }
+    },
+    "node_modules/@types/mdast": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmmirror.com/@types/mdast/-/mdast-4.0.4.tgz",
+      "integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/ms": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/@types/ms/-/ms-2.1.0.tgz",
+      "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "20.19.41",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.41.tgz",
+      "integrity": "sha512-ECymXOukMnOoVkC2bb1Vc/w/836DXncOg5m8Xj1RH7xSHZJWNYY6Zh7EH477vcnD5egKNNfy2RpNOmuChhFPgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.15",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
+      "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/react": {
+      "version": "18.3.29",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.29.tgz",
+      "integrity": "sha512-ch0qJdr2JY0r04NXSprbK6TXOgnaJ1Tz23fm5W+z0/CBah6BSBc3n96h7K9GOtwh0HrilNWHIBzE1Ko4Dcw/Wg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/prop-types": "*",
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/unist": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmmirror.com/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
+    },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/change-case": {
+      "version": "5.4.4",
+      "resolved": "https://registry.npmjs.org/change-case/-/change-case-5.4.4.tgz",
+      "integrity": "sha512-HRQyTk2/YPEkt9TnUPbOpr64Uw3KOicFWPVBb+xiHvd6eBx/qPr9xqfBFDT8P2vWsvvz4jbEkfDe71W3VyNu2w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/change-case-all": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/change-case-all/-/change-case-all-2.1.0.tgz",
+      "integrity": "sha512-v6b0WWWkZUMHVuYk82l+WROgkUm4qEN2w5hKRNWtEOYwWqUGoi8C6xH0l1RLF1EoWqDFK6MFclmN3od6ws3/uw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "change-case": "^5.2.0",
+        "sponge-case": "^2.0.2",
+        "swap-case": "^3.0.2",
+        "title-case": "^3.0.3"
+      }
+    },
+    "node_modules/character-entities": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/character-entities/-/character-entities-2.0.2.tgz",
+      "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmmirror.com/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decode-named-character-reference": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/decode-named-character-reference/-/decode-named-character-reference-1.3.0.tgz",
+      "integrity": "sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "character-entities": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/devlop": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/devlop/-/devlop-1.1.0.tgz",
+      "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
+      "license": "MIT",
+      "dependencies": {
+        "dequal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.3.tgz",
+      "integrity": "sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/highlight.js": {
+      "version": "11.11.1",
+      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.11.1.tgz",
+      "integrity": "sha512-Xwwo44whKBVCYoliBQwaPvtd/2tYFkRQtXDWj1nackaV2JPXx3L0+Jvd8/qCJ2p+ML0/XVkJ2q+Mr+UVdpJK5w==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.2",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.2.tgz",
+      "integrity": "sha512-evOr8xfXKxE6qSR0hSXL2r3sd7ALj8+7jQEUvPYcm5sgZFdJ+AYzT6yNmJenvIYQBgIGwfwz08sL8zoL7yq2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "1.21.7",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
+      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lilconfig": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/mdast-util-from-markdown": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.3.tgz",
+      "integrity": "sha512-W4mAWTvSlKvf8L6J+VN9yLSqQ9AOAAvHuoDAmPkz4dHf553m5gVj2ejadHJhoJmcmxEnOv6Pa8XJhpxE93kb8Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-to-string": "^4.0.0",
+        "micromark": "^4.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-decode-string": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/mdast-util-to-string/-/mdast-util-to-string-4.0.0.tgz",
+      "integrity": "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromark": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmmirror.com/micromark/-/micromark-4.0.2.tgz",
+      "integrity": "sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@types/debug": "^4.0.0",
+        "debug": "^4.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-core-commonmark": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/micromark-core-commonmark/-/micromark-core-commonmark-2.0.3.tgz",
+      "integrity": "sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-factory-destination": "^2.0.0",
+        "micromark-factory-label": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-factory-title": "^2.0.0",
+        "micromark-factory-whitespace": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-html-tag-name": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-destination": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-factory-destination/-/micromark-factory-destination-2.0.1.tgz",
+      "integrity": "sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-label": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-factory-label/-/micromark-factory-label-2.0.1.tgz",
+      "integrity": "sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-space": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-factory-space/-/micromark-factory-space-2.0.1.tgz",
+      "integrity": "sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-title": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-factory-title/-/micromark-factory-title-2.0.1.tgz",
+      "integrity": "sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-whitespace": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-factory-whitespace/-/micromark-factory-whitespace-2.0.1.tgz",
+      "integrity": "sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-character": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-character/-/micromark-util-character-2.1.1.tgz",
+      "integrity": "sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-chunked": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-chunked/-/micromark-util-chunked-2.0.1.tgz",
+      "integrity": "sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-classify-character": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-classify-character/-/micromark-util-classify-character-2.0.1.tgz",
+      "integrity": "sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-combine-extensions": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-combine-extensions/-/micromark-util-combine-extensions-2.0.1.tgz",
+      "integrity": "sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-numeric-character-reference": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-2.0.2.tgz",
+      "integrity": "sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-string": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-decode-string/-/micromark-util-decode-string-2.0.1.tgz",
+      "integrity": "sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-encode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-encode/-/micromark-util-encode-2.0.1.tgz",
+      "integrity": "sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-html-tag-name": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-html-tag-name/-/micromark-util-html-tag-name-2.0.1.tgz",
+      "integrity": "sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-normalize-identifier": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-2.0.1.tgz",
+      "integrity": "sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-resolve-all": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-resolve-all/-/micromark-util-resolve-all-2.0.1.tgz",
+      "integrity": "sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-sanitize-uri": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.1.tgz",
+      "integrity": "sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-subtokenize": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/micromark-util-subtokenize/-/micromark-util-subtokenize-2.1.0.tgz",
+      "integrity": "sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-symbol": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-symbol/-/micromark-util-symbol-2.0.1.tgz",
+      "integrity": "sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-types": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/micromark-util-types/-/micromark-util-types-2.0.2.tgz",
+      "integrity": "sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.12",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
+      "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.15",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz",
+      "integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.12",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz",
+      "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
+      "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "lilconfig": "^3.0.0",
+        "yaml": "^2.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      },
+      "peerDependencies": {
+        "postcss": ">=8.0.9",
+        "ts-node": ">=9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        },
+        "ts-node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-nested": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
+      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.1.1"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/react": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.12",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz",
+      "integrity": "sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sponge-case": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/sponge-case/-/sponge-case-2.0.3.tgz",
+      "integrity": "sha512-i4h9ZGRfxV6Xw3mpZSFOfbXjf0cQcYmssGWutgNIfFZ2VM+YIWfD71N/kjjwK6X/AAHzBr+rciEcn/L34S8TGw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/sucrase": {
+      "version": "3.35.1",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
+      "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "tinyglobby": "^0.2.11",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/swap-case": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/swap-case/-/swap-case-3.0.3.tgz",
+      "integrity": "sha512-6p4op8wE9CQv7uDFzulI6YXUw4lD9n4oQierdbFThEKVWVQcbQcUjdP27W8XE7V4QnWmnq9jueSHceyyQnqQVA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tailwindcss": {
+      "version": "3.4.17",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz",
+      "integrity": "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.6.0",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.2",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.21.6",
+        "lilconfig": "^3.1.3",
+        "micromatch": "^4.0.8",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.1.1",
+        "postcss": "^8.4.47",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.2",
+        "postcss-nested": "^6.2.0",
+        "postcss-selector-parser": "^6.1.2",
+        "resolve": "^1.22.8",
+        "sucrase": "^3.35.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.16",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
+      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/title-case": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/title-case/-/title-case-3.0.3.tgz",
+      "integrity": "sha512-e1zGYRvbffpcHIrnuqT0Dh+gEJtDaxDSoG4JAIpq4oDFyooziLBIiYQv0GBT4FUAnUop5uZ1hiIAj7oAF6sOCA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD"
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/unist-util-stringify-position": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz",
+      "integrity": "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/yaml": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.9.0.tgz",
+      "integrity": "sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
+      }
+    }
+  }
+}
diff --git a/examples/doc-viewer/package.json b/examples/doc-viewer/package.json
new file mode 100644
index 000000000..918a7d338
--- /dev/null
+++ b/examples/doc-viewer/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "doc-viewer",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "compile": "bun run scripts/compiler/index.ts",
+    "compile:watch": "bun run scripts/compiler/index.ts --watch"
+  },
+  "devDependencies": {
+    "@lcui/fluent-icons": "^2.0.0",
+    "@lcui/react": "0.6.0",
+    "@thedutchcoder/postcss-rem-to-px": "^0.0.2",
+    "@types/node": "^20.0.0",
+    "@types/react": "^18.0.0",
+    "highlight.js": "^11.9.0",
+    "postcss": "^8.5.10",
+    "tailwindcss": "3.4.17",
+    "typescript": "^5.5.2"
+  },
+  "engines": {
+    "bun": ">=1.0.0"
+  },
+  "dependencies": {
+    "mdast-util-from-markdown": "^2.0.3",
+    "micromark": "^4.0.2"
+  }
+}
diff --git a/examples/doc-viewer/postcss.config.js b/examples/doc-viewer/postcss.config.js
new file mode 100644
index 000000000..2c2848db5
--- /dev/null
+++ b/examples/doc-viewer/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    "@thedutchcoder/postcss-rem-to-px": {},
+  },
+};
diff --git a/examples/doc-viewer/scripts/compiler/css-extractor.ts b/examples/doc-viewer/scripts/compiler/css-extractor.ts
new file mode 100644
index 000000000..85be4054c
--- /dev/null
+++ b/examples/doc-viewer/scripts/compiler/css-extractor.ts
@@ -0,0 +1,94 @@
+/**
+ * css-extractor.ts — Extract component CSS from src/widgets/*.c files.
+ *
+ * LCUI widget C source files define their default CSS using either:
+ *
+ *   static const char *ui_button_css = css_string(
+ *     button { ... }
+ *   );
+ *
+ * or inline string literals:
+ *
+ *   static const char *ui_scrollarea_css = "\
+ *   scrollarea-content { min-width: min-content; }";
+ *
+ * This extractor handles both patterns and concatenates all extracted CSS
+ * into a single docs/build/public/component-styles.css file for use by the
+ * Docusaurus web compiler (M5) to render static component previews.
+ */
+
+import { readFileSync, readdirSync, writeFileSync } from "fs";
+import { join } from "path";
+
+function extractCssStringMacro(source: string): string[] {
+  const results: string[] = [];
+  const re = /=\s*css_string\s*\(\s*([\s\S]*?)\s*\)\s*;/g;
+  let m: RegExpExecArray | null;
+  while ((m = re.exec(source)) !== null) {
+    results.push(m[1].trim());
+  }
+  return results;
+}
+
+function extractCStringLiteral(source: string): string[] {
+  const results: string[] = [];
+  const re = /=\s*"((?:[^"\\]|\\[\s\S])*?)"\s*;/g;
+  let m: RegExpExecArray | null;
+  while ((m = re.exec(source)) !== null) {
+    const val = m[1]
+      .replace(/\\\n/g, "\n")
+      .replace(/\\n/g, "\n")
+      .replace(/\\t/g, "\t")
+      .replace(/\\"/g, '"');
+    if (val.includes("{")) {
+      results.push(val.trim());
+    }
+  }
+  return results;
+}
+
+export async function extractWidgetCss(
+  widgetsSrcDir: string,
+  outDir: string,
+): Promise<void> {
+  let files: string[];
+  try {
+    files = readdirSync(widgetsSrcDir).filter((f) => f.endsWith(".c"));
+  } catch {
+    console.warn(
+      `[css-extractor] Could not read ${widgetsSrcDir} — skipping CSS extraction`,
+    );
+    writeFileSync(
+      join(outDir, "component-styles.css"),
+      "/* CSS extraction skipped: src/widgets/ not found */\n",
+      "utf8",
+    );
+    return;
+  }
+
+  const chunks = [
+    "/* LCUI Component Styles",
+    " * Auto-generated by tools/doc-compiler/css-extractor.ts",
+    " * Sources: src/widgets/*.c",
+    " */\n",
+  ];
+
+  for (const file of files.sort()) {
+    const filePath = join(widgetsSrcDir, file);
+    const source = readFileSync(filePath, "utf8");
+
+    const fromMacro = extractCssStringMacro(source);
+    const fromLiteral = extractCStringLiteral(source);
+    const all = [...fromMacro, ...fromLiteral];
+
+    if (all.length > 0) {
+      chunks.push(`/* ── ${file} ${"─".repeat(Math.max(0, 44 - file.length))} */`);
+      for (const css of all) {
+        chunks.push(css);
+      }
+      chunks.push("");
+    }
+  }
+
+  writeFileSync(join(outDir, "component-styles.css"), chunks.join("\n"), "utf8");
+}
diff --git a/examples/doc-viewer/scripts/compiler/example-compiler.ts b/examples/doc-viewer/scripts/compiler/example-compiler.ts
new file mode 100644
index 000000000..369032fe7
--- /dev/null
+++ b/examples/doc-viewer/scripts/compiler/example-compiler.ts
@@ -0,0 +1,187 @@
+/**
+ * example-compiler.ts — Resolve example source files and apply syntax
+ * highlighting so that page-generator can embed them in generated code.
+ *
+ * For each example name:
+ *   - Check which variants exist: plain C (no suffix), -xml, -tsx
+ *   - Read main.c (+ ui.xml / ui.tsx where present)
+ *   - Apply highlight.js to produce highlighted HTML
+ */
+
+import { readFileSync, existsSync } from "fs";
+import { join } from "path";
+import hljs from "highlight.js";
+import { highlightedHtmlToLines } from "./style-tag-renderer.ts";
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+
+export interface CompiledVariantFile {
+  lang: string;
+  filename: string;
+  source: string;
+  highlighted: string;
+  /**
+   * Source-code lines with highlight.js colours translated into LCUI
+   * style tags.  Each entry is one balanced (self-closing) line ready
+   * to be embedded in a <Text> widget.  Empty lines become a single
+   * space so the rendered widget keeps a non-zero height.
+   */
+  lines: string[];
+}
+
+export interface CompiledVariant {
+  id: "c" | "xml" | "tsx";
+  files: CompiledVariantFile[];
+}
+
+export interface CompiledExample {
+  name: string;
+  heading: string;
+  funcName: string;
+  localSymbols: string[];
+  variants: CompiledVariant[];
+}
+
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+
+const C_KEYWORDS = new Set([
+  "void", "int", "char", "float", "double", "long", "short",
+  "unsigned", "signed", "const", "volatile", "inline", "extern",
+  "static", "register", "auto", "struct", "union", "enum",
+  "typedef", "sizeof", "return", "if", "else", "for", "while",
+  "do", "switch", "case", "break", "continue", "goto", "default",
+  "bool", "true", "false", "NULL", "size_t", "ssize_t",
+  "uint8_t", "uint16_t", "uint32_t", "uint64_t",
+  "int8_t", "int16_t", "int32_t", "int64_t",
+  "ui_widget_t", "ui_event_t", "wchar_t",
+]);
+
+function toFuncName(exampleName: string): string {
+  return exampleName.replace(/-/g, "_") + "_init";
+}
+
+function toPrefix(exampleName: string): string {
+  return exampleName.replace(/-/g, "_");
+}
+
+export function findLocalSymbols(source: string, exampleName: string): string[] {
+  const prefix = toPrefix(exampleName);
+  const found = new Set<string>();
+
+  const staticFuncRe = /\bstatic\b[^(;{]*?\b(\w+)\s*\(/g;
+  let m: RegExpExecArray | null;
+  while ((m = staticFuncRe.exec(source)) !== null) {
+    const sym = m[1];
+    if (!C_KEYWORDS.has(sym)) found.add(sym);
+  }
+
+  const typedefStructRe = /\btypedef\s+struct\b[^;]*?\}\s*(\w+)\s*;/gs;
+  while ((m = typedefStructRe.exec(source)) !== null) {
+    const sym = m[1];
+    if (!C_KEYWORDS.has(sym)) found.add(sym);
+  }
+
+  const typedefAliasRe = /\btypedef\s+(?!struct\b)[\w\s*]+\s+(\w+)\s*;/g;
+  while ((m = typedefAliasRe.exec(source)) !== null) {
+    const sym = m[1];
+    if (!C_KEYWORDS.has(sym)) found.add(sym);
+  }
+
+  const initFunc = prefix + "_init";
+  return [...found].filter(
+    (sym) => sym !== initFunc && !sym.startsWith(prefix + "_"),
+  );
+}
+
+function highlight(source: string, lang: string): string {
+  try {
+    return hljs.highlight(source, { language: lang }).value;
+  } catch {
+    return hljs.highlightAuto(source).value;
+  }
+}
+
+const VARIANT_FILES: Record<string, string[]> = {
+  c: ["main.c"],
+  xml: ["ui.xml", "main.c"],
+  tsx: ["example.tsx", "example.c", "example.css", "main.c"],
+};
+
+const FILE_LANG: Record<string, string> = {
+  "main.c": "c",
+  "ui.xml": "xml",
+  "example.tsx": "typescript",
+  "example.c": "c",
+  "example.css": "css",
+};
+
+// ---------------------------------------------------------------------------
+// Compile a single example
+// ---------------------------------------------------------------------------
+
+function loadVariantFiles(dir: string, filenames: string[]): CompiledVariantFile[] {
+  const files: CompiledVariantFile[] = [];
+  for (const filename of filenames) {
+    const filePath = join(dir, filename);
+    if (!existsSync(filePath)) continue;
+    const source = readFileSync(filePath, "utf8");
+    const lang = FILE_LANG[filename];
+    const highlighted = highlight(source, lang);
+    files.push({
+      lang,
+      filename,
+      source,
+      highlighted,
+      lines: highlightedHtmlToLines(highlighted),
+    });
+  }
+  return files;
+}
+
+function compileSingleExample(
+  example: { name: string; heading: string },
+  examplesDir: string,
+): CompiledExample {
+  const { name, heading } = example;
+  const variants: CompiledVariant[] = [];
+
+  const dirs: Array<{ id: "c" | "xml" | "tsx"; dir: string }> = [
+    { id: "c", dir: join(examplesDir, name) },
+    { id: "xml", dir: join(examplesDir, `${name}-xml`) },
+    { id: "tsx", dir: join(examplesDir, `${name}-tsx`) },
+  ];
+
+  for (const { id, dir } of dirs) {
+    if (!existsSync(join(dir, "main.c"))) continue;
+    variants.push({ id, files: loadVariantFiles(dir, VARIANT_FILES[id]) });
+  }
+
+  let cMainSource: string | null = null;
+  const cMainPath = join(examplesDir, name, "main.c");
+  if (existsSync(cMainPath)) {
+    cMainSource = readFileSync(cMainPath, "utf8");
+  }
+
+  return {
+    name,
+    heading,
+    funcName: toFuncName(name),
+    localSymbols: cMainSource ? findLocalSymbols(cMainSource, name) : [],
+    variants,
+  };
+}
+
+// ---------------------------------------------------------------------------
+// Public API
+// ---------------------------------------------------------------------------
+
+export async function compileExamples(
+  examples: Array<{ name: string; heading: string }>,
+  examplesDir: string,
+): Promise<CompiledExample[]> {
+  return examples.map((ex) => compileSingleExample(ex, examplesDir));
+}
diff --git a/examples/doc-viewer/scripts/compiler/index.ts b/examples/doc-viewer/scripts/compiler/index.ts
new file mode 100644
index 000000000..c6a4168ec
--- /dev/null
+++ b/examples/doc-viewer/scripts/compiler/index.ts
@@ -0,0 +1,218 @@
+#!/usr/bin/env bun
+/**
+ * LCUI doc-compiler — main entry point
+ *
+ * Usage:
+ *   bun run scripts/compiler/index.ts                  compile docs/ → app/
+ *   bun run scripts/compiler/index.ts --watch          recompile on source changes
+ *   bun run scripts/compiler/index.ts --css-only       extract CSS from src/widgets/*.c only
+ *
+ * Output: app/  (App Router layout, one dir per page)
+ */
+
+import { readFileSync, writeFileSync, mkdirSync, existsSync, copyFileSync, readdirSync } from "fs";
+import { resolve, dirname, join } from "path";
+import { fileURLToPath } from "url";
+
+import { parseMdx } from "./mdx-parser.ts";
+import { compileExamples, type CompiledExample } from "./example-compiler.ts";
+import { generatePageFiles, generateRouteTitles, generateCodeSnippets, SnippetRegistry } from "./page-generator.ts";
+import { extractWidgetCss } from "./css-extractor.ts";
+
+// ---------------------------------------------------------------------------
+// Sidebar shape (mirrors docs/sidebars.json)
+// ---------------------------------------------------------------------------
+
+export interface SidebarSection {
+  slug: string;
+  label: { en: string; "zh-CN": string };
+  items: Array<{ slug: string; label: { en: string; "zh-CN": string } }>;
+}
+
+// ---------------------------------------------------------------------------
+// Paths
+// ---------------------------------------------------------------------------
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const ROOT = resolve(__dirname, "../../../..");
+const DOCS_DIR = join(ROOT, "docs");
+const APP_DIR = join(ROOT, "examples", "doc-viewer", "app");
+const SIDEBARS_PATH = join(DOCS_DIR, "sidebars.json");
+const EXAMPLES_DIR = join(DOCS_DIR, "examples");
+const WIDGETS_SRC_DIR = join(ROOT, "src", "widgets");
+const WIDGET_FIELDS_SRC = join(DOCS_DIR, "widget-fields");
+
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+
+function ensureDir(dir: string): void {
+  if (!existsSync(dir)) {
+    mkdirSync(dir, { recursive: true });
+  }
+}
+
+function copyWidgetFields(srcDir: string, destDir: string): void {
+  if (!existsSync(srcDir)) return;
+  ensureDir(destDir);
+  for (const entry of readdirSync(srcDir)) {
+    if (!entry.endsWith(".ts")) continue;
+    copyFileSync(join(srcDir, entry), join(destDir, entry));
+  }
+}
+
+function loadSidebars(): { sidebar: SidebarSection[] } {
+  const raw = readFileSync(SIDEBARS_PATH, "utf8");
+  return JSON.parse(raw) as { sidebar: SidebarSection[] };
+}
+
+// ---------------------------------------------------------------------------
+// Compile a single MDX page
+// ---------------------------------------------------------------------------
+
+async function compilePage(
+  locale: string,
+  section: SidebarSection,
+  itemSlug: string,
+  localeAppDir: string,
+  examplesOutDir: string,
+  snippets: SnippetRegistry,
+): Promise<CompiledExample[]> {
+  const mdxPath = join(DOCS_DIR, locale, section.slug, `${itemSlug}.mdx`);
+
+  if (!existsSync(mdxPath)) {
+    console.warn(`  [warn] MDX not found: ${mdxPath}`);
+    return [];
+  }
+
+  const mdxSource = readFileSync(mdxPath, "utf8");
+  const parsed = parseMdx(mdxSource);
+
+  // Collect every example referenced by the page (basic + in-section).
+  const allExamples = parsed.basicExample
+    ? [parsed.basicExample, ...parsed.examples]
+    : parsed.examples;
+  const compiledExamples = await compileExamples(allExamples, EXAMPLES_DIR);
+
+  const outDir = join(localeAppDir, section.slug, itemSlug);
+  ensureDir(outDir);
+
+  await generatePageFiles({
+    repoRoot: ROOT,
+    outDir,
+    examplesOutDir,
+    parsed,
+    compiledExamples,
+    locale,
+    section: section.slug,
+    slug: itemSlug,
+    snippets,
+  });
+
+  console.log(`  [ok] ${locale}/${section.slug}/${itemSlug}`);
+  return compiledExamples;
+}
+
+// ---------------------------------------------------------------------------
+// Main
+// ---------------------------------------------------------------------------
+
+async function main(): Promise<void> {
+  const args = process.argv.slice(2);
+  const watchMode = args.includes("--watch");
+  const cssOnly = args.includes("--css-only");
+
+  ensureDir(join(DOCS_DIR, "build", "public"));
+  await extractWidgetCss(WIDGETS_SRC_DIR, join(DOCS_DIR, "build", "public"));
+  console.log(
+    "[css] Widget CSS extracted → docs/build/public/component-styles.css",
+  );
+
+  if (cssOnly) return;
+
+  const { sidebar } = loadSidebars();
+  const locales = ["en", "zh-CN"];
+
+  ensureDir(APP_DIR);
+
+  // Copy sidebar.json to app/components/sidebar.json for the Sidebar component
+  const sidebarDestDir = join(APP_DIR, "components");
+  ensureDir(sidebarDestDir);
+  writeFileSync(
+    join(sidebarDestDir, "sidebar.json"),
+    readFileSync(SIDEBARS_PATH, "utf8"),
+    "utf8",
+  );
+
+  // Copy widget-fields data (widget.ts + per-component *.ts) into
+  // app/widget-fields/ so generated page.tsx files can import them
+  // at compile time.
+  copyWidgetFields(WIDGET_FIELDS_SRC, join(APP_DIR, "widget-fields"));
+
+  // Per-example demos are emitted to a single shared directory so the
+  // layout mirrors docs/examples/<name>-tsx/ in the source tree.
+  const examplesOutDir = join(APP_DIR, "examples");
+  ensureDir(examplesOutDir);
+
+  const snippets = new SnippetRegistry();
+
+  for (const locale of locales) {
+    console.log(`\n[locale] ${locale}`);
+    const localeAppDir = join(APP_DIR, locale);
+    ensureDir(localeAppDir);
+    for (const section of sidebar) {
+      for (const item of section.items) {
+        await compilePage(
+          locale,
+          section,
+          item.slug,
+          localeAppDir,
+          examplesOutDir,
+          snippets,
+        );
+      }
+    }
+  }
+
+  await generateRouteTitles({
+    outFile: join(APP_DIR, "components", "route-titles.h"),
+    sidebar,
+    locales,
+  });
+  console.log("[routes] route-titles.h generated");
+
+  await generateCodeSnippets({
+    outHFile: join(APP_DIR, "components", "code-snippets.h"),
+    outCFile: join(APP_DIR, "components", "code-snippets.c"),
+    snippets: snippets.all(),
+  });
+  console.log(`[snippets] code-snippets.c generated (${snippets.all().length} entries)`);
+
+  if (watchMode) {
+    console.log("\n[watch] Watching docs/ for changes… (Ctrl+C to stop)");
+    const { watch } = await import("fs");
+    watch(DOCS_DIR, { recursive: true }, async (event, filename) => {
+      if (!filename || !filename.endsWith(".mdx")) return;
+      console.log(`\n[change] ${filename}`);
+      const parts = filename.replace(/\\/g, "/").split("/");
+      if (parts.length >= 3) {
+        const locale = parts[0];
+        const sectionDir = parts[1];
+        const slug = parts[2].replace(".mdx", "");
+        const section = sidebar.find((s) => s.slug === sectionDir);
+        if (section) {
+          await compilePage(
+            locale, section, slug, join(APP_DIR, locale),
+            examplesOutDir, snippets);
+        }
+      }
+    });
+  } else {
+    console.log("\n[done] Build complete → tools/doc-viewer/app/");
+  }
+}
+
+main().catch((err) => {
+  console.error("[error]", err);
+  process.exit(1);
+});
diff --git a/examples/doc-viewer/scripts/compiler/mdx-parser.ts b/examples/doc-viewer/scripts/compiler/mdx-parser.ts
new file mode 100644
index 000000000..cfd0d9cb5
--- /dev/null
+++ b/examples/doc-viewer/scripts/compiler/mdx-parser.ts
@@ -0,0 +1,276 @@
+/**
+ * mdx-parser.ts — Parse an MDX source file into structured data.
+ *
+ * Extracts:
+ *   - title         (first # heading)
+ *   - description   (first paragraph after title, before first ## heading)
+ *   - sections      (## / ### headings with their content blocks)
+ *   - examples      (list of { name, heading } from <WidgetExample> tags)
+ *
+ * Also exposes markdownInlineToLcuiStyleTags() for converting parsed
+ * markdown inline content to LCUI-compatible style tags.
+ *
+ * LCUI does not support mixed text+element nodes.  Inline markup inside a
+ * paragraph (e.g. <b>Note:</b> Run <code>ls -a</code>) is flattened into a
+ * single <text> element using LCUI style tags:
+ *   [b]Note:[/b] Run [bgcolor=#eee]ls -a[/bgcolor]
+ */
+
+import { fromMarkdown } from "mdast-util-from-markdown";
+import type { PhrasingContent } from "mdast";
+
+export interface ParsedExample {
+  name: string;
+  heading: string;
+}
+
+export interface ParsedSection {
+  level: number;
+  heading: string;
+  content: string;
+}
+
+export interface ParsedMdx {
+  title: string;
+  description: string;
+  /**
+   * The first `<WidgetExample/>` that appears between the description
+   * paragraph and the first `## ` heading.  Conventionally a widget's
+   * "basic" demo, rendered immediately under the page header.  Absent
+   * for non-widget pages.
+   */
+  basicExample?: ParsedExample;
+  /**
+   * Examples that appear inside `## ` sections (e.g. an `## Examples`
+   * block).  Does NOT include `basicExample`.
+   */
+  examples: ParsedExample[];
+  sections: ParsedSection[];
+}
+
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+
+function trimLines(str: string): string {
+  return str
+    .split("\n")
+    .map((l) => l.trimEnd())
+    .join("\n")
+    .trim();
+}
+
+// ---------------------------------------------------------------------------
+// Token types
+// ---------------------------------------------------------------------------
+
+const T = {
+  H1: "h1",
+  H2: "h2",
+  H3: "h3",
+  CODE_FENCE: "code_fence",
+  COMPONENT: "component",
+  TEXT: "text",
+  EMPTY: "empty",
+} as const;
+
+type TokenType = (typeof T)[keyof typeof T];
+
+interface Token {
+  type: TokenType;
+  text?: string;
+  lang?: string;
+  name?: string;
+}
+
+function tokenizeLine(line: string): Token {
+  if (/^# /.test(line)) return { type: T.H1, text: line.slice(2).trim() };
+  if (/^## /.test(line)) return { type: T.H2, text: line.slice(3).trim() };
+  if (/^### /.test(line)) return { type: T.H3, text: line.slice(4).trim() };
+  if (/^```/.test(line)) {
+    return { type: T.CODE_FENCE, lang: line.slice(3).trim() };
+  }
+  const m = line.match(/^<WidgetExample\s+name="([a-z0-9-]+)"\s*\/?>/);
+  if (m) return { type: T.COMPONENT, name: m[1] };
+  if (line.trim() === "") return { type: T.EMPTY };
+  return { type: T.TEXT, text: line };
+}
+
+// ---------------------------------------------------------------------------
+// Inline markdown → LCUI style tags
+// ---------------------------------------------------------------------------
+
+/**
+ * Convert inline markdown markup to LCUI text style tags.
+ *
+ * Uses a markdown AST parser (micromark + mdast-util-from-markdown) to
+ * handle emphasis/strong/code nodes correctly including edge cases that
+ * regex-based parsers fail on (e.g. multiple `*` pairs, nested emphasis).
+ *
+ * Supported conversions:
+ *   **text** / __text__  →  [b]text[/b]
+ *   *text*  / _text_     →  [i]text[/i]
+ *   `code`               →  [bgcolor=#eee] code [/bgcolor]  (spaces act as padding)
+ *   [text](url)          →  text  (link text only — LCUI has no hyperlink)
+ */
+export function markdownInlineToLcuiStyleTags(text: string): string {
+  const root = fromMarkdown(text);
+  const paragraph = root.children[0];
+  if (!paragraph || paragraph.type !== "paragraph") {
+    return text;
+  }
+  return renderPhrasingChildren(paragraph.children);
+}
+
+function renderPhrasingChildren(nodes: PhrasingContent[]): string {
+  const out: string[] = [];
+  for (const node of nodes) {
+    switch (node.type) {
+      case "text":
+        out.push(node.value);
+        break;
+      case "strong":
+        out.push(`[b]${renderPhrasingChildren(node.children)}[/b]`);
+        break;
+      case "emphasis":
+        out.push(`[i]${renderPhrasingChildren(node.children)}[/i]`);
+        break;
+      case "inlineCode":
+        out.push(`[bgcolor=#eee] ${node.value} [/bgcolor]`);
+        break;
+      case "link":
+        out.push(renderPhrasingChildren(node.children));
+        break;
+      case "break":
+        out.push(" ");
+        break;
+      default:
+        if ("value" in node) {
+          out.push((node as { value: string }).value);
+        } else if ("children" in node) {
+          out.push(renderPhrasingChildren((node as { children: PhrasingContent[] }).children));
+        }
+    }
+  }
+  return out.join("");
+}
+
+// ---------------------------------------------------------------------------
+// Main parser
+// ---------------------------------------------------------------------------
+
+interface SectionBuilder {
+  level: number;
+  heading: string;
+  lines: string[];
+}
+
+export function parseMdx(source: string): ParsedMdx {
+  const lines = source.split("\n");
+  let title = "";
+  let description = "";
+  const examples: ParsedExample[] = [];
+  const sections: ParsedSection[] = [];
+
+  let inCode = false;
+  let currentBuilder: SectionBuilder | null = null;
+  let phase: "before_title" | "desc" | "sections" = "before_title";
+  let lastExampleHeading = "";
+  let descLines: string[] = [];
+  let basicExample: ParsedExample | undefined;
+
+  function flushSection() {
+    if (currentBuilder) {
+      sections.push({
+        level: currentBuilder.level,
+        heading: currentBuilder.heading,
+        content: trimLines(currentBuilder.lines.join("\n")),
+      });
+      currentBuilder = null;
+    }
+  }
+
+  function appendToCurrentSection(line: string) {
+    if (currentBuilder) {
+      currentBuilder.lines.push(line);
+    }
+  }
+
+  for (const line of lines) {
+    if (inCode) {
+      if (line.startsWith("```")) {
+        inCode = false;
+      }
+      appendToCurrentSection(line);
+      continue;
+    }
+
+    const tok = tokenizeLine(line);
+
+    if (tok.type === T.CODE_FENCE) {
+      inCode = true;
+      appendToCurrentSection(line);
+      continue;
+    }
+
+    switch (phase) {
+      case "before_title":
+        if (tok.type === T.H1) {
+          title = tok.text!;
+          phase = "desc";
+        }
+        break;
+
+      case "desc":
+        if (tok.type === T.H2) {
+          description = trimLines(descLines.join("\n"));
+          phase = "sections";
+          flushSection();
+          currentBuilder = { level: 2, heading: tok.text!, lines: [] };
+          lastExampleHeading = "";
+        } else if (tok.type === T.COMPONENT) {
+          // A `<WidgetExample />` between the description and the
+          // first `## ` heading is the page's "basic" example.  Stop
+          // accumulating description text, store the example, and
+          // wait for the first `## ` to actually open a section.
+          if (!basicExample) {
+            basicExample = { name: tok.name!, heading: title };
+          }
+          description = trimLines(descLines.join("\n"));
+          phase = "sections";
+        } else if (tok.type !== T.EMPTY || descLines.length > 0) {
+          descLines.push(line);
+        }
+        break;
+
+      case "sections":
+        if (tok.type === T.H2) {
+          flushSection();
+          currentBuilder = { level: 2, heading: tok.text!, lines: [] };
+          lastExampleHeading = "";
+        } else if (tok.type === T.H3) {
+          appendToCurrentSection(line);
+          lastExampleHeading = tok.text!;
+        } else if (tok.type === T.COMPONENT) {
+          examples.push({ name: tok.name!, heading: lastExampleHeading });
+          appendToCurrentSection(line);
+        } else {
+          appendToCurrentSection(line);
+        }
+        break;
+    }
+  }
+
+  if (phase === "desc") {
+    description = trimLines(descLines.join("\n"));
+  }
+  flushSection();
+
+  return {
+    title,
+    description,
+    basicExample,
+    examples,
+    sections,
+  };
+}
diff --git a/examples/doc-viewer/scripts/compiler/page-generator.ts b/examples/doc-viewer/scripts/compiler/page-generator.ts
new file mode 100644
index 000000000..dc6f14abc
--- /dev/null
+++ b/examples/doc-viewer/scripts/compiler/page-generator.ts
@@ -0,0 +1,1248 @@
+/**
+ * page-generator.ts — Generate page.tsx, page.c, and demo sub-components
+ * for a single doc page.
+ */
+
+import { writeFileSync, mkdirSync, existsSync } from "fs";
+import { join, relative, posix, sep } from "path";
+import hljs from "highlight.js";
+import type { ParsedMdx, ParsedSection } from "./mdx-parser.ts";
+import { markdownInlineToLcuiStyleTags } from "./mdx-parser.ts";
+import type { CompiledExample } from "./example-compiler.ts";
+import { highlightedHtmlToLines } from "./style-tag-renderer.ts";
+
+// ---------------------------------------------------------------------------
+// Path helpers
+// ---------------------------------------------------------------------------
+
+/** Convert any platform path to POSIX-style for use in import specifiers. */
+function toPosix(p: string): string {
+  return p.split(sep).join(posix.sep);
+}
+
+/** Compute a POSIX-style relative import path (always prefixed with `./` or `../`). */
+function relativeImport(fromDir: string, toFile: string): string {
+  const rel = toPosix(relative(fromDir, toFile));
+  return rel.startsWith(".") ? rel : `./${rel}`;
+}
+
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+
+function camelCase(str: string): string {
+  return str.replace(/-([a-z])/g, (_, c: string) => c.toUpperCase());
+}
+
+function pascalCase(str: string): string {
+  const cc = camelCase(str);
+  return cc.charAt(0).toUpperCase() + cc.slice(1);
+}
+
+function cIdent(str: string): string {
+  return str.replace(/-/g, "_");
+}
+
+function escapeTsx(str: string): string {
+  return str
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/\{/g, "&#123;")
+    .replace(/\}/g, "&#125;");
+}
+
+function escapeTsxTemplateContent(str: string): string {
+  // For use inside {`...`} template literals in TSX
+  return str.replace(/\\/g, "\\\\").replace(/`/g, "\\`").replace(/\$/g, "\\$");
+}
+
+// LCUI's text widget collapses runs of ASCII whitespace at the start of
+// a line during layout, so source-code indentation gets lost in code
+// blocks.  Replace the leading run of ASCII spaces and tabs (a tab
+// counts as 4 spaces) with U+00A0 (NO-BREAK SPACE) per character so the
+// indentation is preserved as opaque text.  Whitespace inside the line
+// is left untouched.
+function preserveLeadingIndent(line: string): string {
+  let i = 0;
+  let spaces = 0;
+  while (i < line.length) {
+    if (line[i] === " ") {
+      spaces += 1;
+    } else if (line[i] === "\t") {
+      spaces += 4;
+    } else {
+      break;
+    }
+    i += 1;
+  }
+  if (i === 0) {
+    return line;
+  }
+  return "\u00a0".repeat(spaces) + line.slice(i);
+}
+
+// ---------------------------------------------------------------------------
+// Section content renderer
+//
+// Walks the raw markdown lines captured in ParsedSection.content and emits
+// LCUI/JSX nodes:
+//
+//   ## heading       →  <h2>…</h2>
+//   ### heading      →  <h3>…</h3>
+//   ```lang … ```    →  <Widget className="code-block">{ <Text /> per line }
+//   <WidgetExample/> →  <NameDemo />
+//   plain paragraph  →  <p>…</p>
+//
+// Inline markdown (**bold**, `code`, etc.) is passed through
+// markdownInlineToLcuiStyleTags so the Text widgets keep emphasis using
+// LCUI style tags (LCUI cannot render mixed text+element trees inside a
+// single widget).
+// ---------------------------------------------------------------------------
+
+const HLJS_LANG_MAP: Record<string, string> = {
+  c: "c",
+  cpp: "cpp",
+  "c++": "cpp",
+  js: "javascript",
+  javascript: "javascript",
+  ts: "typescript",
+  typescript: "typescript",
+  tsx: "typescript",
+  jsx: "javascript",
+  xml: "xml",
+  html: "xml",
+  css: "css",
+  json: "json",
+  bash: "bash",
+  sh: "bash",
+  shell: "bash",
+};
+
+function highlightCode(source: string, lang: string): string {
+  const mapped = HLJS_LANG_MAP[lang.toLowerCase()] ?? lang;
+  try {
+    return hljs.highlight(source, { language: mapped }).value;
+  } catch {
+    return hljs.highlightAuto(source).value;
+  }
+}
+
+const FRIENDLY_LANG_NAME: Record<string, string> = {
+  c: "C",
+  cpp: "C++",
+  "c++": "C++",
+  ts: "TypeScript",
+  typescript: "TypeScript",
+  tsx: "TypeScript",
+  js: "JavaScript",
+  javascript: "JavaScript",
+  jsx: "JavaScript",
+  xml: "XML",
+  html: "HTML",
+  css: "CSS",
+  json: "JSON",
+  bash: "Bash",
+  sh: "Shell",
+  shell: "Shell",
+};
+
+function friendlyLangName(lang: string): string {
+  return FRIENDLY_LANG_NAME[lang.toLowerCase()] ?? lang.toUpperCase();
+}
+
+// ---------------------------------------------------------------------------
+// Snippet registry
+//
+// Every code block emitted into a page or demo gets its raw UTF-8
+// source registered here under a stable id of the form
+// "<scope>/<index>".  The registry is flushed to
+// app/components/code-snippets.{c,h} at the end of compile.  The C
+// table is consumed by app/components/code-block-copy.c so the click
+// handler can resolve `data-source` attributes to the original source
+// text without inlining multi-line literals into every page.tsx.h.
+// ---------------------------------------------------------------------------
+
+export interface Snippet {
+  id: string;
+  source: string;
+}
+
+export class SnippetRegistry {
+  private snippets: Snippet[] = [];
+  private counts: Map<string, number> = new Map();
+
+  add(scope: string, source: string): string {
+    const n = this.counts.get(scope) ?? 0;
+    this.counts.set(scope, n + 1);
+    const id = `${scope}/${n}`;
+    this.snippets.push({ id, source });
+    return id;
+  }
+
+  all(): Snippet[] {
+    return this.snippets;
+  }
+}
+
+function renderInlineLine(line: string, indent: string): string {
+  const styled = markdownInlineToLcuiStyleTags(line);
+  const escaped = escapeTsxTemplateContent(styled);
+  return `${indent}<p>{\`${escaped}\`}</p>`;
+}
+
+// ---------------------------------------------------------------------------
+// Markdown table → flexbox markup.
+//
+// LCUI does not support display: table, so we lay out every table as a
+// column of flex rows.  For each column we compute the max number of
+// printable characters across header + body.  Columns whose max length
+// is below the threshold get a fixed pixel width (cellWidthPx); the
+// rightmost long column stretches via flex-grow so long descriptions do
+// not get forced into narrow slivers.  A minimum width is applied to
+// every cell so short content does not collapse.
+// ---------------------------------------------------------------------------
+
+const MDX_TABLE_FLEX_THRESHOLD = 28;
+const MDX_TABLE_CHAR_PX = 8;
+const MDX_TABLE_PADDING_PX = 24;
+const MDX_TABLE_MIN_WIDTH_PX = 48;
+
+interface MdTableRow {
+  cells: string[];
+}
+
+function parseMarkdownTableCells(line: string): string[] {
+  // strip leading and trailing "|"
+  const inner = line.replace(/^\s*\|/, "").replace(/\|\s*$/, "");
+  return inner.split("|").map((c) => c.trim());
+}
+
+function isMarkdownTableSeparator(row: MdTableRow): boolean {
+  return row.cells.every((c) => /^:?-+:?$/.test(c.trim()));
+}
+
+function renderMarkdownTable(
+  rows: MdTableRow[],
+  indent: string,
+): string {
+  if (rows.length < 2) return "";
+  const header = rows[0];
+  const body = rows.slice(2); // drop header + separator
+  const numCols = Math.max(header.cells.length, ...body.map((r) => r.cells.length));
+
+  const maxLen = new Array(numCols).fill(0);
+  for (const row of [header, ...body]) {
+    for (let c = 0; c < numCols; c++) {
+      const val = row.cells[c] ?? "";
+      maxLen[c] = Math.max(maxLen[c], val.length);
+    }
+  }
+
+  const wideIdx = numCols - 1;
+  const lastColWide = maxLen[wideIdx] >= MDX_TABLE_FLEX_THRESHOLD;
+
+  function cellAttrs(
+    c: number,
+  ): { cls: string; styleObj: string } {
+    const baseCls = "mdx-table-cell";
+    if (c === wideIdx && lastColWide) {
+      return { cls: baseCls + " flex-grow", styleObj: `{ minWidth: "${MDX_TABLE_MIN_WIDTH_PX}px" }` };
+    }
+    const w = Math.max(
+      MDX_TABLE_MIN_WIDTH_PX,
+      maxLen[c] * MDX_TABLE_CHAR_PX + MDX_TABLE_PADDING_PX,
+    );
+    return { cls: baseCls, styleObj: `{ width: "${w}px" }` };
+  }
+
+  function renderRow(row: MdTableRow, isHead: boolean): string {
+    const children = [];
+    for (let c = 0; c < numCols; c++) {
+      const raw = row.cells[c] ?? "";
+      const styled = markdownInlineToLcuiStyleTags(raw);
+      const escaped = escapeTsxTemplateContent(styled);
+      const { cls, styleObj } = cellAttrs(c);
+      const headCls = isHead ? `${cls} mdx-table-head-cell` : cls;
+      children.push(
+        `${indent}    <Widget className="${headCls}" style={${styleObj}}>\n` +
+        `${indent}      <Text>{\`${escaped}\`}</Text>\n` +
+        `${indent}    </Widget>`,
+      );
+    }
+    const rowCls = isHead ? "mdx-table-row mdx-table-head" : "mdx-table-row";
+    return (
+      `${indent}  <Widget className="${rowCls}">\n` +
+      children.join("\n") + "\n" +
+      `${indent}  </Widget>`
+    );
+  }
+
+  const renderedRows = [
+    renderRow(header, true),
+    ...body.map((r) => renderRow(r, false)),
+  ];
+  return (
+    `${indent}<Widget className="mdx-table">\n` +
+    renderedRows.join("\n") + "\n" +
+    `${indent}</Widget>`
+  );
+}
+
+/**
+ * Parse docusaurus-style fenced-code metadata (e.g. title="src/main.c").
+ * Returns { title } if present, otherwise an empty object.
+ */
+function parseCodeMeta(meta: string | undefined): { title?: string } {
+  if (!meta) return {};
+  const m = meta.match(/title="([^"]+)"/);
+  return m ? { title: m[1] } : {};
+}
+
+function renderCodeBlock(
+  lang: string,
+  sourceLines: string[],
+  indent: string,
+  snippets: SnippetRegistry,
+  snippetScope: string,
+  overrideTitle?: string,
+  noHeader?: boolean,
+): string {
+  const source = sourceLines.join("\n");
+  const html = highlightCode(source, lang);
+  const lines = highlightedHtmlToLines(html);
+  const inner = lines
+    .map((l) => {
+      const content = escapeTsxTemplateContent(preserveLeadingIndent(l));
+      return `${indent}    <Text className="code-line">{\`${content}\`}</Text>`;
+    })
+    .join("\n");
+  const id = snippets.add(snippetScope, source);
+  if (noHeader) {
+    return (
+      `${indent}<Widget className="code-block" data-language="${lang}" data-source="${id}">\n` +
+      `${indent}  <Widget className="code-block-body">\n` +
+      `${indent}    <CodeBlockCopy />\n` +
+      `${inner}\n` +
+      `${indent}  </Widget>\n` +
+      `${indent}</Widget>`
+    );
+  }
+  const title = overrideTitle ?? friendlyLangName(lang);
+  return (
+    `${indent}<Widget className="code-block" data-language="${lang}" data-source="${id}">\n` +
+    `${indent}  <Widget className="code-block-header">\n` +
+    `${indent}    <Text className="code-block-title">${escapeTsx(title)}</Text>\n` +
+    `${indent}  </Widget>\n` +
+    `${indent}  <Widget className="code-block-body">\n` +
+    `${indent}    <CodeBlockCopy />\n` +
+    `${inner}\n` +
+    `${indent}  </Widget>\n` +
+    `${indent}</Widget>`
+  );
+}
+
+function renderDescription(
+  description: string,
+  compiledExamples: CompiledExample[],
+  snippets: SnippetRegistry,
+  snippetScope: string,
+  fieldTableNames: Set<string>,
+  locale: string,
+): string {
+  if (!description) return "";
+
+  const paragraphs = description.split(/\n\s*\n/).filter(p => p.trim());
+  if (paragraphs.length === 0) return "";
+
+  const out: string[] = [];
+
+  // First paragraph: wrap with doc-page-desc class
+  const firstPara = paragraphs[0].trim();
+  const firstStyled = markdownInlineToLcuiStyleTags(firstPara);
+  const firstEscaped = escapeTsxTemplateContent(firstStyled);
+  out.push(`      <p className="doc-page-desc">{\`${firstEscaped}\`}</p>`);
+
+  // Remaining paragraphs: render as section content
+  if (paragraphs.length > 1) {
+    const rest = paragraphs.slice(1).join("\n\n");
+    const restContent = renderSectionContent(rest, compiledExamples, "      ", snippets, snippetScope, fieldTableNames, locale);
+    if (restContent) {
+      out.push(restContent);
+    }
+  }
+
+  return out.join("\n");
+}
+
+function renderSectionContent(
+  content: string,
+  compiledExamples: CompiledExample[],
+  indent: string,
+  snippets: SnippetRegistry,
+  snippetScope: string,
+  fieldTableNames: Set<string>,
+  locale: string,
+): string {
+  const lines = content.split("\n");
+  const out: string[] = [];
+
+  let i = 0;
+  while (i < lines.length) {
+    const line = lines[i];
+    const trimmed = line.trim();
+
+    if (trimmed === "") {
+      i++;
+      continue;
+    }
+
+    // Code fence: ```lang [meta] where meta can include title="..."
+    const fenceMatch = line.match(/^```(\S*)(?:\s+(.+))?$/);
+    if (fenceMatch) {
+      const lang = fenceMatch[1] || "text";
+      const meta = parseCodeMeta(fenceMatch[2]);
+      const buf: string[] = [];
+      i++;
+      while (i < lines.length && !lines[i].startsWith("```")) {
+        buf.push(lines[i]);
+        i++;
+      }
+      i++; // skip closing ```
+      out.push(
+        renderCodeBlock(
+          lang, buf, indent, snippets, snippetScope,
+          meta.title,
+          meta.title === "",
+        ),
+      );
+      continue;
+    }
+
+    // Admonition containers: :::note|info|tip|caution|warning
+    const admonMatch = line.match(/^:::(note|info|tip|caution|warning)\s*$/);
+    if (admonMatch) {
+      const type = admonMatch[1];
+      const labels = { note: "提示", info: "信息", tip: "技巧", caution: "警告", warning: "注意" };
+      const admonLines: string[] = [];
+      i++;
+      let depth = 1;
+      while (i < lines.length) {
+        const ln = lines[i];
+        if (ln.match(/^:::(note|info|tip|caution|warning)\s*$/)) {
+          depth++;
+        } else if (ln.trim() === ":::") {
+          depth--;
+          if (depth === 0) {
+            break;
+          }
+        }
+        admonLines.push(ln);
+        i++;
+      }
+      i++; // skip closing :::
+      const admonInner = renderSectionContent(
+        admonLines.join("\n"),
+        compiledExamples,
+        indent + "    ",
+        snippets,
+        snippetScope,
+        fieldTableNames,
+        locale,
+      );
+      out.push(
+        `${indent}<Widget className="admonition admonition-${type}">\n` +
+        `${indent}  <Text className="admonition-title">${escapeTsx(labels[type as keyof typeof labels])}</Text>\n` +
+        `${indent}  <Widget className="admonition-content">\n` +
+        `${admonInner}\n` +
+        `${indent}  </Widget>\n` +
+        `${indent}</Widget>`
+      );
+      continue;
+    }
+
+    // <WidgetExample name="..."/>
+    const exMatch = line.match(/^<WidgetExample\s+name="([a-z0-9-]+)"\s*\/?>/);
+    if (exMatch) {
+      const name = exMatch[1];
+      const found = compiledExamples.find((ex) => ex.name === name);
+      if (found) {
+        out.push(`${indent}<${pascalCase(name)}Demo />`);
+      }
+      i++;
+      continue;
+    }
+
+    // <FieldTable name="..." />
+    const ftMatch = line.match(/^<FieldTable\s+name="([a-z][a-z0-9-]*)"\s*\/?>/);
+    if (ftMatch) {
+      const name = ftMatch[1];
+      const fieldsVar = camelCase(name) + "Fields";
+      fieldTableNames.add(name);
+      out.push(
+        `${indent}<FieldTable fields={${fieldsVar}} locale="${locale}" />`,
+      );
+      i++;
+      continue;
+    }
+
+    // ### heading inside section content
+    const h3Match = line.match(/^### (.+)$/);
+    if (h3Match) {
+      out.push(`${indent}<h3>${escapeTsx(h3Match[1])}</h3>`);
+      i++;
+      continue;
+    }
+
+    const h4Match = line.match(/^#### (.+)$/);
+    if (h4Match) {
+      out.push(`${indent}<h4>${escapeTsx(h4Match[1])}</h4>`);
+      i++;
+      continue;
+    }
+
+    const h5Match = line.match(/^##### (.+)$/);
+    if (h5Match) {
+      out.push(`${indent}<h5>${escapeTsx(h5Match[1])}</h5>`);
+      i++;
+      continue;
+    }
+
+    const h6Match = line.match(/^###### (.+)$/);
+    if (h6Match) {
+      out.push(`${indent}<h6>${escapeTsx(h6Match[1])}</h6>`);
+      i++;
+      continue;
+    }
+
+    // Unordered list:  - foo / * foo
+    // Ordered list:    1. foo
+    const ulMatch = line.match(/^[-*]\s+(.+)$/);
+    const olMatch = line.match(/^\d+\.\s+(.+)$/);
+    if (ulMatch || olMatch) {
+      const ordered = !!olMatch;
+      const items: string[] = [];
+      while (i < lines.length) {
+        const cur = lines[i];
+        const m = ordered
+          ? cur.match(/^\d+\.\s+(.+)$/)
+          : cur.match(/^[-*]\s+(.+)$/);
+        if (!m) break;
+        items.push(m[1]);
+        i++;
+      }
+      const tag = ordered ? "ol" : "ul";
+      const inner = items
+        .map((it) => {
+          const styled = markdownInlineToLcuiStyleTags(it);
+          const escaped = escapeTsxTemplateContent(styled);
+          return `${indent}  <li><Text>{\`${escaped}\`}</Text></li>`;
+        })
+        .join("\n");
+      out.push(`${indent}<${tag}>\n${inner}\n${indent}</${tag}>`);
+      continue;
+    }
+
+    // Markdown table: |col|col| followed by |---|---|.
+    // Convert to a flex layout where the last wide column stretches
+    // to fill the remaining space.
+    if (
+      trimmed.startsWith("|") &&
+      trimmed.endsWith("|") &&
+      i + 1 < lines.length &&
+      /^[\s|:-]+$/.test(lines[i + 1]) &&
+      lines[i + 1].includes("-")
+    ) {
+      const tableRows: MdTableRow[] = [];
+      while (i < lines.length) {
+        const ln = lines[i];
+        if (!ln.trim().startsWith("|") || !ln.trim().endsWith("|")) break;
+        tableRows.push({ cells: parseMarkdownTableCells(ln) });
+        i++;
+      }
+      if (tableRows.length >= 2) {
+        out.push(renderMarkdownTable(tableRows, indent));
+      } else {
+        // Malformed table — render as paragraph.
+        const styled = markdownInlineToLcuiStyleTags(
+          tableRows.map((r) => r.cells.join(" | ")).join(" "),
+        );
+        out.push(renderInlineLine(styled, indent));
+      }
+      continue;
+    }
+
+    // Coalesce consecutive non-empty plain-text lines into one paragraph.
+    const paraBuf: string[] = [line];
+    i++;
+    while (i < lines.length) {
+      const next = lines[i];
+      const nextTrim = next.trim();
+      if (nextTrim === "") break;
+      if (next.startsWith("```")) break;
+      if (next.match(/^<WidgetExample\s+/)) break;
+      if (next.match(/^<FieldTable\s+/)) break;
+      if (next.match(/^### /)) break;
+      if (next.match(/^[-*]\s+/)) break;
+      if (next.match(/^\d+\.\s+/)) break;
+      if (nextTrim.startsWith("|") && nextTrim.endsWith("|")) break;
+      paraBuf.push(next);
+      i++;
+    }
+    const paraText = paraBuf.join(" ").replace(/\s+/g, " ").trim();
+    out.push(renderInlineLine(paraText, indent));
+  }
+
+  return out.join("\n");
+}
+
+function renderSections(
+  sections: ParsedSection[],
+  compiledExamples: CompiledExample[],
+  snippets: SnippetRegistry,
+  snippetScope: string,
+  fieldTableNames: Set<string>,
+  locale: string,
+): string {
+  const blocks: string[] = [];
+  for (const section of sections) {
+    if (section.level !== 2) continue;
+    const inner = renderSectionContent(
+      section.content, compiledExamples, "        ", snippets, snippetScope,
+      fieldTableNames,
+      locale,
+    );
+    blocks.push(
+      `      <Widget className="doc-section">\n` +
+        `        <h2>${escapeTsx(section.heading)}</h2>\n` +
+        (inner ? `${inner}\n` : "") +
+        `      </Widget>`,
+    );
+  }
+  return blocks.join("\n");
+}
+
+// ---------------------------------------------------------------------------
+// Demo sub-component generator (index.tsx + index.c)
+// ---------------------------------------------------------------------------
+
+function buildDemoIndexTsx(ex: CompiledExample, snippets: SnippetRegistry): string {
+  const componentName = pascalCase(ex.name) + "Demo";
+
+  // Sort variants so tsx comes first — on_ready picks the first
+  // language tab as the default, and tsx is the primary language for
+  // this doc-viewer.  Other variants keep their original relative
+  // order after tsx.
+  //
+  // Within each variant, sort files so that `.tsx` (and `.ts`/`.jsx`)
+  // files come before `.c`/`.h`/`.xml` — the first file of the
+  // default tsx language is the one auto-selected on mount, and
+  // framework code is more interesting than the surrounding boilerplate.
+  const frameworkExt = /\.(tsx|ts|jsx)$/i;
+  const sortedVariants = ex.variants.map((v) => ({
+    ...v,
+    files: [...v.files].sort((a, b) => {
+      const aF = frameworkExt.test(a.filename) ? 0 : 1;
+      const bF = frameworkExt.test(b.filename) ? 0 : 1;
+      return aF - bF;
+    }),
+  })).sort((a, b) => {
+    if (a.id === "tsx") return -1;
+    if (b.id === "tsx") return 1;
+    return 0;
+  });
+
+  // Default language is the first in sortedVariants (tsx).
+  // Default file is the first file of the default variant.
+  const defaultLanguage = sortedVariants[0].id;
+  const defaultFile = sortedVariants[0].files[0].filename;
+
+  // Language tabs.  The default language tab gets `active` immediately
+  // so it renders visibly on mount.  Other language tabs are always
+  // visible (no display:none) — only the active one is styled.
+  const langTabs = sortedVariants
+    .map(
+      (v) =>
+        `            <Text className="demo-tab${v.id === defaultLanguage ? " active" : ""}" data-value="${v.id}">${v.id.toUpperCase()}</Text>`,
+    )
+    .join("\n");
+
+  // File tabs.  Only the default (language, file) pair is visible on
+  // mount; all others carry `display: none` in inline style.
+  // demo-provider.c uses ui_widget_show (which strips inline
+  // display:none) and ui_widget_hide (which sets inline display:none)
+  // so the inline style here is the starting point, not a permanent
+  // override.
+  const fileTabs: string[] = [];
+  for (const variant of sortedVariants) {
+    for (const file of variant.files) {
+      const isDefault =
+        variant.id === defaultLanguage && file.filename === defaultFile;
+      const cls = isDefault ? "demo-tab active" : "demo-tab";
+      const style = isDefault ? "" : ' style={{ display: "none" }}';
+      fileTabs.push(
+        `            <Text className="${cls}" data-language="${variant.id}" data-value="${file.filename}"${style}>${file.filename}</Text>`,
+      );
+    }
+  }
+
+  // Code block bodies: one per (language, file), flat under the
+  // wrapper .code-block.  Each body carries data-language + data-file
+  // + data-source (snippet id) directly.  The wrapper .code-block
+  // provides the card chrome (border, rounding, background), so the
+  // bodies themselves only render their content.  Default body is
+  // shown immediately with `active`; others carry inline
+  // `display: none` to avoid a flash of all bodies on mount.
+  const snippetScope = `examples/${ex.name}`;
+  const codeBodies: string[] = [];
+  for (const variant of sortedVariants) {
+    for (const file of variant.files) {
+      const isDefault =
+        variant.id === defaultLanguage && file.filename === defaultFile;
+      const cls = isDefault ? "code-block-body active" : "code-block-body";
+      const style = isDefault ? "" : ' style={{ display: "none" }}';
+      const lineWidgets = file.lines
+        .map((line) => {
+          const content = escapeTsxTemplateContent(preserveLeadingIndent(line));
+          return `          <Text className="code-line">{\`${content}\`}</Text>`;
+        })
+        .join("\n");
+      const id = snippets.add(snippetScope, file.source);
+      codeBodies.push(
+        `        <Widget className="${cls}" data-language="${variant.id}" data-file="${file.filename}" data-source="${id}"${style}>\n` +
+        `          <CodeBlockCopy />\n` +
+        `${lineWidgets}\n` +
+        `        </Widget>`,
+      );
+    }
+  }
+
+  // Header groups file tabs (.demo-files) and language tabs
+  // (.demo-languages) in a single flex-row widget.  The code-block-copy
+  // button lives inside each code-block-body (see codeBodies above).
+  return `import { Text, Widget } from "@lcui/react";
+import DemoProvider from "../../components/demo-provider";
+import CodeBlockCopy from "../../components/code-block-copy";
+
+export default function ${componentName}() {
+  return (
+    <DemoProvider>
+      <Widget $ref="preview" className="demo-preview" />
+      <Widget className="code-block">
+        <Widget className="code-block-header">
+          <Widget className="demo-files">
+${fileTabs.join("\n")}
+          </Widget>
+          <Widget className="demo-languages">
+${langTabs}
+          </Widget>
+        </Widget>
+${codeBodies.join("\n")}
+      </Widget>
+    </DemoProvider>
+  );
+}
+`;
+}
+
+function buildDemoIndexC(
+  ex: CompiledExample,
+  demoDir: string,
+  repoRoot: string,
+): string {
+  const ns = `${cIdent(ex.name)}_demo`;
+  const examplesRelPath = toPosix(
+    relative(demoDir, join(repoRoot, "docs", "examples", ex.name, "main.c")),
+  );
+
+  const localSymbols = ex.localSymbols ?? [];
+  let includeBlock = "";
+  if (localSymbols.length > 0) {
+    const prefix = ex.name.replace(/-/g, "_");
+    includeBlock += localSymbols
+      .map((sym) => `#define ${sym} ${prefix}__${sym}`)
+      .join("\n");
+    includeBlock += "\n";
+    includeBlock += `#include "${examplesRelPath}"\n`;
+    includeBlock += localSymbols.map((sym) => `#undef ${sym}`).join("\n");
+  } else {
+    includeBlock = `#include "${examplesRelPath}"`;
+  }
+
+  return `#include "index.tsx.h"
+#include "index.h"
+
+${includeBlock}
+
+typedef struct {
+        ${ns}_react_t base;
+} ${ns}_t;
+
+static void ${ns}_init(ui_widget_t *w)
+{
+        ${ns}_t *_that = ui_widget_add_data(
+            w, ${ns}_proto, sizeof(${ns}_t));
+        ${ns}_proto->proto->init(w);
+        ${ns}_react_init(w);
+        ${ex.funcName}(_that->base.refs.preview);
+        ${ns}_update(w);
+}
+
+static void ${ns}_destroy(ui_widget_t *w)
+{
+        ${ns}_proto->proto->destroy(w);
+        ${ns}_react_destroy(w);
+}
+
+static void ${ns}_update(ui_widget_t *w)
+{
+        ${ns}_react_update(w);
+}
+
+ui_widget_t *ui_create_${ns}(void)
+{
+        return ui_create_widget_with_prototype(${ns}_proto);
+}
+
+void ui_register_${ns}(void)
+{
+        ${ns}_init_prototype();
+        ${ns}_proto->init = ${ns}_init;
+        ${ns}_proto->destroy = ${ns}_destroy;
+}
+`;
+}
+
+// ---------------------------------------------------------------------------
+// page.tsx generator
+// ---------------------------------------------------------------------------
+
+function buildComponentPageTsx(
+  parsed: ParsedMdx,
+  compiledExamples: CompiledExample[],
+  slug: string,
+  pageDir: string,
+  examplesOutDir: string,
+  snippets: SnippetRegistry,
+  snippetScope: string,
+  locale: string,
+): string {
+  const componentName = pascalCase(slug) + "DocPage";
+
+  // Each demo is emitted under examples/doc-viewer/app/examples/<name>/ so
+  // the directory layout is shared across widget pages.
+  //
+  // NOTE: the trailing "/index" suffix is required by the current
+  // @lcui/cli module resolver, which only tries the file paths listed
+  // in resolve.extensions and does not fall back to "<name>/index.tsx"
+  // when "<name>" resolves to a directory.  Drop the "/index" once
+  // lcui-cli supports directory imports.
+  const importPathFor = (name: string) =>
+    relativeImport(pageDir, join(examplesOutDir, name, "index"));
+
+  const fieldTableNames = new Set<string>();
+
+  const demoImports = compiledExamples
+    .map((ex) => {
+      const demoName = pascalCase(ex.name) + "Demo";
+      return `import ${demoName} from "${importPathFor(ex.name)}";`;
+    })
+    .join("\n");
+
+  const basicDemoName = parsed.basicExample
+    ? pascalCase(parsed.basicExample.name) + "Demo"
+    : null;
+  const basicDemoMarkup = basicDemoName
+    ? `      <${basicDemoName} />\n`
+    : "";
+
+  const sectionBlocks = renderSections(
+    parsed.sections, compiledExamples, snippets, snippetScope, fieldTableNames,
+    locale,
+  );
+
+  const descContent = renderDescription(
+    parsed.description, compiledExamples, snippets, snippetScope, fieldTableNames,
+    locale,
+  );
+
+  const componentsDir = join(examplesOutDir, "..", "components");
+  const ccPath = relativeImport(pageDir, join(componentsDir, "code-block-copy"));
+  const ftablePath = relativeImport(pageDir, join(componentsDir, "field-table"));
+
+  const fieldTableImports = Array.from(fieldTableNames).map((name) => {
+    const fieldsVarName = camelCase(name) + "Fields";
+    const fieldsPath = relativeImport(pageDir, join(examplesOutDir, "..", "widget-fields", name));
+    return `import { ${fieldsVarName} } from "${fieldsPath}";`;
+  }).join("\n");
+
+  let ftImportBlock = "";
+  if (fieldTableNames.size > 0) {
+    ftImportBlock = `import FieldTable from "${ftablePath}";\n${fieldTableImports}`;
+  }
+
+  const allImports = [demoImports, ftImportBlock].filter(Boolean).join("\n");
+
+  return `import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "${ccPath}";
+${allImports}
+
+export default function ${componentName}() {
+  return (
+    <Widget className="doc-page">
+      <h1>${escapeTsx(parsed.title)}</h1>
+${descContent}
+${basicDemoMarkup}${sectionBlocks}
+    </Widget>
+  );
+}
+`;
+}
+
+function buildContentPageTsx(
+  parsed: ParsedMdx,
+  slug: string,
+  pageDir: string,
+  examplesOutDir: string,
+  snippets: SnippetRegistry,
+  snippetScope: string,
+  locale: string,
+): string {
+  const componentName = pascalCase(slug) + "DocPage";
+  const fieldTableNames = new Set<string>();
+  const sectionBlocks = renderSections(
+    parsed.sections, [], snippets, snippetScope, fieldTableNames, locale,
+  );
+  const ccPath = relativeImport(pageDir, join(examplesOutDir, "..", "components", "code-block-copy"));
+
+  const componentsDir = join(examplesOutDir, "..", "components");
+  const ftablePath = relativeImport(pageDir, join(componentsDir, "field-table"));
+
+  const fieldTableImports = Array.from(fieldTableNames).map((name) => {
+    const fieldsVarName = camelCase(name) + "Fields";
+    const fieldsPath = relativeImport(pageDir, join(examplesOutDir, "..", "widget-fields", name));
+    return `import { ${fieldsVarName} } from "${fieldsPath}";`;
+  }).join("\n");
+
+  let ftImportBlock = "";
+  if (fieldTableNames.size > 0) {
+    ftImportBlock = `import FieldTable from "${ftablePath}";\n${fieldTableImports}`;
+  }
+
+  const allImports = [ftImportBlock].filter(Boolean).join("\n");
+  const importsBlock = allImports ? `${allImports}\n` : "";
+
+  return `import { Text, Widget } from "@lcui/react";
+import CodeBlockCopy from "${ccPath}";
+${importsBlock}
+export default function ${componentName}() {
+  return (
+    <Widget className="doc-page">
+      <h1>${escapeTsx(parsed.title)}</h1>
+${renderDescription(parsed.description, [], snippets, snippetScope, fieldTableNames, locale)}
+${sectionBlocks}
+    </Widget>
+  );
+}
+`;
+}
+
+// ---------------------------------------------------------------------------
+// Public API
+//
+// NOTE: page.c is intentionally NOT generated here.  `lcui build` emits a
+// per-page page.c skeleton on first build (one-shot) with the correct
+// widget prototype boilerplate.  See .opencode/skills/lcui-cli/SKILL.md
+// for the convention.  We only generate page.tsx (regenerated every
+// compile) and the demo sub-component files.
+// ---------------------------------------------------------------------------
+
+export interface GeneratePageFilesOptions {
+  /** Absolute path to the repository root (used to resolve docs/examples). */
+  repoRoot: string;
+  outDir: string;
+  /**
+   * Root directory under which per-example demo widgets are emitted.
+   * Each compiled example is written to `${examplesOutDir}/<name>/`.
+   */
+  examplesOutDir: string;
+  parsed: ParsedMdx;
+  compiledExamples: CompiledExample[];
+  locale: string;
+  section: string;
+  slug: string;
+  snippets: SnippetRegistry;
+}
+
+export async function generatePageFiles(
+  opts: GeneratePageFilesOptions,
+): Promise<void> {
+  const { repoRoot, outDir, examplesOutDir, parsed, compiledExamples,
+          section, snippets } = opts;
+
+  const isWidgetPage = section === "widgets";
+  const hasExamples = compiledExamples.length > 0;
+  const snippetScope = `${opts.locale}/${opts.section}/${opts.slug}`;
+
+  let tsxContent: string;
+
+  if (isWidgetPage && hasExamples) {
+    tsxContent = buildComponentPageTsx(
+      parsed,
+      compiledExamples,
+      opts.slug,
+      outDir,
+      examplesOutDir,
+      snippets,
+      snippetScope,
+      opts.locale,
+    );
+
+    // Generate demo sub-components under app/examples/<name>/.  The
+    // directory is shared across widget pages, so the same example can
+    // be referenced from more than one page without duplication.
+    for (const ex of compiledExamples) {
+      const demoDir = join(examplesOutDir, ex.name);
+      mkdirSync(demoDir, { recursive: true });
+      // index.tsx is regenerated on every compile (derived from MDX +
+      // docs/examples sources).  index.c is treated as an editable
+      // skeleton: written only when the file does not yet exist, so a
+      // developer's hand-written event handlers are preserved across
+      // recompiles.  This mirrors how @lcui/cli emits its own *.c/*.h
+      // skeletons during `lcui build`.
+      writeFileSync(
+        join(demoDir, "index.tsx"),
+        buildDemoIndexTsx(ex, snippets),
+        "utf8",
+      );
+      const indexCPath = join(demoDir, "index.c");
+      if (!existsSync(indexCPath)) {
+        writeFileSync(
+          indexCPath,
+          buildDemoIndexC(ex, demoDir, repoRoot),
+          "utf8",
+        );
+      }
+    }
+  } else {
+    tsxContent = buildContentPageTsx(
+      parsed, opts.slug, outDir, examplesOutDir, snippets, snippetScope,
+      opts.locale,
+    );
+  }
+
+  writeFileSync(join(outDir, "page.tsx"), tsxContent, "utf8");
+}
+
+// ---------------------------------------------------------------------------
+// Route titles header generator
+//
+// Emits app/components/route-titles.h: a static table mapping every
+// "/<locale>/<section>/<slug>" path to a wide-character page title.
+// Consumed by navbar.c on every router_watch callback so the navbar
+// address bar text and the OS window title stay in sync with the
+// current route.
+//
+// The header is fully ASCII -- non-ASCII title characters (e.g. zh-CN
+// labels) are emitted as \uXXXX escapes so the file can be compiled
+// without /utf-8 or a UTF-8 BOM and never trips MSVC C4819.
+// ---------------------------------------------------------------------------
+
+interface RouteSidebarItem {
+  slug: string;
+  label: { en: string; "zh-CN": string };
+}
+interface RouteSidebarSection {
+  slug: string;
+  label: { en: string; "zh-CN": string };
+  items: RouteSidebarItem[];
+}
+
+function wideStringLiteral(s: string): string {
+  let out = 'L"';
+  for (const ch of s) {
+    const code = ch.codePointAt(0)!;
+    if (code === 0x22) out += '\\"';
+    else if (code === 0x5c) out += "\\\\";
+    else if (code >= 0x20 && code < 0x7f) out += ch;
+    else if (code <= 0xffff) {
+      out += "\\u" + code.toString(16).padStart(4, "0");
+    } else {
+      out += "\\U" + code.toString(16).padStart(8, "0");
+    }
+  }
+  return out + '"';
+}
+
+export interface GenerateRouteTitlesOptions {
+  outFile: string;
+  sidebar: RouteSidebarSection[];
+  locales: string[];
+}
+
+export async function generateRouteTitles(
+  opts: GenerateRouteTitlesOptions,
+): Promise<void> {
+  const rows: string[] = [];
+  for (const locale of opts.locales) {
+    const localeKey = locale as "en" | "zh-CN";
+    for (const section of opts.sidebar) {
+      for (const item of section.items) {
+        const path = `/${locale}/${section.slug}/${item.slug}`;
+        const title = item.label[localeKey];
+        rows.push(
+          `    { "${path}", ${wideStringLiteral(title)} },`,
+        );
+      }
+    }
+  }
+  const body = `/* Auto-generated by scripts/compiler/page-generator.ts.  Do not edit. */
+#ifndef DOC_VIEWER_ROUTE_TITLES_H
+#define DOC_VIEWER_ROUTE_TITLES_H
+
+#include <string.h>
+#include <wchar.h>
+
+typedef struct {
+        const char *path;
+        const wchar_t *title;
+} route_title_t;
+
+static const route_title_t route_titles[] = {
+${rows.join("\n")}
+    { NULL, NULL }
+};
+
+static inline const wchar_t *route_title_for(const char *path)
+{
+        const route_title_t *r;
+        if (!path) {
+                return L"";
+        }
+        for (r = route_titles; r->path; ++r) {
+                if (strcmp(r->path, path) == 0) {
+                        return r->title;
+                }
+        }
+        return L"";
+}
+
+#endif
+`;
+  writeFileSync(opts.outFile, body, "utf8");
+}
+
+// ---------------------------------------------------------------------------
+// Code snippets table generator
+//
+// Emits app/components/code-snippets.{c,h}: a static lookup table
+// mapping every registered snippet id to its raw UTF-8 source.
+// Consumed by app/components/code-block-copy.c so the click handler
+// can resolve a code block's `data-source` attribute to the source
+// text without inlining multi-line literals into every page.tsx.h.
+// ---------------------------------------------------------------------------
+
+function cStringLiteral(s: string): string {
+  let out = '"';
+  let prevWasHex = false;
+  for (const ch of s) {
+    const code = ch.codePointAt(0)!;
+    if (code === 0x22) {
+      out += '\\"';
+      prevWasHex = false;
+    } else if (code === 0x5c) {
+      out += "\\\\";
+      prevWasHex = false;
+    } else if (code === 0x0a) {
+      out += "\\n";
+      prevWasHex = false;
+    } else if (code === 0x0d) {
+      out += "\\r";
+      prevWasHex = false;
+    } else if (code === 0x09) {
+      out += "\\t";
+      prevWasHex = false;
+    } else if (code >= 0x20 && code < 0x7f) {
+      // If the previous octet was a \xNN escape and the next plain
+      // character is itself a hex digit, MSVC would greedily merge
+      // it into the previous escape.  Break the literal in that
+      // case using adjacent-string concatenation.
+      if (prevWasHex && /[0-9a-fA-F]/.test(ch)) {
+        out += '" "' + ch;
+      } else {
+        out += ch;
+      }
+      prevWasHex = false;
+    } else {
+      // Encode any other character (including non-ASCII) as UTF-8
+      // octets via \xNN.  Keeps the source file ASCII so MSVC does
+      // not warn C4819, and the resulting bytes are still valid
+      // UTF-8 at runtime.  C standard says \x consumes ALL adjacent
+      // hex digits, so two adjacent UTF-8 octets like \xe4\xb8 would
+      // merge into a single out-of-range value -- break the literal
+      // between every byte using adjacent string concatenation.
+      const buf = Buffer.from(ch, "utf8");
+      for (const b of buf) {
+        if (prevWasHex) {
+          out += '" "';
+        }
+        out += "\\x" + b.toString(16).padStart(2, "0");
+        prevWasHex = true;
+      }
+    }
+  }
+  return out + '"';
+}
+
+export interface GenerateCodeSnippetsOptions {
+  outHFile: string;
+  outCFile: string;
+  snippets: Snippet[];
+}
+
+export async function generateCodeSnippets(
+  opts: GenerateCodeSnippetsOptions,
+): Promise<void> {
+  const rows = opts.snippets
+    .map((s) => `    { "${s.id}", ${cStringLiteral(s.source)} },`)
+    .join("\n");
+
+  const header = `/* Auto-generated by scripts/compiler/page-generator.ts.  Do not edit. */
+#ifndef DOC_VIEWER_CODE_SNIPPETS_H
+#define DOC_VIEWER_CODE_SNIPPETS_H
+
+const char *code_snippet_for(const char *id);
+
+#endif
+`;
+  const cBody = `/* Auto-generated by scripts/compiler/page-generator.ts.  Do not edit. */
+#include <string.h>
+#include "code-snippets.h"
+
+typedef struct {
+        const char *id;
+        const char *source;
+} code_snippet_t;
+
+static const code_snippet_t code_snippets[] = {
+${rows}
+    { 0, 0 }
+};
+
+const char *code_snippet_for(const char *id)
+{
+        const code_snippet_t *s;
+        if (!id) {
+                return 0;
+        }
+        for (s = code_snippets; s->id; ++s) {
+                if (strcmp(s->id, id) == 0) {
+                        return s->source;
+                }
+        }
+        return 0;
+}
+`;
+  writeFileSync(opts.outHFile, header, "utf8");
+  writeFileSync(opts.outCFile, cBody, "utf8");
+}
diff --git a/examples/doc-viewer/scripts/compiler/style-tag-renderer.ts b/examples/doc-viewer/scripts/compiler/style-tag-renderer.ts
new file mode 100644
index 000000000..3dba3083c
--- /dev/null
+++ b/examples/doc-viewer/scripts/compiler/style-tag-renderer.ts
@@ -0,0 +1,212 @@
+/**
+ * style-tag-renderer.ts — Convert highlight.js HTML output into
+ * LCUI text style tag strings, split per line.
+ *
+ * highlight.js emits nested <span class="hljs-xxx">…</span> wrappers
+ * around source tokens.  LCUI cannot render mixed text+element nodes
+ * inside a single widget, so each source line is rendered as one
+ * <Text> element whose content uses LCUI style tag syntax for colour
+ * and weight:
+ *
+ *   [color=#569cd6][b]int[/b][/color] main()
+ *
+ * This module returns an array of such strings — one per source line.
+ */
+
+// ---------------------------------------------------------------------------
+// hljs class → LCUI style tag mapping
+// ---------------------------------------------------------------------------
+
+interface StyleTagSet {
+  color?: string;
+  bold?: boolean;
+  italic?: boolean;
+  bgcolor?: string;
+}
+
+/**
+ * Maps highlight.js token classes to LCUI text style tags.
+ *
+ * The colour palette below targets a light-themed code block (white
+ * background, dark text), mirroring the GitHub Light syntax theme so
+ * an MDX-derived page widget reads cleanly on the doc-viewer's light
+ * surfaces.  LCUI's `[color=...]` markup only accepts hex literals,
+ * so the comments next to each entry name the GitHub-Light role for
+ * future maintenance.
+ *
+ * Only classes that start with "hljs-" are recognised; other sub-tokens
+ * such as "function_", "class_" or "language-xml" that highlight.js
+ * emits alongside "hljs-title" are ignored.
+ */
+const HLJS_CLASS_STYLES: Record<string, StyleTagSet> = {
+  "hljs-keyword":        { color: "#cf222e" }, // red-700  -- keyword
+  "hljs-built_in":       { color: "#953800" }, // orange-800 -- builtin
+  "hljs-type":           { color: "#953800" }, // orange-800 -- type
+  "hljs-literal":        { color: "#0550ae" }, // blue-700 -- literal
+  "hljs-number":         { color: "#0550ae" }, // blue-700 -- number
+  "hljs-string":         { color: "#0a3069" }, // blue-900 -- string
+  "hljs-comment":        { color: "#6e7781" }, // gray-500 -- comment
+  "hljs-doctag":         { color: "#6e7781" }, // gray-500 -- doctag
+  "hljs-title":          { color: "#8250df" }, // purple-700 -- function name
+  "hljs-attr":           { color: "#0550ae" }, // blue-700 -- attr
+  "hljs-variable":       { color: "#0550ae" }, // blue-700 -- variable
+  "hljs-tag":            { color: "#116329" }, // green-800 -- tag
+  "hljs-name":           { color: "#0550ae" }, // blue-700 -- name
+  "hljs-meta":           { color: "#6e7781" }, // gray-500 -- meta
+  "hljs-meta-string":    { color: "#0a3069" }, // blue-900 -- meta-string
+  "hljs-params":         { color: "#0550ae" }, // blue-700 -- params
+  "hljs-punctuation":    { color: "#1f2328" }, // gray-900 -- punctuation
+  "hljs-symbol":         { color: "#0550ae" }, // blue-700 -- symbol
+  "hljs-property":       { color: "#0550ae" }, // blue-700 -- property
+  "hljs-selector-tag":   { color: "#116329" }, // green-800 -- selector-tag
+  "hljs-selector-class": { color: "#953800" }, // orange-800 -- selector-class
+  "hljs-selector-id":    { color: "#953800" }, // orange-800 -- selector-id
+  "hljs-regexp":         { color: "#0a3069" }, // blue-900 -- regexp
+  "hljs-link":           { color: "#0550ae" }, // blue-700 -- link
+};
+
+function styleSetForClasses(classes: string[]): StyleTagSet | null {
+  for (const cls of classes) {
+    if (!cls.startsWith("hljs-")) continue;
+    const set = HLJS_CLASS_STYLES[cls];
+    if (set) return set;
+  }
+  return null;
+}
+
+function openTags(set: StyleTagSet): string {
+  let out = "";
+  if (set.color) out += `[color=${set.color}]`;
+  if (set.bgcolor) out += `[bgcolor=${set.bgcolor}]`;
+  if (set.bold) out += "[b]";
+  if (set.italic) out += "[i]";
+  return out;
+}
+
+function closeTags(set: StyleTagSet): string {
+  let out = "";
+  if (set.italic) out += "[/i]";
+  if (set.bold) out += "[/b]";
+  if (set.bgcolor) out += "[/bgcolor]";
+  if (set.color) out += "[/color]";
+  return out;
+}
+
+// ---------------------------------------------------------------------------
+// HTML entity decoding
+// ---------------------------------------------------------------------------
+
+const ENTITY_MAP: Record<string, string> = {
+  "&amp;": "&",
+  "&lt;": "<",
+  "&gt;": ">",
+  "&quot;": '"',
+  "&#39;": "'",
+  "&apos;": "'",
+  "&nbsp;": " ",
+};
+
+function decodeEntities(s: string): string {
+  return s.replace(/&(?:amp|lt|gt|quot|apos|nbsp|#39);/g, (m) => ENTITY_MAP[m] ?? m);
+}
+
+// ---------------------------------------------------------------------------
+// LCUI style tag escaping (only needed for literal '[' / ']' in source text)
+// ---------------------------------------------------------------------------
+
+function escapeStyleTagText(s: string): string {
+  // LCUI parses [tag][/tag] markers; if user source contains literal
+  // brackets, escape them by inserting a zero-width separator.  In
+  // practice LCUI's text renderer treats only well-known tag names as
+  // markup, so unmatched [foo] is shown as-is, but to be safe we
+  // prefix '[' with a backslash which the renderer ignores.
+  return s.replace(/\[/g, "\\[");
+}
+
+// ---------------------------------------------------------------------------
+// HTML → LCUI style-tagged lines
+// ---------------------------------------------------------------------------
+
+/**
+ * Convert highlight.js HTML output into an array of LCUI style-tagged
+ * strings, one per source line.
+ *
+ * Each line is independently balanced: any style tag opened on the
+ * line is closed on the same line, so an LCUI <Text> element can
+ * render it without leaking styles across element boundaries.
+ *
+ * Empty source lines become a single space, so the line height stays
+ * visible in the demo viewer.
+ */
+export function highlightedHtmlToLines(html: string): string[] {
+  // Normalise CRLF/CR to LF so line splitting is consistent regardless
+  // of the source file's line endings.
+  html = html.replace(/\r\n?/g, "\n");
+
+  const lines: string[] = [];
+  let current = "";
+  const stack: StyleTagSet[] = [];
+
+  function reopenStack(): string {
+    return stack.map((s) => openTags(s)).join("");
+  }
+
+  function closeStack(): string {
+    return [...stack].reverse().map((s) => closeTags(s)).join("");
+  }
+
+  function appendText(text: string): void {
+    const parts = text.split("\n");
+    for (let i = 0; i < parts.length; i++) {
+      if (i > 0) {
+        // Flush current line with all active tags closed.
+        current += closeStack();
+        lines.push(current);
+        // Start the next line with active tags re-opened.
+        current = reopenStack();
+      }
+      current += escapeStyleTagText(parts[i]);
+    }
+  }
+
+  let i = 0;
+  while (i < html.length) {
+    if (html.startsWith("<span", i)) {
+      const tagEnd = html.indexOf(">", i);
+      if (tagEnd < 0) break;
+      const tag = html.slice(i, tagEnd + 1);
+      const classMatch = tag.match(/class="([^"]+)"/);
+      const classes = classMatch ? classMatch[1].split(/\s+/) : [];
+      const set = styleSetForClasses(classes) ?? {};
+      stack.push(set);
+      current += openTags(set);
+      i = tagEnd + 1;
+      continue;
+    }
+    if (html.startsWith("</span>", i)) {
+      const set = stack.pop();
+      if (set) current += closeTags(set);
+      i += "</span>".length;
+      continue;
+    }
+    // Plain text up to next '<'
+    const next = html.indexOf("<", i);
+    const chunk = next < 0 ? html.slice(i) : html.slice(i, next);
+    appendText(decodeEntities(chunk));
+    i = next < 0 ? html.length : next;
+  }
+
+  // Flush trailing line.
+  current += closeStack();
+  lines.push(current);
+
+  // Trim a trailing empty line that highlight.js often produces from a
+  // final '\n' in the source.
+  if (lines.length > 0 && lines[lines.length - 1] === "") {
+    lines.pop();
+  }
+
+  // Replace empty lines with a single space so the line widget keeps
+  // its natural height in the doc-viewer.
+  return lines.map((l) => (l === "" ? " " : l));
+}
diff --git a/examples/doc-viewer/scripts/compiler/tsconfig.json b/examples/doc-viewer/scripts/compiler/tsconfig.json
new file mode 100644
index 000000000..2fd3ce289
--- /dev/null
+++ b/examples/doc-viewer/scripts/compiler/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "skipLibCheck": true,
+    "types": ["node"],
+    "allowImportingTsExtensions": true,
+    "noEmit": true
+  },
+  "include": ["*.ts"]
+}
diff --git a/examples/doc-viewer/tailwind.config.js b/examples/doc-viewer/tailwind.config.js
new file mode 100644
index 000000000..9ce266d3e
--- /dev/null
+++ b/examples/doc-viewer/tailwind.config.js
@@ -0,0 +1,38 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./app/**/*.{tsx,html}"],
+  theme: {
+    extend: {},
+  },
+  corePlugins: [
+    "display",
+    "flexDirection",
+    "flex",
+    "flexShrink",
+    "flexGrow",
+    "alignItems",
+    "justifyContent",
+    "width",
+    "height",
+    "minWidth",
+    "minHeight",
+    "maxWidth",
+    "maxHeight",
+    "overflow",
+    "padding",
+    "margin",
+    "gap",
+    "borderRadius",
+    "borderWidth",
+    "borderColor",
+    "backgroundColor",
+    "textColor",
+    "fontFamily",
+    "fontSize",
+    "fontWeight",
+    "lineHeight",
+    "opacity",
+    "whitespace",
+    "cursor",
+  ],
+};
diff --git a/examples/doc-viewer/tsconfig.json b/examples/doc-viewer/tsconfig.json
new file mode 100644
index 000000000..b6b196809
--- /dev/null
+++ b/examples/doc-viewer/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "jsx": "react-jsx",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "strict": true,
+    "skipLibCheck": true
+  },
+  "include": ["app/**/*.ts", "app/**/*.tsx", "env.d.ts"]
+}
diff --git a/examples/doc-viewer/xmake.lua b/examples/doc-viewer/xmake.lua
new file mode 100644
index 000000000..612642886
--- /dev/null
+++ b/examples/doc-viewer/xmake.lua
@@ -0,0 +1,10 @@
+target("doc-viewer")
+    set_default(false)
+    set_group("lcui-examples")
+    set_prefixdir("doc-viewer", {bindir = "."})
+    set_kind("binary")
+    set_rundir("dist")
+    add_deps("lcui")
+    add_files("app/**.c")
+    add_installfiles("dist/(assets/*)")
+    set_warnings("all")
diff --git a/examples/fabric/src/main.c b/examples/fabric/src/main.c
index fa2cb62fb..2f4182c98 100644
--- a/examples/fabric/src/main.c
+++ b/examples/fabric/src/main.c
@@ -113,7 +113,7 @@ void ui_fabric_on_init(ui_widget_t *w)
         ui_widget_on(w, "mousemove", ui_fabric_on_mousemove, NULL);
         ui_widget_on(w, "mouseup", ui_fabric_on_mouseup, NULL);
         data->timer = ptk_set_interval(LCUI_MAX_FRAME_MSEC,
-                                        (timer_callback)ui_fabric_on_frame, w);
+                                       (ptk_timer_cb)ui_fabric_on_frame, w);
 }
 
 void ui_fabric_on_destroy(ui_widget_t *w)
diff --git a/examples/fabric/xmake.lua b/examples/fabric/xmake.lua
index 65de36793..ad089e647 100644
--- a/examples/fabric/xmake.lua
+++ b/examples/fabric/xmake.lua
@@ -1,9 +1,13 @@
 add_requires("cairo", { optional = true })
 
 target("fabric")
+    set_default(false)
+    set_group("lcui-examples")
+    set_prefixdir("fabric", {bindir = "."})
     set_kind("binary")
     add_files("src/*.c")
-    add_packages("cairo", "lcui")
+    add_deps("lcui")
+    add_packages("cairo")
     if has_package("cairo") then
         add_defines("HAS_CAIRO")
     end
diff --git a/examples/hello/xmake.lua b/examples/hello/xmake.lua
index f5bb3ab21..348a24799 100644
--- a/examples/hello/xmake.lua
+++ b/examples/hello/xmake.lua
@@ -1,6 +1,9 @@
 target("hello")
-    add_installfiles("app/*")
+    set_default(false)
+    set_group("lcui-examples")
+    set_prefixdir("hello", {bindir = "."})
     set_kind("binary")
     set_rundir("app")
-    add_packages("lcui")
+    add_deps("lcui")
     add_files("src/*.c")
+    add_installfiles("app/*")
diff --git a/examples/todolist/src/main.c b/examples/todolist/src/main.c
index f203f07ef..e0fda36b2 100644
--- a/examples/todolist/src/main.c
+++ b/examples/todolist/src/main.c
@@ -82,7 +82,7 @@ void ui_todolist_add(const wchar_t *name, const char *status)
         task_t *task = malloc(sizeof(task_t));
 
         task->id = ++app.id;
-        task->name = wcsdup2(name);
+        task->name = y_wcsdup(name);
         task->status = status ? status : "active";
         list_append(&app.tasks, task);
         ui_widget_append(ui_get_widget("list"), ui_task_item_create(task));
@@ -118,8 +118,7 @@ void on_task_list_click(ui_widget_t *w, ui_event_t *e, void *arg)
         ui_widget_t *item = e->target->parent;
 
         for (item = e->target; !ui_widget_has_class(item, "task-item");
-             item = item->parent)
-                ;
+             item = item->parent);
         id_str = ui_widget_get_attr(item, "data-id");
         if (!id_str || sscanf(id_str, "%u", &id) != 1) {
                 return;
diff --git a/examples/todolist/xmake.lua b/examples/todolist/xmake.lua
index 1cd8585ae..628e88545 100644
--- a/examples/todolist/xmake.lua
+++ b/examples/todolist/xmake.lua
@@ -1,6 +1,9 @@
 target("todolist")
-    add_installfiles("app/*")
+    set_default(false)
+    set_group("lcui-examples")
+    set_prefixdir("todolist", {bindir = "."})
     set_kind("binary")
     set_rundir("app")
-    add_packages("lcui")
+    add_deps("lcui")
     add_files("src/*.c")
+    add_installfiles("app/*")
diff --git a/examples/xmake-requires.lock b/examples/xmake-requires.lock
index 30817716d..8d1ecdada 100644
--- a/examples/xmake-requires.lock
+++ b/examples/xmake-requires.lock
@@ -1,4 +1,230 @@
 {
+    ["linux|x86_64"] = {
+        ["ca-certificates#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "20250131"
+        },
+        ["cairo#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "1.18.0"
+        },
+        ["cmake#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "4.2.3"
+        },
+        ["expat#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "2.7.4"
+        },
+        ["fontconfig#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "2.17.1"
+        },
+        ["freetype#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "2.14.1"
+        },
+        ["gperf#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "3.2.1"
+        },
+        ["libffi#0b3b0fcf"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "3.4.8"
+        },
+        ["libpng#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "v1.6.55"
+        },
+        ["libpthread-stubs#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "0.5"
+        },
+        ["libx11#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "1.8.13"
+        },
+        ["libxau#16fb575b"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "1.0.12"
+        },
+        ["libxcb#16fb575b"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "1.17.0"
+        },
+        ["libxdmcp#16fb575b"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "1.1.5"
+        },
+        ["libxext#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "1.3.7"
+        },
+        ["libxrender#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "0.9.12"
+        },
+        ["meson#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "1.10.2"
+        },
+        ["ninja#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "v1.13.1"
+        },
+        ["openssl >=1.1.1-a#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "1.1.1-w"
+        },
+        ["pixman#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "0.46.2"
+        },
+        ["pkg-config#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "0.29.2"
+        },
+        ["python 3.x#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "3.13.11"
+        },
+        ["util-macros#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "1.20.0"
+        },
+        ["xcb-proto#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "1.17.0"
+        },
+        ["xorgproto#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "2023.2"
+        },
+        ["xtrans#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "1.6.0"
+        },
+        ["zlib#0b3b0fcf"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "v1.3.2"
+        },
+        ["zlib#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://gitlab.com/tboox/xmake-repo.git"
+            },
+            version = "v1.3.2"
+        }
+    },
     __meta__ = {
         version = "1.0"
     },
@@ -53,19 +279,19 @@
         },
         ["lcui#31fecfc4"] = {
             repo = {
-                url = "../build"
+                url = "../build/packages"
             },
             version = "latest"
         },
         ["libcss#31fecfc4"] = {
             repo = {
-                url = "../build"
+                url = "../build/packages"
             },
             version = "latest"
         },
         ["libi18n#31fecfc4"] = {
             repo = {
-                url = "../build"
+                url = "../build/packages"
             },
             version = "latest"
         },
@@ -95,7 +321,7 @@
         },
         ["libplatform#31fecfc4"] = {
             repo = {
-                url = "../build"
+                url = "../build/packages"
             },
             version = "latest"
         },
@@ -109,55 +335,55 @@
         },
         ["libthread#31fecfc4"] = {
             repo = {
-                url = "../build"
+                url = "../build/packages"
             },
             version = "latest"
         },
         ["libtimer#31fecfc4"] = {
             repo = {
-                url = "../build"
+                url = "../build/packages"
             },
             version = "latest"
         },
         ["libui#31fecfc4"] = {
             repo = {
-                url = "../build"
+                url = "../build/packages"
             },
             version = "latest"
         },
         ["libui-cursor#31fecfc4"] = {
             repo = {
-                url = "../build"
+                url = "../build/packages"
             },
             version = "latest"
         },
         ["libui-router#31fecfc4"] = {
             repo = {
-                url = "../build"
+                url = "../build/packages"
             },
             version = "latest"
         },
         ["libui-server#31fecfc4"] = {
             repo = {
-                url = "../build"
+                url = "../build/packages"
             },
             version = "latest"
         },
         ["libui-widgets#31fecfc4"] = {
             repo = {
-                url = "../build"
+                url = "../build/packages"
             },
             version = "latest"
         },
         ["libui-xml#31fecfc4"] = {
             repo = {
-                url = "../build"
+                url = "../build/packages"
             },
             version = "latest"
         },
         ["libworker#31fecfc4"] = {
             repo = {
-                url = "../build"
+                url = "../build/packages"
             },
             version = "latest"
         },
@@ -195,7 +421,7 @@
         },
         ["pandagl#31fecfc4"] = {
             repo = {
-                url = "../build"
+                url = "../build/packages"
             },
             version = "latest"
         },
@@ -225,7 +451,7 @@
         },
         ["yutil#31fecfc4"] = {
             repo = {
-                url = "../build"
+                url = "../build/packages"
             },
             version = "latest"
         },
diff --git a/examples/xmake.lua b/examples/xmake.lua
index 26fff7ff5..6bdb3739f 100644
--- a/examples/xmake.lua
+++ b/examples/xmake.lua
@@ -1,8 +1,4 @@
-set_policy("package.requires_lock", true)
-add_repositories("lcui-repo ../build")
-add_requires("lcui")
-add_rules("mode.debug", "mode.release")
-if is_plat("windows") then
+if is_plat("windows") and is_mode("release") then
     add_rules("win.sdk.application")
 end
 includes("*/xmake.lua")
diff --git a/include/LCUI.h b/include/LCUI.h
index f982dc808..2e2580aba 100644
--- a/include/LCUI.h
+++ b/include/LCUI.h
@@ -1,12 +1,12 @@
 /*
  * include/LCUI.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <yutil.h>
diff --git a/include/LCUI/app.h b/include/LCUI/app.h
index ffbbae988..1de0b3842 100644
--- a/include/LCUI/app.h
+++ b/include/LCUI/app.h
@@ -1,27 +1,47 @@
 /*
  * include/LCUI/app.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LCUI_INCLUDE_LCUI_APP_H
 #define LCUI_INCLUDE_LCUI_APP_H
 
 #include "common.h"
+#include <stdbool.h>
 #include <ptk/types.h>
 
 LCUI_BEGIN_HEADER
 
-LCUI_API uint32_t lcui_app_get_fps(void);
-LCUI_API void lcui_app_set_frame_rate_cap(unsigned rate_cap);
-LCUI_API int lcui_app_process_events(ptk_process_events_option_t option);
-LCUI_API void lcui_app_init(void);
-LCUI_API void lcui_app_destroy(void);
+/*
+ * Set the application identifier used for config file resolution.
+ *
+ * The id is used as a subdirectory name under the platform config root
+ * (e.g., %APPDATA%/<id>/settings.ini on Windows,
+ *       $XDG_CONFIG_HOME/<id>/settings.ini or ~/.config/<id>/settings.ini on
+ * Linux).
+ *
+ * Allowed characters: alphanumeric, '.', '_', '-'. Must be non-empty.
+ * Recommended format: reverse-domain notation, e.g. "com.example.myapp".
+ *
+ * Returns true on success, false if app_id is invalid.
+ */
+LCUI_API bool lcui_set_app_id(const char *app_id);
+
+LCUI_API const char *lcui_get_app_id(void);
+
+LCUI_API uint32_t lcui_get_fps(void);
+LCUI_API void lcui_set_fps_cap(unsigned fps_cap);
+
+typedef void (*lcui_frame_cb_t)(uint64_t timestamp, void *data);
+
+LCUI_API int lcui_request_frame(lcui_frame_cb_t callback, void *data);
+LCUI_API void lcui_cancel_frame(int request_id);
 
 LCUI_END_HEADER
 
diff --git a/include/LCUI/base.h b/include/LCUI/base.h
index 11b7462a9..568c566f0 100644
--- a/include/LCUI/base.h
+++ b/include/LCUI/base.h
@@ -1,12 +1,12 @@
 /*
  * include/LCUI/base.h
  *
- * Copyright (c) 2024-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LCUI_INCLUDE_LCUI_BASE_H
diff --git a/include/LCUI/common.h b/include/LCUI/common.h
index e9e4caff4..9a9d3804b 100644
--- a/include/LCUI/common.h
+++ b/include/LCUI/common.h
@@ -1,12 +1,12 @@
 /*
  * include/LCUI/common.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LCUI_INCLUDE_LCUI_COMMON_H
diff --git a/include/LCUI/fonts.h b/include/LCUI/fonts.h
index 6eb9c1c90..342ea9748 100644
--- a/include/LCUI/fonts.h
+++ b/include/LCUI/fonts.h
@@ -1,12 +1,12 @@
 /*
  * include/LCUI/fonts.h
  *
- * Copyright (c) 2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2025-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LCUI_INCLUDE_LCUI_FONTS_H
diff --git a/include/LCUI/main.h b/include/LCUI/main.h
index 515c4ddd4..4b0e4dc6c 100644
--- a/include/LCUI/main.h
+++ b/include/LCUI/main.h
@@ -1,12 +1,12 @@
 /*
  * include/LCUI/main.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <i@lc-soft.io> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <ptk/main.h>
diff --git a/include/LCUI/settings.h b/include/LCUI/settings.h
index da9078639..f6fa3f5f3 100644
--- a/include/LCUI/settings.h
+++ b/include/LCUI/settings.h
@@ -1,37 +1,20 @@
 /*
  * include/LCUI/settings.h
  *
- * Copyright (c) 2024-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LCUI_INCLUDE_LCUI_SETTINGS_H
 #define LCUI_INCLUDE_LCUI_SETTINGS_H
 
 #include "common.h"
-
-#define LCUI_MAX_FRAMES_PER_SEC 120
-#define LCUI_MAX_FRAME_MSEC ((int)(1000.0 / LCUI_MAX_FRAMES_PER_SEC + 0.5))
-
-LCUI_BEGIN_HEADER
-
-typedef struct lcui_settings {
-        int frame_rate_cap;
-        int parallel_rendering_threads;
-        bool paint_flashing;
-} lcui_settings_t;
-
-/* Initialize settings with the current global settings. */
-LCUI_API void lcui_get_settings(lcui_settings_t *settings);
-
-/* Update global settings with the given input. */
-LCUI_API void lcui_apply_settings(lcui_settings_t *settings);
-
-/* Reset global settings to their defaults. */
-LCUI_API void lcui_reset_settings(void);
+#include "settings/base.h"
+#include "settings/rendering.h"
+#include "settings/window_state.h"
 
 #endif
diff --git a/include/LCUI/settings/base.h b/include/LCUI/settings/base.h
new file mode 100644
index 000000000..cf583a70f
--- /dev/null
+++ b/include/LCUI/settings/base.h
@@ -0,0 +1,37 @@
+/*
+ * include/LCUI/settings/base.h
+ *
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#ifndef LCUI_INCLUDE_LCUI_SETTINGS_BASE_H
+#define LCUI_INCLUDE_LCUI_SETTINGS_BASE_H
+
+#include <LCUI/common.h>
+#include <stdbool.h>
+
+LCUI_BEGIN_HEADER
+
+LCUI_API bool lcui_settings_is_loaded(void);
+LCUI_API bool lcui_settings_load(void);
+LCUI_API bool lcui_settings_flush(void);
+LCUI_API void lcui_settings_unload(void);
+
+/* Read / write a custom string setting under [section].  `section`
+ * and `key` must be ASCII.  Returns true on read if the key exists
+ * (the caller owns the returned string).  Returns true on write if
+ * the value was stored (the setting is not persisted until the next
+ * call to lcui_settings_flush()). */
+LCUI_API bool lcui_settings_get_string(const char *section, const char *key,
+                                       char **out);
+LCUI_API bool lcui_settings_set_string(const char *section, const char *key,
+                                       const char *value);
+
+LCUI_END_HEADER
+
+#endif
diff --git a/include/LCUI/settings/rendering.h b/include/LCUI/settings/rendering.h
new file mode 100644
index 000000000..e5b8e231b
--- /dev/null
+++ b/include/LCUI/settings/rendering.h
@@ -0,0 +1,40 @@
+/*
+ * include/LCUI/settings/rendering.h
+ *
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#ifndef LCUI_INCLUDE_LCUI_SETTINGS_RENDERING_H
+#define LCUI_INCLUDE_LCUI_SETTINGS_RENDERING_H
+
+#include <LCUI/common.h>
+#include <stdbool.h>
+
+#define LCUI_RENDERING_FPS_CAP_MIN 30
+#define LCUI_RENDERING_FPS_CAP_MAX 480
+#define LCUI_RENDERING_PARALLEL_THREADS_MIN 1
+#define LCUI_RENDERING_PARALLEL_THREADS_MAX 64
+#define LCUI_DEFAULT_FPS_CAP 120
+#define LCUI_DEFAULT_PARALLEL_THREADS 4
+#define LCUI_MAX_FRAMES_PER_SEC LCUI_DEFAULT_FPS_CAP
+#define LCUI_MAX_FRAME_MSEC ((int)(1000.0 / LCUI_MAX_FRAMES_PER_SEC + 0.5))
+
+LCUI_BEGIN_HEADER
+
+typedef struct lcui_rendering_settings {
+        int fps_cap;
+        int parallel_threads;
+        bool paint_flashing;
+} lcui_rendering_settings_t;
+
+LCUI_API bool lcui_get_rendering(lcui_rendering_settings_t *out);
+LCUI_API bool lcui_set_rendering(const lcui_rendering_settings_t *in);
+
+LCUI_END_HEADER
+
+#endif
diff --git a/include/LCUI/settings/window_state.h b/include/LCUI/settings/window_state.h
new file mode 100644
index 000000000..722ca5cca
--- /dev/null
+++ b/include/LCUI/settings/window_state.h
@@ -0,0 +1,39 @@
+/*
+ * include/LCUI/settings/window_state.h
+ *
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#ifndef LCUI_INCLUDE_LCUI_SETTINGS_WINDOW_STATE_H
+#define LCUI_INCLUDE_LCUI_SETTINGS_WINDOW_STATE_H
+
+#include <LCUI/common.h>
+#include <stdbool.h>
+#include <ui/types.h>
+
+#define LCUI_WINDOW_STATE_SIZE_MIN 1
+#define LCUI_WINDOW_STATE_SIZE_MAX 32768
+
+LCUI_BEGIN_HEADER
+
+typedef struct lcui_window_state {
+        int x;
+        int y;
+        int width;
+        int height;
+        bool maximized;
+} lcui_window_state_t;
+
+LCUI_API bool lcui_get_window_state(const char *id, lcui_window_state_t *out);
+LCUI_API bool lcui_set_window_state(const char *id,
+                                    const lcui_window_state_t *in);
+LCUI_API bool lcui_bind_window_state(ui_widget_t *widget, const char *id);
+
+LCUI_END_HEADER
+
+#endif
diff --git a/include/LCUI/ui.h b/include/LCUI/ui.h
index 4a8158b98..665d74f48 100644
--- a/include/LCUI/ui.h
+++ b/include/LCUI/ui.h
@@ -1,12 +1,12 @@
 /*
  * include/LCUI/ui.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LCUI_INCLUDE_UI_H
diff --git a/include/LCUI/widgets.h b/include/LCUI/widgets.h
index 1b3b0a175..815b7f11f 100644
--- a/include/LCUI/widgets.h
+++ b/include/LCUI/widgets.h
@@ -1,21 +1,23 @@
 /*
  * include/LCUI/widgets.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "widgets/text.h"
 #include "widgets/button.h"
 #include "widgets/anchor.h"
 #include "widgets/canvas.h"
+#include "widgets/progress.h"
 #include "widgets/scrollarea.h"
 #include "widgets/scrollbar.h"
 #include "widgets/textinput.h"
 #include "widgets/textcaret.h"
-#include "widgets/router_link.h"
-#include "widgets/router_view.h"
+#include "widgets/label.h"
+#include "widgets/checkbox.h"
+#include "widgets/radio_group.h"
diff --git a/include/LCUI/widgets/anchor.h b/include/LCUI/widgets/anchor.h
index ce4ec9070..dc83a8d61 100644
--- a/include/LCUI/widgets/anchor.h
+++ b/include/LCUI/widgets/anchor.h
@@ -1,12 +1,12 @@
 /*
  * include/LCUI/widgets/anchor.h: to <a> element in HTML.
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LCUI_INCLUDE_WIDGETS_ANCHOR_H
@@ -17,7 +17,7 @@
 
 LCUI_BEGIN_HEADER
 
-LCUI_API void ui_anchor_open(ui_widget_t* w);
+LCUI_API void ui_anchor_open(ui_widget_t *w);
 
 LCUI_API void ui_register_anchor(void);
 
diff --git a/include/LCUI/widgets/button.h b/include/LCUI/widgets/button.h
index a0a885cf9..0beddd332 100644
--- a/include/LCUI/widgets/button.h
+++ b/include/LCUI/widgets/button.h
@@ -1,12 +1,12 @@
 /*
  * include/LCUI/widgets/button.h: -- LCUI‘s Button widget
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LCUI_INCLUDE_WIDGETS_BUTTON_H
@@ -17,9 +17,9 @@
 
 LCUI_BEGIN_HEADER
 
-LCUI_API void ui_button_set_text_w(ui_widget_t* w, const wchar_t *wstr);
+LCUI_API void ui_button_set_text_w(ui_widget_t *w, const wchar_t *wstr);
 
-LCUI_API void ui_button_set_text(ui_widget_t* w, const char *str);
+LCUI_API void ui_button_set_text(ui_widget_t *w, const char *str);
 
 LCUI_API void ui_register_button(void);
 
diff --git a/include/LCUI/widgets/canvas.h b/include/LCUI/widgets/canvas.h
index bcc193b4f..95cc1a5b1 100644
--- a/include/LCUI/widgets/canvas.h
+++ b/include/LCUI/widgets/canvas.h
@@ -1,12 +1,12 @@
 /*
  * include/LCUI/widgets/canvas.h: -- canvas, used to draw custom graphics
  *
- * Copyright (c) 2019-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2019-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LCUI_INCLUDE_WIDGETS_CANVAS_H
@@ -17,7 +17,9 @@
 
 LCUI_BEGIN_HEADER
 
-/** @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvas#attributes */
+/** @see
+ * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvas#attributes
+ */
 
 #define UI_CANVAS_DEFAULT_WIDTH 300
 #define UI_CANVAS_DEFAULT_HEIGHT 150
@@ -25,37 +27,39 @@ LCUI_BEGIN_HEADER
 typedef struct ui_canvas_rendering_context ui_canvas_context_t;
 
 typedef struct ui_canvas_rendering_context {
-	bool available;
-	pd_color_t fill_color;
-	pd_canvas_t buffer;
-	ui_widget_t* canvas;
-	list_node_t node;
-
-	float scale;
-	int width;
-	int height;
-
-	/**
-	 * Draws a rectangle that is filled according to the current `fill_color`.
-	 * Reference: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fillRect
-	*/
-	void (*fill_rect)(ui_canvas_context_t*, int, int, int, int);
-
-	/**
-	 * Erases the pixels in a rectangular area by setting them to transparent black.
-	 * Reference: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clearRect
-	*/
-	void (*clear_rect)(ui_canvas_context_t*, int, int, int, int);
-
-
-	void (*release)(ui_canvas_context_t*);
+        bool available;
+        pd_color_t fill_color;
+        pd_canvas_t buffer;
+        ui_widget_t *canvas;
+        list_node_t node;
+
+        float scale;
+        int width;
+        int height;
+
+        /**
+         * Draws a rectangle that is filled according to the current
+         * `fill_color`. Reference:
+         * https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fillRect
+         */
+        void (*fill_rect)(ui_canvas_context_t *, int, int, int, int);
+
+        /**
+         * Erases the pixels in a rectangular area by setting them to
+         * transparent black. Reference:
+         * https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clearRect
+         */
+        void (*clear_rect)(ui_canvas_context_t *, int, int, int, int);
+
+        void (*release)(ui_canvas_context_t *);
 } ui_canvas_rendering_context_t;
 
 /**
  * Get a drawing context on the canvas
- * Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/getContext
-*/
-LCUI_API ui_canvas_context_t *ui_canvas_get_context(ui_widget_t* w);
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/getContext
+ */
+LCUI_API ui_canvas_context_t *ui_canvas_get_context(ui_widget_t *w);
 
 LCUI_API void ui_register_canvas(void);
 
diff --git a/include/LCUI/widgets/checkbox.h b/include/LCUI/widgets/checkbox.h
new file mode 100644
index 000000000..6e866e30e
--- /dev/null
+++ b/include/LCUI/widgets/checkbox.h
@@ -0,0 +1,53 @@
+/*
+ * include/LCUI/widgets/checkbox.h: -- LCUI's Checkbox widget
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#ifndef LCUI_INCLUDE_WIDGETS_CHECKBOX_H
+#define LCUI_INCLUDE_WIDGETS_CHECKBOX_H
+
+#include <LCUI/common.h>
+#include <string.h>
+#include <ui/base.h>
+
+LCUI_BEGIN_HEADER
+
+LCUI_API ui_widget_t *ui_create_checkbox(void);
+
+LCUI_API void ui_register_checkbox(void);
+
+static inline int ui_checkbox_set_checked(ui_widget_t *w, int checked)
+{
+        return ui_widget_set_attr(w, "checked", checked ? "true" : "false");
+}
+
+static inline int ui_checkbox_get_checked(ui_widget_t *w)
+{
+        const char *v = ui_widget_get_attr(w, "checked");
+
+        return v && strcmp(v, "true") == 0;
+}
+
+static inline int ui_checkbox_set_indeterminate(ui_widget_t *w,
+                                                int indeterminate)
+{
+        return ui_widget_set_attr(w, "indeterminate",
+                                  indeterminate ? "true" : "false");
+}
+
+static inline int ui_checkbox_get_indeterminate(ui_widget_t *w)
+{
+        const char *v = ui_widget_get_attr(w, "indeterminate");
+
+        return v && strcmp(v, "true") == 0;
+}
+
+LCUI_END_HEADER
+
+#endif
diff --git a/include/LCUI/widgets/label.h b/include/LCUI/widgets/label.h
new file mode 100644
index 000000000..1b2255a3d
--- /dev/null
+++ b/include/LCUI/widgets/label.h
@@ -0,0 +1,36 @@
+/*
+ * include/LCUI/widgets/label.h: -- LCUI's Label widget
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#ifndef LCUI_INCLUDE_WIDGETS_LABEL_H
+#define LCUI_INCLUDE_WIDGETS_LABEL_H
+
+#include <LCUI/common.h>
+#include <ui/base.h>
+
+LCUI_BEGIN_HEADER
+
+LCUI_API ui_widget_t *ui_create_label(void);
+
+LCUI_API void ui_register_label(void);
+
+static inline int ui_label_set_for(ui_widget_t *w, const char *id)
+{
+        return ui_widget_set_attr(w, "for", id);
+}
+
+static inline const char *ui_label_get_for(ui_widget_t *w)
+{
+        return ui_widget_get_attr(w, "for");
+}
+
+LCUI_END_HEADER
+
+#endif
diff --git a/include/LCUI/widgets/progress.h b/include/LCUI/widgets/progress.h
new file mode 100644
index 000000000..885e2f779
--- /dev/null
+++ b/include/LCUI/widgets/progress.h
@@ -0,0 +1,30 @@
+/*
+ * include/LCUI/widgets/progress.h: -- LCUI's Progress widget
+ *
+ * Copyright (c) 2024-2026, Liu chao <lc-soft@live.cn> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#ifndef LCUI_INCLUDE_WIDGETS_PROGRESS_H
+#define LCUI_INCLUDE_WIDGETS_PROGRESS_H
+
+#include <LCUI/common.h>
+#include <ui.h>
+
+LCUI_BEGIN_HEADER
+
+LCUI_API ui_widget_t *ui_create_progress(void);
+
+LCUI_API void ui_progress_set_value(ui_widget_t *w, float value);
+
+LCUI_API float ui_progress_get_value(ui_widget_t *w);
+
+LCUI_API void ui_register_progress(void);
+
+LCUI_END_HEADER
+
+#endif
diff --git a/include/LCUI/widgets/radio_group.h b/include/LCUI/widgets/radio_group.h
new file mode 100644
index 000000000..d1155b3ed
--- /dev/null
+++ b/include/LCUI/widgets/radio_group.h
@@ -0,0 +1,67 @@
+/*
+ * include/LCUI/widgets/radio_group.h: -- RadioGroup and RadioGroupItem widgets
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#ifndef LCUI_INCLUDE_WIDGETS_RADIO_GROUP_H
+#define LCUI_INCLUDE_WIDGETS_RADIO_GROUP_H
+
+#include <LCUI/common.h>
+#include <string.h>
+#include <ui/base.h>
+
+LCUI_BEGIN_HEADER
+
+LCUI_API ui_widget_t *ui_create_radio_group(void);
+
+LCUI_API ui_widget_t *ui_create_radio_group_item(void);
+
+LCUI_API void ui_register_radio_group(void);
+
+/**
+ * Sync item checked states with the group's current value.
+ *
+ * Walks all radio-group-item descendants of w and sets checked=1 on the
+ * item whose "value" attribute equals w's "value", others to checked=0.
+ *
+ * Called automatically by ui_radio_group_set_value(). App code may also
+ * call it directly after appending new items at runtime to refresh the
+ * visual selection without changing the group's value.
+ */
+LCUI_API void ui_radio_group_update(ui_widget_t *w);
+
+INLINE const char *ui_radio_group_get_value(ui_widget_t *w)
+{
+        return ui_widget_get_attr(w, "value");
+}
+
+INLINE int ui_radio_group_set_value(ui_widget_t *w, const char *value)
+{
+        if (ui_widget_set_attr(w, "value", value) < 0) {
+                return -1;
+        }
+        ui_radio_group_update(w);
+        return 0;
+}
+
+INLINE int ui_radio_group_item_get_checked(ui_widget_t *w)
+{
+        const char *v = ui_widget_get_attr(w, "checked");
+
+        return v && strcmp(v, "true") == 0;
+}
+
+INLINE int ui_radio_group_item_set_checked(ui_widget_t *w, int checked)
+{
+        return ui_widget_set_attr(w, "checked", checked ? "true" : "false");
+}
+
+LCUI_END_HEADER
+
+#endif
diff --git a/include/LCUI/widgets/router_link.h b/include/LCUI/widgets/router_link.h
deleted file mode 100644
index 2896ea7e0..000000000
--- a/include/LCUI/widgets/router_link.h
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * include/LCUI/widgets/router_link.h
- *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#ifndef LCUI_INCOIDE_ROUTER_LINK_H
-#define LCUI_INCOIDE_ROUTER_LINK_H
-
-#include <ui/types.h>
-#include <router/types.h>
-#include <LCUI/common.h>
-
-LCUI_BEGIN_HEADER
-
-LCUI_API void ui_router_link_set_location(
-    ui_widget_t *w, router_location_t *location);
-
-LCUI_API void ui_router_link_set_exact(ui_widget_t *w, bool exact);
-
-LCUI_API void ui_register_router_link(void);
-
-LCUI_END_HEADER
-
-#endif
diff --git a/include/LCUI/widgets/router_view.h b/include/LCUI/widgets/router_view.h
deleted file mode 100644
index 850171644..000000000
--- a/include/LCUI/widgets/router_view.h
+++ /dev/null
@@ -1,27 +0,0 @@
-/*
- * include/LCUI/widgets/router_view.h
- *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#ifndef LCUI_INCOIDE_ROUTER_VIEW_H
-#define LCUI_INCOIDE_ROUTER_VIEW_H
-
-#include <ui/types.h>
-#include <LCUI/common.h>
-
-LCUI_BEGIN_HEADER
-
-LCUI_API ui_widget_t *ui_router_view_get_matched_widget(
-    ui_widget_t *w);
-
-LCUI_API void ui_register_router_view(void);
-
-LCUI_END_HEADER
-
-#endif
diff --git a/include/LCUI/widgets/scrollarea.h b/include/LCUI/widgets/scrollarea.h
index a41dffbc6..a7f0ce7aa 100644
--- a/include/LCUI/widgets/scrollarea.h
+++ b/include/LCUI/widgets/scrollarea.h
@@ -1,12 +1,12 @@
 /*
  * include/LCUI/widgets/scrollarea.h
  *
- * Copyright (c) 2024-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LCUI_INCLUDE_WIDGETS_SCROLLAREA_H
@@ -34,11 +34,9 @@ LCUI_API ui_widget_t *ui_create_scrollarea(void);
 
 LCUI_API ui_widget_t *ui_create_scrollarea_content(void);
 
-LCUI_API void ui_scrollarea_set_scroll_top(ui_widget_t *w,
-                                                       float value);
+LCUI_API void ui_scrollarea_set_scroll_top(ui_widget_t *w, float value);
 
-LCUI_API void ui_scrollarea_set_scroll_left(ui_widget_t *w,
-                                                        float value);
+LCUI_API void ui_scrollarea_set_scroll_left(ui_widget_t *w, float value);
 
 LCUI_API float ui_scrollarea_get_scroll_top(ui_widget_t *w);
 
diff --git a/include/LCUI/widgets/scrollbar.h b/include/LCUI/widgets/scrollbar.h
index cc80ac73a..6137fbe92 100644
--- a/include/LCUI/widgets/scrollbar.h
+++ b/include/LCUI/widgets/scrollbar.h
@@ -1,12 +1,12 @@
 /*
  * include/LCUI/widgets/scrollbar.h: -- LCUI's scrollbar widget
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LCUI_INCLUDE_WIDGETS_SCROLLBAR_H
@@ -18,14 +18,14 @@
 LCUI_BEGIN_HEADER
 
 typedef enum {
-	UI_SCROLLBAR_HORIZONTAL,
-	UI_SCROLLBAR_VERTICAL
+        UI_SCROLLBAR_HORIZONTAL,
+        UI_SCROLLBAR_VERTICAL
 } ui_scrollbar_orientation_t;
 
 LCUI_API void ui_scrollbar_update(ui_widget_t *w);
 
-LCUI_API void ui_scrollbar_set_orientation(ui_widget_t* w,
-					 ui_scrollbar_orientation_t orientation);
+LCUI_API void ui_scrollbar_set_orientation(
+    ui_widget_t *w, ui_scrollbar_orientation_t orientation);
 
 LCUI_API ui_widget_t *ui_create_scrollbar(void);
 
diff --git a/include/LCUI/widgets/text.h b/include/LCUI/widgets/text.h
index 286689005..1282c0810 100644
--- a/include/LCUI/widgets/text.h
+++ b/include/LCUI/widgets/text.h
@@ -1,12 +1,12 @@
 /*
  * include/LCUI/widgets/text.h: -- TextView widget for display
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LCUI_INCLUDE_WIDGETS_TEXT_H
@@ -17,14 +17,12 @@
 
 LCUI_BEGIN_HEADER
 
-LCUI_API int ui_text_set_content_w(ui_widget_t *w,
-                                               const wchar_t *text);
+LCUI_API int ui_text_set_content_w(ui_widget_t *w, const wchar_t *text);
 
 LCUI_API size_t ui_text_get_content_w(ui_widget_t *w, wchar_t *buf,
-                                                  size_t size);
+                                      size_t size);
 
-LCUI_API int ui_text_set_content(ui_widget_t *w,
-                                             const char *utf8_text);
+LCUI_API int ui_text_set_content(ui_widget_t *w, const char *utf8_text);
 
 LCUI_API void ui_text_set_multiline(ui_widget_t *w, bool enable);
 
diff --git a/include/LCUI/widgets/textcaret.h b/include/LCUI/widgets/textcaret.h
index 6cb548bf5..fad29d344 100644
--- a/include/LCUI/widgets/textcaret.h
+++ b/include/LCUI/widgets/textcaret.h
@@ -1,12 +1,12 @@
 /*
  * include/LCUI/widgets/textcaret.h: -- textcaret widget, used in textinput.
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LCUI_INCLUDE_WIDGETS_TEXTCARET_H
@@ -15,12 +15,13 @@
 #include <LCUI/common.h>
 #include <ui.h>
 
-LCUI_API void ui_textcaret_refresh(ui_widget_t* widget);
+LCUI_API void ui_textcaret_refresh(ui_widget_t *widget);
 
-LCUI_API void ui_textcaret_set_visible(ui_widget_t* widget, bool visible);
+LCUI_API void ui_textcaret_set_visible(ui_widget_t *widget, bool visible);
 
 /** 设置闪烁的时间间隔 */
-LCUI_API void ui_textcaret_set_blink_time(ui_widget_t* widget, unsigned int n_ms);
+LCUI_API void ui_textcaret_set_blink_time(ui_widget_t *widget,
+                                          unsigned int n_ms);
 
 LCUI_API void ui_register_textcaret(void);
 
diff --git a/include/LCUI/widgets/textinput.h b/include/LCUI/widgets/textinput.h
index 72bc8c7dc..b26eff86d 100644
--- a/include/LCUI/widgets/textinput.h
+++ b/include/LCUI/widgets/textinput.h
@@ -1,12 +1,26 @@
 /*
- * include/LCUI/widgets/textinput.h: -- textinput widget, used to allow user edit text.
+ * include/LCUI/widgets/textinput.h
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+/*
+ * include/LCUI/widgets/textinput.h: -- textinput widget, used to allow user
+ * edit text.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights
+ * reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI,
+ * distributed under the MIT License found in the
+ * LICENSE.TXT file in the
+ * root directory of this source tree.
  */
 
 #ifndef LCUI_INCLUDE_WIDGETS_TEXTINPUT_H
@@ -18,43 +32,47 @@
 LCUI_BEGIN_HEADER
 
 /** Enable style tag parser  */
-LCUI_API void ui_textinput_enable_style_tag(ui_widget_t* widget, bool enable);
+LCUI_API void ui_textinput_enable_style_tag(ui_widget_t *widget, bool enable);
 
-LCUI_API void ui_textinput_enable_multiline(ui_widget_t* widget, bool enable);
+LCUI_API void ui_textinput_enable_multiline(ui_widget_t *widget, bool enable);
 
-LCUI_API void ui_textinput_move_caret(ui_widget_t* widget, int row, int col);
+LCUI_API void ui_textinput_move_caret(ui_widget_t *widget, int row, int col);
 
 /** 清空文本内容 */
-LCUI_API void ui_textinput_clear_text(ui_widget_t* widget);
+LCUI_API void ui_textinput_clear_text(ui_widget_t *widget);
 
 /** 获取文本内容 */
-LCUI_API size_t ui_textinput_get_text_w(ui_widget_t* w, size_t start,
-				      size_t max_len, wchar_t *buf);
+LCUI_API size_t ui_textinput_get_text_w(ui_widget_t *w, size_t start,
+                                        size_t max_len, wchar_t *buf);
 
 /** 获取文本长度 */
-LCUI_API size_t ui_textinput_get_text_length(ui_widget_t* w);
+LCUI_API size_t ui_textinput_get_text_length(ui_widget_t *w);
 
 /** 设置文本编辑框内的光标，指定是否闪烁、闪烁时间间隔 */
-LCUI_API void ui_textinput_set_caret_blink(ui_widget_t* w, bool visible, int time);
+LCUI_API void ui_textinput_set_caret_blink(ui_widget_t *w, bool visible,
+                                           int time);
 
-    /** 为文本框设置文本（宽字符版） */
-LCUI_API int ui_textinput_set_text_w(ui_widget_t* widget, const wchar_t *wstr);
+/** 为文本框设置文本（宽字符版） */
+LCUI_API int ui_textinput_set_text_w(ui_widget_t *widget, const wchar_t *wstr);
 
-LCUI_API int ui_textinput_set_text(ui_widget_t* widget, const char *utf8_str);
+LCUI_API int ui_textinput_set_text(ui_widget_t *widget, const char *utf8_str);
 
 /** 为文本框追加文本（宽字符版） */
-LCUI_API int ui_textinput_append_text_w(ui_widget_t* widget, const wchar_t *wstr);
+LCUI_API int ui_textinput_append_text_w(ui_widget_t *widget,
+                                        const wchar_t *wstr);
 
 /** 为文本框插入文本（宽字符版） */
-LCUI_API int ui_textinput_insert_text_w(ui_widget_t* widget, const wchar_t *wstr);
+LCUI_API int ui_textinput_insert_text_w(ui_widget_t *widget,
+                                        const wchar_t *wstr);
 
 /** 设置占位符，当文本编辑框内容为空时显示占位符 */
-LCUI_API int ui_textinput_set_placeholder_w(ui_widget_t* w, const wchar_t *wstr);
+LCUI_API int ui_textinput_set_placeholder_w(ui_widget_t *w,
+                                            const wchar_t *wstr);
 
-LCUI_API int ui_textinput_set_placeholder(ui_widget_t* w, const char *str);
+LCUI_API int ui_textinput_set_placeholder(ui_widget_t *w, const char *str);
 
 /** 设置密码屏蔽符 */
-LCUI_API void ui_textinput_set_password_char(ui_widget_t* w, wchar_t ch);
+LCUI_API void ui_textinput_set_password_char(ui_widget_t *w, wchar_t ch);
 
 LCUI_API void ui_register_textinput(void);
 
diff --git a/include/LCUI/worker.h b/include/LCUI/worker.h
index c9f14a8c7..99cb716b3 100644
--- a/include/LCUI/worker.h
+++ b/include/LCUI/worker.h
@@ -1,12 +1,12 @@
 /*
  * include/LCUI/worker.h
  *
- * Copyright (c) 2024-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LCUI_INCLUDE_LCUI_WORKER_H
diff --git a/lib/css/include/css.h b/lib/css/include/css.h
index fce04dbd2..991599c10 100644
--- a/lib/css/include/css.h
+++ b/lib/css/include/css.h
@@ -1,12 +1,12 @@
 /*
  * lib/css/include/css.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIBCSS_INCLUDE_CSS_H
diff --git a/lib/css/include/css/common.h b/lib/css/include/css/common.h
index 27387dee9..27e20ef9b 100644
--- a/lib/css/include/css/common.h
+++ b/lib/css/include/css/common.h
@@ -1,12 +1,12 @@
 /*
  * lib/css/include/css/common.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "config.h"
diff --git a/lib/css/include/css/computed.h b/lib/css/include/css/computed.h
index 450ff3f5a..d58a5d209 100644
--- a/lib/css/include/css/computed.h
+++ b/lib/css/include/css/computed.h
@@ -1,12 +1,12 @@
 /*
  * lib/css/include/css/computed.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIBCSS_INCLUDE_CSS_COMPUTED_H
diff --git a/lib/css/include/css/data_types.h b/lib/css/include/css/data_types.h
index 3dfa62146..72c76ba4b 100644
--- a/lib/css/include/css/data_types.h
+++ b/lib/css/include/css/data_types.h
@@ -1,12 +1,12 @@
 /*
  * lib/css/include/css/data_types.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIBCSS_INCLUDE_CSS_DATA_TYPES_H
@@ -18,13 +18,13 @@
 LIBCSS_BEGIN_DECLS
 
 LIBCSS_PUBLIC bool css_parse_numeric_value(css_style_value_t *s,
-					   const char *str);
+                                           const char *str);
 LIBCSS_PUBLIC bool css_parse_unit_value(css_style_value_t *s, const char *str);
 LIBCSS_PUBLIC bool css_parse_string_value(css_style_value_t *val,
-					  const char *str);
+                                          const char *str);
 LIBCSS_PUBLIC bool css_parse_url_value(css_style_value_t *s, const char *str);
 LIBCSS_PUBLIC bool css_parse_color_value(css_style_value_t *val,
-					 const char *str);
+                                         const char *str);
 LIBCSS_PUBLIC void css_init_data_types(void);
 
 LIBCSS_END_DECLS
diff --git a/lib/css/include/css/keywords.h b/lib/css/include/css/keywords.h
index 00e87d5ea..931c15778 100644
--- a/lib/css/include/css/keywords.h
+++ b/lib/css/include/css/keywords.h
@@ -1,12 +1,12 @@
 /*
  * lib/css/include/css/keywords.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIBCSS_INCLUDE_CSS_KEYWORDS_H
@@ -17,9 +17,10 @@
 
 LIBCSS_BEGIN_DECLS
 
-LIBCSS_INLINE bool css_check_keyword(css_style_value_t *sv, css_keyword_value_t kv)
+LIBCSS_INLINE bool css_check_keyword(css_style_value_t *sv,
+                                     css_keyword_value_t kv)
 {
-	return sv->type == CSS_KEYWORD_VALUE && sv->keyword_value == kv;
+        return sv->type == CSS_KEYWORD_VALUE && sv->keyword_value == kv;
 }
 
 LIBCSS_PUBLIC int css_register_keyword(const char *name);
diff --git a/lib/css/include/css/library.h b/lib/css/include/css/library.h
index e7a6a5590..80d79acd6 100644
--- a/lib/css/include/css/library.h
+++ b/lib/css/include/css/library.h
@@ -1,12 +1,12 @@
 /*
  * lib/css/include/css/library.h: -- CSS library operation module.
  *
- * Copyright (c) 2022-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2022-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIBCSS_INCLUDE_CSS_LIBRARY_H
diff --git a/lib/css/include/css/parser.h b/lib/css/include/css/parser.h
index 6864bd9fa..7fef1c8b7 100644
--- a/lib/css/include/css/parser.h
+++ b/lib/css/include/css/parser.h
@@ -1,12 +1,12 @@
 /*
  * lib/css/include/css/parser.h: -- CSS parser module
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIBCSS_INCLUDE_CSS_PARSER_H
@@ -20,22 +20,22 @@
 LIBCSS_BEGIN_DECLS
 
 typedef enum css_parser_target_t {
-	CSS_PARSER_TARGET_NONE,      /**< 无 */
-	CSS_PARSER_TARGET_RULE_NAME, /**< 规则名称 */
-	CSS_PARSER_TARGET_RULE_DATA, /**< 规则数据 */
-	CSS_PARSER_TARGET_SELECTOR,  /**< 选择器 */
-	CSS_PARSER_TARGET_KEY,       /**< 属性名 */
-	CSS_PARSER_TARGET_VALUE,     /**< 属性值 */
-	CSS_PARSER_TARGET_COMMENT,   /**< 注释 */
-	CSS_PARSER_TARGET_TOTAL_NUM
+        CSS_PARSER_TARGET_NONE,      /**< 无 */
+        CSS_PARSER_TARGET_RULE_NAME, /**< 规则名称 */
+        CSS_PARSER_TARGET_RULE_DATA, /**< 规则数据 */
+        CSS_PARSER_TARGET_SELECTOR,  /**< 选择器 */
+        CSS_PARSER_TARGET_KEY,       /**< 属性名 */
+        CSS_PARSER_TARGET_VALUE,     /**< 属性值 */
+        CSS_PARSER_TARGET_COMMENT,   /**< 注释 */
+        CSS_PARSER_TARGET_TOTAL_NUM
 } css_parser_target_t;
 
 typedef enum css_rule_type_t {
-	CSS_RULE_NONE,
-	CSS_RULE_FONT_FACE, /**< @font-face */
-	CSS_RULE_IMPORT,    /**< @import */
-	CSS_RULE_MEDIA,     /**< @media */
-	CSS_RULE_TOTAL_NUM
+        CSS_RULE_NONE,
+        CSS_RULE_FONT_FACE, /**< @font-face */
+        CSS_RULE_IMPORT,    /**< @import */
+        CSS_RULE_MEDIA,     /**< @media */
+        CSS_RULE_TOTAL_NUM
 } css_rule_type_t;
 
 typedef struct css_parser css_parser_t;
@@ -43,52 +43,52 @@ typedef struct css_style_parser css_style_parser_t;
 typedef int (*css_parser_cb)(css_parser_t *);
 
 typedef struct css_rule_parser {
-	char name[32];
-	void *data;
-	css_parser_cb begin;
-	css_parser_cb parse;
+        char name[32];
+        void *data;
+        css_parser_cb begin;
+        css_parser_cb parse;
 } css_rule_parser_t;
 
 typedef struct css_style_parser {
-	char *dirname; /**< 当前所在的目录 */
-	char *space;   /**< 样式记录所属的空间 */
-	char *property;
+        char *dirname; /**< 当前所在的目录 */
+        char *space;   /**< 样式记录所属的空间 */
+        char *property;
 
-	void (*style_handler)(int, css_style_value_t *, void *);
-	void *style_handler_arg;
+        void (*style_handler)(int, css_style_value_t *, void *);
+        void *style_handler_arg;
 
-	list_t selectors;        /**< 当前匹配到的选择器列表 */
-	css_style_decl_t *style; /**< 当前缓存的样式表 */
+        list_t selectors;        /**< 当前匹配到的选择器列表 */
+        css_style_decl_t *style; /**< 当前缓存的样式表 */
 } css_style_parser_t;
 
 typedef struct css_comment_parser {
-	/** 是否为单行注释 */
-	bool is_line_comment;
+        /** 是否为单行注释 */
+        bool is_line_comment;
 
-	/** 保存的上一个目标，解析完注释后将还原成该目标 */
-	css_parser_target_t prev_target;
+        /** 保存的上一个目标，解析完注释后将还原成该目标 */
+        css_parser_target_t prev_target;
 } css_comment_parser_t;
 
 /** CSS 代码解析器的环境参数（上下文数据） */
 struct css_parser {
-	int pos;         /**< 缓存中的字符串的下标位置 */
-	const char *cur; /**< 用于遍历字符串的指针 */
-	char *space;     /**< 样式记录所属的空间 */
-	char *buffer;
-	size_t buffer_size;
-
-	css_parser_target_t target;
-	css_comment_parser_t comment_parser;
-	css_style_parser_t style_parser;
-	css_rule_type_t rule;
-	css_rule_parser_t rule_parsers[CSS_RULE_TOTAL_NUM];
+        int pos;         /**< 缓存中的字符串的下标位置 */
+        const char *cur; /**< 用于遍历字符串的指针 */
+        char *space;     /**< 样式记录所属的空间 */
+        char *buffer;
+        size_t buffer_size;
+
+        css_parser_target_t target;
+        css_comment_parser_t comment_parser;
+        css_style_parser_t style_parser;
+        css_rule_type_t rule;
+        css_rule_parser_t rule_parsers[CSS_RULE_TOTAL_NUM];
 };
 
 // css parser
 
 LIBCSS_INLINE void css_parser_get_char(css_parser_t *parser)
 {
-	parser->buffer[parser->pos++] = *(parser->cur);
+        parser->buffer[parser->pos++] = *(parser->cur);
 }
 
 LIBCSS_PUBLIC css_parser_t *css_parser_create(const char *space);
@@ -106,7 +106,7 @@ LIBCSS_PUBLIC int css_parser_begin_parse_comment(css_parser_t *parser);
 // css style parser
 
 LIBCSS_PUBLIC void css_style_parser_init(css_style_parser_t *parser,
-				    const char *space);
+                                         const char *space);
 
 LIBCSS_PUBLIC void css_style_parser_destroy(css_style_parser_t *parser);
 
diff --git a/lib/css/include/css/properties.h b/lib/css/include/css/properties.h
index 9617a0130..570d804a8 100644
--- a/lib/css/include/css/properties.h
+++ b/lib/css/include/css/properties.h
@@ -1,12 +1,12 @@
 /*
  * lib/css/include/css/properties.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIBCSS_INCLUDE_CSS_PROPERTIES_H
@@ -17,10 +17,9 @@
 
 LIBCSS_BEGIN_DECLS
 
-LIBCSS_PUBLIC int css_register_property(const char *name, const char *syntax,
-				   const char *initial_value,
-				   int (*cascade)(const css_style_array_value_t,
-						  css_computed_style_t *));
+LIBCSS_PUBLIC int css_register_property(
+    const char *name, const char *syntax, const char *initial_value,
+    int (*cascade)(const css_style_array_value_t, css_computed_style_t *));
 
 LIBCSS_PUBLIC int css_register_shorthand_property(
     const char *name, const char *syntax,
diff --git a/lib/css/include/css/selector.h b/lib/css/include/css/selector.h
index 74f5188d8..bc366dda6 100644
--- a/lib/css/include/css/selector.h
+++ b/lib/css/include/css/selector.h
@@ -1,12 +1,12 @@
 /*
  * lib/css/include/css/selector.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIBCSS_INCLUDE_CSS_SELECTOR_H
@@ -22,18 +22,19 @@ LIBCSS_PUBLIC css_selector_t *css_selector_create(const char *selector);
 LIBCSS_PUBLIC css_selector_t *css_selector_duplicate(css_selector_t *selector);
 
 LIBCSS_PUBLIC int css_selector_append(css_selector_t *selector,
-				 css_selector_node_t *node);
+                                      css_selector_node_t *node);
 
 LIBCSS_PUBLIC void css_selector_update(css_selector_t *s);
 
 LIBCSS_PUBLIC void css_selector_destroy(css_selector_t *s);
 
 LIBCSS_PUBLIC int css_selector_node_get_name_list(css_selector_node_t *sn,
-					     list_t *names);
+                                                  list_t *names);
 
 LIBCSS_PUBLIC int css_selector_node_update(css_selector_node_t *node);
 
-LIBCSS_PUBLIC css_selector_node_t * css_selector_node_duplicate(const css_selector_node_t *src);
+LIBCSS_PUBLIC css_selector_node_t *css_selector_node_duplicate(
+    const css_selector_node_t *src);
 
 LIBCSS_PUBLIC void css_selector_node_destroy(css_selector_node_t *node);
 
@@ -42,7 +43,7 @@ LIBCSS_PUBLIC void css_selector_node_destroy(css_selector_node_t *node);
  * 左边的选择器必须包含右边的选择器的所有属性。
  */
 LIBCSS_PUBLIC bool css_selector_node_match(css_selector_node_t *sn1,
-					   css_selector_node_t *sn2);
+                                           css_selector_node_t *sn2);
 
 LIBCSS_END_DECLS
 
diff --git a/lib/css/include/css/style_decl.h b/lib/css/include/css/style_decl.h
index 352a92d6b..a3642ef3a 100644
--- a/lib/css/include/css/style_decl.h
+++ b/lib/css/include/css/style_decl.h
@@ -1,12 +1,12 @@
 /*
  * lib/css/include/css/style_decl.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIBCSS_INCLUDE_CSS_STYLE_DECL_H
@@ -24,22 +24,22 @@ LIBCSS_PUBLIC void css_style_decl_destroy(css_style_decl_t *list);
 LIBCSS_PUBLIC css_prop_t *css_style_decl_alloc(css_style_decl_t *list, int key);
 
 LIBCSS_PUBLIC void css_style_decl_add(css_style_decl_t *list, int key,
-				 const css_style_value_t *value);
+                                      const css_style_value_t *value);
 
 LIBCSS_PUBLIC void css_style_decl_set(css_style_decl_t *list, int key,
-				 const css_style_value_t *value);
+                                      const css_style_value_t *value);
 
 LIBCSS_PUBLIC int css_style_decl_remove(css_style_decl_t *list, int key);
 
 LIBCSS_PUBLIC void css_style_decl_merge(css_style_decl_t *dst,
-				   const css_style_decl_t *src);
+                                        const css_style_decl_t *src);
 
 LIBCSS_PUBLIC css_prop_t *css_style_decl_find(css_style_decl_t *list, int key);
 
 LIBCSS_PUBLIC size_t css_print_style_decl(const css_style_decl_t *s);
 
 LIBCSS_PUBLIC size_t css_style_decl_to_string(const css_style_decl_t *list,
-					 char *str, size_t max_len);
+                                              char *str, size_t max_len);
 LIBCSS_END_DECLS
 
 #endif
diff --git a/lib/css/include/css/style_value.h b/lib/css/include/css/style_value.h
index 3d9aada4c..f4eacdbf7 100644
--- a/lib/css/include/css/style_value.h
+++ b/lib/css/include/css/style_value.h
@@ -1,12 +1,12 @@
 /*
  * lib/css/include/css/style_value.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIBCSS_INCLUDE_CSS_STYLE_VALUE_H
@@ -19,23 +19,25 @@ LIBCSS_BEGIN_DECLS
 
 #define CSS_COLOR_TRANSPARENT css_color(0, 0xff, 0xff, 0xff)
 
-LIBCSS_INLINE css_color_value_t css_color(uint8_t a, uint8_t r, uint8_t g, uint8_t b)
+LIBCSS_INLINE css_color_value_t css_color(uint8_t a, uint8_t r, uint8_t g,
+                                          uint8_t b)
 {
-	return b | g << 8 | r << 16 | a << 24;
+        return b | g << 8 | r << 16 | a << 24;
 }
 
 LIBCSS_INLINE uint8_t css_color_alpha(css_color_value_t value)
 {
-	return value >> 24;
+        return value >> 24;
 }
 
-LIBCSS_PUBLIC unsigned css_array_value_get_length(const css_style_array_value_t val);
+LIBCSS_PUBLIC unsigned css_array_value_get_length(
+    const css_style_array_value_t val);
 
 LIBCSS_PUBLIC int css_array_value_set_length(css_style_array_value_t *arr,
-					unsigned new_len);
+                                             unsigned new_len);
 
 LIBCSS_PUBLIC unsigned css_array_value_concat(css_style_array_value_t *arr1,
-					 css_style_array_value_t *arr2);
+                                              css_style_array_value_t *arr2);
 
 LIBCSS_PUBLIC css_style_array_value_t
 css_array_value_duplicate(const css_style_array_value_t arr);
@@ -48,21 +50,21 @@ LIBCSS_PUBLIC unsigned css_style_value_get_array_length(
     const css_style_value_t *val);
 
 LIBCSS_PUBLIC int css_style_value_set_array_length(css_style_value_t *val,
-					      unsigned new_len);
+                                                   unsigned new_len);
 
 LIBCSS_PUBLIC void css_style_value_copy(css_style_value_t *dst,
-				   const css_style_value_t *src);
+                                        const css_style_value_t *src);
 
 LIBCSS_PUBLIC size_t css_style_value_concat_array(css_style_value_t *val1,
-					     css_style_value_t *val2);
+                                                  css_style_value_t *val2);
 
 // https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleValue/parse
 
 LIBCSS_PUBLIC css_style_value_t *css_style_value_parse(const char *property,
-						  const char *css_text);
+                                                       const char *css_text);
 
-LIBCSS_PUBLIC size_t css_style_value_to_string(const css_style_value_t *s, char *str,
-					  size_t max_len);
+LIBCSS_PUBLIC size_t css_style_value_to_string(const css_style_value_t *s,
+                                               char *str, size_t max_len);
 
 LIBCSS_PUBLIC size_t css_print_style_value(const css_style_value_t *s);
 
diff --git a/lib/css/include/css/types.h b/lib/css/include/css/types.h
index 8554eff52..d12325e88 100644
--- a/lib/css/include/css/types.h
+++ b/lib/css/include/css/types.h
@@ -1,12 +1,12 @@
 /*
  * lib/css/include/css/types.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIBCSS_INCLUDE_CSS_DEF_H
@@ -22,263 +22,265 @@
 #define css_string(...) "" #__VA_ARGS__ ""
 
 typedef enum {
-	// position start
-	css_prop_left,
-	css_prop_right,
-	css_prop_top,
-	css_prop_bottom,
-	css_prop_position,
-	// position end
-
-	// display start
-	css_prop_visibility,
-	css_prop_display,
-	// display end
-
-	css_prop_z_index,
-	css_prop_opacity,
-	css_prop_box_sizing,
-	css_prop_width,
-	css_prop_height,
-	css_prop_min_width,
-	css_prop_min_height,
-	css_prop_max_width,
-	css_prop_max_height,
-
-	// margin start
-	css_prop_margin_top,
-	css_prop_margin_right,
-	css_prop_margin_bottom,
-	css_prop_margin_left,
-	// margin end
-
-	// padding start
-	css_prop_padding_top,
-	css_prop_padding_right,
-	css_prop_padding_bottom,
-	css_prop_padding_left,
-	// padding end
-
-	css_prop_vertical_align,
-
-	// border start
-	css_prop_border_top_width,
-	css_prop_border_top_style,
-	css_prop_border_top_color,
-	css_prop_border_right_width,
-	css_prop_border_right_style,
-	css_prop_border_right_color,
-	css_prop_border_bottom_width,
-	css_prop_border_bottom_style,
-	css_prop_border_bottom_color,
-	css_prop_border_left_width,
-	css_prop_border_left_style,
-	css_prop_border_left_color,
-	css_prop_border_top_left_radius,
-	css_prop_border_top_right_radius,
-	css_prop_border_bottom_left_radius,
-	css_prop_border_bottom_right_radius,
-	// border end
-
-	// background start
-	css_prop_background_color,
-	css_prop_background_image,
-	css_prop_background_size,
-	css_prop_background_repeat,
-	css_prop_background_clip,
-	css_prop_background_position_x,
-	css_prop_background_position_y,
-	// background end
-
-	css_prop_box_shadow,
-
-	// flex style start
-	css_prop_flex_basis,
-	css_prop_flex_grow,
-	css_prop_flex_shrink,
-	css_prop_flex_direction,
-	css_prop_flex_wrap,
-	css_prop_justify_content,
-	css_prop_align_content,
-	css_prop_align_items,
-	// flex style end
-
-	css_prop_color,
-	css_prop_font_size,
-	css_prop_font_style,
-	css_prop_font_weight,
-	css_prop_font_family,
-	css_prop_line_height,
-	css_prop_text_align,
-	css_prop_content,
-	css_prop_white_space,
-	css_prop_word_break,
-
-	css_prop_pointer_events,
-	STYLE_KEY_TOTAL
+        // position start
+        css_prop_left,
+        css_prop_right,
+        css_prop_top,
+        css_prop_bottom,
+        css_prop_position,
+        // position end
+
+        // display start
+        css_prop_visibility,
+        css_prop_display,
+        // display end
+
+        css_prop_z_index,
+        css_prop_opacity,
+        css_prop_box_sizing,
+        css_prop_width,
+        css_prop_height,
+        css_prop_min_width,
+        css_prop_min_height,
+        css_prop_max_width,
+        css_prop_max_height,
+
+        // margin start
+        css_prop_margin_top,
+        css_prop_margin_right,
+        css_prop_margin_bottom,
+        css_prop_margin_left,
+        // margin end
+
+        // padding start
+        css_prop_padding_top,
+        css_prop_padding_right,
+        css_prop_padding_bottom,
+        css_prop_padding_left,
+        // padding end
+
+        css_prop_vertical_align,
+
+        // border start
+        css_prop_border_top_width,
+        css_prop_border_top_style,
+        css_prop_border_top_color,
+        css_prop_border_right_width,
+        css_prop_border_right_style,
+        css_prop_border_right_color,
+        css_prop_border_bottom_width,
+        css_prop_border_bottom_style,
+        css_prop_border_bottom_color,
+        css_prop_border_left_width,
+        css_prop_border_left_style,
+        css_prop_border_left_color,
+        css_prop_border_top_left_radius,
+        css_prop_border_top_right_radius,
+        css_prop_border_bottom_left_radius,
+        css_prop_border_bottom_right_radius,
+        // border end
+
+        // background start
+        css_prop_background_color,
+        css_prop_background_image,
+        css_prop_background_size,
+        css_prop_background_repeat,
+        css_prop_background_clip,
+        css_prop_background_position_x,
+        css_prop_background_position_y,
+        // background end
+
+        css_prop_box_shadow,
+
+        // flex style start
+        css_prop_flex_basis,
+        css_prop_flex_grow,
+        css_prop_flex_shrink,
+        css_prop_flex_direction,
+        css_prop_flex_wrap,
+        css_prop_justify_content,
+        css_prop_align_content,
+        css_prop_align_items,
+        css_prop_row_gap,
+        css_prop_column_gap,
+        // flex style end
+
+        css_prop_color,
+        css_prop_font_size,
+        css_prop_font_style,
+        css_prop_font_weight,
+        css_prop_font_family,
+        css_prop_line_height,
+        css_prop_text_align,
+        css_prop_content,
+        css_prop_white_space,
+        css_prop_word_break,
+
+        css_prop_pointer_events,
+        STYLE_KEY_TOTAL
 } css_prop_key_t;
 
 typedef enum {
-	CSS_LENGTH_INHERIT,
-	CSS_LENGTH_SET,
-	CSS_LENGTH_AUTO
+        CSS_LENGTH_INHERIT,
+        CSS_LENGTH_SET,
+        CSS_LENGTH_AUTO
 } css_length_t;
 
 typedef enum { CSS_COLOR_INHERIT, CSS_COLOR_COLOR } css_color_t;
 
 typedef enum {
-	CSS_ALIGN_CONTENT_INHERIT,
-	CSS_ALIGN_CONTENT_STRETCH,
-	CSS_ALIGN_CONTENT_FLEX_START,
-	CSS_ALIGN_CONTENT_FLEX_END,
-	CSS_ALIGN_CONTENT_CENTER,
-	CSS_ALIGN_CONTENT_SPACE_BETWEEN,
-	CSS_ALIGN_CONTENT_SPACE_AROUND,
-	CSS_ALIGN_CONTENT_SPACE_EVENLY
+        CSS_ALIGN_CONTENT_INHERIT,
+        CSS_ALIGN_CONTENT_STRETCH,
+        CSS_ALIGN_CONTENT_FLEX_START,
+        CSS_ALIGN_CONTENT_FLEX_END,
+        CSS_ALIGN_CONTENT_CENTER,
+        CSS_ALIGN_CONTENT_SPACE_BETWEEN,
+        CSS_ALIGN_CONTENT_SPACE_AROUND,
+        CSS_ALIGN_CONTENT_SPACE_EVENLY
 } css_align_content_t;
 
 typedef enum {
-	CSS_ALIGN_ITEMS_INHERIT,
-	CSS_ALIGN_ITEMS_STRETCH,
-	CSS_ALIGN_ITEMS_FLEX_START,
-	CSS_ALIGN_ITEMS_FLEX_END,
-	CSS_ALIGN_ITEMS_CENTER,
-	CSS_ALIGN_ITEMS_BASELINE
+        CSS_ALIGN_ITEMS_INHERIT,
+        CSS_ALIGN_ITEMS_STRETCH,
+        CSS_ALIGN_ITEMS_FLEX_START,
+        CSS_ALIGN_ITEMS_FLEX_END,
+        CSS_ALIGN_ITEMS_CENTER,
+        CSS_ALIGN_ITEMS_BASELINE
 } css_align_items_t;
 
 typedef enum {
-	CSS_BACKGROUND_COLOR_INHERIT,
-	CSS_BACKGROUND_COLOR_COLOR,
-	CSS_BACKGROUND_COLOR_CURRENT_COLOR
+        CSS_BACKGROUND_COLOR_INHERIT,
+        CSS_BACKGROUND_COLOR_COLOR,
+        CSS_BACKGROUND_COLOR_CURRENT_COLOR
 } css_background_color_t;
 
 typedef enum {
-	CSS_BACKGROUND_IMAGE_INHERIT,
-	/* Consult pointer in struct to determine which */
-	CSS_BACKGROUND_IMAGE_NONE,
-	CSS_BACKGROUND_IMAGE_IMAGE
+        CSS_BACKGROUND_IMAGE_INHERIT,
+        /* Consult pointer in struct to determine which */
+        CSS_BACKGROUND_IMAGE_NONE,
+        CSS_BACKGROUND_IMAGE_IMAGE
 } css_background_image_t;
 
 typedef enum {
-	CSS_BACKGROUND_SIZE_INHERIT,
-	CSS_BACKGROUND_SIZE_SET,
-	CSS_BACKGROUND_SIZE_AUTO,
-	CSS_BACKGROUND_SIZE_COVER,
-	CSS_BACKGROUND_SIZE_CONTAIN
+        CSS_BACKGROUND_SIZE_INHERIT,
+        CSS_BACKGROUND_SIZE_SET,
+        CSS_BACKGROUND_SIZE_AUTO,
+        CSS_BACKGROUND_SIZE_COVER,
+        CSS_BACKGROUND_SIZE_CONTAIN
 } css_background_size_t;
 
 typedef enum {
-	CSS_BACKGROUND_POSITION_INHERIT,
-	CSS_BACKGROUND_POSITION_SET
+        CSS_BACKGROUND_POSITION_INHERIT,
+        CSS_BACKGROUND_POSITION_SET
 } css_background_position_t;
 
 typedef enum {
-	CSS_BACKGROUND_REPEAT_INHERIT,
-	CSS_BACKGROUND_REPEAT_REPEAT_X,
-	CSS_BACKGROUND_REPEAT_REPEAT_Y,
-	CSS_BACKGROUND_REPEAT_REPEAT,
-	CSS_BACKGROUND_REPEAT_NO_REPEAT
+        CSS_BACKGROUND_REPEAT_INHERIT,
+        CSS_BACKGROUND_REPEAT_REPEAT_X,
+        CSS_BACKGROUND_REPEAT_REPEAT_Y,
+        CSS_BACKGROUND_REPEAT_REPEAT,
+        CSS_BACKGROUND_REPEAT_NO_REPEAT
 } css_background_repeat_t;
 
 typedef enum {
-	CSS_BACKGROUND_CLIP_INHERIT,
-	CSS_BACKGROUND_CLIP_BORDER_BOX,
-	CSS_BACKGROUND_CLIP_PADDING_BOX,
-	CSS_BACKGROUND_CLIP_CONTENT_BOX
+        CSS_BACKGROUND_CLIP_INHERIT,
+        CSS_BACKGROUND_CLIP_BORDER_BOX,
+        CSS_BACKGROUND_CLIP_PADDING_BOX,
+        CSS_BACKGROUND_CLIP_CONTENT_BOX
 } css_background_clip_t;
 
 typedef enum {
-	CSS_BORDER_RADIUS_INHERIT,
-	CSS_BORDER_RADIUS_SET
+        CSS_BORDER_RADIUS_INHERIT,
+        CSS_BORDER_RADIUS_SET
 } css_border_radius_t;
 
 typedef enum {
-	CSS_BORDER_COLOR_INHERIT = CSS_BACKGROUND_COLOR_INHERIT,
-	CSS_BORDER_COLOR_COLOR = CSS_BACKGROUND_COLOR_COLOR,
-	CSS_BORDER_COLOR_CURRENT_COLOR = CSS_BACKGROUND_COLOR_CURRENT_COLOR
+        CSS_BORDER_COLOR_INHERIT = CSS_BACKGROUND_COLOR_INHERIT,
+        CSS_BORDER_COLOR_COLOR = CSS_BACKGROUND_COLOR_COLOR,
+        CSS_BORDER_COLOR_CURRENT_COLOR = CSS_BACKGROUND_COLOR_CURRENT_COLOR
 } css_border_color_t;
 
 typedef enum {
-	CSS_BORDER_STYLE_INHERIT,
-	CSS_BORDER_STYLE_NONE,
-	CSS_BORDER_STYLE_HIDDEN,
-	CSS_BORDER_STYLE_DOTTED,
-	CSS_BORDER_STYLE_DASHED,
-	CSS_BORDER_STYLE_SOLID,
-	CSS_BORDER_STYLE_DOUBLE,
-	CSS_BORDER_STYLE_GROOVE,
-	CSS_BORDER_STYLE_RIDGE,
-	CSS_BORDER_STYLE_INSET,
-	CSS_BORDER_STYLE_OUTSET
+        CSS_BORDER_STYLE_INHERIT,
+        CSS_BORDER_STYLE_NONE,
+        CSS_BORDER_STYLE_HIDDEN,
+        CSS_BORDER_STYLE_DOTTED,
+        CSS_BORDER_STYLE_DASHED,
+        CSS_BORDER_STYLE_SOLID,
+        CSS_BORDER_STYLE_DOUBLE,
+        CSS_BORDER_STYLE_GROOVE,
+        CSS_BORDER_STYLE_RIDGE,
+        CSS_BORDER_STYLE_INSET,
+        CSS_BORDER_STYLE_OUTSET
 } css_border_style_t;
 
 typedef enum {
-	CSS_BORDER_WIDTH_INHERIT,
-	CSS_BORDER_WIDTH_THIN,
-	CSS_BORDER_WIDTH_MEDIUM,
-	CSS_BORDER_WIDTH_THICK,
-	CSS_BORDER_WIDTH_WIDTH
+        CSS_BORDER_WIDTH_INHERIT,
+        CSS_BORDER_WIDTH_THIN,
+        CSS_BORDER_WIDTH_MEDIUM,
+        CSS_BORDER_WIDTH_THICK,
+        CSS_BORDER_WIDTH_WIDTH
 } css_border_width_t;
 
 typedef enum {
-	CSS_BOX_SHADOW_NONE,
-	CSS_BOX_SHADOW_SET,
+        CSS_BOX_SHADOW_NONE,
+        CSS_BOX_SHADOW_SET,
 } css_box_shadow_t;
 
 typedef enum {
-	CSS_BOTTOM_INHERIT,
-	CSS_BOTTOM_SET,
-	CSS_BOTTOM_AUTO
+        CSS_BOTTOM_INHERIT,
+        CSS_BOTTOM_SET,
+        CSS_BOTTOM_AUTO
 } css_bottom_t;
 
 typedef enum {
-	CSS_BOX_SIZING_INHERIT,
-	CSS_BOX_SIZING_CONTENT_BOX,
-	CSS_BOX_SIZING_BORDER_BOX
+        CSS_BOX_SIZING_INHERIT,
+        CSS_BOX_SIZING_CONTENT_BOX,
+        CSS_BOX_SIZING_BORDER_BOX
 } css_box_sizing_t;
 
 typedef enum {
-	CSS_CONTENT_INHERIT,
-	CSS_CONTENT_NONE,
-	CSS_CONTENT_NORMAL,
-	CSS_CONTENT_SET
+        CSS_CONTENT_INHERIT,
+        CSS_CONTENT_NONE,
+        CSS_CONTENT_NORMAL,
+        CSS_CONTENT_SET
 } css_content_t;
 
 typedef enum {
-	CSS_DISPLAY_INHERIT,
-	CSS_DISPLAY_NONE,
-	CSS_DISPLAY_BLOCK,
-	CSS_DISPLAY_FLEX,
-	CSS_DISPLAY_INLINE,
-	CSS_DISPLAY_INLINE_FLEX,
-	CSS_DISPLAY_LIST_ITEM,
-	CSS_DISPLAY_RUN_IN,
-	CSS_DISPLAY_INLINE_BLOCK,
-	CSS_DISPLAY_TABLE,
-	CSS_DISPLAY_INLINE_TABLE,
-	CSS_DISPLAY_TABLE_ROW_GROUP,
-	CSS_DISPLAY_TABLE_HEADER_GROUP,
-	CSS_DISPLAY_TABLE_FOOTER_GROUP,
-	CSS_DISPLAY_TABLE_ROWb,
-	CSS_DISPLAY_TABLE_COLUMN_GROUP,
-	CSS_DISPLAY_TABLE_COLUMN,
-	CSS_DISPLAY_TABLE_CELL,
-	CSS_DISPLAY_TABLE_CAPTION,
+        CSS_DISPLAY_INHERIT,
+        CSS_DISPLAY_NONE,
+        CSS_DISPLAY_BLOCK,
+        CSS_DISPLAY_FLEX,
+        CSS_DISPLAY_INLINE,
+        CSS_DISPLAY_INLINE_FLEX,
+        CSS_DISPLAY_LIST_ITEM,
+        CSS_DISPLAY_RUN_IN,
+        CSS_DISPLAY_INLINE_BLOCK,
+        CSS_DISPLAY_TABLE,
+        CSS_DISPLAY_INLINE_TABLE,
+        CSS_DISPLAY_TABLE_ROW_GROUP,
+        CSS_DISPLAY_TABLE_HEADER_GROUP,
+        CSS_DISPLAY_TABLE_FOOTER_GROUP,
+        CSS_DISPLAY_TABLE_ROWb,
+        CSS_DISPLAY_TABLE_COLUMN_GROUP,
+        CSS_DISPLAY_TABLE_COLUMN,
+        CSS_DISPLAY_TABLE_CELL,
+        CSS_DISPLAY_TABLE_CAPTION,
 } css_display_t;
 
 typedef enum {
-	CSS_FLEX_BASIS_INHERIT,
-	CSS_FLEX_BASIS_SET,
-	CSS_FLEX_BASIS_AUTO,
-	CSS_FLEX_BASIS_CONTENT
+        CSS_FLEX_BASIS_INHERIT,
+        CSS_FLEX_BASIS_SET,
+        CSS_FLEX_BASIS_AUTO,
+        CSS_FLEX_BASIS_CONTENT
 } css_flex_basis_t;
 
 typedef enum {
-	CSS_FLEX_DIRECTION_INHERIT,
-	CSS_FLEX_DIRECTION_ROW,
-	CSS_FLEX_DIRECTION_ROW_REVERSE,
-	CSS_FLEX_DIRECTION_COLUMN,
-	CSS_FLEX_DIRECTION_COLUMN_REVERSE
+        CSS_FLEX_DIRECTION_INHERIT,
+        CSS_FLEX_DIRECTION_ROW,
+        CSS_FLEX_DIRECTION_ROW_REVERSE,
+        CSS_FLEX_DIRECTION_COLUMN,
+        CSS_FLEX_DIRECTION_COLUMN_REVERSE
 } css_flex_direction_t;
 
 typedef enum { CSS_FLEX_GROW_INHERIT, CSS_FLEX_GROW_SET } css_flex_grow_t;
@@ -286,115 +288,117 @@ typedef enum { CSS_FLEX_GROW_INHERIT, CSS_FLEX_GROW_SET } css_flex_grow_t;
 typedef enum { CSS_FLEX_SHRINK_INHERIT, CSS_FLEX_SHRINK_SET } css_flex_shrink_t;
 
 typedef enum {
-	CSS_FLEX_WRAP_INHERIT,
-	CSS_FLEX_WRAP_NOWRAP,
-	CSS_FLEX_WRAP_WRAP,
-	CSS_FLEX_WRAP_WRAP_REVERSE
+        CSS_FLEX_WRAP_INHERIT,
+        CSS_FLEX_WRAP_NOWRAP,
+        CSS_FLEX_WRAP_WRAP,
+        CSS_FLEX_WRAP_WRAP_REVERSE
 } css_flex_wrap_t;
 
+typedef enum { CSS_GAP_INHERIT, CSS_GAP_SET, CSS_GAP_NORMAL } css_gap_t;
+
 typedef enum {
-	CSS_FONT_FAMILY_INHERIT,
-	/* Named fonts exist if pointer is non-NULL */
-	CSS_FONT_FAMILY_SERIF,
-	CSS_FONT_FAMILY_SANS_SERIF,
-	CSS_FONT_FAMILY_CURSIVE,
-	CSS_FONT_FAMILY_FANTASY,
-	CSS_FONT_FAMILY_MONOSPACE
+        CSS_FONT_FAMILY_INHERIT,
+        /* Named fonts exist if pointer is non-NULL */
+        CSS_FONT_FAMILY_SERIF,
+        CSS_FONT_FAMILY_SANS_SERIF,
+        CSS_FONT_FAMILY_CURSIVE,
+        CSS_FONT_FAMILY_FANTASY,
+        CSS_FONT_FAMILY_MONOSPACE
 } css_font_family_t;
 
 typedef enum {
-	CSS_FONT_SIZE_INHERIT,
-	CSS_FONT_SIZE_XX_SMALL,
-	CSS_FONT_SIZE_X_SMALL,
-	CSS_FONT_SIZE_SMALL,
-	CSS_FONT_SIZE_MEDIUM,
-	CSS_FONT_SIZE_LARGE,
-	CSS_FONT_SIZE_X_LARGE,
-	CSS_FONT_SIZE_XX_LARGE,
-	CSS_FONT_SIZE_LARGER,
-	CSS_FONT_SIZE_SMALLER,
-	CSS_FONT_SIZE_DIMENSION
+        CSS_FONT_SIZE_INHERIT,
+        CSS_FONT_SIZE_XX_SMALL,
+        CSS_FONT_SIZE_X_SMALL,
+        CSS_FONT_SIZE_SMALL,
+        CSS_FONT_SIZE_MEDIUM,
+        CSS_FONT_SIZE_LARGE,
+        CSS_FONT_SIZE_X_LARGE,
+        CSS_FONT_SIZE_XX_LARGE,
+        CSS_FONT_SIZE_LARGER,
+        CSS_FONT_SIZE_SMALLER,
+        CSS_FONT_SIZE_DIMENSION
 } css_font_size_t;
 
 typedef enum {
-	CSS_FONT_STYLE_INHERIT,
-	CSS_FONT_STYLE_NORMAL,
-	CSS_FONT_STYLE_ITALIC,
-	CSS_FONT_STYLE_OBLIQUE
+        CSS_FONT_STYLE_INHERIT,
+        CSS_FONT_STYLE_NORMAL,
+        CSS_FONT_STYLE_ITALIC,
+        CSS_FONT_STYLE_OBLIQUE
 } css_font_style_t;
 
 typedef enum {
-	CSS_FONT_WEIGHT_INHERIT,
-	CSS_FONT_WEIGHT_NORMAL,
-	CSS_FONT_WEIGHT_BOLD,
-	CSS_FONT_WEIGHT_BOLDER,
-	CSS_FONT_WEIGHT_LIGHTER,
-	CSS_FONT_WEIGHT_100,
-	CSS_FONT_WEIGHT_200,
-	CSS_FONT_WEIGHT_300,
-	CSS_FONT_WEIGHT_400,
-	CSS_FONT_WEIGHT_500,
-	CSS_FONT_WEIGHT_600,
-	CSS_FONT_WEIGHT_700,
-	CSS_FONT_WEIGHT_800,
-	CSS_FONT_WEIGHT_900
+        CSS_FONT_WEIGHT_INHERIT,
+        CSS_FONT_WEIGHT_NORMAL,
+        CSS_FONT_WEIGHT_BOLD,
+        CSS_FONT_WEIGHT_BOLDER,
+        CSS_FONT_WEIGHT_LIGHTER,
+        CSS_FONT_WEIGHT_100,
+        CSS_FONT_WEIGHT_200,
+        CSS_FONT_WEIGHT_300,
+        CSS_FONT_WEIGHT_400,
+        CSS_FONT_WEIGHT_500,
+        CSS_FONT_WEIGHT_600,
+        CSS_FONT_WEIGHT_700,
+        CSS_FONT_WEIGHT_800,
+        CSS_FONT_WEIGHT_900
 } css_font_weight_t;
 
 typedef enum {
-	CSS_HEIGHT_INHERIT,
-	CSS_HEIGHT_SET,
-	CSS_HEIGHT_AUTO,
-	CSS_HEIGHT_FIT_CONTENT
+        CSS_HEIGHT_INHERIT,
+        CSS_HEIGHT_SET,
+        CSS_HEIGHT_AUTO,
+        CSS_HEIGHT_FIT_CONTENT
 } css_height_t;
 
 typedef enum {
-	CSS_JUSTIFY_CONTENT_INHERIT,
-	CSS_JUSTIFY_CONTENT_FLEX_START,
-	CSS_JUSTIFY_CONTENT_FLEX_END,
-	CSS_JUSTIFY_CONTENT_CENTER,
-	CSS_JUSTIFY_CONTENT_SPACE_BETWEEN,
-	CSS_JUSTIFY_CONTENT_SPACE_AROUND,
-	CSS_JUSTIFY_CONTENT_SPACE_EVENLY
+        CSS_JUSTIFY_CONTENT_INHERIT,
+        CSS_JUSTIFY_CONTENT_FLEX_START,
+        CSS_JUSTIFY_CONTENT_FLEX_END,
+        CSS_JUSTIFY_CONTENT_CENTER,
+        CSS_JUSTIFY_CONTENT_SPACE_BETWEEN,
+        CSS_JUSTIFY_CONTENT_SPACE_AROUND,
+        CSS_JUSTIFY_CONTENT_SPACE_EVENLY
 } css_justify_content_t;
 
 typedef enum { CSS_LEFT_INHERIT, CSS_LEFT_SET, CSS_LEFT_AUTO } css_left_t;
 typedef enum {
-	CSS_LINE_HEIGHT_INHERIT,
-	CSS_LINE_HEIGHT_NUMBER,
-	CSS_LINE_HEIGHT_DIMENSION,
-	CSS_LINE_HEIGHT_NORMAL
+        CSS_LINE_HEIGHT_INHERIT,
+        CSS_LINE_HEIGHT_NUMBER,
+        CSS_LINE_HEIGHT_DIMENSION,
+        CSS_LINE_HEIGHT_NORMAL
 } css_line_height_t;
 
 typedef enum {
-	CSS_MARGIN_INHERIT,
-	CSS_MARGIN_SET,
-	CSS_MARGIN_AUTO
+        CSS_MARGIN_INHERIT,
+        CSS_MARGIN_SET,
+        CSS_MARGIN_AUTO
 } css_margin_t;
 
 typedef enum {
-	CSS_MAX_HEIGHT_INHERIT,
-	CSS_MAX_HEIGHT_SET,
-	CSS_MAX_HEIGHT_NONE
+        CSS_MAX_HEIGHT_INHERIT,
+        CSS_MAX_HEIGHT_SET,
+        CSS_MAX_HEIGHT_NONE
 } css_max_height_t;
 
 typedef enum {
-	CSS_MAX_WIDTH_INHERIT,
-	CSS_MAX_WIDTH_SET,
-	CSS_MAX_WIDTH_NONE
+        CSS_MAX_WIDTH_INHERIT,
+        CSS_MAX_WIDTH_SET,
+        CSS_MAX_WIDTH_NONE
 } css_max_width_t;
 
 typedef enum {
-	CSS_MIN_HEIGHT_INHERIT,
-	CSS_MIN_HEIGHT_SET,
-	CSS_MIN_HEIGHT_AUTO,
-	CSS_MIN_HEIGHT_MIN_CONTENT
+        CSS_MIN_HEIGHT_INHERIT,
+        CSS_MIN_HEIGHT_SET,
+        CSS_MIN_HEIGHT_AUTO,
+        CSS_MIN_HEIGHT_MIN_CONTENT
 } css_min_height_t;
 
 typedef enum {
-	CSS_MIN_WIDTH_INHERIT,
-	CSS_MIN_WIDTH_SET,
-	CSS_MIN_WIDTH_AUTO,
-	CSS_MIN_WIDTH_MIN_CONTENT
+        CSS_MIN_WIDTH_INHERIT,
+        CSS_MIN_WIDTH_SET,
+        CSS_MIN_WIDTH_AUTO,
+        CSS_MIN_WIDTH_MIN_CONTENT
 } css_min_width_t;
 
 typedef enum { CSS_OPACITY_INHERIT, CSS_OPACITY_SET } css_opacity_t;
@@ -402,96 +406,96 @@ typedef enum { CSS_OPACITY_INHERIT, CSS_OPACITY_SET } css_opacity_t;
 typedef enum { CSS_PADDING_INHERIT, CSS_PADDING_SET } css_padding_t;
 
 typedef enum {
-	CSS_POSITION_INHERIT,
-	CSS_POSITION_STATIC,
-	CSS_POSITION_RELATIVE,
-	CSS_POSITION_ABSOLUTE,
-	CSS_POSITION_FIXED
+        CSS_POSITION_INHERIT,
+        CSS_POSITION_STATIC,
+        CSS_POSITION_RELATIVE,
+        CSS_POSITION_ABSOLUTE,
+        CSS_POSITION_FIXED
 } css_position_t;
 
 typedef enum { CSS_RIGHT_INHERIT, CSS_RIGHT_SET, CSS_RIGHT_AUTO } css_right_t;
 
 typedef enum {
-	CSS_TEXT_ALIGN_INHERIT,
-	CSS_TEXT_ALIGN_INHERIT_IF_NON_MAGIC,
-	CSS_TEXT_ALIGN_LEFT,
-	CSS_TEXT_ALIGN_RIGHT,
-	CSS_TEXT_ALIGN_CENTER,
-	CSS_TEXT_ALIGN_JUSTIFY,
-	CSS_TEXT_ALIGN_DEFAULT,
-	CSS_TEXT_ALIGN_LIBCSS_LEFT,
-	CSS_TEXT_ALIGN_LIBCSS_CENTER,
-	CSS_TEXT_ALIGN_LIBCSS_RIGHT
+        CSS_TEXT_ALIGN_INHERIT,
+        CSS_TEXT_ALIGN_INHERIT_IF_NON_MAGIC,
+        CSS_TEXT_ALIGN_LEFT,
+        CSS_TEXT_ALIGN_RIGHT,
+        CSS_TEXT_ALIGN_CENTER,
+        CSS_TEXT_ALIGN_JUSTIFY,
+        CSS_TEXT_ALIGN_DEFAULT,
+        CSS_TEXT_ALIGN_LIBCSS_LEFT,
+        CSS_TEXT_ALIGN_LIBCSS_CENTER,
+        CSS_TEXT_ALIGN_LIBCSS_RIGHT
 } css_text_align_t;
 
 typedef enum { CSS_TOP_INHERIT, CSS_TOP_SET, CSS_TOP_AUTO } css_top_t;
 typedef enum {
-	CSS_VERTICAL_ALIGN_INHERIT,
-	CSS_VERTICAL_ALIGN_BASELINE,
-	CSS_VERTICAL_ALIGN_SUB,
-	CSS_VERTICAL_ALIGN_SUPER,
-	CSS_VERTICAL_ALIGN_TOP,
-	CSS_VERTICAL_ALIGN_TEXT_TOP,
-	CSS_VERTICAL_ALIGN_MIDDLE,
-	CSS_VERTICAL_ALIGN_BOTTOM,
-	CSS_VERTICAL_ALIGN_TEXT_BOTTOM,
-	CSS_VERTICAL_ALIGN_SET
+        CSS_VERTICAL_ALIGN_INHERIT,
+        CSS_VERTICAL_ALIGN_BASELINE,
+        CSS_VERTICAL_ALIGN_SUB,
+        CSS_VERTICAL_ALIGN_SUPER,
+        CSS_VERTICAL_ALIGN_TOP,
+        CSS_VERTICAL_ALIGN_TEXT_TOP,
+        CSS_VERTICAL_ALIGN_MIDDLE,
+        CSS_VERTICAL_ALIGN_BOTTOM,
+        CSS_VERTICAL_ALIGN_TEXT_BOTTOM,
+        CSS_VERTICAL_ALIGN_SET
 } css_vertical_align_t;
 
 typedef enum {
-	CSS_VISIBILITY_INHERIT,
-	CSS_VISIBILITY_VISIBLE,
-	CSS_VISIBILITY_HIDDEN,
-	CSS_VISIBILITY_COLLAPSE
+        CSS_VISIBILITY_INHERIT,
+        CSS_VISIBILITY_VISIBLE,
+        CSS_VISIBILITY_HIDDEN,
+        CSS_VISIBILITY_COLLAPSE
 } css_visibility_t;
 
 typedef enum {
-	CSS_WHITE_SPACE_INHERIT,
-	CSS_WHITE_SPACE_NORMAL,
-	CSS_WHITE_SPACE_PRE,
-	CSS_WHITE_SPACE_NOWRAP,
-	CSS_WHITE_SPACE_PRE_WRAP,
-	CSS_WHITE_SPACE_PRE_LINE
+        CSS_WHITE_SPACE_INHERIT,
+        CSS_WHITE_SPACE_NORMAL,
+        CSS_WHITE_SPACE_PRE,
+        CSS_WHITE_SPACE_NOWRAP,
+        CSS_WHITE_SPACE_PRE_WRAP,
+        CSS_WHITE_SPACE_PRE_LINE
 } css_white_space_t;
 
 typedef enum {
-	CSS_WORD_BREAK_INHERIT,
-	CSS_WORD_BREAK_NORMAL,
-	CSS_WORD_BREAK_BREAK_ALL
+        CSS_WORD_BREAK_INHERIT,
+        CSS_WORD_BREAK_NORMAL,
+        CSS_WORD_BREAK_BREAK_ALL
 } css_word_break_t;
 
 typedef enum {
-	CSS_WIDTH_INHERIT,
-	CSS_WIDTH_SET,
-	CSS_WIDTH_AUTO,
-	CSS_WIDTH_FIT_CONTENT
+        CSS_WIDTH_INHERIT,
+        CSS_WIDTH_SET,
+        CSS_WIDTH_AUTO,
+        CSS_WIDTH_FIT_CONTENT
 } css_width_t;
 
 typedef enum {
-	CSS_Z_INDEX_INHERIT,
-	CSS_Z_INDEX_SET,
-	CSS_Z_INDEX_AUTO
+        CSS_Z_INDEX_INHERIT,
+        CSS_Z_INDEX_SET,
+        CSS_Z_INDEX_AUTO
 } css_z_index_t;
 
 typedef enum {
-	CSS_POINTER_EVENTS_INHERT,
-	CSS_POINTER_EVENTS_AUTO,
-	CSS_POINTER_EVENTS_NONE
+        CSS_POINTER_EVENTS_INHERT,
+        CSS_POINTER_EVENTS_AUTO,
+        CSS_POINTER_EVENTS_NONE
 } css_pointer_events_t;
 
 typedef enum css_style_value_type_t {
-	CSS_NO_VALUE,
-	CSS_INVALID_VALUE,
-	CSS_UNPARSED_VALUE,
-	CSS_ARRAY_VALUE,
-
-	CSS_NUMERIC_VALUE,
-	CSS_STRING_VALUE,
-	CSS_KEYWORD_VALUE,
-	CSS_COLOR_VALUE,
-
-	CSS_UNIT_VALUE,
-	CSS_BOOLEAN_VALUE,
+        CSS_NO_VALUE,
+        CSS_INVALID_VALUE,
+        CSS_UNPARSED_VALUE,
+        CSS_ARRAY_VALUE,
+
+        CSS_NUMERIC_VALUE,
+        CSS_STRING_VALUE,
+        CSS_KEYWORD_VALUE,
+        CSS_COLOR_VALUE,
+
+        CSS_UNIT_VALUE,
+        CSS_BOOLEAN_VALUE,
 } css_style_value_type_t;
 
 typedef char *css_image_value_t;
@@ -504,11 +508,11 @@ typedef void *css_private_value_t;
 typedef int css_boolean_value_t;
 
 typedef enum {
-	CSS_UNIT_PX,
-	CSS_UNIT_PERCENT,
-	CSS_UNIT_DIP,
-	CSS_UNIT_SP,
-	CSS_UNIT_PT
+        CSS_UNIT_PX,
+        CSS_UNIT_PERCENT,
+        CSS_UNIT_DIP,
+        CSS_UNIT_SP,
+        CSS_UNIT_PT
 } css_unit_t;
 
 typedef int32_t css_unit_ident_t;
@@ -517,99 +521,99 @@ typedef int32_t css_unit_ident_t;
 
 /** https://developer.mozilla.org/en-US/docs/Web/API/CSSUnitValue */
 typedef struct css_unit_value {
-	css_numeric_value_t value;
-	css_unit_t unit;
+        css_numeric_value_t value;
+        css_unit_t unit;
 } css_unit_value_t;
 
 typedef struct css_style_value css_style_value_t;
 typedef css_style_value_t *css_style_array_value_t;
 typedef enum css_keyword_value_t {
-	CSS_KEYWORD_INHERIT,
-	CSS_KEYWORD_INITIAL,
-	CSS_KEYWORD_NONE,
-	CSS_KEYWORD_AUTO,
-	CSS_KEYWORD_NORMAL,
-
-	CSS_KEYWORD_STATIC,
-	CSS_KEYWORD_RELATIVE,
-	CSS_KEYWORD_ABSOLUTE,
-
-	CSS_KEYWORD_BLOCK,
-	CSS_KEYWORD_INLINE_BLOCK,
-	CSS_KEYWORD_FLEX,
-	CSS_KEYWORD_INLINE_FLEX,
-
-	CSS_KEYWORD_LEFT,
-	CSS_KEYWORD_CENTER,
-	CSS_KEYWORD_RIGHT,
-	CSS_KEYWORD_TOP,
-	CSS_KEYWORD_MIDDLE,
-	CSS_KEYWORD_BOTTOM,
-
-	CSS_KEYWORD_ROW,
-	CSS_KEYWORD_COLUMN,
-
-	CSS_KEYWORD_START,
-	CSS_KEYWORD_END,
-	CSS_KEYWORD_FLEX_START,
-	CSS_KEYWORD_FLEX_END,
-	CSS_KEYWORD_STRETCH,
-	CSS_KEYWORD_SPACE_BETWEEN,
-	CSS_KEYWORD_SPACE_AROUND,
-	CSS_KEYWORD_SPACE_EVENLY,
-
-	CSS_KEYWORD_WRAP,
-	CSS_KEYWORD_NOWRAP,
-
-	CSS_KEYWORD_BREAK_ALL,
-
-	CSS_KEYWORD_ITALIC,
-	CSS_KEYWORD_OBLIQUE,
-	CSS_KEYWORD_SMALL,
-	CSS_KEYWORD_MEDIUM,
-	CSS_KEYWORD_LARGE,
-	CSS_KEYWORD_BOLD,
-
-	CSS_KEYWORD_HIDDEN,
-	CSS_KEYWORD_VISIBLE,
-
-	CSS_KEYWORD_CONTENT_BOX,
-	CSS_KEYWORD_PADDING_BOX,
-	CSS_KEYWORD_BORDER_BOX,
-
-	CSS_KEYWORD_SOLID,
-	CSS_KEYWORD_DOTTED,
-	CSS_KEYWORD_DOUBLE,
-	CSS_KEYWORD_DASHED,
-
-	CSS_KEYWORD_CONTAIN,
-	CSS_KEYWORD_COVER,
-	CSS_KEYWORD_REPEAT,
-	CSS_KEYWORD_NO_REPEAT,
-	CSS_KEYWORD_REPEAT_X,
-	CSS_KEYWORD_REPEAT_Y,
-
-	CSS_KEYWORD_MAX_CONTENT,
-	CSS_KEYWORD_MIN_CONTENT,
-	CSS_KEYWORD_FIT_CONTENT,
+        CSS_KEYWORD_INHERIT,
+        CSS_KEYWORD_INITIAL,
+        CSS_KEYWORD_NONE,
+        CSS_KEYWORD_AUTO,
+        CSS_KEYWORD_NORMAL,
+
+        CSS_KEYWORD_STATIC,
+        CSS_KEYWORD_RELATIVE,
+        CSS_KEYWORD_ABSOLUTE,
+
+        CSS_KEYWORD_BLOCK,
+        CSS_KEYWORD_INLINE_BLOCK,
+        CSS_KEYWORD_FLEX,
+        CSS_KEYWORD_INLINE_FLEX,
+
+        CSS_KEYWORD_LEFT,
+        CSS_KEYWORD_CENTER,
+        CSS_KEYWORD_RIGHT,
+        CSS_KEYWORD_TOP,
+        CSS_KEYWORD_MIDDLE,
+        CSS_KEYWORD_BOTTOM,
+
+        CSS_KEYWORD_ROW,
+        CSS_KEYWORD_COLUMN,
+
+        CSS_KEYWORD_START,
+        CSS_KEYWORD_END,
+        CSS_KEYWORD_FLEX_START,
+        CSS_KEYWORD_FLEX_END,
+        CSS_KEYWORD_STRETCH,
+        CSS_KEYWORD_SPACE_BETWEEN,
+        CSS_KEYWORD_SPACE_AROUND,
+        CSS_KEYWORD_SPACE_EVENLY,
+
+        CSS_KEYWORD_WRAP,
+        CSS_KEYWORD_NOWRAP,
+
+        CSS_KEYWORD_BREAK_ALL,
+
+        CSS_KEYWORD_ITALIC,
+        CSS_KEYWORD_OBLIQUE,
+        CSS_KEYWORD_SMALL,
+        CSS_KEYWORD_MEDIUM,
+        CSS_KEYWORD_LARGE,
+        CSS_KEYWORD_BOLD,
+
+        CSS_KEYWORD_HIDDEN,
+        CSS_KEYWORD_VISIBLE,
+
+        CSS_KEYWORD_CONTENT_BOX,
+        CSS_KEYWORD_PADDING_BOX,
+        CSS_KEYWORD_BORDER_BOX,
+
+        CSS_KEYWORD_SOLID,
+        CSS_KEYWORD_DOTTED,
+        CSS_KEYWORD_DOUBLE,
+        CSS_KEYWORD_DASHED,
+
+        CSS_KEYWORD_CONTAIN,
+        CSS_KEYWORD_COVER,
+        CSS_KEYWORD_REPEAT,
+        CSS_KEYWORD_NO_REPEAT,
+        CSS_KEYWORD_REPEAT_X,
+        CSS_KEYWORD_REPEAT_Y,
+
+        CSS_KEYWORD_MAX_CONTENT,
+        CSS_KEYWORD_MIN_CONTENT,
+        CSS_KEYWORD_FIT_CONTENT,
 } css_keyword_value_t;
 
 /** https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleValue */
 struct css_style_value {
-	css_style_value_type_t type;
-	union {
-		css_private_value_t value;
-		css_numeric_value_t numeric_value;
-		css_integer_value_t integer_value;
-		css_string_value_t string_value;
-		css_unit_value_t unit_value;
-		css_color_value_t color_value;
-		css_image_value_t image_value;
-		css_unparsed_value_t unparsed_value;
-		css_keyword_value_t keyword_value;
-		css_style_array_value_t array_value;
-		css_boolean_value_t boolean_value;
-	};
+        css_style_value_type_t type;
+        union {
+                css_private_value_t value;
+                css_numeric_value_t numeric_value;
+                css_integer_value_t integer_value;
+                css_string_value_t string_value;
+                css_unit_value_t unit_value;
+                css_color_value_t color_value;
+                css_image_value_t image_value;
+                css_unparsed_value_t unparsed_value;
+                css_keyword_value_t keyword_value;
+                css_style_array_value_t array_value;
+                css_boolean_value_t boolean_value;
+        };
 };
 
 typedef struct css_valdef css_valdef_t;
@@ -620,244 +624,250 @@ typedef unsigned css_selector_hash_t;
 
 /** 样式规则记录 */
 typedef struct css_style_rule {
-	int rank;               /**< 权值，决定优先级 */
-	int batch_num;          /**< 批次号 */
-	char *space;            /**< 所属的空间 */
-	char *selector;         /**< 选择器 */
-	css_style_decl_t *list; /**< 样式表 */
-	list_node_t node;       /**< 在链表中的结点 */
+        int rank;               /**< 权值，决定优先级 */
+        int batch_num;          /**< 批次号 */
+        char *space;            /**< 所属的空间 */
+        char *selector;         /**< 选择器 */
+        css_style_decl_t *list; /**< 样式表 */
+        list_node_t node;       /**< 在链表中的结点 */
 } css_style_rule_t;
 
 typedef struct css_prop {
-	css_prop_key_t key;
-	css_style_value_t value;
-	list_node_t node;
+        css_prop_key_t key;
+        css_style_value_t value;
+        list_node_t node;
 } css_prop_t;
 
 typedef struct css_selector_node {
-	char *id;
-	char *type;
-	char **classes;
-	char **status;
-	char *fullname; /**< 全名，由 id、type、classes、status 组合而成 */
-	int rank;
+        char *id;
+        char *type;
+        char **classes;
+        char **status;
+        char *fullname; /**< 全名，由 id、type、classes、status 组合而成 */
+        int rank;
 } css_selector_node_t;
 
 typedef struct css_selector {
-	int rank;                    /**< 权值，决定优先级 */
-	int batch_num;               /**< 批次号 */
-	int length;                  /**< 选择器结点长度 */
-	css_selector_hash_t hash;    /**< 哈希值 */
-	css_selector_node_t **nodes; /**< 选择器结点列表 */
+        int rank;                    /**< 权值，决定优先级 */
+        int batch_num;               /**< 批次号 */
+        int length;                  /**< 选择器结点长度 */
+        css_selector_hash_t hash;    /**< 哈希值 */
+        css_selector_node_t **nodes; /**< 选择器结点列表 */
 } css_selector_t;
 
 typedef struct css_font_face {
-	char *font_family;
-	css_font_style_t font_style;
-	css_font_weight_t font_weight;
-	char *src;
+        char *font_family;
+        css_font_style_t font_style;
+        css_font_weight_t font_weight;
+        char *src;
 } css_font_face_t;
 
 typedef struct css_metrics {
-	float dpi;
-	float density;
-	float scaled_density;
-	float scale;
+        float dpi;
+        float density;
+        float scaled_density;
+        float scale;
 } css_metrics_t;
 
 typedef struct css_computed_style {
-	/**
-	 * 属性值类型的比特数据
-	 * 以比特位为单位分配的存储空间，用于节省属性值的内存占用
-	 */
-	struct css_type_bits {
-		uint8_t display : 5;
-		uint8_t box_sizing : 2;
-		uint8_t visibility : 4;
-		uint8_t vertical_align : 4;
-		uint8_t pointer_events : 2;
-		uint8_t position : 3;
-
-		uint8_t z_index : 2;
-		uint8_t opacity : 2;
-
-		uint8_t left : 2;
-		uint8_t right : 2;
-		uint8_t top : 2;
-		uint8_t bottom : 2;
-		uint8_t width : 2;
-		uint8_t height : 2;
-		uint8_t min_width : 2;
-		uint8_t min_height : 2;
-		uint8_t max_width : 2;
-		uint8_t max_height : 2;
-		uint8_t margin_left : 2;
-		uint8_t margin_right : 2;
-		uint8_t margin_top : 2;
-		uint8_t margin_bottom : 2;
-		uint8_t padding_left : 2;
-		uint8_t padding_right : 2;
-		uint8_t padding_top : 2;
-		uint8_t padding_bottom : 2;
-
-		uint8_t border_top_style : 4;
-		uint8_t border_right_style : 4;
-		uint8_t border_bottom_style : 4;
-		uint8_t border_left_style : 4;
-
-		uint8_t background_image : 2;
-		uint8_t background_width : 3;
-		uint8_t background_height : 3;
-		uint8_t background_repeat : 3;
-		uint8_t background_clip : 3;
-		uint8_t background_position_x : 1;
-		uint8_t background_position_y : 1;
-
-		uint8_t box_shadow : 1;
-
-		uint8_t flex_basis : 2;
-		uint8_t flex_grow : 1;
-		uint8_t flex_shrink : 1;
-		uint8_t flex_direction : 3;
-		uint8_t flex_wrap : 2;
-		uint8_t justify_content : 3;
-		uint8_t align_content : 3;
-		uint8_t align_items : 3;
-
-		uint8_t color : 2;
-		uint8_t font_size : 4;
-		uint8_t font_style : 2;
-		uint8_t font_weight : 4;
-		uint8_t font_family : 4;
-		uint8_t line_height : 2;
-		uint8_t text_align : 4;
-		uint8_t content : 2;
-		uint8_t white_space : 3;
-		uint8_t word_break : 3;
-	} type_bits;
-
-	/**
-	 * 属性值单位的比特数据
-	 */
-	struct css_unit_bits {
-		css_unit_t left : 4;
-		css_unit_t right : 4;
-		css_unit_t top : 4;
-		css_unit_t bottom : 4;
-		css_unit_t width : 4;
-		css_unit_t height : 4;
-		css_unit_t min_width : 4;
-		css_unit_t min_height : 4;
-		css_unit_t max_width : 4;
-		css_unit_t max_height : 4;
-		css_unit_t margin_left : 4;
-		css_unit_t margin_right : 4;
-		css_unit_t margin_top : 4;
-		css_unit_t margin_bottom : 4;
-		css_unit_t padding_left : 4;
-		css_unit_t padding_right : 4;
-		css_unit_t padding_top : 4;
-		css_unit_t padding_bottom : 4;
-		css_unit_t background_width : 4;
-		css_unit_t background_height : 4;
-		css_unit_t background_position_x : 4;
-		css_unit_t background_position_y : 4;
-		css_unit_t border_top_width : 4;
-		css_unit_t border_right_width : 4;
-		css_unit_t border_bottom_width : 4;
-		css_unit_t border_left_width : 4;
-		css_unit_t border_top_left_radius : 4;
-		css_unit_t border_top_right_radius : 4;
-		css_unit_t border_bottom_left_radius : 4;
-		css_unit_t border_bottom_right_radius : 4;
-		css_unit_t box_shadow_x : 4;
-		css_unit_t box_shadow_y : 4;
-		css_unit_t box_shadow_blur : 4;
-		css_unit_t box_shadow_spread : 4;
-		css_unit_t flex_basis : 4;
-		css_unit_t font_size : 4;
-		css_unit_t line_height : 4;
-	} unit_bits;
-
-	css_numeric_value_t z_index;
-	css_numeric_value_t opacity;
-
-	css_numeric_value_t left;
-	css_numeric_value_t right;
-	css_numeric_value_t top;
-	css_numeric_value_t bottom;
-
-	css_numeric_value_t width;
-	css_numeric_value_t height;
-	css_numeric_value_t min_width;
-	css_numeric_value_t min_height;
-	css_numeric_value_t max_width;
-	css_numeric_value_t max_height;
-
-	css_numeric_value_t margin_left;
-	css_numeric_value_t margin_right;
-	css_numeric_value_t margin_top;
-	css_numeric_value_t margin_bottom;
-	css_numeric_value_t padding_left;
-	css_numeric_value_t padding_right;
-	css_numeric_value_t padding_top;
-	css_numeric_value_t padding_bottom;
-
-	css_numeric_value_t flex_basis;
-	css_numeric_value_t flex_grow;
-	css_numeric_value_t flex_shrink;
-
-	css_color_value_t color;
-	css_numeric_value_t font_size;
-	char **font_family;
-
-	css_numeric_value_t line_height;
-	css_string_value_t content;
-
-	css_numeric_value_t border_top_width;
-	css_numeric_value_t border_right_width;
-	css_numeric_value_t border_bottom_width;
-	css_numeric_value_t border_left_width;
-	css_color_value_t border_top_color;
-	css_color_value_t border_right_color;
-	css_color_value_t border_bottom_color;
-	css_color_value_t border_left_color;
-	css_numeric_value_t border_top_left_radius;
-	css_numeric_value_t border_top_right_radius;
-	css_numeric_value_t border_bottom_left_radius;
-	css_numeric_value_t border_bottom_right_radius;
-
-	css_color_value_t background_color;
-	css_image_value_t background_image;
-	css_numeric_value_t background_width;
-	css_numeric_value_t background_height;
-	css_numeric_value_t background_position_x;
-	css_numeric_value_t background_position_y;
-
-	// 针对 LCUI 的需求只支持单个阴影效果，暂不考虑支持设置多个阴影效果
-	css_numeric_value_t box_shadow_x;
-	css_numeric_value_t box_shadow_y;
-	css_numeric_value_t box_shadow_blur;
-	css_numeric_value_t box_shadow_spread;
-	css_color_value_t box_shadow_color;
-
-	css_style_value_t *custom_props;
-	size_t custom_props_count;
+        /**
+         * 属性值类型的比特数据
+         * 以比特位为单位分配的存储空间，用于节省属性值的内存占用
+         */
+        struct css_type_bits {
+                uint8_t display : 5;
+                uint8_t box_sizing : 2;
+                uint8_t visibility : 4;
+                uint8_t vertical_align : 4;
+                uint8_t pointer_events : 2;
+                uint8_t position : 3;
+
+                uint8_t z_index : 2;
+                uint8_t opacity : 2;
+
+                uint8_t left : 2;
+                uint8_t right : 2;
+                uint8_t top : 2;
+                uint8_t bottom : 2;
+                uint8_t width : 2;
+                uint8_t height : 2;
+                uint8_t min_width : 2;
+                uint8_t min_height : 2;
+                uint8_t max_width : 2;
+                uint8_t max_height : 2;
+                uint8_t margin_left : 2;
+                uint8_t margin_right : 2;
+                uint8_t margin_top : 2;
+                uint8_t margin_bottom : 2;
+                uint8_t padding_left : 2;
+                uint8_t padding_right : 2;
+                uint8_t padding_top : 2;
+                uint8_t padding_bottom : 2;
+
+                uint8_t border_top_style : 4;
+                uint8_t border_right_style : 4;
+                uint8_t border_bottom_style : 4;
+                uint8_t border_left_style : 4;
+
+                uint8_t background_image : 2;
+                uint8_t background_width : 3;
+                uint8_t background_height : 3;
+                uint8_t background_repeat : 3;
+                uint8_t background_clip : 3;
+                uint8_t background_position_x : 1;
+                uint8_t background_position_y : 1;
+
+                uint8_t box_shadow : 1;
+
+                uint8_t flex_basis : 2;
+                uint8_t flex_grow : 1;
+                uint8_t flex_shrink : 1;
+                uint8_t flex_direction : 3;
+                uint8_t flex_wrap : 2;
+                uint8_t justify_content : 3;
+                uint8_t align_content : 3;
+                uint8_t align_items : 3;
+                uint8_t row_gap : 2;
+                uint8_t column_gap : 2;
+
+                uint8_t color : 2;
+                uint8_t font_size : 4;
+                uint8_t font_style : 2;
+                uint8_t font_weight : 4;
+                uint8_t font_family : 4;
+                uint8_t line_height : 2;
+                uint8_t text_align : 4;
+                uint8_t content : 2;
+                uint8_t white_space : 3;
+                uint8_t word_break : 3;
+        } type_bits;
+
+        /**
+         * 属性值单位的比特数据
+         */
+        struct css_unit_bits {
+                css_unit_t left : 4;
+                css_unit_t right : 4;
+                css_unit_t top : 4;
+                css_unit_t bottom : 4;
+                css_unit_t width : 4;
+                css_unit_t height : 4;
+                css_unit_t min_width : 4;
+                css_unit_t min_height : 4;
+                css_unit_t max_width : 4;
+                css_unit_t max_height : 4;
+                css_unit_t margin_left : 4;
+                css_unit_t margin_right : 4;
+                css_unit_t margin_top : 4;
+                css_unit_t margin_bottom : 4;
+                css_unit_t padding_left : 4;
+                css_unit_t padding_right : 4;
+                css_unit_t padding_top : 4;
+                css_unit_t padding_bottom : 4;
+                css_unit_t background_width : 4;
+                css_unit_t background_height : 4;
+                css_unit_t background_position_x : 4;
+                css_unit_t background_position_y : 4;
+                css_unit_t border_top_width : 4;
+                css_unit_t border_right_width : 4;
+                css_unit_t border_bottom_width : 4;
+                css_unit_t border_left_width : 4;
+                css_unit_t border_top_left_radius : 4;
+                css_unit_t border_top_right_radius : 4;
+                css_unit_t border_bottom_left_radius : 4;
+                css_unit_t border_bottom_right_radius : 4;
+                css_unit_t box_shadow_x : 4;
+                css_unit_t box_shadow_y : 4;
+                css_unit_t box_shadow_blur : 4;
+                css_unit_t box_shadow_spread : 4;
+                css_unit_t flex_basis : 4;
+                css_unit_t font_size : 4;
+                css_unit_t line_height : 4;
+                css_unit_t row_gap : 4;
+                css_unit_t column_gap : 4;
+        } unit_bits;
+
+        css_numeric_value_t z_index;
+        css_numeric_value_t opacity;
+
+        css_numeric_value_t left;
+        css_numeric_value_t right;
+        css_numeric_value_t top;
+        css_numeric_value_t bottom;
+
+        css_numeric_value_t width;
+        css_numeric_value_t height;
+        css_numeric_value_t min_width;
+        css_numeric_value_t min_height;
+        css_numeric_value_t max_width;
+        css_numeric_value_t max_height;
+
+        css_numeric_value_t margin_left;
+        css_numeric_value_t margin_right;
+        css_numeric_value_t margin_top;
+        css_numeric_value_t margin_bottom;
+        css_numeric_value_t padding_left;
+        css_numeric_value_t padding_right;
+        css_numeric_value_t padding_top;
+        css_numeric_value_t padding_bottom;
+
+        css_numeric_value_t flex_basis;
+        css_numeric_value_t flex_grow;
+        css_numeric_value_t flex_shrink;
+        css_numeric_value_t row_gap;
+        css_numeric_value_t column_gap;
+
+        css_color_value_t color;
+        css_numeric_value_t font_size;
+        char **font_family;
+
+        css_numeric_value_t line_height;
+        css_string_value_t content;
+
+        css_numeric_value_t border_top_width;
+        css_numeric_value_t border_right_width;
+        css_numeric_value_t border_bottom_width;
+        css_numeric_value_t border_left_width;
+        css_color_value_t border_top_color;
+        css_color_value_t border_right_color;
+        css_color_value_t border_bottom_color;
+        css_color_value_t border_left_color;
+        css_numeric_value_t border_top_left_radius;
+        css_numeric_value_t border_top_right_radius;
+        css_numeric_value_t border_bottom_left_radius;
+        css_numeric_value_t border_bottom_right_radius;
+
+        css_color_value_t background_color;
+        css_image_value_t background_image;
+        css_numeric_value_t background_width;
+        css_numeric_value_t background_height;
+        css_numeric_value_t background_position_x;
+        css_numeric_value_t background_position_y;
+
+        // 针对 LCUI 的需求只支持单个阴影效果，暂不考虑支持设置多个阴影效果
+        css_numeric_value_t box_shadow_x;
+        css_numeric_value_t box_shadow_y;
+        css_numeric_value_t box_shadow_blur;
+        css_numeric_value_t box_shadow_spread;
+        css_color_value_t box_shadow_color;
+
+        css_style_value_t *custom_props;
+        size_t custom_props_count;
 } css_computed_style_t;
 
 typedef struct css_propdef css_propdef_t;
 
 struct css_propdef {
-	/**
-	 * 属性标识号
-	 * 值为 -1 时，则表明它是简写属性
-	 */
-	int key;
-	char *name;
-	css_valdef_t *valdef;
-	css_style_value_t initial_value;
-	int (*parse)(const css_propdef_t *, const char *, css_style_decl_t *);
-	int (*cascade)(const css_style_array_value_t, css_computed_style_t *);
+        /**
+         * 属性标识号
+         * 值为 -1 时，则表明它是简写属性
+         */
+        int key;
+        char *name;
+        css_valdef_t *valdef;
+        css_style_value_t initial_value;
+        int (*parse)(const css_propdef_t *, const char *, css_style_decl_t *);
+        int (*cascade)(const css_style_array_value_t, css_computed_style_t *);
 };
 
 typedef bool (*css_value_parse_cb)(css_style_value_t *, const char *);
diff --git a/lib/css/include/css/utils.h b/lib/css/include/css/utils.h
index c200c5dc8..61682140e 100644
--- a/lib/css/include/css/utils.h
+++ b/lib/css/include/css/utils.h
@@ -1,12 +1,12 @@
 /*
  * lib/css/include/css/utils.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIBCSS_INCLUDE_CSS_UTILS_H
@@ -17,7 +17,6 @@
 
 LIBCSS_BEGIN_DECLS
 
-
 LIBCSS_INLINE float css_metrics_actual_scale(css_metrics_t *metrics)
 {
         return metrics->dpi / 96.0f * metrics->scale;
diff --git a/lib/css/include/css/value.h b/lib/css/include/css/value.h
index 2fb159254..c53870cd3 100644
--- a/lib/css/include/css/value.h
+++ b/lib/css/include/css/value.h
@@ -1,12 +1,12 @@
 /*
  * lib/css/include/css/value.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIBCSS_INCLUDE_CSS_VALUE_H
@@ -24,7 +24,7 @@ LIBCSS_PUBLIC void css_init_value_definitons(void);
 LIBCSS_PUBLIC void css_destroy_value_definitons(void);
 
 LIBCSS_PUBLIC size_t css_valdef_to_string(const css_valdef_t *valdef, char *str,
-					  size_t max_len);
+                                          size_t max_len);
 
 LIBCSS_PUBLIC const css_value_type_record_t *css_register_value_type(
     const char *type_name, css_value_parse_cb parse);
@@ -33,7 +33,7 @@ LIBCSS_PUBLIC const css_value_type_record_t *css_get_value_type(
     const char *type_name);
 
 LIBCSS_PUBLIC int css_register_valdef_alias(const char *alias,
-					    const char *definitons);
+                                            const char *definitons);
 
 LIBCSS_PUBLIC const css_valdef_t *css_resolve_valdef_alias(const char *alias);
 
@@ -44,12 +44,12 @@ LIBCSS_PUBLIC css_valdef_t *css_compile_valdef(const char *definition_str);
  * @return 成功返回已解析的字符串长度，否则返回 -1
  */
 LIBCSS_PUBLIC int css_parse_value(const css_valdef_t *valdef, const char *str,
-				  css_style_value_t *val);
+                                  css_style_value_t *val);
 
 LIBCSS_PUBLIC size_t css_print_valdef(const css_valdef_t *s);
 
 LIBCSS_PUBLIC size_t css_valdef_to_string(const css_valdef_t *s, char *str,
-					  size_t max_len);
+                                          size_t max_len);
 
 LIBCSS_END_DECLS
 
diff --git a/lib/css/src/computed.c b/lib/css/src/computed.c
index 639d1a2f4..dc678c5a1 100644
--- a/lib/css/src/computed.c
+++ b/lib/css/src/computed.c
@@ -1,12 +1,12 @@
 /*
  * lib/css/src/computed.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <css/utils.h>
diff --git a/lib/css/src/data_types.c b/lib/css/src/data_types.c
index 9f116a386..a9199270a 100644
--- a/lib/css/src/data_types.c
+++ b/lib/css/src/data_types.c
@@ -1,12 +1,12 @@
 /*
  * lib/css/src/data_types.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
@@ -19,360 +19,360 @@
 
 bool css_parse_numeric_value(css_style_value_t *s, const char *str)
 {
-	s->type = CSS_NUMERIC_VALUE;
-	return sscanf(str, "%f", &s->numeric_value) == 1;
+        s->type = CSS_NUMERIC_VALUE;
+        return sscanf(str, "%f", &s->numeric_value) == 1;
 }
 
 bool css_parse_integer_value(css_style_value_t *s, const char *str)
 {
-	int num;
-	s->type = CSS_NUMERIC_VALUE;
-	if (sscanf(str, "%d", &num) == 1) {
-		s->numeric_value = 1.0f * num;
-		return 1;
-	}
-	return 0;
+        int num;
+        s->type = CSS_NUMERIC_VALUE;
+        if (sscanf(str, "%d", &num) == 1) {
+                s->numeric_value = 1.0f * num;
+                return 1;
+        }
+        return 0;
 }
 
 bool css_parse_unit_value(css_style_value_t *s, const char *str)
 {
-	int n = 0;
-	const char *p;
-	char num_str[32] = { 0 };
-	char unit[4];
-	css_numeric_value_t num;
-	bool has_point = false;
+        int n = 0;
+        const char *p;
+        char num_str[32] = { 0 };
+        char unit[4];
+        css_numeric_value_t num;
+        bool has_point = false;
 
-	if (str == NULL) {
-		return false;
-	}
-	/* 先取出数值 */
-	for (p = str; *p && n < 30; ++p) {
-		if (*p >= '0' && *p <= '9')
-			;
-		else if (*p == '-' || *p == '+') {
-			if (n > 0) {
-				n = 0;
-				break;
-			}
-		} else if (*p == '.') {
-			if (has_point) {
-				n = 0;
-				break;
-			}
-			has_point = true;
-		} else {
-			break;
-		}
-		num_str[n++] = *p;
-	}
-	if (n == 0) {
-		return false;
-	}
-	strncpy(unit, p, 3);
-	unit[3] = 0;
-	sscanf(num_str, "%f", &num);
-	if (strncmp(unit, "%", 4) == 0) {
-		s->unit_value.unit = CSS_UNIT_PERCENT;
-	} else if (strncmp(unit, "px", 4) == 0 || num == 0) {
-		s->unit_value.unit = CSS_UNIT_PX;
-	} else if (strncmp(unit, "dp", 4) == 0) {
-		s->unit_value.unit = CSS_UNIT_DIP;
-	} else if (strncmp(unit, "sp", 4) == 0) {
-		s->unit_value.unit = CSS_UNIT_SP;
-	} else if (strncmp(unit, "pt", 4) == 0) {
-		s->unit_value.unit = CSS_UNIT_PT;
-	} else {
-		return false;
-	}
-	num_str[n] = 0;
-	s->type = CSS_UNIT_VALUE;
-	s->unit_value.value = num;
-	return true;
+        if (str == NULL) {
+                return false;
+        }
+        /* 先取出数值 */
+        for (p = str; *p && n < 30; ++p) {
+                if (*p >= '0' && *p <= '9')
+                        ;
+                else if (*p == '-' || *p == '+') {
+                        if (n > 0) {
+                                n = 0;
+                                break;
+                        }
+                } else if (*p == '.') {
+                        if (has_point) {
+                                n = 0;
+                                break;
+                        }
+                        has_point = true;
+                } else {
+                        break;
+                }
+                num_str[n++] = *p;
+        }
+        if (n == 0) {
+                return false;
+        }
+        strncpy(unit, p, 3);
+        unit[3] = 0;
+        sscanf(num_str, "%f", &num);
+        if (strncmp(unit, "%", 4) == 0) {
+                s->unit_value.unit = CSS_UNIT_PERCENT;
+        } else if (strncmp(unit, "px", 4) == 0 || num == 0) {
+                s->unit_value.unit = CSS_UNIT_PX;
+        } else if (strncmp(unit, "dp", 4) == 0) {
+                s->unit_value.unit = CSS_UNIT_DIP;
+        } else if (strncmp(unit, "sp", 4) == 0) {
+                s->unit_value.unit = CSS_UNIT_SP;
+        } else if (strncmp(unit, "pt", 4) == 0) {
+                s->unit_value.unit = CSS_UNIT_PT;
+        } else {
+                return false;
+        }
+        num_str[n] = 0;
+        s->type = CSS_UNIT_VALUE;
+        s->unit_value.value = num;
+        return true;
 }
 
 bool css_parse_percentage_value(css_style_value_t *s, const char *str)
 {
-	if (css_parse_unit_value(s, str) &&
-	    s->unit_value.unit == CSS_UNIT_PERCENT) {
-		return true;
-	}
-	s->type = CSS_INVALID_VALUE;
-	return false;
+        if (css_parse_unit_value(s, str) &&
+            s->unit_value.unit == CSS_UNIT_PERCENT) {
+                return true;
+        }
+        s->type = CSS_INVALID_VALUE;
+        return false;
 }
 
 bool css_parse_length_value(css_style_value_t *s, const char *str)
 {
-	if (css_parse_unit_value(s, str) &&
-	    s->unit_value.unit != CSS_UNIT_PERCENT) {
-		return true;
-	}
-	s->type = CSS_INVALID_VALUE;
-	return false;
+        if (css_parse_unit_value(s, str) &&
+            s->unit_value.unit != CSS_UNIT_PERCENT) {
+                return true;
+        }
+        s->type = CSS_INVALID_VALUE;
+        return false;
 }
 
 bool css_parse_string_value(css_style_value_t *val, const char *str)
 {
-	size_t len;
+        size_t len;
 
-	len = strlen(str);
-	val->type = CSS_STRING_VALUE;
-	if (len > 0) {
-		if (str[0] == '"' && str[len - 1] == '"') {
-			val->string_value = strdup2(str + 1);
-			val->string_value[len - 2] = 0;
-		} else {
-			val->string_value = strdup2(str);
-		}
-	} else {
-		val->string_value = NULL;
-	}
-	return true;
+        len = strlen(str);
+        val->type = CSS_STRING_VALUE;
+        if (len > 0) {
+                if (str[0] == '"' && str[len - 1] == '"') {
+                        val->string_value = y_strdup(str + 1);
+                        val->string_value[len - 2] = 0;
+                } else {
+                        val->string_value = y_strdup(str);
+                }
+        } else {
+                val->string_value = NULL;
+        }
+        return true;
 }
 
 bool css_parse_url_value(css_style_value_t *s, const char *str)
 {
-	size_t n;
-	const char *p, *head, *tail;
+        size_t n;
+        const char *p, *head, *tail;
 
-	p = str;
-	tail = head = strstr(p, "url(");
-	if (!head) {
-		return false;
-	}
-	while (p) {
-		tail = p;
-		p = strstr(p + 1, ")");
-	}
-	if (tail == head) {
-		return false;
-	}
-	head += 4;
-	if (*head == '"') {
-		++head;
-	}
-	n = tail - head;
-	s->string_value = malloc((n + 1) * sizeof(char));
-	if (!s->string_value) {
-		return false;
-	}
-	strncpy(s->string_value, head, n);
-	s->string_value[n] = 0;
-	if (n > 0 && s->string_value[n - 1] == '"') {
-		n -= 1;
-		s->string_value[n] = 0;
-	}
-	s->type = CSS_STRING_VALUE;
-	return true;
+        p = str;
+        tail = head = strstr(p, "url(");
+        if (!head) {
+                return false;
+        }
+        while (p) {
+                tail = p;
+                p = strstr(p + 1, ")");
+        }
+        if (tail == head) {
+                return false;
+        }
+        head += 4;
+        if (*head == '"') {
+                ++head;
+        }
+        n = tail - head;
+        s->string_value = malloc((n + 1) * sizeof(char));
+        if (!s->string_value) {
+                return false;
+        }
+        strncpy(s->string_value, head, n);
+        s->string_value[n] = 0;
+        if (n > 0 && s->string_value[n - 1] == '"') {
+                n -= 1;
+                s->string_value[n] = 0;
+        }
+        s->type = CSS_STRING_VALUE;
+        return true;
 }
 
 static bool css_parse_rgba(css_style_value_t *val, const char *str)
 {
-	float data[4];
-	char num_str[16];
-	int i, j, count;
+        float data[4];
+        char num_str[16];
+        int i, j, count;
 
-	if (!strstr(str, "rgba(")) {
-		return false;
-	}
-	for (count = 0, i = 5, j = 0; str[i]; ++i) {
-		if (str[i] == ',' || str[i] == ')') {
-			if (sscanf(num_str, "%f", &data[count++]) != 1) {
-				return false;
-			}
-			j = 0;
-			if (str[i] == ')') {
-				break;
-			}
-		} else if ((str[i] == '.' ||
-			    (str[i] >= '0' && str[i] <= '9')) &&
-			   j < 15) {
-			num_str[j++] = str[i];
-			num_str[j] = 0;
-		}
-	}
-	if (count != 4) {
-		return false;
-	}
-	val->type = CSS_COLOR_VALUE;
-	val->color_value = css_color((uint8_t)(255 * data[3]), (uint8_t)data[0],
-				     (uint8_t)data[1], (uint8_t)data[2]);
-	return true;
+        if (!strstr(str, "rgba(")) {
+                return false;
+        }
+        for (count = 0, i = 5, j = 0; str[i]; ++i) {
+                if (str[i] == ',' || str[i] == ')') {
+                        if (sscanf(num_str, "%f", &data[count++]) != 1) {
+                                return false;
+                        }
+                        j = 0;
+                        if (str[i] == ')') {
+                                break;
+                        }
+                } else if ((str[i] == '.' ||
+                            (str[i] >= '0' && str[i] <= '9')) &&
+                           j < 15) {
+                        num_str[j++] = str[i];
+                        num_str[j] = 0;
+                }
+        }
+        if (count != 4) {
+                return false;
+        }
+        val->type = CSS_COLOR_VALUE;
+        val->color_value = css_color((uint8_t)(255 * data[3]), (uint8_t)data[0],
+                                     (uint8_t)data[1], (uint8_t)data[2]);
+        return true;
 }
 
 static bool css_parse_rgb(css_style_value_t *val, const char *str)
 {
-	float data[3];
-	char num_str[16];
-	int i, j, count;
+        float data[3];
+        char num_str[16];
+        int i, j, count;
 
-	if (!strstr(str, "rgb(")) {
-		return false;
-	}
-	for (count = 0, i = 4, j = 0; str[i]; ++i) {
-		if (str[i] == ',' || str[i] == ')') {
-			if (sscanf(num_str, "%f", &data[count++]) != 1) {
-				return false;
-			}
-			j = 0;
-			if (str[i] == ')') {
-				break;
-			}
-		} else if ((str[i] == '.' ||
-			    (str[i] >= '0' && str[i] <= '9')) &&
-			   j < 15) {
-			num_str[j++] = str[i];
-			num_str[j] = 0;
-		}
-	}
-	if (count != 3) {
-		return false;
-	}
-	val->type = CSS_COLOR_VALUE;
-	val->color_value = css_color(255, (uint8_t)data[0], (uint8_t)data[1],
-				     (uint8_t)data[2]);
-	return true;
+        if (!strstr(str, "rgb(")) {
+                return false;
+        }
+        for (count = 0, i = 4, j = 0; str[i]; ++i) {
+                if (str[i] == ',' || str[i] == ')') {
+                        if (sscanf(num_str, "%f", &data[count++]) != 1) {
+                                return false;
+                        }
+                        j = 0;
+                        if (str[i] == ')') {
+                                break;
+                        }
+                } else if ((str[i] == '.' ||
+                            (str[i] >= '0' && str[i] <= '9')) &&
+                           j < 15) {
+                        num_str[j++] = str[i];
+                        num_str[j] = 0;
+                }
+        }
+        if (count != 3) {
+                return false;
+        }
+        val->type = CSS_COLOR_VALUE;
+        val->color_value = css_color(255, (uint8_t)data[0], (uint8_t)data[1],
+                                     (uint8_t)data[2]);
+        return true;
 }
 
 bool css_parse_color_value(css_style_value_t *val, const char *str)
 {
-	const char *p;
-	int len = 0, status = 0, r, g, b;
-	for (p = str; *p; ++p, ++len) {
-		switch (*p) {
-		case '#':
-			len == 0 ? status = 3 : 0;
-			break;
-		case 'r':
-			status == 0 ? status = 1 : 0;
-			break;
-		case 'g':
-			status == 1 ? status <<= 1 : 0;
-			break;
-		case 'b':
-			status == 2 ? status <<= 1 : 0;
-			break;
-		case 'a':
-			status == 4 ? status <<= 1 : 0;
-			break;
-		default:
-			if (status < 3) {
-				break;
-			}
-		}
-	}
-	switch (status) {
-	case 3:
-		status = 0;
-		if (len == 4) {
-			status = sscanf(str, "#%1X%1X%1X", &r, &g, &b);
-			r *= 255 / 0xf;
-			g *= 255 / 0xf;
-			b *= 255 / 0xf;
-		} else if (len == 7) {
-			status = sscanf(str, "#%2X%2X%2X", &r, &g, &b);
-		}
-		break;
-	case 4:
-		return css_parse_rgb(val, str);
-	case 8:
-		return css_parse_rgba(val, str);
-	default:
-		break;
-	}
-	if (status == 3) {
-		val->type = CSS_COLOR_VALUE;
-		val->color_value = css_color(0xff, r, g, b);
-		return true;
-	}
-	if (strcmp("transparent", str) == 0) {
-		val->type = CSS_COLOR_VALUE;
-		val->color_value = CSS_COLOR_TRANSPARENT;
-		return true;
-	}
-	return false;
+        const char *p;
+        int len = 0, status = 0, r, g, b;
+        for (p = str; *p; ++p, ++len) {
+                switch (*p) {
+                case '#':
+                        len == 0 ? status = 3 : 0;
+                        break;
+                case 'r':
+                        status == 0 ? status = 1 : 0;
+                        break;
+                case 'g':
+                        status == 1 ? status <<= 1 : 0;
+                        break;
+                case 'b':
+                        status == 2 ? status <<= 1 : 0;
+                        break;
+                case 'a':
+                        status == 4 ? status <<= 1 : 0;
+                        break;
+                default:
+                        if (status < 3) {
+                                break;
+                        }
+                }
+        }
+        switch (status) {
+        case 3:
+                status = 0;
+                if (len == 4) {
+                        status = sscanf(str, "#%1X%1X%1X", &r, &g, &b);
+                        r *= 255 / 0xf;
+                        g *= 255 / 0xf;
+                        b *= 255 / 0xf;
+                } else if (len == 7) {
+                        status = sscanf(str, "#%2X%2X%2X", &r, &g, &b);
+                }
+                break;
+        case 4:
+                return css_parse_rgb(val, str);
+        case 8:
+                return css_parse_rgba(val, str);
+        default:
+                break;
+        }
+        if (status == 3) {
+                val->type = CSS_COLOR_VALUE;
+                val->color_value = css_color(0xff, r, g, b);
+                return true;
+        }
+        if (strcmp("transparent", str) == 0) {
+                val->type = CSS_COLOR_VALUE;
+                val->color_value = CSS_COLOR_TRANSPARENT;
+                return true;
+        }
+        return false;
 }
 
 bool css_parse_font_family_value(css_style_value_t *val, const char *str)
 {
-	char name[256];
-	const char *p;
-	unsigned quotes = 0;
-	unsigned count, i;
-	uint8_t finished = 0;
+        char name[256];
+        const char *p;
+        unsigned quotes = 0;
+        unsigned count, i;
+        uint8_t finished = 0;
 
-	val->type = CSS_ARRAY_VALUE;
-	val->array_value = NULL;
-	for (i = 0, p = str, count = 0; 1; ++p) {
-		switch (*p) {
-		case '"':
-		case '\'':
-			if (i > 0) {
-				if (quotes < 1) {
-					return false;
-				}
-				quotes--;
-				if (quotes < 1) {
-					finished = 1;
-				}
-			} else {
-				quotes++;
-			}
-			break;
-		case ',':
-			if (quotes > 0) {
-				goto save;
-			}
-			if (i < 1) {
-				return false;
-			}
-			goto append;
-		CASE_WHITE_SPACE:
-			if (!finished && i > 0) {
-				goto save;
-			}
-			continue;
-		case 0:
-			if (i > 0) {
-				goto append;
-			}
-			break;
-		default:
-			if (finished) {
-				return false;
-			}
-			break;
-		}
-		if (!*p) {
-			break;
-		}
-	save:
-		if (i < sizeof(name) / sizeof(char)) {
-			name[i++] = *p;
-			name[i] = 0;
-		}
-		continue;
-	append:
-		css_style_value_set_array_length(val, count + 1);
-		val->array_value[count].type = CSS_STRING_VALUE;
-		val->array_value[count].string_value = strdup2(name);
-		count++;
-		if (!*p) {
-			break;
-		}
-	}
-	return true;
+        val->type = CSS_ARRAY_VALUE;
+        val->array_value = NULL;
+        for (i = 0, p = str, count = 0; 1; ++p) {
+                switch (*p) {
+                case '"':
+                case '\'':
+                        if (i > 0) {
+                                if (quotes < 1) {
+                                        return false;
+                                }
+                                quotes--;
+                                if (quotes < 1) {
+                                        finished = 1;
+                                }
+                        } else {
+                                quotes++;
+                        }
+                        break;
+                case ',':
+                        if (quotes > 0) {
+                                goto save;
+                        }
+                        if (i < 1) {
+                                return false;
+                        }
+                        goto append;
+                CASE_WHITE_SPACE:
+                        if (!finished && i > 0) {
+                                goto save;
+                        }
+                        continue;
+                case 0:
+                        if (i > 0) {
+                                goto append;
+                        }
+                        break;
+                default:
+                        if (finished) {
+                                return false;
+                        }
+                        break;
+                }
+                if (!*p) {
+                        break;
+                }
+        save:
+                if (i < sizeof(name) / sizeof(char)) {
+                        name[i++] = *p;
+                        name[i] = 0;
+                }
+                continue;
+        append:
+                css_style_value_set_array_length(val, count + 1);
+                val->array_value[count].type = CSS_STRING_VALUE;
+                val->array_value[count].string_value = y_strdup(name);
+                count++;
+                if (!*p) {
+                        break;
+                }
+        }
+        return true;
 }
 
 void css_init_data_types(void)
 {
-	css_register_value_type("length", css_parse_length_value);
-	css_register_value_type("percentage", css_parse_percentage_value);
-	css_register_value_type("color", css_parse_color_value);
-	css_register_value_type("string", css_parse_string_value);
-	css_register_value_type("number", css_parse_numeric_value);
-	css_register_value_type("integer", css_parse_integer_value);
-	/** FIXME: 处理相对路径 */
-	css_register_value_type("url", css_parse_url_value);
-	css_register_value_type("font-family", css_parse_font_family_value);
+        css_register_value_type("length", css_parse_length_value);
+        css_register_value_type("percentage", css_parse_percentage_value);
+        css_register_value_type("color", css_parse_color_value);
+        css_register_value_type("string", css_parse_string_value);
+        css_register_value_type("number", css_parse_numeric_value);
+        css_register_value_type("integer", css_parse_integer_value);
+        /** FIXME: 处理相对路径 */
+        css_register_value_type("url", css_parse_url_value);
+        css_register_value_type("font-family", css_parse_font_family_value);
 }
diff --git a/lib/css/src/debug.h b/lib/css/src/debug.h
index feddd966d..ce1fe6bad 100644
--- a/lib/css/src/debug.h
+++ b/lib/css/src/debug.h
@@ -1,12 +1,12 @@
 /*
  * lib/css/src/debug.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifdef DEBUG
@@ -16,5 +16,5 @@
 #endif
 
 #define _DEBUG_MSG(format, ...)                                       \
-	logger_log(LOGGER_LEVEL_DEBUG, __FILE__ ":%d: %s(): " format, \
-		   __LINE__, __FUNCTION__, ##__VA_ARGS__)
+        logger_log(LOGGER_LEVEL_DEBUG, __FILE__ ":%d: %s(): " format, \
+                   __LINE__, __FUNCTION__, ##__VA_ARGS__)
diff --git a/lib/css/src/dump.c b/lib/css/src/dump.c
index 0bd2f8b57..c9d7acbd9 100644
--- a/lib/css/src/dump.c
+++ b/lib/css/src/dump.c
@@ -1,12 +1,12 @@
 /*
  * lib/css/src/dump.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
@@ -15,27 +15,27 @@
 
 size_t css_dump_to_stdout(css_dump_context_t *ctx, const char *fmt, ...)
 {
-	va_list args;
-	size_t n;
+        va_list args;
+        size_t n;
 
-	va_start(args, fmt);
-	n = vprintf(fmt, args);
-	ctx->len += n;
-	va_end(args);
-	return n;
+        va_start(args, fmt);
+        n = vprintf(fmt, args);
+        ctx->len += n;
+        va_end(args);
+        return n;
 }
 
 size_t css_dump_to_buffer(css_dump_context_t *ctx, const char *fmt, ...)
 {
-	va_list args;
-	size_t n;
+        va_list args;
+        size_t n;
 
-	if (ctx->len >= ctx->max_len) {
-		return 0;
-	}
-	va_start(args, fmt);
-	n = vsnprintf(ctx->data + ctx->len, ctx->max_len - ctx->len, fmt, args);
-	ctx->len += n;
-	va_end(args);
-	return n;
+        if (ctx->len >= ctx->max_len) {
+                return 0;
+        }
+        va_start(args, fmt);
+        n = vsnprintf(ctx->data + ctx->len, ctx->max_len - ctx->len, fmt, args);
+        ctx->len += n;
+        va_end(args);
+        return n;
 }
diff --git a/lib/css/src/dump.h b/lib/css/src/dump.h
index 66930d2bb..dbd5f964e 100644
--- a/lib/css/src/dump.h
+++ b/lib/css/src/dump.h
@@ -1,12 +1,12 @@
 /*
  * lib/css/src/dump.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIBCSS_INCLUDE_CSS_DUMP_H
@@ -18,10 +18,10 @@
 typedef struct css_dump_context css_dump_context_t;
 
 struct css_dump_context {
-	char *data;
-	size_t len;
-	size_t max_len;
-	size_t (*func)(css_dump_context_t *, const char *, ...);
+        char *data;
+        size_t len;
+        size_t max_len;
+        size_t (*func)(css_dump_context_t *, const char *, ...);
 };
 
 #define DUMP(_STR) ctx->func(ctx, "%s", _STR);
diff --git a/lib/css/src/font_face_parser.c b/lib/css/src/font_face_parser.c
index 74c601d85..1745b2471 100644
--- a/lib/css/src/font_face_parser.c
+++ b/lib/css/src/font_face_parser.c
@@ -1,12 +1,12 @@
 /*
  * lib/css/src/font_face_parser.c: -- CSS @font-face rule parser module
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <errno.h>
@@ -19,279 +19,280 @@
 enum FontFaceParserState { STATE_HEAD, STATE_KEY, STATE_KEY_END, STATE_VALUE };
 
 enum FontFaceKey {
-	KEY_NONE,
-	KEY_FONT_FAMILY,
-	KEY_FONT_STYLE,
-	KEY_FONT_WEIGHT,
-	KEY_SRC
+        KEY_NONE,
+        KEY_FONT_FAMILY,
+        KEY_FONT_STYLE,
+        KEY_FONT_WEIGHT,
+        KEY_SRC
 };
 
 typedef struct css_font_face_parser {
-	int key;
-	int state;
-	css_font_face_t *face;
-	void (*callback)(const css_font_face_t *);
+        int key;
+        int state;
+        css_font_face_t *face;
+        void (*callback)(const css_font_face_t *);
 } css_font_face_parser_t;
 
-LIBCSS_INLINE css_font_face_parser_t *get_css_font_face_parser(css_parser_t *parser)
+LIBCSS_INLINE css_font_face_parser_t *get_css_font_face_parser(
+    css_parser_t *parser)
 {
-	return parser->rule_parsers[CSS_RULE_FONT_FACE].data;
+        return parser->rule_parsers[CSS_RULE_FONT_FACE].data;
 }
 
 static int css_parser_begin_parse_font_face(css_parser_t *parser)
 {
-	get_css_font_face_parser(parser)->state = STATE_HEAD;
-	return 0;
+        get_css_font_face_parser(parser)->state = STATE_HEAD;
+        return 0;
 }
 
 static int get_font_face_key(const char *name)
 {
-	if (strcmp(name, "font-family") == 0) {
-		return KEY_FONT_FAMILY;
-	} else if (strcmp(name, "font-style") == 0) {
-		return KEY_FONT_STYLE;
-	} else if (strcmp(name, "font-weight") == 0) {
-		return KEY_FONT_WEIGHT;
-	} else if (strcmp(name, "src") == 0) {
-		return KEY_SRC;
-	}
-	return KEY_NONE;
+        if (strcmp(name, "font-family") == 0) {
+                return KEY_FONT_FAMILY;
+        } else if (strcmp(name, "font-style") == 0) {
+                return KEY_FONT_STYLE;
+        } else if (strcmp(name, "font-weight") == 0) {
+                return KEY_FONT_WEIGHT;
+        } else if (strcmp(name, "src") == 0) {
+                return KEY_SRC;
+        }
+        return KEY_NONE;
 }
 
 static void css_font_face_parser_end(css_parser_t *parser)
 {
-	css_font_face_parser_t *data = get_css_font_face_parser(parser);
+        css_font_face_parser_t *data = get_css_font_face_parser(parser);
 
-	if (data->face->font_family) {
-		free(data->face->font_family);
-		data->face->font_family = NULL;
-	}
-	if (data->face->src) {
-		free(data->face->src);
-		data->face->src = NULL;
-	}
-	data->key = KEY_NONE;
+        if (data->face->font_family) {
+                free(data->face->font_family);
+                data->face->font_family = NULL;
+        }
+        if (data->face->src) {
+                free(data->face->src);
+                data->face->src = NULL;
+        }
+        data->key = KEY_NONE;
 }
 
 static int css_font_face_parser_parse_head(css_parser_t *parser)
 {
-	switch (*parser->cur) {
-	CASE_WHITE_SPACE:
-		return 0;
-	case '/':
-		return css_parser_begin_parse_comment(parser);
-	case '{':
-		break;
-	default:
-		return -1;
-	}
-	get_css_font_face_parser(parser)->state = STATE_KEY;
-	css_parser_commit(parser);
-	return 0;
+        switch (*parser->cur) {
+        CASE_WHITE_SPACE:
+                return 0;
+        case '/':
+                return css_parser_begin_parse_comment(parser);
+        case '{':
+                break;
+        default:
+                return -1;
+        }
+        get_css_font_face_parser(parser)->state = STATE_KEY;
+        css_parser_commit(parser);
+        return 0;
 }
 
 static int css_font_face_parser_parse_tail(css_parser_t *parser)
 {
-	css_font_face_parser_t *data = get_css_font_face_parser(parser);
+        css_font_face_parser_t *data = get_css_font_face_parser(parser);
 
-	if (data->callback) {
-		data->callback(data->face);
-	}
-	css_font_face_parser_end(parser);
-	css_parser_end_parse_rule(parser);
-	if (parser->pos > 0) {
-		return -1;
-	}
-	return 0;
+        if (data->callback) {
+                data->callback(data->face);
+        }
+        css_font_face_parser_end(parser);
+        css_parser_end_parse_rule(parser);
+        if (parser->pos > 0) {
+                return -1;
+        }
+        return 0;
 }
 
 static int css_font_face_parser_parse_key_end(css_parser_t *parser)
 {
-	css_font_face_parser_t *data;
+        css_font_face_parser_t *data;
 
-	switch (*parser->cur) {
-	CASE_WHITE_SPACE:
-		return 0;
-	case ':':
-		break;
-	case '}':
-		return css_font_face_parser_parse_tail(parser);
-	default:
-		css_font_face_parser_end(parser);
-		return -1;
-	}
-	css_parser_commit(parser);
-	data = get_css_font_face_parser(parser);
-	data->key = get_font_face_key(parser->buffer);
-	data->state = STATE_VALUE;
-	return 0;
+        switch (*parser->cur) {
+        CASE_WHITE_SPACE:
+                return 0;
+        case ':':
+                break;
+        case '}':
+                return css_font_face_parser_parse_tail(parser);
+        default:
+                css_font_face_parser_end(parser);
+                return -1;
+        }
+        css_parser_commit(parser);
+        data = get_css_font_face_parser(parser);
+        data->key = get_font_face_key(parser->buffer);
+        data->state = STATE_VALUE;
+        return 0;
 }
 
 static int FontFaceParser_ParseKey(css_parser_t *parser)
 {
-	switch (*parser->cur) {
-	CASE_WHITE_SPACE:
-		if (parser->pos > 0) {
-			get_css_font_face_parser(parser)->state = STATE_KEY_END;
-			return 0;
-		}
-		break;
-	case '}':
-		return css_font_face_parser_parse_tail(parser);
-	case ':':
-		css_font_face_parser_parse_key_end(parser);
-		break;
-	default:
-		css_parser_get_char(parser);
-		break;
-	}
-	return 0;
+        switch (*parser->cur) {
+        CASE_WHITE_SPACE:
+                if (parser->pos > 0) {
+                        get_css_font_face_parser(parser)->state = STATE_KEY_END;
+                        return 0;
+                }
+                break;
+        case '}':
+                return css_font_face_parser_parse_tail(parser);
+        case ':':
+                css_font_face_parser_parse_key_end(parser);
+                break;
+        default:
+                css_parser_get_char(parser);
+                break;
+        }
+        return 0;
 }
 
 static int css_font_face_parser_parse_font_weight(css_font_face_t *face,
-						  const char *str)
+                                                  const char *str)
 {
-	int weight;
-	if (css_parse_font_weight(str, &weight)) {
-		face->font_weight = weight;
-		return 0;
-	}
-	return -1;
+        int weight;
+        if (css_parse_font_weight(str, &weight)) {
+                face->font_weight = weight;
+                return 0;
+        }
+        return -1;
 }
 
 static int css_font_face_parser_parse_font_style(css_font_face_t *face,
-						 const char *str)
+                                                 const char *str)
 {
-	int style;
-	if (css_parse_font_style(str, &style)) {
-		face->font_style = style;
-		return 0;
-	}
-	return -1;
+        int style;
+        if (css_parse_font_style(str, &style)) {
+                face->font_style = style;
+                return 0;
+        }
+        return -1;
 }
 
 static int css_font_face_parser_parse_src(css_font_face_t *face,
-					  const char *str, const char *dirname)
+                                          const char *str, const char *dirname)
 {
-	css_style_value_t style;
+        css_style_value_t style;
 
-	if (face->src) {
-		free(face->src);
-	}
-	// TODO: dirname + str = absolutePath
-	if (css_parse_url_value(&style, str)) {
-		face->src = style.string_value;
-		return 0;
-	}
-	free(face->src);
-	face->src = NULL;
-	return -1;
+        if (face->src) {
+                free(face->src);
+        }
+        // TODO: dirname + str = absolutePath
+        if (css_parse_url_value(&style, str)) {
+                face->src = style.string_value;
+                return 0;
+        }
+        free(face->src);
+        face->src = NULL;
+        return -1;
 }
 
 static int css_font_face_parser_parse_value(css_parser_t *parser)
 {
-	css_font_face_parser_t *data;
-	switch (*parser->cur) {
-	case '}':
-	case ';':
-		break;
-	default:
-		css_parser_get_char(parser);
-		return 0;
-	}
-	css_parser_commit(parser);
-	data = get_css_font_face_parser(parser);
-	switch (data->key) {
-	case KEY_FONT_FAMILY:
-		if (data->face->font_family) {
-			free(data->face->font_family);
-		}
-		data->face->font_family = strdup2(parser->buffer);
-		if (!data->face->font_family) {
-			return -ENOMEM;
-		}
-		strtrim(data->face->font_family, parser->buffer, " \"");
-		break;
-	case KEY_FONT_STYLE:
-		css_font_face_parser_parse_font_style(data->face,
-						      parser->buffer);
-		break;
-	case KEY_FONT_WEIGHT:
-		css_font_face_parser_parse_font_weight(data->face,
-						       parser->buffer);
-		break;
-	case KEY_SRC:
-		css_font_face_parser_parse_src(data->face, parser->buffer,
-					       parser->style_parser.dirname);
-		break;
-	default:
-		break;
-	}
-	data->key = KEY_NONE;
-	if (*parser->cur != '}') {
-		get_css_font_face_parser(parser)->state = STATE_KEY;
-		return 0;
-	}
-	return css_font_face_parser_parse_tail(parser);
+        css_font_face_parser_t *data;
+        switch (*parser->cur) {
+        case '}':
+        case ';':
+                break;
+        default:
+                css_parser_get_char(parser);
+                return 0;
+        }
+        css_parser_commit(parser);
+        data = get_css_font_face_parser(parser);
+        switch (data->key) {
+        case KEY_FONT_FAMILY:
+                if (data->face->font_family) {
+                        free(data->face->font_family);
+                }
+                data->face->font_family = y_strdup(parser->buffer);
+                if (!data->face->font_family) {
+                        return -ENOMEM;
+                }
+                y_strtrim(data->face->font_family, parser->buffer, " \"");
+                break;
+        case KEY_FONT_STYLE:
+                css_font_face_parser_parse_font_style(data->face,
+                                                      parser->buffer);
+                break;
+        case KEY_FONT_WEIGHT:
+                css_font_face_parser_parse_font_weight(data->face,
+                                                       parser->buffer);
+                break;
+        case KEY_SRC:
+                css_font_face_parser_parse_src(data->face, parser->buffer,
+                                               parser->style_parser.dirname);
+                break;
+        default:
+                break;
+        }
+        data->key = KEY_NONE;
+        if (*parser->cur != '}') {
+                get_css_font_face_parser(parser)->state = STATE_KEY;
+                return 0;
+        }
+        return css_font_face_parser_parse_tail(parser);
 }
 
 int css_parser_parse_font_face(css_parser_t *parser)
 {
-	switch (get_css_font_face_parser(parser)->state) {
-	case STATE_HEAD:
-		return css_font_face_parser_parse_head(parser);
-	case STATE_KEY:
-		return FontFaceParser_ParseKey(parser);
-	case STATE_KEY_END:
-		return css_font_face_parser_parse_key_end(parser);
-	case STATE_VALUE:
-		return css_font_face_parser_parse_value(parser);
-	default:
-		break;
-	}
-	css_font_face_parser_end(parser);
-	return -1;
+        switch (get_css_font_face_parser(parser)->state) {
+        case STATE_HEAD:
+                return css_font_face_parser_parse_head(parser);
+        case STATE_KEY:
+                return FontFaceParser_ParseKey(parser);
+        case STATE_KEY_END:
+                return css_font_face_parser_parse_key_end(parser);
+        case STATE_VALUE:
+                return css_font_face_parser_parse_value(parser);
+        default:
+                break;
+        }
+        css_font_face_parser_end(parser);
+        return -1;
 }
 
 void css_font_face_parser_on_load(css_parser_t *parser,
-				  void (*callback)(const css_font_face_t *))
+                                  void (*callback)(const css_font_face_t *))
 {
-	get_css_font_face_parser(parser)->callback = callback;
+        get_css_font_face_parser(parser)->callback = callback;
 }
 
 int css_font_face_parser_init(css_parser_t *parser)
 {
-	css_font_face_parser_t *data;
-	css_rule_parser_t *rule_parser;
+        css_font_face_parser_t *data;
+        css_rule_parser_t *rule_parser;
 
-	data = calloc(sizeof(css_font_face_parser_t), 1);
-	if (!data) {
-		return -ENOMEM;
-	}
-	data->face = calloc(sizeof(css_font_face_t), 1);
-	if (!data->face) {
-		free(data);
-		return -ENOMEM;
-	}
-	data->face->src = NULL;
-	data->face->font_family = NULL;
-	data->face->font_style = CSS_FONT_STYLE_NORMAL;
-	data->face->font_weight = CSS_FONT_WEIGHT_NORMAL;
-	rule_parser = &parser->rule_parsers[CSS_RULE_FONT_FACE];
-	rule_parser->data = data;
-	rule_parser->parse = css_parser_parse_font_face;
-	rule_parser->begin = css_parser_begin_parse_font_face;
-	strcpy(rule_parser->name, "font-face");
-	return 0;
+        data = calloc(sizeof(css_font_face_parser_t), 1);
+        if (!data) {
+                return -ENOMEM;
+        }
+        data->face = calloc(sizeof(css_font_face_t), 1);
+        if (!data->face) {
+                free(data);
+                return -ENOMEM;
+        }
+        data->face->src = NULL;
+        data->face->font_family = NULL;
+        data->face->font_style = CSS_FONT_STYLE_NORMAL;
+        data->face->font_weight = CSS_FONT_WEIGHT_NORMAL;
+        rule_parser = &parser->rule_parsers[CSS_RULE_FONT_FACE];
+        rule_parser->data = data;
+        rule_parser->parse = css_parser_parse_font_face;
+        rule_parser->begin = css_parser_begin_parse_font_face;
+        strcpy(rule_parser->name, "font-face");
+        return 0;
 }
 
 void css_font_face_parser_destroy(css_parser_t *parser)
 {
-	css_font_face_parser_t *data;
+        css_font_face_parser_t *data;
 
-	css_font_face_parser_end(parser);
-	data = get_css_font_face_parser(parser);
-	parser->rule_parsers[CSS_RULE_FONT_FACE].data = NULL;
-	free(data->face);
-	free(data);
+        css_font_face_parser_end(parser);
+        data = get_css_font_face_parser(parser);
+        parser->rule_parsers[CSS_RULE_FONT_FACE].data = NULL;
+        free(data->face);
+        free(data);
 }
diff --git a/lib/css/src/keywords.c b/lib/css/src/keywords.c
index 4c95e6f64..2857d7ecf 100644
--- a/lib/css/src/keywords.c
+++ b/lib/css/src/keywords.c
@@ -1,207 +1,207 @@
 /*
  * lib/css/src/keywords.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <errno.h>
 #include <css/keywords.h>
 
 typedef struct css_keyword {
-	int key;
-	char *name;
+        int key;
+        char *name;
 } css_keyword_t;
 
 static struct css_keywords_module {
-	css_keyword_t **list;
-	unsigned used;
-	unsigned size;
+        css_keyword_t **list;
+        unsigned used;
+        unsigned size;
 
-	/**
-	 * dict_t<string, css_keyword_t*>
-	 */
-	dict_t *name_map;
+        /**
+         * dict_t<string, css_keyword_t*>
+         */
+        dict_t *name_map;
 
 } css_keywords;
 
 static void keyword_destroy(void *data)
 {
-	css_keyword_t *kw = data;
-	free(kw->name);
-	free(kw);
+        css_keyword_t *kw = data;
+        free(kw->name);
+        free(kw);
 }
 
 static css_keyword_t *keyword_create(int key, const char *name)
 {
-	css_keyword_t *kw;
-	kw = malloc(sizeof(css_keyword_t));
-	kw->name = strdup2(name);
-	kw->key = key;
-	return kw;
+        css_keyword_t *kw;
+        kw = malloc(sizeof(css_keyword_t));
+        kw->name = y_strdup(name);
+        kw->key = key;
+        return kw;
 }
 
 static int css_set_keyword(int key, const char *name)
 {
-	unsigned i;
-	css_keyword_t **list;
-	css_keyword_t *kw;
-
-	if ((unsigned)key >= css_keywords.size) {
-		i = css_keywords.size;
-		css_keywords.size += 32;
-		list = realloc(css_keywords.list,
-			       css_keywords.size * sizeof(css_keyword_t *));
-		if (!list) {
-			return -ENOMEM;
-		}
-		for (; i < css_keywords.size; ++i) {
-			list[i] = NULL;
-		}
-		css_keywords.list = list;
-	}
-	assert(css_keywords.list[key] == NULL);
-	kw = keyword_create(key, name);
-	css_keywords.list[key] = kw;
-	css_keywords.used++;
-	if (css_keywords.used <= (unsigned)key) {
-		css_keywords.used = (unsigned)key + 1;
-	}
-	if (dict_add(css_keywords.name_map, kw->name, kw) != 0) {
-		keyword_destroy(kw);
-		return -ENOMEM;
-	}
-	return 0;
+        unsigned i;
+        css_keyword_t **list;
+        css_keyword_t *kw;
+
+        if ((unsigned)key >= css_keywords.size) {
+                i = css_keywords.size;
+                css_keywords.size += 32;
+                list = realloc(css_keywords.list,
+                               css_keywords.size * sizeof(css_keyword_t *));
+                if (!list) {
+                        return -ENOMEM;
+                }
+                for (; i < css_keywords.size; ++i) {
+                        list[i] = NULL;
+                }
+                css_keywords.list = list;
+        }
+        assert(css_keywords.list[key] == NULL);
+        kw = keyword_create(key, name);
+        css_keywords.list[key] = kw;
+        css_keywords.used++;
+        if (css_keywords.used <= (unsigned)key) {
+                css_keywords.used = (unsigned)key + 1;
+        }
+        if (dict_add(css_keywords.name_map, kw->name, kw) != 0) {
+                keyword_destroy(kw);
+                return -ENOMEM;
+        }
+        return 0;
 }
 
 int css_register_keyword(const char *name)
 {
-	int key = (int)css_keywords.used;
-	if (css_get_keyword_key(name) > 0) {
-		return -1;
-	}
-	if (css_set_keyword(key, name) == 0) {
-		return key;
-	}
-	return -1;
+        int key = (int)css_keywords.used;
+        if (css_get_keyword_key(name) > 0) {
+                return -1;
+        }
+        if (css_set_keyword(key, name) == 0) {
+                return key;
+        }
+        return -1;
 }
 
 int css_get_keyword_key(const char *name)
 {
-	css_keyword_t *kw;
+        css_keyword_t *kw;
 
-	kw = dict_fetch_value(css_keywords.name_map, name);
-	if (kw) {
-		return kw->key;
-	}
-	return -1;
+        kw = dict_fetch_value(css_keywords.name_map, name);
+        if (kw) {
+                return kw->key;
+        }
+        return -1;
 }
 
 const char *css_get_keyword_name(int val)
 {
-	if ((unsigned)val < css_keywords.size && css_keywords.list[val]) {
-		return css_keywords.list[val]->name;
-	}
-	return NULL;
+        if ((unsigned)val < css_keywords.size && css_keywords.list[val]) {
+                return css_keywords.list[val]->name;
+        }
+        return NULL;
 }
 
 void css_init_keywords(void)
 {
-	static dict_type_t names_dt = { 0 };
-
-	dict_init_string_key_type(&names_dt);
-	css_keywords.name_map = dict_create(&names_dt, NULL);
-	css_keywords.used = 0;
-	css_keywords.size = 0;
-
-	css_set_keyword(CSS_KEYWORD_NONE, "none");
-	css_set_keyword(CSS_KEYWORD_AUTO, "auto");
-	css_set_keyword(CSS_KEYWORD_INHERIT, "inherit");
-	css_set_keyword(CSS_KEYWORD_INITIAL, "initial");
-	css_set_keyword(CSS_KEYWORD_NORMAL, "normal");
-
-	css_set_keyword(CSS_KEYWORD_LEFT, "left");
-	css_set_keyword(CSS_KEYWORD_CENTER, "center");
-	css_set_keyword(CSS_KEYWORD_RIGHT, "right");
-	css_set_keyword(CSS_KEYWORD_TOP, "top");
-	css_set_keyword(CSS_KEYWORD_MIDDLE, "middle");
-	css_set_keyword(CSS_KEYWORD_BOTTOM, "bottom");
-
-	css_set_keyword(CSS_KEYWORD_STATIC, "static");
-	css_set_keyword(CSS_KEYWORD_RELATIVE, "relative");
-	css_set_keyword(CSS_KEYWORD_ABSOLUTE, "absolute");
-
-	css_set_keyword(CSS_KEYWORD_BLOCK, "block");
-	css_set_keyword(CSS_KEYWORD_INLINE_BLOCK, "inline-block");
-	css_set_keyword(CSS_KEYWORD_INLINE_FLEX, "inline-flex");
-	css_set_keyword(CSS_KEYWORD_FLEX, "flex");
-
-	css_set_keyword(CSS_KEYWORD_START, "start");
-	css_set_keyword(CSS_KEYWORD_END, "end");
-	css_set_keyword(CSS_KEYWORD_FLEX_START, "flex-start");
-	css_set_keyword(CSS_KEYWORD_FLEX_END, "flex-end");
-	css_set_keyword(CSS_KEYWORD_STRETCH, "stretch");
-	css_set_keyword(CSS_KEYWORD_SPACE_BETWEEN, "space-between");
-	css_set_keyword(CSS_KEYWORD_SPACE_AROUND, "space-around");
-	css_set_keyword(CSS_KEYWORD_SPACE_EVENLY, "space-evenly");
-
-	css_set_keyword(CSS_KEYWORD_ROW, "row");
-	css_set_keyword(CSS_KEYWORD_COLUMN, "column");
-
-	css_set_keyword(CSS_KEYWORD_NOWRAP, "nowrap");
-	css_set_keyword(CSS_KEYWORD_WRAP, "wrap");
-
-	css_set_keyword(CSS_KEYWORD_CONTENT_BOX, "content-box");
-	css_set_keyword(CSS_KEYWORD_PADDING_BOX, "padding-box");
-	css_set_keyword(CSS_KEYWORD_BORDER_BOX, "border-box");
-
-	css_set_keyword(CSS_KEYWORD_SOLID, "solid");
-	css_set_keyword(CSS_KEYWORD_DOTTED, "dotted");
-	css_set_keyword(CSS_KEYWORD_DOUBLE, "double");
-	css_set_keyword(CSS_KEYWORD_DASHED, "dashed");
-
-	css_set_keyword(CSS_KEYWORD_CONTAIN, "contain");
-	css_set_keyword(CSS_KEYWORD_COVER, "cover");
-	css_set_keyword(CSS_KEYWORD_REPEAT, "repeat");
-	css_set_keyword(CSS_KEYWORD_REPEAT_X, "repeat-x");
-	css_set_keyword(CSS_KEYWORD_REPEAT_Y, "repeat-y");
-	css_set_keyword(CSS_KEYWORD_NO_REPEAT, "no-repeat");
-
-	css_set_keyword(CSS_KEYWORD_BREAK_ALL, "break-all");
-
-	css_set_keyword(CSS_KEYWORD_ITALIC, "italic");
-	css_set_keyword(CSS_KEYWORD_OBLIQUE, "oblique");
-	css_set_keyword(CSS_KEYWORD_SMALL, "small");
-	css_set_keyword(CSS_KEYWORD_MEDIUM, "medium");
-	css_set_keyword(CSS_KEYWORD_LARGE, "large");
-	css_set_keyword(CSS_KEYWORD_BOLD, "bold");
-
-	css_set_keyword(CSS_KEYWORD_VISIBLE, "visible");
-	css_set_keyword(CSS_KEYWORD_HIDDEN, "hidden");
-	
-	css_set_keyword(CSS_KEYWORD_FIT_CONTENT, "fit-content");
-	css_set_keyword(CSS_KEYWORD_MIN_CONTENT, "min-content");
-	css_set_keyword(CSS_KEYWORD_MAX_CONTENT, "max-content");
+        static dict_type_t names_dt = { 0 };
+
+        dict_init_string_key_type(&names_dt);
+        css_keywords.name_map = dict_create(&names_dt, NULL);
+        css_keywords.used = 0;
+        css_keywords.size = 0;
+
+        css_set_keyword(CSS_KEYWORD_NONE, "none");
+        css_set_keyword(CSS_KEYWORD_AUTO, "auto");
+        css_set_keyword(CSS_KEYWORD_INHERIT, "inherit");
+        css_set_keyword(CSS_KEYWORD_INITIAL, "initial");
+        css_set_keyword(CSS_KEYWORD_NORMAL, "normal");
+
+        css_set_keyword(CSS_KEYWORD_LEFT, "left");
+        css_set_keyword(CSS_KEYWORD_CENTER, "center");
+        css_set_keyword(CSS_KEYWORD_RIGHT, "right");
+        css_set_keyword(CSS_KEYWORD_TOP, "top");
+        css_set_keyword(CSS_KEYWORD_MIDDLE, "middle");
+        css_set_keyword(CSS_KEYWORD_BOTTOM, "bottom");
+
+        css_set_keyword(CSS_KEYWORD_STATIC, "static");
+        css_set_keyword(CSS_KEYWORD_RELATIVE, "relative");
+        css_set_keyword(CSS_KEYWORD_ABSOLUTE, "absolute");
+
+        css_set_keyword(CSS_KEYWORD_BLOCK, "block");
+        css_set_keyword(CSS_KEYWORD_INLINE_BLOCK, "inline-block");
+        css_set_keyword(CSS_KEYWORD_INLINE_FLEX, "inline-flex");
+        css_set_keyword(CSS_KEYWORD_FLEX, "flex");
+
+        css_set_keyword(CSS_KEYWORD_START, "start");
+        css_set_keyword(CSS_KEYWORD_END, "end");
+        css_set_keyword(CSS_KEYWORD_FLEX_START, "flex-start");
+        css_set_keyword(CSS_KEYWORD_FLEX_END, "flex-end");
+        css_set_keyword(CSS_KEYWORD_STRETCH, "stretch");
+        css_set_keyword(CSS_KEYWORD_SPACE_BETWEEN, "space-between");
+        css_set_keyword(CSS_KEYWORD_SPACE_AROUND, "space-around");
+        css_set_keyword(CSS_KEYWORD_SPACE_EVENLY, "space-evenly");
+
+        css_set_keyword(CSS_KEYWORD_ROW, "row");
+        css_set_keyword(CSS_KEYWORD_COLUMN, "column");
+
+        css_set_keyword(CSS_KEYWORD_NOWRAP, "nowrap");
+        css_set_keyword(CSS_KEYWORD_WRAP, "wrap");
+
+        css_set_keyword(CSS_KEYWORD_CONTENT_BOX, "content-box");
+        css_set_keyword(CSS_KEYWORD_PADDING_BOX, "padding-box");
+        css_set_keyword(CSS_KEYWORD_BORDER_BOX, "border-box");
+
+        css_set_keyword(CSS_KEYWORD_SOLID, "solid");
+        css_set_keyword(CSS_KEYWORD_DOTTED, "dotted");
+        css_set_keyword(CSS_KEYWORD_DOUBLE, "double");
+        css_set_keyword(CSS_KEYWORD_DASHED, "dashed");
+
+        css_set_keyword(CSS_KEYWORD_CONTAIN, "contain");
+        css_set_keyword(CSS_KEYWORD_COVER, "cover");
+        css_set_keyword(CSS_KEYWORD_REPEAT, "repeat");
+        css_set_keyword(CSS_KEYWORD_REPEAT_X, "repeat-x");
+        css_set_keyword(CSS_KEYWORD_REPEAT_Y, "repeat-y");
+        css_set_keyword(CSS_KEYWORD_NO_REPEAT, "no-repeat");
+
+        css_set_keyword(CSS_KEYWORD_BREAK_ALL, "break-all");
+
+        css_set_keyword(CSS_KEYWORD_ITALIC, "italic");
+        css_set_keyword(CSS_KEYWORD_OBLIQUE, "oblique");
+        css_set_keyword(CSS_KEYWORD_SMALL, "small");
+        css_set_keyword(CSS_KEYWORD_MEDIUM, "medium");
+        css_set_keyword(CSS_KEYWORD_LARGE, "large");
+        css_set_keyword(CSS_KEYWORD_BOLD, "bold");
+
+        css_set_keyword(CSS_KEYWORD_VISIBLE, "visible");
+        css_set_keyword(CSS_KEYWORD_HIDDEN, "hidden");
+
+        css_set_keyword(CSS_KEYWORD_FIT_CONTENT, "fit-content");
+        css_set_keyword(CSS_KEYWORD_MIN_CONTENT, "min-content");
+        css_set_keyword(CSS_KEYWORD_MAX_CONTENT, "max-content");
 }
 
 void css_destroy_keywords(void)
 {
-	unsigned i;
-
-	dict_destroy(css_keywords.name_map);
-	for (i = 0; i < css_keywords.size; ++i) {
-		if (css_keywords.list[i]) {
-			keyword_destroy(css_keywords.list[i]);
-			css_keywords.list[i] = NULL;
-		}
-	}
-	free(css_keywords.list);
-	css_keywords.list = NULL;
-	css_keywords.name_map = NULL;
-	css_keywords.size = 0;
-	css_keywords.used = 0;
+        unsigned i;
+
+        dict_destroy(css_keywords.name_map);
+        for (i = 0; i < css_keywords.size; ++i) {
+                if (css_keywords.list[i]) {
+                        keyword_destroy(css_keywords.list[i]);
+                        css_keywords.list[i] = NULL;
+                }
+        }
+        free(css_keywords.list);
+        css_keywords.list = NULL;
+        css_keywords.name_map = NULL;
+        css_keywords.size = 0;
+        css_keywords.used = 0;
 }
diff --git a/lib/css/src/library.c b/lib/css/src/library.c
index 8088d8220..ad771ad3a 100644
--- a/lib/css/src/library.c
+++ b/lib/css/src/library.c
@@ -1,12 +1,12 @@
 /*
  * lib/css/src/library.c: -- CSS library operation module.
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <errno.h>
@@ -268,7 +268,7 @@ static css_style_decl_t *css_find_style_store(css_selector_t *selector,
                 if (!link) {
                         link = css_style_link_create();
                         link->group = slg;
-                        link->selector = strdup2(fullname);
+                        link->selector = y_strdup(fullname);
                         dict_add(slg->links, fullname, link);
                 }
                 if (i == 0) {
@@ -307,7 +307,7 @@ static css_style_decl_t *css_find_style_store(css_selector_t *selector,
         snode->node.data = snode;
         snode->list = css_style_decl_create();
         snode->rank = selector->rank;
-        snode->selector = strdup2(fullname);
+        snode->selector = y_strdup(fullname);
         snode->batch_num = selector->batch_num;
         list_append_node(&link->styles, &snode->node);
         return snode->list;
@@ -409,10 +409,10 @@ int css_query_selector_from_group(int group, const char *name,
         i = selector->length - 1;
         list_create(&names);
         if (name) {
-                list_append(&names, strdup2(name));
+                list_append(&names, y_strdup(name));
         } else {
                 css_selector_node_get_name_list(selector->nodes[i], &names);
-                list_append(&names, strdup2("*"));
+                list_append(&names, y_strdup("*"));
         }
         for (list_each(node, &names)) {
                 dict_entry_t *entry;
@@ -445,7 +445,8 @@ static void css_each_style_link(css_style_link_t *link, const char *selector,
         char fullname[CSS_SELECTOR_MAX_LEN];
 
         if (selector) {
-                snprintf(fullname, sizeof(fullname), "%s %s", link->group->name, selector);
+                snprintf(fullname, sizeof(fullname), "%s %s", link->group->name,
+                         selector);
         } else {
                 strcpy(fullname, link->group->name);
         }
diff --git a/lib/css/src/main.c b/lib/css/src/main.c
index 41767f2c6..89ed8f6fc 100644
--- a/lib/css/src/main.c
+++ b/lib/css/src/main.c
@@ -1,29 +1,29 @@
 /*
  * lib/css/src/main.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <i@lc-soft.io> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../include/css.h"
 
 void css_init(void)
 {
-	css_init_value_definitons();
-	css_init_data_types();
-	css_init_library();
-	css_init_keywords();
-	css_init_properties();
+        css_init_value_definitons();
+        css_init_data_types();
+        css_init_library();
+        css_init_keywords();
+        css_init_properties();
 }
 
 void css_destroy(void)
 {
-	css_destroy_properties();
-	css_destroy_keywords();
-	css_destroy_library();
-	css_destroy_value_definitons();
+        css_destroy_properties();
+        css_destroy_keywords();
+        css_destroy_library();
+        css_destroy_value_definitons();
 }
diff --git a/lib/css/src/parser.c b/lib/css/src/parser.c
index 630ca4e0d..e3b2dfd76 100644
--- a/lib/css/src/parser.c
+++ b/lib/css/src/parser.c
@@ -1,12 +1,12 @@
 /*
  * lib/css/src/parser.c: -- css parser module
  *
- * Copyright (c) 2022-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2022-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <errno.h>
@@ -23,7 +23,7 @@ css_parser_t *css_parser_create(const char *space)
 
         parser = calloc(sizeof(css_parser_t), 1);
         if (space) {
-                parser->space = strdup2(space);
+                parser->space = y_strdup(space);
         } else {
                 parser->space = NULL;
         }
@@ -95,7 +95,8 @@ static int css_parser_parse_selector(css_parser_t *parser)
         case ',':
                 css_parser_commit(parser);
                 s = css_selector_create(parser->buffer);
-                DEBUG_MSG("[css-parser] selector=%s, valid=%s\n", parser->buffer, s == NULL ? "false" : "true");
+                DEBUG_MSG("[css-parser] selector=%s, valid=%s\n",
+                          parser->buffer, s == NULL ? "false" : "true");
                 if (!s) {
                         return -1;
                 }
@@ -182,7 +183,10 @@ static int css_parser_parse_style_property_value(css_parser_t *parser)
         case '/':
                 return css_parser_begin_parse_comment(parser);
         case '}':
+                parser->target = CSS_PARSER_TARGET_NONE;
+                break;
         case ';':
+                parser->target = CSS_PARSER_TARGET_KEY;
                 break;
         CASE_WHITE_SPACE:
                 if (parser->pos == 0) {
@@ -192,10 +196,8 @@ static int css_parser_parse_style_property_value(css_parser_t *parser)
                 css_parser_get_char(parser);
                 return 0;
         }
-        if (*parser->cur == ';') {
-                parser->target = CSS_PARSER_TARGET_KEY;
-        }
         css_parser_commit(parser);
+        assert(parser->style_parser.property != NULL);
         propdef = css_get_propdef_by_name(parser->style_parser.property);
         if (!propdef) {
                 logger_error(
@@ -288,7 +290,7 @@ void css_parser_commit(css_parser_t *parser)
         for (i = parser->pos; i > 0; --i) {
                 switch (parser->buffer[i]) {
                 CASE_WHITE_SPACE:
-                case  0:
+                case 0:
                         parser->buffer[i] = 0;
                         break;
                 default:
diff --git a/lib/css/src/parser.h b/lib/css/src/parser.h
index c63ea88f7..36c67f517 100644
--- a/lib/css/src/parser.h
+++ b/lib/css/src/parser.h
@@ -1,16 +1,16 @@
 /*
  * lib/css/src/parser.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #define CASE_WHITE_SPACE \
-	case ' ':        \
-	case '\n':       \
-	case '\r':       \
-	case '\t'
+        case ' ':        \
+        case '\n':       \
+        case '\r':       \
+        case '\t'
diff --git a/lib/css/src/properties.c b/lib/css/src/properties.c
index eec246eb4..4c81c55ff 100644
--- a/lib/css/src/properties.c
+++ b/lib/css/src/properties.c
@@ -1,12 +1,12 @@
 /*
  * lib/css/src/properties.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <errno.h>
@@ -21,9 +21,9 @@
         css_register_property_with_key(css_prop_##PROP_KEY, PROP_NAME, VALDEF, \
                                        INIT, css_cascade_##PROP_KEY)
 
-#define DEFINE_SHORTHAND_PROP(PROP_KEY, NAME, VALDEF)                  \
+#define DEFINE_SHORTHAND_PROP(PROP_KEY, NAME, VALDEF)                        \
         extern int css_parse_##PROP_KEY(const css_propdef_t *, const char *, \
-                                        css_style_decl_t *);           \
+                                        css_style_decl_t *);                 \
         css_register_shorthand_property(NAME, VALDEF, css_parse_##PROP_KEY)
 
 static struct css_properties_module {
@@ -61,7 +61,8 @@ static void css_propdef_destroy(css_propdef_t *prop)
 }
 
 int css_register_shorthand_property(const char *name, const char *syntax,
-                                    int (*parse)(const css_propdef_t *, const char *,
+                                    int (*parse)(const css_propdef_t *,
+                                                 const char *,
                                                  css_style_decl_t *))
 {
         css_propdef_t *prop;
@@ -88,7 +89,7 @@ int css_register_shorthand_property(const char *name, const char *syntax,
         }
         prop->key = -1;
         prop->parse = parse;
-        prop->name = strdup2(name);
+        prop->name = y_strdup(name);
         props[css_properties.shorthand_list_length] = prop;
         css_properties.shorthand_list_length++;
         css_properties.shorthand_list = props;
@@ -125,7 +126,7 @@ static int css_register_property_with_key(
                 free(prop);
                 return -1;
         }
-        prop->name = strdup2(name);
+        prop->name = y_strdup(name);
         prop->key = key;
         prop->cascade = cascade;
         if (key >= css_properties.list_length) {
@@ -233,8 +234,8 @@ void css_init_properties(void)
                     "auto | min-content | <length> | <percentage>", "auto");
 
         /** @see https://developer.mozilla.org/en-US/docs/Web/CSS/min-height */
-        DEFINE_PROP(min_height, "min-height", "auto | min-content | <length> | <percentage>",
-                    "auto");
+        DEFINE_PROP(min_height, "min-height",
+                    "auto | min-content | <length> | <percentage>", "auto");
 
         /** @see https://developer.mozilla.org/en-US/docs/Web/CSS/max-width */
         DEFINE_PROP(max_width, "max-width", "auto | <length> | <percentage>",
@@ -547,6 +548,18 @@ void css_init_properties(void)
                     "normal | stretch | flex-start | flex-end | center",
                     "normal");
 
+        /** @see https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap */
+        DEFINE_PROP(row_gap, "row-gap", "normal | <length-percentage>",
+                    "normal");
+
+        /** @see https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap */
+        DEFINE_PROP(column_gap, "column-gap", "normal | <length-percentage>",
+                    "normal");
+
+        /** @see https://developer.mozilla.org/en-US/docs/Web/CSS/gap */
+        DEFINE_SHORTHAND_PROP(gap, "gap",
+                              "[ normal | <length-percentage> ]{1,2}");
+
         /** @see https://developer.mozilla.org/en-US/docs/Web/CSS/color */
         DEFINE_PROP(color, "color", "<color>", "#000");
 
diff --git a/lib/css/src/properties.h b/lib/css/src/properties.h
index b7c98d3a7..032bce2e3 100644
--- a/lib/css/src/properties.h
+++ b/lib/css/src/properties.h
@@ -1,12 +1,12 @@
 /*
  * lib/css/src/properties.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <css/computed.h>
diff --git a/lib/css/src/properties/align_content.c b/lib/css/src/properties/align_content.c
index 6e4b0949c..8039d12d1 100644
--- a/lib/css/src/properties/align_content.c
+++ b/lib/css/src/properties/align_content.c
@@ -1,43 +1,43 @@
 /*
  * lib/css/src/properties/align_content.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 
 int css_cascade_align_content(const css_style_array_value_t input,
-			      css_computed_style_t* computed)
+                              css_computed_style_t *computed)
 {
-	uint8_t value = CSS_ALIGN_CONTENT_FLEX_START;
+        uint8_t value = CSS_ALIGN_CONTENT_FLEX_START;
 
-	switch (input[0].keyword_value) {
-	case CSS_KEYWORD_CENTER:
-		value = CSS_ALIGN_CONTENT_CENTER;
-		break;
-	case CSS_KEYWORD_FLEX_START:
-		value = CSS_ALIGN_CONTENT_FLEX_START;
-		break;
-	case CSS_KEYWORD_FLEX_END:
-		value = CSS_ALIGN_CONTENT_FLEX_END;
-		break;
-	case CSS_KEYWORD_SPACE_AROUND:
-		value = CSS_ALIGN_CONTENT_SPACE_AROUND;
-		break;
-	case CSS_KEYWORD_SPACE_BETWEEN:
-		value = CSS_ALIGN_CONTENT_SPACE_BETWEEN;
-		break;
-	case CSS_KEYWORD_SPACE_EVENLY:
-		value = CSS_ALIGN_CONTENT_SPACE_EVENLY;
-		break;
-	default:
-		break;
-	}
-	computed->type_bits.align_content = value;
-	return 0;
+        switch (input[0].keyword_value) {
+        case CSS_KEYWORD_CENTER:
+                value = CSS_ALIGN_CONTENT_CENTER;
+                break;
+        case CSS_KEYWORD_FLEX_START:
+                value = CSS_ALIGN_CONTENT_FLEX_START;
+                break;
+        case CSS_KEYWORD_FLEX_END:
+                value = CSS_ALIGN_CONTENT_FLEX_END;
+                break;
+        case CSS_KEYWORD_SPACE_AROUND:
+                value = CSS_ALIGN_CONTENT_SPACE_AROUND;
+                break;
+        case CSS_KEYWORD_SPACE_BETWEEN:
+                value = CSS_ALIGN_CONTENT_SPACE_BETWEEN;
+                break;
+        case CSS_KEYWORD_SPACE_EVENLY:
+                value = CSS_ALIGN_CONTENT_SPACE_EVENLY;
+                break;
+        default:
+                break;
+        }
+        computed->type_bits.align_content = value;
+        return 0;
 }
diff --git a/lib/css/src/properties/align_items.c b/lib/css/src/properties/align_items.c
index df2bcff3c..788086fed 100644
--- a/lib/css/src/properties/align_items.c
+++ b/lib/css/src/properties/align_items.c
@@ -1,34 +1,34 @@
 /*
  * lib/css/src/properties/align_items.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 
 int css_cascade_align_items(const css_style_array_value_t input,
-			    css_computed_style_t* computed)
+                            css_computed_style_t *computed)
 {
-	uint8_t  value = CSS_ALIGN_ITEMS_STRETCH;
+        uint8_t value = CSS_ALIGN_ITEMS_STRETCH;
 
-	switch (input[0].keyword_value) {
-	case CSS_KEYWORD_CENTER:
-		value = CSS_ALIGN_ITEMS_CENTER;
-		break;
-	case CSS_KEYWORD_FLEX_START:
-		value = CSS_ALIGN_ITEMS_FLEX_START;
-		break;
-	case CSS_KEYWORD_FLEX_END:
-		value = CSS_ALIGN_ITEMS_FLEX_END;
-		break;
-	default:
-		break;
-	}
-	computed->type_bits.align_items = value;
-	return 0;
+        switch (input[0].keyword_value) {
+        case CSS_KEYWORD_CENTER:
+                value = CSS_ALIGN_ITEMS_CENTER;
+                break;
+        case CSS_KEYWORD_FLEX_START:
+                value = CSS_ALIGN_ITEMS_FLEX_START;
+                break;
+        case CSS_KEYWORD_FLEX_END:
+                value = CSS_ALIGN_ITEMS_FLEX_END;
+                break;
+        default:
+                break;
+        }
+        computed->type_bits.align_items = value;
+        return 0;
 }
diff --git a/lib/css/src/properties/background.c b/lib/css/src/properties/background.c
index 9e913d446..55d471ba4 100644
--- a/lib/css/src/properties/background.c
+++ b/lib/css/src/properties/background.c
@@ -1,12 +1,12 @@
 /*
  * lib/css/src/properties/background.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
@@ -252,7 +252,7 @@ int css_cascade_background_image(const css_style_array_value_t input,
         s->background_image = NULL;
         s->type_bits.background_image = CSS_BACKGROUND_IMAGE_NONE;
         if (input[0].type == CSS_STRING_VALUE) {
-                s->background_image = strdup2(input[0].image_value);
+                s->background_image = y_strdup(input[0].image_value);
                 s->type_bits.background_image = CSS_BACKGROUND_IMAGE_IMAGE;
                 return 1;
         } else if (input[0].type == CSS_KEYWORD_VALUE &&
@@ -310,8 +310,8 @@ static void css_parse_background_position_1(css_style_value_t *input,
  * background-position-x = calc(100% - 50px)
  * background-position-y = calc(100% - 50px)
  */
-int css_parse_background_position(const css_propdef_t *propdef, const char *input,
-                                  css_style_decl_t *s)
+int css_parse_background_position(const css_propdef_t *propdef,
+                                  const char *input, css_style_decl_t *s)
 {
         unsigned len;
         const char *cur;
diff --git a/lib/css/src/properties/border.c b/lib/css/src/properties/border.c
index 8d5b34355..e0a07c0c8 100644
--- a/lib/css/src/properties/border.c
+++ b/lib/css/src/properties/border.c
@@ -1,12 +1,12 @@
 /*
  * lib/css/src/properties/border.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
diff --git a/lib/css/src/properties/bottom.c b/lib/css/src/properties/bottom.c
index e72859b4a..4a92c79dd 100644
--- a/lib/css/src/properties/bottom.c
+++ b/lib/css/src/properties/bottom.c
@@ -1,27 +1,27 @@
 /*
  * lib/css/src/properties/bottom.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 #include "./helpers.h"
 
-static void set_bottom(css_computed_style_t* computed, uint8_t keyword,
-		       css_numeric_value_t value, css_unit_t unit)
+static void set_bottom(css_computed_style_t *computed, uint8_t keyword,
+                       css_numeric_value_t value, css_unit_t unit)
 {
-	computed->bottom = value;
-	computed->unit_bits.bottom = unit;
-	computed->type_bits.bottom = keyword;
+        computed->bottom = value;
+        computed->unit_bits.bottom = unit;
+        computed->type_bits.bottom = keyword;
 }
 
 int css_cascade_bottom(const css_style_array_value_t input,
-		       css_computed_style_t* computed)
+                       css_computed_style_t *computed)
 {
-	return css_cascade_length_auto(input, computed, set_bottom);
+        return css_cascade_length_auto(input, computed, set_bottom);
 }
diff --git a/lib/css/src/properties/box_shadow.c b/lib/css/src/properties/box_shadow.c
index e6374bab9..602708abd 100644
--- a/lib/css/src/properties/box_shadow.c
+++ b/lib/css/src/properties/box_shadow.c
@@ -1,60 +1,60 @@
 /*
  * lib/css/src/properties/box_shadow.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 
 int css_cascade_box_shadow(const css_style_array_value_t input,
-			   css_computed_style_t* s)
+                           css_computed_style_t *s)
 {
-	unsigned count;
+        unsigned count;
 
-	s->box_shadow_x = 0;
-	s->box_shadow_y = 0;
-	s->box_shadow_blur = 0;
-	s->box_shadow_spread = 0;
-	if (input[0].type == CSS_KEYWORD_VALUE) {
-		if (input[0].keyword_value == CSS_KEYWORD_NONE) {
-			s->type_bits.box_shadow = CSS_BOX_SHADOW_NONE;
-		}
-		return 0;
-	}
-	for (count = 0; count < 4; ++count) {
-		if (input[count].type == CSS_NO_VALUE ||
-		    input[count].type == CSS_COLOR_VALUE) {
-			break;
-		}
-	}
-	s->type_bits.box_shadow = CSS_BOX_SHADOW_SET;
-	s->box_shadow_x = input[0].unit_value.value;
-	s->box_shadow_y = input[1].unit_value.value;
-	s->unit_bits.box_shadow_x = input[0].unit_value.unit;
-	s->unit_bits.box_shadow_y = input[1].unit_value.unit;
-	if (count > 2) {
-		s->box_shadow_blur = input[2].unit_value.value;
-		s->unit_bits.box_shadow_blur = input[2].unit_value.unit;
-	} else {
-		s->box_shadow_blur = 0;
-		s->unit_bits.box_shadow_blur = 0;
-	}
-	if (count > 3) {
-		s->box_shadow_spread = input[3].unit_value.value;
-		s->unit_bits.box_shadow_spread = input[3].unit_value.unit;
-	} else {
-		s->box_shadow_spread = 0;
-		s->unit_bits.box_shadow_spread = 0;
-	}
-	if (input[count].type == CSS_COLOR_VALUE) {
-		s->box_shadow_color = input[count].color_value;
-	} else {
-		s->box_shadow_color = CSS_COLOR_TRANSPARENT;
-	}
-	return 0;
+        s->box_shadow_x = 0;
+        s->box_shadow_y = 0;
+        s->box_shadow_blur = 0;
+        s->box_shadow_spread = 0;
+        if (input[0].type == CSS_KEYWORD_VALUE) {
+                if (input[0].keyword_value == CSS_KEYWORD_NONE) {
+                        s->type_bits.box_shadow = CSS_BOX_SHADOW_NONE;
+                }
+                return 0;
+        }
+        for (count = 0; count < 4; ++count) {
+                if (input[count].type == CSS_NO_VALUE ||
+                    input[count].type == CSS_COLOR_VALUE) {
+                        break;
+                }
+        }
+        s->type_bits.box_shadow = CSS_BOX_SHADOW_SET;
+        s->box_shadow_x = input[0].unit_value.value;
+        s->box_shadow_y = input[1].unit_value.value;
+        s->unit_bits.box_shadow_x = input[0].unit_value.unit;
+        s->unit_bits.box_shadow_y = input[1].unit_value.unit;
+        if (count > 2) {
+                s->box_shadow_blur = input[2].unit_value.value;
+                s->unit_bits.box_shadow_blur = input[2].unit_value.unit;
+        } else {
+                s->box_shadow_blur = 0;
+                s->unit_bits.box_shadow_blur = 0;
+        }
+        if (count > 3) {
+                s->box_shadow_spread = input[3].unit_value.value;
+                s->unit_bits.box_shadow_spread = input[3].unit_value.unit;
+        } else {
+                s->box_shadow_spread = 0;
+                s->unit_bits.box_shadow_spread = 0;
+        }
+        if (input[count].type == CSS_COLOR_VALUE) {
+                s->box_shadow_color = input[count].color_value;
+        } else {
+                s->box_shadow_color = CSS_COLOR_TRANSPARENT;
+        }
+        return 0;
 }
diff --git a/lib/css/src/properties/box_sizing.c b/lib/css/src/properties/box_sizing.c
index 645b7ac16..c5f5a444f 100644
--- a/lib/css/src/properties/box_sizing.c
+++ b/lib/css/src/properties/box_sizing.c
@@ -1,28 +1,28 @@
 /*
  * lib/css/src/properties/box_sizing.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 
 int css_cascade_box_sizing(const css_style_array_value_t input,
-			   css_computed_style_t* computed)
+                           css_computed_style_t *computed)
 {
-	uint8_t value = CSS_BOX_SIZING_CONTENT_BOX;
+        uint8_t value = CSS_BOX_SIZING_CONTENT_BOX;
 
-	switch (input[0].keyword_value) {
-	case CSS_KEYWORD_BORDER_BOX:
-		value = CSS_BOX_SIZING_BORDER_BOX;
-		break;
-	default:
-		break;
-	}
-	computed->type_bits.box_sizing = value;
-	return 0;
+        switch (input[0].keyword_value) {
+        case CSS_KEYWORD_BORDER_BOX:
+                value = CSS_BOX_SIZING_BORDER_BOX;
+                break;
+        default:
+                break;
+        }
+        computed->type_bits.box_sizing = value;
+        return 0;
 }
diff --git a/lib/css/src/properties/color.c b/lib/css/src/properties/color.c
index 1cf294d51..90c853d45 100644
--- a/lib/css/src/properties/color.c
+++ b/lib/css/src/properties/color.c
@@ -1,26 +1,26 @@
 /*
  * lib/css/src/properties/color.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "./helpers.h"
 
 int css_cascade_color(const css_style_array_value_t input,
-			    css_computed_style_t* computed)
+                      css_computed_style_t *computed)
 {
-	switch (input[0].type) {
-	case CSS_COLOR_VALUE:
-		computed->color = input[0].color_value;
-		computed->type_bits.color = CSS_COLOR_COLOR;
-		break;
-	default:
-		return -1;
-	}
-	return 0;
+        switch (input[0].type) {
+        case CSS_COLOR_VALUE:
+                computed->color = input[0].color_value;
+                computed->type_bits.color = CSS_COLOR_COLOR;
+                break;
+        default:
+                return -1;
+        }
+        return 0;
 }
diff --git a/lib/css/src/properties/content.c b/lib/css/src/properties/content.c
index e30a0f429..57f95f640 100644
--- a/lib/css/src/properties/content.c
+++ b/lib/css/src/properties/content.c
@@ -1,25 +1,25 @@
 /*
  * lib/css/src/properties/content.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 
 int css_cascade_content(const css_style_array_value_t input,
-			css_computed_style_t* computed)
+                        css_computed_style_t *computed)
 {
-	if (input[0].type == CSS_STRING_VALUE && input[0].string_value) {
-		computed->content = strdup2(input[0].string_value);
-		computed->type_bits.content = CSS_CONTENT_SET;
-	} else {
-		computed->content = NULL;
-		computed->type_bits.content = CSS_CONTENT_NONE;
-	}
-	return 0;
+        if (input[0].type == CSS_STRING_VALUE && input[0].string_value) {
+                computed->content = y_strdup(input[0].string_value);
+                computed->type_bits.content = CSS_CONTENT_SET;
+        } else {
+                computed->content = NULL;
+                computed->type_bits.content = CSS_CONTENT_NONE;
+        }
+        return 0;
 }
diff --git a/lib/css/src/properties/display.c b/lib/css/src/properties/display.c
index 3990462ae..ab5a760a9 100644
--- a/lib/css/src/properties/display.c
+++ b/lib/css/src/properties/display.c
@@ -1,40 +1,40 @@
 /*
  * lib/css/src/properties/display.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 
 int css_cascade_display(const css_style_array_value_t input,
-			css_computed_style_t* computed)
+                        css_computed_style_t *computed)
 {
-	uint8_t value = CSS_DISPLAY_BLOCK;
+        uint8_t value = CSS_DISPLAY_BLOCK;
 
-	switch (input[0].keyword_value) {
-	case CSS_KEYWORD_NONE:
-		value = CSS_DISPLAY_NONE;
-		break;
-	case CSS_KEYWORD_BLOCK:
-		value = CSS_DISPLAY_BLOCK;
-		break;
-	case CSS_KEYWORD_INLINE_BLOCK:
-		value = CSS_DISPLAY_INLINE_BLOCK;
-		break;
-	case CSS_KEYWORD_FLEX:
-		value = CSS_DISPLAY_FLEX;
-		break;
-	case CSS_KEYWORD_INLINE_FLEX:
-		value = CSS_DISPLAY_INLINE_FLEX;
-		break;
-	default:
-		break;
-	}
-	computed->type_bits.display = value;
-	return 0;
+        switch (input[0].keyword_value) {
+        case CSS_KEYWORD_NONE:
+                value = CSS_DISPLAY_NONE;
+                break;
+        case CSS_KEYWORD_BLOCK:
+                value = CSS_DISPLAY_BLOCK;
+                break;
+        case CSS_KEYWORD_INLINE_BLOCK:
+                value = CSS_DISPLAY_INLINE_BLOCK;
+                break;
+        case CSS_KEYWORD_FLEX:
+                value = CSS_DISPLAY_FLEX;
+                break;
+        case CSS_KEYWORD_INLINE_FLEX:
+                value = CSS_DISPLAY_INLINE_FLEX;
+                break;
+        default:
+                break;
+        }
+        computed->type_bits.display = value;
+        return 0;
 }
diff --git a/lib/css/src/properties/flex.c b/lib/css/src/properties/flex.c
index 71e6788ee..d9c66b559 100644
--- a/lib/css/src/properties/flex.c
+++ b/lib/css/src/properties/flex.c
@@ -1,204 +1,204 @@
 /*
  * lib/css/src/properties/flex.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 #include "./helpers.h"
 
 static void set_flex_basis(css_computed_style_t *computed, uint8_t keyword,
-			   css_numeric_value_t value, css_unit_t unit)
+                           css_numeric_value_t value, css_unit_t unit)
 {
-	computed->flex_basis = value;
-	computed->unit_bits.flex_basis = unit;
-	computed->type_bits.flex_basis = keyword;
+        computed->flex_basis = value;
+        computed->unit_bits.flex_basis = unit;
+        computed->type_bits.flex_basis = keyword;
 }
 
 int css_cascade_flex_basis(const css_style_array_value_t input,
-			   css_computed_style_t *computed)
+                           css_computed_style_t *computed)
 {
-	return css_cascade_length_auto(input, computed, set_flex_basis);
+        return css_cascade_length_auto(input, computed, set_flex_basis);
 }
 
 int css_cascade_flex_direction(const css_style_array_value_t input,
-			       css_computed_style_t *computed)
+                               css_computed_style_t *computed)
 {
-	uint8_t value = CSS_FLEX_DIRECTION_ROW;
-
-	switch (input[0].keyword_value) {
-	case CSS_KEYWORD_COLUMN:
-		value = CSS_FLEX_DIRECTION_COLUMN;
-	default:
-		break;
-	}
-	computed->type_bits.flex_direction = value;
-	return 0;
+        uint8_t value = CSS_FLEX_DIRECTION_ROW;
+
+        switch (input[0].keyword_value) {
+        case CSS_KEYWORD_COLUMN:
+                value = CSS_FLEX_DIRECTION_COLUMN;
+        default:
+                break;
+        }
+        computed->type_bits.flex_direction = value;
+        return 0;
 }
 
 int css_cascade_flex_grow(const css_style_array_value_t input,
-			  css_computed_style_t *computed)
+                          css_computed_style_t *computed)
 {
-	if (input[0].type != CSS_NUMERIC_VALUE) {
-		return -1;
-	}
-	computed->flex_grow = input[0].numeric_value;
-	if (computed->flex_grow < 0) {
-		computed->flex_grow = 0;
-	}
-	computed->type_bits.flex_grow = CSS_FLEX_GROW_SET;
-	return 0;
+        if (input[0].type != CSS_NUMERIC_VALUE) {
+                return -1;
+        }
+        computed->flex_grow = input[0].numeric_value;
+        if (computed->flex_grow < 0) {
+                computed->flex_grow = 0;
+        }
+        computed->type_bits.flex_grow = CSS_FLEX_GROW_SET;
+        return 0;
 }
 
 int css_cascade_flex_shrink(const css_style_array_value_t input,
-			    css_computed_style_t *computed)
+                            css_computed_style_t *computed)
 {
-	if (input[0].type != CSS_NUMERIC_VALUE) {
-		return -1;
-	}
-	computed->flex_shrink = input[0].numeric_value;
-	if (computed->flex_shrink < 0) {
-		computed->flex_shrink = 1;
-	}
-	computed->type_bits.flex_shrink = CSS_FLEX_SHRINK_SET;
-	return 0;
+        if (input[0].type != CSS_NUMERIC_VALUE) {
+                return -1;
+        }
+        computed->flex_shrink = input[0].numeric_value;
+        if (computed->flex_shrink < 0) {
+                computed->flex_shrink = 1;
+        }
+        computed->type_bits.flex_shrink = CSS_FLEX_SHRINK_SET;
+        return 0;
 }
 
 int css_cascade_flex_wrap(const css_style_array_value_t input,
-			  css_computed_style_t *computed)
+                          css_computed_style_t *computed)
 {
-	uint8_t value = CSS_FLEX_WRAP_NOWRAP;
-
-	switch (input[0].keyword_value) {
-	case CSS_KEYWORD_WRAP:
-		value = CSS_FLEX_WRAP_WRAP;
-	default:
-		break;
-	}
-	computed->type_bits.flex_wrap = value;
-	return 0;
+        uint8_t value = CSS_FLEX_WRAP_NOWRAP;
+
+        switch (input[0].keyword_value) {
+        case CSS_KEYWORD_WRAP:
+                value = CSS_FLEX_WRAP_WRAP;
+        default:
+                break;
+        }
+        computed->type_bits.flex_wrap = value;
+        return 0;
 }
 
 static void css_parse_flex_1(const css_style_array_value_t input,
-			     css_style_decl_t *s)
+                             css_style_decl_t *s)
 {
-	css_style_value_t val[] = {
-		{ .type = CSS_NUMERIC_VALUE, .numeric_value = 0 },
-		{ .type = CSS_NUMERIC_VALUE, .numeric_value = 1 },
-		{ .type = CSS_KEYWORD_VALUE, .keyword_value = CSS_KEYWORD_AUTO }
-	};
-
-	switch (input[0].type) {
-	case CSS_NUMERIC_VALUE:
-		// flex: <number> 1 0
-		val[0].numeric_value = input[0].numeric_value;
-		val[2].type = CSS_NUMERIC_VALUE;
-		val[2].numeric_value = 0;
-		break;
-	case CSS_UNIT_VALUE:
-		// flex: 1 1 <width>
-		val[0].numeric_value = 1;
-		val[2] = input[0];
-		break;
-	case CSS_KEYWORD_VALUE:
-		switch (input[0].keyword_value) {
-		case CSS_KEYWORD_AUTO:
-			// flex: 1 1 auto
-			val[0].numeric_value = 1;
-			break;
-		case CSS_KEYWORD_NONE:
-			// flex: 0 0 auto
-			val[0].numeric_value = 0;
-			val[1].numeric_value = 0;
-			break;
-		case CSS_KEYWORD_INITIAL:
-			// flex: 0 1 auto
-			break;
-		default:
-			return;
-		}
-		break;
-	default:
-		return;
-	}
-	css_style_decl_add(s, css_prop_flex_grow, val);
-	css_style_decl_add(s, css_prop_flex_shrink, val + 1);
-	css_style_decl_add(s, css_prop_flex_basis, val + 2);
+        css_style_value_t val[] = {
+                { .type = CSS_NUMERIC_VALUE, .numeric_value = 0 },
+                { .type = CSS_NUMERIC_VALUE, .numeric_value = 1 },
+                { .type = CSS_KEYWORD_VALUE, .keyword_value = CSS_KEYWORD_AUTO }
+        };
+
+        switch (input[0].type) {
+        case CSS_NUMERIC_VALUE:
+                // flex: <number> 1 0
+                val[0].numeric_value = input[0].numeric_value;
+                val[2].type = CSS_NUMERIC_VALUE;
+                val[2].numeric_value = 0;
+                break;
+        case CSS_UNIT_VALUE:
+                // flex: 1 1 <width>
+                val[0].numeric_value = 1;
+                val[2] = input[0];
+                break;
+        case CSS_KEYWORD_VALUE:
+                switch (input[0].keyword_value) {
+                case CSS_KEYWORD_AUTO:
+                        // flex: 1 1 auto
+                        val[0].numeric_value = 1;
+                        break;
+                case CSS_KEYWORD_NONE:
+                        // flex: 0 0 auto
+                        val[0].numeric_value = 0;
+                        val[1].numeric_value = 0;
+                        break;
+                case CSS_KEYWORD_INITIAL:
+                        // flex: 0 1 auto
+                        break;
+                default:
+                        return;
+                }
+                break;
+        default:
+                return;
+        }
+        css_style_decl_add(s, css_prop_flex_grow, val);
+        css_style_decl_add(s, css_prop_flex_shrink, val + 1);
+        css_style_decl_add(s, css_prop_flex_basis, val + 2);
 }
 
 static void css_parse_flex_2(const css_style_array_value_t input,
-			     css_style_decl_t *s)
+                             css_style_decl_t *s)
 {
-	if (input[0].type != CSS_NUMERIC_VALUE) {
-		return;
-	}
-	css_style_decl_add(s, css_prop_flex_grow, input);
-	switch (input[1].type) {
-	case CSS_NUMERIC_VALUE:
-		css_style_decl_add(s, css_prop_flex_shrink, input + 1);
-		break;
-	case CSS_UNIT_VALUE:
-		css_style_decl_add(s, css_prop_flex_basis, input + 1);
-		break;
-	default:
-		break;
-	}
+        if (input[0].type != CSS_NUMERIC_VALUE) {
+                return;
+        }
+        css_style_decl_add(s, css_prop_flex_grow, input);
+        switch (input[1].type) {
+        case CSS_NUMERIC_VALUE:
+                css_style_decl_add(s, css_prop_flex_shrink, input + 1);
+                break;
+        case CSS_UNIT_VALUE:
+                css_style_decl_add(s, css_prop_flex_basis, input + 1);
+                break;
+        default:
+                break;
+        }
 }
 
 static void css_parse_flex_3(const css_style_array_value_t input,
-			     css_style_decl_t *s)
+                             css_style_decl_t *s)
 {
-	int8_t i;
-	int8_t has_flex_grow = 0;
-	int8_t has_flex_shrink = 0;
-	int8_t has_flex_basis = 0;
-
-	for (i = 0; i < 3 && input[i].type != CSS_NO_VALUE; ++i) {
-		if (!has_flex_grow && input[i].type == CSS_NUMERIC_VALUE) {
-			css_style_decl_add(s, css_prop_flex_grow, input + i);
-			has_flex_grow = 1;
-		} else if (!has_flex_shrink &&
-			   input[i].type == CSS_NUMERIC_VALUE) {
-			css_style_decl_add(s, css_prop_flex_shrink, input + i);
-			has_flex_shrink = 1;
-		} else if (!has_flex_basis &&
-			   (input[i].type == CSS_KEYWORD_VALUE ||
-			    input[i].type == CSS_UNIT_VALUE)) {
-			css_style_decl_add(s, css_prop_flex_basis, input + i);
-			has_flex_basis = 1;
-		} else {
-			break;
-		}
-	}
+        int8_t i;
+        int8_t has_flex_grow = 0;
+        int8_t has_flex_shrink = 0;
+        int8_t has_flex_basis = 0;
+
+        for (i = 0; i < 3 && input[i].type != CSS_NO_VALUE; ++i) {
+                if (!has_flex_grow && input[i].type == CSS_NUMERIC_VALUE) {
+                        css_style_decl_add(s, css_prop_flex_grow, input + i);
+                        has_flex_grow = 1;
+                } else if (!has_flex_shrink &&
+                           input[i].type == CSS_NUMERIC_VALUE) {
+                        css_style_decl_add(s, css_prop_flex_shrink, input + i);
+                        has_flex_shrink = 1;
+                } else if (!has_flex_basis &&
+                           (input[i].type == CSS_KEYWORD_VALUE ||
+                            input[i].type == CSS_UNIT_VALUE)) {
+                        css_style_decl_add(s, css_prop_flex_basis, input + i);
+                        has_flex_basis = 1;
+                } else {
+                        break;
+                }
+        }
 }
 
 int css_parse_flex(const css_propdef_t *propdef, const char *input,
-		   css_style_decl_t *s)
+                   css_style_decl_t *s)
 {
-	css_style_value_t value;
-	int len = css_parse_value(propdef->valdef, input, &value);
-
-	if (len <= 0) {
-		return len;
-	}
-	switch (css_style_value_get_array_length(&value)) {
-	case 1:
-		css_parse_flex_1(value.array_value, s);
-		break;
-	case 2:
-		css_parse_flex_2(value.array_value, s);
-		break;
-	case 3:
-		css_parse_flex_3(value.array_value, s);
-		break;
-	default:
-		break;
-	}
-	css_style_value_destroy(&value);
-	return len;
+        css_style_value_t value;
+        int len = css_parse_value(propdef->valdef, input, &value);
+
+        if (len <= 0) {
+                return len;
+        }
+        switch (css_style_value_get_array_length(&value)) {
+        case 1:
+                css_parse_flex_1(value.array_value, s);
+                break;
+        case 2:
+                css_parse_flex_2(value.array_value, s);
+                break;
+        case 3:
+                css_parse_flex_3(value.array_value, s);
+                break;
+        default:
+                break;
+        }
+        css_style_value_destroy(&value);
+        return len;
 }
diff --git a/lib/css/src/properties/font_family.c b/lib/css/src/properties/font_family.c
index ddc7f3fcc..047655b84 100644
--- a/lib/css/src/properties/font_family.c
+++ b/lib/css/src/properties/font_family.c
@@ -1,23 +1,23 @@
 /*
  * lib/css/src/properties/font_family.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 #include "./helpers.h"
 
 int css_cascade_font_family(const css_style_array_value_t input,
-                            css_computed_style_t* computed)
+                            css_computed_style_t *computed)
 {
-        char* str;
+        char *str;
         unsigned i, len;
-	size_t str_len;
+        size_t str_len;
         const css_style_array_value_t arr = input[0].array_value;
 
         computed->font_family = NULL;
@@ -29,7 +29,7 @@ int css_cascade_font_family(const css_style_array_value_t input,
         if (len < 1) {
                 return -1;
         }
-        computed->font_family = malloc(sizeof(char*) * (len + 1));
+        computed->font_family = malloc(sizeof(char *) * (len + 1));
         for (i = 0; i < len; ++i) {
                 assert(arr[i].type == CSS_STRING_VALUE);
                 str = arr[i].string_value;
diff --git a/lib/css/src/properties/font_size.c b/lib/css/src/properties/font_size.c
index 32406f4a5..69ee4d319 100644
--- a/lib/css/src/properties/font_size.c
+++ b/lib/css/src/properties/font_size.c
@@ -1,41 +1,41 @@
 /*
  * lib/css/src/properties/font_size.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 #include "./helpers.h"
 
 int css_cascade_font_size(const css_style_array_value_t input,
-			  css_computed_style_t* computed)
+                          css_computed_style_t *computed)
 {
-	computed->type_bits.font_size = CSS_FONT_SIZE_MEDIUM;
-	switch (input[0].type) {
-	case CSS_UNIT_VALUE:
-		computed->font_size = input[0].unit_value.value;
-		computed->unit_bits.font_size = input[0].unit_value.unit;
-		computed->type_bits.font_size = CSS_FONT_SIZE_DIMENSION;
-		break;
-	case CSS_KEYWORD_VALUE:
-		switch (input[0].keyword_value) {
-		case CSS_KEYWORD_SMALL:
-			computed->type_bits.font_size = CSS_FONT_SIZE_SMALL;
-			break;
-		case CSS_KEYWORD_LARGE:
-			computed->type_bits.font_size = CSS_FONT_SIZE_LARGE;
-			break;
-		default:
-			break;
-		}
-		break;
-	default:
-		return -1;
-	}
-	return 0;
+        computed->type_bits.font_size = CSS_FONT_SIZE_MEDIUM;
+        switch (input[0].type) {
+        case CSS_UNIT_VALUE:
+                computed->font_size = input[0].unit_value.value;
+                computed->unit_bits.font_size = input[0].unit_value.unit;
+                computed->type_bits.font_size = CSS_FONT_SIZE_DIMENSION;
+                break;
+        case CSS_KEYWORD_VALUE:
+                switch (input[0].keyword_value) {
+                case CSS_KEYWORD_SMALL:
+                        computed->type_bits.font_size = CSS_FONT_SIZE_SMALL;
+                        break;
+                case CSS_KEYWORD_LARGE:
+                        computed->type_bits.font_size = CSS_FONT_SIZE_LARGE;
+                        break;
+                default:
+                        break;
+                }
+                break;
+        default:
+                return -1;
+        }
+        return 0;
 }
diff --git a/lib/css/src/properties/font_style.c b/lib/css/src/properties/font_style.c
index 2e3c20ba0..6b3335cea 100644
--- a/lib/css/src/properties/font_style.c
+++ b/lib/css/src/properties/font_style.c
@@ -1,31 +1,31 @@
 /*
  * lib/css/src/properties/font_style.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 
 int css_cascade_font_style(const css_style_array_value_t input,
-			   css_computed_style_t* computed)
+                           css_computed_style_t *computed)
 {
-	uint8_t value = CSS_FONT_STYLE_NORMAL;
+        uint8_t value = CSS_FONT_STYLE_NORMAL;
 
-	switch (input[0].keyword_value) {
-	case CSS_KEYWORD_OBLIQUE:
-		value = CSS_FONT_STYLE_OBLIQUE;
-		break;
-	case CSS_KEYWORD_ITALIC:
-		value = CSS_FONT_STYLE_ITALIC;
-		break;
-	default:
-		break;
-	}
-	computed->type_bits.font_style = value;
-	return 0;
+        switch (input[0].keyword_value) {
+        case CSS_KEYWORD_OBLIQUE:
+                value = CSS_FONT_STYLE_OBLIQUE;
+                break;
+        case CSS_KEYWORD_ITALIC:
+                value = CSS_FONT_STYLE_ITALIC;
+                break;
+        default:
+                break;
+        }
+        computed->type_bits.font_style = value;
+        return 0;
 }
diff --git a/lib/css/src/properties/font_weight.c b/lib/css/src/properties/font_weight.c
index 5738c2ebf..625408b07 100644
--- a/lib/css/src/properties/font_weight.c
+++ b/lib/css/src/properties/font_weight.c
@@ -1,69 +1,69 @@
 /*
  * lib/css/src/properties/font_weight.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 
 int css_cascade_font_weight(const css_style_array_value_t input,
-			    css_computed_style_t* computed)
+                            css_computed_style_t *computed)
 {
-	uint8_t value = CSS_FONT_STYLE_NORMAL;
+        uint8_t value = CSS_FONT_STYLE_NORMAL;
 
-	switch (input[0].type) {
-	case CSS_KEYWORD_VALUE:
-		switch (input[0].keyword_value) {
-		case CSS_KEYWORD_NORMAL:
-			value = CSS_FONT_WEIGHT_NORMAL;
-			break;
-		case CSS_KEYWORD_BOLD:
-			value = CSS_FONT_WEIGHT_BOLD;
-			break;
-		default:
-			break;
-		}
-		break;
-	case CSS_NUMERIC_VALUE:
-		switch ((int)input[0].numeric_value) {
-		case 100:
-			value = CSS_FONT_WEIGHT_100;
-			break;
-		case 200:
-			value = CSS_FONT_WEIGHT_200;
-			break;
-		case 300:
-			value = CSS_FONT_WEIGHT_300;
-			break;
-		case 400:
-			value = CSS_FONT_WEIGHT_400;
-			break;
-		case 500:
-			value = CSS_FONT_WEIGHT_500;
-			break;
-		case 600:
-			value = CSS_FONT_WEIGHT_600;
-			break;
-		case 700:
-			value = CSS_FONT_WEIGHT_700;
-			break;
-		case 800:
-			value = CSS_FONT_WEIGHT_800;
-			break;
-		case 900:
-			value = CSS_FONT_WEIGHT_900;
-			break;
-		default:
-			break;
-		}
-	default:
-		break;
-	}
-	computed->type_bits.font_weight = value;
-	return 0;
+        switch (input[0].type) {
+        case CSS_KEYWORD_VALUE:
+                switch (input[0].keyword_value) {
+                case CSS_KEYWORD_NORMAL:
+                        value = CSS_FONT_WEIGHT_NORMAL;
+                        break;
+                case CSS_KEYWORD_BOLD:
+                        value = CSS_FONT_WEIGHT_BOLD;
+                        break;
+                default:
+                        break;
+                }
+                break;
+        case CSS_NUMERIC_VALUE:
+                switch ((int)input[0].numeric_value) {
+                case 100:
+                        value = CSS_FONT_WEIGHT_100;
+                        break;
+                case 200:
+                        value = CSS_FONT_WEIGHT_200;
+                        break;
+                case 300:
+                        value = CSS_FONT_WEIGHT_300;
+                        break;
+                case 400:
+                        value = CSS_FONT_WEIGHT_400;
+                        break;
+                case 500:
+                        value = CSS_FONT_WEIGHT_500;
+                        break;
+                case 600:
+                        value = CSS_FONT_WEIGHT_600;
+                        break;
+                case 700:
+                        value = CSS_FONT_WEIGHT_700;
+                        break;
+                case 800:
+                        value = CSS_FONT_WEIGHT_800;
+                        break;
+                case 900:
+                        value = CSS_FONT_WEIGHT_900;
+                        break;
+                default:
+                        break;
+                }
+        default:
+                break;
+        }
+        computed->type_bits.font_weight = value;
+        return 0;
 }
diff --git a/lib/css/src/properties/gap.c b/lib/css/src/properties/gap.c
new file mode 100644
index 000000000..01dcd0ce1
--- /dev/null
+++ b/lib/css/src/properties/gap.c
@@ -0,0 +1,96 @@
+/*
+ * lib/css/src/properties/gap.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include "../properties.h"
+#include "./helpers.h"
+
+static void set_row_gap(css_computed_style_t *computed, uint8_t keyword,
+                        css_numeric_value_t value, css_unit_t unit)
+{
+        computed->row_gap = value;
+        computed->unit_bits.row_gap = unit;
+        computed->type_bits.row_gap = keyword;
+}
+
+static void set_column_gap(css_computed_style_t *computed, uint8_t keyword,
+                           css_numeric_value_t value, css_unit_t unit)
+{
+        computed->column_gap = value;
+        computed->unit_bits.column_gap = unit;
+        computed->type_bits.column_gap = keyword;
+}
+
+/* 仅接受 <length-percentage> 与 normal 关键字；不接受 auto */
+static int cascade_gap_length(const css_style_array_value_t input,
+                              css_computed_style_t *computed,
+                              void (*setter)(css_computed_style_t *, uint8_t,
+                                             css_numeric_value_t, css_unit_t))
+{
+        switch (input[0].type) {
+        case CSS_UNIT_VALUE:
+                setter(computed, CSS_GAP_SET, input[0].unit_value.value,
+                       input[0].unit_value.unit);
+                break;
+        case CSS_KEYWORD_VALUE:
+                if (input[0].keyword_value == CSS_KEYWORD_NORMAL) {
+                        setter(computed, CSS_GAP_NORMAL, 0, CSS_UNIT_PX);
+                        break;
+                }
+                return -1;
+        case CSS_NUMERIC_VALUE:
+                if (input[0].numeric_value == 0) {
+                        setter(computed, CSS_GAP_SET, 0, CSS_UNIT_PX);
+                        break;
+                }
+                return -1;
+        default:
+                return -1;
+        }
+        return 0;
+}
+
+int css_cascade_row_gap(const css_style_array_value_t input,
+                        css_computed_style_t *computed)
+{
+        return cascade_gap_length(input, computed, set_row_gap);
+}
+
+int css_cascade_column_gap(const css_style_array_value_t input,
+                           css_computed_style_t *computed)
+{
+        return cascade_gap_length(input, computed, set_column_gap);
+}
+
+int css_parse_gap(const css_propdef_t *propdef, const char *input,
+                  css_style_decl_t *s)
+{
+        css_style_value_t value;
+        int len = css_parse_value(propdef->valdef, input, &value);
+
+        if (len <= 0) {
+                return len;
+        }
+        switch (css_style_value_get_array_length(&value)) {
+        case 1:
+                css_style_decl_add(s, css_prop_row_gap, value.array_value);
+                css_style_decl_add(s, css_prop_column_gap, value.array_value);
+                break;
+        case 2:
+                css_style_decl_add(s, css_prop_row_gap, value.array_value);
+                css_style_decl_add(s, css_prop_column_gap,
+                                   value.array_value + 1);
+                break;
+        default:
+                break;
+        }
+        css_style_value_destroy(&value);
+        return len;
+}
diff --git a/lib/css/src/properties/height.c b/lib/css/src/properties/height.c
index db4d477cf..bcfa20d21 100644
--- a/lib/css/src/properties/height.c
+++ b/lib/css/src/properties/height.c
@@ -1,27 +1,27 @@
 /*
  * lib/css/src/properties/height.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 #include "./helpers.h"
 
-static void set_height(css_computed_style_t* computed, uint8_t keyword,
-		       css_numeric_value_t value, css_unit_t unit)
+static void set_height(css_computed_style_t *computed, uint8_t keyword,
+                       css_numeric_value_t value, css_unit_t unit)
 {
-	computed->height = value;
-	computed->unit_bits.height = unit;
-	computed->type_bits.height = keyword;
+        computed->height = value;
+        computed->unit_bits.height = unit;
+        computed->type_bits.height = keyword;
 }
 
 int css_cascade_height(const css_style_array_value_t input,
-		       css_computed_style_t* computed)
+                       css_computed_style_t *computed)
 {
-	return css_cascade_length_auto(input, computed, set_height);
+        return css_cascade_length_auto(input, computed, set_height);
 }
diff --git a/lib/css/src/properties/helpers.c b/lib/css/src/properties/helpers.c
index fcd457999..2d6b5fb77 100644
--- a/lib/css/src/properties/helpers.c
+++ b/lib/css/src/properties/helpers.c
@@ -1,20 +1,20 @@
 /*
  * lib/css/src/properties/helpers.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "helpers.h"
 #include "../properties.h"
 
 int css_cascade_length_auto(const css_style_array_value_t input,
-                            css_computed_style_t* computed,
-                            void (*setter)(css_computed_style_t*, uint8_t,
+                            css_computed_style_t *computed,
+                            void (*setter)(css_computed_style_t *, uint8_t,
                                            css_numeric_value_t, css_unit_t))
 {
         switch (input[0].type) {
@@ -41,8 +41,8 @@ int css_cascade_length_auto(const css_style_array_value_t input,
 }
 
 int css_cascade_bg_border_color(const css_style_array_value_t input,
-                                css_computed_style_t* computed,
-                                void (*setter)(css_computed_style_t*, uint8_t,
+                                css_computed_style_t *computed,
+                                void (*setter)(css_computed_style_t *, uint8_t,
                                                css_color_value_t))
 {
         switch (input[0].type) {
diff --git a/lib/css/src/properties/helpers.h b/lib/css/src/properties/helpers.h
index 09a25cc8b..0e081e30b 100644
--- a/lib/css/src/properties/helpers.h
+++ b/lib/css/src/properties/helpers.h
@@ -1,12 +1,12 @@
 /*
  * lib/css/src/properties/helpers.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_CSS_SRC_PROPERTIES_HELPERS_H
@@ -15,12 +15,12 @@
 #include <css/types.h>
 
 int css_cascade_length_auto(const css_style_array_value_t input,
-			    css_computed_style_t* computed,
-			    void (*setter)(css_computed_style_t*, uint8_t,
-					   css_numeric_value_t, css_unit_t));
+                            css_computed_style_t *computed,
+                            void (*setter)(css_computed_style_t *, uint8_t,
+                                           css_numeric_value_t, css_unit_t));
 
 int css_cascade_bg_border_color(const css_style_array_value_t input,
-				css_computed_style_t* computed,
-				void (*setter)(css_computed_style_t*, uint8_t,
-					       css_color_value_t));
+                                css_computed_style_t *computed,
+                                void (*setter)(css_computed_style_t *, uint8_t,
+                                               css_color_value_t));
 #endif
diff --git a/lib/css/src/properties/justify_content.c b/lib/css/src/properties/justify_content.c
index ca72f0fc1..2855be749 100644
--- a/lib/css/src/properties/justify_content.c
+++ b/lib/css/src/properties/justify_content.c
@@ -1,45 +1,45 @@
 /*
  * lib/css/src/properties/justify_content.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 
 int css_cascade_justify_content(const css_style_array_value_t input,
-				css_computed_style_t* computed)
+                                css_computed_style_t *computed)
 {
-	uint8_t value = CSS_JUSTIFY_CONTENT_FLEX_START;
+        uint8_t value = CSS_JUSTIFY_CONTENT_FLEX_START;
 
-	switch (input[0].keyword_value) {
-	case CSS_KEYWORD_CENTER:
-		value = CSS_JUSTIFY_CONTENT_CENTER;
-		break;
-	case CSS_KEYWORD_LEFT:
-	case CSS_KEYWORD_FLEX_START:
-		value = CSS_JUSTIFY_CONTENT_FLEX_START;
-		break;
-	case CSS_KEYWORD_RIGHT:
-	case CSS_KEYWORD_FLEX_END:
-		value = CSS_JUSTIFY_CONTENT_FLEX_END;
-		break;
-	case CSS_KEYWORD_SPACE_AROUND:
-		value = CSS_JUSTIFY_CONTENT_SPACE_AROUND;
-		break;
-	case CSS_KEYWORD_SPACE_BETWEEN:
-		value = CSS_JUSTIFY_CONTENT_SPACE_BETWEEN;
-		break;
-	case CSS_KEYWORD_SPACE_EVENLY:
-		value = CSS_JUSTIFY_CONTENT_SPACE_EVENLY;
-		break;
-	default:
-		break;
-	}
-	computed->type_bits.justify_content = value;
-	return 0;
+        switch (input[0].keyword_value) {
+        case CSS_KEYWORD_CENTER:
+                value = CSS_JUSTIFY_CONTENT_CENTER;
+                break;
+        case CSS_KEYWORD_LEFT:
+        case CSS_KEYWORD_FLEX_START:
+                value = CSS_JUSTIFY_CONTENT_FLEX_START;
+                break;
+        case CSS_KEYWORD_RIGHT:
+        case CSS_KEYWORD_FLEX_END:
+                value = CSS_JUSTIFY_CONTENT_FLEX_END;
+                break;
+        case CSS_KEYWORD_SPACE_AROUND:
+                value = CSS_JUSTIFY_CONTENT_SPACE_AROUND;
+                break;
+        case CSS_KEYWORD_SPACE_BETWEEN:
+                value = CSS_JUSTIFY_CONTENT_SPACE_BETWEEN;
+                break;
+        case CSS_KEYWORD_SPACE_EVENLY:
+                value = CSS_JUSTIFY_CONTENT_SPACE_EVENLY;
+                break;
+        default:
+                break;
+        }
+        computed->type_bits.justify_content = value;
+        return 0;
 }
diff --git a/lib/css/src/properties/left.c b/lib/css/src/properties/left.c
index 22bac3845..162e777fc 100644
--- a/lib/css/src/properties/left.c
+++ b/lib/css/src/properties/left.c
@@ -1,27 +1,27 @@
 /*
  * lib/css/src/properties/left.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 #include "./helpers.h"
 
-static void set_left(css_computed_style_t* computed, uint8_t keyword,
-		     css_numeric_value_t value, css_unit_t unit)
+static void set_left(css_computed_style_t *computed, uint8_t keyword,
+                     css_numeric_value_t value, css_unit_t unit)
 {
-	computed->left = value;
-	computed->unit_bits.left = unit;
-	computed->type_bits.left = keyword;
+        computed->left = value;
+        computed->unit_bits.left = unit;
+        computed->type_bits.left = keyword;
 }
 
 int css_cascade_left(const css_style_array_value_t input,
-		     css_computed_style_t* computed)
+                     css_computed_style_t *computed)
 {
-	return css_cascade_length_auto(input, computed, set_left);
+        return css_cascade_length_auto(input, computed, set_left);
 }
diff --git a/lib/css/src/properties/line_height.c b/lib/css/src/properties/line_height.c
index 96e00e364..7afd6ce44 100644
--- a/lib/css/src/properties/line_height.c
+++ b/lib/css/src/properties/line_height.c
@@ -1,37 +1,38 @@
 /*
  * lib/css/src/properties/line_height.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 #include "./helpers.h"
 
 int css_cascade_line_height(const css_style_array_value_t input,
-			    css_computed_style_t* computed)
+                            css_computed_style_t *computed)
 {
-	switch (input[0].type) {
-	case CSS_UNIT_VALUE:
-		computed->line_height = input[0].unit_value.value;
-		computed->unit_bits.line_height = input[0].unit_value.unit;
-		computed->type_bits.line_height = CSS_LINE_HEIGHT_DIMENSION;
-		break;
-	case CSS_NUMERIC_VALUE:
-		computed->line_height = input[0].numeric_value;
-		computed->type_bits.line_height = CSS_LINE_HEIGHT_NUMBER;
-		break;
-	case CSS_KEYWORD_VALUE:
-		if (input[0].keyword_value == CSS_KEYWORD_NORMAL) {
-			computed->type_bits.line_height = CSS_LINE_HEIGHT_NORMAL;
-			break;
-		}
-	default:
-		return -1;
-	}
-	return 0;
+        switch (input[0].type) {
+        case CSS_UNIT_VALUE:
+                computed->line_height = input[0].unit_value.value;
+                computed->unit_bits.line_height = input[0].unit_value.unit;
+                computed->type_bits.line_height = CSS_LINE_HEIGHT_DIMENSION;
+                break;
+        case CSS_NUMERIC_VALUE:
+                computed->line_height = input[0].numeric_value;
+                computed->type_bits.line_height = CSS_LINE_HEIGHT_NUMBER;
+                break;
+        case CSS_KEYWORD_VALUE:
+                if (input[0].keyword_value == CSS_KEYWORD_NORMAL) {
+                        computed->type_bits.line_height =
+                            CSS_LINE_HEIGHT_NORMAL;
+                        break;
+                }
+        default:
+                return -1;
+        }
+        return 0;
 }
diff --git a/lib/css/src/properties/margin.c b/lib/css/src/properties/margin.c
index 11d69b0fa..8934c8357 100644
--- a/lib/css/src/properties/margin.c
+++ b/lib/css/src/properties/margin.c
@@ -1,32 +1,32 @@
 /*
  * lib/css/src/properties/margin.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 #include "./helpers.h"
 
 #define CSS_CASCADE_MARGIN_SIDE(PROP_KEY)                                      \
-	static void set_margin_##PROP_KEY(                                     \
-	    css_computed_style_t *computed, uint8_t keyword,                   \
-	    css_numeric_value_t value, css_unit_t unit)                        \
-	{                                                                      \
-		computed->margin_##PROP_KEY = value;                           \
-		computed->unit_bits.margin_##PROP_KEY = unit;                  \
-		computed->type_bits.margin_##PROP_KEY = keyword;               \
-	}                                                                      \
-	int css_cascade_margin_##PROP_KEY(const css_style_array_value_t input, \
-					  css_computed_style_t *computed)      \
-	{                                                                      \
-		return css_cascade_length_auto(input, computed,                \
-					       set_margin_##PROP_KEY);         \
-	}
+        static void set_margin_##PROP_KEY(                                     \
+            css_computed_style_t *computed, uint8_t keyword,                   \
+            css_numeric_value_t value, css_unit_t unit)                        \
+        {                                                                      \
+                computed->margin_##PROP_KEY = value;                           \
+                computed->unit_bits.margin_##PROP_KEY = unit;                  \
+                computed->type_bits.margin_##PROP_KEY = keyword;               \
+        }                                                                      \
+        int css_cascade_margin_##PROP_KEY(const css_style_array_value_t input, \
+                                          css_computed_style_t *computed)      \
+        {                                                                      \
+                return css_cascade_length_auto(input, computed,                \
+                                               set_margin_##PROP_KEY);         \
+        }
 
 CSS_CASCADE_MARGIN_SIDE(top)
 CSS_CASCADE_MARGIN_SIDE(right)
@@ -34,50 +34,52 @@ CSS_CASCADE_MARGIN_SIDE(bottom)
 CSS_CASCADE_MARGIN_SIDE(left)
 
 int css_parse_margin(const css_propdef_t *propdef, const char *input,
-		     css_style_decl_t *s)
+                     css_style_decl_t *s)
 {
-	css_style_value_t value;
-	int len = css_parse_value(propdef->valdef, input, &value);
+        css_style_value_t value;
+        int len = css_parse_value(propdef->valdef, input, &value);
 
-	if (len <= 0) {
-		return len;
-	}
-	switch (css_style_value_get_array_length(&value)) {
-	case 1:
-		css_style_decl_add(s, css_prop_margin_top, value.array_value);
-		css_style_decl_add(s, css_prop_margin_right, value.array_value);
-		css_style_decl_add(s, css_prop_margin_bottom, value.array_value);
-		css_style_decl_add(s, css_prop_margin_left, value.array_value);
-		break;
-	case 2:
-		css_style_decl_add(s, css_prop_margin_top, value.array_value);
-		css_style_decl_add(s, css_prop_margin_bottom, value.array_value);
-		css_style_decl_add(s, css_prop_margin_left,
-				   value.array_value + 1);
-		css_style_decl_add(s, css_prop_margin_right,
-				   value.array_value + 1);
-		break;
-	case 3:
-		css_style_decl_add(s, css_prop_margin_top, value.array_value);
-		css_style_decl_add(s, css_prop_margin_left,
-				   value.array_value + 1);
-		css_style_decl_add(s, css_prop_margin_right,
-				   value.array_value + 1);
-		css_style_decl_add(s, css_prop_margin_bottom,
-				   value.array_value + 2);
-		break;
-	case 4:
-		css_style_decl_add(s, css_prop_margin_top, value.array_value);
-		css_style_decl_add(s, css_prop_margin_right,
-				   value.array_value + 1);
-		css_style_decl_add(s, css_prop_margin_bottom,
-				   value.array_value + 2);
-		css_style_decl_add(s, css_prop_margin_left,
-				   value.array_value + 3);
-		break;
-	default:
-		break;
-	}
-	css_style_value_destroy(&value);
-	return len;
+        if (len <= 0) {
+                return len;
+        }
+        switch (css_style_value_get_array_length(&value)) {
+        case 1:
+                css_style_decl_add(s, css_prop_margin_top, value.array_value);
+                css_style_decl_add(s, css_prop_margin_right, value.array_value);
+                css_style_decl_add(s, css_prop_margin_bottom,
+                                   value.array_value);
+                css_style_decl_add(s, css_prop_margin_left, value.array_value);
+                break;
+        case 2:
+                css_style_decl_add(s, css_prop_margin_top, value.array_value);
+                css_style_decl_add(s, css_prop_margin_bottom,
+                                   value.array_value);
+                css_style_decl_add(s, css_prop_margin_left,
+                                   value.array_value + 1);
+                css_style_decl_add(s, css_prop_margin_right,
+                                   value.array_value + 1);
+                break;
+        case 3:
+                css_style_decl_add(s, css_prop_margin_top, value.array_value);
+                css_style_decl_add(s, css_prop_margin_left,
+                                   value.array_value + 1);
+                css_style_decl_add(s, css_prop_margin_right,
+                                   value.array_value + 1);
+                css_style_decl_add(s, css_prop_margin_bottom,
+                                   value.array_value + 2);
+                break;
+        case 4:
+                css_style_decl_add(s, css_prop_margin_top, value.array_value);
+                css_style_decl_add(s, css_prop_margin_right,
+                                   value.array_value + 1);
+                css_style_decl_add(s, css_prop_margin_bottom,
+                                   value.array_value + 2);
+                css_style_decl_add(s, css_prop_margin_left,
+                                   value.array_value + 3);
+                break;
+        default:
+                break;
+        }
+        css_style_value_destroy(&value);
+        return len;
 }
diff --git a/lib/css/src/properties/max_height.c b/lib/css/src/properties/max_height.c
index 2bf650a36..dfec69716 100644
--- a/lib/css/src/properties/max_height.c
+++ b/lib/css/src/properties/max_height.c
@@ -1,28 +1,27 @@
 /*
  * lib/css/src/properties/max_height.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 #include "./helpers.h"
 
-static void set_max_height(css_computed_style_t* computed,
-			   uint8_t keyword, css_numeric_value_t value,
-			   css_unit_t unit)
+static void set_max_height(css_computed_style_t *computed, uint8_t keyword,
+                           css_numeric_value_t value, css_unit_t unit)
 {
-	computed->max_height = value;
-	computed->unit_bits.max_height = unit;
-	computed->type_bits.max_height = keyword;
+        computed->max_height = value;
+        computed->unit_bits.max_height = unit;
+        computed->type_bits.max_height = keyword;
 }
 
 int css_cascade_max_height(const css_style_array_value_t input,
-			   css_computed_style_t* computed)
+                           css_computed_style_t *computed)
 {
-	return css_cascade_length_auto(input, computed, set_max_height);
+        return css_cascade_length_auto(input, computed, set_max_height);
 }
diff --git a/lib/css/src/properties/max_width.c b/lib/css/src/properties/max_width.c
index 71b607ff6..2edb37f2b 100644
--- a/lib/css/src/properties/max_width.c
+++ b/lib/css/src/properties/max_width.c
@@ -1,27 +1,27 @@
 /*
  * lib/css/src/properties/max_width.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 #include "./helpers.h"
 
-static void set_max_width(css_computed_style_t* computed, uint8_t keyword,
-			  css_numeric_value_t value, css_unit_t unit)
+static void set_max_width(css_computed_style_t *computed, uint8_t keyword,
+                          css_numeric_value_t value, css_unit_t unit)
 {
-	computed->max_width = value;
-	computed->unit_bits.max_width = unit;
-	computed->type_bits.max_width = keyword;
+        computed->max_width = value;
+        computed->unit_bits.max_width = unit;
+        computed->type_bits.max_width = keyword;
 }
 
 int css_cascade_max_width(const css_style_array_value_t input,
-			  css_computed_style_t* computed)
+                          css_computed_style_t *computed)
 {
-	return css_cascade_length_auto(input, computed, set_max_width);
+        return css_cascade_length_auto(input, computed, set_max_width);
 }
diff --git a/lib/css/src/properties/min_height.c b/lib/css/src/properties/min_height.c
index 59078e4f6..7669f54ac 100644
--- a/lib/css/src/properties/min_height.c
+++ b/lib/css/src/properties/min_height.c
@@ -1,33 +1,33 @@
 /*
  * lib/css/src/properties/min_height.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 #include "./helpers.h"
 
-static void set_min_height(css_computed_style_t* computed,
-			   uint8_t keyword, css_numeric_value_t value,
-			   css_unit_t unit)
+static void set_min_height(css_computed_style_t *computed, uint8_t keyword,
+                           css_numeric_value_t value, css_unit_t unit)
 {
-	computed->min_height = value;
-	computed->unit_bits.min_height = unit;
-	computed->type_bits.min_height = keyword;
+        computed->min_height = value;
+        computed->unit_bits.min_height = unit;
+        computed->type_bits.min_height = keyword;
 }
 
 int css_cascade_min_height(const css_style_array_value_t input,
-			   css_computed_style_t* computed)
+                           css_computed_style_t *computed)
 {
         if (input[0].type == CSS_KEYWORD_VALUE &&
             input[0].keyword_value == CSS_KEYWORD_MIN_CONTENT) {
-                set_min_height(computed, CSS_MIN_WIDTH_MIN_CONTENT, 0, CSS_UNIT_PX);
+                set_min_height(computed, CSS_MIN_WIDTH_MIN_CONTENT, 0,
+                               CSS_UNIT_PX);
                 return 0;
         }
-	return css_cascade_length_auto(input, computed, set_min_height);
+        return css_cascade_length_auto(input, computed, set_min_height);
 }
diff --git a/lib/css/src/properties/min_width.c b/lib/css/src/properties/min_width.c
index 3c27ac0a4..bd954814b 100644
--- a/lib/css/src/properties/min_width.c
+++ b/lib/css/src/properties/min_width.c
@@ -1,18 +1,18 @@
 /*
  * lib/css/src/properties/min_width.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 #include "./helpers.h"
 
-static void set_min_width(css_computed_style_t* computed, uint8_t keyword,
+static void set_min_width(css_computed_style_t *computed, uint8_t keyword,
                           css_numeric_value_t value, css_unit_t unit)
 {
         computed->min_width = value;
@@ -21,11 +21,12 @@ static void set_min_width(css_computed_style_t* computed, uint8_t keyword,
 }
 
 int css_cascade_min_width(const css_style_array_value_t input,
-                          css_computed_style_t* computed)
+                          css_computed_style_t *computed)
 {
         if (input[0].type == CSS_KEYWORD_VALUE &&
             input[0].keyword_value == CSS_KEYWORD_MIN_CONTENT) {
-                set_min_width(computed, CSS_MIN_WIDTH_MIN_CONTENT, 0, CSS_UNIT_PX);
+                set_min_width(computed, CSS_MIN_WIDTH_MIN_CONTENT, 0,
+                              CSS_UNIT_PX);
                 return 0;
         }
         return css_cascade_length_auto(input, computed, set_min_width);
diff --git a/lib/css/src/properties/opacity.c b/lib/css/src/properties/opacity.c
index 8da2d1650..971590c19 100644
--- a/lib/css/src/properties/opacity.c
+++ b/lib/css/src/properties/opacity.c
@@ -1,20 +1,20 @@
 /*
  * lib/css/src/properties/opacity.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 
 int css_cascade_opacity(const css_style_array_value_t input,
-			css_computed_style_t* computed)
+                        css_computed_style_t *computed)
 {
-	computed->opacity = input[0].numeric_value;
-	computed->type_bits.opacity = CSS_OPACITY_SET;
-	return 0;
+        computed->opacity = input[0].numeric_value;
+        computed->type_bits.opacity = CSS_OPACITY_SET;
+        return 0;
 }
diff --git a/lib/css/src/properties/padding.c b/lib/css/src/properties/padding.c
index 3582edb3f..57e3729f1 100644
--- a/lib/css/src/properties/padding.c
+++ b/lib/css/src/properties/padding.c
@@ -1,33 +1,33 @@
 /*
  * lib/css/src/properties/padding.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 #include "./helpers.h"
 
 #define CSS_CASCADE_PADDING_SIDE(PROP_KEY)                              \
-	static void set_padding_##PROP_KEY(                             \
-	    css_computed_style_t *computed, uint8_t keyword,            \
-	    css_numeric_value_t value, css_unit_t unit)                 \
-	{                                                               \
-		computed->padding_##PROP_KEY = value;                   \
-		computed->unit_bits.padding_##PROP_KEY = unit;          \
-		computed->type_bits.padding_##PROP_KEY = keyword;       \
-	}                                                               \
-	int css_cascade_padding_##PROP_KEY(                             \
-	    const css_style_array_value_t input,                        \
-	    css_computed_style_t *computed)                             \
-	{                                                               \
-		return css_cascade_length_auto(input, computed,         \
-					       set_padding_##PROP_KEY); \
-	}
+        static void set_padding_##PROP_KEY(                             \
+            css_computed_style_t *computed, uint8_t keyword,            \
+            css_numeric_value_t value, css_unit_t unit)                 \
+        {                                                               \
+                computed->padding_##PROP_KEY = value;                   \
+                computed->unit_bits.padding_##PROP_KEY = unit;          \
+                computed->type_bits.padding_##PROP_KEY = keyword;       \
+        }                                                               \
+        int css_cascade_padding_##PROP_KEY(                             \
+            const css_style_array_value_t input,                        \
+            css_computed_style_t *computed)                             \
+        {                                                               \
+                return css_cascade_length_auto(input, computed,         \
+                                               set_padding_##PROP_KEY); \
+        }
 
 CSS_CASCADE_PADDING_SIDE(top)
 CSS_CASCADE_PADDING_SIDE(right)
@@ -35,52 +35,53 @@ CSS_CASCADE_PADDING_SIDE(bottom)
 CSS_CASCADE_PADDING_SIDE(left)
 
 int css_parse_padding(const css_propdef_t *propdef, const char *input,
-		      css_style_decl_t *s)
+                      css_style_decl_t *s)
 {
-	css_style_value_t value;
-	int len = css_parse_value(propdef->valdef, input, &value);
+        css_style_value_t value;
+        int len = css_parse_value(propdef->valdef, input, &value);
 
-	if (len <= 0) {
-		return len;
-	}
-	switch (css_style_value_get_array_length(&value)) {
-	case 1:
-		css_style_decl_add(s, css_prop_padding_top, value.array_value);
-		css_style_decl_add(s, css_prop_padding_right, value.array_value);
-		css_style_decl_add(s, css_prop_padding_bottom,
-				   value.array_value);
-		css_style_decl_add(s, css_prop_padding_left, value.array_value);
-		break;
-	case 2:
-		css_style_decl_add(s, css_prop_padding_top, value.array_value);
-		css_style_decl_add(s, css_prop_padding_bottom,
-				   value.array_value);
-		css_style_decl_add(s, css_prop_padding_left,
-				   value.array_value + 1);
-		css_style_decl_add(s, css_prop_padding_right,
-				   value.array_value + 1);
-		break;
-	case 3:
-		css_style_decl_add(s, css_prop_padding_top, value.array_value);
-		css_style_decl_add(s, css_prop_padding_left,
-				   value.array_value + 1);
-		css_style_decl_add(s, css_prop_padding_right,
-				   value.array_value + 1);
-		css_style_decl_add(s, css_prop_padding_bottom,
-				   value.array_value + 2);
-		break;
-	case 4:
-		css_style_decl_add(s, css_prop_padding_top, value.array_value);
-		css_style_decl_add(s, css_prop_padding_right,
-				   value.array_value + 1);
-		css_style_decl_add(s, css_prop_padding_bottom,
-				   value.array_value + 2);
-		css_style_decl_add(s, css_prop_padding_left,
-				   value.array_value + 3);
-		break;
-	default:
-		break;
-	}
-	css_style_value_destroy(&value);
-	return len;
+        if (len <= 0) {
+                return len;
+        }
+        switch (css_style_value_get_array_length(&value)) {
+        case 1:
+                css_style_decl_add(s, css_prop_padding_top, value.array_value);
+                css_style_decl_add(s, css_prop_padding_right,
+                                   value.array_value);
+                css_style_decl_add(s, css_prop_padding_bottom,
+                                   value.array_value);
+                css_style_decl_add(s, css_prop_padding_left, value.array_value);
+                break;
+        case 2:
+                css_style_decl_add(s, css_prop_padding_top, value.array_value);
+                css_style_decl_add(s, css_prop_padding_bottom,
+                                   value.array_value);
+                css_style_decl_add(s, css_prop_padding_left,
+                                   value.array_value + 1);
+                css_style_decl_add(s, css_prop_padding_right,
+                                   value.array_value + 1);
+                break;
+        case 3:
+                css_style_decl_add(s, css_prop_padding_top, value.array_value);
+                css_style_decl_add(s, css_prop_padding_left,
+                                   value.array_value + 1);
+                css_style_decl_add(s, css_prop_padding_right,
+                                   value.array_value + 1);
+                css_style_decl_add(s, css_prop_padding_bottom,
+                                   value.array_value + 2);
+                break;
+        case 4:
+                css_style_decl_add(s, css_prop_padding_top, value.array_value);
+                css_style_decl_add(s, css_prop_padding_right,
+                                   value.array_value + 1);
+                css_style_decl_add(s, css_prop_padding_bottom,
+                                   value.array_value + 2);
+                css_style_decl_add(s, css_prop_padding_left,
+                                   value.array_value + 3);
+                break;
+        default:
+                break;
+        }
+        css_style_value_destroy(&value);
+        return len;
 }
diff --git a/lib/css/src/properties/pointer_events.c b/lib/css/src/properties/pointer_events.c
index bd5517f28..5fd5fc991 100644
--- a/lib/css/src/properties/pointer_events.c
+++ b/lib/css/src/properties/pointer_events.c
@@ -1,27 +1,27 @@
 /*
  * lib/css/src/properties/pointer_events.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 
 int css_cascade_pointer_events(const css_style_array_value_t input,
-			       css_computed_style_t* computed)
+                               css_computed_style_t *computed)
 {
-	uint8_t value = CSS_POINTER_EVENTS_AUTO;
+        uint8_t value = CSS_POINTER_EVENTS_AUTO;
 
-	switch (input[0].keyword_value) {
-	case CSS_KEYWORD_NONE:
-		value = CSS_POINTER_EVENTS_NONE;
-	default:
-		break;
-	}
-	computed->type_bits.pointer_events = value;
-	return 0;
+        switch (input[0].keyword_value) {
+        case CSS_KEYWORD_NONE:
+                value = CSS_POINTER_EVENTS_NONE;
+        default:
+                break;
+        }
+        computed->type_bits.pointer_events = value;
+        return 0;
 }
diff --git a/lib/css/src/properties/position.c b/lib/css/src/properties/position.c
index 3eae69e43..9d8ccc245 100644
--- a/lib/css/src/properties/position.c
+++ b/lib/css/src/properties/position.c
@@ -1,31 +1,31 @@
 /*
  * lib/css/src/properties/position.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 
 int css_cascade_position(const css_style_array_value_t input,
-			 css_computed_style_t* computed)
+                         css_computed_style_t *computed)
 {
-	uint8_t value = CSS_POSITION_STATIC;
+        uint8_t value = CSS_POSITION_STATIC;
 
-	switch (input[0].keyword_value) {
-	case CSS_KEYWORD_ABSOLUTE:
-		value = CSS_POSITION_ABSOLUTE;
-		break;
-	case CSS_KEYWORD_RELATIVE:
-		value = CSS_POSITION_RELATIVE;
-		break;
-	default:
-		break;
-	}
-	computed->type_bits.position = value;
-	return 0;
+        switch (input[0].keyword_value) {
+        case CSS_KEYWORD_ABSOLUTE:
+                value = CSS_POSITION_ABSOLUTE;
+                break;
+        case CSS_KEYWORD_RELATIVE:
+                value = CSS_POSITION_RELATIVE;
+                break;
+        default:
+                break;
+        }
+        computed->type_bits.position = value;
+        return 0;
 }
diff --git a/lib/css/src/properties/right.c b/lib/css/src/properties/right.c
index 4f262c92f..2cab2455c 100644
--- a/lib/css/src/properties/right.c
+++ b/lib/css/src/properties/right.c
@@ -1,27 +1,27 @@
 /*
  * lib/css/src/properties/right.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 #include "./helpers.h"
 
-static void set_right(css_computed_style_t* computed, uint8_t keyword,
-		    css_numeric_value_t value, css_unit_t unit)
+static void set_right(css_computed_style_t *computed, uint8_t keyword,
+                      css_numeric_value_t value, css_unit_t unit)
 {
-	computed->right = value;
-	computed->unit_bits.right = unit;
-	computed->type_bits.right = keyword;
+        computed->right = value;
+        computed->unit_bits.right = unit;
+        computed->type_bits.right = keyword;
 }
 
 int css_cascade_right(const css_style_array_value_t input,
-		    css_computed_style_t* computed)
+                      css_computed_style_t *computed)
 {
-	return css_cascade_length_auto(input, computed, set_right);
+        return css_cascade_length_auto(input, computed, set_right);
 }
diff --git a/lib/css/src/properties/text_align.c b/lib/css/src/properties/text_align.c
index 51308e032..f94ab70d4 100644
--- a/lib/css/src/properties/text_align.c
+++ b/lib/css/src/properties/text_align.c
@@ -1,31 +1,31 @@
 /*
  * lib/css/src/properties/text_align.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 
 int css_cascade_text_align(const css_style_array_value_t input,
-			    css_computed_style_t* computed)
+                           css_computed_style_t *computed)
 {
-	uint8_t value = CSS_TEXT_ALIGN_LEFT;
+        uint8_t value = CSS_TEXT_ALIGN_LEFT;
 
-	switch (input[0].keyword_value) {
-	case CSS_KEYWORD_CENTER:
-		value = CSS_TEXT_ALIGN_CENTER;
-		break;
-	case CSS_KEYWORD_RIGHT:
-		value = CSS_TEXT_ALIGN_RIGHT;
-		break;
-	default:
-		break;
-	}
-	computed->type_bits.text_align = value;
-	return 0;
+        switch (input[0].keyword_value) {
+        case CSS_KEYWORD_CENTER:
+                value = CSS_TEXT_ALIGN_CENTER;
+                break;
+        case CSS_KEYWORD_RIGHT:
+                value = CSS_TEXT_ALIGN_RIGHT;
+                break;
+        default:
+                break;
+        }
+        computed->type_bits.text_align = value;
+        return 0;
 }
diff --git a/lib/css/src/properties/top.c b/lib/css/src/properties/top.c
index 33c1489f7..55a3f4e36 100644
--- a/lib/css/src/properties/top.c
+++ b/lib/css/src/properties/top.c
@@ -1,27 +1,27 @@
 /*
  * lib/css/src/properties/top.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 #include "./helpers.h"
 
-static void set_top(css_computed_style_t* computed, uint8_t keyword,
-		    css_numeric_value_t value, css_unit_t unit)
+static void set_top(css_computed_style_t *computed, uint8_t keyword,
+                    css_numeric_value_t value, css_unit_t unit)
 {
-	computed->top = value;
-	computed->unit_bits.top = unit;
-	computed->type_bits.top = keyword;
+        computed->top = value;
+        computed->unit_bits.top = unit;
+        computed->type_bits.top = keyword;
 }
 
 int css_cascade_top(const css_style_array_value_t input,
-		    css_computed_style_t* computed)
+                    css_computed_style_t *computed)
 {
-	return css_cascade_length_auto(input, computed, set_top);
+        return css_cascade_length_auto(input, computed, set_top);
 }
diff --git a/lib/css/src/properties/vertical_align.c b/lib/css/src/properties/vertical_align.c
index 9d75fa8b1..590ac9d39 100644
--- a/lib/css/src/properties/vertical_align.c
+++ b/lib/css/src/properties/vertical_align.c
@@ -1,33 +1,33 @@
 /*
  * lib/css/src/properties/vertical_align.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 
 int css_cascade_vertical_align(const css_style_array_value_t input,
-			       css_computed_style_t* computed)
+                               css_computed_style_t *computed)
 {
-	css_vertical_align_t value;
+        css_vertical_align_t value;
 
-	switch (input[0].keyword_value) {
-	case CSS_KEYWORD_MIDDLE:
-		value = CSS_VERTICAL_ALIGN_MIDDLE;
-		break;
-	case CSS_KEYWORD_BOTTOM:
-		value = CSS_VERTICAL_ALIGN_BOTTOM;
-		break;
-	case CSS_KEYWORD_TOP:
-	default:
-		value = CSS_VERTICAL_ALIGN_TOP;
-		break;
-	}
-	computed->type_bits.vertical_align = value;
-	return 0;
+        switch (input[0].keyword_value) {
+        case CSS_KEYWORD_MIDDLE:
+                value = CSS_VERTICAL_ALIGN_MIDDLE;
+                break;
+        case CSS_KEYWORD_BOTTOM:
+                value = CSS_VERTICAL_ALIGN_BOTTOM;
+                break;
+        case CSS_KEYWORD_TOP:
+        default:
+                value = CSS_VERTICAL_ALIGN_TOP;
+                break;
+        }
+        computed->type_bits.vertical_align = value;
+        return 0;
 }
diff --git a/lib/css/src/properties/visibility.c b/lib/css/src/properties/visibility.c
index 21686fff5..f322b2169 100644
--- a/lib/css/src/properties/visibility.c
+++ b/lib/css/src/properties/visibility.c
@@ -1,28 +1,28 @@
 /*
  * lib/css/src/properties/visibility.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 
 int css_cascade_visibility(const css_style_array_value_t input,
-			   css_computed_style_t* computed)
+                           css_computed_style_t *computed)
 {
-	uint8_t value = CSS_VISIBILITY_VISIBLE;
+        uint8_t value = CSS_VISIBILITY_VISIBLE;
 
-	switch (input[0].keyword_value) {
-	case CSS_KEYWORD_HIDDEN:
-		value = CSS_VISIBILITY_HIDDEN;
-		break;
-	default:
-		break;
-	}
-	computed->type_bits.visibility = value;
-	return 0;
+        switch (input[0].keyword_value) {
+        case CSS_KEYWORD_HIDDEN:
+                value = CSS_VISIBILITY_HIDDEN;
+                break;
+        default:
+                break;
+        }
+        computed->type_bits.visibility = value;
+        return 0;
 }
diff --git a/lib/css/src/properties/white_space.c b/lib/css/src/properties/white_space.c
index e2166092a..f50d34d15 100644
--- a/lib/css/src/properties/white_space.c
+++ b/lib/css/src/properties/white_space.c
@@ -1,26 +1,26 @@
 /*
  * lib/css/src/properties/white_space.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 
 int css_cascade_white_space(const css_style_array_value_t input,
-			    css_computed_style_t* computed)
+                            css_computed_style_t *computed)
 {
-	computed->type_bits.white_space = CSS_WHITE_SPACE_NORMAL;
-	switch (input[0].keyword_value) {
-	case CSS_KEYWORD_NOWRAP:
-		computed->type_bits.white_space = CSS_WHITE_SPACE_NOWRAP;
-		break;
-	default:
-		break;
-	}
-	return 0;
+        computed->type_bits.white_space = CSS_WHITE_SPACE_NORMAL;
+        switch (input[0].keyword_value) {
+        case CSS_KEYWORD_NOWRAP:
+                computed->type_bits.white_space = CSS_WHITE_SPACE_NOWRAP;
+                break;
+        default:
+                break;
+        }
+        return 0;
 }
diff --git a/lib/css/src/properties/width.c b/lib/css/src/properties/width.c
index 42281ec4b..5503dc628 100644
--- a/lib/css/src/properties/width.c
+++ b/lib/css/src/properties/width.c
@@ -1,27 +1,27 @@
 /*
  * lib/css/src/properties/width.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 #include "./helpers.h"
 
-static void set_width(css_computed_style_t* computed, uint8_t keyword,
-		      css_numeric_value_t value, css_unit_t unit)
+static void set_width(css_computed_style_t *computed, uint8_t keyword,
+                      css_numeric_value_t value, css_unit_t unit)
 {
-	computed->width = value;
-	computed->unit_bits.width = unit;
-	computed->type_bits.width = keyword;
+        computed->width = value;
+        computed->unit_bits.width = unit;
+        computed->type_bits.width = keyword;
 }
 
 int css_cascade_width(const css_style_array_value_t input,
-		      css_computed_style_t* computed)
+                      css_computed_style_t *computed)
 {
-	return css_cascade_length_auto(input, computed, set_width);
+        return css_cascade_length_auto(input, computed, set_width);
 }
diff --git a/lib/css/src/properties/word_break.c b/lib/css/src/properties/word_break.c
index 899637ae1..6da4bffa9 100644
--- a/lib/css/src/properties/word_break.c
+++ b/lib/css/src/properties/word_break.c
@@ -1,26 +1,26 @@
 /*
  * lib/css/src/properties/word_break.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 
 int css_cascade_word_break(const css_style_array_value_t input,
-			    css_computed_style_t* computed)
+                           css_computed_style_t *computed)
 {
-	computed->type_bits.word_break = CSS_WORD_BREAK_NORMAL;
-	switch (input[0].keyword_value) {
-	case CSS_KEYWORD_BREAK_ALL:
-		computed->type_bits.word_break = CSS_WORD_BREAK_BREAK_ALL;
-		break;
-	default:
-		break;
-	}
-	return 0;
+        computed->type_bits.word_break = CSS_WORD_BREAK_NORMAL;
+        switch (input[0].keyword_value) {
+        case CSS_KEYWORD_BREAK_ALL:
+                computed->type_bits.word_break = CSS_WORD_BREAK_BREAK_ALL;
+                break;
+        default:
+                break;
+        }
+        return 0;
 }
diff --git a/lib/css/src/properties/z_index.c b/lib/css/src/properties/z_index.c
index f747648a1..21cc60f1b 100644
--- a/lib/css/src/properties/z_index.c
+++ b/lib/css/src/properties/z_index.c
@@ -1,24 +1,24 @@
 /*
  * lib/css/src/properties/z_index.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../properties.h"
 
 int css_cascade_z_index(const css_style_array_value_t input,
-			css_computed_style_t* computed)
+                        css_computed_style_t *computed)
 {
-	if (input[0].type == CSS_NUMERIC_VALUE) {
-		computed->z_index = input[0].numeric_value;
-	} else {
-		computed->z_index = 0;
-	}
-	computed->type_bits.z_index = CSS_Z_INDEX_SET;
-	return 0;
+        if (input[0].type == CSS_NUMERIC_VALUE) {
+                computed->z_index = input[0].numeric_value;
+        } else {
+                computed->z_index = 0;
+        }
+        computed->type_bits.z_index = CSS_Z_INDEX_SET;
+        return 0;
 }
diff --git a/lib/css/src/selector.c b/lib/css/src/selector.c
index 0b9588941..871628ab3 100644
--- a/lib/css/src/selector.c
+++ b/lib/css/src/selector.c
@@ -1,14 +1,15 @@
 /*
  * lib/css/src/selector.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
+#include <stdio.h>
 #include <errno.h>
 #include <css/selector.h>
 
@@ -35,10 +36,10 @@ enum css_selector_name_finder_level {
 
 /* 样式表查找器的上下文数据结构 */
 typedef struct css_selector_name_collector {
-        int level;    /**< 当前选择器层级 */
-        int class_i;  /**< 当前处理到第几个类名 */
-        int status_i; /**< 当前处理到第几个状态名（伪类名） */
-        int name_i;   /**< 选择器名称从第几个字符开始 */
+        int level;                 /**< 当前选择器层级 */
+        int class_i;               /**< 当前处理到第几个类名 */
+        int status_i;              /**< 当前处理到第几个状态名（伪类名） */
+        int name_i;                /**< 选择器名称从第几个字符开始 */
         char name[MAX_NAME_LEN];   /**< 选择器名称缓存 */
         css_selector_node_t *node; /**< 针对的选择器结点 */
 } css_selector_name_collector_t;
@@ -72,6 +73,7 @@ static int css_selector_collect_name(css_selector_name_collector_t *sfinder,
         size_t len, old_len;
         int i, old_level, count = 0;
         char *fullname = sfinder->name + sfinder->name_i;
+        size_t avail = MAX_NAME_LEN - sfinder->name_i;
 
         old_len = len = strlen(fullname);
         old_level = sfinder->level;
@@ -81,8 +83,8 @@ static int css_selector_collect_name(css_selector_name_collector_t *sfinder,
                 if (!sfinder->node->type) {
                         return 0;
                 }
-                strcpy(fullname, sfinder->node->type);
-                list_append(list, strdup2(fullname));
+                snprintf(fullname, avail, "%s", sfinder->node->type);
+                list_append(list, y_strdup(fullname));
                 break;
         case LEVEL_ID:
                 /* 按ID选择器生成选择器全名 */
@@ -91,8 +93,8 @@ static int css_selector_collect_name(css_selector_name_collector_t *sfinder,
                 }
                 fullname[len++] = '#';
                 fullname[len] = 0;
-                strcpy(fullname + len, sfinder->node->id);
-                list_append(list, strdup2(fullname));
+                snprintf(fullname + len, avail - len, "%s", sfinder->node->id);
+                list_append(list, y_strdup(fullname));
                 break;
         case LEVEL_CLASS:
                 if (!sfinder->node->classes) {
@@ -109,8 +111,9 @@ static int css_selector_collect_name(css_selector_name_collector_t *sfinder,
                 for (i = 0; sfinder->node->classes[i]; ++i) {
                         sfinder->level += 1;
                         sfinder->class_i = i;
-                        strcpy(fullname + len, sfinder->node->classes[i]);
-                        list_append(list, strdup2(fullname));
+                        snprintf(fullname + len, avail - len, "%s",
+                                 sfinder->node->classes[i]);
+                        list_append(list, y_strdup(fullname));
                         /* 将当前选择器名与其它层级的选择器名组合 */
                         while (sfinder->level < LEVEL_TOTAL_NUM) {
                                 count +=
@@ -139,7 +142,7 @@ static int css_selector_collect_name(css_selector_name_collector_t *sfinder,
                                 continue;
                         }
                         strcpy(fullname + len, sfinder->node->classes[i]);
-                        list_append(list, strdup2(fullname));
+                        list_append(list, y_strdup(fullname));
                         sfinder->class_i = i;
                         count += css_selector_collect_name(sfinder, list);
                         sfinder->class_i = 0;
@@ -175,7 +178,7 @@ static int css_selector_collect_name(css_selector_name_collector_t *sfinder,
                 for (i = 0; sfinder->node->status[i]; ++i) {
                         sfinder->status_i = i;
                         strcpy(fullname + len, sfinder->node->status[i]);
-                        list_append(list, strdup2(fullname));
+                        list_append(list, y_strdup(fullname));
                         /**
                          * 递归调用，以一层层拼接出像下面这样的选择器：
                          * text#main-btn-text:active:focus:hover
@@ -197,7 +200,7 @@ static int css_selector_collect_name(css_selector_name_collector_t *sfinder,
                         }
                         fullname[len] = ':';
                         strcpy(fullname + len + 1, sfinder->node->status[i]);
-                        list_append(list, strdup2(fullname));
+                        list_append(list, y_strdup(fullname));
                         sfinder->status_i = i;
                         count += css_selector_collect_name(sfinder, list);
                         sfinder->status_i = 0;
@@ -458,7 +461,7 @@ css_selector_t *css_selector_create(const char *selector)
                                 break;
                         }
                 }
-		escape = false;
+                escape = false;
                 if (!name_valid) {
                         type = 0;
                         name_valid = true;
@@ -499,9 +502,9 @@ css_selector_node_t *css_selector_node_duplicate(const css_selector_node_t *src)
         css_selector_node_t *dst;
 
         dst = calloc(sizeof(css_selector_node_t), 1);
-        dst->id = src->id ? strdup2(src->id) : NULL;
-        dst->type = src->type ? strdup2(src->type) : NULL;
-        dst->fullname = src->fullname ? strdup2(src->fullname) : NULL;
+        dst->id = src->id ? y_strdup(src->id) : NULL;
+        dst->type = src->type ? y_strdup(src->type) : NULL;
+        dst->fullname = src->fullname ? y_strdup(src->fullname) : NULL;
         if (src->classes) {
                 for (i = 0; src->classes[i]; ++i) {
                         strlist_sorted_add(&dst->classes, src->classes[i]);
diff --git a/lib/css/src/style_decl.c b/lib/css/src/style_decl.c
index f4fe8ac93..e2a8ddc5b 100644
--- a/lib/css/src/style_decl.c
+++ b/lib/css/src/style_decl.c
@@ -1,12 +1,12 @@
 /*
  * lib/css/src/style_decl.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <css/properties.h>
diff --git a/lib/css/src/style_parser.c b/lib/css/src/style_parser.c
index afae220d1..d8d8e9887 100644
--- a/lib/css/src/style_parser.c
+++ b/lib/css/src/style_parser.c
@@ -1,12 +1,12 @@
 /*
  * lib/css/src/style_parser.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <errno.h>
@@ -17,69 +17,69 @@
 
 static char *getdirname(const char *path)
 {
-	char *dirname;
-	size_t i, pos;
-	for (i = 0, pos = SIZE_MAX; path[i]; ++i) {
-		if (path[i] == '/') {
-			pos = i;
-		}
-	}
-	if (pos > i) {
-		return NULL;
-	}
-	dirname = malloc(sizeof(char) * i);
-	if (!dirname) {
-		return NULL;
-	}
-	for (i = 0; i < pos; ++i) {
-		dirname[i] = path[i];
-	}
-	dirname[i] = 0;
-	return dirname;
+        char *dirname;
+        size_t i, pos;
+        for (i = 0, pos = SIZE_MAX; path[i]; ++i) {
+                if (path[i] == '/') {
+                        pos = i;
+                }
+        }
+        if (pos > i) {
+                return NULL;
+        }
+        dirname = malloc(sizeof(char) * i);
+        if (!dirname) {
+                return NULL;
+        }
+        for (i = 0; i < pos; ++i) {
+                dirname[i] = path[i];
+        }
+        dirname[i] = 0;
+        return dirname;
 }
 
 void css_style_parser_init(css_style_parser_t *parser, const char *space)
 {
-	parser->property = NULL;
-	parser->style_handler = NULL;
-	parser->style_handler_arg = NULL;
-	list_create(&parser->selectors);
-	if (space) {
-		parser->space = strdup2(space);
-		parser->dirname = getdirname(parser->space);
-	} else {
-		parser->dirname = NULL;
-		parser->space = NULL;
-	}
+        parser->property = NULL;
+        parser->style_handler = NULL;
+        parser->style_handler_arg = NULL;
+        list_create(&parser->selectors);
+        if (space) {
+                parser->space = y_strdup(space);
+                parser->dirname = getdirname(parser->space);
+        } else {
+                parser->dirname = NULL;
+                parser->space = NULL;
+        }
 }
 
 void css_style_parser_destroy(css_style_parser_t *parser)
 {
-	list_destroy(&parser->selectors,
-		     (list_item_destructor_t)css_selector_destroy);
-	if (parser->dirname) {
-		free(parser->dirname);
-	}
-	if (parser->space) {
-		free(parser->space);
-	}
-	if (parser->property) {
-		free(parser->property);
-	}
-	parser->space = NULL;
-	parser->dirname = NULL;
-	parser->property = NULL;
+        list_destroy(&parser->selectors,
+                     (list_item_destructor_t)css_selector_destroy);
+        if (parser->dirname) {
+                free(parser->dirname);
+        }
+        if (parser->space) {
+                free(parser->space);
+        }
+        if (parser->property) {
+                free(parser->property);
+        }
+        parser->space = NULL;
+        parser->dirname = NULL;
+        parser->property = NULL;
 }
 
 void css_style_parser_commit(css_style_parser_t *parser)
 {
-	list_node_t *node;
+        list_node_t *node;
 
-	/* 将记录的样式表添加至匹配到的选择器中 */
-	for (list_each(node, &parser->selectors)) {
-		css_add_style_decl(node->data, parser->style, parser->space);
-	}
-	list_destroy(&parser->selectors,
-		     (list_item_destructor_t)css_selector_destroy);
-	css_style_decl_destroy(parser->style);
+        /* 将记录的样式表添加至匹配到的选择器中 */
+        for (list_each(node, &parser->selectors)) {
+                css_add_style_decl(node->data, parser->style, parser->space);
+        }
+        list_destroy(&parser->selectors,
+                     (list_item_destructor_t)css_selector_destroy);
+        css_style_decl_destroy(parser->style);
 }
diff --git a/lib/css/src/style_value.c b/lib/css/src/style_value.c
index 8eaa072dd..177b7d505 100644
--- a/lib/css/src/style_value.c
+++ b/lib/css/src/style_value.c
@@ -1,12 +1,12 @@
 /*
  * lib/css/src/style_value.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <assert.h>
@@ -20,259 +20,258 @@
 
 unsigned css_array_value_get_length(const css_style_array_value_t val)
 {
-	unsigned len;
+        unsigned len;
 
-	if (!val) {
-		return 0;
-	}
-	for (len = 0; val[len].type != CSS_NO_VALUE; ++len)
-		;
-	return len;
+        if (!val) {
+                return 0;
+        }
+        for (len = 0; val[len].type != CSS_NO_VALUE; ++len);
+        return len;
 }
 
 int css_array_value_set_length(css_style_array_value_t *arr, unsigned new_len)
 {
-	unsigned len;
-	css_style_array_value_t new_arr;
+        unsigned len;
+        css_style_array_value_t new_arr;
 
-	len = css_array_value_get_length(*arr);
-	new_arr = realloc(*arr, (new_len + 1) * sizeof(css_style_value_t));
-	if (!new_arr) {
-		return -1;
-	}
-	for (; len < new_len; ++len) {
-		new_arr[len].type = CSS_INVALID_VALUE;
-	}
-	new_arr[new_len].type = CSS_NO_VALUE;
-	*arr = new_arr;
-	return 0;
+        len = css_array_value_get_length(*arr);
+        new_arr = realloc(*arr, (new_len + 1) * sizeof(css_style_value_t));
+        if (!new_arr) {
+                return -1;
+        }
+        for (; len < new_len; ++len) {
+                new_arr[len].type = CSS_INVALID_VALUE;
+        }
+        new_arr[new_len].type = CSS_NO_VALUE;
+        *arr = new_arr;
+        return 0;
 }
 
 unsigned css_array_value_concat(css_style_array_value_t *arr1,
-				css_style_array_value_t *arr2)
+                                css_style_array_value_t *arr2)
 {
-	unsigned len1 = css_array_value_get_length(*arr1);
-	unsigned len2 = css_array_value_get_length(*arr2);
-	unsigned new_len = len1 + len2;
+        unsigned len1 = css_array_value_get_length(*arr1);
+        unsigned len2 = css_array_value_get_length(*arr2);
+        unsigned new_len = len1 + len2;
 
-	if (css_array_value_set_length(arr1, new_len) != 0) {
-		return len1;
-	}
-	for (len2 = 0; len1 < new_len + 1; ++len1, ++len2) {
-		(*arr1)[len1] = (*arr2)[len2];
-	}
-	free(*arr2);
-	*arr2 = NULL;
-	return new_len;
+        if (css_array_value_set_length(arr1, new_len) != 0) {
+                return len1;
+        }
+        for (len2 = 0; len1 < new_len + 1; ++len1, ++len2) {
+                (*arr1)[len1] = (*arr2)[len2];
+        }
+        free(*arr2);
+        *arr2 = NULL;
+        return new_len;
 }
 
 css_style_array_value_t css_array_value_duplicate(
     const css_style_array_value_t arr)
 {
-	unsigned i, len;
-	css_style_array_value_t new_arr;
+        unsigned i, len;
+        css_style_array_value_t new_arr;
 
-	len = css_array_value_get_length(arr);
-	new_arr = malloc(sizeof(css_style_value_t) * (len + 1));
-	if (!new_arr) {
-		return NULL;
-	}
-	for (i = 0; i <= len; ++i) {
-		css_style_value_copy(new_arr + i, arr + i);
-	}
-	return new_arr;
+        len = css_array_value_get_length(arr);
+        new_arr = malloc(sizeof(css_style_value_t) * (len + 1));
+        if (!new_arr) {
+                return NULL;
+        }
+        for (i = 0; i <= len; ++i) {
+                css_style_value_copy(new_arr + i, arr + i);
+        }
+        return new_arr;
 }
 
 void css_array_value_destroy(css_style_array_value_t val)
 {
-	unsigned i;
+        unsigned i;
 
-	if (!val) {
-		return;
-	}
-	for (i = 0; val[i].type != CSS_NO_VALUE; ++i) {
-		css_style_value_destroy(val + i);
-	}
-	free(val);
+        if (!val) {
+                return;
+        }
+        for (i = 0; val[i].type != CSS_NO_VALUE; ++i) {
+                css_style_value_destroy(val + i);
+        }
+        free(val);
 }
 
 void css_style_value_destroy(css_style_value_t *val)
 {
-	switch (val->type) {
-	case CSS_ARRAY_VALUE:
-		css_array_value_destroy(val->array_value);
-		val->array_value = NULL;
-		break;
-	case CSS_UNPARSED_VALUE:
-		free(val->unparsed_value);
-		break;
-	case CSS_STRING_VALUE:
-		free(val->string_value);
-		val->string_value = NULL;
-		break;
-	default:
-		break;
-	}
-	val->type = CSS_NO_VALUE;
+        switch (val->type) {
+        case CSS_ARRAY_VALUE:
+                css_array_value_destroy(val->array_value);
+                val->array_value = NULL;
+                break;
+        case CSS_UNPARSED_VALUE:
+                free(val->unparsed_value);
+                break;
+        case CSS_STRING_VALUE:
+                free(val->string_value);
+                val->string_value = NULL;
+                break;
+        default:
+                break;
+        }
+        val->type = CSS_NO_VALUE;
 }
 
 unsigned css_style_value_get_array_length(const css_style_value_t *val)
 {
-	return css_array_value_get_length(val->array_value);
+        return css_array_value_get_length(val->array_value);
 }
 
 int css_style_value_set_array_length(css_style_value_t *val, unsigned new_len)
 {
-	return css_array_value_set_length(&val->array_value, new_len);
+        return css_array_value_set_length(&val->array_value, new_len);
 }
 
 void css_style_value_copy(css_style_value_t *dst, const css_style_value_t *src)
 {
-	switch (src->type) {
-	case CSS_STRING_VALUE:
-	case CSS_UNPARSED_VALUE:
-		if (src->string_value) {
-			dst->string_value = strdup2(src->string_value);
-		} else {
-			dst->string_value = NULL;
-		}
-		break;
-	case CSS_ARRAY_VALUE:
-		dst->array_value = css_array_value_duplicate(src->array_value);
-		break;
-	default:
-		*dst = *src;
-		break;
-	}
-	dst->type = src->type;
+        switch (src->type) {
+        case CSS_STRING_VALUE:
+        case CSS_UNPARSED_VALUE:
+                if (src->string_value) {
+                        dst->string_value = y_strdup(src->string_value);
+                } else {
+                        dst->string_value = NULL;
+                }
+                break;
+        case CSS_ARRAY_VALUE:
+                dst->array_value = css_array_value_duplicate(src->array_value);
+                break;
+        default:
+                *dst = *src;
+                break;
+        }
+        dst->type = src->type;
 }
 
 size_t css_style_value_concat_array(css_style_value_t *val1,
-				    css_style_value_t *val2)
+                                    css_style_value_t *val2)
 {
-	assert(val1->type == CSS_ARRAY_VALUE && val2->type == CSS_ARRAY_VALUE);
-	return css_array_value_concat(&val1->array_value, &val2->array_value);
+        assert(val1->type == CSS_ARRAY_VALUE && val2->type == CSS_ARRAY_VALUE);
+        return css_array_value_concat(&val1->array_value, &val2->array_value);
 }
 
 // https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleValue/parse
 
 css_style_value_t *css_style_value_parse(const char *property,
-					 const char *css_text)
+                                         const char *css_text)
 {
-	const css_propdef_t *propdef;
-	css_style_value_t *value;
+        const css_propdef_t *propdef;
+        css_style_value_t *value;
 
-	propdef = css_get_propdef_by_name(property);
-	if (!propdef) {
-		return NULL;
-	}
-	value = malloc(sizeof(css_style_value_t));
-	value->type = CSS_INVALID_VALUE;
-	if (css_parse_value(propdef->valdef, css_text, value) > 0) {
-		return value;
-	}
-	free(value);
-	return NULL;
+        propdef = css_get_propdef_by_name(property);
+        if (!propdef) {
+                return NULL;
+        }
+        value = malloc(sizeof(css_style_value_t));
+        value->type = CSS_INVALID_VALUE;
+        if (css_parse_value(propdef->valdef, css_text, value) > 0) {
+                return value;
+        }
+        free(value);
+        return NULL;
 }
 
 void css_dump_style_value(const css_style_value_t *s, css_dump_context_t *ctx)
 {
-	const char *unit;
-	union {
-		uint32_t value;
-		struct {
-			unsigned char r;
-			unsigned char g;
-			unsigned char b;
-			unsigned char a;
-		};
-	} color;
+        const char *unit;
+        union {
+                uint32_t value;
+                struct {
+                        unsigned char r;
+                        unsigned char g;
+                        unsigned char b;
+                        unsigned char a;
+                };
+        } color;
 
-	switch (s->type) {
-	case CSS_INVALID_VALUE:
-		DUMP("<invalid value>");
-		break;
-	case CSS_COLOR_VALUE:
-		color.value = s->color_value;
-		if (color.a < 255) {
-			DUMPF("rgba(%d,%d,%d,%g)", color.r, color.g, color.b,
-			      color.a / 255.0);
-		} else {
-			DUMPF("#%02x%02x%02x", color.r, color.g, color.b);
-		}
-		break;
-	case CSS_STRING_VALUE:
-		DUMP(s->string_value);
-		break;
-	case CSS_KEYWORD_VALUE:
-		DUMP(css_get_keyword_name(s->keyword_value));
-		break;
-	case CSS_NUMERIC_VALUE:
-		DUMPF("%g", s->numeric_value);
-		break;
-	case CSS_UNIT_VALUE:
-		switch (s->unit_value.unit) {
-		case CSS_UNIT_PERCENT:
-			unit = "%";
-			break;
-		case CSS_UNIT_DIP:
-			unit = "dip";
-			break;
-		case CSS_UNIT_PT:
-			unit = "pt";
-			break;
-		case CSS_UNIT_SP:
-			unit = "sp";
-			break;
-		case CSS_UNIT_PX:
-		default:
-			unit = "px";
-			break;
-		}
-		DUMPF("%g%s", s->unit_value.value, unit);
-		break;
-	case CSS_UNPARSED_VALUE:
-		DUMP(s->unparsed_value);
-		break;
-	case CSS_ARRAY_VALUE: {
-		unsigned arr_i, arr_len;
+        switch (s->type) {
+        case CSS_INVALID_VALUE:
+                DUMP("<invalid value>");
+                break;
+        case CSS_COLOR_VALUE:
+                color.value = s->color_value;
+                if (color.a < 255) {
+                        DUMPF("rgba(%d,%d,%d,%g)", color.r, color.g, color.b,
+                              color.a / 255.0);
+                } else {
+                        DUMPF("#%02x%02x%02x", color.r, color.g, color.b);
+                }
+                break;
+        case CSS_STRING_VALUE:
+                DUMP(s->string_value);
+                break;
+        case CSS_KEYWORD_VALUE:
+                DUMP(css_get_keyword_name(s->keyword_value));
+                break;
+        case CSS_NUMERIC_VALUE:
+                DUMPF("%g", s->numeric_value);
+                break;
+        case CSS_UNIT_VALUE:
+                switch (s->unit_value.unit) {
+                case CSS_UNIT_PERCENT:
+                        unit = "%";
+                        break;
+                case CSS_UNIT_DIP:
+                        unit = "dip";
+                        break;
+                case CSS_UNIT_PT:
+                        unit = "pt";
+                        break;
+                case CSS_UNIT_SP:
+                        unit = "sp";
+                        break;
+                case CSS_UNIT_PX:
+                default:
+                        unit = "px";
+                        break;
+                }
+                DUMPF("%g%s", s->unit_value.value, unit);
+                break;
+        case CSS_UNPARSED_VALUE:
+                DUMP(s->unparsed_value);
+                break;
+        case CSS_ARRAY_VALUE: {
+                unsigned arr_i, arr_len;
 
-		arr_len = css_style_value_get_array_length(s);
-		if (arr_len > 1) {
-			DUMP("[");
-		}
-		for (arr_i = 0; arr_i < arr_len; ++arr_i) {
-			css_dump_style_value(s->array_value + arr_i, ctx);
-			if (arr_i + 1 < arr_len) {
-				DUMP(", ");
-			}
-		}
-		if (arr_len > 1) {
-			DUMP("]");
-		}
-		break;
-	}
-	default:
-		break;
-	}
+                arr_len = css_style_value_get_array_length(s);
+                if (arr_len > 1) {
+                        DUMP("[");
+                }
+                for (arr_i = 0; arr_i < arr_len; ++arr_i) {
+                        css_dump_style_value(s->array_value + arr_i, ctx);
+                        if (arr_i + 1 < arr_len) {
+                                DUMP(", ");
+                        }
+                }
+                if (arr_len > 1) {
+                        DUMP("]");
+                }
+                break;
+        }
+        default:
+                break;
+        }
 }
 
 size_t css_style_value_to_string(const css_style_value_t *s, char *str,
-				 size_t max_len)
+                                 size_t max_len)
 {
-	css_dump_context_t ctx = { .data = str,
-				   .len = 0,
-				   .max_len = max_len,
-				   .func = css_dump_to_buffer };
-	css_dump_style_value(s, &ctx);
-	return ctx.len;
+        css_dump_context_t ctx = { .data = str,
+                                   .len = 0,
+                                   .max_len = max_len,
+                                   .func = css_dump_to_buffer };
+        css_dump_style_value(s, &ctx);
+        return ctx.len;
 }
 
 size_t css_print_style_value(const css_style_value_t *s)
 {
-	css_dump_context_t ctx = {
-		.data = NULL, .len = 0, .max_len = 0, .func = css_dump_to_stdout
-	};
-	css_dump_style_value(s, &ctx);
-	return ctx.len;
+        css_dump_context_t ctx = {
+                .data = NULL, .len = 0, .max_len = 0, .func = css_dump_to_stdout
+        };
+        css_dump_style_value(s, &ctx);
+        return ctx.len;
 }
diff --git a/lib/css/src/utils.c b/lib/css/src/utils.c
index 6d8fab3f3..d42ab69e3 100644
--- a/lib/css/src/utils.c
+++ b/lib/css/src/utils.c
@@ -1,57 +1,58 @@
 /*
  * lib/css/src/utils.c: -- Parse data from string
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <ctype.h>
 #include <stdio.h>
 #include <stdlib.h>
+#include <math.h>
 #include <string.h>
 #include <css/utils.h>
 
 bool css_parse_font_weight(const char *str, int *weight)
 {
-	int value;
-	// TODO
-	if (strcmp(str, "normal") == 0) {
-		*weight = CSS_FONT_WEIGHT_NORMAL;
-		return true;
-	}
-	if (strcmp(str, "bold") == 0) {
-		*weight = CSS_FONT_WEIGHT_BOLD;
-		return true;
-	}
-	if (sscanf(str, "%d", &value) != 1) {
-		*weight = CSS_FONT_WEIGHT_NORMAL;
-		return false;
-	}
-	if (value < 100) {
-		*weight = CSS_FONT_WEIGHT_100;
-		return true;
-	}
-	*weight = y_iround(value / 100.0) * 100;
-	return true;
+        int value;
+        // TODO
+        if (strcmp(str, "normal") == 0) {
+                *weight = CSS_FONT_WEIGHT_NORMAL;
+                return true;
+        }
+        if (strcmp(str, "bold") == 0) {
+                *weight = CSS_FONT_WEIGHT_BOLD;
+                return true;
+        }
+        if (sscanf(str, "%d", &value) != 1) {
+                *weight = CSS_FONT_WEIGHT_NORMAL;
+                return false;
+        }
+        if (value < 100) {
+                *weight = CSS_FONT_WEIGHT_100;
+                return true;
+        }
+        *weight = (int)round(value / 100.0) * 100;
+        return true;
 }
 
 bool css_parse_font_style(const char *str, int *style)
 {
-	char value[64] = "";
-	// TODO
-	strtrim(value, str, NULL);
-	if (strcmp(value, "normal") == 0) {
-		*style = CSS_FONT_STYLE_NORMAL;
-	} else if (strcmp(value, "italic") == 0) {
-		*style = CSS_FONT_STYLE_ITALIC;
-	} else if (strcmp(value, "oblique") == 0) {
-		*style = CSS_FONT_STYLE_OBLIQUE;
-	} else {
-		return false;
-	}
-	return true;
+        char value[64] = "";
+        // TODO
+        y_strtrim(value, str, NULL);
+        if (strcmp(value, "normal") == 0) {
+                *style = CSS_FONT_STYLE_NORMAL;
+        } else if (strcmp(value, "italic") == 0) {
+                *style = CSS_FONT_STYLE_ITALIC;
+        } else if (strcmp(value, "oblique") == 0) {
+                *style = CSS_FONT_STYLE_OBLIQUE;
+        } else {
+                return false;
+        }
+        return true;
 }
diff --git a/lib/css/src/value.c b/lib/css/src/value.c
index e100f22be..92c3a7521 100644
--- a/lib/css/src/value.c
+++ b/lib/css/src/value.c
@@ -1,12 +1,12 @@
 /*
  * lib/css/src/value.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 /**
@@ -31,876 +31,876 @@
 #define CSS_VALDEF_PARSER_ERROR_SIZE 256
 
 typedef enum css_valdef_sign_t {
-	CSS_VALDEF_SIGN_NONE,
-	CSS_VALDEF_SIGN_JUXTAPOSITION,
-	CSS_VALDEF_SIGN_DOUBLE_AMPERSAND,
-	CSS_VALDEF_SIGN_DOUBLE_BAR,
-	CSS_VALDEF_SIGN_SINGLE_BAR,
-	CSS_VALDEF_SIGN_BRACKETS,
-	CSS_VALDEF_SIGN_ANGLE_BRACKET
+        CSS_VALDEF_SIGN_NONE,
+        CSS_VALDEF_SIGN_JUXTAPOSITION,
+        CSS_VALDEF_SIGN_DOUBLE_AMPERSAND,
+        CSS_VALDEF_SIGN_DOUBLE_BAR,
+        CSS_VALDEF_SIGN_SINGLE_BAR,
+        CSS_VALDEF_SIGN_BRACKETS,
+        CSS_VALDEF_SIGN_ANGLE_BRACKET
 } css_valdef_sign_t;
 
 struct css_value_type_record {
-	char *name;
-	css_value_parse_cb parse_value;
+        char *name;
+        css_value_parse_cb parse_value;
 };
 
 struct css_valdef {
-	css_valdef_sign_t sign;
-	unsigned min_count;
-	unsigned max_count;
-	const css_valdef_t *source;
-	union {
-		css_keyword_value_t ident;
-		/** list_t<css_valdef_t> */
-		list_t children;
-		const css_value_type_record_t *type;
-	};
+        css_valdef_sign_t sign;
+        unsigned min_count;
+        unsigned max_count;
+        const css_valdef_t *source;
+        union {
+                css_keyword_value_t ident;
+                /** list_t<css_valdef_t> */
+                list_t children;
+                const css_value_type_record_t *type;
+        };
 };
 
 typedef enum css_valdef_parser_target_t {
-	CSS_VALDEF_PARSER_TARGET_NONE,
-	CSS_VALDEF_PARSER_TARGET_ERROR,
-	CSS_VALDEF_PARSER_TARGET_KEYWORD,
-	CSS_VALDEF_PARSER_TARGET_DATA_TYPE,
-	CSS_VALDEF_PARSER_TARGET_CURLY_BRACES,
-	CSS_VALDEF_PARSER_TARGET_BRACKETS,
-	CSS_VALDEF_PARSER_TARGET_QUESTION_MARK,
-	CSS_VALDEF_PARSER_TARGET_SIGN
+        CSS_VALDEF_PARSER_TARGET_NONE,
+        CSS_VALDEF_PARSER_TARGET_ERROR,
+        CSS_VALDEF_PARSER_TARGET_KEYWORD,
+        CSS_VALDEF_PARSER_TARGET_DATA_TYPE,
+        CSS_VALDEF_PARSER_TARGET_CURLY_BRACES,
+        CSS_VALDEF_PARSER_TARGET_BRACKETS,
+        CSS_VALDEF_PARSER_TARGET_QUESTION_MARK,
+        CSS_VALDEF_PARSER_TARGET_SIGN
 } css_valdef_parser_target_t;
 
 typedef struct css_valdef_parser {
-	const char *cur;
-	char *buffer;
-	char terminator;
-	size_t pos;
-	size_t buffer_size;
-	css_valdef_parser_target_t target;
-	char error[CSS_VALDEF_PARSER_ERROR_SIZE];
-
-	css_valdef_t *valdef;
-
-	/** list_t<css_valdef_parser_target_t> */
-	list_t valdef_parents;
+        const char *cur;
+        char *buffer;
+        char terminator;
+        size_t pos;
+        size_t buffer_size;
+        css_valdef_parser_target_t target;
+        char error[CSS_VALDEF_PARSER_ERROR_SIZE];
+
+        css_valdef_t *valdef;
+
+        /** list_t<css_valdef_parser_target_t> */
+        list_t valdef_parents;
 } css_valdef_parser_t;
 
 typedef struct css_value_matcher {
-	const char *cur;
-	const char *next;
+        const char *cur;
+        const char *next;
 
-	char *value_str;
-	size_t value_str_len;
+        char *value_str;
+        size_t value_str_len;
 
-	css_style_array_value_t value;
-	unsigned value_len;
+        css_style_array_value_t value;
+        unsigned value_len;
 } css_value_matcher_t;
 
 static struct css_value_module {
-	/** dict_t<string, css_valdef_t> */
-	dict_t *alias;
+        /** dict_t<string, css_valdef_t> */
+        dict_t *alias;
 
-	/** dict_t<string, css_value_type_record_t> */
-	dict_t *types;
+        /** dict_t<string, css_value_type_record_t> */
+        dict_t *types;
 } css_value;
 
 static bool css_valdef_has_children(css_valdef_t *valdef)
 {
-	switch (valdef->sign) {
-	case CSS_VALDEF_SIGN_JUXTAPOSITION:
-	case CSS_VALDEF_SIGN_DOUBLE_AMPERSAND:
-	case CSS_VALDEF_SIGN_DOUBLE_BAR:
-	case CSS_VALDEF_SIGN_SINGLE_BAR:
-	case CSS_VALDEF_SIGN_BRACKETS:
-		return true;
-	default:
-		break;
-	}
-	return false;
+        switch (valdef->sign) {
+        case CSS_VALDEF_SIGN_JUXTAPOSITION:
+        case CSS_VALDEF_SIGN_DOUBLE_AMPERSAND:
+        case CSS_VALDEF_SIGN_DOUBLE_BAR:
+        case CSS_VALDEF_SIGN_SINGLE_BAR:
+        case CSS_VALDEF_SIGN_BRACKETS:
+                return true;
+        default:
+                break;
+        }
+        return false;
 }
 
 void css_valdef_destroy(css_valdef_t *valdef)
 {
-	if (css_valdef_has_children(valdef)) {
-		list_destroy(&valdef->children,
-			     (list_item_destructor_t)(css_valdef_destroy));
-	}
-	free(valdef);
+        if (css_valdef_has_children(valdef)) {
+                list_destroy(&valdef->children,
+                             (list_item_destructor_t)(css_valdef_destroy));
+        }
+        free(valdef);
 }
 
 static void css_valdef_shallow_destroy(css_valdef_t *valdef)
 {
-	if (css_valdef_has_children(valdef)) {
-		list_destroy(&valdef->children, NULL);
-	}
-	free(valdef);
+        if (css_valdef_has_children(valdef)) {
+                list_destroy(&valdef->children, NULL);
+        }
+        free(valdef);
 }
 
 static void css_value_alias_destroy_value(void *priv, void *val)
 {
-	css_valdef_destroy(val);
+        css_valdef_destroy(val);
 }
 
 static void css_value_types_destroy_value(void *priv, void *val)
 {
-	css_value_type_record_t *t = val;
+        css_value_type_record_t *t = val;
 
-	free(t->name);
-	free(t);
+        free(t->name);
+        free(t);
 }
 
 void css_init_value_definitons(void)
 {
-	static dict_type_t alias_dt;
-	static dict_type_t types_dt;
+        static dict_type_t alias_dt;
+        static dict_type_t types_dt;
 
-	dict_init_string_copy_key_type(&alias_dt);
-	alias_dt.val_destructor = css_value_alias_destroy_value;
-	css_value.alias = dict_create(&alias_dt, NULL);
+        dict_init_string_copy_key_type(&alias_dt);
+        alias_dt.val_destructor = css_value_alias_destroy_value;
+        css_value.alias = dict_create(&alias_dt, NULL);
 
-	dict_init_string_key_type(&types_dt);
-	types_dt.val_destructor = css_value_types_destroy_value;
-	css_value.types = dict_create(&types_dt, NULL);
+        dict_init_string_key_type(&types_dt);
+        types_dt.val_destructor = css_value_types_destroy_value;
+        css_value.types = dict_create(&types_dt, NULL);
 }
 
 void css_destroy_value_definitons(void)
 {
-	dict_destroy(css_value.alias);
-	dict_destroy(css_value.types);
-	css_value.types = NULL;
-	css_value.alias = NULL;
+        dict_destroy(css_value.alias);
+        dict_destroy(css_value.types);
+        css_value.types = NULL;
+        css_value.alias = NULL;
 }
 
 static css_valdef_t *css_valdef_create(css_valdef_sign_t sign)
 {
-	css_valdef_t *valdef;
-
-	valdef = calloc(1, sizeof(css_valdef_t));
-	if (!valdef) {
-		return NULL;
-	}
-	valdef->max_count = 1;
-	valdef->min_count = 1;
-	valdef->sign = sign;
-	return valdef;
+        css_valdef_t *valdef;
+
+        valdef = calloc(1, sizeof(css_valdef_t));
+        if (!valdef) {
+                return NULL;
+        }
+        valdef->max_count = 1;
+        valdef->min_count = 1;
+        valdef->sign = sign;
+        return valdef;
 }
 
 static css_valdef_t *css_valdef_shallow_copy(const css_valdef_t *valdef)
 {
-	list_node_t *node;
-	css_valdef_t *copy;
-
-	copy = css_valdef_create(valdef->sign);
-	if (!copy) {
-		return NULL;
-	}
-	*copy = *valdef;
-	if (valdef->sign != CSS_VALDEF_SIGN_NONE &&
-	    valdef->sign != CSS_VALDEF_SIGN_ANGLE_BRACKET) {
-		list_create(&copy->children);
-		for (list_each(node, &valdef->children)) {
-			list_append(&copy->children, node->data);
-		}
-	}
-	return copy;
+        list_node_t *node;
+        css_valdef_t *copy;
+
+        copy = css_valdef_create(valdef->sign);
+        if (!copy) {
+                return NULL;
+        }
+        *copy = *valdef;
+        if (valdef->sign != CSS_VALDEF_SIGN_NONE &&
+            valdef->sign != CSS_VALDEF_SIGN_ANGLE_BRACKET) {
+                list_create(&copy->children);
+                for (list_each(node, &valdef->children)) {
+                        list_append(&copy->children, node->data);
+                }
+        }
+        return copy;
 }
 
 static void css_valdef_append(css_valdef_t *valdef, css_valdef_t *child)
 {
-	assert(valdef->sign != CSS_VALDEF_SIGN_NONE &&
-	       valdef->sign != CSS_VALDEF_SIGN_ANGLE_BRACKET);
-	list_append(&valdef->children, child);
+        assert(valdef->sign != CSS_VALDEF_SIGN_NONE &&
+               valdef->sign != CSS_VALDEF_SIGN_ANGLE_BRACKET);
+        list_append(&valdef->children, child);
 }
 
-const css_value_type_record_t *css_register_value_type(
-    const char *type_name, css_value_parse_cb parse)
+const css_value_type_record_t *css_register_value_type(const char *type_name,
+                                                       css_value_parse_cb parse)
 {
-	css_value_type_record_t *t;
-
-	t = malloc(sizeof(css_value_type_record_t));
-	if (!t) {
-		return NULL;
-	}
-	t->name = strdup2(type_name);
-	t->parse_value = parse;
-	if (dict_add(css_value.types, t->name, t) != 0) {
-		free(t->name);
-		free(t);
-		return NULL;
-	}
-	return t;
+        css_value_type_record_t *t;
+
+        t = malloc(sizeof(css_value_type_record_t));
+        if (!t) {
+                return NULL;
+        }
+        t->name = y_strdup(type_name);
+        t->parse_value = parse;
+        if (dict_add(css_value.types, t->name, t) != 0) {
+                free(t->name);
+                free(t);
+                return NULL;
+        }
+        return t;
 }
 
 const css_value_type_record_t *css_get_value_type(const char *type_name)
 {
-	return dict_fetch_value(css_value.types, type_name);
+        return dict_fetch_value(css_value.types, type_name);
 }
 
 const css_valdef_t *css_resolve_valdef_alias(const char *alias)
 {
-	return dict_fetch_value(css_value.alias, alias);
+        return dict_fetch_value(css_value.alias, alias);
 }
 
 css_valdef_parser_t *css_valdef_parser_create(size_t buffer_size,
-					      char terminator)
+                                              char terminator)
 {
-	css_valdef_parser_t *parser;
-
-	parser = calloc(sizeof(css_valdef_parser_t), 1);
-	parser->buffer = calloc(sizeof(char), buffer_size);
-	parser->buffer_size = buffer_size;
-	parser->target = CSS_VALDEF_PARSER_TARGET_NONE;
-	parser->terminator = terminator;
-	list_create(&parser->valdef_parents);
-	list_append(&parser->valdef_parents,
-		    css_valdef_create(CSS_VALDEF_SIGN_JUXTAPOSITION));
-	return parser;
+        css_valdef_parser_t *parser;
+
+        parser = calloc(sizeof(css_valdef_parser_t), 1);
+        parser->buffer = calloc(sizeof(char), buffer_size);
+        parser->buffer_size = buffer_size;
+        parser->target = CSS_VALDEF_PARSER_TARGET_NONE;
+        parser->terminator = terminator;
+        list_create(&parser->valdef_parents);
+        list_append(&parser->valdef_parents,
+                    css_valdef_create(CSS_VALDEF_SIGN_JUXTAPOSITION));
+        return parser;
 }
 
 void css_valdef_parser_destroy(css_valdef_parser_t *parser)
 {
-	free(parser->buffer);
-	free(parser);
+        free(parser->buffer);
+        free(parser);
 }
 
 LIBCSS_INLINE void css_valdef_parser_get_char(css_valdef_parser_t *parser)
 {
-	parser->buffer[parser->pos++] = *(parser->cur);
-	parser->buffer[parser->pos] = 0;
+        parser->buffer[parser->pos++] = *(parser->cur);
+        parser->buffer[parser->pos] = 0;
 }
 
 static int css_valdef_parser_error(css_valdef_parser_t *parser, const char *fmt,
-				   ...)
+                                   ...)
 {
-	va_list args;
-
-	va_start(args, fmt);
-	vsnprintf(parser->error, CSS_VALDEF_PARSER_ERROR_SIZE, fmt, args);
-	va_end(args);
-	parser->buffer[CSS_VALDEF_PARSER_ERROR_SIZE - 1] = 0;
-	parser->target = CSS_VALDEF_PARSER_TARGET_ERROR;
-	return -1;
+        va_list args;
+
+        va_start(args, fmt);
+        vsnprintf(parser->error, CSS_VALDEF_PARSER_ERROR_SIZE, fmt, args);
+        va_end(args);
+        parser->buffer[CSS_VALDEF_PARSER_ERROR_SIZE - 1] = 0;
+        parser->target = CSS_VALDEF_PARSER_TARGET_ERROR;
+        return -1;
 }
 
 LIBCSS_INLINE css_valdef_t *css_valdef_parser_get_parent_valdef(
     css_valdef_parser_t *parser)
 {
-	assert(parser->valdef_parents.tail.prev);
-	return parser->valdef_parents.tail.prev->data;
+        assert(parser->valdef_parents.tail.prev);
+        return parser->valdef_parents.tail.prev->data;
 }
 
 LIBCSS_INLINE void css_valdef_parser_reset_buffer(css_valdef_parser_t *parser)
 {
-	parser->buffer[0] = 0;
-	parser->pos = 0;
+        parser->buffer[0] = 0;
+        parser->pos = 0;
 }
 
 // 在遇到符号时提交当前已解析的值定义
 static int css_valdef_parser_commit(css_valdef_parser_t *parser,
-				    css_valdef_sign_t sign)
+                                    css_valdef_sign_t sign)
 {
-	css_valdef_t *parent_valdef;
-	css_valdef_t *deleted_valdef = NULL;
-	css_valdef_t *child;
-
-	// TODO: 处理 && 和 || 混写情况
-	// TODO: 处理非数组值的情况
-	if (!parser->valdef) {
-		return 0;
-	}
+        css_valdef_t *parent_valdef;
+        css_valdef_t *deleted_valdef = NULL;
+        css_valdef_t *child;
+
+        // TODO: 处理 && 和 || 混写情况
+        // TODO: 处理非数组值的情况
+        if (!parser->valdef) {
+                return 0;
+        }
 #ifdef DEBUG
-	{
-		char str[256];
-		parent_valdef =
-		    list_get_first_node(&parser->valdef_parents)->data;
-		css_valdef_to_string(parser->valdef, str, 255);
-		DEBUG_MSG("css_valdef_parser_commit(): enter %d, valdef: %s\n",
-			  sign, str);
-	}
+        {
+                char str[256];
+                parent_valdef =
+                    list_get_first_node(&parser->valdef_parents)->data;
+                css_valdef_to_string(parser->valdef, str, 255);
+                DEBUG_MSG("css_valdef_parser_commit(): enter %d, valdef: %s\n",
+                          sign, str);
+        }
 #endif
 #ifdef DEBUG
-	{
-		char str[256];
-		parent_valdef =
-		    list_get_first_node(&parser->valdef_parents)->data;
-		css_valdef_to_string(parent_valdef, str, 255);
-		DEBUG_MSG("css_valdef_parser_commit(): before: %s\n", str);
-	}
+        {
+                char str[256];
+                parent_valdef =
+                    list_get_first_node(&parser->valdef_parents)->data;
+                css_valdef_to_string(parent_valdef, str, 255);
+                DEBUG_MSG("css_valdef_parser_commit(): before: %s\n", str);
+        }
 #endif
-	parent_valdef = css_valdef_parser_get_parent_valdef(parser);
-	if (parent_valdef->sign == sign) {
-		css_valdef_append(parent_valdef, parser->valdef);
-		parser->valdef = NULL;
+        parent_valdef = css_valdef_parser_get_parent_valdef(parser);
+        if (parent_valdef->sign == sign) {
+                css_valdef_append(parent_valdef, parser->valdef);
+                parser->valdef = NULL;
 #ifdef DEBUG
-		{
-			char str[256];
-			parent_valdef =
-			    list_get_first_node(&parser->valdef_parents)->data;
-			css_valdef_to_string(parent_valdef, str, 255);
-			DEBUG_MSG("css_valdef_parser_commit(): after: %s\n",
-				  str);
-		}
+                {
+                        char str[256];
+                        parent_valdef =
+                            list_get_first_node(&parser->valdef_parents)->data;
+                        css_valdef_to_string(parent_valdef, str, 255);
+                        DEBUG_MSG("css_valdef_parser_commit(): after: %s\n",
+                                  str);
+                }
 #endif
-		return 0;
-	}
-
-	// Before:
-	// left && right |
-	//               ^
-	//               |
-	//      current sign
-	// After:
-	// [left && right] |
-	if (sign == CSS_VALDEF_SIGN_SINGLE_BAR) {
-		css_valdef_append(parent_valdef, parser->valdef);
-		parser->valdef = NULL;
-		while (parent_valdef && parent_valdef->sign != sign) {
-			list_delete_last(&parser->valdef_parents);
-			deleted_valdef = parent_valdef;
-			parent_valdef =
-			    css_valdef_parser_get_parent_valdef(parser);
-		}
-		// Before:
-		// none | top left |
-		//                 ^
-		//                 |
-		//           current sign
-		// After:
-		// none | [top left] |
-		if (parent_valdef && parent_valdef->sign == sign) {
-			return 0;
-		}
-		// Before:
-		// [top | center | bottom] && top left |
-		//                                     ^
-		//                                     |
-		//                               current sign
-		// After:
-		// [[top | center | bottom] && [top left]] |
-		child = css_valdef_create(sign);
-		css_valdef_append(child, deleted_valdef);
-		list_append(&parser->valdef_parents, child);
+                return 0;
+        }
+
+        // Before:
+        // left && right |
+        //               ^
+        //               |
+        //      current sign
+        // After:
+        // [left && right] |
+        if (sign == CSS_VALDEF_SIGN_SINGLE_BAR) {
+                css_valdef_append(parent_valdef, parser->valdef);
+                parser->valdef = NULL;
+                while (parent_valdef && parent_valdef->sign != sign) {
+                        list_delete_last(&parser->valdef_parents);
+                        deleted_valdef = parent_valdef;
+                        parent_valdef =
+                            css_valdef_parser_get_parent_valdef(parser);
+                }
+                // Before:
+                // none | top left |
+                //                 ^
+                //                 |
+                //           current sign
+                // After:
+                // none | [top left] |
+                if (parent_valdef && parent_valdef->sign == sign) {
+                        return 0;
+                }
+                // Before:
+                // [top | center | bottom] && top left |
+                //                                     ^
+                //                                     |
+                //                               current sign
+                // After:
+                // [[top | center | bottom] && [top left]] |
+                child = css_valdef_create(sign);
+                css_valdef_append(child, deleted_valdef);
+                list_append(&parser->valdef_parents, child);
 #ifdef DEBUG
-		{
-			char str[256];
-			parent_valdef =
-			    list_get_first_node(&parser->valdef_parents)->data;
-			css_valdef_to_string(parent_valdef, str, 255);
-			DEBUG_MSG("css_valdef_parser_commit(): after2: %s\n",
-				  str);
-		}
+                {
+                        char str[256];
+                        parent_valdef =
+                            list_get_first_node(&parser->valdef_parents)->data;
+                        css_valdef_to_string(parent_valdef, str, 255);
+                        DEBUG_MSG("css_valdef_parser_commit(): after2: %s\n",
+                                  str);
+                }
 #endif
 
-		return 0;
-	}
-	// Before:
-	// left | right &&
-	//               ^
-	//               |
-	//         current sign
-	// After:
-	// left | [right && ]
-	child = css_valdef_create(sign);
-	css_valdef_append(child, parser->valdef);
-	css_valdef_append(parent_valdef, child);
-	list_append(&parser->valdef_parents, child);
-	parser->valdef = NULL;
+                return 0;
+        }
+        // Before:
+        // left | right &&
+        //               ^
+        //               |
+        //         current sign
+        // After:
+        // left | [right && ]
+        child = css_valdef_create(sign);
+        css_valdef_append(child, parser->valdef);
+        css_valdef_append(parent_valdef, child);
+        list_append(&parser->valdef_parents, child);
+        parser->valdef = NULL;
 #ifdef DEBUG
-	{
-		char str[256];
-		parent_valdef =
-		    list_get_first_node(&parser->valdef_parents)->data;
-		css_valdef_to_string(parent_valdef, str, 255);
-		DEBUG_MSG("css_valdef_parser_commit(): after3: %s\n", str);
-	}
+        {
+                char str[256];
+                parent_valdef =
+                    list_get_first_node(&parser->valdef_parents)->data;
+                css_valdef_to_string(parent_valdef, str, 255);
+                DEBUG_MSG("css_valdef_parser_commit(): after3: %s\n", str);
+        }
 #endif
 
-	return 0;
+        return 0;
 }
 
 static css_valdef_t *css_valdef_parser_parse(css_valdef_parser_t *parser,
-					     const char *definition_str);
+                                             const char *definition_str);
 
 static int css_valdef_parser_parse_brackets(css_valdef_parser_t *parser)
 {
-	css_valdef_t *brackets_inner;
-	css_valdef_parser_t *subparser;
+        css_valdef_t *brackets_inner;
+        css_valdef_parser_t *subparser;
 
 #ifdef DEBUG
-	DEBUG_MSG("%s\n", "css_valdef_parser_parse_brackets(): enter");
+        DEBUG_MSG("%s\n", "css_valdef_parser_parse_brackets(): enter");
 #endif
 
-	subparser = css_valdef_parser_create(parser->buffer_size, ']');
-	brackets_inner = css_valdef_parser_parse(subparser, parser->cur);
-	if (!brackets_inner) {
-		css_valdef_parser_error(parser, subparser->error);
-		css_valdef_parser_destroy(subparser);
-		return -1;
-	}
-	parser->cur = subparser->cur;
-	parser->target = CSS_VALDEF_PARSER_TARGET_NONE;
-	parser->valdef = css_valdef_create(CSS_VALDEF_SIGN_BRACKETS);
-	css_valdef_append(parser->valdef, brackets_inner);
+        subparser = css_valdef_parser_create(parser->buffer_size, ']');
+        brackets_inner = css_valdef_parser_parse(subparser, parser->cur);
+        if (!brackets_inner) {
+                css_valdef_parser_error(parser, subparser->error);
+                css_valdef_parser_destroy(subparser);
+                return -1;
+        }
+        parser->cur = subparser->cur;
+        parser->target = CSS_VALDEF_PARSER_TARGET_NONE;
+        parser->valdef = css_valdef_create(CSS_VALDEF_SIGN_BRACKETS);
+        css_valdef_append(parser->valdef, brackets_inner);
 
 #ifdef DEBUG
-	char str[256];
-	css_valdef_to_string(parser->valdef, str, 255);
-	DEBUG_MSG("css_valdef_parser_parse_brackets(): %s\n", str);
+        char str[256];
+        css_valdef_to_string(parser->valdef, str, 255);
+        DEBUG_MSG("css_valdef_parser_parse_brackets(): %s\n", str);
 #endif
 
-	css_valdef_parser_destroy(subparser);
-	return 0;
+        css_valdef_parser_destroy(subparser);
+        return 0;
 }
 
 static int css_valdef_parser_parse_keyword_end(css_valdef_parser_t *parser)
 {
-	// Example:
-	// top left | right
-	//         ^
-	//         |
-	//        cur
-	parser->valdef = css_valdef_create(CSS_VALDEF_SIGN_NONE);
-	parser->valdef->ident = css_get_keyword_key(parser->buffer);
-	if (parser->valdef->ident == -1) {
-		parser->valdef->ident = css_register_keyword(parser->buffer);
-	}
-	parser->target = CSS_VALDEF_PARSER_TARGET_NONE;
-	return 0;
+        // Example:
+        // top left | right
+        //         ^
+        //         |
+        //        cur
+        parser->valdef = css_valdef_create(CSS_VALDEF_SIGN_NONE);
+        parser->valdef->ident = css_get_keyword_key(parser->buffer);
+        if (parser->valdef->ident == -1) {
+                parser->valdef->ident = css_register_keyword(parser->buffer);
+        }
+        parser->target = CSS_VALDEF_PARSER_TARGET_NONE;
+        return 0;
 }
 
 static int css_valdef_parser_parse_keyword(css_valdef_parser_t *parser)
 {
-	switch (*parser->cur) {
-	CASE_WHITE_SPACE:
-	case '|':
-	case '&':
-	case '[':
-	case ']':
-	case '<':
-	case '{':
-		break;
-	case '>':
-		return css_valdef_parser_error(parser, "syntax error");
-	default:
-		css_valdef_parser_get_char(parser);
-		return 0;
-	}
-	return css_valdef_parser_parse_keyword_end(parser);
+        switch (*parser->cur) {
+        CASE_WHITE_SPACE:
+        case '|':
+        case '&':
+        case '[':
+        case ']':
+        case '<':
+        case '{':
+                break;
+        case '>':
+                return css_valdef_parser_error(parser, "syntax error");
+        default:
+                css_valdef_parser_get_char(parser);
+                return 0;
+        }
+        return css_valdef_parser_parse_keyword_end(parser);
 }
 
 static int css_valdef_parser_parse_data_type_end(css_valdef_parser_t *parser)
 {
-	parser->target = CSS_VALDEF_PARSER_TARGET_NONE;
-	parser->valdef = css_valdef_create(CSS_VALDEF_SIGN_ANGLE_BRACKET);
-	parser->valdef->source = NULL;
-	parser->valdef->type = css_get_value_type(parser->buffer);
-	if (parser->valdef->type) {
-		return 0;
-	}
-	parser->valdef->source = css_resolve_valdef_alias(parser->buffer);
-	if (parser->valdef->source) {
-		return 0;
-	}
-	return css_valdef_parser_error(parser, "unknown data type: `%s`\n",
-				       parser->buffer);
+        parser->target = CSS_VALDEF_PARSER_TARGET_NONE;
+        parser->valdef = css_valdef_create(CSS_VALDEF_SIGN_ANGLE_BRACKET);
+        parser->valdef->source = NULL;
+        parser->valdef->type = css_get_value_type(parser->buffer);
+        if (parser->valdef->type) {
+                return 0;
+        }
+        parser->valdef->source = css_resolve_valdef_alias(parser->buffer);
+        if (parser->valdef->source) {
+                return 0;
+        }
+        return css_valdef_parser_error(parser, "unknown data type: `%s`\n",
+                                       parser->buffer);
 }
 
 static int css_valdef_parser_parse_data_type(css_valdef_parser_t *parser)
 {
-	switch (*parser->cur) {
-	case '<':
-	case '&':
-	case '?':
-	case '|':
-	case '{':
-	case '}':
-	case '[':
-	case ']':
-	CASE_WHITE_SPACE:
-		return css_valdef_parser_error(parser, "syntax error");
-	case '>':
-		break;
-	default:
-		css_valdef_parser_get_char(parser);
-		return 0;
-	}
-	return css_valdef_parser_parse_data_type_end(parser);
+        switch (*parser->cur) {
+        case '<':
+        case '&':
+        case '?':
+        case '|':
+        case '{':
+        case '}':
+        case '[':
+        case ']':
+        CASE_WHITE_SPACE:
+                return css_valdef_parser_error(parser, "syntax error");
+        case '>':
+                break;
+        default:
+                css_valdef_parser_get_char(parser);
+                return 0;
+        }
+        return css_valdef_parser_parse_data_type_end(parser);
 }
 
 static int css_valdef_parser_parse_sign_end(css_valdef_parser_t *parser)
 {
-	if (parser->pos == 0) {
-		css_valdef_parser_commit(parser, CSS_VALDEF_SIGN_JUXTAPOSITION);
-	} else if (parser->pos == 1 && parser->buffer[0] == '|') {
-		css_valdef_parser_commit(parser, CSS_VALDEF_SIGN_SINGLE_BAR);
-	} else if (parser->pos == 2 && parser->buffer[0] == '|') {
-		css_valdef_parser_commit(parser, CSS_VALDEF_SIGN_DOUBLE_BAR);
-	} else if (parser->pos == 2 && parser->buffer[0] == '&') {
-		css_valdef_parser_commit(parser,
-					 CSS_VALDEF_SIGN_DOUBLE_AMPERSAND);
-	} else {
-		return css_valdef_parser_error(parser, "unknown sign: `%s`\n",
-					       parser->buffer);
-	}
-	// Example:
-	// auto | none
-	//        ^
-	//        |
-	//       cur
-	if (parser->target == CSS_VALDEF_PARSER_TARGET_KEYWORD) {
-		parser->target = CSS_VALDEF_PARSER_TARGET_NONE;
-		parser->cur--;
-	}
-	return 0;
+        if (parser->pos == 0) {
+                css_valdef_parser_commit(parser, CSS_VALDEF_SIGN_JUXTAPOSITION);
+        } else if (parser->pos == 1 && parser->buffer[0] == '|') {
+                css_valdef_parser_commit(parser, CSS_VALDEF_SIGN_SINGLE_BAR);
+        } else if (parser->pos == 2 && parser->buffer[0] == '|') {
+                css_valdef_parser_commit(parser, CSS_VALDEF_SIGN_DOUBLE_BAR);
+        } else if (parser->pos == 2 && parser->buffer[0] == '&') {
+                css_valdef_parser_commit(parser,
+                                         CSS_VALDEF_SIGN_DOUBLE_AMPERSAND);
+        } else {
+                return css_valdef_parser_error(parser, "unknown sign: `%s`\n",
+                                               parser->buffer);
+        }
+        // Example:
+        // auto | none
+        //        ^
+        //        |
+        //       cur
+        if (parser->target == CSS_VALDEF_PARSER_TARGET_KEYWORD) {
+                parser->target = CSS_VALDEF_PARSER_TARGET_NONE;
+                parser->cur--;
+        }
+        return 0;
 }
 
 static int css_valdef_parser_parse_sign(css_valdef_parser_t *parser)
 {
-	switch (*parser->cur) {
-	case '|':
-	case '&':
-		css_valdef_parser_get_char(parser);
-		switch (parser->pos) {
-		case 1:
-			break;
-		case 2:
-			if (parser->buffer[parser->pos] ==
-			    parser->buffer[parser->pos - 1]) {
-				break;
-			}
-		default:
-			break;
-		}
-		return 0;
-	case '[':
-		parser->cur--;
-	case ']':
-		parser->target = CSS_VALDEF_PARSER_TARGET_NONE;
-		break;
-	CASE_WHITE_SPACE:
-		// Example:
-		// none | left
-		//       ^
-		//       |
-		//      cur
-		return 0;
-	case '{':
-	case '}':
-		return css_valdef_parser_error(parser, "syntax error");
-	default:
-		parser->target = CSS_VALDEF_PARSER_TARGET_KEYWORD;
-		break;
-	}
-	return css_valdef_parser_parse_sign_end(parser);
+        switch (*parser->cur) {
+        case '|':
+        case '&':
+                css_valdef_parser_get_char(parser);
+                switch (parser->pos) {
+                case 1:
+                        break;
+                case 2:
+                        if (parser->buffer[parser->pos] ==
+                            parser->buffer[parser->pos - 1]) {
+                                break;
+                        }
+                default:
+                        break;
+                }
+                return 0;
+        case '[':
+                parser->cur--;
+        case ']':
+                parser->target = CSS_VALDEF_PARSER_TARGET_NONE;
+                break;
+        CASE_WHITE_SPACE:
+                // Example:
+                // none | left
+                //       ^
+                //       |
+                //      cur
+                return 0;
+        case '{':
+        case '}':
+                return css_valdef_parser_error(parser, "syntax error");
+        default:
+                parser->target = CSS_VALDEF_PARSER_TARGET_KEYWORD;
+                break;
+        }
+        return css_valdef_parser_parse_sign_end(parser);
 }
 
 static int css_valdef_parser_parse_curly_braces(css_valdef_parser_t *parser)
 {
-	switch (*parser->cur) {
-	case '0':
-	case '1':
-	case '2':
-	case '3':
-	case '4':
-	case '5':
-	case '6':
-	case '7':
-	case '8':
-	case '9':
-	case ',':
-	CASE_WHITE_SPACE:
-		css_valdef_parser_get_char(parser);
-		return 0;
-	case '{':
-		return 0;
-	case '}':
-		break;
-	default:
-		return -1;
-	}
-	if (sscanf(parser->buffer, "%u,%u", &parser->valdef->min_count,
-		   &parser->valdef->max_count) == 2) {
-		parser->target = CSS_VALDEF_PARSER_TARGET_NONE;
-		return 0;
-	}
-	if (sscanf(parser->buffer, "%u", &parser->valdef->min_count) == 1) {
-		parser->valdef->max_count = parser->valdef->min_count;
-		parser->target = CSS_VALDEF_PARSER_TARGET_NONE;
-		return 0;
-	}
-	return css_valdef_parser_error(parser, "syntax error: %s\n",
-				       parser->buffer);
+        switch (*parser->cur) {
+        case '0':
+        case '1':
+        case '2':
+        case '3':
+        case '4':
+        case '5':
+        case '6':
+        case '7':
+        case '8':
+        case '9':
+        case ',':
+        CASE_WHITE_SPACE:
+                css_valdef_parser_get_char(parser);
+                return 0;
+        case '{':
+                return 0;
+        case '}':
+                break;
+        default:
+                return -1;
+        }
+        if (sscanf(parser->buffer, "%u,%u", &parser->valdef->min_count,
+                   &parser->valdef->max_count) == 2) {
+                parser->target = CSS_VALDEF_PARSER_TARGET_NONE;
+                return 0;
+        }
+        if (sscanf(parser->buffer, "%u", &parser->valdef->min_count) == 1) {
+                parser->valdef->max_count = parser->valdef->min_count;
+                parser->target = CSS_VALDEF_PARSER_TARGET_NONE;
+                return 0;
+        }
+        return css_valdef_parser_error(parser, "syntax error: %s\n",
+                                       parser->buffer);
 }
 
 static int css_valdef_parser_parse_question_mark(css_valdef_parser_t *parser)
 {
-	if (!parser->valdef || parser->valdef->min_count == 0) {
-		return css_valdef_parser_error(parser, "syntax error");
-	}
-	parser->valdef->min_count = 0;
-	parser->target = CSS_VALDEF_PARSER_TARGET_NONE;
-	return 0;
+        if (!parser->valdef || parser->valdef->min_count == 0) {
+                return css_valdef_parser_error(parser, "syntax error");
+        }
+        parser->valdef->min_count = 0;
+        parser->target = CSS_VALDEF_PARSER_TARGET_NONE;
+        return 0;
 }
 
 static int css_valdef_parser_resolve_target(css_valdef_parser_t *parser)
 {
-	DEBUG_MSG("%c\n", *parser->cur);
-	switch (*parser->cur) {
-	case '|':
-	case '&':
-	CASE_WHITE_SPACE:
-		css_valdef_parser_reset_buffer(parser);
-		parser->target = CSS_VALDEF_PARSER_TARGET_SIGN;
-		parser->cur--;
-		break;
-	case '<':
-		css_valdef_parser_reset_buffer(parser);
-		parser->target = CSS_VALDEF_PARSER_TARGET_DATA_TYPE;
-		break;
-	case '?':
-		parser->target = CSS_VALDEF_PARSER_TARGET_QUESTION_MARK;
-		parser->cur--;
-		break;
-	case '[':
-		parser->target = CSS_VALDEF_PARSER_TARGET_BRACKETS;
-		break;
-	case '{':
-		css_valdef_parser_reset_buffer(parser);
-		parser->target = CSS_VALDEF_PARSER_TARGET_CURLY_BRACES;
-		break;
-	case ']':
-	case '}':
-	case '>':
-		return css_valdef_parser_error(parser, "syntax error");
-	default:
-		css_valdef_parser_reset_buffer(parser);
-		parser->target = CSS_VALDEF_PARSER_TARGET_KEYWORD;
-		parser->cur--;
-		break;
-	}
-	return 0;
+        DEBUG_MSG("%c\n", *parser->cur);
+        switch (*parser->cur) {
+        case '|':
+        case '&':
+        CASE_WHITE_SPACE:
+                css_valdef_parser_reset_buffer(parser);
+                parser->target = CSS_VALDEF_PARSER_TARGET_SIGN;
+                parser->cur--;
+                break;
+        case '<':
+                css_valdef_parser_reset_buffer(parser);
+                parser->target = CSS_VALDEF_PARSER_TARGET_DATA_TYPE;
+                break;
+        case '?':
+                parser->target = CSS_VALDEF_PARSER_TARGET_QUESTION_MARK;
+                parser->cur--;
+                break;
+        case '[':
+                parser->target = CSS_VALDEF_PARSER_TARGET_BRACKETS;
+                break;
+        case '{':
+                css_valdef_parser_reset_buffer(parser);
+                parser->target = CSS_VALDEF_PARSER_TARGET_CURLY_BRACES;
+                break;
+        case ']':
+        case '}':
+        case '>':
+                return css_valdef_parser_error(parser, "syntax error");
+        default:
+                css_valdef_parser_reset_buffer(parser);
+                parser->target = CSS_VALDEF_PARSER_TARGET_KEYWORD;
+                parser->cur--;
+                break;
+        }
+        return 0;
 }
 
 static size_t css_valdef_parser_parse_next(css_valdef_parser_t *parser)
 {
-	const char *start = parser->cur;
-
-	// printf("parse: %s\n", parser->cur);
-	while (*parser->cur && *parser->cur != parser->terminator) {
-		if (parser->cur >= start + parser->buffer_size) {
-			++parser->cur;
-			break;
-		}
-		switch (parser->target) {
-		case CSS_VALDEF_PARSER_TARGET_NONE:
-			css_valdef_parser_resolve_target(parser);
-			break;
-		case CSS_VALDEF_PARSER_TARGET_SIGN:
-			css_valdef_parser_parse_sign(parser);
-			break;
-		case CSS_VALDEF_PARSER_TARGET_BRACKETS:
-			css_valdef_parser_parse_brackets(parser);
-			break;
-		case CSS_VALDEF_PARSER_TARGET_DATA_TYPE:
-			css_valdef_parser_parse_data_type(parser);
-			break;
-		case CSS_VALDEF_PARSER_TARGET_KEYWORD:
-			css_valdef_parser_parse_keyword(parser);
-			break;
-		case CSS_VALDEF_PARSER_TARGET_CURLY_BRACES:
-			css_valdef_parser_parse_curly_braces(parser);
-			break;
-		case CSS_VALDEF_PARSER_TARGET_QUESTION_MARK:
-			css_valdef_parser_parse_question_mark(parser);
-			break;
-		case CSS_VALDEF_PARSER_TARGET_ERROR:
-			return 0;
-		default:
-			break;
-		}
-		++parser->cur;
-	}
-	return parser->cur - start;
+        const char *start = parser->cur;
+
+        // printf("parse: %s\n", parser->cur);
+        while (*parser->cur && *parser->cur != parser->terminator) {
+                if (parser->cur >= start + parser->buffer_size) {
+                        ++parser->cur;
+                        break;
+                }
+                switch (parser->target) {
+                case CSS_VALDEF_PARSER_TARGET_NONE:
+                        css_valdef_parser_resolve_target(parser);
+                        break;
+                case CSS_VALDEF_PARSER_TARGET_SIGN:
+                        css_valdef_parser_parse_sign(parser);
+                        break;
+                case CSS_VALDEF_PARSER_TARGET_BRACKETS:
+                        css_valdef_parser_parse_brackets(parser);
+                        break;
+                case CSS_VALDEF_PARSER_TARGET_DATA_TYPE:
+                        css_valdef_parser_parse_data_type(parser);
+                        break;
+                case CSS_VALDEF_PARSER_TARGET_KEYWORD:
+                        css_valdef_parser_parse_keyword(parser);
+                        break;
+                case CSS_VALDEF_PARSER_TARGET_CURLY_BRACES:
+                        css_valdef_parser_parse_curly_braces(parser);
+                        break;
+                case CSS_VALDEF_PARSER_TARGET_QUESTION_MARK:
+                        css_valdef_parser_parse_question_mark(parser);
+                        break;
+                case CSS_VALDEF_PARSER_TARGET_ERROR:
+                        return 0;
+                default:
+                        break;
+                }
+                ++parser->cur;
+        }
+        return parser->cur - start;
 }
 
 static int css_valdef_parser_finish(css_valdef_parser_t *parser)
 {
-	css_valdef_t *parent_valdef;
-
-	switch (parser->target) {
-	case CSS_VALDEF_PARSER_TARGET_KEYWORD:
-		css_valdef_parser_parse_keyword_end(parser);
-		break;
-	case CSS_VALDEF_PARSER_TARGET_SIGN:
-		css_valdef_parser_parse_sign_end(parser);
-		break;
-	case CSS_VALDEF_PARSER_TARGET_ERROR:
-		return -1;
-	default:
-		break;
-	}
-	parent_valdef = css_valdef_parser_get_parent_valdef(parser);
-	return css_valdef_parser_commit(parser, parent_valdef->sign);
+        css_valdef_t *parent_valdef;
+
+        switch (parser->target) {
+        case CSS_VALDEF_PARSER_TARGET_KEYWORD:
+                css_valdef_parser_parse_keyword_end(parser);
+                break;
+        case CSS_VALDEF_PARSER_TARGET_SIGN:
+                css_valdef_parser_parse_sign_end(parser);
+                break;
+        case CSS_VALDEF_PARSER_TARGET_ERROR:
+                return -1;
+        default:
+                break;
+        }
+        parent_valdef = css_valdef_parser_get_parent_valdef(parser);
+        return css_valdef_parser_commit(parser, parent_valdef->sign);
 }
 
 static css_valdef_t *css_valdef_parser_get_result(css_valdef_parser_t *parser)
 {
-	css_valdef_t *valdef = NULL;
+        css_valdef_t *valdef = NULL;
 
-	assert(parser->valdef_parents.length > 0);
-	valdef = list_get_first_node(&parser->valdef_parents)->data;
-	list_destroy(&parser->valdef_parents, NULL);
-	return valdef;
+        assert(parser->valdef_parents.length > 0);
+        valdef = list_get_first_node(&parser->valdef_parents)->data;
+        list_destroy(&parser->valdef_parents, NULL);
+        return valdef;
 }
 
 static css_valdef_t *css_valdef_parser_parse(css_valdef_parser_t *parser,
-					     const char *definition_str)
+                                             const char *definition_str)
 {
-	parser->cur = definition_str;
-	while (css_valdef_parser_parse_next(parser) > 0) {
-		if (parser->target == CSS_VALDEF_PARSER_TARGET_ERROR) {
-			return NULL;
-		}
-	}
-	css_valdef_parser_finish(parser);
-	return css_valdef_parser_get_result(parser);
+        parser->cur = definition_str;
+        while (css_valdef_parser_parse_next(parser) > 0) {
+                if (parser->target == CSS_VALDEF_PARSER_TARGET_ERROR) {
+                        return NULL;
+                }
+        }
+        css_valdef_parser_finish(parser);
+        return css_valdef_parser_get_result(parser);
 }
 
 css_valdef_t *css_compile_valdef(const char *definition_str)
 {
-	css_valdef_t *valdef;
-	css_valdef_parser_t *parser;
+        css_valdef_t *valdef;
+        css_valdef_parser_t *parser;
 
-	parser = css_valdef_parser_create(512, 0);
-	valdef = css_valdef_parser_parse(parser, definition_str);
-	css_valdef_parser_destroy(parser);
-	return valdef;
+        parser = css_valdef_parser_create(512, 0);
+        valdef = css_valdef_parser_parse(parser, definition_str);
+        css_valdef_parser_destroy(parser);
+        return valdef;
 }
 
 static int css_value_matcher_resolve_next_value(css_value_matcher_t *matcher)
 {
-	int quotes = 0;
-	int brackets = 0;
-	const char *p = matcher->next;
+        int quotes = 0;
+        int brackets = 0;
+        const char *p = matcher->next;
 
 #ifdef DEBUG
-	DEBUG_MSG("resolve_next_value(matcher<0x%p>): %s\n", matcher,
-		  matcher->cur);
+        DEBUG_MSG("resolve_next_value(matcher<0x%p>): %s\n", matcher,
+                  matcher->cur);
 #endif
-	while (*p) {
-		switch (*p) {
-		CASE_WHITE_SPACE:
-			p++;
-			break;
-		default:
-			goto resolve_value_str_tail;
-		}
-	}
+        while (*p) {
+                switch (*p) {
+                CASE_WHITE_SPACE:
+                        p++;
+                        break;
+                default:
+                        goto resolve_value_str_tail;
+                }
+        }
 
 resolve_value_str_tail:
 
-	matcher->cur = p;
-	while (*p) {
-		switch (*p) {
-		CASE_WHITE_SPACE:
-			if (brackets < 1 && quotes < 1) {
-				goto copy_value_str;
-			}
-			break;
-		case '(':
-			if (quotes < 1) {
-				brackets++;
-			}
-			break;
-		case ')':
-			if (quotes < 1) {
-				brackets--;
-			}
-			break;
-		case '"':
-			if (quotes > 0) {
-				quotes--;
-			} else {
-				quotes++;
-			}
-			break;
-		default:
-			break;
-		}
-		p++;
-	}
+        matcher->cur = p;
+        while (*p) {
+                switch (*p) {
+                CASE_WHITE_SPACE:
+                        if (brackets < 1 && quotes < 1) {
+                                goto copy_value_str;
+                        }
+                        break;
+                case '(':
+                        if (quotes < 1) {
+                                brackets++;
+                        }
+                        break;
+                case ')':
+                        if (quotes < 1) {
+                                brackets--;
+                        }
+                        break;
+                case '"':
+                        if (quotes > 0) {
+                                quotes--;
+                        } else {
+                                quotes++;
+                        }
+                        break;
+                default:
+                        break;
+                }
+                p++;
+        }
 copy_value_str:
-	if (matcher->value_str) {
-		free(matcher->value_str);
-		matcher->value_str = NULL;
-	}
-	matcher->value_str_len = p - matcher->cur;
-	matcher->value_str =
-	    malloc(sizeof(char) * (matcher->value_str_len + 1));
-	strncpy(matcher->value_str, matcher->cur, matcher->value_str_len);
-	matcher->value_str[matcher->value_str_len] = 0;
-	if (matcher->value_str_len < 1) {
-		return -1;
-	}
-	return 0;
+        if (matcher->value_str) {
+                free(matcher->value_str);
+                matcher->value_str = NULL;
+        }
+        matcher->value_str_len = p - matcher->cur;
+        matcher->value_str =
+            malloc(sizeof(char) * (matcher->value_str_len + 1));
+        strncpy(matcher->value_str, matcher->cur, matcher->value_str_len);
+        matcher->value_str[matcher->value_str_len] = 0;
+        if (matcher->value_str_len < 1) {
+                return -1;
+        }
+        return 0;
 }
 
 static void css_value_matcher_push_value(css_value_matcher_t *matcher,
-					 css_style_value_t *value)
+                                         css_style_value_t *value)
 {
-	unsigned i = matcher->value_len++;
-	css_array_value_set_length(&matcher->value, matcher->value_len);
-	matcher->value[i] = *value;
-	matcher->next = matcher->cur + matcher->value_str_len;
+        unsigned i = matcher->value_len++;
+        css_array_value_set_length(&matcher->value, matcher->value_len);
+        matcher->value[i] = *value;
+        matcher->next = matcher->cur + matcher->value_str_len;
 }
 
 css_value_matcher_t *css_value_matcher_create(const char *str)
 {
-	css_value_matcher_t *matcher;
-
-	matcher = calloc(1, sizeof(css_value_matcher_t));
-	if (!matcher) {
-		return NULL;
-	}
-	matcher->cur = str;
-	matcher->next = str;
-	matcher->value = NULL;
-	css_value_matcher_resolve_next_value(matcher);
-	return matcher;
+        css_value_matcher_t *matcher;
+
+        matcher = calloc(1, sizeof(css_value_matcher_t));
+        if (!matcher) {
+                return NULL;
+        }
+        matcher->cur = str;
+        matcher->next = str;
+        matcher->value = NULL;
+        css_value_matcher_resolve_next_value(matcher);
+        return matcher;
 }
 
 static void css_value_matcher_destroy(css_value_matcher_t *matcher)
 {
-	matcher->cur = NULL;
-	matcher->value_len = 0;
-	css_array_value_destroy(matcher->value);
-	free(matcher->value_str);
-	matcher->value_str = NULL;
-	matcher->value_str_len = 0;
-	free(matcher);
+        matcher->cur = NULL;
+        matcher->value_len = 0;
+        css_array_value_destroy(matcher->value);
+        free(matcher->value_str);
+        matcher->value_str = NULL;
+        matcher->value_str_len = 0;
+        free(matcher);
 }
 
 static int css_value_matcher_match(css_value_matcher_t *matcher,
-				   const css_valdef_t *valdef);
+                                   const css_valdef_t *valdef);
 
 static int css_value_matcher_submatch(css_value_matcher_t *matcher,
-				      const css_valdef_t *valdef);
+                                      const css_valdef_t *valdef);
 
 static int css_value_matcher_match_data_type(css_value_matcher_t *matcher,
-					     const css_valdef_t *valdef)
+                                             const css_valdef_t *valdef)
 {
-	css_style_value_t value = { CSS_NO_VALUE };
-
-	if (valdef->source) {
-		return css_value_matcher_submatch(matcher, valdef->source) == 0
-			   ? 0
-			   : -1;
-	}
-	if (valdef->type &&
-	    valdef->type->parse_value(&value, matcher->value_str)) {
-		css_value_matcher_push_value(matcher, &value);
-		return 0;
-	}
-	return -1;
+        css_style_value_t value = { CSS_NO_VALUE };
+
+        if (valdef->source) {
+                return css_value_matcher_submatch(matcher, valdef->source) == 0
+                           ? 0
+                           : -1;
+        }
+        if (valdef->type &&
+            valdef->type->parse_value(&value, matcher->value_str)) {
+                css_value_matcher_push_value(matcher, &value);
+                return 0;
+        }
+        return -1;
 }
 
 /**
@@ -908,46 +908,46 @@ static int css_value_matcher_match_data_type(css_value_matcher_t *matcher,
  * https://developer.mozilla.org/en-US/docs/Web/CSS/Value_definition_syntax#double_bar
  */
 static int css_value_matcher_match_double_bar(css_value_matcher_t *matcher,
-					      const css_valdef_t *valdef)
+                                              const css_valdef_t *valdef)
 {
-	int ret;
-	unsigned i = 0;
-	list_node_t *node;
-	css_valdef_t *rest_valdef;
-	char str[256];
-
-	for (list_each(node, &valdef->children)) {
-		css_valdef_to_string(node->data, str, 255);
-		DEBUG_MSG("[%u/%zu] matcher->value_str: %s\n", i + 1,
-			  valdef->children.length, matcher->value_str);
-		if (css_value_matcher_match(matcher, node->data) != 0) {
-			DEBUG_MSG("[%u/%zu] not matched valdef: %s\n", i + 1,
-				  valdef->children.length, str);
-			i++;
-			continue;
-		}
-		if (valdef->children.length < 2) {
-			break;
-		}
-		DEBUG_MSG("[%u/%zu] matched valdef: %s\n", i + 1,
-			  valdef->children.length, str);
-		rest_valdef = css_valdef_shallow_copy(valdef);
-		// <border-width> || <border-style> || <border-color>
-		//                          ^
-		//                   matched valdef
-		//
-		// The sub matcher will use the remaining value definitions:
-		// <border-width> || <border-color>
-		list_delete(&rest_valdef->children, i);
-		css_value_matcher_resolve_next_value(matcher);
-		ret = css_value_matcher_submatch(matcher, rest_valdef);
-		css_valdef_shallow_destroy(rest_valdef);
-		if (ret == -1) {
-			return -1;
-		}
-		break;
-	}
-	return 0;
+        int ret;
+        unsigned i = 0;
+        list_node_t *node;
+        css_valdef_t *rest_valdef;
+        char str[256];
+
+        for (list_each(node, &valdef->children)) {
+                css_valdef_to_string(node->data, str, 255);
+                DEBUG_MSG("[%u/%zu] matcher->value_str: %s\n", i + 1,
+                          valdef->children.length, matcher->value_str);
+                if (css_value_matcher_match(matcher, node->data) != 0) {
+                        DEBUG_MSG("[%u/%zu] not matched valdef: %s\n", i + 1,
+                                  valdef->children.length, str);
+                        i++;
+                        continue;
+                }
+                if (valdef->children.length < 2) {
+                        break;
+                }
+                DEBUG_MSG("[%u/%zu] matched valdef: %s\n", i + 1,
+                          valdef->children.length, str);
+                rest_valdef = css_valdef_shallow_copy(valdef);
+                // <border-width> || <border-style> || <border-color>
+                //                          ^
+                //                   matched valdef
+                //
+                // The sub matcher will use the remaining value definitions:
+                // <border-width> || <border-color>
+                list_delete(&rest_valdef->children, i);
+                css_value_matcher_resolve_next_value(matcher);
+                ret = css_value_matcher_submatch(matcher, rest_valdef);
+                css_valdef_shallow_destroy(rest_valdef);
+                if (ret == -1) {
+                        return -1;
+                }
+                break;
+        }
+        return 0;
 }
 
 /**
@@ -957,326 +957,326 @@ static int css_value_matcher_match_double_bar(css_value_matcher_t *matcher,
 static int css_value_matcher_match_double_ampersand(
     css_value_matcher_t *matcher, const css_valdef_t *valdef)
 {
-	int ret = -1;
-	unsigned i = 0;
-	list_node_t *node;
-	css_valdef_t *rest_valdef;
-	char str[256];
-
-	DEBUG_MSG("\n%s\n",
-		  "css_value_matcher_match_double_ampersand() enter\n");
-	for (list_each(node, &valdef->children)) {
-		css_valdef_to_string(node->data, str, 255);
-		DEBUG_MSG("[%u/%zu] matcher->value_str: %s\n", i + 1,
-			  valdef->children.length, matcher->value_str);
-		if (css_value_matcher_match(matcher, node->data) != 0) {
-			i++;
-			DEBUG_MSG("[%u/%zu] not matched valdef: %s\n", i + 1,
-				  valdef->children.length, str);
-			continue;
-		}
-		DEBUG_MSG("[%u/%zu] matched valdef: %s\n", i + 1,
-			  valdef->children.length, str);
-		if (valdef->children.length < 2) {
-			ret = 0;
-			break;
-		}
-		DEBUG_MSG("match rest valdef %u\n",
-			  valdef->children.length - 1);
-		rest_valdef = css_valdef_shallow_copy(valdef);
-		list_delete(&rest_valdef->children, i);
-		css_value_matcher_resolve_next_value(matcher);
-		ret = css_value_matcher_submatch(matcher, rest_valdef);
-		css_valdef_shallow_destroy(rest_valdef);
-		break;
-	}
-	DEBUG_MSG("%s\n\n", "css_value_matcher_match_double_ampersand() exit");
-	return ret;
+        int ret = -1;
+        unsigned i = 0;
+        list_node_t *node;
+        css_valdef_t *rest_valdef;
+        char str[256];
+
+        DEBUG_MSG("\n%s\n",
+                  "css_value_matcher_match_double_ampersand() enter\n");
+        for (list_each(node, &valdef->children)) {
+                css_valdef_to_string(node->data, str, 255);
+                DEBUG_MSG("[%u/%zu] matcher->value_str: %s\n", i + 1,
+                          valdef->children.length, matcher->value_str);
+                if (css_value_matcher_match(matcher, node->data) != 0) {
+                        i++;
+                        DEBUG_MSG("[%u/%zu] not matched valdef: %s\n", i + 1,
+                                  valdef->children.length, str);
+                        continue;
+                }
+                DEBUG_MSG("[%u/%zu] matched valdef: %s\n", i + 1,
+                          valdef->children.length, str);
+                if (valdef->children.length < 2) {
+                        ret = 0;
+                        break;
+                }
+                DEBUG_MSG("match rest valdef %u\n",
+                          valdef->children.length - 1);
+                rest_valdef = css_valdef_shallow_copy(valdef);
+                list_delete(&rest_valdef->children, i);
+                css_value_matcher_resolve_next_value(matcher);
+                ret = css_value_matcher_submatch(matcher, rest_valdef);
+                css_valdef_shallow_destroy(rest_valdef);
+                break;
+        }
+        DEBUG_MSG("%s\n\n", "css_value_matcher_match_double_ampersand() exit");
+        return ret;
 }
 
 static int css_value_matcher_match_single_bar(css_value_matcher_t *matcher,
-					      const css_valdef_t *valdef)
+                                              const css_valdef_t *valdef)
 {
-	size_t i = 0;
-	list_node_t *node;
-	css_value_matcher_t **submatchers;
-	css_value_matcher_t *submatcher = NULL;
-
-	submatchers =
-	    malloc(valdef->children.length * sizeof(css_value_matcher_t *));
-	if (!submatchers) {
-		return -1;
-	}
-	DEBUG_MSG("\n%s\n", "css_value_matcher_match_single_bar() enter");
-	for (list_each(node, &valdef->children)) {
+        size_t i = 0;
+        list_node_t *node;
+        css_value_matcher_t **submatchers;
+        css_value_matcher_t *submatcher = NULL;
+
+        submatchers =
+            malloc(valdef->children.length * sizeof(css_value_matcher_t *));
+        if (!submatchers) {
+                return -1;
+        }
+        DEBUG_MSG("\n%s\n", "css_value_matcher_match_single_bar() enter");
+        for (list_each(node, &valdef->children)) {
 #ifdef DEBUG
-		char str[256];
+                char str[256];
 
-		css_valdef_to_string(node->data, str, 255);
-		DEBUG_MSG("[%u/%zu] %s\n", i + 1, valdef->children.length, str);
+                css_valdef_to_string(node->data, str, 255);
+                DEBUG_MSG("[%u/%zu] %s\n", i + 1, valdef->children.length, str);
 #endif
-		submatchers[i] = css_value_matcher_create(matcher->cur);
-		if (css_value_matcher_match(submatchers[i], node->data) == 0) {
-			DEBUG_MSG("[%u/%zu] %s matched\n", i + 1,
-				  valdef->children.length, str);
-			if (!submatcher || submatchers[i]->value_len >=
-					       submatcher->value_len) {
-				submatcher = submatchers[i];
-			}
-		} else {
-			DEBUG_MSG("[%u/%zu] %s not matched\n", i + 1,
-				  valdef->children.length, str);
-		}
-		++i;
-	}
-	if (submatcher) {
-		matcher->value_len =
-		    css_array_value_concat(&matcher->value, &submatcher->value);
-		matcher->value_str_len = submatcher->next - matcher->cur;
-		matcher->next = submatcher->next;
-		if (matcher->value_str) {
-			free(matcher->value_str);
-			matcher->value_str = NULL;
-		}
-	}
-	for (i = 0; i < valdef->children.length; ++i) {
-		css_value_matcher_destroy(submatchers[i]);
-	}
-	free(submatchers);
-	DEBUG_MSG("%s\n\n", "css_value_matcher_match_single_bar() exit");
-	return submatcher ? 0 : -1;
+                submatchers[i] = css_value_matcher_create(matcher->cur);
+                if (css_value_matcher_match(submatchers[i], node->data) == 0) {
+                        DEBUG_MSG("[%u/%zu] %s matched\n", i + 1,
+                                  valdef->children.length, str);
+                        if (!submatcher || submatchers[i]->value_len >=
+                                               submatcher->value_len) {
+                                submatcher = submatchers[i];
+                        }
+                } else {
+                        DEBUG_MSG("[%u/%zu] %s not matched\n", i + 1,
+                                  valdef->children.length, str);
+                }
+                ++i;
+        }
+        if (submatcher) {
+                matcher->value_len =
+                    css_array_value_concat(&matcher->value, &submatcher->value);
+                matcher->value_str_len = submatcher->next - matcher->cur;
+                matcher->next = submatcher->next;
+                if (matcher->value_str) {
+                        free(matcher->value_str);
+                        matcher->value_str = NULL;
+                }
+        }
+        for (i = 0; i < valdef->children.length; ++i) {
+                css_value_matcher_destroy(submatchers[i]);
+        }
+        free(submatchers);
+        DEBUG_MSG("%s\n\n", "css_value_matcher_match_single_bar() exit");
+        return submatcher ? 0 : -1;
 }
 
 static int css_value_matcher_submatch(css_value_matcher_t *matcher,
-				      const css_valdef_t *valdef)
+                                      const css_valdef_t *valdef)
 {
-	css_value_matcher_t *submatcher;
-
-	submatcher = css_value_matcher_create(matcher->cur);
-	DEBUG_MSG("submatch(matcher<0x%p>): 0x%p, cur: %s\n", matcher,
-		  submatcher, submatcher->cur);
-	if (css_value_matcher_match(submatcher, valdef) == 0) {
-		// 可选值定义允许没有匹配的值，我们需要重置 next
-		// 指针到当前值的开头，以让匹 配器继续使用当前值匹配下个值定义
-		if (css_array_value_get_length(submatcher->value) == 0) {
-			matcher->next = matcher->cur;
-			css_value_matcher_destroy(submatcher);
-			return 0;
-		}
-		css_array_value_concat(&matcher->value, &submatcher->value);
-		matcher->value_len = css_array_value_get_length(matcher->value);
-		matcher->value_str_len = submatcher->next - matcher->cur;
-		matcher->next = submatcher->next;
-		if (matcher->value_str) {
-			free(matcher->value_str);
-			matcher->value_str = NULL;
-		}
-		css_value_matcher_destroy(submatcher);
-		return 0;
-	}
-	css_value_matcher_destroy(submatcher);
-	return -1;
+        css_value_matcher_t *submatcher;
+
+        submatcher = css_value_matcher_create(matcher->cur);
+        DEBUG_MSG("submatch(matcher<0x%p>): 0x%p, cur: %s\n", matcher,
+                  submatcher, submatcher->cur);
+        if (css_value_matcher_match(submatcher, valdef) == 0) {
+                // 可选值定义允许没有匹配的值，我们需要重置 next
+                // 指针到当前值的开头，以让匹 配器继续使用当前值匹配下个值定义
+                if (css_array_value_get_length(submatcher->value) == 0) {
+                        matcher->next = matcher->cur;
+                        css_value_matcher_destroy(submatcher);
+                        return 0;
+                }
+                css_array_value_concat(&matcher->value, &submatcher->value);
+                matcher->value_len = css_array_value_get_length(matcher->value);
+                matcher->value_str_len = submatcher->next - matcher->cur;
+                matcher->next = submatcher->next;
+                if (matcher->value_str) {
+                        free(matcher->value_str);
+                        matcher->value_str = NULL;
+                }
+                css_value_matcher_destroy(submatcher);
+                return 0;
+        }
+        css_value_matcher_destroy(submatcher);
+        return -1;
 }
 
 static int css_value_matcher_match_once(css_value_matcher_t *matcher,
-					const css_valdef_t *valdef)
+                                        const css_valdef_t *valdef)
 {
-	size_t i = 0;
-	list_node_t *node;
-	css_style_value_t value = { CSS_NO_VALUE };
+        size_t i = 0;
+        list_node_t *node;
+        css_style_value_t value = { CSS_NO_VALUE };
 
 #ifdef DEBUG
-	char str[256];
+        char str[256];
 
-	css_valdef_to_string(valdef, str, 256);
-	str[255] = 0;
-	DEBUG_MSG("match(matcher<0x%p>, \"%s\")\n", matcher, str);
+        css_valdef_to_string(valdef, str, 256);
+        str[255] = 0;
+        DEBUG_MSG("match(matcher<0x%p>, \"%s\")\n", matcher, str);
 #endif
-	switch (valdef->sign) {
-	case CSS_VALDEF_SIGN_NONE:
-		value.keyword_value = css_get_keyword_key(matcher->value_str);
-		if (valdef->ident != value.keyword_value) {
-			return -1;
-		}
-		value.type = CSS_KEYWORD_VALUE;
-		css_value_matcher_push_value(matcher, &value);
-		break;
-	case CSS_VALDEF_SIGN_ANGLE_BRACKET:
-		return css_value_matcher_match_data_type(matcher, valdef);
-	case CSS_VALDEF_SIGN_JUXTAPOSITION:
-	case CSS_VALDEF_SIGN_BRACKETS:
-		for (list_each(node, &valdef->children)) {
-			if (i > 0) {
-				css_value_matcher_resolve_next_value(matcher);
-			}
-			if (css_value_matcher_submatch(matcher, node->data) !=
-			    0) {
-				return -1;
-			}
-			i++;
-		}
-		break;
-	case CSS_VALDEF_SIGN_SINGLE_BAR:
-		return css_value_matcher_match_single_bar(matcher, valdef);
-	case CSS_VALDEF_SIGN_DOUBLE_BAR:
-		return css_value_matcher_match_double_bar(matcher, valdef);
-	case CSS_VALDEF_SIGN_DOUBLE_AMPERSAND:
-		return css_value_matcher_match_double_ampersand(matcher,
-								valdef);
-	default:
-		return -1;
-	}
-	return 0;
+        switch (valdef->sign) {
+        case CSS_VALDEF_SIGN_NONE:
+                value.keyword_value = css_get_keyword_key(matcher->value_str);
+                if (valdef->ident != value.keyword_value) {
+                        return -1;
+                }
+                value.type = CSS_KEYWORD_VALUE;
+                css_value_matcher_push_value(matcher, &value);
+                break;
+        case CSS_VALDEF_SIGN_ANGLE_BRACKET:
+                return css_value_matcher_match_data_type(matcher, valdef);
+        case CSS_VALDEF_SIGN_JUXTAPOSITION:
+        case CSS_VALDEF_SIGN_BRACKETS:
+                for (list_each(node, &valdef->children)) {
+                        if (i > 0) {
+                                css_value_matcher_resolve_next_value(matcher);
+                        }
+                        if (css_value_matcher_submatch(matcher, node->data) !=
+                            0) {
+                                return -1;
+                        }
+                        i++;
+                }
+                break;
+        case CSS_VALDEF_SIGN_SINGLE_BAR:
+                return css_value_matcher_match_single_bar(matcher, valdef);
+        case CSS_VALDEF_SIGN_DOUBLE_BAR:
+                return css_value_matcher_match_double_bar(matcher, valdef);
+        case CSS_VALDEF_SIGN_DOUBLE_AMPERSAND:
+                return css_value_matcher_match_double_ampersand(matcher,
+                                                                valdef);
+        default:
+                return -1;
+        }
+        return 0;
 }
 
 static int css_value_matcher_match(css_value_matcher_t *matcher,
-				   const css_valdef_t *valdef)
+                                   const css_valdef_t *valdef)
 {
-	unsigned i;
-
-	for (i = 0; i < valdef->max_count; ++i) {
-		if (i > 0) {
-			css_value_matcher_resolve_next_value(matcher);
-		}
-		if (css_value_matcher_match_once(matcher, valdef) != 0) {
-			break;
-		}
-	}
-	return i >= valdef->min_count ? 0 : -1;
+        unsigned i;
+
+        for (i = 0; i < valdef->max_count; ++i) {
+                if (i > 0) {
+                        css_value_matcher_resolve_next_value(matcher);
+                }
+                if (css_value_matcher_match_once(matcher, valdef) != 0) {
+                        break;
+                }
+        }
+        return i >= valdef->min_count ? 0 : -1;
 }
 
 int css_parse_value(const css_valdef_t *valdef, const char *str,
-		    css_style_value_t *val)
+                    css_style_value_t *val)
 {
-	int ret;
-	css_value_matcher_t *matcher;
-
-	matcher = css_value_matcher_create(str);
-	if (!matcher) {
-		return -1;
-	}
-	ret = css_value_matcher_match(matcher, valdef);
-	if (ret == 0) {
-		val->array_value = matcher->value;
-		val->type = CSS_ARRAY_VALUE;
-		matcher->value = NULL;
-		ret = (int)matcher->value_str_len;
-	}
-	css_value_matcher_destroy(matcher);
-	return ret;
+        int ret;
+        css_value_matcher_t *matcher;
+
+        matcher = css_value_matcher_create(str);
+        if (!matcher) {
+                return -1;
+        }
+        ret = css_value_matcher_match(matcher, valdef);
+        if (ret == 0) {
+                val->array_value = matcher->value;
+                val->type = CSS_ARRAY_VALUE;
+                matcher->value = NULL;
+                ret = (int)matcher->value_str_len;
+        }
+        css_value_matcher_destroy(matcher);
+        return ret;
 }
 
 int css_register_valdef_alias(const char *alias, const char *definitons)
 {
-	css_valdef_t *valdef;
-
-	if (css_get_keyword_key(alias) >= 0) {
-		return -1;
-	}
-	valdef = css_compile_valdef(definitons);
-	if (valdef) {
-		return dict_add(css_value.alias, (void *)alias, valdef);
-	}
-	return -3;
+        css_valdef_t *valdef;
+
+        if (css_get_keyword_key(alias) >= 0) {
+                return -1;
+        }
+        valdef = css_compile_valdef(definitons);
+        if (valdef) {
+                return dict_add(css_value.alias, (void *)alias, valdef);
+        }
+        return -3;
 }
 
 static void css_dump_valdef(const css_valdef_t *valdef, css_dump_context_t *ctx)
 {
-	size_t len = 0, i = 0;
-	list_node_t *node;
-	const char *name;
-
-	switch (valdef->sign) {
-	case CSS_VALDEF_SIGN_NONE:
-		name = css_get_keyword_name(valdef->ident);
-		if (!name) {
-			name = "unknown";
-		}
-		DUMP(name);
-		break;
-	case CSS_VALDEF_SIGN_ANGLE_BRACKET:
-		DUMPF("<%s>",
-		      valdef->type ? valdef->type->name : "unknown-type");
-		break;
-	case CSS_VALDEF_SIGN_JUXTAPOSITION:
-		DUMP("(");
-		len++;
-		for (list_each(node, &valdef->children)) {
-			css_dump_valdef(node->data, ctx);
-			if (i + 1 < valdef->children.length) {
-				DUMP(" ");
-			}
-			i++;
-		}
-		DUMP(")");
-		len++;
-		break;
-	case CSS_VALDEF_SIGN_SINGLE_BAR:
-		for (list_each(node, &valdef->children)) {
-			css_dump_valdef(node->data, ctx);
-			if (i + 1 < valdef->children.length) {
-				DUMP(" | ");
-			}
-			i++;
-		}
-		break;
-	case CSS_VALDEF_SIGN_DOUBLE_BAR:
-		for (list_each(node, &valdef->children)) {
-			css_dump_valdef(node->data, ctx);
-			if (i + 1 < valdef->children.length) {
-				DUMP(" || ");
-			}
-			i++;
-		}
-		break;
-	case CSS_VALDEF_SIGN_DOUBLE_AMPERSAND:
-		for (list_each(node, &valdef->children)) {
-			css_dump_valdef(node->data, ctx);
-			if (i + 1 < valdef->children.length) {
-				DUMP(" && ");
-			}
-			i++;
-		}
-		break;
-	case CSS_VALDEF_SIGN_BRACKETS:
-		DUMP("[");
-		for (list_each(node, &valdef->children)) {
-			css_dump_valdef(node->data, ctx);
-			if (i + 1 < valdef->children.length) {
-				DUMP(" ");
-			}
-			i++;
-		}
-		DUMP("]");
-		break;
-	default:
-		DUMP("unknown syntax");
-		break;
-	}
-	if (valdef->min_count == 0 && valdef->max_count == 1) {
-		DUMP("?");
-	} else if (valdef->max_count > 1) {
-		DUMPF("{%u,%u}", valdef->min_count, valdef->max_count);
-	}
+        size_t len = 0, i = 0;
+        list_node_t *node;
+        const char *name;
+
+        switch (valdef->sign) {
+        case CSS_VALDEF_SIGN_NONE:
+                name = css_get_keyword_name(valdef->ident);
+                if (!name) {
+                        name = "unknown";
+                }
+                DUMP(name);
+                break;
+        case CSS_VALDEF_SIGN_ANGLE_BRACKET:
+                DUMPF("<%s>",
+                      valdef->type ? valdef->type->name : "unknown-type");
+                break;
+        case CSS_VALDEF_SIGN_JUXTAPOSITION:
+                DUMP("(");
+                len++;
+                for (list_each(node, &valdef->children)) {
+                        css_dump_valdef(node->data, ctx);
+                        if (i + 1 < valdef->children.length) {
+                                DUMP(" ");
+                        }
+                        i++;
+                }
+                DUMP(")");
+                len++;
+                break;
+        case CSS_VALDEF_SIGN_SINGLE_BAR:
+                for (list_each(node, &valdef->children)) {
+                        css_dump_valdef(node->data, ctx);
+                        if (i + 1 < valdef->children.length) {
+                                DUMP(" | ");
+                        }
+                        i++;
+                }
+                break;
+        case CSS_VALDEF_SIGN_DOUBLE_BAR:
+                for (list_each(node, &valdef->children)) {
+                        css_dump_valdef(node->data, ctx);
+                        if (i + 1 < valdef->children.length) {
+                                DUMP(" || ");
+                        }
+                        i++;
+                }
+                break;
+        case CSS_VALDEF_SIGN_DOUBLE_AMPERSAND:
+                for (list_each(node, &valdef->children)) {
+                        css_dump_valdef(node->data, ctx);
+                        if (i + 1 < valdef->children.length) {
+                                DUMP(" && ");
+                        }
+                        i++;
+                }
+                break;
+        case CSS_VALDEF_SIGN_BRACKETS:
+                DUMP("[");
+                for (list_each(node, &valdef->children)) {
+                        css_dump_valdef(node->data, ctx);
+                        if (i + 1 < valdef->children.length) {
+                                DUMP(" ");
+                        }
+                        i++;
+                }
+                DUMP("]");
+                break;
+        default:
+                DUMP("unknown syntax");
+                break;
+        }
+        if (valdef->min_count == 0 && valdef->max_count == 1) {
+                DUMP("?");
+        } else if (valdef->max_count > 1) {
+                DUMPF("{%u,%u}", valdef->min_count, valdef->max_count);
+        }
 }
 
 size_t css_print_valdef(const css_valdef_t *s)
 {
-	css_dump_context_t ctx = {
-		.data = NULL, .len = 0, .max_len = 0, .func = css_dump_to_stdout
-	};
+        css_dump_context_t ctx = {
+                .data = NULL, .len = 0, .max_len = 0, .func = css_dump_to_stdout
+        };
 
-	css_dump_valdef(s, &ctx);
-	return ctx.len;
+        css_dump_valdef(s, &ctx);
+        return ctx.len;
 }
 
 size_t css_valdef_to_string(const css_valdef_t *s, char *str, size_t max_len)
 {
-	css_dump_context_t ctx = { .data = str,
-				   .len = 0,
-				   .max_len = max_len,
-				   .func = css_dump_to_buffer };
+        css_dump_context_t ctx = { .data = str,
+                                   .len = 0,
+                                   .max_len = max_len,
+                                   .func = css_dump_to_buffer };
 
-	css_dump_valdef(s, &ctx);
-	return ctx.len;
+        css_dump_valdef(s, &ctx);
+        return ctx.len;
 }
diff --git a/lib/css/tests/test.c b/lib/css/tests/test.c
index 8fb936f52..cb3777136 100644
--- a/lib/css/tests/test.c
+++ b/lib/css/tests/test.c
@@ -1,12 +1,12 @@
 /*
  * lib/css/tests/test.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <ctest.h>
@@ -15,9 +15,9 @@
 
 int main()
 {
-	logger_set_level(LOGGER_LEVEL_ALL);
-	ctest_describe("test_css_keywords", test_css_keywords);
-	ctest_describe("test_css_value", test_css_value);
-	ctest_describe("test_css_computed", test_css_computed);
-	return ctest_finish();
+        logger_set_level(LOGGER_LEVEL_ALL);
+        ctest_describe("test_css_keywords", test_css_keywords);
+        ctest_describe("test_css_value", test_css_value);
+        ctest_describe("test_css_computed", test_css_computed);
+        return ctest_finish();
 }
diff --git a/lib/css/tests/test.h b/lib/css/tests/test.h
index fc37bb54b..aaa24eb69 100644
--- a/lib/css/tests/test.h
+++ b/lib/css/tests/test.h
@@ -1,12 +1,12 @@
 /*
  * lib/css/tests/test.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 void test_css_keywords(void);
diff --git a/lib/css/tests/test_css_computed.c b/lib/css/tests/test_css_computed.c
index a8f3a24cf..b35ad2ca3 100644
--- a/lib/css/tests/test_css_computed.c
+++ b/lib/css/tests/test_css_computed.c
@@ -1,12 +1,12 @@
 /*
  * lib/css/tests/test_css_computed.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
@@ -150,6 +150,122 @@ void test_button_borderless_style(void)
         css_computed_style_destroy(&computed);
 }
 
+void test_flex_gap_shorthand_one_value(void)
+{
+        css_selector_t *selector;
+        css_style_decl_t *result;
+        css_computed_style_t computed;
+
+        selector = css_selector_create(".flex-gap");
+        result = css_select_style(selector);
+        css_cascade_style(result, &computed);
+
+        ctest_equal_int("row-gap type", computed.type_bits.row_gap,
+                        CSS_GAP_SET);
+        ctest_equal_int("column-gap type", computed.type_bits.column_gap,
+                        CSS_GAP_SET);
+        ctest_equal_int("row-gap unit", computed.unit_bits.row_gap,
+                        CSS_UNIT_PX);
+        ctest_equal_int("column-gap unit", computed.unit_bits.column_gap,
+                        CSS_UNIT_PX);
+        check_length("row-gap", computed.row_gap, 12);
+        check_length("column-gap", computed.column_gap, 12);
+
+        css_style_decl_destroy(result);
+        css_selector_destroy(selector);
+        css_computed_style_destroy(&computed);
+}
+
+void test_flex_gap_shorthand_two_values(void)
+{
+        css_selector_t *selector;
+        css_style_decl_t *result;
+        css_computed_style_t computed;
+
+        selector = css_selector_create(".flex-gap-two-values");
+        result = css_select_style(selector);
+        css_cascade_style(result, &computed);
+
+        ctest_equal_int("row-gap type", computed.type_bits.row_gap,
+                        CSS_GAP_SET);
+        ctest_equal_int("column-gap type", computed.type_bits.column_gap,
+                        CSS_GAP_SET);
+        check_length("row-gap", computed.row_gap, 8);
+        check_length("column-gap", computed.column_gap, 16);
+
+        css_style_decl_destroy(result);
+        css_selector_destroy(selector);
+        css_computed_style_destroy(&computed);
+}
+
+void test_flex_gap_axis(void)
+{
+        css_selector_t *selector;
+        css_style_decl_t *result;
+        css_computed_style_t computed;
+
+        selector = css_selector_create(".flex-gap-axis");
+        result = css_select_style(selector);
+        css_cascade_style(result, &computed);
+
+        ctest_equal_int("row-gap type", computed.type_bits.row_gap,
+                        CSS_GAP_SET);
+        ctest_equal_int("column-gap type", computed.type_bits.column_gap,
+                        CSS_GAP_SET);
+        check_length("row-gap", computed.row_gap, 4);
+        check_length("column-gap", computed.column_gap, 20);
+
+        css_style_decl_destroy(result);
+        css_selector_destroy(selector);
+        css_computed_style_destroy(&computed);
+}
+
+void test_flex_gap_normal(void)
+{
+        css_selector_t *selector;
+        css_style_decl_t *result;
+        css_computed_style_t computed;
+
+        selector = css_selector_create(".flex-gap-normal");
+        result = css_select_style(selector);
+        css_cascade_style(result, &computed);
+
+        ctest_equal_int("row-gap type", computed.type_bits.row_gap,
+                        CSS_GAP_NORMAL);
+        ctest_equal_int("column-gap type", computed.type_bits.column_gap,
+                        CSS_GAP_NORMAL);
+
+        css_style_decl_destroy(result);
+        css_selector_destroy(selector);
+        css_computed_style_destroy(&computed);
+}
+
+void test_flex_gap_percentage(void)
+{
+        css_selector_t *selector;
+        css_style_decl_t *result;
+        css_computed_style_t computed;
+
+        selector = css_selector_create(".flex-gap-percentage");
+        result = css_select_style(selector);
+        css_cascade_style(result, &computed);
+
+        ctest_equal_int("row-gap type", computed.type_bits.row_gap,
+                        CSS_GAP_SET);
+        ctest_equal_int("column-gap type", computed.type_bits.column_gap,
+                        CSS_GAP_SET);
+        ctest_equal_int("row-gap unit", computed.unit_bits.row_gap,
+                        CSS_UNIT_PERCENT);
+        ctest_equal_int("column-gap unit", computed.unit_bits.column_gap,
+                        CSS_UNIT_PERCENT);
+        check_length("row-gap", computed.row_gap, 25);
+        check_length("column-gap", computed.column_gap, 50);
+
+        css_style_decl_destroy(result);
+        css_selector_destroy(selector);
+        css_computed_style_destroy(&computed);
+}
+
 void test_css_computed(void)
 {
         size_t n;
@@ -176,6 +292,13 @@ void test_css_computed(void)
         ctest_describe(".container", test_container_style);
         ctest_describe(".button.borderless", test_button_borderless_style);
         ctest_describe(".w-[360px]", test_w360px_style);
+        ctest_describe(".flex-gap (one value)",
+                       test_flex_gap_shorthand_one_value);
+        ctest_describe(".flex-gap-two-values",
+                       test_flex_gap_shorthand_two_values);
+        ctest_describe(".flex-gap-axis", test_flex_gap_axis);
+        ctest_describe(".flex-gap-normal", test_flex_gap_normal);
+        ctest_describe(".flex-gap-percentage", test_flex_gap_percentage);
 
         css_destroy();
 }
diff --git a/lib/css/tests/test_css_computed.css b/lib/css/tests/test_css_computed.css
index 70b263219..6922dc01e 100644
--- a/lib/css/tests/test_css_computed.css
+++ b/lib/css/tests/test_css_computed.css
@@ -34,3 +34,29 @@
 .w-\[360px\] {
   width: 360px;
 }
+
+.flex-gap {
+  display: flex;
+  gap: 12px;
+}
+
+.flex-gap-two-values {
+  display: flex;
+  gap: 8px 16px;
+}
+
+.flex-gap-axis {
+  display: flex;
+  row-gap: 4px;
+  column-gap: 20px;
+}
+
+.flex-gap-normal {
+  display: flex;
+  gap: normal;
+}
+
+.flex-gap-percentage {
+  display: flex;
+  gap: 25% 50%;
+}
diff --git a/lib/css/tests/test_css_keywords.c b/lib/css/tests/test_css_keywords.c
index 1cadaef55..6626eccbd 100644
--- a/lib/css/tests/test_css_keywords.c
+++ b/lib/css/tests/test_css_keywords.c
@@ -1,12 +1,12 @@
 /*
  * lib/css/tests/test_css_keywords.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
@@ -16,32 +16,32 @@
 
 static void test_keyword_value(const char *name, int value)
 {
-	char str[256] = { 0 };
+        char str[256] = { 0 };
 
-	snprintf(str, 255, "keyword('%s').value", name);
-	ctest_equal_int(str, css_get_keyword_key(name), value);
+        snprintf(str, 255, "keyword('%s').value", name);
+        ctest_equal_int(str, css_get_keyword_key(name), value);
 }
 
 static void test_keyword_register(const char *name)
 {
-	char str[256] = { 0 };
-	int a = css_register_keyword(name);
-	int b = css_get_keyword_key(name);
+        char str[256] = { 0 };
+        int a = css_register_keyword(name);
+        int b = css_get_keyword_key(name);
 
-	snprintf(str, 255, "keyword('%s')", name);
-	ctest_equal_int(str, a, b);
+        snprintf(str, 255, "keyword('%s')", name);
+        ctest_equal_int(str, a, b);
 }
 
 void test_css_keywords(void)
 {
-	css_init_keywords();
+        css_init_keywords();
 
-	test_keyword_value("inherit", CSS_KEYWORD_INHERIT);
-	test_keyword_value("none", CSS_KEYWORD_NONE);
-	test_keyword_value("auto", CSS_KEYWORD_AUTO);
-	test_keyword_value("center", CSS_KEYWORD_CENTER);
-	test_keyword_value("inline-block", CSS_KEYWORD_INLINE_BLOCK);
-	test_keyword_register("custom-keyword");
+        test_keyword_value("inherit", CSS_KEYWORD_INHERIT);
+        test_keyword_value("none", CSS_KEYWORD_NONE);
+        test_keyword_value("auto", CSS_KEYWORD_AUTO);
+        test_keyword_value("center", CSS_KEYWORD_CENTER);
+        test_keyword_value("inline-block", CSS_KEYWORD_INLINE_BLOCK);
+        test_keyword_register("custom-keyword");
 
-	css_destroy_keywords();
+        css_destroy_keywords();
 }
diff --git a/lib/css/tests/test_css_value.c b/lib/css/tests/test_css_value.c
index 3c6d0a861..d8a1ebbfc 100644
--- a/lib/css/tests/test_css_value.c
+++ b/lib/css/tests/test_css_value.c
@@ -1,12 +1,12 @@
 /*
  * lib/css/tests/test_css_value.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
@@ -16,430 +16,440 @@
 
 static void test_css_valdef_string(const css_valdef_t *valdef)
 {
-	int ret;
-	css_style_value_t val = { 0 };
-
-	ret = css_parse_value(valdef, "\"abc\"", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE;
-	if (ret) {
-		ret = val.array_value[0].type == CSS_STRING_VALUE;
-	}
-	css_style_value_destroy(&val);
-	ctest_equal_bool("match('\"abc\"')", ret, 1);
-	ctest_equal_bool("match('auto')", css_parse_value(valdef, "auto", &val) > 0, 1);
-	css_style_value_destroy(&val);
+        int ret;
+        css_style_value_t val = { 0 };
+
+        ret = css_parse_value(valdef, "\"abc\"", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE;
+        if (ret) {
+                ret = val.array_value[0].type == CSS_STRING_VALUE;
+        }
+        css_style_value_destroy(&val);
+        ctest_equal_bool("match('\"abc\"')", ret, 1);
+        ctest_equal_bool("match('auto')",
+                         css_parse_value(valdef, "auto", &val) > 0, 1);
+        css_style_value_destroy(&val);
 }
 
 static void test_css_valdef_color(const css_valdef_t *valdef)
 {
-	css_color_value_t color;
-	css_style_value_t val = { 0 };
-
-	color = 0;
-	if (css_parse_value(valdef, "#fff", &val) > 0 &&
-	    val.array_value[0].type == CSS_COLOR_VALUE) {
-		color = val.array_value[0].color_value;
-	}
-	css_style_value_destroy(&val);
-
-	ctest_equal_uint("match('#fff')", (int)color, (int)css_color(255, 255, 255, 255));
-
-	color = 0;
-	if (css_parse_value(valdef, "#ffffff", &val) > 0 &&
-	    val.array_value[0].type == CSS_COLOR_VALUE) {
-		color = val.array_value[0].color_value;
-	}
-	css_style_value_destroy(&val);
-
-	ctest_equal_uint("match('#ffffff')", color, css_color(255, 255, 255, 255));
-
-	color = 0;
-	if (css_parse_value(valdef, "transparent", &val) > 0 &&
-	    val.array_value[0].type == CSS_COLOR_VALUE) {
-		color = val.array_value[0].color_value;
-	}
-	css_style_value_destroy(&val);
-
-	ctest_equal_uint("match('transparent')", color, CSS_COLOR_TRANSPARENT);
-
-	color = 0;
-	if (css_parse_value(valdef, "rgb(100, 200, 255)", &val) > 0 &&
-	    val.array_value[0].type == CSS_COLOR_VALUE) {
-		color = val.array_value[0].color_value;
-	}
-	css_style_value_destroy(&val);
-
-	ctest_equal_uint("match('rgb(100, 200, 255)')", color,
-	     css_color(255, 100, 200, 255));
-
-	color = 0;
-	if (css_parse_value(valdef, "rgba(100, 200, 255, 0.5)", &val) > 0 &&
-	    val.array_value[0].type == CSS_COLOR_VALUE) {
-		color = val.array_value[0].color_value;
-	}
-	css_style_value_destroy(&val);
-
-	ctest_equal_uint("match('rgba(100, 200, 255, 0.5)')", color,
-	     css_color(127, 100, 200, 255));
+        css_color_value_t color;
+        css_style_value_t val = { 0 };
+
+        color = 0;
+        if (css_parse_value(valdef, "#fff", &val) > 0 &&
+            val.array_value[0].type == CSS_COLOR_VALUE) {
+                color = val.array_value[0].color_value;
+        }
+        css_style_value_destroy(&val);
+
+        ctest_equal_uint("match('#fff')", (int)color,
+                         (int)css_color(255, 255, 255, 255));
+
+        color = 0;
+        if (css_parse_value(valdef, "#ffffff", &val) > 0 &&
+            val.array_value[0].type == CSS_COLOR_VALUE) {
+                color = val.array_value[0].color_value;
+        }
+        css_style_value_destroy(&val);
+
+        ctest_equal_uint("match('#ffffff')", color,
+                         css_color(255, 255, 255, 255));
+
+        color = 0;
+        if (css_parse_value(valdef, "transparent", &val) > 0 &&
+            val.array_value[0].type == CSS_COLOR_VALUE) {
+                color = val.array_value[0].color_value;
+        }
+        css_style_value_destroy(&val);
+
+        ctest_equal_uint("match('transparent')", color, CSS_COLOR_TRANSPARENT);
+
+        color = 0;
+        if (css_parse_value(valdef, "rgb(100, 200, 255)", &val) > 0 &&
+            val.array_value[0].type == CSS_COLOR_VALUE) {
+                color = val.array_value[0].color_value;
+        }
+        css_style_value_destroy(&val);
+
+        ctest_equal_uint("match('rgb(100, 200, 255)')", color,
+                         css_color(255, 100, 200, 255));
+
+        color = 0;
+        if (css_parse_value(valdef, "rgba(100, 200, 255, 0.5)", &val) > 0 &&
+            val.array_value[0].type == CSS_COLOR_VALUE) {
+                color = val.array_value[0].color_value;
+        }
+        css_style_value_destroy(&val);
+
+        ctest_equal_uint("match('rgba(100, 200, 255, 0.5)')", color,
+                         css_color(127, 100, 200, 255));
 }
 
 static void test_css_valdef_none(const css_valdef_t *valdef)
 {
-	int ret;
-	css_style_value_t val = { 0 };
-
-	ret = css_parse_value(valdef, "none", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE;
-	if (ret) {
-		ret = val.array_value[0].keyword_value ==
-		      css_get_keyword_key("none");
-	}
-	css_style_value_destroy(&val);
-	ctest_equal_bool("match('none')", ret, 1);
-	ctest_equal_bool("notMatch('auto')", css_parse_value(valdef, "auto", &val) <= 0, 1);
-	css_style_value_destroy(&val);
+        int ret;
+        css_style_value_t val = { 0 };
+
+        ret = css_parse_value(valdef, "none", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE;
+        if (ret) {
+                ret = val.array_value[0].keyword_value ==
+                      css_get_keyword_key("none");
+        }
+        css_style_value_destroy(&val);
+        ctest_equal_bool("match('none')", ret, 1);
+        ctest_equal_bool("notMatch('auto')",
+                         css_parse_value(valdef, "auto", &val) <= 0, 1);
+        css_style_value_destroy(&val);
 }
 
 static void test_css_valdef_none_or_auto(const css_valdef_t *valdef)
 {
-	int ret;
-	css_style_value_t val = { 0 };
-
-	ret = css_parse_value(valdef, "none", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE;
-	if (ret) {
-		ret = val.array_value[0].keyword_value ==
-		      css_get_keyword_key("none");
-	}
-	css_style_value_destroy(&val);
-
-	ctest_equal_bool("match('none')", ret, 1);
-
-	ret = css_parse_value(valdef, "auto", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE;
-	ctest_equal_bool("match('auto')", ret, 1);
-	ctest_equal_bool("notMatch('normal')", css_parse_value(valdef, "normal", &val) <= 0,
-	     1);
-	css_style_value_destroy(&val);
+        int ret;
+        css_style_value_t val = { 0 };
+
+        ret = css_parse_value(valdef, "none", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE;
+        if (ret) {
+                ret = val.array_value[0].keyword_value ==
+                      css_get_keyword_key("none");
+        }
+        css_style_value_destroy(&val);
+
+        ctest_equal_bool("match('none')", ret, 1);
+
+        ret = css_parse_value(valdef, "auto", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE;
+        ctest_equal_bool("match('auto')", ret, 1);
+        ctest_equal_bool("notMatch('normal')",
+                         css_parse_value(valdef, "normal", &val) <= 0, 1);
+        css_style_value_destroy(&val);
 }
 
 static void test_css_valdef_border(const css_valdef_t *valdef)
 {
-	int ret;
-	css_style_value_t val = { 0 };
-
-	ctest_equal_bool("match('1px solid #eee')",
-	     css_parse_value(valdef, "1px solid #eee", &val) > 0, 1);
-	css_style_value_destroy(&val);
-
-	ctest_equal_bool("match('#eee 1px solid')",
-	     css_parse_value(valdef, "#eee 1px solid", &val) > 0, 1);
-	css_style_value_destroy(&val);
-
-	ctest_equal_bool("match('solid #eee 1px')",
-	     css_parse_value(valdef, "solid #eee 1px", &val) > 0, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "1px", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE;
-	if (ret) {
-		ret = val.array_value[0].type == CSS_UNIT_VALUE &&
-		      val.array_value[0].unit_value.value == 1.;
-	}
-	ctest_equal_bool("match('1px')", ret, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "solid", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE;
-	if (ret) {
-		ret = val.array_value[0].type == CSS_KEYWORD_VALUE &&
-		      val.array_value[0].keyword_value ==
-			  css_get_keyword_key("solid");
-	}
-	ctest_equal_bool("match('solid')", ret, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "#eee", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE;
-	ret = val.array_value[0].color_value == 0xffeeeeee;
-	ctest_equal_bool("match('#eee')", ret, 1);
-	css_style_value_destroy(&val);
+        int ret;
+        css_style_value_t val = { 0 };
+
+        ctest_equal_bool("match('1px solid #eee')",
+                         css_parse_value(valdef, "1px solid #eee", &val) > 0,
+                         1);
+        css_style_value_destroy(&val);
+
+        ctest_equal_bool("match('#eee 1px solid')",
+                         css_parse_value(valdef, "#eee 1px solid", &val) > 0,
+                         1);
+        css_style_value_destroy(&val);
+
+        ctest_equal_bool("match('solid #eee 1px')",
+                         css_parse_value(valdef, "solid #eee 1px", &val) > 0,
+                         1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "1px", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE;
+        if (ret) {
+                ret = val.array_value[0].type == CSS_UNIT_VALUE &&
+                      val.array_value[0].unit_value.value == 1.;
+        }
+        ctest_equal_bool("match('1px')", ret, 1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "solid", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE;
+        if (ret) {
+                ret = val.array_value[0].type == CSS_KEYWORD_VALUE &&
+                      val.array_value[0].keyword_value ==
+                          css_get_keyword_key("solid");
+        }
+        ctest_equal_bool("match('solid')", ret, 1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "#eee", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE;
+        ret = val.array_value[0].color_value == 0xffeeeeee;
+        ctest_equal_bool("match('#eee')", ret, 1);
+        css_style_value_destroy(&val);
 }
 
 static void test_css_valdef_border_2(const css_valdef_t *valdef)
 {
-	int ret;
-	css_style_value_t val = { 0 };
-
-	ctest_equal_bool("match('1px solid #eee')",
-	     css_parse_value(valdef, "1px solid #eee", &val) > 0, 1);
-	css_style_value_destroy(&val);
-
-	ctest_equal_bool("match('#eee 1px solid')",
-	     css_parse_value(valdef, "#eee 1px solid", &val) > 0, 1);
-	css_style_value_destroy(&val);
-
-	ctest_equal_bool("match('solid #eee 1px')",
-	     css_parse_value(valdef, "solid #eee 1px", &val) > 0, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "1px", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE;
-	ctest_equal_bool("notMatch('1px')", ret, 0);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "solid", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE;
-	ctest_equal_bool("notMatch('solid')", ret, 0);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "#eee", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE;
-	ctest_equal_bool("notMatch('#eee')", ret, 0);
-	css_style_value_destroy(&val);
+        int ret;
+        css_style_value_t val = { 0 };
+
+        ctest_equal_bool("match('1px solid #eee')",
+                         css_parse_value(valdef, "1px solid #eee", &val) > 0,
+                         1);
+        css_style_value_destroy(&val);
+
+        ctest_equal_bool("match('#eee 1px solid')",
+                         css_parse_value(valdef, "#eee 1px solid", &val) > 0,
+                         1);
+        css_style_value_destroy(&val);
+
+        ctest_equal_bool("match('solid #eee 1px')",
+                         css_parse_value(valdef, "solid #eee 1px", &val) > 0,
+                         1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "1px", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE;
+        ctest_equal_bool("notMatch('1px')", ret, 0);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "solid", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE;
+        ctest_equal_bool("notMatch('solid')", ret, 0);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "#eee", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE;
+        ctest_equal_bool("notMatch('#eee')", ret, 0);
+        css_style_value_destroy(&val);
 }
 
 static void test_css_valdef_box_shadow(const css_valdef_t *valdef)
 {
-	css_style_value_t val = { 0 };
-
-	ctest_equal_bool("match('none')",
-	     css_parse_value(valdef, "none", &val) > 0 &&
-		 val.array_value[0].keyword_value == CSS_KEYWORD_NONE,
-	     1);
-	css_style_value_destroy(&val);
-
-	ctest_equal_bool("match('0 0')",
-	     css_parse_value(valdef, "0 0", &val) > 0 &&
-		 css_style_value_get_array_length(&val) == 2,
-	     1);
-	css_style_value_destroy(&val);
-
-	ctest_equal_bool("match('0 0 4px')",
-	     css_parse_value(valdef, "0 0 4px", &val) > 0 &&
-		 css_style_value_get_array_length(&val) == 3,
-	     1);
-	css_style_value_destroy(&val);
-
-	ctest_equal_bool("match('0 0 4px #000')",
-	     css_parse_value(valdef, "0 0 4px #000", &val) > 0 &&
-		 css_style_value_get_array_length(&val) == 4,
-	     1);
-	css_style_value_destroy(&val);
-
-	ctest_equal_bool(
-	    "match('0 0 6px rgba(33,150,243,0.4)')",
-	    css_parse_value(valdef, "0 0 6px rgba(33,150,243,0.4)", &val) > 0 &&
-		css_style_value_get_array_length(&val) == 4 &&
-		val.array_value[3].color_value ==
-		    css_color((uint8_t)(0.4 * 0xff), 33, 150, 243),
-	    1);
-	css_style_value_destroy(&val);
+        css_style_value_t val = { 0 };
+
+        ctest_equal_bool(
+            "match('none')",
+            css_parse_value(valdef, "none", &val) > 0 &&
+                val.array_value[0].keyword_value == CSS_KEYWORD_NONE,
+            1);
+        css_style_value_destroy(&val);
+
+        ctest_equal_bool("match('0 0')",
+                         css_parse_value(valdef, "0 0", &val) > 0 &&
+                             css_style_value_get_array_length(&val) == 2,
+                         1);
+        css_style_value_destroy(&val);
+
+        ctest_equal_bool("match('0 0 4px')",
+                         css_parse_value(valdef, "0 0 4px", &val) > 0 &&
+                             css_style_value_get_array_length(&val) == 3,
+                         1);
+        css_style_value_destroy(&val);
+
+        ctest_equal_bool("match('0 0 4px #000')",
+                         css_parse_value(valdef, "0 0 4px #000", &val) > 0 &&
+                             css_style_value_get_array_length(&val) == 4,
+                         1);
+        css_style_value_destroy(&val);
+
+        ctest_equal_bool(
+            "match('0 0 6px rgba(33,150,243,0.4)')",
+            css_parse_value(valdef, "0 0 6px rgba(33,150,243,0.4)", &val) > 0 &&
+                css_style_value_get_array_length(&val) == 4 &&
+                val.array_value[3].color_value ==
+                    css_color((uint8_t)(0.4 * 0xff), 33, 150, 243),
+            1);
+        css_style_value_destroy(&val);
 }
 
 static void test_css_valdef_length_2(const css_valdef_t *valdef)
 {
-	int ret;
-	css_style_value_t val = { 0 };
-
-	ret = css_parse_value(valdef, "1px 2px", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE &&
-	      css_style_value_get_array_length(&val) == 2;
-	ctest_equal_bool("match('1px 2px')", ret, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "1px", &val) != 0;
-	ctest_equal_bool("notMatch('1px')", ret, 1);
-	css_style_value_destroy(&val);
+        int ret;
+        css_style_value_t val = { 0 };
+
+        ret = css_parse_value(valdef, "1px 2px", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE &&
+              css_style_value_get_array_length(&val) == 2;
+        ctest_equal_bool("match('1px 2px')", ret, 1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "1px", &val) != 0;
+        ctest_equal_bool("notMatch('1px')", ret, 1);
+        css_style_value_destroy(&val);
 }
 
 static void test_css_valdef_length_1_4(const css_valdef_t *valdef)
 {
-	int ret;
-	css_style_value_t val = { 0 };
-
-	ret = css_parse_value(valdef, "", &val) <= 0;
-	ctest_equal_bool("notMatch('')", ret, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "1px", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE &&
-	      css_style_value_get_array_length(&val) == 1;
-	ctest_equal_bool("match('1px')", ret, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "1px 2px", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE &&
-	      css_style_value_get_array_length(&val) == 2;
-	ctest_equal_bool("match('1px 2px')", ret, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "1px 2px 3px", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE &&
-	      css_style_value_get_array_length(&val) == 3;
-	ctest_equal_bool("match('1px 2px 3px')", ret, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "1px 2px 3px 4px", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE &&
-	      css_style_value_get_array_length(&val) == 4;
-	ctest_equal_bool("match('1px 2px 3px 4px')", ret, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "1px 2px 3px 4px 5px", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE &&
-	      css_style_value_get_array_length(&val) == 4;
-	ctest_equal_bool("Match('1px 2px 3px 4px 5px')", ret, 1);
-	css_style_value_destroy(&val);
+        int ret;
+        css_style_value_t val = { 0 };
+
+        ret = css_parse_value(valdef, "", &val) <= 0;
+        ctest_equal_bool("notMatch('')", ret, 1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "1px", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE &&
+              css_style_value_get_array_length(&val) == 1;
+        ctest_equal_bool("match('1px')", ret, 1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "1px 2px", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE &&
+              css_style_value_get_array_length(&val) == 2;
+        ctest_equal_bool("match('1px 2px')", ret, 1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "1px 2px 3px", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE &&
+              css_style_value_get_array_length(&val) == 3;
+        ctest_equal_bool("match('1px 2px 3px')", ret, 1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "1px 2px 3px 4px", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE &&
+              css_style_value_get_array_length(&val) == 4;
+        ctest_equal_bool("match('1px 2px 3px 4px')", ret, 1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "1px 2px 3px 4px 5px", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE &&
+              css_style_value_get_array_length(&val) == 4;
+        ctest_equal_bool("Match('1px 2px 3px 4px 5px')", ret, 1);
+        css_style_value_destroy(&val);
 }
 
 static void test_css_valdef_length_percentage_1_4(const css_valdef_t *valdef)
 {
-	int ret;
-	css_style_value_t val = { 0 };
-
-	ret = css_parse_value(valdef, "", &val) <= 0;
-	ctest_equal_bool("notMatch('')", ret, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "1px", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE &&
-	      css_style_value_get_array_length(&val) == 1;
-	ctest_equal_bool("match('1px')", ret, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "1px", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE &&
-	      css_style_value_get_array_length(&val) == 1;
-	ctest_equal_bool("match('50%')", ret, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "1px 2px", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE &&
-	      css_style_value_get_array_length(&val) == 2;
-	ctest_equal_bool("match('1px 2px')", ret, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "1px 2px", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE &&
-	      css_style_value_get_array_length(&val) == 2;
-	ctest_equal_bool("match('50% 50%')", ret, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "1px 2px 3px", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE &&
-	      css_style_value_get_array_length(&val) == 3;
-	ctest_equal_bool("match('1px 2px 3px')", ret, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "1px 2px 3px", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE &&
-	      css_style_value_get_array_length(&val) == 3;
-	ctest_equal_bool("match('50% 50% 50%')", ret, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "1px 2px 3px 4px", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE &&
-	      css_style_value_get_array_length(&val) == 4;
-	ctest_equal_bool("match('1px 2px 3px 4px')", ret, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "1px 2px 3px 4px", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE &&
-	      css_style_value_get_array_length(&val) == 4;
-	ctest_equal_bool("match('50% 50% 50% 50%')", ret, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "1px 2px 3px 4px 5px", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE &&
-	      css_style_value_get_array_length(&val) == 4;
-	ctest_equal_bool("Match('1px 2px 3px 4px 5px')", ret, 1);
-	css_style_value_destroy(&val);
+        int ret;
+        css_style_value_t val = { 0 };
+
+        ret = css_parse_value(valdef, "", &val) <= 0;
+        ctest_equal_bool("notMatch('')", ret, 1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "1px", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE &&
+              css_style_value_get_array_length(&val) == 1;
+        ctest_equal_bool("match('1px')", ret, 1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "1px", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE &&
+              css_style_value_get_array_length(&val) == 1;
+        ctest_equal_bool("match('50%')", ret, 1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "1px 2px", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE &&
+              css_style_value_get_array_length(&val) == 2;
+        ctest_equal_bool("match('1px 2px')", ret, 1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "1px 2px", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE &&
+              css_style_value_get_array_length(&val) == 2;
+        ctest_equal_bool("match('50% 50%')", ret, 1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "1px 2px 3px", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE &&
+              css_style_value_get_array_length(&val) == 3;
+        ctest_equal_bool("match('1px 2px 3px')", ret, 1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "1px 2px 3px", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE &&
+              css_style_value_get_array_length(&val) == 3;
+        ctest_equal_bool("match('50% 50% 50%')", ret, 1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "1px 2px 3px 4px", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE &&
+              css_style_value_get_array_length(&val) == 4;
+        ctest_equal_bool("match('1px 2px 3px 4px')", ret, 1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "1px 2px 3px 4px", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE &&
+              css_style_value_get_array_length(&val) == 4;
+        ctest_equal_bool("match('50% 50% 50% 50%')", ret, 1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "1px 2px 3px 4px 5px", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE &&
+              css_style_value_get_array_length(&val) == 4;
+        ctest_equal_bool("Match('1px 2px 3px 4px 5px')", ret, 1);
+        css_style_value_destroy(&val);
 }
 
 static void test_css_valdef_background_position(const css_valdef_t *valdef)
 {
-	int ret;
-	size_t len;
-	css_style_value_t val = { 0 };
-
-	ret = css_parse_value(valdef, "center", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE &&
-	      css_style_value_get_array_length(&val) == 1;
-	ctest_equal_bool("match('center')", ret, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "10px", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE &&
-	      css_style_value_get_array_length(&val) == 1;
-	ctest_equal_bool("match('10px')", ret, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "50%", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE &&
-	      css_style_value_get_array_length(&val) == 1;
-	ctest_equal_bool("match('50%')", ret, 1);
-	css_style_value_destroy(&val);
-
-	if (css_parse_value(valdef, "top center", &val) > 0) {
-		len = css_style_value_get_array_length(&val);
-		ret = len == 2;
-	} else {
-		ret = 0;
-	}
-	ctest_equal_bool("match('top center')", ret, 1);
-	css_style_value_destroy(&val);
-
-	ret = css_parse_value(valdef, "bottom 10px right 20px", &val) > 0 &&
-	      val.type == CSS_ARRAY_VALUE &&
-	      css_style_value_get_array_length(&val) == 4;
-	ctest_equal_bool("match('bottom 10px right 20px')", ret, 1);
-	css_style_value_destroy(&val);
+        int ret;
+        size_t len;
+        css_style_value_t val = { 0 };
+
+        ret = css_parse_value(valdef, "center", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE &&
+              css_style_value_get_array_length(&val) == 1;
+        ctest_equal_bool("match('center')", ret, 1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "10px", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE &&
+              css_style_value_get_array_length(&val) == 1;
+        ctest_equal_bool("match('10px')", ret, 1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "50%", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE &&
+              css_style_value_get_array_length(&val) == 1;
+        ctest_equal_bool("match('50%')", ret, 1);
+        css_style_value_destroy(&val);
+
+        if (css_parse_value(valdef, "top center", &val) > 0) {
+                len = css_style_value_get_array_length(&val);
+                ret = len == 2;
+        } else {
+                ret = 0;
+        }
+        ctest_equal_bool("match('top center')", ret, 1);
+        css_style_value_destroy(&val);
+
+        ret = css_parse_value(valdef, "bottom 10px right 20px", &val) > 0 &&
+              val.type == CSS_ARRAY_VALUE &&
+              css_style_value_get_array_length(&val) == 4;
+        ctest_equal_bool("match('bottom 10px right 20px')", ret, 1);
+        css_style_value_destroy(&val);
 }
 
 static void test_css_valdef(const char *definition,
-			    void (*func)(const css_valdef_t *))
+                            void (*func)(const css_valdef_t *))
 {
-	char str[256] = { 0 };
-	css_valdef_t *valdef;
-
-	snprintf(str, 255, "valdef('%s')", definition);
-	ctest_printf("%s\n", str);
-	ctest_group_begin();
-	valdef = css_compile_valdef(definition);
-	if (valdef) {
-		func(valdef);
-	} else {
-		ctest_equal_bool("should be able to parse", 0, 1);
-	}
-	ctest_group_end();
-	ctest_printf("\n");
-	css_valdef_destroy(valdef);
+        char str[256] = { 0 };
+        css_valdef_t *valdef;
+
+        snprintf(str, 255, "valdef('%s')", definition);
+        ctest_printf("%s\n", str);
+        ctest_group_begin();
+        valdef = css_compile_valdef(definition);
+        if (valdef) {
+                func(valdef);
+        } else {
+                ctest_equal_bool("should be able to parse", 0, 1);
+        }
+        ctest_group_end();
+        ctest_printf("\n");
+        css_valdef_destroy(valdef);
 }
 
 void test_css_value(void)
 {
-	css_init();
-
-	/**
-	 * TODO: 添加 <font-family> 测试
-	 * 参考：https://developer.mozilla.org/zh-CN/docs/Web/CSS/Value_definition_syntax#%E4%BA%95%E5%8F%B7
-	 * 添加支持用 # 号标识值能出现一次或多次，多次时以逗号分隔
-	*/
-	test_css_valdef("<string>", test_css_valdef_string);
-	test_css_valdef("<color>", test_css_valdef_color);
-	test_css_valdef("none", test_css_valdef_none);
-	test_css_valdef("none | auto", test_css_valdef_none_or_auto);
-	test_css_valdef("<line-width> || <line-style> || <color>",
-			test_css_valdef_border);
-	test_css_valdef("<line-width> && <line-style> && <color>",
-			test_css_valdef_border_2);
-	test_css_valdef("none | <shadow>", test_css_valdef_box_shadow);
-	test_css_valdef("<length>{2}", test_css_valdef_length_2);
-	test_css_valdef("<length>{1, 4}", test_css_valdef_length_1_4);
-	test_css_valdef("<length-percentage>{1, 4}",
-			test_css_valdef_length_percentage_1_4);
-	test_css_valdef("<bg-position>",
-	test_css_valdef_background_position);
-	css_destroy();
+        css_init();
+
+        /**
+         * TODO: 添加 <font-family> 测试
+         * 参考：https://developer.mozilla.org/zh-CN/docs/Web/CSS/Value_definition_syntax#%E4%BA%95%E5%8F%B7
+         * 添加支持用 # 号标识值能出现一次或多次，多次时以逗号分隔
+         */
+        test_css_valdef("<string>", test_css_valdef_string);
+        test_css_valdef("<color>", test_css_valdef_color);
+        test_css_valdef("none", test_css_valdef_none);
+        test_css_valdef("none | auto", test_css_valdef_none_or_auto);
+        test_css_valdef("<line-width> || <line-style> || <color>",
+                        test_css_valdef_border);
+        test_css_valdef("<line-width> && <line-style> && <color>",
+                        test_css_valdef_border_2);
+        test_css_valdef("none | <shadow>", test_css_valdef_box_shadow);
+        test_css_valdef("<length>{2}", test_css_valdef_length_2);
+        test_css_valdef("<length>{1, 4}", test_css_valdef_length_1_4);
+        test_css_valdef("<length-percentage>{1, 4}",
+                        test_css_valdef_length_percentage_1_4);
+        test_css_valdef("<bg-position>", test_css_valdef_background_position);
+        css_destroy();
 }
diff --git a/lib/css/xmake.lua b/lib/css/xmake.lua
index de8b1f14b..23f75abc2 100644
--- a/lib/css/xmake.lua
+++ b/lib/css/xmake.lua
@@ -1,7 +1,5 @@
-set_project("libcss")
-set_version("0.1.0-a")
-
 target("libcss")
+    set_version("0.1.0-a")
     set_kind("$(kind)")
     add_files("src/**.c")
     set_configdir("include/css")
@@ -14,29 +12,13 @@ target("libcss")
         add_defines("LIBCSS_DLL_EXPORT")
     end
 
-target("libcss_tests")
+target("libcss-tests")
     set_default(false)
     set_kind("binary")
+    set_group("tests")
     set_rundir("tests")
+    add_includedirs("tests")
     add_files("tests/*.c")
     add_deps("ctest", "libcss")
-    on_run(function (target)
-        import("core.base.option")
-        local argv = {}
-        local options = {{nil, "memcheck",  "k",  nil, "enable memory check."}}
-        local args = option.raw_parse(option.get("arguments") or {}, options)
-        os.cd("$(scriptdir)/tests")
-        if args.memcheck then
-            if is_plat("windows") then
-                table.insert(argv, target:targetfile())
-                os.execv("drmemory", argv)
-            else
-                table.insert(argv, "--leak-check=full")
-                table.insert(argv, "--error-exitcode=42")
-                table.insert(argv, target:targetfile())
-                os.execv("valgrind", argv)
-            end
-        else
-            os.execv(target:targetfile())
-        end
-    end)
+    add_rules("tests.runnable")
+    add_tests("default", {group = "tests"})
diff --git a/lib/ctest/include/ctest.h b/lib/ctest/include/ctest.h
index 48f41a0f7..811c30673 100644
--- a/lib/ctest/include/ctest.h
+++ b/lib/ctest/include/ctest.h
@@ -1,12 +1,12 @@
 /*
  * lib/ctest/include/ctest.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_CTEST_INCLUDE_CTEST_H
@@ -36,7 +36,28 @@ bool ctest_equal_uint(const char *name, unsigned actual, unsigned expected);
 bool ctest_equal_float(const char *name, float actual, float expected);
 bool ctest_equal_str(const char *name, const char *actual,
                      const char *expected);
-bool ctest_equal_wcs(const char *name, const wchar_t *actual, const wchar_t *expected);
+bool ctest_equal_wcs(const char *name, const wchar_t *actual,
+                     const wchar_t *expected);
 int ctest_finish(void);
 
+typedef struct {
+        const char *name;
+        void (*run)(void);
+} ctest_suite_t;
+
+void ctest_set_grep(const char *pattern);
+bool ctest_should_run(const char *name);
+bool ctest_is_interactive(void);
+void ctest_set_interactive(bool interactive);
+int ctest_parse_args(int argc, char **argv);
+int ctest_run_suites(const ctest_suite_t *suites);
+
+#define CTEST_MAIN(SUITES)                             \
+        int main(int argc, char **argv)                \
+        {                                              \
+                if (ctest_parse_args(argc, argv) != 0) \
+                        return 1;                      \
+                return ctest_run_suites(SUITES);       \
+        }
+
 #endif
diff --git a/lib/ctest/src/ctest.c b/lib/ctest/src/ctest.c
index 9b60c88b6..dacaada79 100644
--- a/lib/ctest/src/ctest.c
+++ b/lib/ctest/src/ctest.c
@@ -1,17 +1,18 @@
 /*
  * lib/ctest/src/ctest.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
 #include <string.h>
 #include <stdarg.h>
+#include <stdlib.h>
 #include <yutil.h>
 #include <ctest.h>
 
@@ -42,128 +43,218 @@ static int64_t test_start_time = 0;
 
 int ctest_printf(const char *fmt, ...)
 {
-	int ret;
-	char str[1024];
-	va_list args;
+        int ret;
+        char str[1024];
+        va_list args;
 
-	va_start(args, fmt);
-	ret = vsnprintf(str, 1023, fmt, args);
-	va_end(args);
-	printf("%*s%s", test_msg_indent * 2, "", str);
-	return ret;
+        va_start(args, fmt);
+        ret = vsnprintf(str, 1023, fmt, args);
+        va_end(args);
+        printf("%*s%s", test_msg_indent * 2, "", str);
+        return ret;
 }
 
 void ctest_group_begin(void)
 {
-	if (test_start_time == 0) {
-		test_start_time = get_time_ms();
-	}
-	test_msg_indent++;
+        if (test_start_time == 0) {
+                test_start_time = y_gettime();
+        }
+        test_msg_indent++;
 }
 
 void ctest_group_end(void)
 {
-	test_msg_indent--;
+        test_msg_indent--;
 }
 
 void ctest_describe(const char *name, void (*func)())
 {
-	ctest_printf("%s\n", name);
-	ctest_group_begin();
-	func();
-	ctest_group_end();
-	ctest_printf("\n");
+        if (!ctest_should_run(name))
+                return;
+        ctest_printf("%s\n", name);
+        ctest_group_begin();
+        func();
+        ctest_group_end();
+        ctest_printf("\n");
 }
 
 bool ctest_equal(const char *name, int (*to_str)(void *, char *, unsigned),
-		 void *actual, void *expected)
-{
-	char actual_str[256] = { 0 };
-	char expected_str[256] = { 0 };
-
-	tests_total++;
-	to_str(actual, actual_str, 255);
-	to_str(expected, expected_str, 255);
-	if (strncmp(actual_str, expected_str, 255) == 0) {
-		ctest_printf(CHECK_MARK "%s\n", name);
-		tests_passed++;
-		return true;
-	}
-	ctest_printf(RED(ERROR_MARK "%s\n"), name);
-	ctest_printf(GREEN("  + expected ") RED("- actual\n\n"));
-	ctest_printf(RED("  - %s\n"), actual_str);
-	ctest_printf(GREEN("  + %s\n\n"), expected_str);
-	return false;
+                 void *actual, void *expected)
+{
+        char actual_str[256] = { 0 };
+        char expected_str[256] = { 0 };
+
+        tests_total++;
+        to_str(actual, actual_str, 255);
+        to_str(expected, expected_str, 255);
+        if (strncmp(actual_str, expected_str, 255) == 0) {
+                ctest_printf(CHECK_MARK "%s\n", name);
+                tests_passed++;
+                return true;
+        }
+        ctest_printf(RED(ERROR_MARK "%s\n"), name);
+        ctest_printf(GREEN("  + expected ") RED("- actual\n\n"));
+        ctest_printf(RED("  - %s\n"), actual_str);
+        ctest_printf(GREEN("  + %s\n\n"), expected_str);
+        return false;
 }
 
 int ctest_int_to_str(void *data, char *str, unsigned max_len)
 {
-	return snprintf(str, max_len, "%d", *(int *)data);
+        return snprintf(str, max_len, "%d", *(int *)data);
 }
 
 int ctest_uint_to_str(void *data, char *str, unsigned max_len)
 {
-	return snprintf(str, max_len, "%u", *(unsigned *)data);
+        return snprintf(str, max_len, "%u", *(unsigned *)data);
 }
 
 int ctest_float_to_str(void *data, char *str, unsigned max_len)
 {
-	return snprintf(str, max_len, "%f", *(float *)data);
+        return snprintf(str, max_len, "%f", *(float *)data);
 }
 
 int ctest_str_to_str(void *data, char *str, unsigned max_len)
 {
-	return snprintf(str, max_len, "\"%s\"", (char *)data);
+        return snprintf(str, max_len, "\"%s\"", (char *)data);
 }
 
 int ctest_wcs_to_str(void *data, char *str, unsigned max_len)
 {
-	return snprintf(str, max_len, "\"%S\"", (wchar_t *)data);
+        return snprintf(str, max_len, "\"%S\"", (wchar_t *)data);
 }
 
 int ctest_bool_to_str(void *data, char *str, unsigned max_len)
 {
-	return snprintf(str, max_len, "%s", *(bool*)data ? "true" : "false");
+        return snprintf(str, max_len, "%s", *(bool *)data ? "true" : "false");
 }
 
 bool ctest_equal_int(const char *name, int actual, int expected)
 {
-	return ctest_equal(name, ctest_int_to_str, &actual, &expected);
+        return ctest_equal(name, ctest_int_to_str, &actual, &expected);
 }
 
 bool ctest_equal_bool(const char *name, bool actual, bool expected)
 {
-	return ctest_equal(name, ctest_bool_to_str, &actual, &expected);
+        return ctest_equal(name, ctest_bool_to_str, &actual, &expected);
 }
 
 bool ctest_equal_uint(const char *name, unsigned actual, unsigned expected)
 {
-	return ctest_equal(name, ctest_uint_to_str, &actual, &expected);
+        return ctest_equal(name, ctest_uint_to_str, &actual, &expected);
 }
 
 bool ctest_equal_float(const char *name, float actual, float expected)
 {
-	return ctest_equal(name, ctest_float_to_str, &actual, &expected);
+        return ctest_equal(name, ctest_float_to_str, &actual, &expected);
 }
 
 bool ctest_equal_str(const char *name, const char *actual, const char *expected)
 {
-	return ctest_equal(name, ctest_str_to_str, (void *)actual, (void *)expected);
+        return ctest_equal(name, ctest_str_to_str, (void *)actual,
+                           (void *)expected);
 }
 
-bool ctest_equal_wcs(const char *name, const wchar_t *actual, const wchar_t *expected)
+bool ctest_equal_wcs(const char *name, const wchar_t *actual,
+                     const wchar_t *expected)
 {
-	return ctest_equal(name, ctest_wcs_to_str, (void *)actual, (void *)expected);
+        return ctest_equal(name, ctest_wcs_to_str, (void *)actual,
+                           (void *)expected);
 }
 
 int ctest_finish(void)
 {
-	printf(GREEN("  %zu passing") " (%ums)\n", tests_passed,
-	       (unsigned)get_time_delta(test_start_time));
-	if (tests_total > tests_passed) {
-		printf(RED("  %zu faling\n\n"), tests_total - tests_passed);
-		return (int)(tests_total - tests_passed);
-	}
-	printf("\n");
-	return 0;
+        printf(GREEN("  %zu passing") " (%ums)\n", tests_passed,
+               (unsigned)(y_gettime() - test_start_time));
+        if (tests_total > tests_passed) {
+                printf(RED("  %zu faling\n\n"), tests_total - tests_passed);
+                return (int)(tests_total - tests_passed);
+        }
+        printf("\n");
+        return 0;
+}
+
+static const char *grep_pattern = NULL;
+static bool interactive = false;
+static bool list_only = false;
+static int suite_running_depth = 0;
+
+void ctest_set_grep(const char *pattern)
+{
+        grep_pattern = pattern;
+}
+
+bool ctest_should_run(const char *name)
+{
+        if (!grep_pattern)
+                return true;
+        if (suite_running_depth > 0)
+                return true;
+        return strstr(name, grep_pattern) != NULL;
+}
+
+bool ctest_is_interactive(void)
+{
+        return interactive;
+}
+
+void ctest_set_interactive(bool value)
+{
+        interactive = value;
+}
+
+int ctest_parse_args(int argc, char **argv)
+{
+        int i;
+        for (i = 1; i < argc; ++i) {
+                if (strcmp(argv[i], "--grep") == 0 && i + 1 < argc) {
+                        grep_pattern = argv[++i];
+                } else if (strncmp(argv[i], "--grep=", 7) == 0) {
+                        grep_pattern = argv[i] + 7;
+                } else if (strcmp(argv[i], "--list") == 0) {
+                        list_only = true;
+                } else if (strcmp(argv[i], "--interactive") == 0 ||
+                           strcmp(argv[i], "-i") == 0) {
+                        interactive = true;
+                } else if (strcmp(argv[i], "--help") == 0 ||
+                           strcmp(argv[i], "-h") == 0) {
+                        printf("usage: %s [options]\n", argv[0]);
+                        printf("  --grep <pattern>  "
+                               "run suites matching pattern\n");
+                        printf("  --list            "
+                               "list all suite names\n");
+                        printf("  --interactive,-i  "
+                               "enable interactive mode\n");
+                        printf("  --help,-h         "
+                               "show this help message\n");
+                        return -1;
+                }
+        }
+        return 0;
+}
+
+int ctest_run_suites(const ctest_suite_t *suites)
+{
+        const ctest_suite_t *s;
+        if (list_only) {
+                for (s = suites; s->name; ++s) {
+                        printf("%s\n", s->name);
+                }
+                return 0;
+        }
+        if (test_start_time == 0) {
+                test_start_time = y_gettime();
+        }
+        for (s = suites; s->name; ++s) {
+                if (!ctest_should_run(s->name))
+                        continue;
+                ctest_printf("%s\n", s->name);
+                ctest_group_begin();
+                suite_running_depth++;
+                s->run();
+                suite_running_depth--;
+                ctest_group_end();
+                ctest_printf("\n");
+        }
+        return ctest_finish();
 }
diff --git a/lib/ctest/tests/main.c b/lib/ctest/tests/main.c
new file mode 100644
index 000000000..f9c9d3dfa
--- /dev/null
+++ b/lib/ctest/tests/main.c
@@ -0,0 +1,23 @@
+/*
+ * lib/ctest/tests/main.c
+ *
+ * Copyright (c) 2026, Liu Chao <i@lc-soft.io> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <stdio.h>
+
+extern void test_str_funcs(void);
+extern void test_grep_funcs(void);
+
+int main(void)
+{
+        test_str_funcs();
+        test_grep_funcs();
+        printf("ctest-tests: all assertions passed\n");
+        return 0;
+}
diff --git a/lib/ctest/tests/test_grep.c b/lib/ctest/tests/test_grep.c
new file mode 100644
index 000000000..d2bc5b0a2
--- /dev/null
+++ b/lib/ctest/tests/test_grep.c
@@ -0,0 +1,68 @@
+/*
+ * lib/ctest/tests/test_grep.c
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <assert.h>
+#include <string.h>
+#include <ctest.h>
+
+static void test_should_run_no_pattern(void)
+{
+        ctest_set_grep(NULL);
+        assert(ctest_should_run("anything") == true);
+        assert(ctest_should_run("") == true);
+}
+
+static void test_should_run_with_pattern(void)
+{
+        ctest_set_grep("widget");
+        assert(ctest_should_run("widget event") == true);
+        assert(ctest_should_run("widget opacity") == true);
+        assert(ctest_should_run("settings") == false);
+        assert(ctest_should_run("thread") == false);
+}
+
+static void test_should_run_exact_match(void)
+{
+        ctest_set_grep("steptimer");
+        assert(ctest_should_run("steptimer") == true);
+        assert(ctest_should_run("ptk/steptimer") == true);
+        assert(ctest_should_run("widget event") == false);
+}
+
+static void test_should_run_empty_pattern(void)
+{
+        ctest_set_grep("");
+        assert(ctest_should_run("anything") == true);
+}
+
+static void test_is_interactive_default(void)
+{
+        ctest_set_interactive(false);
+        assert(ctest_is_interactive() == false);
+}
+
+static void test_is_interactive_set(void)
+{
+        ctest_set_interactive(true);
+        assert(ctest_is_interactive() == true);
+        ctest_set_interactive(false);
+        assert(ctest_is_interactive() == false);
+}
+
+void test_grep_funcs(void)
+{
+        test_should_run_no_pattern();
+        test_should_run_with_pattern();
+        test_should_run_exact_match();
+        test_should_run_empty_pattern();
+        test_is_interactive_default();
+        test_is_interactive_set();
+}
diff --git a/lib/ctest/tests/test_str.c b/lib/ctest/tests/test_str.c
new file mode 100644
index 000000000..276c9c506
--- /dev/null
+++ b/lib/ctest/tests/test_str.c
@@ -0,0 +1,70 @@
+/*
+ * lib/ctest/tests/test_str.c
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <assert.h>
+#include <string.h>
+#include <ctest.h>
+
+static void test_int_to_str(void)
+{
+        char buf[256];
+        int val = 42;
+        ctest_int_to_str(&val, buf, 255);
+        assert(strcmp(buf, "42") == 0);
+
+        val = -1;
+        ctest_int_to_str(&val, buf, 255);
+        assert(strcmp(buf, "-1") == 0);
+}
+
+static void test_uint_to_str(void)
+{
+        char buf[256];
+        unsigned val = 123u;
+        ctest_uint_to_str(&val, buf, 255);
+        assert(strcmp(buf, "123") == 0);
+}
+
+static void test_float_to_str(void)
+{
+        char buf[256];
+        float val = 3.14f;
+        ctest_float_to_str(&val, buf, 255);
+        assert(strncmp(buf, "3.14", 4) == 0);
+}
+
+static void test_str_to_str(void)
+{
+        char buf[256];
+        const char *val = "hello";
+        ctest_str_to_str((void *)val, buf, 255);
+        assert(strcmp(buf, "\"hello\"") == 0);
+}
+
+static void test_bool_to_str(void)
+{
+        char buf[256];
+        bool val_true = true;
+        bool val_false = false;
+        ctest_bool_to_str(&val_true, buf, 255);
+        assert(strcmp(buf, "true") == 0);
+        ctest_bool_to_str(&val_false, buf, 255);
+        assert(strcmp(buf, "false") == 0);
+}
+
+void test_str_funcs(void)
+{
+        test_int_to_str();
+        test_uint_to_str();
+        test_float_to_str();
+        test_str_to_str();
+        test_bool_to_str();
+}
diff --git a/lib/ctest/tests/xmake.lua b/lib/ctest/tests/xmake.lua
new file mode 100644
index 000000000..7b9c3ca7a
--- /dev/null
+++ b/lib/ctest/tests/xmake.lua
@@ -0,0 +1,9 @@
+target("ctest-tests")
+    set_default(false)
+    set_kind("binary")
+    set_group("tests")
+    set_rundir(".")
+    add_files("test_str.c", "test_grep.c", "main.c")
+    add_deps("ctest", "yutil")
+    add_rules("tests.runnable")
+    add_tests("default", {group = "tests"})
diff --git a/lib/ctest/xmake.lua b/lib/ctest/xmake.lua
index a2ec594b4..20e4dd5a3 100644
--- a/lib/ctest/xmake.lua
+++ b/lib/ctest/xmake.lua
@@ -6,3 +6,7 @@ target("ctest")
     add_files("src/*.c")
     add_deps("yutil")
     add_headerfiles("include/ctest.h")
+
+if os.isdir("tests") then
+    includes("tests/xmake.lua")
+end
diff --git a/lib/i18n/include/i18n.h b/lib/i18n/include/i18n.h
index 823942d96..7686cefe6 100644
--- a/lib/i18n/include/i18n.h
+++ b/lib/i18n/include/i18n.h
@@ -1,7 +1,7 @@
-/*
+/*
  * lib/i18n/include/i18n.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2025, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
diff --git a/lib/i18n/src/i18n-dict.c b/lib/i18n/src/i18n-dict.c
index 1c2abfacf..830891028 100644
--- a/lib/i18n/src/i18n-dict.c
+++ b/lib/i18n/src/i18n-dict.c
@@ -1,12 +1,12 @@
 /*
  * lib/i18n/src/i18n-dict.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "i18n-private.h"
@@ -54,6 +54,6 @@ bool i18n_dict_add_dict(dict_t *dict, const wchar_t *key, dict_t *child_dict)
         value->type = DICT;
         value->parent_dict = dict;
         value->dict = child_dict;
-        value->key = wcsdup2(key);
+        value->key = y_wcsdup(key);
         return dict_add(dict, (void *)value->key, value) == DICT_OK;
 }
diff --git a/lib/i18n/src/i18n-private.h b/lib/i18n/src/i18n-private.h
index adae3b577..b00fa31fa 100644
--- a/lib/i18n/src/i18n-private.h
+++ b/lib/i18n/src/i18n-private.h
@@ -1,12 +1,12 @@
 /*
  * lib/i18n/src/i18n-private.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <string.h>
diff --git a/lib/i18n/src/i18n.c b/lib/i18n/src/i18n.c
index 8dac47c5c..1e4900a2e 100644
--- a/lib/i18n/src/i18n.c
+++ b/lib/i18n/src/i18n.c
@@ -1,12 +1,12 @@
 /*
  * lib/i18n/src/i18n.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "i18n-private.h"
@@ -39,7 +39,7 @@ static bool i18n_add_language(const wchar_t *name, dict_t *dict)
         for (i = i18n.length; i > pos; --i) {
                 langs[i] = langs[i - 1];
         }
-        langs[pos] = wcsdup2(name);
+        langs[pos] = y_wcsdup(name);
         i18n.languages = langs;
         i18n.length += 1;
         if (i18n.locales == NULL) {
diff --git a/lib/i18n/src/i18n.h.in b/lib/i18n/src/i18n.h.in
index 8b5bfd113..b0c660356 100644
--- a/lib/i18n/src/i18n.h.in
+++ b/lib/i18n/src/i18n.h.in
@@ -1,7 +1,7 @@
 /*
  * lib/i18n/include/i18n.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2025, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
diff --git a/lib/i18n/src/yaml.c b/lib/i18n/src/yaml.c
index a605d1147..742a5d2cb 100644
--- a/lib/i18n/src/yaml.c
+++ b/lib/i18n/src/yaml.c
@@ -1,12 +1,12 @@
 /*
  * lib/i18n/src/yaml.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <yutil.h>
@@ -25,7 +25,6 @@ static wchar_t *yaml_token_getwcs(yaml_token_t *token)
         if (len < 1) {
                 abort();
         }
-        wcs[len] = 0;
         return wcs;
 }
 
@@ -73,7 +72,7 @@ dict_t *i18n_load_yaml_file(const char *path)
                 return NULL;
         }
         if (!yaml_parser_initialize(&parser)) {
-		free(buffer);
+                free(buffer);
                 logger_error("[i18n] failed to initialize parser!\n");
                 return NULL;
         }
diff --git a/lib/i18n/tests/test.c b/lib/i18n/tests/test.c
index e76cbd8e8..cbad8dd0b 100644
--- a/lib/i18n/tests/test.c
+++ b/lib/i18n/tests/test.c
@@ -1,12 +1,12 @@
 /*
  * lib/i18n/tests/test.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <i18n.h>
diff --git a/lib/i18n/xmake.lua b/lib/i18n/xmake.lua
index 047882c3d..a4cc43a20 100644
--- a/lib/i18n/xmake.lua
+++ b/lib/i18n/xmake.lua
@@ -1,8 +1,7 @@
-set_project("i18n")
-set_version("0.1.0-a")
 add_requires("libyaml", { optional = true })
 
 target("libi18n")
+    set_version("0.1.0-a")
     set_kind("$(kind)")
     add_files("src/*.c")
     add_deps("yutil")
@@ -20,30 +19,12 @@ target("libi18n")
         add_defines("LIBI18N_DLL_EXPORT")
     end
 
-target("libi18n_tests")
+target("libi18n-tests")
     set_default(false)
     set_kind("binary")
-    add_files("tests/test.c")
-    add_deps("libi18n", "ctest")
+    set_group("tests")
     set_rundir("tests")
-    on_run(function (target)
-        import("core.base.option")
-        local argv = {}
-        local options = {{nil, "memcheck",  "k",  nil, "enable memory check."}}
-        local args = option.raw_parse(option.get("arguments") or {}, options)
-        os.cd("$(scriptdir)/tests")
-        if args.memcheck then
-            if is_plat("windows") then
-                table.insert(argv, target:targetfile())
-                os.execv("drmemory", argv)
-            else
-                table.insert(argv, "valgrind")
-                table.insert(argv, "--leak-check=full")
-                table.insert(argv, "--error-exitcode=42")
-                table.insert(argv, target:targetfile())
-                os.execv("sudo", argv)
-            end
-        else
-            os.execv(target:targetfile())
-        end
-    end)
+    add_files("tests/test.c")
+    add_deps("ctest", "libi18n")
+    add_rules("tests.runnable")
+    add_tests("default", {group = "tests"})
diff --git a/lib/pandagl/examples/cairo/src/main.c b/lib/pandagl/examples/cairo/src/main.c
index e04709ddf..4746e52ba 100644
--- a/lib/pandagl/examples/cairo/src/main.c
+++ b/lib/pandagl/examples/cairo/src/main.c
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/examples/cairo/src/main.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <i@lc-soft.io> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <cairo/cairo.h>
@@ -16,12 +16,12 @@
 
 // Source code from: https://www.cairographics.org/samples/text_align_center/
 
-void draw_cairo_text(cairo_surface_t* surface)
+void draw_cairo_text(cairo_surface_t *surface)
 {
-        cairo_t* cr;
+        cairo_t *cr;
         cairo_text_extents_t extents;
 
-        const char* utf8 = "cairo";
+        const char *utf8 = "cairo";
         double x, y;
 
         cr = cairo_create(surface);
@@ -50,10 +50,10 @@ void draw_cairo_text(cairo_surface_t* surface)
         cairo_destroy(cr);
 }
 
-int main(int argc, char** argv)
+int main(int argc, char **argv)
 {
         pd_canvas_t canvas;
-        cairo_surface_t* surface;
+        cairo_surface_t *surface;
 
         // Create a canvas
         pd_canvas_init(&canvas);
diff --git a/lib/pandagl/examples/cairo/xmake.lua b/lib/pandagl/examples/cairo/xmake.lua
index ab47f0517..91e46100f 100644
--- a/lib/pandagl/examples/cairo/xmake.lua
+++ b/lib/pandagl/examples/cairo/xmake.lua
@@ -1,78 +1,9 @@
-add_rules("mode.debug", "mode.release")
 add_requires("cairo")
 
-target("pandagl_cairo_example")
+target("pandagl-cairo-example")
+    set_default(false)
     set_kind("binary")
+    set_group("examples")
     add_files("src/*.c")
     add_packages("cairo")
     add_deps("pandagl", "yutil")
-
---
--- If you want to known more usage about xmake, please see https://xmake.io
---
--- ## FAQ
---
--- You can enter the project directory firstly before building project.
---
---   $ cd projectdir
---
--- 1. How to build project?
---
---   $ xmake
---
--- 2. How to configure project?
---
---   $ xmake f -p [macosx|linux|iphoneos ..] -a [x86_64|i386|arm64 ..] -m [debug|release]
---
--- 3. Where is the build output directory?
---
---   The default output directory is `./build` and you can configure the output directory.
---
---   $ xmake f -o outputdir
---   $ xmake
---
--- 4. How to run and debug target after building project?
---
---   $ xmake run [targetname]
---   $ xmake run -d [targetname]
---
--- 5. How to install target to the system directory or other output directory?
---
---   $ xmake install
---   $ xmake install -o installdir
---
--- 6. Add some frequently-used compilation flags in xmake.lua
---
--- @code
---    -- add debug and release modes
---    add_rules("mode.debug", "mode.release")
---
---    -- add macro defination
---    add_defines("NDEBUG", "_GNU_SOURCE=1")
---
---    -- set warning all as error
---    set_warnings("all", "error")
---
---    -- set language: c99, c++11
---    set_languages("c99", "c++11")
---
---    -- set optimization: none, faster, fastest, smallest
---    set_optimize("fastest")
---
---    -- add include search directories
---    add_includedirs("/usr/include", "/usr/local/include")
---
---    -- add link libraries and search directories
---    add_links("tbox")
---    add_linkdirs("/usr/local/lib", "/usr/lib")
---
---    -- add system link libraries
---    add_syslinks("z", "pthread")
---
---    -- add compilation and link flags
---    add_cxflags("-stdnolib", "-fno-strict-aliasing")
---    add_ldflags("-L/usr/local/lib", "-lpthread", {force = true})
---
--- @endcode
---
-
diff --git a/lib/pandagl/examples/char-render/src/main.c b/lib/pandagl/examples/char-render/src/main.c
new file mode 100644
index 000000000..adbe74af2
--- /dev/null
+++ b/lib/pandagl/examples/char-render/src/main.c
@@ -0,0 +1,48 @@
+/*
+ * lib/pandagl/examples/char-render/src/main.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <i@lc-soft.io> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <pandagl.h>
+
+int main(void)
+{
+        int ret, fid;
+        pd_canvas_t img;
+        pd_glyph_bitmap_t bmp;
+        pd_pos_t pos = { 25, 25 };
+        pd_color_t bg = pd_rgb(240, 240, 240);
+        pd_color_t color = pd_rgb(255, 0, 0);
+
+        pd_font_library_init();
+
+        pd_canvas_init(&img);
+        pd_canvas_create(&img, 100, 100);
+        pd_canvas_fill(&img, bg);
+
+        ret = pd_font_load_file("C:/Windows/fonts/simsun.ttc");
+        while (ret == 0) {
+                fid = pd_font_get_id("SimSun", 0, 0);
+                if (fid < 0) {
+                        break;
+                }
+                ret = pd_font_render_glyph(&bmp, L'字', fid, 48);
+                if (ret != 0) {
+                        break;
+                }
+                pd_canvas_mix_glyph_bitmap(&img, pos, &bmp, color);
+                pd_write_png_file("test_char_render.png", &img);
+                pd_glyph_bitmap_destroy(&bmp);
+                pd_canvas_destroy(&img);
+                break;
+        }
+
+        pd_font_library_destroy();
+        return ret;
+}
diff --git a/lib/pandagl/examples/char-render/xmake.lua b/lib/pandagl/examples/char-render/xmake.lua
new file mode 100644
index 000000000..65bef22da
--- /dev/null
+++ b/lib/pandagl/examples/char-render/xmake.lua
@@ -0,0 +1,8 @@
+target("char-render")
+    set_default(false)
+    set_kind("binary")
+    set_group("examples")
+    set_rundir("app")
+    add_deps("pandagl")
+    add_files("src/*.c")
+    add_installfiles("app/*")
\ No newline at end of file
diff --git a/lib/pandagl/examples/fill-rect-with-rgba/src/main.c b/lib/pandagl/examples/fill-rect-with-rgba/src/main.c
new file mode 100644
index 000000000..ba5663c6c
--- /dev/null
+++ b/lib/pandagl/examples/fill-rect-with-rgba/src/main.c
@@ -0,0 +1,54 @@
+/*
+ * lib/pandagl/examples/fill-rect-with-rgba/src/main.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <i@lc-soft.io> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <pandagl.h>
+#include <stdio.h>
+
+int main(void)
+{
+        int i, j;
+        pd_canvas_t canvas;
+        pd_canvas_t fore_canvas;
+        pd_color_t color;
+        pd_rect_t rect;
+
+        pd_canvas_init(&canvas);
+        pd_canvas_init(&fore_canvas);
+        pd_canvas_create(&canvas, 160, 160);
+        rect.x = 0;
+        rect.y = 0;
+        rect.width = 160;
+        rect.height = 40;
+        pd_canvas_fill_rect(&canvas, pd_rgb(255, 221, 0), rect);
+        rect.y += 40;
+        pd_canvas_fill_rect(&canvas, pd_rgb(102, 204, 0), rect);
+        rect.y += 40;
+        pd_canvas_fill_rect(&canvas, pd_rgb(0, 153, 255), rect);
+        rect.y += 40;
+        pd_canvas_fill_rect(&canvas, pd_rgb(255, 51, 0), rect);
+        color.red = 255;
+        color.green = 255;
+        color.blue = 255;
+        fore_canvas.color_type = PD_COLOR_TYPE_ARGB;
+        pd_canvas_create(&fore_canvas, 15, 30);
+        for (i = 0; i < 10; ++i) {
+                color.alpha = (unsigned char)(255 * (i + 1) / 10.0);
+                pd_canvas_fill(&fore_canvas, color);
+                for (j = 0; j < 4; ++j) {
+                        pd_canvas_mix(&canvas, &fore_canvas, 5 + i * 15,
+                                      5 + j * 40, true);
+                }
+        }
+        pd_write_png_file("test_fill_rect_with_rgba.png", &canvas);
+        pd_canvas_destroy(&fore_canvas);
+        pd_canvas_destroy(&canvas);
+        return 0;
+}
diff --git a/lib/pandagl/examples/fill-rect-with-rgba/xmake.lua b/lib/pandagl/examples/fill-rect-with-rgba/xmake.lua
new file mode 100644
index 000000000..17fac919c
--- /dev/null
+++ b/lib/pandagl/examples/fill-rect-with-rgba/xmake.lua
@@ -0,0 +1,8 @@
+target("fill-rect-with-rgba")
+    set_default(false)
+    set_kind("binary")
+    set_group("examples")
+    set_rundir("app")
+    add_deps("pandagl")
+    add_files("src/*.c")
+    add_installfiles("app/*")
\ No newline at end of file
diff --git a/lib/pandagl/examples/fill-rect/src/main.c b/lib/pandagl/examples/fill-rect/src/main.c
new file mode 100644
index 000000000..2bafe09a7
--- /dev/null
+++ b/lib/pandagl/examples/fill-rect/src/main.c
@@ -0,0 +1,38 @@
+/*
+ * lib/pandagl/examples/fill-rect/src/main.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <i@lc-soft.io> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <pandagl.h>
+
+int main(void)
+{
+        int i, j;
+        pd_canvas_t canvas;
+        pd_color_t color;
+        pd_rect_t rect;
+
+        pd_canvas_init(&canvas);
+        pd_canvas_create(&canvas, 150, 150);
+        for (i = 0; i < 6; ++i) {
+                for (j = 0; j < 6; ++j) {
+                        color.red = (unsigned char)(255 - 42.5 * i);
+                        color.green = (unsigned char)(255 - 42.5 * j);
+                        color.blue = 0;
+                        rect.x = j * 25;
+                        rect.y = i * 25;
+                        rect.width = 25;
+                        rect.height = 25;
+                        pd_canvas_fill_rect(&canvas, color, rect);
+                }
+        }
+        pd_write_png_file("test_fill_rect.png", &canvas);
+        pd_canvas_destroy(&canvas);
+        return 0;
+}
diff --git a/lib/pandagl/examples/fill-rect/xmake.lua b/lib/pandagl/examples/fill-rect/xmake.lua
new file mode 100644
index 000000000..777ec91cb
--- /dev/null
+++ b/lib/pandagl/examples/fill-rect/xmake.lua
@@ -0,0 +1,8 @@
+target("fill-rect")
+    set_default(false)
+    set_kind("binary")
+    set_group("examples")
+    set_rundir("app")
+    add_deps("pandagl")
+    add_files("src/*.c")
+    add_installfiles("app/*")
\ No newline at end of file
diff --git a/lib/pandagl/examples/font-mixed-baseline/src/main.c b/lib/pandagl/examples/font-mixed-baseline/src/main.c
new file mode 100644
index 000000000..be9a8b650
--- /dev/null
+++ b/lib/pandagl/examples/font-mixed-baseline/src/main.c
@@ -0,0 +1,361 @@
+/*
+ * lib/pandagl/examples/font-mixed-baseline/src/main.c
+ *
+ * Copyright (c) 2026, Liu Chao <i@lc-soft.io> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <pandagl.h>
+#include <stdio.h>
+#include <stdlib.h>
+#include <string.h>
+
+#define DEFAULT_BG pd_rgb(245, 245, 245)
+#define INK_COLOR pd_rgb(20, 20, 20)
+
+typedef struct char_report {
+        wchar_t code;
+        const char *label;
+        int x_left;
+        int x_right;
+        int font_id;
+        const char *font_name;
+        int expected_top_y;
+        int actual_top_y;
+        int actual_bottom_y;
+        int delta_top;
+        int formula_pen_y;
+        int bitmap_top;
+        int bitmap_left;
+        int bitmap_rows;
+        int bitmap_width;
+        int bbox_w;
+        int bbox_h;
+        int ascender;
+        int hori_advance;
+        int line_height;
+        int line_y;
+} char_report_t;
+
+typedef struct test_case {
+        const char *name;
+        const wchar_t *text;
+} test_case_t;
+
+static int g_consolas_id = -1;
+static int g_msyh_id = -1;
+
+typedef struct font_candidate {
+        const char *path;
+        const char *family_name;
+} font_candidate_t;
+
+static int load_font_file(const font_candidate_t *candidates, int *out_id);
+static int is_ink(const pd_canvas_t *canvas, unsigned x, unsigned y);
+static int scan_char_bounds(const pd_canvas_t *canvas, int x_left, int x_right,
+                            int *out_top, int *out_bottom);
+static void inspect_run(pd_text_t *text, pd_canvas_t *canvas, int line_y,
+                        char_report_t *out, size_t out_len, size_t *out_count);
+static int is_cjk(wchar_t ch);
+static void run_test(const test_case_t *tc, int pixel_size);
+
+static int load_font_file(const font_candidate_t *candidates, int *out_id)
+{
+        size_t i;
+        int ret = -1;
+        const char *loaded_family = NULL;
+
+        for (i = 0; candidates[i].path; ++i) {
+                ret = pd_font_load_file(candidates[i].path);
+                if (ret >= 0) {
+                        loaded_family = candidates[i].family_name;
+                        break;
+                }
+        }
+        if (!loaded_family) {
+                return -1;
+        }
+        *out_id = pd_font_get_id(loaded_family, 0, 0);
+        return *out_id >= 0 ? 0 : -1;
+}
+
+static int is_ink(const pd_canvas_t *canvas, unsigned x, unsigned y)
+{
+        pd_color_t c;
+
+        if (x >= canvas->width || y >= canvas->height) {
+                return 0;
+        }
+        c = pd_canvas_get_pixel(canvas, x, y);
+        return c.r < 128 && c.g < 128 && c.b < 128;
+}
+
+static int scan_char_bounds(const pd_canvas_t *canvas, int x_left, int x_right,
+                            int *out_top, int *out_bottom)
+{
+        int top = -1, bottom = -1;
+        int x, y;
+
+        for (y = 0; y < (int)canvas->height; ++y) {
+                for (x = x_left; x < x_right; ++x) {
+                        if (is_ink(canvas, (unsigned)x, (unsigned)y)) {
+                                if (top < 0) {
+                                        top = y;
+                                }
+                                bottom = y;
+                                break;
+                        }
+                }
+        }
+        *out_top = top;
+        *out_bottom = bottom;
+        return (top >= 0 && bottom >= top) ? 0 : -1;
+}
+
+static int is_cjk(wchar_t ch)
+{
+        if (ch >= 0x4E00 && ch <= 0x9FFF) {
+                return 1;
+        }
+        if (ch >= 0x3400 && ch <= 0x4DBF) {
+                return 1;
+        }
+        if (ch >= 0xF900 && ch <= 0xFAFF) {
+                return 1;
+        }
+        return 0;
+}
+
+static const char *font_id_to_name(int id)
+{
+        if (id == g_msyh_id) {
+                return "YaHei";
+        }
+        if (id == g_consolas_id) {
+                return "Consolas";
+        }
+        return "?";
+}
+
+static int detect_used_font(const pd_char_t *ch)
+{
+        if (is_cjk(ch->code)) {
+                return g_msyh_id;
+        }
+        return g_consolas_id;
+}
+
+static void inspect_run(pd_text_t *text, pd_canvas_t *canvas, int line_y,
+                        char_report_t *out, size_t out_len, size_t *out_count)
+{
+        pd_text_line_t *line;
+        pd_char_t *ch;
+        size_t idx = 0;
+        int pen_x = text->offset_x;
+        int col;
+
+        line = text->lines[0];
+        for (col = 0; col < line->length && idx < out_len; ++col) {
+                int top, bottom;
+                int expected_top, formula_y;
+                int font_id;
+
+                ch = line->string[col];
+                if (!ch || !ch->bitmap) {
+                        pen_x += ch ? ch->bitmap->metrics.hori_advance : 0;
+                        continue;
+                }
+                font_id = detect_used_font(ch);
+                expected_top = line_y + line->baseline_y - ch->bitmap->top;
+                formula_y = line_y + line->baseline_y - ch->bitmap->top;
+                scan_char_bounds(canvas, pen_x,
+                                 pen_x + ch->bitmap->metrics.hori_advance, &top,
+                                 &bottom);
+                out[idx].code = ch->code;
+                out[idx].label = is_cjk(ch->code) ? "cjk" : "ascii";
+                out[idx].x_left = pen_x;
+                out[idx].x_right = pen_x + ch->bitmap->metrics.hori_advance;
+                out[idx].font_id = font_id;
+                out[idx].font_name = font_id_to_name(font_id);
+                out[idx].expected_top_y = expected_top;
+                out[idx].actual_top_y = top;
+                out[idx].actual_bottom_y = bottom;
+                out[idx].delta_top = (top >= 0) ? top - expected_top : -9999;
+                out[idx].formula_pen_y = formula_y;
+                out[idx].bitmap_top = ch->bitmap->top;
+                out[idx].bitmap_left = ch->bitmap->left;
+                out[idx].bitmap_rows = ch->bitmap->rows;
+                out[idx].bitmap_width = ch->bitmap->width;
+                out[idx].bbox_w = ch->bitmap->metrics.bbox_width;
+                out[idx].bbox_h = ch->bitmap->metrics.bbox_height;
+                out[idx].ascender = ch->bitmap->metrics.ascender;
+                out[idx].hori_advance = ch->bitmap->metrics.hori_advance;
+                out[idx].line_height = line->height;
+                out[idx].line_y = line_y;
+                ++idx;
+                pen_x += ch->bitmap->metrics.hori_advance;
+        }
+        *out_count = idx;
+}
+
+static void print_report(const char *title, const test_case_t *tc,
+                         const char_report_t *reports, size_t count,
+                         int pixel_size)
+{
+        size_t i;
+
+        printf("\n=== %s ===\n", title);
+        printf("    text     : ");
+        {
+                const wchar_t *p;
+                for (p = tc->text; *p; ++p) {
+                        if (*p >= 0x20 && *p < 0x7F) {
+                                putchar((char)*p);
+                        } else {
+                                putchar('?');
+                        }
+                }
+        }
+        printf("\n    size     : %d px\n", pixel_size);
+        printf("    %-3s %-8s %-5s %-4s %-4s %-4s %-6s %-6s %-7s "
+               "%-7s %-5s\n",
+               "ch", "font", "tag", "adv", "top", "rows", "bbox_h", "ascend",
+               "line_h", "expect", "delta");
+        printf("    %s\n", "--------------------------------------------"
+                           "--------------------------------------");
+        for (i = 0; i < count; ++i) {
+                const char_report_t *r = &reports[i];
+                char buf[8] = { 0 };
+                if (r->code >= 0x20 && r->code < 0x7F) {
+                        buf[0] = (char)r->code;
+                } else {
+                        buf[0] = '?';
+                }
+                printf("    %-3s %-8s %-5s %4d %4d %4d %6d %6d %7d %7d "
+                       "%+5d\n",
+                       buf, r->font_name, r->label, r->hori_advance,
+                       r->bitmap_top, r->bitmap_rows, r->bbox_h, r->ascender,
+                       r->line_height, r->expected_top_y, r->delta_top);
+        }
+}
+
+static void run_test(const test_case_t *tc, int pixel_size)
+{
+        pd_canvas_t canvas;
+        pd_text_t *text;
+        pd_text_style_t base;
+        size_t count;
+        char_report_t *reports;
+        size_t max_chars;
+        pd_rect_t area;
+        pd_pos_t layer_pos = { 0, 0 };
+        int line_y;
+
+        pd_canvas_init(&canvas);
+        pd_canvas_create(&canvas, 800, 80);
+        pd_canvas_fill(&canvas, DEFAULT_BG);
+
+        text = pd_text_create();
+        pd_text_style_init(&base);
+        base.pixel_size = pixel_size;
+        base.has_pixel_size = true;
+        {
+                const char *names[] = { "Consolas", "Microsoft YaHei", NULL };
+                if (pd_text_style_set_font(&base, names) != 0) {
+                        fprintf(stderr, "failed to set fallback fonts\n");
+                        pd_text_destroy(text);
+                        pd_canvas_destroy(&canvas);
+                        return;
+                }
+        }
+        pd_text_set_style(text, &base);
+        pd_text_style_destroy(&base);
+
+        pd_text_write(text, tc->text, NULL);
+        pd_text_update(text, NULL);
+
+        area.x = 0;
+        area.y = 0;
+        area.width = 800;
+        area.height = 80;
+        line_y = text->offset_y;
+        pd_text_render_to(text, area, layer_pos, &canvas);
+
+        max_chars = wcslen(tc->text);
+        reports = calloc(max_chars + 1, sizeof(char_report_t));
+        inspect_run(text, &canvas, line_y, reports, max_chars + 1, &count);
+        print_report(tc->name, tc, reports, count, pixel_size);
+
+        {
+                char fname[64];
+                snprintf(fname, sizeof(fname), "font_mixed_baseline_%s_%d.png",
+                         tc->name, pixel_size);
+                pd_write_png_file(fname, &canvas);
+        }
+
+        free(reports);
+        pd_text_destroy(text);
+        pd_canvas_destroy(&canvas);
+}
+
+int main(void)
+{
+        const font_candidate_t consolas_candidates[] = {
+                { "C:/Windows/Fonts/consola.ttf", "Consolas" },
+                { "C:/Windows/Fonts/arial.ttf", "Arial" },
+                { NULL, NULL }
+        };
+        const font_candidate_t msyh_candidates[] = {
+                { "C:/Windows/Fonts/msyh.ttc", "Microsoft YaHei" },
+                { "C:/Windows/Fonts/simsun.ttc", "SimSun" },
+                { NULL, NULL }
+        };
+        test_case_t cases[] = {
+                {
+                    .name = "ascii_only",
+                    .text = L"AAAAAA",
+                },
+                {
+                    .name = "cjk_only",
+                    .text = L"\u554A\u554A\u554A\u554A\u554A",
+                },
+                {
+                    .name = "mixed_ab",
+                    .text = L"A\u5B57B\u6587C\u6D4BD\u8BD5",
+                },
+                {
+                    .name = "with_descender",
+                    .text = L"AgaBgqCp\u5B57",
+                },
+        };
+        size_t i;
+        int sizes[] = { 16, 24 };
+        size_t j;
+
+        pd_font_library_init();
+
+        if (load_font_file(consolas_candidates, &g_consolas_id) != 0) {
+                fprintf(stderr, "failed to load any ASCII font\n");
+                pd_font_library_destroy();
+                return 1;
+        }
+        if (load_font_file(msyh_candidates, &g_msyh_id) != 0) {
+                fprintf(stderr, "failed to load any CJK font\n");
+                pd_font_library_destroy();
+                return 1;
+        }
+        printf("font ids: consolas=%d, msyh=%d\n", g_consolas_id, g_msyh_id);
+
+        for (j = 0; j < sizeof(sizes) / sizeof(sizes[0]); ++j) {
+                for (i = 0; i < sizeof(cases) / sizeof(cases[0]); ++i) {
+                        run_test(&cases[i], sizes[j]);
+                }
+        }
+
+        pd_font_library_destroy();
+        return 0;
+}
diff --git a/lib/pandagl/examples/font-mixed-baseline/xmake.lua b/lib/pandagl/examples/font-mixed-baseline/xmake.lua
new file mode 100644
index 000000000..79a41e961
--- /dev/null
+++ b/lib/pandagl/examples/font-mixed-baseline/xmake.lua
@@ -0,0 +1,6 @@
+target("font-mixed-baseline")
+    set_default(false)
+    set_kind("binary")
+    set_group("examples")
+    add_deps("pandagl")
+    add_files("src/*.c")
\ No newline at end of file
diff --git a/lib/pandagl/examples/image-scaling-bench/src/main.c b/lib/pandagl/examples/image-scaling-bench/src/main.c
new file mode 100644
index 000000000..a75b4d710
--- /dev/null
+++ b/lib/pandagl/examples/image-scaling-bench/src/main.c
@@ -0,0 +1,55 @@
+/*
+ * lib/pandagl/examples/image-scaling-bench/src/main.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <i@lc-soft.io> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <stdlib.h>
+#include <stdbool.h>
+#include <stdio.h>
+#include <pandagl.h>
+#include <yutil.h>
+
+int main(int argc, char **argv)
+{
+        int i;
+        int64_t t0, t1, t2;
+        int resx[] = { 480, 960, 1280, 1366, 1920, 2560, 3840 }, resy;
+        char s_res[32], s_t0[32], s_t1[32];
+
+        pd_canvas_t g_src, g_dst;
+        pd_color_t t_color;
+
+        pd_canvas_init(&g_src);
+        g_src.color_type = PD_COLOR_TYPE_ARGB;
+        if (pd_canvas_create(&g_src, 960, 540) < 0) {
+                return -2;
+        }
+        t_color.value = 0xffaa5500;
+        pd_canvas_fill(&g_src, t_color);
+        logger_info("%-20s%-20s%s\n", "image size\\method", "Graph_Zoom()",
+                    "Graph_ZoomBilinear()");
+        for (i = 0; i < sizeof(resx) / sizeof(int); i++) {
+                resy = resx[i] * 9 / 16;
+                t0 = y_gettime();
+                pd_canvas_init(&g_dst);
+                pd_canvas_zoom(&g_src, &g_dst, false, resx[i], resy);
+                pd_canvas_destroy(&g_dst);
+                t1 = y_gettime();
+                pd_canvas_init(&g_dst);
+                pd_canvas_zoom_bilinear(&g_src, &g_dst, false, resx[i], resy);
+                pd_canvas_destroy(&g_dst);
+                t2 = y_gettime();
+                sprintf(s_res, "%dx%d", resx[i], resy);
+                sprintf(s_t0, "%ldms", (int)(t1 - t0));
+                sprintf(s_t1, "%ldms", (int)(t2 - t1));
+                logger_info("%-20s%-20s%-20s\n", s_res, s_t0, s_t1);
+        }
+        pd_canvas_destroy(&g_src);
+        return 0;
+}
diff --git a/lib/pandagl/examples/image-scaling-bench/xmake.lua b/lib/pandagl/examples/image-scaling-bench/xmake.lua
new file mode 100644
index 000000000..cff56e9ed
--- /dev/null
+++ b/lib/pandagl/examples/image-scaling-bench/xmake.lua
@@ -0,0 +1,8 @@
+target("image-scaling-bench")
+    set_default(false)
+    set_kind("binary")
+    set_group("examples")
+    set_rundir("app")
+    add_deps("pandagl", "yutil")
+    add_files("src/*.c")
+    add_installfiles("app/*")
\ No newline at end of file
diff --git a/lib/pandagl/examples/mix-rect-with-opacity/src/main.c b/lib/pandagl/examples/mix-rect-with-opacity/src/main.c
new file mode 100644
index 000000000..5374bd436
--- /dev/null
+++ b/lib/pandagl/examples/mix-rect-with-opacity/src/main.c
@@ -0,0 +1,49 @@
+/*
+ * lib/pandagl/examples/mix-rect-with-opacity/src/main.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <i@lc-soft.io> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <pandagl.h>
+
+int main(void)
+{
+        int i, size;
+        pd_canvas_t canvas;
+        pd_canvas_t fore_canvas;
+        pd_rect_t rect;
+
+        pd_canvas_init(&canvas);
+        pd_canvas_init(&fore_canvas);
+        pd_canvas_create(&canvas, 150, 150);
+        rect.x = 0;
+        rect.y = 0;
+        rect.width = 75;
+        rect.height = 75;
+        pd_canvas_fill_rect(&canvas, pd_rgb(255, 221, 0), rect);
+        rect.x = 75;
+        pd_canvas_fill_rect(&canvas, pd_rgb(102, 204, 0), rect);
+        rect.x = 0;
+        rect.y = 75;
+        pd_canvas_fill_rect(&canvas, pd_rgb(0, 153, 255), rect);
+        rect.x = 75;
+        pd_canvas_fill_rect(&canvas, pd_rgb(255, 51, 0), rect);
+        fore_canvas.opacity = 0.2f;
+        fore_canvas.color_type = PD_COLOR_TYPE_ARGB;
+        for (i = 0; i < 7; ++i) {
+                size = 2 * (10 + 10 * i);
+                pd_canvas_create(&fore_canvas, size, size);
+                pd_canvas_fill(&fore_canvas, pd_rgb(255, 255, 255));
+                pd_canvas_mix(&canvas, &fore_canvas, 75 - size / 2,
+                              75 - size / 2, false);
+        }
+        pd_write_png_file("test_mix_rect_with_opacity.png", &canvas);
+        pd_canvas_destroy(&fore_canvas);
+        pd_canvas_destroy(&canvas);
+        return 0;
+}
diff --git a/lib/pandagl/examples/mix-rect-with-opacity/xmake.lua b/lib/pandagl/examples/mix-rect-with-opacity/xmake.lua
new file mode 100644
index 000000000..bd7e8e21e
--- /dev/null
+++ b/lib/pandagl/examples/mix-rect-with-opacity/xmake.lua
@@ -0,0 +1,8 @@
+target("mix-rect-with-opacity")
+    set_default(false)
+    set_kind("binary")
+    set_group("examples")
+    set_rundir("app")
+    add_deps("pandagl")
+    add_files("src/*.c")
+    add_installfiles("app/*")
\ No newline at end of file
diff --git a/tests/test_image_reader.png b/lib/pandagl/examples/paint-background/app/test_image_reader.png
similarity index 100%
rename from tests/test_image_reader.png
rename to lib/pandagl/examples/paint-background/app/test_image_reader.png
diff --git a/lib/pandagl/examples/paint-background/src/main.c b/lib/pandagl/examples/paint-background/src/main.c
new file mode 100644
index 000000000..c8006309a
--- /dev/null
+++ b/lib/pandagl/examples/paint-background/src/main.c
@@ -0,0 +1,135 @@
+/*
+ * lib/pandagl/examples/paint-background/src/main.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <i@lc-soft.io> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <pandagl.h>
+
+int test_paint_background_color(void)
+{
+        pd_canvas_t canvas;
+        pd_color_t gray = pd_rgb(240, 240, 240);
+        pd_color_t green = pd_rgb(102, 204, 0);
+        pd_rect_t rect = { 200, 100, 400, 300 };
+        pd_background_t bg = { 0 };
+        pd_context_t *ctx;
+
+        pd_canvas_init(&canvas);
+        pd_canvas_create(&canvas, 800, 600);
+        pd_canvas_fill(&canvas, gray);
+        bg.color = green;
+        ctx = pd_context_create(&canvas, &rect);
+        pd_paint_background(ctx, &bg, &rect);
+        pd_write_png_file("test_paint_background_color.png", &canvas);
+        pd_context_destroy(ctx);
+        pd_canvas_destroy(&canvas);
+        return 0;
+}
+
+int test_paint_background_image(void)
+{
+        pd_canvas_t canvas;
+        pd_canvas_t image;
+        pd_color_t gray = pd_rgb(240, 240, 240);
+        pd_color_t green = pd_rgb(102, 204, 0);
+        pd_rect_t rect = { 200, 100, 400, 300 };
+        pd_background_t bg = { 0 };
+        pd_context_t *ctx;
+
+        pd_canvas_init(&canvas);
+        pd_canvas_init(&image);
+        pd_canvas_create(&canvas, 800, 600);
+        pd_canvas_fill(&canvas, gray);
+        if (pd_read_image_from_file("test_image_reader.png", &image) != 0) {
+                return -1;
+        }
+        bg.color = green;
+        bg.image = &image;
+        bg.width = image.width;
+        bg.height = image.height;
+        ctx = pd_context_create(&canvas, &rect);
+        pd_paint_background(ctx, &bg, &rect);
+        pd_write_png_file("test_paint_background_image.png", &canvas);
+        pd_context_destroy(ctx);
+        pd_canvas_destroy(&image);
+        pd_canvas_destroy(&canvas);
+        return 0;
+}
+
+int test_paint_background_image_with_size(void)
+{
+        pd_canvas_t canvas;
+        pd_canvas_t image;
+        pd_color_t gray = pd_rgb(240, 240, 240);
+        pd_color_t green = pd_rgb(102, 204, 0);
+        pd_rect_t rect = { 200, 100, 400, 300 };
+        pd_background_t bg = { 0 };
+        pd_context_t *ctx;
+
+        pd_canvas_init(&canvas);
+        pd_canvas_init(&image);
+        pd_canvas_create(&canvas, 800, 600);
+        pd_canvas_fill(&canvas, gray);
+        if (pd_read_image_from_file("test_image_reader.png", &image) != 0) {
+                return -1;
+        }
+        bg.color = green;
+        bg.image = &image;
+        bg.width = rect.width;
+        bg.height = rect.height;
+        ctx = pd_context_create(&canvas, &rect);
+        pd_paint_background(ctx, &bg, &rect);
+        pd_write_png_file("test_paint_background_image_with_size.png", &canvas);
+        pd_context_destroy(ctx);
+        pd_canvas_destroy(&image);
+        pd_canvas_destroy(&canvas);
+        return 0;
+}
+
+int test_paint_background_image_with_position(void)
+{
+        pd_canvas_t canvas;
+        pd_canvas_t image;
+        pd_color_t gray = pd_rgb(240, 240, 240);
+        pd_color_t green = pd_rgb(102, 204, 0);
+        pd_rect_t rect = { 200, 100, 400, 300 };
+        pd_background_t bg = { 0 };
+        pd_context_t *ctx;
+
+        pd_canvas_init(&canvas);
+        pd_canvas_init(&image);
+        pd_canvas_create(&canvas, 800, 600);
+        pd_canvas_fill(&canvas, gray);
+        if (pd_read_image_from_file("test_image_reader.png", &image) != 0) {
+                return -1;
+        }
+        bg.color = green;
+        bg.image = &image;
+        bg.width = image.width;
+        bg.height = image.height;
+        bg.x = (rect.width - image.width) / 2;
+        bg.y = (rect.height - image.height) / 2;
+        ctx = pd_context_create(&canvas, &rect);
+        pd_paint_background(ctx, &bg, &rect);
+        pd_write_png_file("test_paint_background_image_with_position.png",
+                          &canvas);
+        pd_context_destroy(ctx);
+        pd_canvas_destroy(&image);
+        pd_canvas_destroy(&canvas);
+        return 0;
+}
+
+int main(void)
+{
+        test_paint_background_color();
+        test_paint_background_image();
+        test_paint_background_image_with_size();
+        test_paint_background_image_with_position();
+        return 0;
+}
diff --git a/lib/pandagl/examples/paint-background/xmake.lua b/lib/pandagl/examples/paint-background/xmake.lua
new file mode 100644
index 000000000..1faa3404e
--- /dev/null
+++ b/lib/pandagl/examples/paint-background/xmake.lua
@@ -0,0 +1,8 @@
+target("paint-background")
+    set_default(false)
+    set_kind("binary")
+    set_group("examples")
+    set_rundir("app")
+    add_deps("pandagl")
+    add_files("src/*.c")
+    add_installfiles("app/*")
\ No newline at end of file
diff --git a/lib/pandagl/examples/paint-border/app/test_image_reader.png b/lib/pandagl/examples/paint-border/app/test_image_reader.png
new file mode 100644
index 000000000..cb3fef4cf
Binary files /dev/null and b/lib/pandagl/examples/paint-border/app/test_image_reader.png differ
diff --git a/lib/pandagl/examples/paint-border/src/main.c b/lib/pandagl/examples/paint-border/src/main.c
new file mode 100644
index 000000000..d6df892a4
--- /dev/null
+++ b/lib/pandagl/examples/paint-border/src/main.c
@@ -0,0 +1,87 @@
+/*
+ * lib/pandagl/examples/paint-border/src/main.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <i@lc-soft.io> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <pandagl.h>
+
+int paint_background(pd_context_t *ctx, pd_rect_t *box)
+{
+        pd_canvas_t image;
+        pd_color_t green = pd_rgb(102, 204, 0);
+        pd_background_t bg = { 0 };
+
+        pd_canvas_init(&image);
+        if (pd_read_image_from_file("test_image_reader.png", &image) != 0) {
+                return -1;
+        }
+        bg.color = green;
+        bg.image = &image;
+        bg.width = image.width;
+        bg.height = image.height;
+        bg.x = (box->width - image.width) / 2;
+        bg.y = (box->height - image.height) / 2;
+        pd_paint_background(ctx, &bg, box);
+        pd_canvas_destroy(&image);
+        return 0;
+}
+
+void paint_border(pd_context_t *ctx, pd_rect_t *box)
+{
+        pd_border_t border = { 0 };
+        pd_color_t black = pd_rgb(0, 0, 0);
+
+        border.top.color = black;
+        border.top.width = 4;
+        border.right.color = black;
+        border.right.width = 4;
+        border.bottom.color = black;
+        border.bottom.width = 4;
+        border.left.color = black;
+        border.left.width = 4;
+        border.top_left_radius = 32;
+        border.top_right_radius = 32;
+        border.bottom_left_radius = 32;
+        border.bottom_right_radius = 32;
+        pd_paint_border(ctx, &border, box);
+}
+
+int main(void)
+{
+        int border_size = 4;
+
+        pd_canvas_t canvas;
+        pd_canvas_t layer;
+        pd_color_t gray = pd_rgb(240, 240, 240);
+        pd_rect_t border_box = { 0, 0, 400, 300 };
+        pd_rect_t bg_box = { border_box.x + border_size,
+                             border_box.y + border_size,
+                             border_box.width - border_size * 2,
+                             border_box.height - border_size * 2 };
+        pd_rect_t layer_rect = { 0, 0, border_box.width, border_box.height };
+        pd_context_t *paint;
+
+        pd_canvas_init(&canvas);
+        pd_canvas_create(&canvas, 800, 600);
+        pd_canvas_fill(&canvas, gray);
+
+        pd_canvas_init(&layer);
+        layer.color_type = PD_COLOR_TYPE_ARGB;
+        pd_canvas_create(&layer, layer_rect.width, layer_rect.height);
+
+        paint = pd_context_create(&layer, &layer_rect);
+        paint->with_alpha = true;
+        paint_background(paint, &bg_box);
+        paint_border(paint, &border_box);
+        pd_canvas_mix(&canvas, &layer, (canvas.width - layer_rect.width) / 2,
+                      (canvas.height - layer_rect.height) / 2, false);
+        pd_write_png_file("test_paint_border.png", &canvas);
+        pd_canvas_destroy(&canvas);
+        return 0;
+}
diff --git a/lib/pandagl/examples/paint-border/xmake.lua b/lib/pandagl/examples/paint-border/xmake.lua
new file mode 100644
index 000000000..59b1798f7
--- /dev/null
+++ b/lib/pandagl/examples/paint-border/xmake.lua
@@ -0,0 +1,8 @@
+target("paint-border")
+    set_default(false)
+    set_kind("binary")
+    set_group("examples")
+    set_rundir("app")
+    add_deps("pandagl")
+    add_files("src/*.c")
+    add_installfiles("app/*")
\ No newline at end of file
diff --git a/lib/pandagl/examples/paint-boxshadow/app/test_image_reader.png b/lib/pandagl/examples/paint-boxshadow/app/test_image_reader.png
new file mode 100644
index 000000000..cb3fef4cf
Binary files /dev/null and b/lib/pandagl/examples/paint-boxshadow/app/test_image_reader.png differ
diff --git a/lib/pandagl/examples/paint-boxshadow/src/main.c b/lib/pandagl/examples/paint-boxshadow/src/main.c
new file mode 100644
index 000000000..d6d18198d
--- /dev/null
+++ b/lib/pandagl/examples/paint-boxshadow/src/main.c
@@ -0,0 +1,121 @@
+/*
+ * lib/pandagl/examples/paint-boxshadow/src/main.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <i@lc-soft.io> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <pandagl.h>
+
+int paint_background(pd_context_t *ctx, pd_rect_t *box)
+{
+        pd_canvas_t image;
+        pd_color_t green = pd_rgb(102, 204, 0);
+        pd_background_t bg = { 0 };
+
+        pd_canvas_init(&image);
+        if (pd_read_image_from_file("test_image_reader.png", &image) != 0) {
+                return -1;
+        }
+        bg.color = green;
+        bg.image = &image;
+        bg.width = image.width;
+        bg.height = image.height;
+        bg.x = (box->width - image.width) / 2;
+        bg.y = (box->height - image.height) / 2;
+        pd_paint_background(ctx, &bg, box);
+        pd_canvas_destroy(&image);
+        return 0;
+}
+
+void paint_border(pd_context_t *ctx, pd_rect_t *box, int size, int radius)
+{
+        pd_border_t border = { 0 };
+        pd_color_t black = pd_rgb(0, 0, 0);
+
+        border.top.color = black;
+        border.top.style = CSS_KEYWORD_SOLID;
+        border.top.width = size;
+        border.right.color = black;
+        border.right.style = CSS_KEYWORD_SOLID;
+        border.right.width = size;
+        border.bottom.color = black;
+        border.bottom.style = CSS_KEYWORD_SOLID;
+        border.bottom.width = size;
+        border.left.color = black;
+        border.left.style = CSS_KEYWORD_SOLID;
+        border.left.width = size;
+        border.top_left_radius = radius;
+        border.top_right_radius = radius;
+        border.bottom_left_radius = radius;
+        border.bottom_right_radius = radius;
+        pd_paint_border(ctx, &border, box);
+}
+
+int main(void)
+{
+        int border_size = 4;
+        int border_radius = 32;
+        int width = 800;
+        int height = 600;
+
+        pd_canvas_t canvas;
+        pd_canvas_t layer;
+        pd_color_t gray = pd_rgb(240, 240, 240);
+        pd_boxshadow_t shadow = { .x = 0,
+                                  .y = 0,
+                                  .blur = 40,
+                                  .spread = 0,
+                                  .color = pd_argb(150, 0, 0, 0),
+                                  .top_left_radius = border_radius,
+                                  .top_right_radius = border_radius,
+                                  .bottom_left_radius = border_radius,
+                                  .bottom_right_radius = border_radius };
+        pd_rect_t shadow_box;
+        pd_rect_t border_box;
+        pd_rect_t bg_box;
+        pd_rect_t layer_rect;
+        pd_context_t *ctx;
+
+        pd_canvas_init(&canvas);
+        pd_canvas_create(&canvas, width, height);
+        pd_canvas_fill(&canvas, gray);
+
+        bg_box.width = 400;
+        bg_box.height = 300;
+        bg_box.x = (width - bg_box.width) / 2;
+        bg_box.y = (height - bg_box.height) / 2;
+        border_box.x = bg_box.x - border_size;
+        border_box.y = bg_box.y - border_size;
+        border_box.width = bg_box.width + border_size * 2;
+        border_box.height = bg_box.height + border_size * 2;
+        pd_get_boxshadow_canvas_rect(&shadow, &border_box, &shadow_box);
+
+        pd_canvas_init(&layer);
+        layer_rect.x = 0;
+        layer_rect.y = 0;
+        layer_rect.width = shadow_box.width;
+        layer_rect.height = shadow_box.height;
+        layer.color_type = PD_COLOR_TYPE_ARGB;
+        pd_canvas_create(&layer, layer_rect.width, layer_rect.height);
+
+        ctx = pd_context_create(&layer, &layer_rect);
+        ctx->with_alpha = true;
+        bg_box.x -= shadow_box.x;
+        bg_box.y -= shadow_box.y;
+        border_box.x -= shadow_box.x;
+        border_box.y -= shadow_box.y;
+        paint_background(ctx, &bg_box);
+        paint_border(ctx, &border_box, border_size, border_radius);
+        pd_paint_boxshadow(ctx, &shadow, &layer_rect, border_box.width,
+                           border_box.height);
+
+        pd_canvas_mix(&canvas, &layer, shadow_box.x, shadow_box.y, false);
+        pd_write_png_file("test_paint_boxshadow.png", &canvas);
+        pd_canvas_destroy(&canvas);
+        return 0;
+}
diff --git a/lib/pandagl/examples/paint-boxshadow/xmake.lua b/lib/pandagl/examples/paint-boxshadow/xmake.lua
new file mode 100644
index 000000000..2465480a3
--- /dev/null
+++ b/lib/pandagl/examples/paint-boxshadow/xmake.lua
@@ -0,0 +1,8 @@
+target("paint-boxshadow")
+    set_default(false)
+    set_kind("binary")
+    set_group("examples")
+    set_rundir("app")
+    add_deps("pandagl")
+    add_files("src/*.c")
+    add_installfiles("app/*")
\ No newline at end of file
diff --git a/tests/dog.jpg b/lib/pandagl/examples/pixel-manipulation/app/dog.jpg
similarity index 100%
rename from tests/dog.jpg
rename to lib/pandagl/examples/pixel-manipulation/app/dog.jpg
diff --git a/lib/pandagl/examples/pixel-manipulation/src/main.c b/lib/pandagl/examples/pixel-manipulation/src/main.c
new file mode 100644
index 000000000..698eb6bb9
--- /dev/null
+++ b/lib/pandagl/examples/pixel-manipulation/src/main.c
@@ -0,0 +1,85 @@
+/*
+ * lib/pandagl/examples/pixel-manipulation/src/main.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <i@lc-soft.io> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <math.h>
+#include <pandagl.h>
+#include <yutil.h>
+
+#define PixelManipulationBegin                                   \
+        int x, y;                                                \
+        pd_color_t pixel;                                        \
+                                                                 \
+        for (y = rect.y; y < rect.y + rect.height; ++y) {        \
+                for (x = rect.x; x < rect.x + rect.width; ++x) { \
+                        pixel = pd_canvas_get_pixel(graph, x, y);
+
+#define PixelManipulationEnd                     \
+        pd_canvas_set_pixel(graph, x, y, pixel); \
+        }                                        \
+        }
+
+void invert(pd_canvas_t *graph, pd_rect_t rect)
+{
+        PixelManipulationBegin;
+        pixel.red = (unsigned char)(255 - pixel.red);
+        pixel.green = (unsigned char)(255 - pixel.green);
+        pixel.blue = (unsigned char)(255 - pixel.blue);
+        PixelManipulationEnd;
+}
+
+void grayscale(pd_canvas_t *graph, pd_rect_t rect)
+{
+        unsigned char avg;
+
+        PixelManipulationBegin;
+        avg = (unsigned char)((pixel.red + pixel.green + pixel.blue) / 3);
+        pixel.red = avg;
+        pixel.green = avg;
+        pixel.blue = avg;
+        PixelManipulationEnd;
+}
+
+void sepia(pd_canvas_t *graph, pd_rect_t rect)
+{
+        PixelManipulationBegin;
+        pixel.red = (unsigned char)y_min(
+            round(0.393 * pixel.red + 0.769 * pixel.green + 0.189 * pixel.blue),
+            255);
+        pixel.green = (unsigned char)y_min(
+            round(0.349 * pixel.red + 0.686 * pixel.green + 0.168 * pixel.blue),
+            255);
+        pixel.blue = (unsigned char)y_min(
+            round(0.272 * pixel.red + 0.534 * pixel.green + 0.131 * pixel.blue),
+            255);
+        PixelManipulationEnd;
+}
+
+int main(void)
+{
+        int i;
+        pd_canvas_t graph = { 0 };
+        pd_rect_t rects[4];
+
+        if (pd_read_image_from_file("dog.jpg", &graph) != 0) {
+                return -1;
+        }
+        for (i = 0; i < 4; ++i) {
+                rects[i].height = graph.height;
+                rects[i].width = graph.width / 4;
+                rects[i].x = i * rects[i].width;
+                rects[i].y = 0;
+        }
+        sepia(&graph, rects[1]);
+        grayscale(&graph, rects[2]);
+        invert(&graph, rects[3]);
+        pd_write_png_file("test_pixel_manipulation.png", &graph);
+        return 0;
+}
diff --git a/lib/pandagl/examples/pixel-manipulation/xmake.lua b/lib/pandagl/examples/pixel-manipulation/xmake.lua
new file mode 100644
index 000000000..bcbcc9f57
--- /dev/null
+++ b/lib/pandagl/examples/pixel-manipulation/xmake.lua
@@ -0,0 +1,8 @@
+target("pixel-manipulation")
+    set_default(false)
+    set_kind("binary")
+    set_group("examples")
+    set_rundir("app")
+    add_deps("pandagl", "yutil")
+    add_files("src/*.c")
+    add_installfiles("app/*")
\ No newline at end of file
diff --git a/lib/pandagl/examples/string-render/src/main.c b/lib/pandagl/examples/string-render/src/main.c
new file mode 100644
index 000000000..645537aed
--- /dev/null
+++ b/lib/pandagl/examples/string-render/src/main.c
@@ -0,0 +1,45 @@
+/*
+ * lib/pandagl/examples/string-render/src/main.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <i@lc-soft.io> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <pandagl.h>
+
+int main(void)
+{
+        int ret;
+        pd_canvas_t img;
+        pd_pos_t pos = { 0, 80 };
+        pd_rect_t area = { 0, 0, 320, 240 };
+        pd_text_t *txt = pd_text_create();
+        pd_text_style_t txtstyle;
+
+        pd_font_library_init();
+
+        pd_canvas_init(&img);
+        pd_canvas_create(&img, 320, 240);
+        pd_canvas_fill(&img, pd_rgb(240, 240, 240));
+
+        pd_text_style_init(&txtstyle);
+        txtstyle.pixel_size = 24;
+        txtstyle.has_pixel_size = true;
+
+        pd_text_set_fixed_size(txt, 320, 240);
+        pd_text_set_style(txt, &txtstyle);
+        pd_text_set_align(txt, PD_TEXT_ALIGN_CENTER);
+        pd_text_write(txt, L"这是一段测试文本\nHello, World!", NULL);
+        pd_text_update(txt, NULL);
+
+        pd_text_render_to(txt, area, pos, &img);
+        ret = pd_write_png_file("test_string_render.png", &img);
+        pd_canvas_destroy(&img);
+
+        pd_font_library_destroy();
+        return ret;
+}
diff --git a/lib/pandagl/examples/string-render/xmake.lua b/lib/pandagl/examples/string-render/xmake.lua
new file mode 100644
index 000000000..4b8ac98dd
--- /dev/null
+++ b/lib/pandagl/examples/string-render/xmake.lua
@@ -0,0 +1,8 @@
+target("string-render")
+    set_default(false)
+    set_kind("binary")
+    set_group("examples")
+    set_rundir("app")
+    add_deps("pandagl")
+    add_files("src/*.c")
+    add_installfiles("app/*")
\ No newline at end of file
diff --git a/lib/pandagl/include/pandagl.h b/lib/pandagl/include/pandagl.h
index 154590213..9e9d71c04 100644
--- a/lib/pandagl/include/pandagl.h
+++ b/lib/pandagl/include/pandagl.h
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/include/pandagl.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "pandagl/common.h"
diff --git a/lib/pandagl/include/pandagl/background.h b/lib/pandagl/include/pandagl/background.h
index 6d744660c..e42c4b219 100644
--- a/lib/pandagl/include/pandagl/background.h
+++ b/lib/pandagl/include/pandagl/background.h
@@ -1,12 +1,26 @@
 /*
- * lib/pandagl/include/pandagl/background.h: -- Background image draw support.
+ * lib/pandagl/include/pandagl/background.h
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+/*
+ * lib/pandagl/include/pandagl/background.h: -- Background image draw
+ * support.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights
+ * reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI,
+ * distributed under the MIT License found in the
+ * LICENSE.TXT file in the
+ * root directory of this source tree.
  */
 
 #ifndef LIB_PANDAGL_INCLUDE_PANDAGL_BACKGROUND_H
@@ -24,7 +38,7 @@ PD_BEGIN_DECLS
  * @param[in] bg 背景样式参数
  */
 PD_PUBLIC void pd_paint_background(pd_context_t *ctx, const pd_background_t *bg,
-				  const pd_rect_t *box);
+                                   const pd_rect_t *box);
 
 PD_END_DECLS
 
diff --git a/lib/pandagl/include/pandagl/border.h b/lib/pandagl/include/pandagl/border.h
index ffcc5bf67..bae757a2a 100644
--- a/lib/pandagl/include/pandagl/border.h
+++ b/lib/pandagl/include/pandagl/border.h
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/include/pandagl/border.h: -- Border drawing
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_PANDAGL_INCLUDE_PANDAGL_BORDER_H
@@ -18,11 +18,11 @@
 PD_BEGIN_DECLS
 
 PD_PUBLIC int pd_crop_border_content(pd_context_t *ctx,
-				    const pd_border_t *border,
-				    const pd_rect_t *box);
+                                     const pd_border_t *border,
+                                     const pd_rect_t *box);
 
 PD_PUBLIC int pd_paint_border(pd_context_t *ctx, const pd_border_t *border,
-			     const pd_rect_t *box);
+                              const pd_rect_t *box);
 
 PD_END_DECLS
 
diff --git a/lib/pandagl/include/pandagl/boxshadow.h b/lib/pandagl/include/pandagl/boxshadow.h
index 9529c0ef6..0b8372901 100644
--- a/lib/pandagl/include/pandagl/boxshadow.h
+++ b/lib/pandagl/include/pandagl/boxshadow.h
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/include/pandagl/boxshadow.h: -- Box shadow drawing
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_PANDAGL_INCLUDE_PANDAGL_BOXSHADOW_H
@@ -18,12 +18,13 @@
 PD_BEGIN_DECLS
 
 PD_PUBLIC void pd_get_boxshadow_canvas_rect(const pd_boxshadow_t *shadow,
-					   const pd_rect_t *box_rect,
-					   pd_rect_t *canvas_rect);
+                                            const pd_rect_t *box_rect,
+                                            pd_rect_t *canvas_rect);
 
-PD_PUBLIC int pd_paint_boxshadow(pd_context_t *ctx, const pd_boxshadow_t *shadow,
-				const pd_rect_t *box, int content_width,
-				int content_height);
+PD_PUBLIC int pd_paint_boxshadow(pd_context_t *ctx,
+                                 const pd_boxshadow_t *shadow,
+                                 const pd_rect_t *box, int content_width,
+                                 int content_height);
 
 PD_END_DECLS
 
diff --git a/lib/pandagl/include/pandagl/canvas.h b/lib/pandagl/include/pandagl/canvas.h
index 1dd13714f..057dffda0 100644
--- a/lib/pandagl/include/pandagl/canvas.h
+++ b/lib/pandagl/include/pandagl/canvas.h
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/include/pandagl/canvas.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_PANDAGL_INCLUDE_PANDAGL_CANVAS_H
@@ -18,51 +18,51 @@
 PD_BEGIN_DECLS
 
 PD_INLINE void *pd_canvas_pixel_at(const pd_canvas_t *canvas, unsigned x,
-				unsigned y)
+                                   unsigned y)
 {
-	return canvas->bytes + canvas->bytes_per_row * y +
-	       (x % canvas->width) * canvas->bytes_per_pixel;
+        return canvas->bytes + canvas->bytes_per_row * y +
+               (x % canvas->width) * canvas->bytes_per_pixel;
 }
 
 PD_INLINE pd_color_t pd_canvas_get_pixel(const pd_canvas_t *canvas, unsigned x,
-				      unsigned y)
+                                         unsigned y)
 {
-	pd_color_t color;
-	unsigned char *p = pd_canvas_pixel_at(canvas, x, y);
-
-	if (canvas->color_type == PD_COLOR_TYPE_ARGB) {
-		return *(pd_color_t *)p;
-	}
-	color.b = p[0];
-	color.g = p[1];
-	color.r = p[2];
-	color.a = 255;
-	return color;
+        pd_color_t color;
+        unsigned char *p = pd_canvas_pixel_at(canvas, x, y);
+
+        if (canvas->color_type == PD_COLOR_TYPE_ARGB) {
+                return *(pd_color_t *)p;
+        }
+        color.b = p[0];
+        color.g = p[1];
+        color.r = p[2];
+        color.a = 255;
+        return color;
 }
 
 PD_INLINE void pd_canvas_set_pixel(pd_canvas_t *canvas, unsigned x, unsigned y,
-				pd_color_t pixel)
+                                   pd_color_t pixel)
 {
-	unsigned char *p = pd_canvas_pixel_at(canvas, x, y);
-
-	if (canvas->color_type == PD_COLOR_TYPE_ARGB) {
-		*(pd_color_t *)p = pixel;
-	} else {
-		p[0] = pixel.b;
-		p[1] = pixel.g;
-		p[2] = pixel.r;
-	}
+        unsigned char *p = pd_canvas_pixel_at(canvas, x, y);
+
+        if (canvas->color_type == PD_COLOR_TYPE_ARGB) {
+                *(pd_color_t *)p = pixel;
+        } else {
+                p[0] = pixel.b;
+                p[1] = pixel.g;
+                p[2] = pixel.r;
+        }
 }
 
 PD_INLINE pd_canvas_t *pd_canvas_get_quote_source(pd_canvas_t *canvas)
 {
-	return canvas->quote.is_valid ? canvas->quote.source : canvas;
+        return canvas->quote.is_valid ? canvas->quote.source : canvas;
 }
 
 PD_INLINE const pd_canvas_t *pd_canvas_get_quote_source_readonly(
     const pd_canvas_t *canvas)
 {
-	return canvas->quote.is_valid ? canvas->quote.source : canvas;
+        return canvas->quote.is_valid ? canvas->quote.source : canvas;
 }
 
 PD_PUBLIC void pd_canvas_init(pd_canvas_t *canvas);
@@ -70,51 +70,52 @@ PD_PUBLIC void pd_canvas_init(pd_canvas_t *canvas);
 PD_PUBLIC bool pd_canvas_is_valid(const pd_canvas_t *canvas);
 
 PD_PUBLIC int pd_canvas_quote(pd_canvas_t *self, pd_canvas_t *source,
-			     const pd_rect_t *rect);
+                              const pd_rect_t *rect);
 
 PD_PUBLIC void pd_canvas_get_quote_rect(const pd_canvas_t *canvas,
-				       pd_rect_t *rect);
+                                        pd_rect_t *rect);
 
 PD_PUBLIC void pd_canvas_destroy(pd_canvas_t *canvas);
 
 PD_PUBLIC int pd_canvas_create(pd_canvas_t *canvas, unsigned width,
-			      unsigned height);
+                               unsigned height);
 
 PD_PUBLIC int pd_canvas_replace(pd_canvas_t *back, const pd_canvas_t *fore,
-			       int left, int top);
+                                int left, int top);
 
 PD_PUBLIC int pd_canvas_set_color_type(pd_canvas_t *canvas, int color_type);
 
 PD_PUBLIC int pd_canvas_cut(const pd_canvas_t *canvas, pd_rect_t rect,
-			   pd_canvas_t *out_canvas);
+                            pd_canvas_t *out_canvas);
 
 PD_PUBLIC void pd_canvas_copy(pd_canvas_t *des, const pd_canvas_t *src);
 
-PD_PUBLIC int pd_canvas_mix(pd_canvas_t *back, const pd_canvas_t *fore, int left,
-			   int top, bool with_alpha);
+PD_PUBLIC int pd_canvas_mix(pd_canvas_t *back, const pd_canvas_t *fore,
+                            int left, int top, bool with_alpha);
 
 PD_PUBLIC int pd_canvas_fill_rect(pd_canvas_t *canvas, pd_color_t color,
-				 pd_rect_t rect);
+                                  pd_rect_t rect);
 
 PD_INLINE int pd_canvas_fill(pd_canvas_t *canvas, pd_color_t color)
 {
-	pd_rect_t rect = { 0, 0, canvas->width, canvas->height };
-	return pd_canvas_fill_rect(canvas, color, rect);
+        pd_rect_t rect = { 0, 0, canvas->width, canvas->height };
+        return pd_canvas_fill_rect(canvas, color, rect);
 }
 
 PD_PUBLIC int pd_canvas_tile(pd_canvas_t *buff, const pd_canvas_t *canvas,
-			    bool replace, bool with_alpha);
+                             bool replace, bool with_alpha);
 
 PD_PUBLIC int pd_canvas_veri_flip(const pd_canvas_t *canvas, pd_canvas_t *buff);
 
-PD_PUBLIC int pd_canvas_horiz_flip(const pd_canvas_t *canvas, pd_canvas_t *buff);
+PD_PUBLIC int pd_canvas_horiz_flip(const pd_canvas_t *canvas,
+                                   pd_canvas_t *buff);
 
 PD_PUBLIC int pd_canvas_zoom(const pd_canvas_t *canvas, pd_canvas_t *buff,
-			    bool keep_scale, int width, int height);
+                             bool keep_scale, int width, int height);
 
 PD_PUBLIC int pd_canvas_zoom_bilinear(const pd_canvas_t *canvas,
-				     pd_canvas_t *buff, bool keep_scale,
-				     int width, int height);
+                                      pd_canvas_t *buff, bool keep_scale,
+                                      int width, int height);
 
 PD_END_DECLS
 
diff --git a/lib/pandagl/include/pandagl/color.h b/lib/pandagl/include/pandagl/color.h
index 1bb41b240..2c4e74eb1 100644
--- a/lib/pandagl/include/pandagl/color.h
+++ b/lib/pandagl/include/pandagl/color.h
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/include/pandagl/color.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_PANDAGL_INCLUDE_PANDAGL_COLOR_H
@@ -17,8 +17,8 @@
 
 PD_INLINE pd_color_t pd_color(uint8_t a, uint8_t r, uint8_t g, uint8_t b)
 {
-	pd_color_t color = { .a = a, .r = r, .g = g, .b = b };
-	return color;
+        pd_color_t color = { .a = a, .r = r, .g = g, .b = b };
+        return color;
 }
 
 #define pd_argb pd_color
diff --git a/lib/pandagl/include/pandagl/common.h b/lib/pandagl/include/pandagl/common.h
index c7817819b..a1d3b09ea 100644
--- a/lib/pandagl/include/pandagl/common.h
+++ b/lib/pandagl/include/pandagl/common.h
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/include/pandagl/common.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "config.h"
diff --git a/lib/pandagl/include/pandagl/context.h b/lib/pandagl/include/pandagl/context.h
index 3b4347529..0875268ba 100644
--- a/lib/pandagl/include/pandagl/context.h
+++ b/lib/pandagl/include/pandagl/context.h
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/include/pandagl/context.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_PANDAGL_INCLUDE_PANDAGL_CONTEXT_H
@@ -17,9 +17,9 @@
 
 PD_BEGIN_DECLS
 
-PD_PUBLIC pd_context_t* pd_context_create(pd_canvas_t *canvas, pd_rect_t *rect);
+PD_PUBLIC pd_context_t *pd_context_create(pd_canvas_t *canvas, pd_rect_t *rect);
 
-PD_PUBLIC void pd_context_destroy(pd_context_t* paint);
+PD_PUBLIC void pd_context_destroy(pd_context_t *paint);
 
 PD_END_DECLS
 
diff --git a/lib/pandagl/include/pandagl/file_reader.h b/lib/pandagl/include/pandagl/file_reader.h
index 66e496be2..8e8d9b359 100644
--- a/lib/pandagl/include/pandagl/file_reader.h
+++ b/lib/pandagl/include/pandagl/file_reader.h
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/include/pandagl/file_reader.h
  *
- * Copyright (c) 2024-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_PANDAGL_INCLUDE_PANDAGL_FILE_READER_H
@@ -19,14 +19,14 @@ PD_BEGIN_DECLS
 
 typedef struct pd_file_reader {
         void *stream_data;
-        void (*fn_close)(void*);
-        void (*fn_rewind)(void*);
+        void (*fn_close)(void *);
+        void (*fn_rewind)(void *);
         size_t (*fn_read)(void *, void *, size_t);
         void (*fn_skip)(void *, long);
 } pd_file_reader_t;
 
 PD_INLINE size_t pd_file_reader_read(pd_file_reader_t *reader, void *buffer,
-                                      size_t size)
+                                     size_t size)
 {
         return reader->fn_read(reader->stream_data, buffer, size);
 }
@@ -42,7 +42,8 @@ PD_INLINE void pd_file_reader_skip(pd_file_reader_t *reader, long bytes)
 }
 
 PD_PUBLIC pd_file_reader_t *pd_file_reader_create(void);
-PD_PUBLIC pd_file_reader_t *pd_file_reader_create_from_file(const char *filename);
+PD_PUBLIC pd_file_reader_t *pd_file_reader_create_from_file(
+    const char *filename);
 PD_PUBLIC void pd_file_reader_destroy(pd_file_reader_t *reader);
 
 PD_END_DECLS
diff --git a/lib/pandagl/include/pandagl/font.h b/lib/pandagl/include/pandagl/font.h
index b75af6904..1614ef044 100644
--- a/lib/pandagl/include/pandagl/font.h
+++ b/lib/pandagl/include/pandagl/font.h
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/include/pandagl/font.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_PANDAGL_INCLUDE_FONT_H
@@ -35,7 +35,7 @@ typedef enum pd_font_weight_t {
         PD_FONT_WEIGHT_TOTAL_NUM
 } pd_font_weight_t;
 
-typedef struct pd_font_bitmap {
+typedef struct pd_glyph_bitmap {
         int top;   /**< 与顶边框的距离 */
         int left;  /**< 与左边框的距离 */
         int width; /**< 位图宽度 */
@@ -47,54 +47,55 @@ typedef struct pd_font_bitmap {
                 int bbox_width, bbox_height;
                 int ascender;
         } metrics;
-} pd_font_bitmap_t;
+} pd_glyph_bitmap_t;
 
-typedef struct font_engine font_engine_t;
+typedef struct pd_font_engine pd_font_engine_t;
 
-typedef struct pd_font {
-        int id;                  /**< 字体信息ID */
-        char *style_name;        /**< 样式名称 */
-        char *family_name;       /**< 字族名称 */
-        void *data;              /**< 相关数据 */
-        pd_font_style_t style;   /**< 风格 */
-        pd_font_weight_t weight; /**< 粗细程度 */
-        font_engine_t *engine;   /**< 所属的字体引擎 */
-} pd_font_t;
+typedef struct pd_font_face {
+        int id;                   /**< 字体信息ID */
+        char *style_name;         /**< 样式名称 */
+        char *family_name;        /**< 字族名称 */
+        void *data;               /**< 相关数据 */
+        pd_font_style_t style;    /**< 风格 */
+        pd_font_weight_t weight;  /**< 粗细程度 */
+        pd_font_engine_t *engine; /**< 所属的字体引擎 */
+} pd_font_face_t;
 
-struct font_engine {
+struct pd_font_engine {
         char name[64];
-        int (*open)(const char *, pd_font_t ***);
-        int (*render)(pd_font_bitmap_t *, unsigned, int, pd_font_t *);
+        int (*open)(const char *, pd_font_face_t ***);
+        unsigned (*get_glyph_index)(pd_font_face_t *, unsigned);
+        int (*render)(pd_glyph_bitmap_t *, unsigned, int, pd_font_face_t *);
         void (*close)(void *);
 };
 
 PD_BEGIN_DECLS
 
 /** 将字体位图绘制到目标图像上 */
-PD_PUBLIC int pd_canvas_mix_font_bitmap(pd_canvas_t *graph, pd_pos_t pos,
-                                        const pd_font_bitmap_t *bmp,
-                                        pd_color_t color);
+PD_PUBLIC int pd_canvas_mix_glyph_bitmap(pd_canvas_t *graph, pd_pos_t pos,
+                                         const pd_glyph_bitmap_t *bmp,
+                                         pd_color_t color);
 
-PD_PUBLIC char *pd_font_library_get_font_path(const char *name);
+PD_PUBLIC char *pd_font_find_path(const char *name);
 
 /**
  * 根据字符串内容猜测字体粗细程度
  * 文档：https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
  */
-PD_PUBLIC pd_font_weight_t pd_font_library_detect_weight(const char *str);
+PD_PUBLIC pd_font_weight_t pd_font_parse_weight(const char *str);
 
 /**
  * 根据字符串内容猜测字体风格
  * 文档：https://developer.mozilla.org/en-US/docs/Web/CSS/font-style
  */
-PD_PUBLIC pd_font_style_t pd_font_library_detect_style(const char *str);
+PD_PUBLIC pd_font_style_t pd_font_parse_style(const char *str);
 
 /** 载入字体位图 */
-PD_PUBLIC int pd_font_library_render_bitmap(pd_font_bitmap_t *buff, unsigned ch,
-                                            int font_id, int pixel_size);
+PD_PUBLIC int pd_font_render_glyph(pd_glyph_bitmap_t *buff, unsigned ch,
+                                   int font_id, int pixel_size);
 
 /** 添加字体族，并返回该字族的ID */
-PD_PUBLIC int pd_font_library_add_font(pd_font_t *font);
+PD_PUBLIC int pd_font_register(pd_font_face_t *font);
 
 /**
  * 获取字体的ID
@@ -102,9 +103,8 @@ PD_PUBLIC int pd_font_library_add_font(pd_font_t *font);
  * @param[in] style 字体风格
  * @param[in] weight 字体粗细程度，若为值 0，则默认为 PD_FONT_WEIGHT_NORMAL
  */
-PD_PUBLIC int pd_font_library_get_font_id(const char *family_name,
-                                          pd_font_style_t style,
-                                          pd_font_weight_t weight);
+PD_PUBLIC int pd_font_get_id(const char *family_name, pd_font_style_t style,
+                             pd_font_weight_t weight);
 
 /**
  * 更新当前字体的粗细程度
@@ -112,9 +112,9 @@ PD_PUBLIC int pd_font_library_get_font_id(const char *family_name,
  * @params[in] weight 字体粗细程度
  * @params[out] new_font_ids 更新字体粗细程度后的字体 id 列表
  */
-PD_PUBLIC size_t pd_font_library_update_font_weight(const int *font_ids,
-                                                    pd_font_weight_t weight,
-                                                    int **new_font_ids);
+PD_PUBLIC size_t pd_font_replace_weight(const int *font_ids,
+                                        pd_font_weight_t weight,
+                                        int **new_font_ids);
 
 /**
  * 更新当前字体的风格
@@ -122,9 +122,9 @@ PD_PUBLIC size_t pd_font_library_update_font_weight(const int *font_ids,
  * @params[in] style 字体风格
  * @params[out] new_font_ids 更新字体粗细程度后的字体 id 列表
  */
-PD_PUBLIC size_t pd_font_library_update_font_style(const int *font_ids,
-                                                   pd_font_style_t style,
-                                                   int **new_font_ids);
+PD_PUBLIC size_t pd_font_replace_style(const int *font_ids,
+                                       pd_font_style_t style,
+                                       int **new_font_ids);
 
 /**
  * 根据字族名称获取对应的字体 ID 列表
@@ -134,22 +134,22 @@ PD_PUBLIC size_t pd_font_library_update_font_style(const int *font_ids,
  * @param[in] names 字族名称，多个名字用逗号隔开
  * @return 获取到的字体 ID 的数量
  */
-PD_PUBLIC unsigned pd_font_library_query(int **font_ids, pd_font_style_t style,
-                                         pd_font_weight_t weight,
-                                         const char *const *names);
+PD_PUBLIC unsigned pd_font_query(int **font_ids, pd_font_style_t style,
+                                 pd_font_weight_t weight,
+                                 const char *const *names);
 
 /** 获取指定字体ID的字体信息 */
-PD_PUBLIC pd_font_t *pd_font_library_get_font(int id);
+PD_PUBLIC pd_font_face_t *pd_font_get(int id);
 
 /** 获取默认的字体ID */
-PD_PUBLIC int pd_font_library_get_default_font(void);
+PD_PUBLIC int pd_font_get_default(void);
 
 /** 设置默认的字体 */
-PD_PUBLIC void pd_font_library_set_default_font(int id);
+PD_PUBLIC void pd_font_set_default(int id);
 
 /** 设置字体族的别名 */
-PD_PUBLIC bool pd_font_library_set_font_family_alias(const char *alias,
-                                                     const char *family_name);
+PD_PUBLIC bool pd_font_family_set_alias(const char *alias,
+                                        const char *family_name);
 
 /**
  * 向字体缓存中添加字体位图
@@ -160,8 +160,8 @@ PD_PUBLIC bool pd_font_library_set_font_family_alias(const char *alias,
  * @warning 此函数仅仅是将 bmp 复制进缓存中，并未重新分配新的空间储存位图数
  * 据，因此，请勿在调用此函数后手动释放 bmp。
  */
-PD_PUBLIC pd_font_bitmap_t *pd_font_library_add_bitmap(
-    wchar_t ch, int font_id, int size, const pd_font_bitmap_t *bmp);
+PD_PUBLIC pd_glyph_bitmap_t *pd_font_cache_add_bitmap(
+    wchar_t ch, int font_id, int size, const pd_glyph_bitmap_t *bmp);
 
 /**
  * 从缓存中获取字体位图
@@ -172,11 +172,20 @@ PD_PUBLIC pd_font_bitmap_t *pd_font_library_add_bitmap(
  * @warning 请勿释放 bmp，bmp 仅仅是引用缓存中的字体位图，并未建分配新
  * 空间存储字体位图的拷贝。
  */
-PD_PUBLIC int pd_font_library_get_bitmap(unsigned ch, int font_id, int size,
-                                         const pd_font_bitmap_t **bmp);
+PD_PUBLIC int pd_font_cache_get_bitmap(unsigned ch, int font_id, int size,
+                                       const pd_glyph_bitmap_t **bmp);
+
+/**
+ * 设置字形位图缓存上限（按 entry 数）。0 表示不限制。
+ * 当现有缓存超出新上限时，立即按 LRU 顺序驱逐多余 entry。
+ */
+PD_PUBLIC void pd_font_cache_set_capacity(size_t capacity);
+
+/** 当前缓存中实际持有的 entry 数 */
+PD_PUBLIC size_t pd_font_cache_count(void);
 
 /** 载入字体至数据库中 */
-PD_PUBLIC int pd_font_library_load_file(const char *filepath);
+PD_PUBLIC int pd_font_load_file(const char *filepath);
 
 /** 初始化字体处理模块 */
 PD_PUBLIC void pd_font_library_init(void);
diff --git a/lib/pandagl/include/pandagl/image.h b/lib/pandagl/include/pandagl/image.h
index 141b9d83a..62547b9c8 100644
--- a/lib/pandagl/include/pandagl/image.h
+++ b/lib/pandagl/include/pandagl/image.h
@@ -1,12 +1,26 @@
 /*
- * lib/pandagl/include/pandagl/image.h: -- Image read and write operations set
+ * lib/pandagl/include/pandagl/image.h
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+/*
+ * lib/pandagl/include/pandagl/image.h: -- Image read and write operations
+ * set
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights
+ * reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI,
+ * distributed under the MIT License found in the
+ * LICENSE.TXT file in the
+ * root directory of this source tree.
  */
 
 #ifndef LIB_PANDAGL_INCLUDE_PANDAGL_IMAGE_H
diff --git a/lib/pandagl/include/pandagl/line.h b/lib/pandagl/include/pandagl/line.h
index a0d6cc0ef..3c086962a 100644
--- a/lib/pandagl/include/pandagl/line.h
+++ b/lib/pandagl/include/pandagl/line.h
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/include/pandagl/line.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_PANDAGL_INCLUDE_PANDAGL_LINE_H
@@ -18,23 +18,23 @@
 PD_BEGIN_DECLS
 
 PD_PUBLIC void pd_canvas_draw_horizontal_line(pd_canvas_t *canvas,
-					     pd_color_t color, int size,
-					     pd_pos_t start, int end_x);
+                                              pd_color_t color, int size,
+                                              pd_pos_t start, int end_x);
 
 PD_PUBLIC void pd_canvas_draw_vertical_line(pd_canvas_t *canvas,
-					   pd_color_t color, int size,
-					   pd_pos_t start, int end_y);
+                                            pd_color_t color, int size,
+                                            pd_pos_t start, int end_y);
 
 PD_INLINE void pd_canvas_draw_hline(pd_canvas_t *canvas, pd_color_t color,
-				 int size, pd_pos_t start, int end_x)
+                                    int size, pd_pos_t start, int end_x)
 {
-	pd_canvas_draw_horizontal_line(canvas, color, size, start, end_x);
+        pd_canvas_draw_horizontal_line(canvas, color, size, start, end_x);
 }
 
-PD_INLINE void pd_canvas_draw_vline(pd_canvas_t *canvas, pd_color_t color, int size,
-			    pd_pos_t start, int end_y)
+PD_INLINE void pd_canvas_draw_vline(pd_canvas_t *canvas, pd_color_t color,
+                                    int size, pd_pos_t start, int end_y)
 {
-	pd_canvas_draw_vertical_line(canvas, color, size, start, end_y);
+        pd_canvas_draw_vertical_line(canvas, color, size, start, end_y);
 }
 
 PD_END_DECLS
diff --git a/lib/pandagl/include/pandagl/pixel.h b/lib/pandagl/include/pandagl/pixel.h
index 2c4cd8a5c..31e6c7154 100644
--- a/lib/pandagl/include/pandagl/pixel.h
+++ b/lib/pandagl/include/pandagl/pixel.h
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/include/pandagl/pixel.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_PANDAGL_INCLUDE_PANDAGL_PIXEL_H
@@ -16,78 +16,79 @@
 #include "types.h"
 
 #define _pd_alpha_blend(__back__, __fore__, __alpha__) \
-	((((__fore__ - __back__) * (__alpha__)) >> 8) + __back__)
+        ((((__fore__ - __back__) * (__alpha__)) >> 8) + __back__)
 
 #define pd_alpha_blend(__back__, __fore__, __alpha__)                      \
-	{                                                               \
-		__back__ = _pd_alpha_blend(__back__, __fore__, __alpha__); \
-	}
+        {                                                                  \
+                __back__ = _pd_alpha_blend(__back__, __fore__, __alpha__); \
+        }
 
 #define pd_blend_pixel(px1, px2, a)                    \
-	{                                           \
-		pd_alpha_blend((px1)->r, (px2)->r, a); \
-		pd_alpha_blend((px1)->g, (px2)->g, a); \
-		pd_alpha_blend((px1)->b, (px2)->b, a); \
-	}
+        {                                              \
+                pd_alpha_blend((px1)->r, (px2)->r, a); \
+                pd_alpha_blend((px1)->g, (px2)->g, a); \
+                pd_alpha_blend((px1)->b, (px2)->b, a); \
+        }
 
 PD_BEGIN_DECLS
 
 PD_PUBLIC unsigned pd_get_pixel_size(pd_color_type_t color_type);
 
-PD_PUBLIC unsigned pd_get_pixel_row_size(pd_color_type_t color_type, size_t len);
+PD_PUBLIC unsigned pd_get_pixel_row_size(pd_color_type_t color_type,
+                                         size_t len);
 
 PD_PUBLIC int pd_format_pixels(const uint8_t *in_pixels,
-				   pd_color_type_t in_color_type,
-				   uint8_t *out_pixels,
-				   pd_color_type_t out_color_type,
-				   size_t count);
+                               pd_color_type_t in_color_type,
+                               uint8_t *out_pixels,
+                               pd_color_type_t out_color_type, size_t count);
 
 /*
  * Pixel over operator with alpha channel
  * See more: https://en.wikipedia.org/wiki/Alpha_compositing
  */
-PD_INLINE void pd_over_pixel(pd_color_t *dst, const pd_color_t *src, double opacity)
+PD_INLINE void pd_over_pixel(pd_color_t *dst, const pd_color_t *src,
+                             double opacity)
 {
-	/*
-	 * Original formula:
-	 *   Co = (Ca * aa + Cb * ab * (1 - aa)) / (aa + ab * (1 - aa))
-	 *   ao = aa + ab * (1 - aa)
-	 *
-	 * Variable full name:
-	 *   Co => colorOut
-	 *   Ca => colorA
-	 *   Cb => colorB
-	 *   aa => colorA.alpha
-	 *   ab => colorB.alpha
-	 *   ao => colorOut.alpha
-	 *
-	 * The formula used in the code:
-	 *   ai = ab * (1 - aa)
-	 *   Co = (Ca * aa + Cb * ai) / (aa + ai)
-	 *   ao = aa + ai
-	 */
-	double src_a = src->a * opacity / 255.0;
-	double a = (1.0 - src_a) * dst->a / 255.0;
-	double out_a = src_a + a;
+        /*
+         * Original formula:
+         *   Co = (Ca * aa + Cb * ab * (1 - aa)) / (aa + ab * (1 - aa))
+         *   ao = aa + ab * (1 - aa)
+         *
+         * Variable full name:
+         *   Co => colorOut
+         *   Ca => colorA
+         *   Cb => colorB
+         *   aa => colorA.alpha
+         *   ab => colorB.alpha
+         *   ao => colorOut.alpha
+         *
+         * The formula used in the code:
+         *   ai = ab * (1 - aa)
+         *   Co = (Ca * aa + Cb * ai) / (aa + ai)
+         *   ao = aa + ai
+         */
+        double src_a = src->a * opacity / 255.0;
+        double a = (1.0 - src_a) * dst->a / 255.0;
+        double out_a = src_a + a;
 
-	if (out_a > 0) {
-		src_a /= out_a;
-		a /= out_a;
-	}
-	dst->r = (unsigned char)(src->r * src_a + dst->r * a);
-	dst->g = (unsigned char)(src->g * src_a + dst->g * a);
-	dst->b = (unsigned char)(src->b * src_a + dst->b * a);
-	dst->a = (unsigned char)(255.0 * out_a);
+        if (out_a > 0) {
+                src_a /= out_a;
+                a /= out_a;
+        }
+        dst->r = (unsigned char)(src->r * src_a + dst->r * a);
+        dst->g = (unsigned char)(src->g * src_a + dst->g * a);
+        dst->b = (unsigned char)(src->b * src_a + dst->b * a);
+        dst->a = (unsigned char)(255.0 * out_a);
 
-	/* If it is assumed that all color values are premultiplied by their
-	 * alpha values, we can rewrite the equation for output color as:
+        /* If it is assumed that all color values are premultiplied by their
+         * alpha values, we can rewrite the equation for output color as:
 
-		const double a = 1.0 - src->a / 255.0;
-		dst->r = src->r + (unsigned char)(dst->r * a);
-		dst->g = src->g + (unsigned char)(dst->g * a);
-		dst->b = src->b + (unsigned char)(dst->b * a);
-		dst->a = src->a + (unsigned char)(dst->a * a);
-	*/
+                const double a = 1.0 - src->a / 255.0;
+                dst->r = src->r + (unsigned char)(dst->r * a);
+                dst->g = src->g + (unsigned char)(dst->g * a);
+                dst->b = src->b + (unsigned char)(dst->b * a);
+                dst->a = src->a + (unsigned char)(dst->a * a);
+        */
 }
 
 PD_END_DECLS
diff --git a/lib/pandagl/include/pandagl/rect.h b/lib/pandagl/include/pandagl/rect.h
index 76e77801b..50688504c 100644
--- a/lib/pandagl/include/pandagl/rect.h
+++ b/lib/pandagl/include/pandagl/rect.h
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/include/pandagl/rect.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_PANDAGL_INCLUDE_PANDAGL_RECT_H
@@ -18,19 +18,25 @@
 
 PD_BEGIN_DECLS
 
+PD_INLINE pd_rect_t pd_rect(int x, int y, int width, int height)
+{
+        pd_rect_t rect = { x, y, width, height };
+        return rect;
+}
+
 PD_INLINE bool pd_rect_is_include(pd_rect_t *a, pd_rect_t *b)
 {
-	return (b->x >= a->x && b->x + b->width <= a->x + a->width &&
-		b->y >= a->y && b->y + b->height <= a->y + a->height);
+        return (b->x >= a->x && b->x + b->width <= a->x + a->width &&
+                b->y >= a->y && b->y + b->height <= a->y + a->height);
 }
 
 /** 根据容器尺寸，获取指定区域中需要裁剪的区域 */
 PD_PUBLIC pd_rect_t pd_rect_crop(const pd_rect_t *rect, int container_width,
-				int container_height);
+                                 int container_height);
 
 /** 将矩形区域纠正在容器有效区域内 */
 PD_PUBLIC bool pd_rect_correct(pd_rect_t *rect, int container_width,
-				 int container_height);
+                               int container_height);
 
 /** 检测矩形是否遮盖另一个矩形 */
 PD_PUBLIC bool pd_rect_is_cover(const pd_rect_t *a, const pd_rect_t *b);
@@ -43,15 +49,15 @@ PD_PUBLIC bool pd_rect_is_cover(const pd_rect_t *a, const pd_rect_t *b);
  * @returns 如果两个矩形重叠，则返回true，否则返回false
  */
 PD_PUBLIC bool pd_rect_overlap(const pd_rect_t *a, const pd_rect_t *b,
-				 pd_rect_t *overlapping_rect);
+                               pd_rect_t *overlapping_rect);
 
 PD_PUBLIC void pd_rect_split(pd_rect_t *base, pd_rect_t *target,
-			    pd_rect_t rects[4]);
+                             pd_rect_t rects[4]);
 
 PD_INLINE bool pd_rect_is_equal(const pd_rect_t *a, const pd_rect_t *b)
 {
-	return a->x == b->x && a->y == b->y && a->width == b->width &&
-	       a->height == b->height;
+        return a->x == b->x && a->y == b->y && a->width == b->width &&
+               a->height == b->height;
 }
 
 /** 添加一个脏矩形记录 */
diff --git a/lib/pandagl/include/pandagl/text.h b/lib/pandagl/include/pandagl/text.h
index cc1794431..df0c8825e 100644
--- a/lib/pandagl/include/pandagl/text.h
+++ b/lib/pandagl/include/pandagl/text.h
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/include/pandagl/text.h: -- Text layout and rendering module.
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_PANDAGL_INCLUDE_PANDAGL_TEXT_H
@@ -20,57 +20,58 @@
 PD_BEGIN_DECLS
 
 typedef struct pd_text_style {
-	bool has_family : 1;
-	bool has_style : 1;
-	bool has_weight : 1;
-	bool has_back_color : 1;
-	bool has_fore_color : 1;
-	bool has_pixel_size : 1;
+        bool has_family : 1;
+        bool has_style : 1;
+        bool has_weight : 1;
+        bool has_back_color : 1;
+        bool has_fore_color : 1;
+        bool has_pixel_size : 1;
 
-	int style;
-	int weight;
-	int *font_ids;
+        int style;
+        int weight;
+        int *font_ids;
 
-	pd_color_t fore_color;
-	pd_color_t back_color;
+        pd_color_t fore_color;
+        pd_color_t back_color;
 
-	int pixel_size;
+        int pixel_size;
 } pd_text_style_t;
 
 typedef enum pd_text_align_t {
-	PD_TEXT_ALIGN_LEFT,
-	PD_TEXT_ALIGN_RIGHT,
-	PD_TEXT_ALIGN_CENTER
+        PD_TEXT_ALIGN_LEFT,
+        PD_TEXT_ALIGN_RIGHT,
+        PD_TEXT_ALIGN_CENTER
 } pd_text_align_t;
 
 typedef struct pd_char {
-	wchar_t code;                   /**< 字符码 */
-	pd_text_style_t *style;         /**< 该字符使用的样式数据 */
-	const pd_font_bitmap_t *bitmap; /**< 字体位图数据(只读) */
+        wchar_t code;                    /**< 字符码 */
+        pd_text_style_t *style;          /**< 该字符使用的样式数据 */
+        const pd_glyph_bitmap_t *bitmap; /**< 字体位图数据(只读) */
 } pd_char_t;
 
 /** end of line character */
 typedef enum pd_text_eol_t {
-	/** 无换行 */
-	PD_TEXT_EOL_NONE,
+        /** 无换行 */
+        PD_TEXT_EOL_NONE,
 
-	/** mac os 格式换行，cf = carriage-return，字符：\r */
-	PD_TEXT_EOL_CR,
+        /** mac os 格式换行，cf = carriage-return，字符：\r */
+        PD_TEXT_EOL_CR,
 
-	/** unix/linux 格式换行，lf = line-feed，字符：\r */
-	PD_TEXT_EOL_LF,
+        /** unix/linux 格式换行，lf = line-feed，字符：\r */
+        PD_TEXT_EOL_LF,
 
-	/** windows 格式换行： \r\n */
-	PD_TEXT_EOL_CR_LF
+        /** windows 格式换行： \r\n */
+        PD_TEXT_EOL_CR_LF
 } pd_text_eol_t;
 
 /* 文本行 */
 typedef struct pd_text_line {
-	int width;          /**< 宽度 */
-	int height;         /**< 高度 */
-	int length;         /**< 该行文本长度 */
-	pd_char_t **string; /**< 该行文本的数据 */
-	pd_text_eol_t eol;  /**< 行尾结束类型 */
+        int width;          /**< 宽度 */
+        int height;         /**< 高度 */
+        int length;         /**< 该行文本长度 */
+        int baseline_y;     /**< 基线相对于行顶的 y 偏移 */
+        pd_char_t **string; /**< 该行文本的数据 */
+        pd_text_eol_t eol;  /**< 行尾结束类型 */
 } pd_text_line_t;
 
 /**
@@ -80,49 +81,53 @@ typedef struct pd_text_line {
  * content box.
  */
 typedef enum pd_word_break_t {
-	PD_WORD_BREAK_NORMAL,
-	PD_WORD_BREAK_BREAK_ALL
+        PD_WORD_BREAK_NORMAL,
+        PD_WORD_BREAK_BREAK_ALL
 } pd_word_break_t;
 
+typedef struct pd_text_caret {
+        int x; /**< 光标所在列数 */
+        int y; /**< 光标所在行数 */
+} pd_text_caret_t;
+
 typedef struct pd_text {
-	int offset_x;     /**< x轴坐标偏移量 */
-	int offset_y;     /**< y轴坐标偏移量 */
-	int new_offset_x; /**< 新的x轴坐标偏移量 */
-	int new_offset_y; /**< 新的y轴坐标偏移量 */
-	int insert_x;     /**< 光标所在列数 */
-	int insert_y;     /**< 光标所在行数 */
-	int width;        /**< 实际文本宽度 */
-
-	/**
-	 * 固定宽高
-	 * 当它们等于0时，文本宽高会根据文本内容自动适应
-	 * 当它们大于0时，会直接根据该值处理文本对齐
-	 */
-	int fixed_width, fixed_height;
-	/**
-	 * 最大文本宽高
-	 * 当未设置固定宽度时，文字排版将按最大宽度进行
-	 */
-	int max_width, max_height;
-
-	int length;
-	int line_height;
-	pd_text_align_t text_align;
-	pd_word_break_t word_break;
-	bool mulitiline_enabled;
-	bool autowrap_enabled;
-	bool style_tag_enabled;
-	list_t dirty_rects;
-	list_t styles;
-	pd_text_style_t default_style;
-	pd_text_line_t **lines;
-	int lines_length;
-	struct {
-		bool update_bitmap;
-		bool update_typeset;
-		int typeset_start_line;
-		bool redraw_all;
-	} task;
+        int offset_x;          /**< x轴坐标偏移量 */
+        int offset_y;          /**< y轴坐标偏移量 */
+        int new_offset_x;      /**< 新的x轴坐标偏移量 */
+        int new_offset_y;      /**< 新的y轴坐标偏移量 */
+        pd_text_caret_t caret; /**< 光标位置 */
+        int width;             /**< 实际文本宽度 */
+
+        /**
+         * 固定宽高
+         * 当它们等于0时，文本宽高会根据文本内容自动适应
+         * 当它们大于0时，会直接根据该值处理文本对齐
+         */
+        int fixed_width, fixed_height;
+        /**
+         * 最大文本宽高
+         * 当未设置固定宽度时，文字排版将按最大宽度进行
+         */
+        int max_width, max_height;
+
+        int length;
+        int line_height;
+        pd_text_align_t text_align;
+        pd_word_break_t word_break;
+        bool multiline_enabled;
+        bool autowrap_enabled;
+        bool style_tag_enabled;
+        list_t dirty_rects;
+        list_t styles;
+        pd_text_style_t default_style;
+        pd_text_line_t **lines;
+        int lines_length;
+        struct {
+                bool update_bitmap;
+                bool update_typeset;
+                int typeset_start_line;
+                bool redraw_all;
+        } task;
 } pd_text_t;
 
 /** 获取文本行总数 */
@@ -135,14 +140,13 @@ PD_PUBLIC int pd_text_get_line_height(pd_text_t *layer, int line_num);
 PD_PUBLIC int pd_text_get_line_length(pd_text_t *layer, int line_num);
 
 /** 添加 更新文本排版 的任务 */
-PD_PUBLIC void pd_text_set_typeset_task(pd_text_t *layer, int start_row);
+PD_PUBLIC void pd_text_request_typeset(pd_text_t *layer, int start_row);
 
 /** 设置文本对齐方式 */
 PD_PUBLIC void pd_text_set_align(pd_text_t *layer, int align);
 
 /** 设置坐标偏移量 */
-PD_PUBLIC bool pd_text_set_offset(pd_text_t *layer, int offset_x,
-				       int offset_y);
+PD_PUBLIC bool pd_text_set_offset(pd_text_t *layer, int offset_x, int offset_y);
 
 PD_PUBLIC pd_text_t *pd_text_create(void);
 
@@ -152,35 +156,39 @@ PD_PUBLIC void pd_text_destroy(pd_text_t *layer);
 PD_PUBLIC void pd_text_mark_dirty(pd_text_t *layer, int start_row, int end_row);
 
 /** 设置插入点的行列坐标 */
-PD_PUBLIC void pd_text_set_insert_position(pd_text_t *layer, int line_num,
-					   int col);
+PD_PUBLIC void pd_text_set_caret(pd_text_t *layer, int line_num, int col);
 
 /** 根据像素坐标设置文本光标的行列坐标 */
-PD_PUBLIC int pd_text_set_insert_pixel_position(pd_text_t *layer, int x, int y);
+PD_PUBLIC int pd_text_set_caret_pixel(pd_text_t *layer, int x, int y);
 
 /** 获取指定行列的文字的像素坐标 */
-PD_PUBLIC int pd_text_get_char_pixel_position(pd_text_t *layer, int line_num,
-					      int col, pd_pos_t *pixel_pos);
+PD_PUBLIC int pd_text_get_char_pixel(pd_text_t *layer, int line_num, int col,
+                                     pd_pos_t *pixel_pos);
 
 /** 获取文本光标的像素坐标 */
-PD_PUBLIC int pd_text_get_insert_pixel_position(pd_text_t *layer,
-						pd_pos_t *pixel_pos);
+PD_PUBLIC int pd_text_get_caret_pixel(pd_text_t *layer, pd_pos_t *pixel_pos);
 
 /** 清空文本 */
-PD_PUBLIC void pd_text_empty(pd_text_t *layer);
+PD_PUBLIC void pd_text_clear(pd_text_t *layer);
 
 PD_PUBLIC int pd_text_insert(pd_text_t *layer, const wchar_t *wstr,
-			     list_t *tag_stack);
+                             list_t *tag_stack);
 
 PD_PUBLIC int pd_text_append(pd_text_t *layer, const wchar_t *wstr,
-			     list_t *tag_stack);
+                             list_t *tag_stack);
 
 PD_PUBLIC int pd_text_write(pd_text_t *layer, const wchar_t *wstr,
-			    list_t *tag_stack);
+                            list_t *tag_stack);
 
 /** 获取文本图层中的文本（宽字符版） */
-PD_PUBLIC size_t pd_text_dump(pd_text_t *text, size_t start_pos, size_t max_len,
-			      wchar_t *wstr_buff);
+PD_PUBLIC size_t pd_text_read(pd_text_t *text, size_t start_pos, size_t max_len,
+                              wchar_t *wstr_buff);
+
+/**
+ * 取得文本图层完整内容（含按 line.eol 还原的换行符）
+ * 返回值由调用方负责 free，失败时返回 NULL
+ */
+PD_PUBLIC wchar_t *pd_text_to_wcs(pd_text_t *text);
 
 /** 计算并获取文本的宽度 */
 PD_PUBLIC int pd_text_get_width(pd_text_t *layer);
@@ -226,7 +234,7 @@ PD_PUBLIC void pd_text_update(pd_text_t *layer, list_t *rects);
  * @param cavans 目标画布
  */
 PD_PUBLIC int pd_text_render_to(pd_text_t *layer, pd_rect_t area,
-				pd_pos_t layer_pos, pd_canvas_t *canvas);
+                                pd_pos_t layer_pos, pd_canvas_t *canvas);
 
 /** 设置全局文本样式 */
 PD_PUBLIC void pd_text_set_style(pd_text_t *layer, pd_text_style_t *style);
@@ -238,21 +246,21 @@ PD_PUBLIC void pd_text_set_line_height(pd_text_t *layer, int height);
 PD_PUBLIC void pd_text_style_init(pd_text_style_t *data);
 
 PD_PUBLIC int pd_text_style_copy_family(pd_text_style_t *dst,
-					pd_text_style_t *src);
+                                        pd_text_style_t *src);
 
 PD_PUBLIC int pd_text_style_copy(pd_text_style_t *dst, pd_text_style_t *src);
 
 PD_PUBLIC void pd_text_style_destroy(pd_text_style_t *data);
 
 PD_PUBLIC void pd_text_style_merge(pd_text_style_t *base,
-				   pd_text_style_t *target);
+                                   pd_text_style_t *target);
 
 /* 设置字体粗细程度 */
 PD_PUBLIC int pd_text_style_set_weight(pd_text_style_t *ts,
-				       pd_font_weight_t weight);
+                                       pd_font_weight_t weight);
 
 PD_PUBLIC int pd_text_style_set_style(pd_text_style_t *ts,
-				      pd_font_style_t style);
+                                      pd_font_style_t style);
 
 /**
  * 设置字体
@@ -260,27 +268,27 @@ PD_PUBLIC int pd_text_style_set_style(pd_text_style_t *ts,
  * @param[in] str 字体名称，如果有多个名称则用逗号分隔
  */
 PD_PUBLIC int pd_text_style_set_font(pd_text_style_t *ts,
-				     const char *const *names);
+                                     const char *const *names);
 
 PD_PUBLIC void pd_text_style_set_size(pd_text_style_t *ts, int pixel_size);
 
 PD_PUBLIC void pd_text_style_set_fore_color(pd_text_style_t *ts,
-					    pd_color_t color);
+                                            pd_color_t color);
 
 PD_PUBLIC void pd_text_style_set_back_color(pd_text_style_t *ts,
-					    pd_color_t color);
+                                            pd_color_t color);
 
 /** 设置使用默认的字体 */
 PD_PUBLIC int pd_text_style_set_default_font(pd_text_style_t *ts);
 
 /** 从字符串中获取样式标签的名字及样式属性 */
 PD_PUBLIC const wchar_t *pd_scan_style_open_tag(const wchar_t *wstr,
-						wchar_t *name, int max_name_len,
-						wchar_t *data);
+                                                wchar_t *name, int max_name_len,
+                                                wchar_t *data);
 
 /** 在字符串中获取样式的结束标签，输出的是标签名 */
 PD_PUBLIC const wchar_t *pd_scan_style_close_tag(const wchar_t *wstr,
-						 wchar_t *name);
+                                                 wchar_t *name);
 
 PD_PUBLIC void pd_style_tags_clear(list_t *tags);
 
@@ -288,11 +296,11 @@ PD_PUBLIC pd_text_style_t *pd_style_tags_get_text_style(list_t *tags);
 
 /** 处理样式标签 */
 PD_PUBLIC const wchar_t *pd_style_tags_next_open_tag(list_t *tags,
-						     const wchar_t *str);
+                                                     const wchar_t *str);
 
 /** 处理样式结束标签 */
 PD_PUBLIC const wchar_t *pd_style_tags_next_close_tag(list_t *tags,
-						      const wchar_t *str);
+                                                      const wchar_t *str);
 
 PD_END_DECLS
 
diff --git a/lib/pandagl/include/pandagl/types.h b/lib/pandagl/include/pandagl/types.h
index 445a86caa..b6e544ce3 100644
--- a/lib/pandagl/include/pandagl/types.h
+++ b/lib/pandagl/include/pandagl/types.h
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/include/pandagl/types.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_PANDAGL_INCLUDE_PANDAGL_TPYES_H
@@ -17,120 +17,120 @@
 #include <stddef.h>
 
 typedef enum pd_color_type_t {
-	PD_COLOR_TYPE_UNSUPPORTED,
-	PD_COLOR_TYPE_INDEX8,   /**< 8位索引 */
-	PD_COLOR_TYPE_GRAY8,    /**< 8位灰度 */
-	PD_COLOR_TYPE_RGB323,   /**< RGB323 */
-	PD_COLOR_TYPE_ARGB2222, /**< ARGB2222 */
-	PD_COLOR_TYPE_RGB555,   /**< RGB555 */
-	PD_COLOR_TYPE_RGB565,   /**< RGB565 */
-	PD_COLOR_TYPE_RGB888,   /**< RGB888 */
-	PD_COLOR_TYPE_ARGB8888,  /**< RGB8888 */
+        PD_COLOR_TYPE_UNSUPPORTED,
+        PD_COLOR_TYPE_INDEX8,   /**< 8位索引 */
+        PD_COLOR_TYPE_GRAY8,    /**< 8位灰度 */
+        PD_COLOR_TYPE_RGB323,   /**< RGB323 */
+        PD_COLOR_TYPE_ARGB2222, /**< ARGB2222 */
+        PD_COLOR_TYPE_RGB555,   /**< RGB555 */
+        PD_COLOR_TYPE_RGB565,   /**< RGB565 */
+        PD_COLOR_TYPE_RGB888,   /**< RGB888 */
+        PD_COLOR_TYPE_ARGB8888, /**< RGB8888 */
 } pd_color_type_t;
 
 #define PD_COLOR_TYPE_RGB PD_COLOR_TYPE_RGB888
 #define PD_COLOR_TYPE_ARGB PD_COLOR_TYPE_ARGB8888
 
 typedef union pd_color_t {
-	uint32_t value;
-	struct {
-		uint8_t b;
-		uint8_t g;
-		uint8_t r;
-		uint8_t a;
-	};
-	struct {
-		uint8_t blue;
-		uint8_t green;
-		uint8_t red;
-		uint8_t alpha;
-	};
+        uint32_t value;
+        struct {
+                uint8_t b;
+                uint8_t g;
+                uint8_t r;
+                uint8_t a;
+        };
+        struct {
+                uint8_t blue;
+                uint8_t green;
+                uint8_t red;
+                uint8_t alpha;
+        };
 } pd_color_t;
 
 /** Position in plane coordinate system */
 typedef struct pd_pos {
-	int x, y;
+        int x, y;
 } pd_pos_t;
 
 typedef struct pd_rect {
-	int x, y, width, height;
+        int x, y, width, height;
 } pd_rect_t;
 
 typedef struct pd_canvas pd_canvas_t;
 
 typedef struct pd_canvas_quote {
-	int top;
-	int left;
-	bool is_valid;
-	pd_canvas_t *source;
+        int top;
+        int left;
+        bool is_valid;
+        pd_canvas_t *source;
 } pd_canvas_quote_t;
 
 struct pd_canvas {
-	unsigned width;
-	unsigned height;
-	float opacity;
-	pd_canvas_quote_t quote;
-	union {
-		uint8_t *bytes;
-		pd_color_t *argb;
-	};
-	pd_color_type_t color_type;
-	unsigned bytes_per_pixel;
-	unsigned bytes_per_row;
-	size_t mem_size;
+        unsigned width;
+        unsigned height;
+        float opacity;
+        pd_canvas_quote_t quote;
+        union {
+                uint8_t *bytes;
+                pd_color_t *argb;
+        };
+        pd_color_type_t color_type;
+        unsigned bytes_per_pixel;
+        unsigned bytes_per_row;
+        size_t mem_size;
 };
 
 /** 进行绘制时所需的上下文 */
 typedef struct pd_context {
-	pd_rect_t rect;    /**< 需要绘制的区域 */
-	pd_canvas_t canvas; /**< 绘制后的位图缓存（可称为：画布） */
-	bool with_alpha; /**< 绘制时是否需要处理 alpha 通道 */
+        pd_rect_t rect;     /**< 需要绘制的区域 */
+        pd_canvas_t canvas; /**< 绘制后的位图缓存（可称为：画布） */
+        bool with_alpha;    /**< 绘制时是否需要处理 alpha 通道 */
 } pd_context_t;
 
 typedef struct pd_background {
-	pd_canvas_t *image;
-	pd_color_t color;
-	bool repeat_x;
-	bool repeat_y;
-	int x;
-	int y;
-	int width;
-	int height;
+        pd_canvas_t *image;
+        pd_color_t color;
+        bool repeat_x;
+        bool repeat_y;
+        int x;
+        int y;
+        int width;
+        int height;
 } pd_background_t;
 
 typedef struct pd_boxshadow {
-	int x, y;
-	int blur;
-	int spread;
-	pd_color_t color;
-	int top_left_radius;
-	int top_right_radius;
-	int bottom_left_radius;
-	int bottom_right_radius;
+        int x, y;
+        int blur;
+        int spread;
+        pd_color_t color;
+        int top_left_radius;
+        int top_right_radius;
+        int bottom_left_radius;
+        int bottom_right_radius;
 } pd_boxshadow_t;
 
 typedef struct pd_border_line {
-	int style;
-	unsigned int width;
-	pd_color_t color;
+        int style;
+        unsigned int width;
+        pd_color_t color;
 } pd_border_line_t;
 
 typedef struct pd_border {
-	pd_border_line_t top, right, bottom, left;
-	unsigned int top_left_radius;
-	unsigned int top_right_radius;
-	unsigned int bottom_left_radius;
-	unsigned int bottom_right_radius;
+        pd_border_line_t top, right, bottom, left;
+        unsigned int top_left_radius;
+        unsigned int top_right_radius;
+        unsigned int bottom_left_radius;
+        unsigned int bottom_right_radius;
 } pd_border_t;
 
 typedef enum pd_error_t {
-	PD_OK = 0,
-	PD_ERROR_NOT_FOUND,
-	PD_ERROR_NOT_IMPLEMENTED,
-	PD_ERROR_IMAGE_HEADER_INVALID,
-	PD_ERROR_IMAGE_TYPE_INCORRECT,
-	PD_ERROR_IMAGE_DATA_NOT_SUPPORTED,
-	PD_ERROR_IMAGE_READING
+        PD_OK = 0,
+        PD_ERROR_NOT_FOUND,
+        PD_ERROR_NOT_IMPLEMENTED,
+        PD_ERROR_IMAGE_HEADER_INVALID,
+        PD_ERROR_IMAGE_TYPE_INCORRECT,
+        PD_ERROR_IMAGE_DATA_NOT_SUPPORTED,
+        PD_ERROR_IMAGE_READING
 } pd_error_t;
 
 #endif
diff --git a/lib/pandagl/src/background.c b/lib/pandagl/src/background.c
index 738954fe4..53e3bdcc9 100644
--- a/lib/pandagl/src/background.c
+++ b/lib/pandagl/src/background.c
@@ -1,14 +1,15 @@
 /*
  * lib/pandagl/src/background.c: -- canvas background image draw support.
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
+#include <math.h>
 #include <yutil.h>
 #include <pandagl.h>
 
@@ -55,13 +56,13 @@ void pd_paint_background(pd_context_t *ctx, const pd_background_t *bg,
                 /* 根据宽高的缩放比例，计算实际需要引用的区域 */
                 if (width != bg->image->width) {
                         scale = 1.0 * bg->image->width / width;
-                        rect.x = y_iround(rect.x * scale);
-                        rect.width = y_iround(rect.width * scale);
+                        rect.x = (int)round(rect.x * scale);
+                        rect.width = (int)round(rect.width * scale);
                 }
                 if (height != bg->image->height) {
                         scale = 1.0 * bg->image->height / height;
-                        rect.y = y_iround(rect.y * scale);
-                        rect.height = y_iround(rect.height * scale);
+                        rect.y = (int)round(rect.y * scale);
+                        rect.height = (int)round(rect.height * scale);
                 }
                 /* 引用源背景图像的一块区域 */
                 pd_canvas_quote(&canvas, bg->image, &rect);
diff --git a/lib/pandagl/src/border.c b/lib/pandagl/src/border.c
index 30eb6edd7..7ae87efd4 100644
--- a/lib/pandagl/src/border.c
+++ b/lib/pandagl/src/border.c
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/src/border.c: -- Border drawing
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <math.h>
@@ -17,7 +17,7 @@
 #define CIRCLE_R(R) (R - 0.5)
 
 /*  Convert screen Y coordinate to geometric Y coordinate */
-#define ToGeoY(Y, CENTER_Y) ((CENTER_Y)-Y)
+#define ToGeoY(Y, CENTER_Y) ((CENTER_Y) - Y)
 
 /*  Convert screen X coordinate to geometric X coordinate */
 #define ToGeoX(X, CENTER_X) (X - (CENTER_X))
@@ -26,35 +26,35 @@
 #define smooth_right_pixel(PX, X) (uint8_t)((PX)->a * (X - 1.0 * (int)X))
 
 #define BorderRenderContext()                               \
-	int x, y;                                           \
-	int right;                                          \
-	double circle_x, circle_y;                          \
-	int outer_xi, inner_xi;                             \
-	double outer_x, split_x, inner_x;                   \
-	double outer_d, inner_d;                            \
+        int x, y;                                           \
+        int right;                                          \
+        double circle_x, circle_y;                          \
+        int outer_xi, inner_xi;                             \
+        double outer_x, split_x, inner_x;                   \
+        double outer_d, inner_d;                            \
                                                             \
-	const double r = CIRCLE_R(radius);                  \
-	const double radius_x = y_max(0, r - yline->width); \
-	const double radius_y = y_max(0, r - xline->width); \
-	const int width = y_max(radius, yline->width);      \
+        const double r = CIRCLE_R(radius);                  \
+        const double radius_x = y_max(0, r - yline->width); \
+        const double radius_y = y_max(0, r - xline->width); \
+        const int width = y_max(radius, yline->width);      \
                                                             \
-	pd_rect_t rect;                                     \
-	pd_color_t *p;                                      \
-	pd_color_t color;
+        pd_rect_t rect;                                     \
+        pd_color_t *p;                                      \
+        pd_color_t color;
 
 static double ellipse_x(double radius_x, double radius_y, double y)
 {
-	double value;
-	if (radius_x == radius_y) {
-		value = radius_x * radius_x - y * y;
-	} else {
-		value = (1.0 - 1.0 * (y * y) / (radius_y * radius_y)) *
-			radius_x * radius_x;
-	}
-	if (value < 0) {
-		value = -value;
-	}
-	return sqrt(value);
+        double value;
+        if (radius_x == radius_y) {
+                value = radius_x * radius_x - y * y;
+        } else {
+                value = (1.0 - 1.0 * (y * y) / (radius_y * radius_y)) *
+                        radius_x * radius_x;
+        }
+        if (value < 0) {
+                value = -value;
+        }
+        return sqrt(value);
 }
 
 /**
@@ -62,361 +62,147 @@ static double ellipse_x(double radius_x, double radius_y, double y)
  * Merge the four functions of DrawBorder* into one function and make it simple.
  */
 
-/** Draw border top left corner */
-static int draw_border_top_left(pd_canvas_t *dst, int bound_left, int bound_top,
-				const pd_border_line_t *xline,
-				const pd_border_line_t *yline,
-				unsigned int radius)
-{
-	BorderRenderContext();
-
-	double cirlce_center_x = bound_left + r;
-	double circle_center_y = bound_top + r;
-	double split_k = 1.0 * yline->width / xline->width;
-	double split_center_x = bound_left + 1.0 * yline->width;
-	double split_center_y = bound_top + 1.0 * xline->width;
-	int inner_ellipse_top = (int)split_center_y;
-
-	/* Get the actual rectangle that can be drawn */
-	pd_canvas_get_quote_rect(dst, &rect);
-	dst = pd_canvas_get_quote_source(dst);
-	if (!pd_canvas_is_valid(dst)) {
-		return -1;
-	}
-	right = y_min(rect.width, bound_left + width);
-	for (y = 0; y < rect.height; ++y) {
-		outer_x = 0;
-		split_x = 0;
-		inner_x = width;
-		circle_y = ToGeoY(y, circle_center_y);
-		if (r > 0 && circle_y >= 0) {
-			outer_x = r - ellipse_x(r, r, circle_y);
-			if (radius_y > 0 && y >= inner_ellipse_top) {
-				inner_x =
-				    r - ellipse_x(radius_x, radius_y, circle_y);
-			}
-		}
-		if (xline->width > 0) {
-			split_x = split_center_x -
-				  ToGeoY(y, split_center_y) * split_k;
-		}
-		outer_x = bound_left + outer_x;
-		inner_x = bound_left + inner_x;
-		/* Limit coordinates into the current drawing region */
-		outer_x = y_max(0, y_min(right, outer_x));
-		inner_x = y_max(0, y_min(right, inner_x));
-		outer_xi = y_max(0, (int)outer_x - (int)radius / 2);
-		inner_xi = y_min(right, (int)inner_x + (int)radius / 2);
-		p = pd_canvas_pixel_at(dst, rect.x, rect.y + y);
-		/* Clear the outer pixels */
-		for (x = 0; x < outer_xi; ++x, ++p) {
-			p->alpha = 0;
-		}
-		for (; x < inner_xi; ++x, ++p) {
-			outer_d = -1;
-			inner_d = inner_x - 1.0 * x;
-			circle_x = ToGeoX(x, cirlce_center_x);
-			/* If in the circle */
-			if (r > 0 && circle_y >= 0 && circle_x <= 0) {
-				outer_d =
-				    sqrt(POW2(circle_x) + POW2(circle_y)) - r;
-				/* If the inside is a circle is not an ellipse,
-				 * Use the same anti-aliasing method
-				 */
-				if (radius_x == radius_y && radius_y > 0 &&
-				    y >= inner_ellipse_top) {
-					inner_d = outer_d + r - radius_x;
-				}
-			}
-			if (outer_d >= 1.0) {
-				p->alpha = 0;
-				continue;
-			}
-			if (x < split_x) {
-				color = yline->color;
-			} else {
-				color = xline->color;
-			}
-			if (outer_d >= 0) {
-				/* Fill the border color if the border width is
-				 * valid */
-				if (inner_d - outer_d >= 0.5) {
-					*p = color;
-				}
-				p->a = smooth_left_pixel(p, outer_d);
-			} else if (inner_d >= 1.0) {
-				pd_over_pixel(p, &color, 1.0);
-			} else if (inner_d >= 0) {
-				color.a = smooth_right_pixel(&color, inner_d);
-				pd_over_pixel(p, &color, 1.0);
-			} else {
-				break;
-			}
-		}
-	}
-	return 0;
-}
-
-static int draw_border_top_right(pd_canvas_t *dst, int bound_left,
-				 int bound_top, const pd_border_line_t *xline,
-				 const pd_border_line_t *yline,
-				 unsigned int radius)
-{
-	BorderRenderContext();
-
-	double circle_center_y = bound_top + r;
-	double circle_center_x = bound_left + width - 1.0 * radius - 0.5;
-	double split_k = 1.0 * yline->width / xline->width;
-	double split_center_x = bound_left + width - 1.0 * yline->width;
-	double split_center_y = bound_top + 1.0 * xline->width;
-	double inner_ellipse_top = split_center_y;
-
-	/* Get the actual rectangle that can be drawn */
-	pd_canvas_get_quote_rect(dst, &rect);
-	dst = pd_canvas_get_quote_source(dst);
-	if (!pd_canvas_is_valid(dst)) {
-		return -1;
-	}
-	right = y_min(rect.width, bound_left + width);
-	for (y = 0; y < rect.height; ++y) {
-		outer_x = width;
-		split_x = 0;
-		inner_x = -1.0;
-		circle_y = ToGeoY(y, circle_center_y);
-		if (r > 0 && circle_y >= 0) {
-			outer_x = width - radius + ellipse_x(r, r, circle_y);
-			if (radius_y > 0 && y >= inner_ellipse_top) {
-				inner_x =
-				    width - radius - 0.5 +
-				    ellipse_x(radius_x, radius_y, circle_y);
-			}
-		}
-		if (xline->width > 0) {
-			split_x = split_center_x +
-				  ToGeoY(y, split_center_y) * split_k;
-		}
-		outer_x = bound_left + outer_x;
-		inner_x = bound_left + inner_x;
-		/* Limit coordinates into the current drawing region */
-		outer_x = y_max(0, y_min(right, outer_x));
-		inner_x = y_max(-1.0, y_min(outer_x, inner_x));
-		inner_xi = y_max(0, (int)inner_x - (int)radius / 2);
-		outer_xi = y_min(right, (int)outer_x + (int)radius / 2);
-		p = pd_canvas_pixel_at(dst, rect.x + inner_xi, rect.y + y);
-		for (x = inner_xi; x < outer_xi; ++x, ++p) {
-			outer_d = -1.0;
-			inner_d = x - inner_x;
-			circle_x = ToGeoX(x, circle_center_x);
-			if (r > 0 && circle_y >= 0 && circle_x >= 0) {
-				outer_d =
-				    sqrt(POW2(circle_x) + POW2(circle_y)) - r;
-				if (radius_x == radius_y && radius_y > 0 &&
-				    y >= inner_ellipse_top) {
-					inner_d = outer_d + r - radius_x;
-				}
-			}
-			if (outer_d >= 1.0) {
-				break;
-			}
-			if (x < split_x) {
-				color = xline->color;
-			} else {
-				color = yline->color;
-			}
-			if (outer_d >= 0) {
-				if (inner_d - outer_d >= 0.5) {
-					*p = color;
-				}
-				p->a = smooth_left_pixel(p, outer_d);
-			} else if (inner_d >= 0.5) {
-				pd_over_pixel(p, &color, 1.0);
-			} else if (inner_d >= 0) {
-				color.a = smooth_right_pixel(&color, inner_d);
-				pd_over_pixel(p, &color, 1.0);
-			}
-		}
-		/* Clear the outer pixels */
-		for (; x < right; ++x, ++p) {
-			p->alpha = 0;
-		}
-	}
-	return 0;
-}
-
-static int draw_border_bottom_left(pd_canvas_t *dst, int bound_left,
-				   int bound_top, const pd_border_line_t *xline,
-				   const pd_border_line_t *yline,
-				   unsigned int radius)
-{
-	BorderRenderContext();
-
-	int height = y_max(radius, xline->width);
-	double cirlce_center_x = bound_left + r;
-	double circle_center_y = bound_top + height - 1.0 * radius - 0.5;
-	double split_k = 1.0 * yline->width / xline->width;
-	double split_center_x = bound_left + 1.0 * yline->width;
-	double split_center_y = bound_top + height - 1.0 * xline->width;
-	double inner_ellipse_bottom = circle_center_y + radius_y;
+typedef struct pd_corner_flags_t {
+        int is_right;
+        int is_bottom;
+} pd_corner_flags_t;
 
-	/* Get the actual rectangle that can be drawn */
-	pd_canvas_get_quote_rect(dst, &rect);
-	dst = pd_canvas_get_quote_source(dst);
-	if (!pd_canvas_is_valid(dst)) {
-		return -1;
-	}
-	right = y_min(rect.width, bound_left + width);
-	for (y = 0; y < rect.height; ++y) {
-		outer_x = 0;
-		split_x = 0;
-		inner_x = width;
-		circle_y = ToGeoY(y, circle_center_y);
-		if (r > 0 && circle_y <= 0) {
-			outer_x = r - ellipse_x(r, r, circle_y);
-			if (radius_y > 0 && y <= inner_ellipse_bottom) {
-				inner_x =
-				    r - ellipse_x(radius_x, radius_y, circle_y);
-			}
-		}
-		if (xline->width > 0) {
-			split_x = split_center_x +
-				  ToGeoY(y, split_center_y) * split_k;
-		}
-		outer_x = bound_left + outer_x;
-		inner_x = bound_left + inner_x;
-		/* Limit coordinates into the current drawing region */
-		outer_x = y_max(0, y_min(right, outer_x));
-		inner_x = y_max(0, y_min(right, inner_x));
-		outer_xi = y_max(0, (int)outer_x - (int)radius / 2);
-		inner_xi = y_min(right, (int)inner_x + (int)radius / 2);
-		p = pd_canvas_pixel_at(dst, rect.x, rect.y + y);
-		for (x = 0; x < outer_xi; ++x, ++p) {
-			p->alpha = 0;
-		}
-		for (; x < inner_xi; ++x, ++p) {
-			outer_d = -1;
-			inner_d = inner_x - 1.0 * x;
-			circle_x = ToGeoX(x, cirlce_center_x);
-			if (r > 0 && circle_y <= 0 && circle_x <= 0) {
-				outer_d =
-				    sqrt(POW2(circle_x) + POW2(circle_y)) - r;
-				if (radius_x == radius_y && radius_y > 0 &&
-				    y <= inner_ellipse_bottom) {
-					inner_d = outer_d + r - radius_x;
-				}
-			}
-			if (outer_d >= 1.0) {
-				p->alpha = 0;
-				continue;
-			}
-			if (x < split_x) {
-				color = yline->color;
-			} else {
-				color = xline->color;
-			}
-			if (outer_d >= 0) {
-				if (inner_d - outer_d >= 0.5) {
-					*p = color;
-				}
-				p->a = smooth_left_pixel(p, outer_d);
-			} else if (inner_d >= 1.0) {
-				pd_over_pixel(p, &color, 1.0);
-			} else if (inner_d >= 0) {
-				color.a = smooth_right_pixel(&color, inner_d);
-				pd_over_pixel(p, &color, 1.0);
-			} else {
-				break;
-			}
-		}
-	}
-	return 0;
-}
-
-static int draw_border_bottom_right(pd_canvas_t *dst, int bound_left,
-				    int bound_top,
-				    const pd_border_line_t *xline,
-				    const pd_border_line_t *yline,
-				    unsigned int radius)
+static int draw_border_corner(pd_canvas_t *dst, int bound_left, int bound_top,
+                              const pd_border_line_t *xline,
+                              const pd_border_line_t *yline,
+                              unsigned int radius,
+                              const pd_corner_flags_t *flags)
 {
-	BorderRenderContext();
-
-	int height = y_max(radius, xline->width);
-	double circle_center_y = bound_top + height - 1.0 * radius - 0.5;
-	double circle_center_x = bound_left + width - 1.0 * radius - 0.5;
-	double split_k = 1.0 * yline->width / xline->width;
-	double split_center_x = bound_left + width - 1.0 * yline->width;
-	double split_center_y = bound_top + height - 1.0 * xline->width;
-	double inner_ellipse_bottom = circle_center_y + radius_y;
-
-	/* Get the actual rectangle that can be drawn */
-	pd_canvas_get_quote_rect(dst, &rect);
-	dst = pd_canvas_get_quote_source(dst);
-	if (!pd_canvas_is_valid(dst)) {
-		return -1;
-	}
-	right = y_min(rect.width, bound_left + width);
-	for (y = 0; y < rect.height; ++y) {
-		outer_x = width;
-		split_x = 0;
-		inner_x = -1.0;
-		circle_y = ToGeoY(y, circle_center_y);
-		if (r > 0 && circle_y <= 0) {
-			outer_x = width - r + ellipse_x(r, r, circle_y);
-			if (radius_y > 0 && y <= inner_ellipse_bottom &&
-			    y >= circle_center_y) {
-				inner_x =
-				    width - radius - 0.5 +
-				    ellipse_x(radius_x, radius_y, circle_y);
-			}
-		}
-		if (xline->width > 0) {
-			split_x = split_center_x -
-				  ToGeoY(y, split_center_y) * split_k;
-		}
-		outer_x = bound_left + outer_x;
-		inner_x = bound_left + inner_x;
-		outer_x = y_max(0, y_min(right, outer_x));
-		inner_x = y_max(-1.0, y_min(outer_x, inner_x));
-		inner_xi = y_max(0, (int)inner_x - (int)radius / 2);
-		outer_xi = y_min(right, (int)outer_x + (int)radius / 2);
-		p = pd_canvas_pixel_at(dst, rect.x + inner_xi, rect.y + y);
-		for (x = inner_xi; x < outer_xi; ++x, ++p) {
-			outer_d = -1.0;
-			inner_d = 1.0 * x - inner_x;
-			circle_x = ToGeoX(x, circle_center_x);
-			if (r > 0 && circle_y <= 0 && circle_x >= 0) {
-				outer_d =
-				    sqrt(POW2(circle_x) + POW2(circle_y)) - r;
-				if (radius_x == radius_y && radius_y > 0 &&
-				    y <= inner_ellipse_bottom) {
-					inner_d = outer_d + r - radius_x;
-				}
-			}
-			if (outer_d >= 1.0) {
-				break;
-			}
-			if (x < split_x) {
-				color = xline->color;
-			} else {
-				color = yline->color;
-			}
-			if (outer_d >= 0) {
-				if (inner_d - outer_d >= 0.5) {
-					*p = color;
-				}
-				p->a = smooth_left_pixel(p, outer_d);
-			} else if (inner_d >= 0.5) {
-				pd_over_pixel(p, &color, 1.0);
-			} else if (inner_d >= 0) {
-				color.a = smooth_right_pixel(&color, inner_d);
-				pd_over_pixel(p, &color, 1.0);
-			}
-		}
-		/* Clear the outer pixels */
-		for (; x < right; ++x, ++p) {
-			p->alpha = 0;
-		}
-	}
-	return 0;
+        BorderRenderContext();
+        int bottom_corner_height = y_max(radius, xline->width);
+        double circle_center_y =
+            bound_top +
+            (flags->is_bottom ? bottom_corner_height - 1.0 * radius - 0.5 : r);
+        double circle_center_x =
+            bound_left + (flags->is_right ? width - 1.0 * radius - 0.5 : r);
+        double split_slope =
+            xline->width > 0 ? 1.0 * yline->width / xline->width : 0.0;
+        double split_center_x =
+            bound_left +
+            (flags->is_right ? width - 1.0 * yline->width : 1.0 * yline->width);
+        double split_center_y =
+            bound_top + (flags->is_bottom
+                             ? bottom_corner_height - 1.0 * xline->width
+                             : 1.0 * xline->width);
+        double inner_ellipse_limit =
+            flags->is_bottom ? circle_center_y + radius_y : split_center_y;
+        int split_sign = flags->is_right == flags->is_bottom ? -1 : 1;
+
+        /* Get the actual rectangle that can be drawn */
+        pd_canvas_get_quote_rect(dst, &rect);
+        dst = pd_canvas_get_quote_source(dst);
+        if (!pd_canvas_is_valid(dst)) {
+                return -1;
+        }
+        right = y_min(rect.width, bound_left + width);
+        for (y = 0; y < rect.height; ++y) {
+                outer_x = flags->is_right ? width : 0;
+                split_x = 0;
+                inner_x = flags->is_right ? -1.0 : width;
+                circle_y = ToGeoY(y, circle_center_y);
+                if (r > 0 &&
+                    (flags->is_bottom ? circle_y <= 0 : circle_y >= 0)) {
+                        int should_draw_inner_ellipse = !flags->is_bottom ||
+                                                        !flags->is_right ||
+                                                        y >= circle_center_y;
+                        outer_x =
+                            flags->is_right
+                                ? width - radius + ellipse_x(r, r, circle_y)
+                                : r - ellipse_x(r, r, circle_y);
+                        if (radius_y > 0 && should_draw_inner_ellipse &&
+                            (flags->is_bottom ? y <= inner_ellipse_limit
+                                              : y >= inner_ellipse_limit)) {
+                                inner_x =
+                                    flags->is_right
+                                        ? width - radius - 0.5 +
+                                              ellipse_x(radius_x, radius_y,
+                                                        circle_y)
+                                        : r - ellipse_x(radius_x, radius_y,
+                                                        circle_y);
+                        }
+                }
+                if (xline->width > 0) {
+                        split_x = split_center_x +
+                                  split_sign * ToGeoY(y, split_center_y) *
+                                      split_slope;
+                }
+                outer_x = bound_left + outer_x;
+                inner_x = bound_left + inner_x;
+                outer_x = y_max(0, y_min(right, outer_x));
+                if (flags->is_right) {
+                        inner_x = y_max(-1.0, y_min(outer_x, inner_x));
+                        inner_xi = y_max(0, (int)inner_x - (int)radius / 2);
+                        outer_xi = y_min(right, (int)outer_x + (int)radius / 2);
+                        x = inner_xi;
+                        p = pd_canvas_pixel_at(dst, rect.x + inner_xi,
+                                               rect.y + y);
+                } else {
+                        inner_x = y_max(0, y_min(right, inner_x));
+                        outer_xi = y_max(0, (int)outer_x - (int)radius / 2);
+                        inner_xi = y_min(right, (int)inner_x + (int)radius / 2);
+                        x = 0;
+                        p = pd_canvas_pixel_at(dst, rect.x, rect.y + y);
+                        for (; x < outer_xi; ++x, ++p) {
+                                p->alpha = 0;
+                        }
+                }
+                for (; x < (flags->is_right ? outer_xi : inner_xi); ++x, ++p) {
+                        outer_d = -1.0;
+                        inner_d = flags->is_right ? x - inner_x : inner_x - x;
+                        circle_x = ToGeoX(x, circle_center_x);
+                        if (r > 0 &&
+                            (flags->is_bottom ? circle_y <= 0
+                                              : circle_y >= 0) &&
+                            (flags->is_right ? circle_x >= 0 : circle_x <= 0)) {
+                                outer_d =
+                                    sqrt(POW2(circle_x) + POW2(circle_y)) - r;
+                                if (radius_x == radius_y && radius_y > 0 &&
+                                    (flags->is_bottom
+                                         ? y <= inner_ellipse_limit
+                                         : y >= inner_ellipse_limit)) {
+                                        inner_d = outer_d + r - radius_x;
+                                }
+                        }
+                        if (outer_d >= 1.0) {
+                                if (flags->is_right) {
+                                        break;
+                                }
+                                p->alpha = 0;
+                                continue;
+                        }
+                        if (x < split_x) {
+                                color = flags->is_right ? xline->color
+                                                        : yline->color;
+                        } else {
+                                color = flags->is_right ? yline->color
+                                                        : xline->color;
+                        }
+                        if (outer_d >= 0) {
+                                if (inner_d - outer_d >= 0.5) {
+                                        *p = color;
+                                }
+                                p->a = smooth_left_pixel(p, outer_d);
+                        } else if (inner_d >= (flags->is_right ? 0.5 : 1.0)) {
+                                pd_over_pixel(p, &color, 1.0);
+                        } else if (inner_d >= 0) {
+                                color.a = smooth_right_pixel(&color, inner_d);
+                                pd_over_pixel(p, &color, 1.0);
+                        } else if (!flags->is_right) {
+                                break;
+                        }
+                }
+                if (flags->is_right) {
+                        for (; x < right; ++x, ++p) {
+                                p->alpha = 0;
+                        }
+                }
+        }
+        return 0;
 }
 
 /**
@@ -426,452 +212,283 @@ static int draw_border_bottom_right(pd_canvas_t *dst, int bound_left,
  */
 
 /** Crop the top left corner of the content area */
-static int crop_content_top_left(pd_canvas_t *dst, int bound_left,
-				 int bound_top, double radius_x,
-				 double radius_y)
-{
-	int xi, yi;
-	int outer_xi;
-	double x, y, d;
-	double outer_x;
-	double center_x, center_y;
-
-	pd_rect_t rect;
-	pd_color_t *p;
-
-	radius_x -= 0.5;
-	radius_y -= 0.5;
-	center_x = bound_left + radius_x;
-	center_y = bound_top + radius_y;
-	pd_canvas_get_quote_rect(dst, &rect);
-	dst = pd_canvas_get_quote_source(dst);
-	if (!pd_canvas_is_valid(dst)) {
-		return -1;
-	}
-	for (yi = 0; yi < rect.height; ++yi) {
-		y = ToGeoY(yi, center_y);
-		x = ellipse_x(radius_x + 1.0, radius_y + 1.0, y);
-		outer_xi = (int)(center_x - x);
-		outer_xi = y_max(0, y_min(outer_xi, rect.width));
-		p = pd_canvas_pixel_at(dst, rect.x, rect.y + yi);
-		for (xi = 0; xi < outer_xi; ++xi, ++p) {
-			p->alpha = 0;
-		}
-		/* If inner ellipse is circle */
-		if (radius_x == radius_y) {
-			for (; xi < rect.width; ++xi, ++p) {
-				x = ToGeoX(xi, center_x);
-				d = sqrt(x * x + y * y) - radius_x;
-				if (d >= 1.0) {
-					p->alpha = 0;
-				} else if (d >= 0) {
-					p->alpha = smooth_left_pixel(p, d);
-				} else {
-					break;
-				}
-			}
-		} else {
-			outer_x =
-			    ToGeoX(ellipse_x(radius_x, radius_y, y), center_x);
-			for (; xi < rect.width; ++xi, ++p) {
-				x = ToGeoX(xi, center_x);
-				d = x - outer_x;
-				if (d >= 1.0) {
-					p->alpha = 0;
-				} else if (d >= 0) {
-					p->alpha = smooth_left_pixel(p, d);
-				} else {
-					break;
-				}
-			}
-		}
-	}
-	return 0;
-}
-
-static int crop_content_top_right(pd_canvas_t *dst, int bound_left,
-				  int bound_top, double radius_x,
-				  double radius_y)
-{
-	int xi, yi;
-	int outer_xi;
-	double x, y, d;
-	double outer_x;
-	double center_x, center_y;
-
-	pd_rect_t rect;
-	pd_color_t *p;
-
-	radius_x -= 0.5;
-	radius_y -= 0.5;
-	center_x = bound_left;
-	center_y = bound_top + radius_y;
-	pd_canvas_get_quote_rect(dst, &rect);
-	dst = pd_canvas_get_quote_source(dst);
-	if (!pd_canvas_is_valid(dst)) {
-		return -1;
-	}
-	for (yi = 0; yi < rect.height; ++yi) {
-		y = ToGeoY(yi, center_y);
-		x = ellipse_x(y_max(0, radius_x - 1), y_max(0, radius_y - 1),
-			      y);
-		outer_xi = (int)(center_x + x);
-		outer_xi = y_max(0, outer_xi);
-		p = pd_canvas_pixel_at(dst, rect.x + outer_xi, rect.y + yi);
-		if (radius_x == radius_y) {
-			for (xi = outer_xi; xi < rect.width; ++xi, ++p) {
-				x = ToGeoX(xi, center_x);
-				d = sqrt(x * x + y * y) - radius_x;
-				if (d >= 1.0) {
-					break;
-				}
-				if (d >= 0) {
-					p->alpha = smooth_left_pixel(p, d);
-				}
-			}
-		} else {
-			outer_x =
-			    ToGeoX(ellipse_x(radius_x, radius_y, y), center_x);
-			for (xi = outer_xi; xi < rect.width; ++xi, ++p) {
-				x = ToGeoX(xi, center_x);
-				d = x - outer_x;
-				if (d >= 1.0) {
-					break;
-				}
-				if (d >= 0) {
-					p->alpha = smooth_left_pixel(p, d);
-				}
-			}
-		}
-		for (; xi < rect.width; ++xi, ++p) {
-			p->alpha = 0;
-		}
-	}
-	return 0;
-}
-
-static int crop_content_bottom_left(pd_canvas_t *dst, int bound_left,
-				    int bound_top, double radius_x,
-				    double radius_y)
-{
-	int xi, yi;
-	int outer_xi;
-	double x, y, d;
-	double outer_x;
-	double center_x, center_y;
-
-	pd_rect_t rect;
-	pd_color_t *p;
-
-	radius_x -= 0.5;
-	radius_y -= 0.5;
-	center_x = bound_left + radius_x;
-	center_y = bound_top;
-	pd_canvas_get_quote_rect(dst, &rect);
-	dst = pd_canvas_get_quote_source(dst);
-	if (!pd_canvas_is_valid(dst)) {
-		return -1;
-	}
-	for (yi = 0; yi < rect.height; ++yi) {
-		y = ToGeoY(yi, center_y);
-		x = ellipse_x(radius_x + 1.0, radius_y + 1.0, y);
-		outer_xi = (int)(center_x - x);
-		outer_xi = y_max(0, y_min(outer_xi, rect.width));
-		p = pd_canvas_pixel_at(dst, rect.x, rect.y + yi);
-		for (xi = 0; xi < outer_xi; ++xi, ++p) {
-			p->alpha = 0;
-		}
-		if (radius_x == radius_y) {
-			for (; xi < rect.width; ++xi, ++p) {
-				x = ToGeoX(xi, center_x);
-				d = sqrt(x * x + y * y) - radius_x;
-				if (d >= 1.0) {
-					p->alpha = 0;
-				} else if (d >= 0) {
-					p->alpha = smooth_left_pixel(p, d);
-				} else {
-					break;
-				}
-			}
-		} else {
-			outer_x =
-			    ToGeoX(ellipse_x(radius_x, radius_y, y), center_x);
-			for (; xi < rect.width; ++xi, ++p) {
-				x = ToGeoX(xi, center_x);
-				d = x - outer_x;
-				if (d >= 1.0) {
-					p->alpha = 0;
-				} else if (d >= 0) {
-					p->alpha = smooth_left_pixel(p, d);
-				} else {
-					break;
-				}
-			}
-		}
-	}
-	return 0;
-}
-
-static int crop_content_bottom_right(pd_canvas_t *dst, int bound_left,
-				     int bound_top, double radius_x,
-				     double radius_y)
+static int crop_content_corner(pd_canvas_t *dst, int bound_left, int bound_top,
+                               double radius_x, double radius_y,
+                               const pd_corner_flags_t *flags)
 {
-	int xi, yi;
-	int outer_xi;
-	double x, y, d;
-	double outer_x;
-	double center_x, center_y;
-
-	pd_rect_t rect;
-	pd_color_t *p;
-
-	radius_x -= 0.5;
-	radius_y -= 0.5;
-	center_x = bound_left;
-	center_y = bound_top;
-	pd_canvas_get_quote_rect(dst, &rect);
-	dst = pd_canvas_get_quote_source(dst);
-	if (!pd_canvas_is_valid(dst)) {
-		return -1;
-	}
-	for (yi = 0; yi < rect.height; ++yi) {
-		y = ToGeoY(yi, center_y);
-		x = ellipse_x(y_max(0, radius_x - 1), y_max(0, radius_y - 1),
-			      y);
-		outer_xi = (int)(center_x + x);
-		outer_xi = y_max(0, outer_xi);
-		p = pd_canvas_pixel_at(dst, rect.x + outer_xi, rect.y + yi);
-		if (radius_x == radius_y) {
-			for (xi = outer_xi; xi < rect.width; ++xi, ++p) {
-				x = ToGeoX(xi, center_x);
-				d = sqrt(x * x + y * y) - radius_x;
-				if (d >= 1.0) {
-					break;
-				}
-				if (d >= 0) {
-					p->alpha = smooth_left_pixel(p, d);
-				}
-			}
-		} else {
-			outer_x =
-			    ToGeoX(ellipse_x(radius_x, radius_y, y), center_x);
-			for (xi = outer_xi; xi < rect.width; ++xi, ++p) {
-				x = ToGeoX(xi, center_x);
-				d = x - outer_x;
-				if (d >= 1.0) {
-					break;
-				}
-				if (d >= 0) {
-					p->alpha = smooth_left_pixel(p, d);
-				}
-			}
-		}
-		for (; xi < rect.width; ++xi, ++p) {
-			p->alpha = 0;
-		}
-	}
-	return 0;
+        int xi, yi;
+        int outer_xi;
+        double x, y, d;
+        double outer_x;
+        double center_x, center_y;
+
+        pd_rect_t rect;
+        pd_color_t *p;
+
+        radius_x -= 0.5;
+        radius_y -= 0.5;
+        center_x = flags->is_right ? bound_left : bound_left + radius_x;
+        center_y = flags->is_bottom ? bound_top : bound_top + radius_y;
+        pd_canvas_get_quote_rect(dst, &rect);
+        dst = pd_canvas_get_quote_source(dst);
+        if (!pd_canvas_is_valid(dst)) {
+                return -1;
+        }
+        for (yi = 0; yi < rect.height; ++yi) {
+                y = ToGeoY(yi, center_y);
+                x = flags->is_right
+                        ? ellipse_x(y_max(0, radius_x - 1),
+                                    y_max(0, radius_y - 1), y)
+                        : ellipse_x(radius_x + 1.0, radius_y + 1.0, y);
+                outer_xi =
+                    flags->is_right ? (int)(center_x + x) : (int)(center_x - x);
+                if (flags->is_right) {
+                        outer_xi = y_max(0, outer_xi);
+                        xi = outer_xi;
+                        p = pd_canvas_pixel_at(dst, rect.x + outer_xi,
+                                               rect.y + yi);
+                } else {
+                        outer_xi = y_max(0, y_min(outer_xi, rect.width));
+                        xi = 0;
+                        p = pd_canvas_pixel_at(dst, rect.x, rect.y + yi);
+                        for (; xi < outer_xi; ++xi, ++p) {
+                                p->alpha = 0;
+                        }
+                }
+                if (radius_x == radius_y) {
+                        for (; xi < rect.width; ++xi, ++p) {
+                                x = ToGeoX(xi, center_x);
+                                d = sqrt(x * x + y * y) - radius_x;
+                                if (d >= 1.0) {
+                                        if (flags->is_right) {
+                                                break;
+                                        }
+                                        p->alpha = 0;
+                                } else if (d >= 0) {
+                                        p->alpha = smooth_left_pixel(p, d);
+                                } else if (!flags->is_right) {
+                                        break;
+                                }
+                        }
+                } else {
+                        outer_x =
+                            ToGeoX(ellipse_x(radius_x, radius_y, y), center_x);
+                        for (; xi < rect.width; ++xi, ++p) {
+                                x = ToGeoX(xi, center_x);
+                                d = x - outer_x;
+                                if (d >= 1.0) {
+                                        if (flags->is_right) {
+                                                break;
+                                        }
+                                        p->alpha = 0;
+                                } else if (d >= 0) {
+                                        p->alpha = smooth_left_pixel(p, d);
+                                } else if (!flags->is_right) {
+                                        break;
+                                }
+                        }
+                }
+                if (flags->is_right) {
+                        for (; xi < rect.width; ++xi, ++p) {
+                                p->alpha = 0;
+                        }
+                }
+        }
+        return 0;
 }
 
 int pd_crop_border_content(pd_context_t *ctx, const pd_border_t *border,
-			   const pd_rect_t *box)
+                           const pd_rect_t *box)
 {
-	pd_canvas_t canvas;
-	pd_rect_t bound, rect;
-
-	int radius;
-	int bound_top, bound_left;
-
-	radius = border->top_left_radius;
-	bound.x = box->x + border->left.width;
-	bound.y = box->y + border->top.width;
-	bound.width = radius - border->left.width;
-	bound.height = radius - border->top.width;
-	if (bound.width > 0 && bound.height > 0 &&
-	    pd_rect_overlap(&bound, &ctx->rect, &rect)) {
-		bound_left = bound.x - rect.x;
-		bound_top = bound.y - rect.y;
-		rect.x -= ctx->rect.x;
-		rect.y -= ctx->rect.y;
-		pd_canvas_quote(&canvas, &ctx->canvas, &rect);
-		crop_content_top_left(&canvas, bound_left, bound_top,
-				      bound.width, bound.height);
-	}
-
-	radius = border->top_right_radius;
-	bound.x = box->x + box->width - radius;
-	bound.y = box->y + border->top.width;
-	bound.width = radius - border->right.width;
-	bound.height = radius - border->top.width;
-	if (bound.width > 0 && bound.height > 0 &&
-	    pd_rect_overlap(&bound, &ctx->rect, &rect)) {
-		bound_left = bound.x - rect.x;
-		bound_top = bound.y - rect.y;
-		rect.x -= ctx->rect.x;
-		rect.y -= ctx->rect.y;
-		pd_canvas_quote(&canvas, &ctx->canvas, &rect);
-		crop_content_top_right(&canvas, bound_left, bound_top,
-				       bound.width, bound.height);
-	}
-
-	radius = border->bottom_left_radius;
-	bound.x = box->x + border->left.width;
-	bound.y = box->y + box->height - radius;
-	bound.width = radius - border->left.width;
-	bound.height = radius - border->bottom.width;
-	if (bound.width > 0 && bound.height > 0 &&
-	    pd_rect_overlap(&bound, &ctx->rect, &rect)) {
-		bound_left = bound.x - rect.x;
-		bound_top = bound.y - rect.y;
-		rect.x -= ctx->rect.x;
-		rect.y -= ctx->rect.y;
-		pd_canvas_quote(&canvas, &ctx->canvas, &rect);
-		crop_content_bottom_left(&canvas, bound_left, bound_top,
-					 bound.width, bound.height);
-	}
-
-	radius = border->bottom_right_radius;
-	bound.x = box->x + box->width - radius;
-	bound.y = box->y + box->height - radius;
-	;
-	bound.width = radius - border->right.width;
-	bound.height = radius - border->bottom.width;
-	if (bound.width > 0 && bound.height > 0 &&
-	    pd_rect_overlap(&bound, &ctx->rect, &rect)) {
-		bound_left = bound.x - rect.x;
-		bound_top = bound.y - rect.y;
-		rect.x -= ctx->rect.x;
-		rect.y -= ctx->rect.y;
-		pd_canvas_quote(&canvas, &ctx->canvas, &rect);
-		crop_content_bottom_right(&canvas, bound_left, bound_top,
-					  bound.width, bound.height);
-	}
-	return 0;
+        pd_canvas_t canvas;
+        pd_rect_t bound, rect;
+        int bound_top, bound_left;
+        int i;
+        struct {
+                pd_corner_flags_t flags;
+                int x, y;
+                int width, height;
+        } corners[] = {
+                {
+                    .flags = { .is_right = 0, .is_bottom = 0 },
+                    .x = box->x + border->left.width,
+                    .y = box->y + border->top.width,
+                    .width = border->top_left_radius - border->left.width,
+                    .height = border->top_left_radius - border->top.width,
+                },
+                {
+                    .flags = { .is_right = 1, .is_bottom = 0 },
+                    .x = box->x + box->width - border->top_right_radius,
+                    .y = box->y + border->top.width,
+                    .width = border->top_right_radius - border->right.width,
+                    .height = border->top_right_radius - border->top.width,
+                },
+                {
+                    .flags = { .is_right = 0, .is_bottom = 1 },
+                    .x = box->x + border->left.width,
+                    .y = box->y + box->height - border->bottom_left_radius,
+                    .width = border->bottom_left_radius - border->left.width,
+                    .height = border->bottom_left_radius - border->bottom.width,
+                },
+                {
+                    .flags = { .is_right = 1, .is_bottom = 1 },
+                    .x = box->x + box->width - border->bottom_right_radius,
+                    .y = box->y + box->height - border->bottom_right_radius,
+                    .width = border->bottom_right_radius - border->right.width,
+                    .height =
+                        border->bottom_right_radius - border->bottom.width,
+                },
+        };
+
+        for (i = 0; i < 4; ++i) {
+                bound.x = corners[i].x;
+                bound.y = corners[i].y;
+                bound.width = corners[i].width;
+                bound.height = corners[i].height;
+                if (bound.width > 0 && bound.height > 0 &&
+                    pd_rect_overlap(&bound, &ctx->rect, &rect)) {
+                        bound_left = bound.x - rect.x;
+                        bound_top = bound.y - rect.y;
+                        rect.x -= ctx->rect.x;
+                        rect.y -= ctx->rect.y;
+                        pd_canvas_quote(&canvas, &ctx->canvas, &rect);
+                        crop_content_corner(&canvas, bound_left, bound_top,
+                                            bound.width, bound.height,
+                                            &corners[i].flags);
+                }
+        }
+        return 0;
 }
 
 int pd_paint_border(pd_context_t *ctx, const pd_border_t *border,
-		    const pd_rect_t *box)
+                    const pd_rect_t *box)
 {
-	pd_canvas_t canvas;
-	pd_rect_t bound, rect;
-
-	int bound_top, bound_left;
-	int tl_width = y_max(border->top_left_radius, border->left.width);
-	int tl_height = y_max(border->top_left_radius, border->top.width);
-	int tr_width = y_max(border->top_right_radius, border->right.width);
-	int tr_height = y_max(border->top_right_radius, border->top.width);
-	int bl_width = y_max(border->bottom_left_radius, border->left.width);
-	int bl_height = y_max(border->bottom_left_radius, border->bottom.width);
-	int br_width = y_max(border->bottom_right_radius, border->right.width);
-	int br_height =
-	    y_max(border->bottom_right_radius, border->bottom.width);
-
-	if (!pd_canvas_is_valid(&ctx->canvas)) {
-		return -1;
-	}
-	/* Draw border top left angle */
-	bound.x = box->x;
-	bound.y = box->y;
-	bound.width = tl_width;
-	bound.height = tl_height;
-	if (pd_rect_overlap(&bound, &ctx->rect, &rect)) {
-		bound_left = bound.x - rect.x;
-		bound_top = bound.y - rect.y;
-		rect.x -= ctx->rect.x;
-		rect.y -= ctx->rect.y;
-		pd_canvas_quote(&canvas, &ctx->canvas, &rect);
-		draw_border_top_left(&canvas, bound_left, bound_top,
-				     &border->top, &border->left,
-				     border->top_left_radius);
-	}
-	/* Draw border top right angle */
-	bound.y = box->y;
-	bound.width = tr_width;
-	bound.height = tr_height;
-	bound.x = box->x + box->width - bound.width;
-	if (pd_rect_overlap(&bound, &ctx->rect, &rect)) {
-		bound_left = bound.x - rect.x;
-		bound_top = bound.y - rect.y;
-		rect.x -= ctx->rect.x;
-		rect.y -= ctx->rect.y;
-		pd_canvas_quote(&canvas, &ctx->canvas, &rect);
-		draw_border_top_right(&canvas, bound_left, bound_top,
-				      &border->top, &border->right,
-				      border->top_right_radius);
-	}
-	/* Draw border bottom left angle */
-	bound.x = box->x;
-	bound.width = bl_width;
-	bound.height = bl_height;
-	bound.y = box->y + box->height - bound.height;
-	if (pd_rect_overlap(&bound, &ctx->rect, &rect)) {
-		bound_left = bound.x - rect.x;
-		bound_top = bound.y - rect.y;
-		rect.x -= ctx->rect.x;
-		rect.y -= ctx->rect.y;
-		pd_canvas_quote(&canvas, &ctx->canvas, &rect);
-		draw_border_bottom_left(&canvas, bound_left, bound_top,
-					&border->bottom, &border->left,
-					border->bottom_left_radius);
-	}
-	/* Draw border bottom right angle */
-	bound.width = br_width;
-	bound.height = br_height;
-	bound.x = box->x + box->width - bound.width;
-	bound.y = box->y + box->height - bound.height;
-	if (pd_rect_overlap(&bound, &ctx->rect, &rect)) {
-		bound_left = bound.x - rect.x;
-		bound_top = bound.y - rect.y;
-		rect.x -= ctx->rect.x;
-		rect.y -= ctx->rect.y;
-		pd_canvas_quote(&canvas, &ctx->canvas, &rect);
-		draw_border_bottom_right(&canvas, bound_left, bound_top,
-					 &border->bottom, &border->right,
-					 border->bottom_right_radius);
-	}
-	/* Draw top border line */
-	bound.x = box->x + tl_width;
-	bound.y = box->y;
-	bound.width = box->width - tl_width - tr_width;
-	bound.height = border->top.width;
-	if (pd_rect_overlap(&bound, &ctx->rect, &bound)) {
-		bound.x -= ctx->rect.x;
-		bound.y -= ctx->rect.y;
-		pd_canvas_quote(&canvas, &ctx->canvas, &bound);
-		pd_canvas_fill(&canvas, border->top.color);
-	}
-	/* Draw bottom border line */
-	bound.x = box->x + bl_width;
-	bound.y = box->y + box->height - border->bottom.width;
-	bound.width = box->width - bl_width - br_width;
-	bound.height = border->bottom.width;
-	if (pd_rect_overlap(&bound, &ctx->rect, &bound)) {
-		bound.x -= ctx->rect.x;
-		bound.y -= ctx->rect.y;
-		pd_canvas_quote(&canvas, &ctx->canvas, &bound);
-		pd_canvas_fill(&canvas, border->bottom.color);
-	}
-	/* Draw left border line */
-	bound.y = box->y + tl_height;
-	bound.x = box->x;
-	bound.width = border->left.width;
-	bound.height = box->height - tl_height - bl_height;
-	if (pd_rect_overlap(&bound, &ctx->rect, &bound)) {
-		bound.x -= ctx->rect.x;
-		bound.y -= ctx->rect.y;
-		pd_canvas_quote(&canvas, &ctx->canvas, &bound);
-		pd_canvas_fill(&canvas, border->left.color);
-	}
-	/* Draw right border line */
-	bound.x = box->x + box->width - border->right.width;
-	bound.y = box->y + tr_height;
-	bound.width = border->right.width;
-	bound.height = box->height - tr_height - br_height;
-	if (pd_rect_overlap(&bound, &ctx->rect, &bound)) {
-		bound.x -= ctx->rect.x;
-		bound.y -= ctx->rect.y;
-		pd_canvas_quote(&canvas, &ctx->canvas, &bound);
-		pd_canvas_fill(&canvas, border->right.color);
-	}
-	return 0;
+        pd_canvas_t canvas;
+        pd_rect_t bound, rect;
+        int bound_top, bound_left;
+        int i;
+        int tl_width = y_max(border->top_left_radius, border->left.width);
+        int tl_height = y_max(border->top_left_radius, border->top.width);
+        int tr_width = y_max(border->top_right_radius, border->right.width);
+        int tr_height = y_max(border->top_right_radius, border->top.width);
+        int bl_width = y_max(border->bottom_left_radius, border->left.width);
+        int bl_height = y_max(border->bottom_left_radius, border->bottom.width);
+        int br_width = y_max(border->bottom_right_radius, border->right.width);
+        int br_height =
+            y_max(border->bottom_right_radius, border->bottom.width);
+        struct {
+                pd_corner_flags_t flags;
+                int x, y;
+                int width, height;
+                const pd_border_line_t *xline;
+                const pd_border_line_t *yline;
+                unsigned int radius;
+        } corners[] = {
+                {
+                    .flags = { .is_right = 0, .is_bottom = 0 },
+                    .x = box->x,
+                    .y = box->y,
+                    .width = tl_width,
+                    .height = tl_height,
+                    .xline = &border->top,
+                    .yline = &border->left,
+                    .radius = border->top_left_radius,
+                },
+                {
+                    .flags = { .is_right = 1, .is_bottom = 0 },
+                    .x = box->x + box->width - tr_width,
+                    .y = box->y,
+                    .width = tr_width,
+                    .height = tr_height,
+                    .xline = &border->top,
+                    .yline = &border->right,
+                    .radius = border->top_right_radius,
+                },
+                {
+                    .flags = { .is_right = 0, .is_bottom = 1 },
+                    .x = box->x,
+                    .y = box->y + box->height - bl_height,
+                    .width = bl_width,
+                    .height = bl_height,
+                    .xline = &border->bottom,
+                    .yline = &border->left,
+                    .radius = border->bottom_left_radius,
+                },
+                {
+                    .flags = { .is_right = 1, .is_bottom = 1 },
+                    .x = box->x + box->width - br_width,
+                    .y = box->y + box->height - br_height,
+                    .width = br_width,
+                    .height = br_height,
+                    .xline = &border->bottom,
+                    .yline = &border->right,
+                    .radius = border->bottom_right_radius,
+                },
+        };
+
+        if (!pd_canvas_is_valid(&ctx->canvas)) {
+                return -1;
+        }
+        for (i = 0; i < 4; ++i) {
+                bound.x = corners[i].x;
+                bound.y = corners[i].y;
+                bound.width = corners[i].width;
+                bound.height = corners[i].height;
+                if (pd_rect_overlap(&bound, &ctx->rect, &rect)) {
+                        bound_left = bound.x - rect.x;
+                        bound_top = bound.y - rect.y;
+                        rect.x -= ctx->rect.x;
+                        rect.y -= ctx->rect.y;
+                        pd_canvas_quote(&canvas, &ctx->canvas, &rect);
+                        draw_border_corner(&canvas, bound_left, bound_top,
+                                           corners[i].xline, corners[i].yline,
+                                           corners[i].radius,
+                                           &corners[i].flags);
+                }
+        }
+        /* Draw top border line */
+        bound.x = box->x + tl_width;
+        bound.y = box->y;
+        bound.width = box->width - tl_width - tr_width;
+        bound.height = border->top.width;
+        if (pd_rect_overlap(&bound, &ctx->rect, &bound)) {
+                bound.x -= ctx->rect.x;
+                bound.y -= ctx->rect.y;
+                pd_canvas_quote(&canvas, &ctx->canvas, &bound);
+                pd_canvas_fill(&canvas, border->top.color);
+        }
+        /* Draw bottom border line */
+        bound.x = box->x + bl_width;
+        bound.y = box->y + box->height - border->bottom.width;
+        bound.width = box->width - bl_width - br_width;
+        bound.height = border->bottom.width;
+        if (pd_rect_overlap(&bound, &ctx->rect, &bound)) {
+                bound.x -= ctx->rect.x;
+                bound.y -= ctx->rect.y;
+                pd_canvas_quote(&canvas, &ctx->canvas, &bound);
+                pd_canvas_fill(&canvas, border->bottom.color);
+        }
+        /* Draw left border line */
+        bound.y = box->y + tl_height;
+        bound.x = box->x;
+        bound.width = border->left.width;
+        bound.height = box->height - tl_height - bl_height;
+        if (pd_rect_overlap(&bound, &ctx->rect, &bound)) {
+                bound.x -= ctx->rect.x;
+                bound.y -= ctx->rect.y;
+                pd_canvas_quote(&canvas, &ctx->canvas, &bound);
+                pd_canvas_fill(&canvas, border->left.color);
+        }
+        /* Draw right border line */
+        bound.x = box->x + box->width - border->right.width;
+        bound.y = box->y + tr_height;
+        bound.width = border->right.width;
+        bound.height = box->height - tr_height - br_height;
+        if (pd_rect_overlap(&bound, &ctx->rect, &bound)) {
+                bound.x -= ctx->rect.x;
+                bound.y -= ctx->rect.y;
+                pd_canvas_quote(&canvas, &ctx->canvas, &bound);
+                pd_canvas_fill(&canvas, border->right.color);
+        }
+        return 0;
 }
diff --git a/lib/pandagl/src/boxshadow.c b/lib/pandagl/src/boxshadow.c
index 26c11fa82..4bcd17206 100644
--- a/lib/pandagl/src/boxshadow.c
+++ b/lib/pandagl/src/boxshadow.c
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/src/boxshadow.c: -- Box shadow drawing
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 /**
@@ -21,8 +21,8 @@
 #define BLUR_N 1.5
 #define BLUR_WIDTH(sd) (int)(sd->blur * BLUR_N)
 #define FULL_SHADOW_WIDTH(CTX)                                    \
-	SHADOW_WIDTH((CTX)->shadow) + BLUR_WIDTH((CTX)->shadow) - \
-	    (CTX)->shadow->blur
+        SHADOW_WIDTH((CTX)->shadow) + BLUR_WIDTH((CTX)->shadow) - \
+            (CTX)->shadow->blur
 
 #define SHADOW_WIDTH(sd) (sd->blur + sd->spread)
 
@@ -30,7 +30,7 @@
 #define CIRCLE_R(R) (R - 0.5)
 
 /*  Convert screen Y coordinate to geometric Y coordinate */
-#define ToGeoY(Y, CENTER_Y) ((CENTER_Y)-Y)
+#define ToGeoY(Y, CENTER_Y) ((CENTER_Y) - Y)
 
 /*  Convert screen X coordinate to geometric X coordinate */
 #define ToGeoX(X, CENTER_X) (X - (CENTER_X))
@@ -39,598 +39,599 @@
 #define smooth_right_pixel(PX, X) (uint8_t)((PX)->a * (X - 1.0 * (int)X))
 
 typedef struct pd_boxshadow_context {
-	int max_radius;
-	const pd_boxshadow_t *shadow;
-	const pd_rect_t *box;
-	pd_rect_t shadow_box;
-	pd_rect_t content_box;
-	pd_context_t *paint;
+        int max_radius;
+        const pd_boxshadow_t *shadow;
+        const pd_rect_t *box;
+        pd_rect_t shadow_box;
+        pd_rect_t content_box;
+        pd_context_t *paint;
 } pd_boxshadow_context_t;
 
 typedef struct gradient {
-	int s;
-	double v;
-	double a;
+        int s;
+        double v;
+        double a;
 } gradient_t;
 
 /** 初始化渐变生成器 */
 static void gradient_init(gradient_t *g, double t)
 {
-	/**
-	 * s = vt - at²/2
-	 * a = 2x(vt - s)/t²
-	 */
-	g->s = 255;
-	g->v = 512.0f / t;
-	g->a = 2 * (g->v * t - g->s) / (t * t);
+        /**
+         * s = vt - at²/2
+         * a = 2x(vt - s)/t²
+         */
+        g->s = 255;
+        g->v = 512.0f / t;
+        g->a = 2 * (g->v * t - g->s) / (t * t);
 }
 
 /** 计算渐变后的值 */
 static uint8_t gradient_compute(gradient_t *g, double t, int val)
 {
-	val *= g->s - (int)(g->v * t - (g->a * t * t) / 2.0);
-	return (uint8_t)(val >> 8);
+        val *= g->s - (int)(g->v * t - (g->a * t * t) / 2.0);
+        return (uint8_t)(val >> 8);
 }
 
-PD_INLINE int get_boxshadow_width(const pd_boxshadow_t *shadow, int content_width)
+PD_INLINE int get_boxshadow_width(const pd_boxshadow_t *shadow,
+                                  int content_width)
 {
-	return content_width + SHADOW_WIDTH(shadow) * 2;
+        return content_width + SHADOW_WIDTH(shadow) * 2;
 }
 
 PD_INLINE int get_boxshadow_height(const pd_boxshadow_t *shadow,
-				int content_height)
+                                   int content_height)
 {
-	return content_height + SHADOW_WIDTH(shadow) * 2;
+        return content_height + SHADOW_WIDTH(shadow) * 2;
 }
 
 static int get_boxshadow_box_x(const pd_boxshadow_t *shadow)
 {
-	return shadow->x >= SHADOW_WIDTH(shadow)
-		   ? 0
-		   : SHADOW_WIDTH(shadow) - shadow->x;
+        return shadow->x >= SHADOW_WIDTH(shadow)
+                   ? 0
+                   : SHADOW_WIDTH(shadow) - shadow->x;
 }
 
 static int get_boxshadow_box_y(const pd_boxshadow_t *shadow)
 {
-	return shadow->y >= SHADOW_WIDTH(shadow)
-		   ? 0
-		   : SHADOW_WIDTH(shadow) - shadow->y;
+        return shadow->y >= SHADOW_WIDTH(shadow)
+                   ? 0
+                   : SHADOW_WIDTH(shadow) - shadow->y;
 }
 
 static int get_boxshadow_y(const pd_boxshadow_t *shadow)
 {
-	return shadow->y <= SHADOW_WIDTH(shadow)
-		   ? 0
-		   : shadow->y - SHADOW_WIDTH(shadow);
+        return shadow->y <= SHADOW_WIDTH(shadow)
+                   ? 0
+                   : shadow->y - SHADOW_WIDTH(shadow);
 }
 
 static int get_boxshadow_x(const pd_boxshadow_t *shadow)
 {
-	return shadow->x <= SHADOW_WIDTH(shadow)
-		   ? 0
-		   : shadow->x - SHADOW_WIDTH(shadow);
+        return shadow->x <= SHADOW_WIDTH(shadow)
+                   ? 0
+                   : shadow->x - SHADOW_WIDTH(shadow);
 }
 
 void pd_boxshadow_init(pd_boxshadow_t *shadow)
 {
-	shadow->color.value = 0;
-	shadow->blur = 0;
-	shadow->spread = 0;
-	shadow->x = 0;
-	shadow->y = 0;
+        shadow->color.value = 0;
+        shadow->blur = 0;
+        shadow->spread = 0;
+        shadow->x = 0;
+        shadow->y = 0;
 }
 
 void pd_get_boxshadow_canvas_rect(const pd_boxshadow_t *shadow,
-				  const pd_rect_t *content_rect,
-				  pd_rect_t *canvas_rect)
+                                  const pd_rect_t *content_rect,
+                                  pd_rect_t *canvas_rect)
 {
-	pd_rect_t shadow_rect;
-
-	shadow_rect.x = content_rect->x - SHADOW_WIDTH(shadow) + shadow->x;
-	shadow_rect.y = content_rect->y - SHADOW_WIDTH(shadow) + shadow->y;
-	shadow_rect.width = get_boxshadow_width(shadow, content_rect->width);
-	shadow_rect.height = get_boxshadow_height(shadow, content_rect->height);
-	canvas_rect->x = y_min(content_rect->x, shadow_rect.x);
-	canvas_rect->y = y_min(content_rect->y, shadow_rect.y);
-	canvas_rect->width = y_max(shadow_rect.x + shadow_rect.width,
-				   content_rect->x + content_rect->width) -
-			     canvas_rect->x;
-	canvas_rect->height = y_max(shadow_rect.y + shadow_rect.height,
-				    content_rect->y + content_rect->height) -
-			      canvas_rect->y;
+        pd_rect_t shadow_rect;
+
+        shadow_rect.x = content_rect->x - SHADOW_WIDTH(shadow) + shadow->x;
+        shadow_rect.y = content_rect->y - SHADOW_WIDTH(shadow) + shadow->y;
+        shadow_rect.width = get_boxshadow_width(shadow, content_rect->width);
+        shadow_rect.height = get_boxshadow_height(shadow, content_rect->height);
+        canvas_rect->x = y_min(content_rect->x, shadow_rect.x);
+        canvas_rect->y = y_min(content_rect->y, shadow_rect.y);
+        canvas_rect->width = y_max(shadow_rect.x + shadow_rect.width,
+                                   content_rect->x + content_rect->width) -
+                             canvas_rect->x;
+        canvas_rect->height = y_max(shadow_rect.y + shadow_rect.height,
+                                    content_rect->y + content_rect->height) -
+                              canvas_rect->y;
 }
 
 static bool pd_paint_boxshadow_left_blur(pd_boxshadow_context_t *ctx)
 {
-	int x, y;
-	int right;
-	gradient_t g;
-
-	pd_rect_t rect;
-	pd_rect_t paint_rect;
-	pd_canvas_t ref;
-	pd_canvas_t *canvas;
-	pd_color_t *p;
-	pd_color_t color = ctx->shadow->color;
-
-	rect.x = ctx->shadow_box.x;
-	rect.y = ctx->shadow_box.y;
-	rect.width = BLUR_WIDTH(ctx->shadow);
-	rect.height = ctx->shadow_box.height;
-	right = rect.x + rect.width;
-	gradient_init(&g, BLUR_WIDTH(ctx->shadow));
-	if (!pd_rect_overlap(&ctx->paint->rect, &rect, &rect)) {
-		return false;
-	}
-	right -= rect.x;
-	paint_rect.width = rect.width;
-	paint_rect.height = rect.height;
-	paint_rect.x = rect.x - ctx->paint->rect.x;
-	paint_rect.y = rect.y - ctx->paint->rect.y;
-	pd_canvas_quote(&ref, &ctx->paint->canvas, &paint_rect);
-	pd_canvas_get_quote_rect(&ref, &paint_rect);
-	canvas = pd_canvas_get_quote_source(&ref);
-	for (y = 0; y < paint_rect.height; ++y) {
-		p = pd_canvas_pixel_at(canvas, paint_rect.x, paint_rect.y + y);
-		for (x = 0; x < paint_rect.width; ++x, ++p) {
-			color.alpha = gradient_compute(&g, right - x,
-						       ctx->shadow->color.a);
-			*p = color;
-		}
-	}
-	return true;
+        int x, y;
+        int right;
+        gradient_t g;
+
+        pd_rect_t rect;
+        pd_rect_t paint_rect;
+        pd_canvas_t ref;
+        pd_canvas_t *canvas;
+        pd_color_t *p;
+        pd_color_t color = ctx->shadow->color;
+
+        rect.x = ctx->shadow_box.x;
+        rect.y = ctx->shadow_box.y;
+        rect.width = BLUR_WIDTH(ctx->shadow);
+        rect.height = ctx->shadow_box.height;
+        right = rect.x + rect.width;
+        gradient_init(&g, BLUR_WIDTH(ctx->shadow));
+        if (!pd_rect_overlap(&ctx->paint->rect, &rect, &rect)) {
+                return false;
+        }
+        right -= rect.x;
+        paint_rect.width = rect.width;
+        paint_rect.height = rect.height;
+        paint_rect.x = rect.x - ctx->paint->rect.x;
+        paint_rect.y = rect.y - ctx->paint->rect.y;
+        pd_canvas_quote(&ref, &ctx->paint->canvas, &paint_rect);
+        pd_canvas_get_quote_rect(&ref, &paint_rect);
+        canvas = pd_canvas_get_quote_source(&ref);
+        for (y = 0; y < paint_rect.height; ++y) {
+                p = pd_canvas_pixel_at(canvas, paint_rect.x, paint_rect.y + y);
+                for (x = 0; x < paint_rect.width; ++x, ++p) {
+                        color.alpha = gradient_compute(&g, right - x,
+                                                       ctx->shadow->color.a);
+                        *p = color;
+                }
+        }
+        return true;
 }
 
 static bool pd_paint_boxshadow_right_blur(pd_boxshadow_context_t *ctx)
 {
-	int x, y;
-	int left;
-	gradient_t g;
-
-	pd_rect_t rect;
-	pd_rect_t paint_rect;
-	pd_canvas_t ref;
-	pd_canvas_t *canvas;
-	pd_color_t *p;
-	pd_color_t color = ctx->shadow->color;
-
-	rect.width = BLUR_WIDTH(ctx->shadow);
-	rect.height = ctx->shadow_box.height;
-	rect.x = ctx->shadow_box.x + ctx->shadow_box.width - rect.width;
-	rect.y = ctx->shadow_box.y;
-	left = rect.x;
-	gradient_init(&g, BLUR_WIDTH(ctx->shadow));
-	if (!pd_rect_overlap(&ctx->paint->rect, &rect, &rect)) {
-		return false;
-	}
-	left -= rect.x + 1;
-	paint_rect.width = rect.width;
-	paint_rect.height = rect.height;
-	paint_rect.x = rect.x - ctx->paint->rect.x;
-	paint_rect.y = rect.y - ctx->paint->rect.y;
-	pd_canvas_quote(&ref, &ctx->paint->canvas, &paint_rect);
-	pd_canvas_get_quote_rect(&ref, &paint_rect);
-	canvas = pd_canvas_get_quote_source(&ref);
-	for (y = 0; y < paint_rect.height; ++y) {
-		p = pd_canvas_pixel_at(canvas, paint_rect.x, paint_rect.y + y);
-		for (x = 0; x < paint_rect.width; ++x, ++p) {
-			color.alpha = gradient_compute(&g, x - left,
-						       ctx->shadow->color.a);
-			*p = color;
-		}
-	}
-	return true;
+        int x, y;
+        int left;
+        gradient_t g;
+
+        pd_rect_t rect;
+        pd_rect_t paint_rect;
+        pd_canvas_t ref;
+        pd_canvas_t *canvas;
+        pd_color_t *p;
+        pd_color_t color = ctx->shadow->color;
+
+        rect.width = BLUR_WIDTH(ctx->shadow);
+        rect.height = ctx->shadow_box.height;
+        rect.x = ctx->shadow_box.x + ctx->shadow_box.width - rect.width;
+        rect.y = ctx->shadow_box.y;
+        left = rect.x;
+        gradient_init(&g, BLUR_WIDTH(ctx->shadow));
+        if (!pd_rect_overlap(&ctx->paint->rect, &rect, &rect)) {
+                return false;
+        }
+        left -= rect.x + 1;
+        paint_rect.width = rect.width;
+        paint_rect.height = rect.height;
+        paint_rect.x = rect.x - ctx->paint->rect.x;
+        paint_rect.y = rect.y - ctx->paint->rect.y;
+        pd_canvas_quote(&ref, &ctx->paint->canvas, &paint_rect);
+        pd_canvas_get_quote_rect(&ref, &paint_rect);
+        canvas = pd_canvas_get_quote_source(&ref);
+        for (y = 0; y < paint_rect.height; ++y) {
+                p = pd_canvas_pixel_at(canvas, paint_rect.x, paint_rect.y + y);
+                for (x = 0; x < paint_rect.width; ++x, ++p) {
+                        color.alpha = gradient_compute(&g, x - left,
+                                                       ctx->shadow->color.a);
+                        *p = color;
+                }
+        }
+        return true;
 }
 
 static bool pd_paint_boxshadow_top_blur(pd_boxshadow_context_t *ctx)
 {
-	int x, y;
-	int bottom;
-	gradient_t g;
-
-	pd_rect_t rect;
-	pd_rect_t paint_rect;
-	pd_canvas_t ref;
-	pd_canvas_t *canvas;
-	pd_color_t *p;
-	pd_color_t color = ctx->shadow->color;
-
-	rect.width = ctx->shadow_box.width;
-	rect.height = BLUR_WIDTH(ctx->shadow);
-	rect.x = ctx->shadow_box.x;
-	rect.y = ctx->shadow_box.y;
-	bottom = rect.y + rect.height;
-	gradient_init(&g, BLUR_WIDTH(ctx->shadow));
-	if (!pd_rect_overlap(&ctx->paint->rect, &rect, &rect)) {
-		return false;
-	}
-	bottom -= rect.y;
-	paint_rect.width = rect.width;
-	paint_rect.height = rect.height;
-	paint_rect.x = rect.x - ctx->paint->rect.x;
-	paint_rect.y = rect.y - ctx->paint->rect.y;
-	pd_canvas_quote(&ref, &ctx->paint->canvas, &paint_rect);
-	pd_canvas_get_quote_rect(&ref, &paint_rect);
-	canvas = pd_canvas_get_quote_source(&ref);
-	for (y = 0; y < paint_rect.height; ++y) {
-		p = pd_canvas_pixel_at(canvas, paint_rect.x, paint_rect.y + y);
-		color.alpha =
-		    gradient_compute(&g, bottom - y, ctx->shadow->color.a);
-		for (x = 0; x < paint_rect.width; ++x, ++p) {
-			*p = color;
-		}
-	}
-	return true;
+        int x, y;
+        int bottom;
+        gradient_t g;
+
+        pd_rect_t rect;
+        pd_rect_t paint_rect;
+        pd_canvas_t ref;
+        pd_canvas_t *canvas;
+        pd_color_t *p;
+        pd_color_t color = ctx->shadow->color;
+
+        rect.width = ctx->shadow_box.width;
+        rect.height = BLUR_WIDTH(ctx->shadow);
+        rect.x = ctx->shadow_box.x;
+        rect.y = ctx->shadow_box.y;
+        bottom = rect.y + rect.height;
+        gradient_init(&g, BLUR_WIDTH(ctx->shadow));
+        if (!pd_rect_overlap(&ctx->paint->rect, &rect, &rect)) {
+                return false;
+        }
+        bottom -= rect.y;
+        paint_rect.width = rect.width;
+        paint_rect.height = rect.height;
+        paint_rect.x = rect.x - ctx->paint->rect.x;
+        paint_rect.y = rect.y - ctx->paint->rect.y;
+        pd_canvas_quote(&ref, &ctx->paint->canvas, &paint_rect);
+        pd_canvas_get_quote_rect(&ref, &paint_rect);
+        canvas = pd_canvas_get_quote_source(&ref);
+        for (y = 0; y < paint_rect.height; ++y) {
+                p = pd_canvas_pixel_at(canvas, paint_rect.x, paint_rect.y + y);
+                color.alpha =
+                    gradient_compute(&g, bottom - y, ctx->shadow->color.a);
+                for (x = 0; x < paint_rect.width; ++x, ++p) {
+                        *p = color;
+                }
+        }
+        return true;
 }
 
 static bool pd_paint_boxshadow_bottom_blur(pd_boxshadow_context_t *ctx)
 {
-	int x, y;
-	int top;
-	gradient_t g;
-
-	pd_rect_t rect;
-	pd_rect_t paint_rect;
-	pd_canvas_t ref;
-	pd_canvas_t *canvas;
-	pd_color_t *p;
-	pd_color_t color = ctx->shadow->color;
-
-	rect.width = ctx->shadow_box.width;
-	rect.height = BLUR_WIDTH(ctx->shadow);
-	rect.x = ctx->shadow_box.x;
-	rect.y = ctx->shadow_box.y + ctx->shadow_box.height - rect.height;
-	top = rect.y;
-	gradient_init(&g, BLUR_WIDTH(ctx->shadow));
-	if (!pd_rect_overlap(&ctx->paint->rect, &rect, &rect)) {
-		return false;
-	}
-	top -= rect.y + 1;
-	paint_rect.width = rect.width;
-	paint_rect.height = rect.height;
-	paint_rect.x = rect.x - ctx->paint->rect.x;
-	paint_rect.y = rect.y - ctx->paint->rect.y;
-	pd_canvas_quote(&ref, &ctx->paint->canvas, &paint_rect);
-	pd_canvas_get_quote_rect(&ref, &paint_rect);
-	canvas = pd_canvas_get_quote_source(&ref);
-	for (y = 0; y < paint_rect.height; ++y) {
-		p = pd_canvas_pixel_at(canvas, paint_rect.x, paint_rect.y + y);
-		color.a = gradient_compute(&g, y - top, ctx->shadow->color.a);
-		for (x = 0; x < paint_rect.width; ++x, ++p) {
-			*p = color;
-		}
-	}
-	return true;
+        int x, y;
+        int top;
+        gradient_t g;
+
+        pd_rect_t rect;
+        pd_rect_t paint_rect;
+        pd_canvas_t ref;
+        pd_canvas_t *canvas;
+        pd_color_t *p;
+        pd_color_t color = ctx->shadow->color;
+
+        rect.width = ctx->shadow_box.width;
+        rect.height = BLUR_WIDTH(ctx->shadow);
+        rect.x = ctx->shadow_box.x;
+        rect.y = ctx->shadow_box.y + ctx->shadow_box.height - rect.height;
+        top = rect.y;
+        gradient_init(&g, BLUR_WIDTH(ctx->shadow));
+        if (!pd_rect_overlap(&ctx->paint->rect, &rect, &rect)) {
+                return false;
+        }
+        top -= rect.y + 1;
+        paint_rect.width = rect.width;
+        paint_rect.height = rect.height;
+        paint_rect.x = rect.x - ctx->paint->rect.x;
+        paint_rect.y = rect.y - ctx->paint->rect.y;
+        pd_canvas_quote(&ref, &ctx->paint->canvas, &paint_rect);
+        pd_canvas_get_quote_rect(&ref, &paint_rect);
+        canvas = pd_canvas_get_quote_source(&ref);
+        for (y = 0; y < paint_rect.height; ++y) {
+                p = pd_canvas_pixel_at(canvas, paint_rect.x, paint_rect.y + y);
+                color.a = gradient_compute(&g, y - top, ctx->shadow->color.a);
+                for (x = 0; x < paint_rect.width; ++x, ++p) {
+                        *p = color;
+                }
+        }
+        return true;
 }
 
 static bool pd_paint_boxshadow_circle_blur(pd_boxshadow_context_t *ctx,
-					      const pd_rect_t *circle_rect,
-					      double center_x, double center_y,
-					      int radius)
+                                           const pd_rect_t *circle_rect,
+                                           double center_x, double center_y,
+                                           int radius)
 {
-	double d;
-	double y2;
-	double r = y_max(0, CIRCLE_R(radius));
-	double outer_r2 = POW2(r);
-	double inner_r = y_max(0, r - BLUR_WIDTH(ctx->shadow));
-	double inner_smooth_r2 = POW2(inner_r + 1.0);
-
-	int x, y;
-	unsigned char a = ctx->shadow->color.alpha;
-
-	gradient_t g;
-
-	pd_rect_t rect;
-	pd_canvas_t ref;
-	pd_color_t color;
-	pd_canvas_t *canvas;
-	pd_color_t *p;
-
-	if (!pd_rect_overlap(&ctx->paint->rect, circle_rect, &rect)) {
-		return false;
-	}
-	color = ctx->shadow->color;
-	center_x = center_x + circle_rect->x - rect.x - 0.5;
-	center_y = center_y + circle_rect->y - rect.y - 0.5;
-	rect.x -= ctx->paint->rect.x;
-	rect.y -= ctx->paint->rect.y;
-	pd_canvas_quote(&ref, &ctx->paint->canvas, &rect);
-	pd_canvas_get_quote_rect(&ref, &rect);
-	canvas = pd_canvas_get_quote_source(&ref);
-	gradient_init(&g, BLUR_WIDTH(ctx->shadow));
-	for (y = 0; y < rect.height; ++y) {
-		y2 = POW2(ToGeoY(y, center_y));
-		p = pd_canvas_pixel_at(canvas, rect.x, rect.y + y);
-		for (x = 0; x < rect.width; ++x, ++p) {
-			d = y2 + POW2(ToGeoX(x, center_x));
-			if (r - inner_r < 0.1) {
-				if (d >= inner_smooth_r2) {
-					p->alpha = 0;
-					continue;
-				}
-				color.a = a;
-				d = sqrt(d) - inner_r;
-				if (d > 0) {
-					color.a = smooth_left_pixel(&color, d);
-				}
-				*p = color;
-				continue;
-			}
-			if (d >= outer_r2) {
-				p->alpha = 0;
-				continue;
-			}
-			d = sqrt(d) - inner_r;
-			if (d < 0) {
-				color.a = a;
-				*p = color;
-				continue;
-			}
-			color.a = gradient_compute(&g, d, a);
-			*p = color;
-		}
-	}
-	return true;
+        double d;
+        double y2;
+        double r = y_max(0, CIRCLE_R(radius));
+        double outer_r2 = POW2(r);
+        double inner_r = y_max(0, r - BLUR_WIDTH(ctx->shadow));
+        double inner_smooth_r2 = POW2(inner_r + 1.0);
+
+        int x, y;
+        unsigned char a = ctx->shadow->color.alpha;
+
+        gradient_t g;
+
+        pd_rect_t rect;
+        pd_canvas_t ref;
+        pd_color_t color;
+        pd_canvas_t *canvas;
+        pd_color_t *p;
+
+        if (!pd_rect_overlap(&ctx->paint->rect, circle_rect, &rect)) {
+                return false;
+        }
+        color = ctx->shadow->color;
+        center_x = center_x + circle_rect->x - rect.x - 0.5;
+        center_y = center_y + circle_rect->y - rect.y - 0.5;
+        rect.x -= ctx->paint->rect.x;
+        rect.y -= ctx->paint->rect.y;
+        pd_canvas_quote(&ref, &ctx->paint->canvas, &rect);
+        pd_canvas_get_quote_rect(&ref, &rect);
+        canvas = pd_canvas_get_quote_source(&ref);
+        gradient_init(&g, BLUR_WIDTH(ctx->shadow));
+        for (y = 0; y < rect.height; ++y) {
+                y2 = POW2(ToGeoY(y, center_y));
+                p = pd_canvas_pixel_at(canvas, rect.x, rect.y + y);
+                for (x = 0; x < rect.width; ++x, ++p) {
+                        d = y2 + POW2(ToGeoX(x, center_x));
+                        if (r - inner_r < 0.1) {
+                                if (d >= inner_smooth_r2) {
+                                        p->alpha = 0;
+                                        continue;
+                                }
+                                color.a = a;
+                                d = sqrt(d) - inner_r;
+                                if (d > 0) {
+                                        color.a = smooth_left_pixel(&color, d);
+                                }
+                                *p = color;
+                                continue;
+                        }
+                        if (d >= outer_r2) {
+                                p->alpha = 0;
+                                continue;
+                        }
+                        d = sqrt(d) - inner_r;
+                        if (d < 0) {
+                                color.a = a;
+                                *p = color;
+                                continue;
+                        }
+                        color.a = gradient_compute(&g, d, a);
+                        *p = color;
+                }
+        }
+        return true;
 }
 
 static bool pd_paint_boxshadow_top_left_blur(pd_boxshadow_context_t *ctx)
 {
-	int radius;
-	pd_rect_t rect;
-
-	radius = FULL_SHADOW_WIDTH(ctx) + ctx->shadow->top_left_radius;
-	radius = y_min(ctx->max_radius, radius);
-	rect.width = radius;
-	rect.height = rect.width;
-	rect.x = ctx->shadow_box.x;
-	rect.y = ctx->shadow_box.y;
-	return pd_paint_boxshadow_circle_blur(ctx, &rect, rect.width,
-					      rect.height, radius);
+        int radius;
+        pd_rect_t rect;
+
+        radius = FULL_SHADOW_WIDTH(ctx) + ctx->shadow->top_left_radius;
+        radius = y_min(ctx->max_radius, radius);
+        rect.width = radius;
+        rect.height = rect.width;
+        rect.x = ctx->shadow_box.x;
+        rect.y = ctx->shadow_box.y;
+        return pd_paint_boxshadow_circle_blur(ctx, &rect, rect.width,
+                                              rect.height, radius);
 }
 
 static bool pd_paint_boxshadow_top_right_blur(pd_boxshadow_context_t *ctx)
 {
-	int radius;
-	pd_rect_t rect;
-
-	radius = FULL_SHADOW_WIDTH(ctx) + ctx->shadow->top_right_radius;
-	radius = y_min(ctx->max_radius, radius);
-	rect.width = radius;
-	rect.height = rect.width;
-	rect.x = ctx->shadow_box.x + ctx->shadow_box.width - rect.width;
-	rect.y = ctx->shadow_box.y;
-	return pd_paint_boxshadow_circle_blur(ctx, &rect, 0, rect.height,
-					      radius);
+        int radius;
+        pd_rect_t rect;
+
+        radius = FULL_SHADOW_WIDTH(ctx) + ctx->shadow->top_right_radius;
+        radius = y_min(ctx->max_radius, radius);
+        rect.width = radius;
+        rect.height = rect.width;
+        rect.x = ctx->shadow_box.x + ctx->shadow_box.width - rect.width;
+        rect.y = ctx->shadow_box.y;
+        return pd_paint_boxshadow_circle_blur(ctx, &rect, 0, rect.height,
+                                              radius);
 }
 
 static bool pd_paint_boxshadow_bottom_left_blur(pd_boxshadow_context_t *ctx)
 {
-	int radius;
-	pd_rect_t rect;
-
-	radius = FULL_SHADOW_WIDTH(ctx) + ctx->shadow->bottom_left_radius;
-	radius = y_min(ctx->max_radius, radius);
-	rect.width = radius;
-	rect.height = rect.width;
-	rect.x = ctx->shadow_box.x;
-	rect.y = ctx->shadow_box.y + ctx->shadow_box.height - rect.height;
-	return pd_paint_boxshadow_circle_blur(ctx, &rect, rect.width, 0,
-					      radius);
+        int radius;
+        pd_rect_t rect;
+
+        radius = FULL_SHADOW_WIDTH(ctx) + ctx->shadow->bottom_left_radius;
+        radius = y_min(ctx->max_radius, radius);
+        rect.width = radius;
+        rect.height = rect.width;
+        rect.x = ctx->shadow_box.x;
+        rect.y = ctx->shadow_box.y + ctx->shadow_box.height - rect.height;
+        return pd_paint_boxshadow_circle_blur(ctx, &rect, rect.width, 0,
+                                              radius);
 }
 
 static bool pd_paint_boxshadow_bottom_right_blur(pd_boxshadow_context_t *ctx)
 {
-	int radius;
-	pd_rect_t rect;
-
-	radius = FULL_SHADOW_WIDTH(ctx) + ctx->shadow->bottom_right_radius;
-	radius = y_min(ctx->max_radius, radius);
-	rect.width = radius;
-	rect.height = rect.width;
-	rect.x = ctx->shadow_box.x + ctx->shadow_box.width - rect.width;
-	rect.y = ctx->shadow_box.y + ctx->shadow_box.height - rect.height;
-	return pd_paint_boxshadow_circle_blur(ctx, &rect, 0, 0, radius);
+        int radius;
+        pd_rect_t rect;
+
+        radius = FULL_SHADOW_WIDTH(ctx) + ctx->shadow->bottom_right_radius;
+        radius = y_min(ctx->max_radius, radius);
+        rect.width = radius;
+        rect.height = rect.width;
+        rect.x = ctx->shadow_box.x + ctx->shadow_box.width - rect.width;
+        rect.y = ctx->shadow_box.y + ctx->shadow_box.height - rect.height;
+        return pd_paint_boxshadow_circle_blur(ctx, &rect, 0, 0, radius);
 }
 
 static int clear_pixels_of_circle(pd_canvas_t *canvas, double center_x,
-				  double center_y, int radius)
+                                  double center_y, int radius)
 {
-	double r = CIRCLE_R(radius);
-	double outer_r2 = POW2(r + 1.0);
-	double d;
-	double y2;
-
-	int xi, yi;
-
-	pd_rect_t rect;
-	pd_color_t *p;
-
-	pd_canvas_get_quote_rect(canvas, &rect);
-	canvas = pd_canvas_get_quote_source(canvas);
-	if (!pd_canvas_is_valid(canvas)) {
-		return -1;
-	}
-	center_x -= 0.5;
-	center_y -= 0.5;
-	for (yi = 0; yi < rect.height; ++yi) {
-		y2 = POW2(ToGeoY(yi, center_y));
-		p = pd_canvas_pixel_at(canvas, rect.x, rect.y + yi);
-		for (xi = 0; xi < rect.width; ++xi, ++p) {
-			d = y2 + POW2(ToGeoX(xi, center_x));
-			if (d >= outer_r2) {
-				continue;
-			}
-			d = sqrt(d) - r;
-			if (d <= 0) {
-				p->alpha = 0;
-			} else {
-				p->alpha = smooth_right_pixel(p, d);
-			}
-		}
-	}
-	return 0;
+        double r = CIRCLE_R(radius);
+        double outer_r2 = POW2(r + 1.0);
+        double d;
+        double y2;
+
+        int xi, yi;
+
+        pd_rect_t rect;
+        pd_color_t *p;
+
+        pd_canvas_get_quote_rect(canvas, &rect);
+        canvas = pd_canvas_get_quote_source(canvas);
+        if (!pd_canvas_is_valid(canvas)) {
+                return -1;
+        }
+        center_x -= 0.5;
+        center_y -= 0.5;
+        for (yi = 0; yi < rect.height; ++yi) {
+                y2 = POW2(ToGeoY(yi, center_y));
+                p = pd_canvas_pixel_at(canvas, rect.x, rect.y + yi);
+                for (xi = 0; xi < rect.width; ++xi, ++p) {
+                        d = y2 + POW2(ToGeoX(xi, center_x));
+                        if (d >= outer_r2) {
+                                continue;
+                        }
+                        d = sqrt(d) - r;
+                        if (d <= 0) {
+                                p->alpha = 0;
+                        } else {
+                                p->alpha = smooth_right_pixel(p, d);
+                        }
+                }
+        }
+        return 0;
 }
 
 static void pd_fill_boxshadow_rect(pd_boxshadow_context_t *ctx)
 {
-	pd_rect_t rect;
-
-	rect = ctx->shadow_box;
-	if (pd_rect_overlap(&rect, &ctx->paint->rect, &rect)) {
-		rect.x -= ctx->paint->rect.x;
-		rect.y -= ctx->paint->rect.y;
-		pd_canvas_fill_rect(&ctx->paint->canvas, ctx->shadow->color,
-				    rect);
-	}
+        pd_rect_t rect;
+
+        rect = ctx->shadow_box;
+        if (pd_rect_overlap(&rect, &ctx->paint->rect, &rect)) {
+                rect.x -= ctx->paint->rect.x;
+                rect.y -= ctx->paint->rect.y;
+                pd_canvas_fill_rect(&ctx->paint->canvas, ctx->shadow->color,
+                                    rect);
+        }
 }
 
 static void pd_clear_boxshadow_content_rect(pd_boxshadow_context_t *ctx)
 {
-	int r;
-	double center_x, center_y;
-
-	pd_rect_t rect;
-	pd_rect_t bound;
-	pd_canvas_t canvas;
-	list_t rects;
-	list_node_t *node;
-
-	/* Initialize a queue for recording the area after the split content
-	 * area */
-	list_create(&rects);
-	pd_rects_add(&rects, &ctx->content_box);
-
-	r = ctx->shadow->top_left_radius;
-	bound.x = ctx->content_box.x;
-	bound.y = ctx->content_box.y;
-	bound.width = r;
-	bound.height = r;
-	/* Delete the top left corner of the content area */
-	pd_rects_remove(&rects, &bound);
-	if (pd_rect_overlap(&ctx->paint->rect, &bound, &rect)) {
-		center_x = bound.x - rect.x + r;
-		center_y = bound.y - rect.y + r;
-		rect.x -= ctx->paint->rect.x;
-		rect.y -= ctx->paint->rect.y;
-		pd_canvas_quote(&canvas, &ctx->paint->canvas, &rect);
-		clear_pixels_of_circle(&canvas, center_x, center_y, r);
-	}
-
-	r = ctx->shadow->top_right_radius;
-	bound.x = ctx->content_box.x + ctx->content_box.width - r;
-	bound.y = ctx->content_box.y;
-	bound.width = r;
-	bound.height = r;
-	/* Delete the top right corner of the content area */
-	pd_rects_remove(&rects, &bound);
-	if (pd_rect_overlap(&ctx->paint->rect, &bound, &rect)) {
-		center_x = bound.x - rect.x;
-		center_y = bound.y - rect.y + r;
-		rect.x -= ctx->paint->rect.x;
-		rect.y -= ctx->paint->rect.y;
-		pd_canvas_quote(&canvas, &ctx->paint->canvas, &rect);
-		clear_pixels_of_circle(&canvas, center_x, center_y, r);
-	}
-
-	r = ctx->shadow->bottom_left_radius;
-	bound.x = ctx->content_box.x;
-	bound.y = ctx->content_box.y + ctx->content_box.height - r;
-	bound.width = r;
-	bound.height = r;
-	/* Delete the bottom left corner of the content area */
-	pd_rects_remove(&rects, &bound);
-	if (pd_rect_overlap(&ctx->paint->rect, &bound, &rect)) {
-		center_x = bound.x - rect.x + r;
-		center_y = bound.y - rect.y;
-		rect.x -= ctx->paint->rect.x;
-		rect.y -= ctx->paint->rect.y;
-		pd_canvas_quote(&canvas, &ctx->paint->canvas, &rect);
-		clear_pixels_of_circle(&canvas, center_x, center_y, r);
-	}
-
-	r = ctx->shadow->bottom_right_radius;
-	bound.x = ctx->content_box.x + ctx->content_box.width - r;
-	bound.y = ctx->content_box.y + ctx->content_box.height - r;
-	bound.width = r;
-	bound.height = r;
-	/* Delete the bottom right corner of the content area */
-	pd_rects_remove(&rects, &bound);
-	if (pd_rect_overlap(&ctx->paint->rect, &bound, &rect)) {
-		center_x = bound.x - rect.x;
-		center_y = bound.y - rect.y;
-		rect.x -= ctx->paint->rect.x;
-		rect.y -= ctx->paint->rect.y;
-		pd_canvas_quote(&canvas, &ctx->paint->canvas, &rect);
-		clear_pixels_of_circle(&canvas, center_x, center_y, r);
-	}
-
-	/* Clear pixels in the remaining areas of the content area */
-	for (list_each(node, &rects)) {
-		if (pd_rect_overlap(&ctx->paint->rect, node->data, &rect)) {
-			rect.x -= ctx->paint->rect.x;
-			rect.y -= ctx->paint->rect.y;
-			pd_canvas_fill_rect(&ctx->paint->canvas,
-					    pd_argb(0, 0, 0, 0), rect);
-		}
-	}
-	pd_rects_clear(&rects);
+        int r;
+        double center_x, center_y;
+
+        pd_rect_t rect;
+        pd_rect_t bound;
+        pd_canvas_t canvas;
+        list_t rects;
+        list_node_t *node;
+
+        /* Initialize a queue for recording the area after the split content
+         * area */
+        list_create(&rects);
+        pd_rects_add(&rects, &ctx->content_box);
+
+        r = ctx->shadow->top_left_radius;
+        bound.x = ctx->content_box.x;
+        bound.y = ctx->content_box.y;
+        bound.width = r;
+        bound.height = r;
+        /* Delete the top left corner of the content area */
+        pd_rects_remove(&rects, &bound);
+        if (pd_rect_overlap(&ctx->paint->rect, &bound, &rect)) {
+                center_x = bound.x - rect.x + r;
+                center_y = bound.y - rect.y + r;
+                rect.x -= ctx->paint->rect.x;
+                rect.y -= ctx->paint->rect.y;
+                pd_canvas_quote(&canvas, &ctx->paint->canvas, &rect);
+                clear_pixels_of_circle(&canvas, center_x, center_y, r);
+        }
+
+        r = ctx->shadow->top_right_radius;
+        bound.x = ctx->content_box.x + ctx->content_box.width - r;
+        bound.y = ctx->content_box.y;
+        bound.width = r;
+        bound.height = r;
+        /* Delete the top right corner of the content area */
+        pd_rects_remove(&rects, &bound);
+        if (pd_rect_overlap(&ctx->paint->rect, &bound, &rect)) {
+                center_x = bound.x - rect.x;
+                center_y = bound.y - rect.y + r;
+                rect.x -= ctx->paint->rect.x;
+                rect.y -= ctx->paint->rect.y;
+                pd_canvas_quote(&canvas, &ctx->paint->canvas, &rect);
+                clear_pixels_of_circle(&canvas, center_x, center_y, r);
+        }
+
+        r = ctx->shadow->bottom_left_radius;
+        bound.x = ctx->content_box.x;
+        bound.y = ctx->content_box.y + ctx->content_box.height - r;
+        bound.width = r;
+        bound.height = r;
+        /* Delete the bottom left corner of the content area */
+        pd_rects_remove(&rects, &bound);
+        if (pd_rect_overlap(&ctx->paint->rect, &bound, &rect)) {
+                center_x = bound.x - rect.x + r;
+                center_y = bound.y - rect.y;
+                rect.x -= ctx->paint->rect.x;
+                rect.y -= ctx->paint->rect.y;
+                pd_canvas_quote(&canvas, &ctx->paint->canvas, &rect);
+                clear_pixels_of_circle(&canvas, center_x, center_y, r);
+        }
+
+        r = ctx->shadow->bottom_right_radius;
+        bound.x = ctx->content_box.x + ctx->content_box.width - r;
+        bound.y = ctx->content_box.y + ctx->content_box.height - r;
+        bound.width = r;
+        bound.height = r;
+        /* Delete the bottom right corner of the content area */
+        pd_rects_remove(&rects, &bound);
+        if (pd_rect_overlap(&ctx->paint->rect, &bound, &rect)) {
+                center_x = bound.x - rect.x;
+                center_y = bound.y - rect.y;
+                rect.x -= ctx->paint->rect.x;
+                rect.y -= ctx->paint->rect.y;
+                pd_canvas_quote(&canvas, &ctx->paint->canvas, &rect);
+                clear_pixels_of_circle(&canvas, center_x, center_y, r);
+        }
+
+        /* Clear pixels in the remaining areas of the content area */
+        for (list_each(node, &rects)) {
+                if (pd_rect_overlap(&ctx->paint->rect, node->data, &rect)) {
+                        rect.x -= ctx->paint->rect.x;
+                        rect.y -= ctx->paint->rect.y;
+                        pd_canvas_fill_rect(&ctx->paint->canvas,
+                                            pd_argb(0, 0, 0, 0), rect);
+                }
+        }
+        pd_rects_clear(&rects);
 }
 
 int pd_paint_boxshadow(pd_context_t *ctx, const pd_boxshadow_t *shadow,
-		       const pd_rect_t *box, int content_width,
-		       int content_height)
+                       const pd_rect_t *box, int content_width,
+                       int content_height)
 {
-	pd_context_t tmp;
-	pd_boxshadow_context_t sd_ctx;
-
-	/* 判断容器尺寸是否低于阴影占用的最小尺寸 */
-	if (box->width < get_boxshadow_width(shadow, 0) ||
-	    box->height < get_boxshadow_height(shadow, 0)) {
-		return -1;
-	}
-	if (SHADOW_WIDTH(shadow) == 0 && shadow->x == 0 && shadow->y == 0) {
-		return 0;
-	}
-
-	/* Initialize a rendering context for render shadow */
-	sd_ctx.box = box;
-	sd_ctx.shadow = shadow;
-	sd_ctx.max_radius =
-	    y_min(content_width, content_height) / 2 + SHADOW_WIDTH(shadow);
-	sd_ctx.shadow_box.x = get_boxshadow_x(shadow);
-	sd_ctx.shadow_box.y = get_boxshadow_y(shadow);
-	sd_ctx.shadow_box.width = get_boxshadow_width(shadow, content_width);
-	sd_ctx.shadow_box.height = get_boxshadow_width(shadow, content_height);
-	sd_ctx.content_box.x = get_boxshadow_box_x(shadow);
-	sd_ctx.content_box.y = get_boxshadow_box_y(shadow);
-	sd_ctx.content_box.width = content_width;
-	sd_ctx.content_box.height = content_height;
-
-	/* Create a paint context for render shadow */
-	sd_ctx.paint = &tmp;
-	pd_canvas_init(&tmp.canvas);
-	tmp.rect = ctx->rect;
-	tmp.with_alpha = true;
-	tmp.canvas.color_type = PD_COLOR_TYPE_ARGB;
-	pd_canvas_create(&sd_ctx.paint->canvas, ctx->rect.width,
-			 ctx->rect.height);
-
-	/* Render box shadow */
-	pd_fill_boxshadow_rect(&sd_ctx);
-	pd_paint_boxshadow_left_blur(&sd_ctx);
-	pd_paint_boxshadow_right_blur(&sd_ctx);
-	pd_paint_boxshadow_top_blur(&sd_ctx);
-	pd_paint_boxshadow_bottom_blur(&sd_ctx);
-	pd_paint_boxshadow_top_left_blur(&sd_ctx);
-	pd_paint_boxshadow_top_right_blur(&sd_ctx);
-	pd_paint_boxshadow_bottom_left_blur(&sd_ctx);
-	pd_paint_boxshadow_bottom_right_blur(&sd_ctx);
-	/* Clear pixels that overlap the content area */
-	pd_clear_boxshadow_content_rect(&sd_ctx);
-
-	/* Render the rendered shadow bitmap to the canvas */
-	pd_canvas_mix(&ctx->canvas, &sd_ctx.paint->canvas, 0, 0,
-		      ctx->with_alpha);
-	pd_canvas_destroy(&sd_ctx.paint->canvas);
-	return 0;
+        pd_context_t tmp;
+        pd_boxshadow_context_t sd_ctx;
+
+        /* 判断容器尺寸是否低于阴影占用的最小尺寸 */
+        if (box->width < get_boxshadow_width(shadow, 0) ||
+            box->height < get_boxshadow_height(shadow, 0)) {
+                return -1;
+        }
+        if (SHADOW_WIDTH(shadow) == 0 && shadow->x == 0 && shadow->y == 0) {
+                return 0;
+        }
+
+        /* Initialize a rendering context for render shadow */
+        sd_ctx.box = box;
+        sd_ctx.shadow = shadow;
+        sd_ctx.max_radius =
+            y_min(content_width, content_height) / 2 + SHADOW_WIDTH(shadow);
+        sd_ctx.shadow_box.x = get_boxshadow_x(shadow);
+        sd_ctx.shadow_box.y = get_boxshadow_y(shadow);
+        sd_ctx.shadow_box.width = get_boxshadow_width(shadow, content_width);
+        sd_ctx.shadow_box.height = get_boxshadow_width(shadow, content_height);
+        sd_ctx.content_box.x = get_boxshadow_box_x(shadow);
+        sd_ctx.content_box.y = get_boxshadow_box_y(shadow);
+        sd_ctx.content_box.width = content_width;
+        sd_ctx.content_box.height = content_height;
+
+        /* Create a paint context for render shadow */
+        sd_ctx.paint = &tmp;
+        pd_canvas_init(&tmp.canvas);
+        tmp.rect = ctx->rect;
+        tmp.with_alpha = true;
+        tmp.canvas.color_type = PD_COLOR_TYPE_ARGB;
+        pd_canvas_create(&sd_ctx.paint->canvas, ctx->rect.width,
+                         ctx->rect.height);
+
+        /* Render box shadow */
+        pd_fill_boxshadow_rect(&sd_ctx);
+        pd_paint_boxshadow_left_blur(&sd_ctx);
+        pd_paint_boxshadow_right_blur(&sd_ctx);
+        pd_paint_boxshadow_top_blur(&sd_ctx);
+        pd_paint_boxshadow_bottom_blur(&sd_ctx);
+        pd_paint_boxshadow_top_left_blur(&sd_ctx);
+        pd_paint_boxshadow_top_right_blur(&sd_ctx);
+        pd_paint_boxshadow_bottom_left_blur(&sd_ctx);
+        pd_paint_boxshadow_bottom_right_blur(&sd_ctx);
+        /* Clear pixels that overlap the content area */
+        pd_clear_boxshadow_content_rect(&sd_ctx);
+
+        /* Render the rendered shadow bitmap to the canvas */
+        pd_canvas_mix(&ctx->canvas, &sd_ctx.paint->canvas, 0, 0,
+                      ctx->with_alpha);
+        pd_canvas_destroy(&sd_ctx.paint->canvas);
+        return 0;
 }
diff --git a/lib/pandagl/src/canvas.c b/lib/pandagl/src/canvas.c
index 374f1e78f..a4f927479 100644
--- a/lib/pandagl/src/canvas.c
+++ b/lib/pandagl/src/canvas.c
@@ -1,283 +1,283 @@
 /*
  * lib/pandagl/src/canvas.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <pandagl.h>
 
 void pd_canvas_init(pd_canvas_t *canvas)
 {
-	canvas->quote.is_valid = false;
-	canvas->quote.source = NULL;
-	canvas->quote.top = 0;
-	canvas->quote.left = 0;
-	canvas->color_type = PD_COLOR_TYPE_RGB;
-	canvas->bytes = NULL;
-	canvas->opacity = 1.0;
-	canvas->mem_size = 0;
-	canvas->width = 0;
-	canvas->height = 0;
-	canvas->bytes_per_pixel = 3;
-	canvas->bytes_per_row = 0;
+        canvas->quote.is_valid = false;
+        canvas->quote.source = NULL;
+        canvas->quote.top = 0;
+        canvas->quote.left = 0;
+        canvas->color_type = PD_COLOR_TYPE_RGB;
+        canvas->bytes = NULL;
+        canvas->opacity = 1.0;
+        canvas->mem_size = 0;
+        canvas->width = 0;
+        canvas->height = 0;
+        canvas->bytes_per_pixel = 3;
+        canvas->bytes_per_row = 0;
 }
 
 bool pd_canvas_is_valid(const pd_canvas_t *canvas)
 {
-	if (!canvas) {
-		return false;
-	}
-	if (canvas->quote.is_valid) {
-		return canvas->quote.source &&
-		       canvas->quote.source->width > 0 &&
-		       canvas->quote.source->height > 0;
-	}
-	return canvas->bytes && canvas->height > 0 && canvas->width > 0;
+        if (!canvas) {
+                return false;
+        }
+        if (canvas->quote.is_valid) {
+                return canvas->quote.source &&
+                       canvas->quote.source->width > 0 &&
+                       canvas->quote.source->height > 0;
+        }
+        return canvas->bytes && canvas->height > 0 && canvas->width > 0;
 }
 
 int pd_canvas_quote(pd_canvas_t *self, pd_canvas_t *source,
-		    const pd_rect_t *rect)
+                    const pd_rect_t *rect)
 {
-	pd_rect_t quote_rect;
-	if (!rect) {
-		quote_rect.x = 0;
-		quote_rect.y = 0;
-		quote_rect.width = source->width;
-		quote_rect.height = source->height;
-	} else {
-		quote_rect = *rect;
-	}
-	pd_rect_correct(&quote_rect, source->width, source->height);
-	/* 如果引用源本身已经引用了另一个源 */
-	if (source->quote.is_valid) {
-		quote_rect.x += source->quote.left;
-		quote_rect.y += source->quote.top;
-		source = source->quote.source;
-	}
-	if (quote_rect.width <= 0 || quote_rect.height <= 0) {
-		self->width = 0;
-		self->height = 0;
-		self->opacity = 1.0;
-		self->quote.left = 0;
-		self->quote.top = 0;
-		self->bytes = NULL;
-		self->quote.source = NULL;
-		self->quote.is_valid = false;
-		return -1;
-	}
-	self->opacity = 1.0;
-	self->bytes = NULL;
-	self->mem_size = 0;
-	self->width = quote_rect.width;
-	self->height = quote_rect.height;
-	self->color_type = source->color_type;
-	self->bytes_per_pixel = source->bytes_per_pixel;
-	self->bytes_per_row = source->bytes_per_row;
-	self->quote.is_valid = true;
-	self->quote.source = source;
-	self->quote.left = quote_rect.x;
-	self->quote.top = quote_rect.y;
-	return 0;
+        pd_rect_t quote_rect;
+        if (!rect) {
+                quote_rect.x = 0;
+                quote_rect.y = 0;
+                quote_rect.width = source->width;
+                quote_rect.height = source->height;
+        } else {
+                quote_rect = *rect;
+        }
+        pd_rect_correct(&quote_rect, source->width, source->height);
+        /* 如果引用源本身已经引用了另一个源 */
+        if (source->quote.is_valid) {
+                quote_rect.x += source->quote.left;
+                quote_rect.y += source->quote.top;
+                source = source->quote.source;
+        }
+        if (quote_rect.width <= 0 || quote_rect.height <= 0) {
+                self->width = 0;
+                self->height = 0;
+                self->opacity = 1.0;
+                self->quote.left = 0;
+                self->quote.top = 0;
+                self->bytes = NULL;
+                self->quote.source = NULL;
+                self->quote.is_valid = false;
+                return -1;
+        }
+        self->opacity = 1.0;
+        self->bytes = NULL;
+        self->mem_size = 0;
+        self->width = quote_rect.width;
+        self->height = quote_rect.height;
+        self->color_type = source->color_type;
+        self->bytes_per_pixel = source->bytes_per_pixel;
+        self->bytes_per_row = source->bytes_per_row;
+        self->quote.is_valid = true;
+        self->quote.source = source;
+        self->quote.left = quote_rect.x;
+        self->quote.top = quote_rect.y;
+        return 0;
 }
 
 void pd_canvas_get_quote_rect(const pd_canvas_t *canvas, pd_rect_t *rect)
 {
-	if (canvas->quote.is_valid) {
-		rect->x = canvas->quote.left;
-		rect->y = canvas->quote.top;
-	} else {
-		rect->x = 0;
-		rect->y = 0;
-	}
-	rect->width = canvas->width;
-	rect->height = canvas->height;
+        if (canvas->quote.is_valid) {
+                rect->x = canvas->quote.left;
+                rect->y = canvas->quote.top;
+        } else {
+                rect->x = 0;
+                rect->y = 0;
+        }
+        rect->width = canvas->width;
+        rect->height = canvas->height;
 }
 
 void pd_canvas_destroy(pd_canvas_t *canvas)
 {
-	/* 解除引用 */
-	if (canvas && canvas->quote.is_valid) {
-		canvas->quote.source = NULL;
-		canvas->quote.is_valid = false;
-		return;
-	}
-	if (canvas->bytes) {
-		free(canvas->bytes);
-		canvas->bytes = NULL;
-	}
-	canvas->width = 0;
-	canvas->height = 0;
-	canvas->mem_size = 0;
+        /* 解除引用 */
+        if (canvas && canvas->quote.is_valid) {
+                canvas->quote.source = NULL;
+                canvas->quote.is_valid = false;
+                return;
+        }
+        if (canvas->bytes) {
+                free(canvas->bytes);
+                canvas->bytes = NULL;
+        }
+        canvas->width = 0;
+        canvas->height = 0;
+        canvas->mem_size = 0;
 }
 
 int pd_canvas_create(pd_canvas_t *canvas, unsigned width, unsigned height)
 {
-	size_t size;
-	if (width > 100000 || height > 100000) {
-		logger_error("canvas size is too large!");
-		abort();
-	}
-	if (width < 1 || height < 1) {
-		pd_canvas_destroy(canvas);
-		return -1;
-	}
-	canvas->bytes_per_pixel = pd_get_pixel_size(canvas->color_type);
-	canvas->bytes_per_row =
-	    pd_get_pixel_row_size(canvas->color_type, width);
-	size = canvas->bytes_per_row * height;
-	if (pd_canvas_is_valid(canvas)) {
-		/* 如果现有图形尺寸大于要创建的图形的尺寸，直接改尺寸即可 */
-		if (canvas->mem_size >= size) {
-			memset(canvas->bytes, 0, canvas->mem_size);
-			canvas->width = width;
-			canvas->height = height;
-			return 0;
-		}
-		pd_canvas_destroy(canvas);
-	}
-	canvas->mem_size = size;
-	canvas->bytes = calloc(1, size);
-	if (!canvas->bytes) {
-		canvas->width = 0;
-		canvas->height = 0;
-		return -2;
-	}
-	canvas->width = width;
-	canvas->height = height;
-	return 0;
+        size_t size;
+        if (width > 100000 || height > 100000) {
+                logger_error("canvas size is too large!");
+                abort();
+        }
+        if (width < 1 || height < 1) {
+                pd_canvas_destroy(canvas);
+                return -1;
+        }
+        canvas->bytes_per_pixel = pd_get_pixel_size(canvas->color_type);
+        canvas->bytes_per_row =
+            pd_get_pixel_row_size(canvas->color_type, width);
+        size = canvas->bytes_per_row * height;
+        if (pd_canvas_is_valid(canvas)) {
+                /* 如果现有图形尺寸大于要创建的图形的尺寸，直接改尺寸即可 */
+                if (canvas->mem_size >= size) {
+                        memset(canvas->bytes, 0, canvas->mem_size);
+                        canvas->width = width;
+                        canvas->height = height;
+                        return 0;
+                }
+                pd_canvas_destroy(canvas);
+        }
+        canvas->mem_size = size;
+        canvas->bytes = calloc(1, size);
+        if (!canvas->bytes) {
+                canvas->width = 0;
+                canvas->height = 0;
+                return -2;
+        }
+        canvas->width = width;
+        canvas->height = height;
+        return 0;
 }
 
 static void pd_canvas_direct_replace(pd_canvas_t *des, pd_rect_t des_rect,
-				     const pd_canvas_t *src, int src_x,
-				     int src_y)
+                                     const pd_canvas_t *src, int src_x,
+                                     int src_y)
 {
-	int y;
-	uint8_t *byte_row_des, *byte_row_src;
+        int y;
+        uint8_t *byte_row_des, *byte_row_src;
 
-	byte_row_src = pd_canvas_pixel_at(src, src_x, src_y);
-	byte_row_des = pd_canvas_pixel_at(des, des_rect.x, des_rect.y);
-	for (y = 0; y < des_rect.height; ++y) {
-		pd_format_pixels(byte_row_src, src->color_type, byte_row_des,
-				 des->color_type, des_rect.width);
-		byte_row_src += src->bytes_per_row;
-		byte_row_des += des->bytes_per_row;
-	}
+        byte_row_src = pd_canvas_pixel_at(src, src_x, src_y);
+        byte_row_des = pd_canvas_pixel_at(des, des_rect.x, des_rect.y);
+        for (y = 0; y < des_rect.height; ++y) {
+                pd_format_pixels(byte_row_src, src->color_type, byte_row_des,
+                                 des->color_type, des_rect.width);
+                byte_row_src += src->bytes_per_row;
+                byte_row_des += des->bytes_per_row;
+        }
 }
 
 int pd_canvas_begin_writing(pd_canvas_t **canvas, pd_rect_t *rect)
 {
-	pd_canvas_t tmp;
+        pd_canvas_t tmp;
 
-	if (!pd_canvas_is_valid(*canvas)) {
-		return -1;
-	}
-	pd_canvas_quote(&tmp, *canvas, rect);
-	pd_canvas_get_quote_rect(&tmp, rect);
-	if (rect->width < 1 || rect->height < 1) {
-		return -1;
-	}
-	*canvas = pd_canvas_get_quote_source(&tmp);
-	return 0;
+        if (!pd_canvas_is_valid(*canvas)) {
+                return -1;
+        }
+        pd_canvas_quote(&tmp, *canvas, rect);
+        pd_canvas_get_quote_rect(&tmp, rect);
+        if (rect->width < 1 || rect->height < 1) {
+                return -1;
+        }
+        *canvas = pd_canvas_get_quote_source(&tmp);
+        return 0;
 }
 
 int pd_canvas_replace(pd_canvas_t *back, const pd_canvas_t *fore, int left,
-		      int top)
+                      int top)
 {
-	pd_rect_t read_rect, write_rect;
+        pd_rect_t read_rect, write_rect;
 
-	if (!pd_canvas_is_valid(fore)) {
-		return -1;
-	}
-	write_rect.x = left;
-	write_rect.y = top;
-	write_rect.width = fore->width;
-	write_rect.height = fore->height;
-	if (pd_canvas_begin_writing(&back, &write_rect) != 0) {
-		return -1;
-	}
-	pd_canvas_get_quote_rect(fore, &read_rect);
-	if (read_rect.width <= 0 || read_rect.height <= 0) {
-		return -2;
-	}
-	left = read_rect.x;
-	top = read_rect.y;
-	fore = pd_canvas_get_quote_source_readonly(fore);
-	switch (fore->color_type) {
-	case PD_COLOR_TYPE_RGB888:
-	case PD_COLOR_TYPE_ARGB8888:
-		pd_canvas_direct_replace(back, write_rect, fore, left, top);
-		return 0;
-	default:
-		break;
-	}
-	return -1;
+        if (!pd_canvas_is_valid(fore)) {
+                return -1;
+        }
+        write_rect.x = left;
+        write_rect.y = top;
+        write_rect.width = fore->width;
+        write_rect.height = fore->height;
+        if (pd_canvas_begin_writing(&back, &write_rect) != 0) {
+                return -1;
+        }
+        pd_canvas_get_quote_rect(fore, &read_rect);
+        if (read_rect.width <= 0 || read_rect.height <= 0) {
+                return -2;
+        }
+        left = read_rect.x;
+        top = read_rect.y;
+        fore = pd_canvas_get_quote_source_readonly(fore);
+        switch (fore->color_type) {
+        case PD_COLOR_TYPE_RGB888:
+        case PD_COLOR_TYPE_ARGB8888:
+                pd_canvas_direct_replace(back, write_rect, fore, left, top);
+                return 0;
+        default:
+                break;
+        }
+        return -1;
 }
 
 int pd_canvas_set_color_type(pd_canvas_t *canvas, int color_type)
 {
-	pd_canvas_t tmp;
+        pd_canvas_t tmp;
 
-	if (canvas->color_type == color_type) {
-		return -1;
-	}
-	pd_canvas_init(&tmp);
-	pd_canvas_create(&tmp, canvas->width, canvas->height);
-	if (pd_canvas_replace(&tmp, canvas, 0, 0) == 0) {
-		pd_canvas_destroy(canvas);
-		*canvas = tmp;
-		return 0;
-	}
-	pd_canvas_destroy(&tmp);
-	return -1;
+        if (canvas->color_type == color_type) {
+                return -1;
+        }
+        pd_canvas_init(&tmp);
+        pd_canvas_create(&tmp, canvas->width, canvas->height);
+        if (pd_canvas_replace(&tmp, canvas, 0, 0) == 0) {
+                pd_canvas_destroy(canvas);
+                *canvas = tmp;
+                return 0;
+        }
+        pd_canvas_destroy(&tmp);
+        return -1;
 }
 
 int pd_canvas_cut(const pd_canvas_t *canvas, pd_rect_t rect,
-		  pd_canvas_t *out_canvas)
+                  pd_canvas_t *out_canvas)
 {
-	int y;
-	uint8_t *src_row, *des_row;
+        int y;
+        uint8_t *src_row, *des_row;
 
-	if (!pd_canvas_is_valid(canvas)) {
-		return -2;
-	}
-	pd_rect_correct(&rect, canvas->width, canvas->height);
-	if (rect.width <= 0 || rect.height <= 0) {
-		return -3;
-	}
-	out_canvas->color_type = canvas->color_type;
-	out_canvas->opacity = canvas->opacity;
-	if (0 != pd_canvas_create(out_canvas, rect.width, rect.height)) {
-		return -1;
-	}
-	des_row = out_canvas->bytes;
-	src_row = canvas->bytes + rect.y * canvas->bytes_per_row +
-		  rect.x * canvas->bytes_per_pixel;
-	for (y = 0; y < rect.height; ++y) {
-		memcpy(des_row, src_row, out_canvas->bytes_per_row);
-		des_row += out_canvas->bytes_per_row;
-		src_row += canvas->bytes_per_row;
-	}
-	return 0;
+        if (!pd_canvas_is_valid(canvas)) {
+                return -2;
+        }
+        pd_rect_correct(&rect, canvas->width, canvas->height);
+        if (rect.width <= 0 || rect.height <= 0) {
+                return -3;
+        }
+        out_canvas->color_type = canvas->color_type;
+        out_canvas->opacity = canvas->opacity;
+        if (0 != pd_canvas_create(out_canvas, rect.width, rect.height)) {
+                return -1;
+        }
+        des_row = out_canvas->bytes;
+        src_row = canvas->bytes + rect.y * canvas->bytes_per_row +
+                  rect.x * canvas->bytes_per_pixel;
+        for (y = 0; y < rect.height; ++y) {
+                memcpy(des_row, src_row, out_canvas->bytes_per_row);
+                des_row += out_canvas->bytes_per_row;
+                src_row += canvas->bytes_per_row;
+        }
+        return 0;
 }
 
 void pd_canvas_copy(pd_canvas_t *des, const pd_canvas_t *src)
 {
-	const pd_canvas_t *canvas;
+        const pd_canvas_t *canvas;
 
-	if (!des || !pd_canvas_is_valid(src)) {
-		return;
-	}
-	canvas = pd_canvas_get_quote_source_readonly(src);
-	des->color_type = canvas->color_type;
-	/* 创建合适尺寸的Graph */
-	pd_canvas_create(des, src->width, src->height);
-	pd_canvas_replace(des, src, 0, 0);
-	des->opacity = src->opacity;
+        if (!des || !pd_canvas_is_valid(src)) {
+                return;
+        }
+        canvas = pd_canvas_get_quote_source_readonly(src);
+        des->color_type = canvas->color_type;
+        /* 创建合适尺寸的Graph */
+        pd_canvas_create(des, src->width, src->height);
+        pd_canvas_replace(des, src, 0, 0);
+        des->opacity = src->opacity;
 }
 
 /* FIXME: improve alpha blending method
@@ -285,171 +285,171 @@ void pd_canvas_copy(pd_canvas_t *des, const pd_canvas_t *src)
  */
 
 static void pd_canvas_mix_argb_with_alpha(pd_canvas_t *des, pd_rect_t des_rect,
-					  const pd_canvas_t *src, int src_x,
-					  int src_y)
+                                          const pd_canvas_t *src, int src_x,
+                                          int src_y)
 {
-	int x, y;
-	pd_color_t *px_src, *px_des;
+        int x, y;
+        pd_color_t *px_src, *px_des;
 
-	for (y = 0; y < des_rect.height; ++y) {
-		px_src = pd_canvas_pixel_at(src, src_x, src_y + y);
-		px_des = pd_canvas_pixel_at(des, des_rect.x, des_rect.y + y);
-		for (x = 0; x < des_rect.width; ++x) {
-			pd_over_pixel(px_des, px_src, src->opacity);
-			++px_src;
-			++px_des;
-		}
-	}
+        for (y = 0; y < des_rect.height; ++y) {
+                px_src = pd_canvas_pixel_at(src, src_x, src_y + y);
+                px_des = pd_canvas_pixel_at(des, des_rect.x, des_rect.y + y);
+                for (x = 0; x < des_rect.width; ++x) {
+                        pd_over_pixel(px_des, px_src, src->opacity);
+                        ++px_src;
+                        ++px_des;
+                }
+        }
 }
 
 static void pd_canvas_mix_argb(pd_canvas_t *dest, pd_rect_t des_rect,
-			       const pd_canvas_t *src, int src_x, int src_y)
+                               const pd_canvas_t *src, int src_x, int src_y)
 {
-	int x, y;
-	uint8_t a;
-	pd_color_t *px_src, *px_dest;
+        int x, y;
+        uint8_t a;
+        pd_color_t *px_src, *px_dest;
 
-	for (y = 0; y < des_rect.height; ++y) {
-		px_src = pd_canvas_pixel_at(src, src_x, src_y + y);
-		px_dest = pd_canvas_pixel_at(dest, des_rect.x, des_rect.y + y);
-		if (src->opacity < 1.0) {
-			for (x = 0; x < des_rect.width; ++x) {
-				a = (uint8_t)(px_src->a * src->opacity);
-				pd_blend_pixel(px_dest, px_src, a);
-				++px_src;
-				++px_dest;
-			}
-			continue;
-		}
-		for (x = 0; x < des_rect.width; ++x) {
-			pd_blend_pixel(px_dest, px_src, px_src->a);
-			++px_src;
-			++px_dest;
-		}
-	}
+        for (y = 0; y < des_rect.height; ++y) {
+                px_src = pd_canvas_pixel_at(src, src_x, src_y + y);
+                px_dest = pd_canvas_pixel_at(dest, des_rect.x, des_rect.y + y);
+                if (src->opacity < 1.0) {
+                        for (x = 0; x < des_rect.width; ++x) {
+                                a = (uint8_t)(px_src->a * src->opacity);
+                                pd_blend_pixel(px_dest, px_src, a);
+                                ++px_src;
+                                ++px_dest;
+                        }
+                        continue;
+                }
+                for (x = 0; x < des_rect.width; ++x) {
+                        pd_blend_pixel(px_dest, px_src, px_src->a);
+                        ++px_src;
+                        ++px_dest;
+                }
+        }
 }
 
 static void pd_canvas_mix_argb2rgb(pd_canvas_t *des, pd_rect_t des_rect,
-				   const pd_canvas_t *src, int src_x, int src_y)
+                                   const pd_canvas_t *src, int src_x, int src_y)
 {
-	int x, y;
-	uint8_t a;
-	pd_color_t *px, *px_row;
-	uint8_t *rowbytep, *bytep;
+        int x, y;
+        uint8_t a;
+        pd_color_t *px, *px_row;
+        uint8_t *rowbytep, *bytep;
 
-	/* 计算并保存第一行的首个像素的位置 */
-	px_row = pd_canvas_pixel_at(src, src_x, src_y);
-	rowbytep = pd_canvas_pixel_at(des, des_rect.x, des_rect.y);
-	if (src->opacity < 1.0) {
-		goto mix_with_opacity;
-	}
-	for (y = 0; y < des_rect.height; ++y) {
-		px = px_row;
-		bytep = rowbytep;
-		for (x = 0; x < des_rect.width; ++x, ++px) {
-			*bytep = _pd_alpha_blend(*bytep, px->b, px->a);
-			++bytep;
-			*bytep = _pd_alpha_blend(*bytep, px->g, px->a);
-			++bytep;
-			*bytep = _pd_alpha_blend(*bytep, px->r, px->a);
-			++bytep;
-		}
-		rowbytep += des->bytes_per_row;
-		px_row += src->width;
-	}
-	return;
+        /* 计算并保存第一行的首个像素的位置 */
+        px_row = pd_canvas_pixel_at(src, src_x, src_y);
+        rowbytep = pd_canvas_pixel_at(des, des_rect.x, des_rect.y);
+        if (src->opacity < 1.0) {
+                goto mix_with_opacity;
+        }
+        for (y = 0; y < des_rect.height; ++y) {
+                px = px_row;
+                bytep = rowbytep;
+                for (x = 0; x < des_rect.width; ++x, ++px) {
+                        *bytep = _pd_alpha_blend(*bytep, px->b, px->a);
+                        ++bytep;
+                        *bytep = _pd_alpha_blend(*bytep, px->g, px->a);
+                        ++bytep;
+                        *bytep = _pd_alpha_blend(*bytep, px->r, px->a);
+                        ++bytep;
+                }
+                rowbytep += des->bytes_per_row;
+                px_row += src->width;
+        }
+        return;
 
 mix_with_opacity:
-	for (y = 0; y < des_rect.height; ++y) {
-		px = px_row;
-		bytep = rowbytep;
-		for (x = 0; x < des_rect.width; ++x, ++px) {
-			a = (uint8_t)(px->a * src->opacity);
-			*bytep = _pd_alpha_blend(*bytep, px->b, a);
-			++bytep;
-			*bytep = _pd_alpha_blend(*bytep, px->g, a);
-			++bytep;
-			*bytep = _pd_alpha_blend(*bytep, px->r, a);
-			++bytep;
-		}
-		rowbytep += des->bytes_per_row;
-		px_row += src->width;
-	}
+        for (y = 0; y < des_rect.height; ++y) {
+                px = px_row;
+                bytep = rowbytep;
+                for (x = 0; x < des_rect.width; ++x, ++px) {
+                        a = (uint8_t)(px->a * src->opacity);
+                        *bytep = _pd_alpha_blend(*bytep, px->b, a);
+                        ++bytep;
+                        *bytep = _pd_alpha_blend(*bytep, px->g, a);
+                        ++bytep;
+                        *bytep = _pd_alpha_blend(*bytep, px->r, a);
+                        ++bytep;
+                }
+                rowbytep += des->bytes_per_row;
+                px_row += src->width;
+        }
 }
 
 int pd_canvas_mix(pd_canvas_t *back, const pd_canvas_t *fore, int left, int top,
-		  bool with_alpha)
+                  bool with_alpha)
 {
-	pd_canvas_t w_slot;
-	pd_rect_t r_rect, w_rect;
+        pd_canvas_t w_slot;
+        pd_rect_t r_rect, w_rect;
 
-	if (!pd_canvas_is_valid(back) || !pd_canvas_is_valid(fore)) {
-		return -1;
-	}
-	w_rect.x = left;
-	w_rect.y = top;
-	w_rect.width = fore->width;
-	w_rect.height = fore->height;
-	r_rect = pd_rect_crop(&w_rect, back->width, back->height);
-	w_rect.x += r_rect.x;
-	w_rect.y += r_rect.y;
-	w_rect.width = r_rect.width;
-	w_rect.height = r_rect.height;
-	pd_canvas_quote(&w_slot, back, &w_rect);
-	/* 获取实际操作区域 */
-	pd_canvas_get_quote_rect(&w_slot, &w_rect);
-	pd_canvas_get_quote_rect(fore, &r_rect);
-	if (w_rect.width <= 0 || w_rect.height <= 0 || r_rect.width <= 0 ||
-	    r_rect.height <= 0) {
-		return -2;
-	}
-	top = r_rect.y;
-	left = r_rect.x;
-	/* 获取引用的源图像 */
-	fore = pd_canvas_get_quote_source_readonly(fore);
-	back = pd_canvas_get_quote_source(back);
-	switch (fore->color_type) {
-	case PD_COLOR_TYPE_RGB888:
-		pd_canvas_direct_replace(back, w_rect, fore, left, top);
-		return 0;
-	case PD_COLOR_TYPE_ARGB8888:
-		if (back->color_type == PD_COLOR_TYPE_RGB888) {
-			pd_canvas_mix_argb2rgb(back, w_rect, fore, left, top);
-			return 0;
-		}
-		if (!with_alpha) {
-			pd_canvas_mix_argb(back, w_rect, fore, left, top);
-			return 0;
-		}
-		pd_canvas_mix_argb_with_alpha(back, w_rect, fore, left, top);
-		return 0;
-	default:
-		break;
-	}
-	return -3;
+        if (!pd_canvas_is_valid(back) || !pd_canvas_is_valid(fore)) {
+                return -1;
+        }
+        w_rect.x = left;
+        w_rect.y = top;
+        w_rect.width = fore->width;
+        w_rect.height = fore->height;
+        r_rect = pd_rect_crop(&w_rect, back->width, back->height);
+        w_rect.x += r_rect.x;
+        w_rect.y += r_rect.y;
+        w_rect.width = r_rect.width;
+        w_rect.height = r_rect.height;
+        pd_canvas_quote(&w_slot, back, &w_rect);
+        /* 获取实际操作区域 */
+        pd_canvas_get_quote_rect(&w_slot, &w_rect);
+        pd_canvas_get_quote_rect(fore, &r_rect);
+        if (w_rect.width <= 0 || w_rect.height <= 0 || r_rect.width <= 0 ||
+            r_rect.height <= 0) {
+                return -2;
+        }
+        top = r_rect.y;
+        left = r_rect.x;
+        /* 获取引用的源图像 */
+        fore = pd_canvas_get_quote_source_readonly(fore);
+        back = pd_canvas_get_quote_source(back);
+        switch (fore->color_type) {
+        case PD_COLOR_TYPE_RGB888:
+                pd_canvas_direct_replace(back, w_rect, fore, left, top);
+                return 0;
+        case PD_COLOR_TYPE_ARGB8888:
+                if (back->color_type == PD_COLOR_TYPE_RGB888) {
+                        pd_canvas_mix_argb2rgb(back, w_rect, fore, left, top);
+                        return 0;
+                }
+                if (!with_alpha) {
+                        pd_canvas_mix_argb(back, w_rect, fore, left, top);
+                        return 0;
+                }
+                pd_canvas_mix_argb_with_alpha(back, w_rect, fore, left, top);
+                return 0;
+        default:
+                break;
+        }
+        return -3;
 }
 
 int pd_canvas_fill_rect(pd_canvas_t *canvas, pd_color_t color, pd_rect_t rect)
 {
-	int x, y;
-	unsigned char *p;
+        int x, y;
+        unsigned char *p;
 
-	if (pd_canvas_begin_writing(&canvas, &rect) != 0) {
-		return -1;
-	}
-	for (y = 0; y < rect.height; ++y) {
-		p = pd_canvas_pixel_at(canvas, rect.x, rect.y + y);
-		if (canvas->color_type == PD_COLOR_TYPE_ARGB8888) {
-			for (x = 0; x < rect.width; ++x, p += 4) {
-				*(pd_color_t *)p = color;
-			}
-		} else {
-			for (x = 0; x < rect.width; ++x) {
-				*p++ = color.b;
-				*p++ = color.g;
-				*p++ = color.r;
-			}
-		}
-	}
-	return 0;
+        if (pd_canvas_begin_writing(&canvas, &rect) != 0) {
+                return -1;
+        }
+        for (y = 0; y < rect.height; ++y) {
+                p = pd_canvas_pixel_at(canvas, rect.x, rect.y + y);
+                if (canvas->color_type == PD_COLOR_TYPE_ARGB8888) {
+                        for (x = 0; x < rect.width; ++x, p += 4) {
+                                *(pd_color_t *)p = color;
+                        }
+                } else {
+                        for (x = 0; x < rect.width; ++x) {
+                                *p++ = color.b;
+                                *p++ = color.g;
+                                *p++ = color.r;
+                        }
+                }
+        }
+        return 0;
 }
diff --git a/lib/pandagl/src/context.c b/lib/pandagl/src/context.c
index 67e07cd0a..2da4e0472 100644
--- a/lib/pandagl/src/context.c
+++ b/lib/pandagl/src/context.c
@@ -1,28 +1,28 @@
 /*
  * lib/pandagl/src/context.c: -- The PandaGL drawing context
  *
- * Copyright (c) 2022-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2022-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdlib.h>
 #include <pandagl.h>
 
-pd_context_t* pd_context_create(pd_canvas_t *canvas, pd_rect_t *rect)
+pd_context_t *pd_context_create(pd_canvas_t *canvas, pd_rect_t *rect)
 {
-	pd_context_t* paint = (pd_context_t*)malloc(sizeof(pd_context_t));
-	paint->rect = *rect;
-	paint->with_alpha = false;
-	pd_canvas_init(&paint->canvas);
-	pd_canvas_quote(&paint->canvas, canvas, &paint->rect);
-	return paint;
+        pd_context_t *paint = (pd_context_t *)malloc(sizeof(pd_context_t));
+        paint->rect = *rect;
+        paint->with_alpha = false;
+        pd_canvas_init(&paint->canvas);
+        pd_canvas_quote(&paint->canvas, canvas, &paint->rect);
+        return paint;
 }
 
-void pd_context_destroy(pd_context_t* paint)
+void pd_context_destroy(pd_context_t *paint)
 {
-	free(paint);
+        free(paint);
 }
diff --git a/lib/pandagl/src/file_reader.c b/lib/pandagl/src/file_reader.c
index 5c98db43f..94d51557c 100644
--- a/lib/pandagl/src/file_reader.c
+++ b/lib/pandagl/src/file_reader.c
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/src/file_reader.c
  *
- * Copyright (c) 2024-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
diff --git a/lib/pandagl/src/flip.c b/lib/pandagl/src/flip.c
index 89d63931d..09cfbead2 100644
--- a/lib/pandagl/src/flip.c
+++ b/lib/pandagl/src/flip.c
@@ -1,77 +1,77 @@
 /*
  * lib/pandagl/src/flip.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <pandagl.h>
 
 int pd_canvas_veri_flip(const pd_canvas_t *canvas, pd_canvas_t *buff)
 {
-	int y;
-	pd_rect_t rect;
-	uint8_t *byte_src, *byte_des;
+        int y;
+        pd_rect_t rect;
+        uint8_t *byte_src, *byte_des;
 
-	if (!pd_canvas_is_valid(canvas)) {
-		return -1;
-	}
-	pd_canvas_get_quote_rect(canvas, &rect);
-	canvas = pd_canvas_get_quote_source_readonly(canvas);
-	buff->opacity = canvas->opacity;
-	buff->color_type = canvas->color_type;
-	if (0 != pd_canvas_create(buff, rect.width, rect.height)) {
-		return -2;
-	}
-	byte_src = pd_canvas_pixel_at(canvas, rect.x, rect.y + rect.height - 1);
-	byte_des = buff->bytes;
-	for (y = 0; y < rect.height; ++y) {
-		memcpy(byte_des, byte_src, buff->bytes_per_row);
-		byte_src -= canvas->bytes_per_row;
-		byte_des += buff->bytes_per_row;
-	}
-	return 0;
+        if (!pd_canvas_is_valid(canvas)) {
+                return -1;
+        }
+        pd_canvas_get_quote_rect(canvas, &rect);
+        canvas = pd_canvas_get_quote_source_readonly(canvas);
+        buff->opacity = canvas->opacity;
+        buff->color_type = canvas->color_type;
+        if (0 != pd_canvas_create(buff, rect.width, rect.height)) {
+                return -2;
+        }
+        byte_src = pd_canvas_pixel_at(canvas, rect.x, rect.y + rect.height - 1);
+        byte_des = buff->bytes;
+        for (y = 0; y < rect.height; ++y) {
+                memcpy(byte_des, byte_src, buff->bytes_per_row);
+                byte_src -= canvas->bytes_per_row;
+                byte_des += buff->bytes_per_row;
+        }
+        return 0;
 }
 
 int pd_canvas_horiz_flip(const pd_canvas_t *canvas, pd_canvas_t *buff)
 {
-	int x, y;
-	pd_rect_t rect;
-	uint8_t *src, *dest;
+        int x, y;
+        pd_rect_t rect;
+        uint8_t *src, *dest;
 
-	if (!pd_canvas_is_valid(canvas)) {
-		return -1;
-	}
-	pd_canvas_get_quote_rect(canvas, &rect);
-	canvas = pd_canvas_get_quote_source_readonly(canvas);
-	buff->opacity = canvas->opacity;
-	buff->color_type = canvas->color_type;
-	if (0 != pd_canvas_create(buff, rect.width, rect.height)) {
-		return -2;
-	}
-	for (y = 0; y < rect.height; ++y) {
-		dest = pd_canvas_pixel_at(buff, y, 0);
-		src = pd_canvas_pixel_at(canvas, rect.y + y,
-					 rect.x + rect.width - 1);
-		if (canvas->color_type == PD_COLOR_TYPE_ARGB) {
-			for (x = 0; x < rect.width; ++x) {
-				*(pd_color_t *)dest = *(pd_color_t *)src;
-				dest += canvas->bytes_per_pixel;
-				src -= canvas->bytes_per_pixel;
-			}
-		} else {
-			for (x = 0; x < rect.width; ++x) {
-				dest[0] = src[0];
-				dest[1] = src[1];
-				dest[2] = src[2];
-				dest += canvas->bytes_per_pixel;
-				src -= canvas->bytes_per_pixel;
-			}
-		}
-	}
-	return 0;
+        if (!pd_canvas_is_valid(canvas)) {
+                return -1;
+        }
+        pd_canvas_get_quote_rect(canvas, &rect);
+        canvas = pd_canvas_get_quote_source_readonly(canvas);
+        buff->opacity = canvas->opacity;
+        buff->color_type = canvas->color_type;
+        if (0 != pd_canvas_create(buff, rect.width, rect.height)) {
+                return -2;
+        }
+        for (y = 0; y < rect.height; ++y) {
+                dest = pd_canvas_pixel_at(buff, y, 0);
+                src = pd_canvas_pixel_at(canvas, rect.y + y,
+                                         rect.x + rect.width - 1);
+                if (canvas->color_type == PD_COLOR_TYPE_ARGB) {
+                        for (x = 0; x < rect.width; ++x) {
+                                *(pd_color_t *)dest = *(pd_color_t *)src;
+                                dest += canvas->bytes_per_pixel;
+                                src -= canvas->bytes_per_pixel;
+                        }
+                } else {
+                        for (x = 0; x < rect.width; ++x) {
+                                dest[0] = src[0];
+                                dest[1] = src[1];
+                                dest[2] = src[2];
+                                dest += canvas->bytes_per_pixel;
+                                src -= canvas->bytes_per_pixel;
+                        }
+                }
+        }
+        return 0;
 }
diff --git a/lib/pandagl/src/font/bitmap.c b/lib/pandagl/src/font/bitmap.c
index 30ce76c1c..86b56f466 100644
--- a/lib/pandagl/src/font/bitmap.c
+++ b/lib/pandagl/src/font/bitmap.c
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/src/font/bitmap.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
@@ -14,110 +14,110 @@
 #include <pandagl.h>
 #include "bitmap.h"
 
-void pd_font_bitmap_init(pd_font_bitmap_t *bitmap)
+void pd_glyph_bitmap_init(pd_glyph_bitmap_t *bitmap)
 {
-	bitmap->rows = 0;
-	bitmap->width = 0;
-	bitmap->top = 0;
-	bitmap->left = 0;
-	bitmap->buffer = NULL;
+        bitmap->rows = 0;
+        bitmap->width = 0;
+        bitmap->top = 0;
+        bitmap->left = 0;
+        bitmap->buffer = NULL;
 }
 
-void pd_font_bitmap_destroy(pd_font_bitmap_t *bitmap)
+void pd_glyph_bitmap_destroy(pd_glyph_bitmap_t *bitmap)
 {
-	if (bitmap->buffer) {
-		free(bitmap->buffer);
-	}
-	pd_font_bitmap_init(bitmap);
+        if (bitmap->buffer) {
+                free(bitmap->buffer);
+        }
+        pd_glyph_bitmap_init(bitmap);
 }
 
-static void pd_canvas_mix_font_bitmap_argb(pd_canvas_t *graph,
-					   pd_rect_t *write_rect,
-					   const pd_font_bitmap_t *bmp,
-					   pd_color_t color,
-					   pd_rect_t *read_rect)
+static void pd_canvas_mix_glyph_bitmap_argb(pd_canvas_t *graph,
+                                            pd_rect_t *write_rect,
+                                            const pd_glyph_bitmap_t *bmp,
+                                            pd_color_t color,
+                                            pd_rect_t *read_rect)
 {
-	int x, y;
-	pd_color_t c;
-	pd_color_t *px, *px_row_des;
-	uint8_t *byte_ptr, *byte_row_ptr;
+        int x, y;
+        pd_color_t c;
+        pd_color_t *px, *px_row_des;
+        uint8_t *byte_ptr, *byte_row_ptr;
 
-	byte_row_ptr = bmp->buffer + read_rect->y * bmp->width;
-	px_row_des = graph->argb + write_rect->y * graph->width;
-	byte_row_ptr += read_rect->x;
-	px_row_des += write_rect->x;
-	for (y = 0; y < read_rect->height; ++y) {
-		px = px_row_des;
-		byte_ptr = byte_row_ptr;
-		for (x = 0; x < read_rect->width; ++x, ++byte_ptr, ++px) {
-			c = color;
-			c.alpha = (uint8_t)(*byte_ptr * color.alpha / 255.0);
-			pd_over_pixel(px, &c, 1.0);
-		}
-		px_row_des += graph->width;
-		byte_row_ptr += bmp->width;
-	}
+        byte_row_ptr = bmp->buffer + read_rect->y * bmp->width;
+        px_row_des = graph->argb + write_rect->y * graph->width;
+        byte_row_ptr += read_rect->x;
+        px_row_des += write_rect->x;
+        for (y = 0; y < read_rect->height; ++y) {
+                px = px_row_des;
+                byte_ptr = byte_row_ptr;
+                for (x = 0; x < read_rect->width; ++x, ++byte_ptr, ++px) {
+                        c = color;
+                        c.alpha = (uint8_t)(*byte_ptr * color.alpha / 255.0);
+                        pd_over_pixel(px, &c, 1.0);
+                }
+                px_row_des += graph->width;
+                byte_row_ptr += bmp->width;
+        }
 }
 
-static void pd_canvas_mix_font_bitmap_rgb(pd_canvas_t *graph,
-					  pd_rect_t *write_rect,
-					  const pd_font_bitmap_t *bmp,
-					  pd_color_t color,
-					  pd_rect_t *read_rect)
+static void pd_canvas_mix_glyph_bitmap_rgb(pd_canvas_t *graph,
+                                           pd_rect_t *write_rect,
+                                           const pd_glyph_bitmap_t *bmp,
+                                           pd_color_t color,
+                                           pd_rect_t *read_rect)
 {
-	int x, y;
-	uint8_t *byte_src, *byte_row_src, *byte_row_des, *byte_des, alpha;
-	byte_row_src = bmp->buffer + read_rect->y * bmp->width + read_rect->x;
-	byte_row_des = graph->bytes + write_rect->y * graph->bytes_per_row;
-	byte_row_des += write_rect->x * graph->bytes_per_pixel;
-	for (y = 0; y < read_rect->height; ++y) {
-		byte_src = byte_row_src;
-		byte_des = byte_row_des;
-		for (x = 0; x < read_rect->width; ++x) {
-			alpha = (uint8_t)(*byte_src * color.alpha / 255);
-			pd_alpha_blend(*byte_des, color.b, alpha);
-			++byte_des;
-			pd_alpha_blend(*byte_des, color.g, alpha);
-			++byte_des;
-			pd_alpha_blend(*byte_des, color.r, alpha);
-			++byte_des;
-			++byte_src;
-		}
-		byte_row_des += graph->bytes_per_row;
-		byte_row_src += bmp->width;
-	}
+        int x, y;
+        uint8_t *byte_src, *byte_row_src, *byte_row_des, *byte_des, alpha;
+        byte_row_src = bmp->buffer + read_rect->y * bmp->width + read_rect->x;
+        byte_row_des = graph->bytes + write_rect->y * graph->bytes_per_row;
+        byte_row_des += write_rect->x * graph->bytes_per_pixel;
+        for (y = 0; y < read_rect->height; ++y) {
+                byte_src = byte_row_src;
+                byte_des = byte_row_des;
+                for (x = 0; x < read_rect->width; ++x) {
+                        alpha = (uint8_t)(*byte_src * color.alpha / 255);
+                        pd_alpha_blend(*byte_des, color.b, alpha);
+                        ++byte_des;
+                        pd_alpha_blend(*byte_des, color.g, alpha);
+                        ++byte_des;
+                        pd_alpha_blend(*byte_des, color.r, alpha);
+                        ++byte_des;
+                        ++byte_src;
+                }
+                byte_row_des += graph->bytes_per_row;
+                byte_row_src += bmp->width;
+        }
 }
 
-int pd_canvas_mix_font_bitmap(pd_canvas_t *graph, pd_pos_t pos,
-			      const pd_font_bitmap_t *bmp, pd_color_t color)
+int pd_canvas_mix_glyph_bitmap(pd_canvas_t *graph, pd_pos_t pos,
+                               const pd_glyph_bitmap_t *bmp, pd_color_t color)
 {
-	pd_canvas_t write_slot;
-	pd_rect_t r_rect, w_rect;
+        pd_canvas_t write_slot;
+        pd_rect_t r_rect, w_rect;
 
-	if (pos.x > (int)graph->width || pos.y > (int)graph->height) {
-		return -2;
-	}
-	/* 获取写入区域 */
-	w_rect.x = pos.x;
-	w_rect.y = pos.y;
-	w_rect.width = bmp->width;
-	w_rect.height = bmp->rows;
-	/* 获取需要裁剪的区域 */
-	r_rect = pd_rect_crop(&w_rect, graph->width, graph->height);
-	w_rect.x += r_rect.x;
-	w_rect.y += r_rect.y;
-	w_rect.width = r_rect.width;
-	w_rect.height = r_rect.height;
-	pd_canvas_quote(&write_slot, graph, &w_rect);
-	pd_canvas_get_quote_rect(&write_slot, &w_rect);
-	/* 获取背景图引用的源图形 */
-	graph = pd_canvas_get_quote_source(graph);
-	if (graph->color_type == PD_COLOR_TYPE_ARGB) {
-		pd_canvas_mix_font_bitmap_argb(graph, &w_rect, bmp, color,
-					       &r_rect);
-	} else {
-		pd_canvas_mix_font_bitmap_rgb(graph, &w_rect, bmp, color,
-					      &r_rect);
-	}
-	return 0;
+        if (pos.x > (int)graph->width || pos.y > (int)graph->height) {
+                return -2;
+        }
+        /* 获取写入区域 */
+        w_rect.x = pos.x;
+        w_rect.y = pos.y;
+        w_rect.width = bmp->width;
+        w_rect.height = bmp->rows;
+        /* 获取需要裁剪的区域 */
+        r_rect = pd_rect_crop(&w_rect, graph->width, graph->height);
+        w_rect.x += r_rect.x;
+        w_rect.y += r_rect.y;
+        w_rect.width = r_rect.width;
+        w_rect.height = r_rect.height;
+        pd_canvas_quote(&write_slot, graph, &w_rect);
+        pd_canvas_get_quote_rect(&write_slot, &w_rect);
+        /* 获取背景图引用的源图形 */
+        graph = pd_canvas_get_quote_source(graph);
+        if (graph->color_type == PD_COLOR_TYPE_ARGB) {
+                pd_canvas_mix_glyph_bitmap_argb(graph, &w_rect, bmp, color,
+                                                &r_rect);
+        } else {
+                pd_canvas_mix_glyph_bitmap_rgb(graph, &w_rect, bmp, color,
+                                               &r_rect);
+        }
+        return 0;
 }
diff --git a/lib/pandagl/src/font/bitmap.h b/lib/pandagl/src/font/bitmap.h
index 6567b8ea0..714926be2 100644
--- a/lib/pandagl/src/font/bitmap.h
+++ b/lib/pandagl/src/font/bitmap.h
@@ -1,16 +1,16 @@
 /*
  * lib/pandagl/src/font/bitmap.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 /** 初始化字体位图 */
-void pd_font_bitmap_init(pd_font_bitmap_t *bitmap);
+void pd_glyph_bitmap_init(pd_glyph_bitmap_t *bitmap);
 
 /** 释放字体位图占用的资源 */
-void pd_font_bitmap_destroy(pd_font_bitmap_t *bitmap);
+void pd_glyph_bitmap_destroy(pd_glyph_bitmap_t *bitmap);
diff --git a/lib/pandagl/src/font/freetype.c b/lib/pandagl/src/font/freetype.c
index 766a929ba..3af1c3bdc 100644
--- a/lib/pandagl/src/font/freetype.c
+++ b/lib/pandagl/src/font/freetype.c
@@ -1,12 +1,26 @@
 /*
- * lib/pandagl/src/font/freetype.c: -- The FreeType font-engine support module.
+ * lib/pandagl/src/font/freetype.c
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+/*
+ * lib/pandagl/src/font/freetype.c: -- The FreeType font-engine support
+ * module.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights
+ * reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI,
+ * distributed under the MIT License found in the
+ * LICENSE.TXT file in the
+ * root directory of this source tree.
  */
 
 #include <pandagl.h>
@@ -26,176 +40,186 @@
 #define LCUI_FONT_LOAD_FALGS (FT_LOAD_RENDER | FT_LOAD_FORCE_AUTOHINT)
 
 static struct {
-	FT_Library library;
+        FT_Library library;
 } freetype;
 
-static int pd_freetype_open(const char *filepath, pd_font_t ***outfonts)
+static int pd_freetype_open(const char *filepath, pd_font_face_t ***outfonts)
 {
-	FT_Face face;
-	pd_font_t *font, **fonts;
-	int i, err, num_faces;
-
-	err = FT_New_Face(freetype.library, filepath, -1, &face);
-	if (err) {
-		*outfonts = NULL;
-		return -1;
-	}
-	num_faces = face->num_faces;
-	FT_Done_Face(face);
-	if (num_faces < 1) {
-		return 0;
-	}
-	fonts = malloc(sizeof(pd_font_t *) * num_faces);
-	if (!fonts) {
-		return -ENOMEM;
-	}
-	for (i = 0; i < num_faces; ++i) {
-		err = FT_New_Face(freetype.library, filepath, i, &face);
-		if (err) {
-			fonts[i] = NULL;
-			continue;
-		}
-		FT_Select_Charmap(face, FT_ENCODING_UNICODE);
-		font = pd_font_create(face->family_name, face->style_name);
-		font->data = face;
-		fonts[i] = font;
-	}
-	*outfonts = fonts;
-	return num_faces;
+        FT_Face face;
+        pd_font_face_t *font, **fonts;
+        int i, err, num_faces;
+
+        err = FT_New_Face(freetype.library, filepath, -1, &face);
+        if (err) {
+                *outfonts = NULL;
+                return -1;
+        }
+        num_faces = face->num_faces;
+        FT_Done_Face(face);
+        if (num_faces < 1) {
+                return 0;
+        }
+        fonts = malloc(sizeof(pd_font_face_t *) * num_faces);
+        if (!fonts) {
+                return -ENOMEM;
+        }
+        for (i = 0; i < num_faces; ++i) {
+                err = FT_New_Face(freetype.library, filepath, i, &face);
+                if (err) {
+                        fonts[i] = NULL;
+                        continue;
+                }
+                FT_Select_Charmap(face, FT_ENCODING_UNICODE);
+                font = pd_font_face_create(face->family_name, face->style_name);
+                font->data = face;
+                fonts[i] = font;
+        }
+        *outfonts = fonts;
+        return num_faces;
 }
 
 static void pd_freetype_close(void *face)
 {
-	FT_Done_Face(face);
+        FT_Done_Face(face);
 }
 
-/** 转换 FT_GlyphSlot 类型数据为 pd_font_bitmap_t */
-static size_t convert_glyph(pd_font_bitmap_t *bmp, FT_GlyphSlot slot, int mode)
+/** 转换 FT_GlyphSlot 类型数据为 pd_glyph_bitmap_t */
+static size_t convert_glyph(pd_glyph_bitmap_t *bmp, FT_GlyphSlot slot, int mode)
 {
-	int error;
-	size_t size;
-	FT_BitmapGlyph bitmap_glyph;
-	FT_Glyph glyph;
-
-	/* 从字形槽中提取一个字形图像
-	 * 请注意，创建的FT_Glyph对象必须与FT_Done_Glyph成对使用 */
-	error = FT_Get_Glyph(slot, &glyph);
-	if (error) {
-		return -1;
-	}
-	/*---------------------- 打印字体信息 --------------------------
-	LOG(" width= %ld,  met->height= %ld\n"
-	"horiBearingX = %ld, horiBearingY = %ld, horiAdvance = %ld\n"
-	"vertBearingX = %ld, vertBearingY = %ld,  vertAdvance = %ld\n",
-	slot->metrics.width>>6, slot->metrics.height>>6,
-	slot->metrics.horiBearingX>>6, slot->metrics.horiBearingY>>6,
-	slot->metrics.horiAdvance>>6, slot->metrics.vertBearingX>>6,
-	slot->metrics.vertBearingY>>6, slot->metrics.vertAdvance>>6 );
-	------------------------------------------------------------*/
-	if (glyph->format != FT_GLYPH_FORMAT_BITMAP) {
-		error = FT_Glyph_To_Bitmap(&glyph, mode, 0, 1);
-		if (error) {
-			return -1;
-		}
-	}
-	bitmap_glyph = (FT_BitmapGlyph)glyph;
-	/*
-	 * FT_Glyph_Metrics结构体中保存字形度量，通过face->glyph->metrics结
-	 * 构访问，可得到字形的宽、高、左边界距、上边界距、水平跨距等等。
-	 * 注意：因为不是所有的字体都包含垂直度量，当FT_HAS_VERTICAL为假时，
-	 * vertBearingX，vertBearingY和vertAdvance的值是不可靠的，目前暂不考虑
-	 * 此情况的处理。
-	 * */
-	bmp->top = bitmap_glyph->top;
-	bmp->left = bitmap_glyph->left;
-	bmp->rows = bitmap_glyph->bitmap.rows;
-	bmp->width = bitmap_glyph->bitmap.width;
-	bmp->pitch = bmp->width * sizeof(uint8_t);
-	bmp->metrics.ascender = slot->face->size->metrics.ascender >> 6;
-	bmp->metrics.bbox_width = slot->face->size->metrics.max_advance >> 6;
-	bmp->metrics.bbox_height = slot->face->size->metrics.height >> 6;
-	bmp->metrics.hori_advance = slot->metrics.horiAdvance >> 6; /* 水平跨距 */
-	bmp->metrics.vert_advance = slot->metrics.vertAdvance >> 6; /* 垂直跨距 */
-	/* 分配内存，用于保存字体位图 */
-	size = bmp->rows * bmp->pitch;
-	bmp->buffer = (uint8_t *)malloc(size);
-	if (!bmp->buffer) {
-		FT_Done_Glyph(glyph);
-		return -1;
-	}
-
-	switch (bitmap_glyph->bitmap.pixel_mode) {
-		/* 8位灰度位图，直接拷贝 */
-	case FT_PIXEL_MODE_GRAY:
-		memcpy(bmp->buffer, bitmap_glyph->bitmap.buffer, size);
-		break;
-		/* 单色点阵图，需要转换 */
-	case FT_PIXEL_MODE_MONO: {
-		FT_Bitmap bitmap;
-		FT_Int x, y;
-		uint8_t *bit_ptr, *byte_ptr;
-
-		FT_Bitmap_New(&bitmap);
-		/* 转换位图bitmap_glyph->bitmap至bitmap，1个像素占1个字节 */
-		FT_Bitmap_Convert(freetype.library, &bitmap_glyph->bitmap,
-				  &bitmap, 1);
-		bit_ptr = bitmap.buffer;
-		byte_ptr = bmp->buffer;
-		for (y = 0; y < bmp->rows; ++y) {
-			for (x = 0; x < bmp->width; ++x) {
-				*byte_ptr = *bit_ptr ? 255 : 0;
-				++byte_ptr, ++bit_ptr;
-			}
-		}
-		FT_Bitmap_Done(freetype.library, &bitmap);
-		break;
-	}
-	/* 其它像素模式的位图，暂时先直接填充255，等需要时再完善 */
-	default:
-		memset(bmp->buffer, 255, size);
-		break;
-	}
-	FT_Done_Glyph(glyph);
-	return size;
+        int error;
+        size_t size;
+        FT_BitmapGlyph bitmap_glyph;
+        FT_Glyph glyph;
+
+        /* 从字形槽中提取一个字形图像
+         * 请注意，创建的FT_Glyph对象必须与FT_Done_Glyph成对使用 */
+        error = FT_Get_Glyph(slot, &glyph);
+        if (error) {
+                return -1;
+        }
+        /*---------------------- 打印字体信息 --------------------------
+        LOG(" width= %ld,  met->height= %ld\n"
+        "horiBearingX = %ld, horiBearingY = %ld, horiAdvance = %ld\n"
+        "vertBearingX = %ld, vertBearingY = %ld,  vertAdvance = %ld\n",
+        slot->metrics.width>>6, slot->metrics.height>>6,
+        slot->metrics.horiBearingX>>6, slot->metrics.horiBearingY>>6,
+        slot->metrics.horiAdvance>>6, slot->metrics.vertBearingX>>6,
+        slot->metrics.vertBearingY>>6, slot->metrics.vertAdvance>>6 );
+        ------------------------------------------------------------*/
+        if (glyph->format != FT_GLYPH_FORMAT_BITMAP) {
+                error = FT_Glyph_To_Bitmap(&glyph, mode, 0, 1);
+                if (error) {
+                        return -1;
+                }
+        }
+        bitmap_glyph = (FT_BitmapGlyph)glyph;
+        /*
+         * FT_Glyph_Metrics结构体中保存字形度量，通过face->glyph->metrics结
+         * 构访问，可得到字形的宽、高、左边界距、上边界距、水平跨距等等。
+         * 注意：因为不是所有的字体都包含垂直度量，当FT_HAS_VERTICAL为假时，
+         * vertBearingX，vertBearingY和vertAdvance的值是不可靠的，目前暂不考虑
+         * 此情况的处理。
+         * */
+        bmp->top = bitmap_glyph->top;
+        bmp->left = bitmap_glyph->left;
+        bmp->rows = bitmap_glyph->bitmap.rows;
+        bmp->width = bitmap_glyph->bitmap.width;
+        bmp->pitch = bmp->width * sizeof(uint8_t);
+        bmp->metrics.ascender = slot->face->size->metrics.ascender >> 6;
+        bmp->metrics.bbox_width = slot->face->size->metrics.max_advance >> 6;
+        bmp->metrics.bbox_height = slot->face->size->metrics.height >> 6;
+        bmp->metrics.hori_advance =
+            slot->metrics.horiAdvance >> 6; /* 水平跨距 */
+        bmp->metrics.vert_advance =
+            slot->metrics.vertAdvance >> 6; /* 垂直跨距 */
+        /* 分配内存，用于保存字体位图 */
+        size = bmp->rows * bmp->pitch;
+        bmp->buffer = (uint8_t *)malloc(size);
+        if (!bmp->buffer) {
+                FT_Done_Glyph(glyph);
+                return -1;
+        }
+
+        switch (bitmap_glyph->bitmap.pixel_mode) {
+                /* 8位灰度位图，直接拷贝 */
+        case FT_PIXEL_MODE_GRAY:
+                memcpy(bmp->buffer, bitmap_glyph->bitmap.buffer, size);
+                break;
+                /* 单色点阵图，需要转换 */
+        case FT_PIXEL_MODE_MONO: {
+                FT_Bitmap bitmap;
+                FT_Int x, y;
+                uint8_t *bit_ptr, *byte_ptr;
+
+                FT_Bitmap_New(&bitmap);
+                /* 转换位图bitmap_glyph->bitmap至bitmap，1个像素占1个字节 */
+                FT_Bitmap_Convert(freetype.library, &bitmap_glyph->bitmap,
+                                  &bitmap, 1);
+                bit_ptr = bitmap.buffer;
+                byte_ptr = bmp->buffer;
+                for (y = 0; y < bmp->rows; ++y) {
+                        for (x = 0; x < bmp->width; ++x) {
+                                *byte_ptr = *bit_ptr ? 255 : 0;
+                                ++byte_ptr, ++bit_ptr;
+                        }
+                }
+                FT_Bitmap_Done(freetype.library, &bitmap);
+                break;
+        }
+        /* 其它像素模式的位图，暂时先直接填充255，等需要时再完善 */
+        default:
+                memset(bmp->buffer, 255, size);
+                break;
+        }
+        FT_Done_Glyph(glyph);
+        return size;
 }
 
-static int pd_freetype_render(pd_font_bitmap_t *bmp, unsigned ch,
-			      int pixel_size, pd_font_t *font)
+static int pd_freetype_render(pd_glyph_bitmap_t *bmp, unsigned ch,
+                              int pixel_size, pd_font_face_t *font)
 {
-	int ret = 0;
-	FT_UInt index;
-	FT_Face ft_face = (FT_Face)font->data;
-
-	/* 设定字体尺寸 */
-	FT_Set_Pixel_Sizes(ft_face, 0, pixel_size);
-	index = FT_Get_Char_Index(ft_face, ch);
-	if (index == 0) {
-		ret = -1;
-	}
-	/* 载入该字的字形数据 */
-	if (FT_Load_Glyph(ft_face, index, LCUI_FONT_LOAD_FALGS) != 0) {
-		return -2;
-	}
-	convert_glyph(bmp, ft_face->glyph, LCUI_FONT_RENDER_MODE);
-	return ret;
+        int ret = 0;
+        FT_UInt index;
+        FT_Face ft_face = (FT_Face)font->data;
+
+        /* 设定字体尺寸 */
+        FT_Set_Pixel_Sizes(ft_face, 0, pixel_size);
+        index = FT_Get_Char_Index(ft_face, ch);
+        if (index == 0) {
+                ret = -1;
+        }
+        /* 载入该字的字形数据 */
+        if (FT_Load_Glyph(ft_face, index, LCUI_FONT_LOAD_FALGS) != 0) {
+                return -2;
+        }
+        convert_glyph(bmp, ft_face->glyph, LCUI_FONT_RENDER_MODE);
+        return ret;
+}
+
+static unsigned pd_freetype_get_glyph_index(pd_font_face_t *font, unsigned ch)
+{
+        FT_Face ft_face = (FT_Face)font->data;
+
+        return FT_Get_Char_Index(ft_face, ch);
 }
 
-int pd_freetype_engine_init(font_engine_t *engine)
+int pd_freetype_engine_init(pd_font_engine_t *engine)
 {
-	if (FT_Init_FreeType(&freetype.library)) {
-		return -1;
-	}
-	strcpy(engine->name, "FreeType");
-	engine->render = pd_freetype_render;
-	engine->open = pd_freetype_open;
-	engine->close = pd_freetype_close;
-	return 0;
+        if (FT_Init_FreeType(&freetype.library)) {
+                return -1;
+        }
+        strcpy(engine->name, "FreeType");
+        engine->render = pd_freetype_render;
+        engine->open = pd_freetype_open;
+        engine->close = pd_freetype_close;
+        engine->get_glyph_index = pd_freetype_get_glyph_index;
+        return 0;
 }
 
 int pd_freetype_engine_destroy(void)
 {
-	FT_Done_FreeType(freetype.library);
-	return 0;
+        FT_Done_FreeType(freetype.library);
+        return 0;
 }
 
 #endif
diff --git a/lib/pandagl/src/font/freetype.h b/lib/pandagl/src/font/freetype.h
index 5dde769c8..ffbb44fee 100644
--- a/lib/pandagl/src/font/freetype.h
+++ b/lib/pandagl/src/font/freetype.h
@@ -1,13 +1,13 @@
 /*
  * lib/pandagl/src/font/freetype.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
-int pd_freetype_engine_init(font_engine_t *engine);
+int pd_freetype_engine_init(pd_font_engine_t *engine);
 int pd_freetype_engine_destroy(void);
diff --git a/lib/pandagl/src/font/inconsolata.c b/lib/pandagl/src/font/inconsolata.c
index f19c6ba64..94bbbd9a5 100644
--- a/lib/pandagl/src/font/inconsolata.c
+++ b/lib/pandagl/src/font/inconsolata.c
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/src/font/inconsolata.c: bitmap data of the inconsolata font.
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 // TODO: 删除此文件，可考虑由 lcui-cli 提供字体位图到 C 源码的生成功能
@@ -16,7637 +16,5048 @@
 #include <pandagl.h>
 
 enum font_index {
-	SIZE_12_PX,
-	SIZE_13_PX,
-	SIZE_14_PX,
-	SIZE_15_PX,
-	SIZE_16_PX,
-	SIZE_17_PX,
-	SIZE_18_PX,
-	SIZE_TOTAL
+        SIZE_12_PX,
+        SIZE_13_PX,
+        SIZE_14_PX,
+        SIZE_15_PX,
+        SIZE_16_PX,
+        SIZE_17_PX,
+        SIZE_18_PX,
+        SIZE_TOTAL
 };
 
 /* inconsolata 字体数据索引 */
-static const pd_font_bitmap_t pd_inconsolata_font_bitmap_info[SIZE_TOTAL][95] = {
-	{
-		{ 16, 0, 0, 0, 0, (uint8_t*)0x00000000, { 6, 12 } },
-		{ 11, 1, 3, 9, 9, (uint8_t*)0x00000000, { 6, 12 } },
-		{ 11, 1, 4, 3, 3, (uint8_t*)0x0000001B, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x00000027, { 6, 12 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x00000057, { 6, 12 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x0000008D, { 6, 12 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x000000C3, { 6, 12 } },
-		{ 11, 2, 2, 3, 3, (uint8_t*)0x000000F9, { 6, 12 } },
-		{ 11, 2, 3, 10, 10, (uint8_t*)0x000000FF, { 6, 12 } },
-		{ 11, 0, 3, 10, 10, (uint8_t*)0x0000011D, { 6, 12 } },
-		{ 10, 0, 6, 6, 6, (uint8_t*)0x0000013B, { 6, 12 } },
-		{ 10, 0, 6, 6, 6, (uint8_t*)0x0000015F, { 6, 12 } },
-		{ 5, 1, 3, 4, 4, (uint8_t*)0x00000183, { 6, 12 } },
-		{ 8, 0, 6, 2, 2, (uint8_t*)0x0000018F, { 6, 12 } },
-		{ 5, 1, 3, 3, 3, (uint8_t*)0x0000019B, { 6, 12 } },
-		{ 11, 3, 3, 9, 9, (uint8_t*)0x000001A4, { 6, 12 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x000001BF, { 6, 12 } },
-		{ 11, 0, 4, 8, 8, (uint8_t*)0x000001F5, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x00000215, { 6, 12 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x00000245, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x0000027B, { 6, 12 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x000002AB, { 6, 12 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x000002E1, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x00000317, { 6, 12 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x00000347, { 6, 12 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x0000037D, { 6, 12 } },
-		{ 8, 1, 3, 6, 6, (uint8_t*)0x000003B3, { 6, 12 } },
-		{ 8, 1, 3, 7, 7, (uint8_t*)0x000003C5, { 6, 12 } },
-		{ 10, 2, 4, 7, 7, (uint8_t*)0x000003DA, { 6, 12 } },
-		{ 9, 0, 6, 4, 4, (uint8_t*)0x000003F6, { 6, 12 } },
-		{ 10, 0, 4, 7, 7, (uint8_t*)0x0000040E, { 6, 12 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x0000042A, { 6, 12 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x00000460, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x00000496, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x000004C6, { 6, 12 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x000004F6, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x0000052C, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x0000055C, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x0000058C, { 6, 12 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x000005BC, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x000005F2, { 6, 12 } },
-		{ 11, 0, 5, 8, 8, (uint8_t*)0x00000622, { 6, 12 } },
-		{ 11, 1, 5, 9, 9, (uint8_t*)0x0000064A, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x00000677, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x000006A7, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x000006D7, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x00000707, { 6, 12 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x00000737, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x0000076D, { 6, 12 } },
-		{ 11, 0, 6, 10, 10, (uint8_t*)0x0000079D, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x000007D9, { 6, 12 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x00000809, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x0000083F, { 6, 12 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x0000086F, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x000008A5, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x000008D5, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x00000905, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x00000935, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x00000965, { 6, 12 } },
-		{ 11, 1, 5, 9, 9, (uint8_t*)0x00000995, { 6, 12 } },
-		{ 11, 0, 3, 9, 9, (uint8_t*)0x000009C2, { 6, 12 } },
-		{ 11, 0, 5, 9, 9, (uint8_t*)0x000009DD, { 6, 12 } },
-		{ 11, 0, 5, 4, 4, (uint8_t*)0x00000A0A, { 6, 12 } },
-		{ 16, 0, 6, 0, 0, (uint8_t*)0x00000A1E, { 6, 12 } },
-		{ 11, 1, 3, 3, 3, (uint8_t*)0x00000A1E, { 6, 12 } },
-		{ 9, 0, 6, 7, 7, (uint8_t*)0x00000A27, { 6, 12 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x00000A51, { 6, 12 } },
-		{ 9, 0, 6, 7, 7, (uint8_t*)0x00000A87, { 6, 12 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x00000AB1, { 6, 12 } },
-		{ 9, 0, 6, 7, 7, (uint8_t*)0x00000AE7, { 6, 12 } },
-		{ 11, 1, 5, 8, 8, (uint8_t*)0x00000B11, { 6, 12 } },
-		{ 9, 0, 6, 8, 8, (uint8_t*)0x00000B39, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x00000B69, { 6, 12 } },
-		{ 11, 0, 5, 8, 8, (uint8_t*)0x00000B99, { 6, 12 } },
-		{ 11, 0, 5, 10, 10, (uint8_t*)0x00000BC1, { 6, 12 } },
-		{ 11, 0, 6, 8, 8, (uint8_t*)0x00000BF3, { 6, 12 } },
-		{ 11, 0, 5, 8, 8, (uint8_t*)0x00000C23, { 6, 12 } },
-		{ 9, 0, 6, 6, 6, (uint8_t*)0x00000C4B, { 6, 12 } },
-		{ 9, 0, 6, 6, 6, (uint8_t*)0x00000C6F, { 6, 12 } },
-		{ 9, 0, 6, 7, 7, (uint8_t*)0x00000C93, { 6, 12 } },
-		{ 9, 0, 6, 8, 8, (uint8_t*)0x00000CBD, { 6, 12 } },
-		{ 9, 0, 6, 8, 8, (uint8_t*)0x00000CED, { 6, 12 } },
-		{ 9, 0, 6, 6, 6, (uint8_t*)0x00000D1D, { 6, 12 } },
-		{ 9, 0, 6, 7, 7, (uint8_t*)0x00000D41, { 6, 12 } },
-		{ 11, 0, 5, 9, 9, (uint8_t*)0x00000D6B, { 6, 12 } },
-		{ 9, 0, 6, 7, 7, (uint8_t*)0x00000D98, { 6, 12 } },
-		{ 9, 0, 6, 6, 6, (uint8_t*)0x00000DC2, { 6, 12 } },
-		{ 9, 0, 6, 6, 6, (uint8_t*)0x00000DE6, { 6, 12 } },
-		{ 9, 0, 6, 6, 6, (uint8_t*)0x00000E0A, { 6, 12 } },
-		{ 9, 0, 6, 8, 8, (uint8_t*)0x00000E2E, { 6, 12 } },
-		{ 9, 0, 6, 6, 6, (uint8_t*)0x00000E5E, { 6, 12 } },
-		{ 11, 1, 4, 10, 10, (uint8_t*)0x00000E82, { 6, 12 } },
-		{ 11, 2, 2, 10, 10, (uint8_t*)0x00000EAA, { 6, 12 } },
-		{ 11, 0, 4, 10, 10, (uint8_t*)0x00000EBE, { 6, 12 } },
-		{ 9, 0, 6, 3, 3, (uint8_t*)0x00000EE6, { 6, 12 } }
-	}, {
-		{ 16, 0, 0, 0, 0, (uint8_t*)0x00000000, { 7, 13 } },
-		{ 11, 2, 2, 10, 10, (uint8_t*)0x00000000, { 7, 13 } },
-		{ 11, 1, 5, 4, 4, (uint8_t*)0x00000014, { 7, 13 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000028, { 7, 13 } },
-		{ 11, 0, 6, 10, 10, (uint8_t*)0x00000067, { 7, 13 } },
-		{ 11, 0, 7, 10, 10, (uint8_t*)0x000000A3, { 7, 13 } },
-		{ 11, 0, 7, 10, 10, (uint8_t*)0x000000E9, { 7, 13 } },
-		{ 11, 2, 3, 4, 4, (uint8_t*)0x0000012F, { 7, 13 } },
-		{ 11, 2, 4, 12, 12, (uint8_t*)0x0000013B, { 7, 13 } },
-		{ 11, 0, 4, 12, 12, (uint8_t*)0x0000016B, { 7, 13 } },
-		{ 9, 0, 6, 6, 6, (uint8_t*)0x0000019B, { 7, 13 } },
-		{ 9, 0, 7, 6, 6, (uint8_t*)0x000001BF, { 7, 13 } },
-		{ 4, 1, 3, 5, 5, (uint8_t*)0x000001E9, { 7, 13 } },
-		{ 7, 0, 6, 2, 2, (uint8_t*)0x000001F8, { 7, 13 } },
-		{ 4, 2, 2, 3, 3, (uint8_t*)0x00000204, { 7, 13 } },
-		{ 11, 3, 3, 10, 10, (uint8_t*)0x0000020A, { 7, 13 } },
-		{ 11, 0, 6, 10, 10, (uint8_t*)0x00000228, { 7, 13 } },
-		{ 11, 0, 4, 9, 9, (uint8_t*)0x00000264, { 7, 13 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x00000288, { 7, 13 } },
-		{ 11, 0, 6, 10, 10, (uint8_t*)0x000002BE, { 7, 13 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x000002FA, { 7, 13 } },
-		{ 11, 0, 6, 10, 10, (uint8_t*)0x00000330, { 7, 13 } },
-		{ 11, 0, 6, 10, 10, (uint8_t*)0x0000036C, { 7, 13 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x000003A8, { 7, 13 } },
-		{ 11, 0, 6, 10, 10, (uint8_t*)0x000003DE, { 7, 13 } },
-		{ 11, 0, 6, 10, 10, (uint8_t*)0x0000041A, { 7, 13 } },
-		{ 8, 2, 2, 7, 7, (uint8_t*)0x00000456, { 7, 13 } },
-		{ 8, 1, 3, 9, 9, (uint8_t*)0x00000464, { 7, 13 } },
-		{ 10, 1, 5, 8, 8, (uint8_t*)0x0000047F, { 7, 13 } },
-		{ 8, 0, 7, 4, 4, (uint8_t*)0x000004A7, { 7, 13 } },
-		{ 10, 2, 5, 8, 8, (uint8_t*)0x000004C3, { 7, 13 } },
-		{ 11, 0, 6, 10, 10, (uint8_t*)0x000004EB, { 7, 13 } },
-		{ 11, 0, 7, 10, 10, (uint8_t*)0x00000527, { 7, 13 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x0000056D, { 7, 13 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x000005AC, { 7, 13 } },
-		{ 11, 0, 7, 10, 10, (uint8_t*)0x000005E2, { 7, 13 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000628, { 7, 13 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x00000667, { 7, 13 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x0000069D, { 7, 13 } },
-		{ 11, 0, 7, 10, 10, (uint8_t*)0x000006D3, { 7, 13 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x00000719, { 7, 13 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x0000074F, { 7, 13 } },
-		{ 11, 1, 6, 10, 10, (uint8_t*)0x00000785, { 7, 13 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x000007C1, { 7, 13 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x00000800, { 7, 13 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000836, { 7, 13 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x00000875, { 7, 13 } },
-		{ 11, 0, 7, 10, 10, (uint8_t*)0x000008AB, { 7, 13 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x000008F1, { 7, 13 } },
-		{ 11, 0, 7, 11, 11, (uint8_t*)0x00000930, { 7, 13 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x0000097D, { 7, 13 } },
-		{ 11, 0, 6, 10, 10, (uint8_t*)0x000009B3, { 7, 13 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x000009EF, { 7, 13 } },
-		{ 11, 0, 6, 10, 10, (uint8_t*)0x00000A2E, { 7, 13 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000A6A, { 7, 13 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000AA9, { 7, 13 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x00000AE8, { 7, 13 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000B1E, { 7, 13 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x00000B5D, { 7, 13 } },
-		{ 11, 1, 5, 11, 11, (uint8_t*)0x00000B93, { 7, 13 } },
-		{ 11, 0, 3, 10, 10, (uint8_t*)0x00000BCA, { 7, 13 } },
-		{ 11, 0, 5, 11, 11, (uint8_t*)0x00000BE8, { 7, 13 } },
-		{ 11, 0, 6, 5, 5, (uint8_t*)0x00000C1F, { 7, 13 } },
-		{ 16, 0, 6, 0, 0, (uint8_t*)0x00000C3D, { 7, 13 } },
-		{ 11, 1, 3, 4, 4, (uint8_t*)0x00000C3D, { 7, 13 } },
-		{ 8, 0, 6, 7, 7, (uint8_t*)0x00000C49, { 7, 13 } },
-		{ 11, 0, 7, 10, 10, (uint8_t*)0x00000C73, { 7, 13 } },
-		{ 8, 0, 7, 7, 7, (uint8_t*)0x00000CB9, { 7, 13 } },
-		{ 11, 0, 6, 10, 10, (uint8_t*)0x00000CEA, { 7, 13 } },
-		{ 8, 0, 6, 7, 7, (uint8_t*)0x00000D26, { 7, 13 } },
-		{ 11, 1, 6, 9, 9, (uint8_t*)0x00000D50, { 7, 13 } },
-		{ 9, 0, 7, 10, 10, (uint8_t*)0x00000D86, { 7, 13 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x00000DCC, { 7, 13 } },
-		{ 11, 1, 5, 9, 9, (uint8_t*)0x00000E02, { 7, 13 } },
-		{ 11, 0, 5, 12, 12, (uint8_t*)0x00000E2F, { 7, 13 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000E6B, { 7, 13 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x00000EAA, { 7, 13 } },
-		{ 8, 0, 7, 6, 6, (uint8_t*)0x00000EE0, { 7, 13 } },
-		{ 8, 0, 6, 6, 6, (uint8_t*)0x00000F0A, { 7, 13 } },
-		{ 8, 0, 7, 7, 7, (uint8_t*)0x00000F2E, { 7, 13 } },
-		{ 8, 0, 7, 9, 9, (uint8_t*)0x00000F5F, { 7, 13 } },
-		{ 8, 0, 6, 9, 9, (uint8_t*)0x00000F9E, { 7, 13 } },
-		{ 8, 1, 5, 6, 6, (uint8_t*)0x00000FD4, { 7, 13 } },
-		{ 8, 0, 6, 7, 7, (uint8_t*)0x00000FF2, { 7, 13 } },
-		{ 10, 0, 6, 9, 9, (uint8_t*)0x0000101C, { 7, 13 } },
-		{ 8, 0, 6, 7, 7, (uint8_t*)0x00001052, { 7, 13 } },
-		{ 8, 0, 7, 6, 6, (uint8_t*)0x0000107C, { 7, 13 } },
-		{ 8, 0, 7, 6, 6, (uint8_t*)0x000010A6, { 7, 13 } },
-		{ 8, 0, 6, 6, 6, (uint8_t*)0x000010D0, { 7, 13 } },
-		{ 8, 0, 7, 9, 9, (uint8_t*)0x000010F4, { 7, 13 } },
-		{ 8, 0, 6, 6, 6, (uint8_t*)0x00001133, { 7, 13 } },
-		{ 11, 2, 4, 11, 11, (uint8_t*)0x00001157, { 7, 13 } },
-		{ 11, 2, 2, 11, 11, (uint8_t*)0x00001183, { 7, 13 } },
-		{ 11, 0, 5, 11, 11, (uint8_t*)0x00001199, { 7, 13 } },
-		{ 8, 0, 7, 2, 2, (uint8_t*)0x000011D0, { 7, 13 } }
-	}, {
-		{ 16, 0, 0, 0, 0, (uint8_t*)0x00000000, { 7, 14 } },
-		{ 12, 2, 3, 11, 11, (uint8_t*)0x00000000, { 7, 14 } },
-		{ 12, 1, 5, 5, 5, (uint8_t*)0x00000021, { 7, 14 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x0000003A, { 7, 14 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x00000079, { 7, 14 } },
-		{ 11, 0, 7, 10, 10, (uint8_t*)0x000000C6, { 7, 14 } },
-		{ 11, 0, 7, 10, 10, (uint8_t*)0x0000010C, { 7, 14 } },
-		{ 12, 2, 3, 5, 5, (uint8_t*)0x00000152, { 7, 14 } },
-		{ 12, 3, 3, 13, 13, (uint8_t*)0x00000161, { 7, 14 } },
-		{ 12, 0, 4, 13, 13, (uint8_t*)0x00000188, { 7, 14 } },
-		{ 10, 0, 7, 7, 7, (uint8_t*)0x000001BC, { 7, 14 } },
-		{ 10, 0, 7, 7, 7, (uint8_t*)0x000001ED, { 7, 14 } },
-		{ 4, 2, 3, 5, 5, (uint8_t*)0x0000021E, { 7, 14 } },
-		{ 16, 0, 6, 0, 0, (uint8_t*)0x0000022D, { 7, 14 } },
-		{ 4, 2, 3, 3, 3, (uint8_t*)0x0000022D, { 7, 14 } },
-		{ 12, 4, 3, 11, 11, (uint8_t*)0x00000236, { 7, 14 } },
-		{ 11, 0, 7, 10, 10, (uint8_t*)0x00000257, { 7, 14 } },
-		{ 11, 0, 5, 9, 9, (uint8_t*)0x0000029D, { 7, 14 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x000002CA, { 7, 14 } },
-		{ 11, 0, 6, 10, 10, (uint8_t*)0x00000309, { 7, 14 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000345, { 7, 14 } },
-		{ 11, 0, 7, 10, 10, (uint8_t*)0x00000384, { 7, 14 } },
-		{ 11, 0, 7, 10, 10, (uint8_t*)0x000003CA, { 7, 14 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000410, { 7, 14 } },
-		{ 11, 0, 7, 10, 10, (uint8_t*)0x0000044F, { 7, 14 } },
-		{ 11, 0, 7, 10, 10, (uint8_t*)0x00000495, { 7, 14 } },
-		{ 8, 2, 3, 7, 7, (uint8_t*)0x000004DB, { 7, 14 } },
-		{ 8, 2, 3, 9, 9, (uint8_t*)0x000004F0, { 7, 14 } },
-		{ 10, 2, 5, 8, 8, (uint8_t*)0x0000050B, { 7, 14 } },
-		{ 9, 0, 7, 5, 5, (uint8_t*)0x00000533, { 7, 14 } },
-		{ 10, 0, 5, 8, 8, (uint8_t*)0x00000556, { 7, 14 } },
-		{ 12, 0, 6, 11, 11, (uint8_t*)0x0000057E, { 7, 14 } },
-		{ 11, 0, 7, 10, 10, (uint8_t*)0x000005C0, { 7, 14 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000606, { 7, 14 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000645, { 7, 14 } },
-		{ 11, 0, 7, 10, 10, (uint8_t*)0x00000684, { 7, 14 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x000006CA, { 7, 14 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000709, { 7, 14 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000748, { 7, 14 } },
-		{ 11, 0, 7, 10, 10, (uint8_t*)0x00000787, { 7, 14 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x000007CD, { 7, 14 } },
-		{ 11, 0, 6, 9, 9, (uint8_t*)0x0000080C, { 7, 14 } },
-		{ 11, 0, 6, 10, 10, (uint8_t*)0x00000842, { 7, 14 } },
-		{ 11, 0, 7, 10, 10, (uint8_t*)0x0000087E, { 7, 14 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x000008C4, { 7, 14 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000903, { 7, 14 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000942, { 7, 14 } },
-		{ 11, 0, 7, 10, 10, (uint8_t*)0x00000981, { 7, 14 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x000009C7, { 7, 14 } },
-		{ 11, 0, 7, 11, 11, (uint8_t*)0x00000A06, { 7, 14 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000A53, { 7, 14 } },
-		{ 11, 0, 7, 10, 10, (uint8_t*)0x00000A92, { 7, 14 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000AD8, { 7, 14 } },
-		{ 11, 0, 7, 10, 10, (uint8_t*)0x00000B17, { 7, 14 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000B5D, { 7, 14 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000B9C, { 7, 14 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000BDB, { 7, 14 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000C1A, { 7, 14 } },
-		{ 11, 0, 7, 9, 9, (uint8_t*)0x00000C59, { 7, 14 } },
-		{ 12, 1, 5, 12, 12, (uint8_t*)0x00000C98, { 7, 14 } },
-		{ 12, 0, 3, 11, 11, (uint8_t*)0x00000CD4, { 7, 14 } },
-		{ 12, 0, 6, 12, 12, (uint8_t*)0x00000CF5, { 7, 14 } },
-		{ 11, 1, 5, 5, 5, (uint8_t*)0x00000D3D, { 7, 14 } },
-		{ 2, 0, 7, 2, 2, (uint8_t*)0x00000D56, { 7, 14 } },
-		{ 12, 1, 3, 4, 4, (uint8_t*)0x00000D64, { 7, 14 } },
-		{ 9, 0, 7, 8, 8, (uint8_t*)0x00000D70, { 7, 14 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x00000DA8, { 7, 14 } },
-		{ 9, 0, 7, 8, 8, (uint8_t*)0x00000DF5, { 7, 14 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x00000E2D, { 7, 14 } },
-		{ 9, 0, 7, 8, 8, (uint8_t*)0x00000E7A, { 7, 14 } },
-		{ 12, 0, 6, 10, 10, (uint8_t*)0x00000EB2, { 7, 14 } },
-		{ 9, 0, 7, 10, 10, (uint8_t*)0x00000EEE, { 7, 14 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x00000F34, { 7, 14 } },
-		{ 12, 1, 5, 10, 10, (uint8_t*)0x00000F7A, { 7, 14 } },
-		{ 12, 0, 6, 13, 13, (uint8_t*)0x00000FAC, { 7, 14 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x00000FFA, { 7, 14 } },
-		{ 12, 0, 6, 10, 10, (uint8_t*)0x00001040, { 7, 14 } },
-		{ 9, 0, 7, 7, 7, (uint8_t*)0x0000107C, { 7, 14 } },
-		{ 9, 0, 7, 7, 7, (uint8_t*)0x000010AD, { 7, 14 } },
-		{ 9, 0, 7, 8, 8, (uint8_t*)0x000010DE, { 7, 14 } },
-		{ 9, 0, 7, 10, 10, (uint8_t*)0x00001116, { 7, 14 } },
-		{ 9, 0, 7, 10, 10, (uint8_t*)0x0000115C, { 7, 14 } },
-		{ 9, 1, 6, 7, 7, (uint8_t*)0x000011A2, { 7, 14 } },
-		{ 9, 0, 7, 8, 8, (uint8_t*)0x000011CC, { 7, 14 } },
-		{ 11, 0, 6, 10, 10, (uint8_t*)0x00001204, { 7, 14 } },
-		{ 9, 0, 7, 8, 8, (uint8_t*)0x00001240, { 7, 14 } },
-		{ 9, 0, 7, 7, 7, (uint8_t*)0x00001278, { 7, 14 } },
-		{ 9, 0, 7, 7, 7, (uint8_t*)0x000012A9, { 7, 14 } },
-		{ 9, 0, 7, 7, 7, (uint8_t*)0x000012DA, { 7, 14 } },
-		{ 9, 0, 7, 10, 10, (uint8_t*)0x0000130B, { 7, 14 } },
-		{ 9, 0, 7, 7, 7, (uint8_t*)0x00001351, { 7, 14 } },
-		{ 11, 2, 4, 12, 12, (uint8_t*)0x00001382, { 7, 14 } },
-		{ 12, 2, 3, 13, 13, (uint8_t*)0x000013B2, { 7, 14 } },
-		{ 11, 1, 4, 12, 12, (uint8_t*)0x000013D9, { 7, 14 } },
-		{ 9, 0, 7, 3, 3, (uint8_t*)0x00001409, { 7, 14 } }
-	}, {
-		{ 17, 0, 0, 0, 0, (uint8_t*)0x00000000, { 8, 15 } },
-		{ 12, 2, 3, 11, 11, (uint8_t*)0x00000000, { 8, 15 } },
-		{ 12, 1, 5, 4, 4, (uint8_t*)0x00000021, { 8, 15 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x00000035, { 8, 15 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x00000085, { 8, 15 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x000000D2, { 8, 15 } },
-		{ 12, 0, 8, 11, 11, (uint8_t*)0x0000011F, { 8, 15 } },
-		{ 12, 2, 3, 4, 4, (uint8_t*)0x00000177, { 8, 15 } },
-		{ 12, 2, 4, 13, 13, (uint8_t*)0x00000183, { 8, 15 } },
-		{ 12, 1, 4, 13, 13, (uint8_t*)0x000001B7, { 8, 15 } },
-		{ 10, 0, 7, 7, 7, (uint8_t*)0x000001EB, { 8, 15 } },
-		{ 10, 0, 7, 7, 7, (uint8_t*)0x0000021C, { 8, 15 } },
-		{ 4, 2, 3, 5, 5, (uint8_t*)0x0000024D, { 8, 15 } },
-		{ 8, 0, 7, 2, 2, (uint8_t*)0x0000025C, { 8, 15 } },
-		{ 4, 2, 3, 3, 3, (uint8_t*)0x0000026A, { 8, 15 } },
-		{ 12, 4, 3, 11, 11, (uint8_t*)0x00000273, { 8, 15 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x00000294, { 8, 15 } },
-		{ 12, 1, 4, 10, 10, (uint8_t*)0x000002E1, { 8, 15 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x00000309, { 8, 15 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x0000034F, { 8, 15 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x0000039C, { 8, 15 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x000003E2, { 8, 15 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x0000042F, { 8, 15 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x0000047C, { 8, 15 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x000004C2, { 8, 15 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x0000050F, { 8, 15 } },
-		{ 9, 2, 3, 8, 8, (uint8_t*)0x0000055C, { 8, 15 } },
-		{ 9, 2, 3, 10, 10, (uint8_t*)0x00000574, { 8, 15 } },
-		{ 11, 2, 5, 9, 9, (uint8_t*)0x00000592, { 8, 15 } },
-		{ 9, 0, 7, 5, 5, (uint8_t*)0x000005BF, { 8, 15 } },
-		{ 11, 1, 5, 9, 9, (uint8_t*)0x000005E2, { 8, 15 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x0000060F, { 8, 15 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x0000065C, { 8, 15 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x000006A9, { 8, 15 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x000006F9, { 8, 15 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x0000073F, { 8, 15 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x0000078C, { 8, 15 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x000007D2, { 8, 15 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x00000818, { 8, 15 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x0000085E, { 8, 15 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x000008AB, { 8, 15 } },
-		{ 12, 0, 6, 10, 10, (uint8_t*)0x000008F1, { 8, 15 } },
-		{ 12, 0, 6, 11, 11, (uint8_t*)0x0000092D, { 8, 15 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x0000096F, { 8, 15 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x000009B5, { 8, 15 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x000009FB, { 8, 15 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x00000A41, { 8, 15 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x00000A87, { 8, 15 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x00000AD4, { 8, 15 } },
-		{ 12, 0, 7, 13, 13, (uint8_t*)0x00000B1A, { 8, 15 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x00000B75, { 8, 15 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x00000BBB, { 8, 15 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x00000C08, { 8, 15 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x00000C4E, { 8, 15 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x00000C9B, { 8, 15 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x00000CEB, { 8, 15 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x00000D3B, { 8, 15 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x00000D81, { 8, 15 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x00000DD1, { 8, 15 } },
-		{ 12, 1, 6, 12, 12, (uint8_t*)0x00000E17, { 8, 15 } },
-		{ 12, 0, 3, 11, 11, (uint8_t*)0x00000E5F, { 8, 15 } },
-		{ 12, 0, 6, 12, 12, (uint8_t*)0x00000E80, { 8, 15 } },
-		{ 12, 1, 5, 5, 5, (uint8_t*)0x00000EC8, { 8, 15 } },
-		{ 2, 0, 7, 2, 2, (uint8_t*)0x00000EE1, { 8, 15 } },
-		{ 12, 1, 3, 4, 4, (uint8_t*)0x00000EEF, { 8, 15 } },
-		{ 9, 0, 7, 8, 8, (uint8_t*)0x00000EFB, { 8, 15 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x00000F33, { 8, 15 } },
-		{ 9, 0, 7, 8, 8, (uint8_t*)0x00000F80, { 8, 15 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x00000FB8, { 8, 15 } },
-		{ 9, 0, 7, 8, 8, (uint8_t*)0x00001005, { 8, 15 } },
-		{ 12, 2, 6, 10, 10, (uint8_t*)0x0000103D, { 8, 15 } },
-		{ 9, 1, 7, 10, 10, (uint8_t*)0x00001079, { 8, 15 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x000010BF, { 8, 15 } },
-		{ 12, 1, 5, 10, 10, (uint8_t*)0x00001105, { 8, 15 } },
-		{ 12, 0, 6, 13, 13, (uint8_t*)0x00001137, { 8, 15 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x00001185, { 8, 15 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x000011D5, { 8, 15 } },
-		{ 9, 0, 7, 7, 7, (uint8_t*)0x0000121B, { 8, 15 } },
-		{ 9, 0, 7, 7, 7, (uint8_t*)0x0000124C, { 8, 15 } },
-		{ 9, 0, 7, 8, 8, (uint8_t*)0x0000127D, { 8, 15 } },
-		{ 9, 0, 7, 10, 10, (uint8_t*)0x000012B5, { 8, 15 } },
-		{ 9, 0, 7, 10, 10, (uint8_t*)0x000012FB, { 8, 15 } },
-		{ 9, 1, 6, 7, 7, (uint8_t*)0x00001341, { 8, 15 } },
-		{ 9, 0, 7, 8, 8, (uint8_t*)0x0000136B, { 8, 15 } },
-		{ 11, 0, 6, 10, 10, (uint8_t*)0x000013A3, { 8, 15 } },
-		{ 9, 0, 7, 8, 8, (uint8_t*)0x000013DF, { 8, 15 } },
-		{ 9, 0, 7, 7, 7, (uint8_t*)0x00001417, { 8, 15 } },
-		{ 9, 0, 8, 7, 7, (uint8_t*)0x00001448, { 8, 15 } },
-		{ 9, 0, 7, 7, 7, (uint8_t*)0x00001480, { 8, 15 } },
-		{ 9, 0, 7, 10, 10, (uint8_t*)0x000014B1, { 8, 15 } },
-		{ 9, 0, 7, 7, 7, (uint8_t*)0x000014F7, { 8, 15 } },
-		{ 12, 2, 5, 13, 13, (uint8_t*)0x00001528, { 8, 15 } },
-		{ 12, 2, 3, 13, 13, (uint8_t*)0x00001569, { 8, 15 } },
-		{ 12, 1, 4, 13, 13, (uint8_t*)0x00001590, { 8, 15 } },
-		{ 9, 0, 8, 3, 3, (uint8_t*)0x000015C4, { 8, 15 } }
-	}, {
-		{ 19, 0, 0, 0, 0, (uint8_t*)0x00000000, { 8, 16 } },
-		{ 13, 2, 3, 12, 12, (uint8_t*)0x00000000, { 8, 16 } },
-		{ 13, 1, 6, 5, 5, (uint8_t*)0x00000024, { 8, 16 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x00000042, { 8, 16 } },
-		{ 13, 0, 8, 12, 12, (uint8_t*)0x00000092, { 8, 16 } },
-		{ 13, 0, 8, 12, 12, (uint8_t*)0x000000F2, { 8, 16 } },
-		{ 12, 0, 8, 11, 11, (uint8_t*)0x00000152, { 8, 16 } },
-		{ 13, 3, 3, 5, 5, (uint8_t*)0x000001AA, { 8, 16 } },
-		{ 13, 3, 4, 14, 14, (uint8_t*)0x000001B9, { 8, 16 } },
-		{ 13, 0, 4, 14, 14, (uint8_t*)0x000001F1, { 8, 16 } },
-		{ 11, 0, 8, 8, 8, (uint8_t*)0x00000229, { 8, 16 } },
-		{ 11, 0, 8, 8, 8, (uint8_t*)0x00000269, { 8, 16 } },
-		{ 4, 2, 3, 5, 5, (uint8_t*)0x000002A9, { 8, 16 } },
-		{ 8, 0, 7, 2, 2, (uint8_t*)0x000002B8, { 8, 16 } },
-		{ 4, 2, 3, 3, 3, (uint8_t*)0x000002C6, { 8, 16 } },
-		{ 13, 4, 3, 12, 12, (uint8_t*)0x000002CF, { 8, 16 } },
-		{ 12, 0, 8, 11, 11, (uint8_t*)0x000002F3, { 8, 16 } },
-		{ 12, 1, 4, 10, 10, (uint8_t*)0x0000034B, { 8, 16 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x00000373, { 8, 16 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x000003B9, { 8, 16 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x00000406, { 8, 16 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x00000456, { 8, 16 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x000004A3, { 8, 16 } },
-		{ 12, 1, 6, 10, 10, (uint8_t*)0x000004F0, { 8, 16 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x0000052C, { 8, 16 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x00000579, { 8, 16 } },
-		{ 9, 2, 3, 8, 8, (uint8_t*)0x000005C6, { 8, 16 } },
-		{ 9, 2, 3, 10, 10, (uint8_t*)0x000005DE, { 8, 16 } },
-		{ 11, 3, 5, 9, 9, (uint8_t*)0x000005FC, { 8, 16 } },
-		{ 9, 0, 8, 5, 5, (uint8_t*)0x00000629, { 8, 16 } },
-		{ 11, 0, 5, 9, 9, (uint8_t*)0x00000651, { 8, 16 } },
-		{ 13, 0, 7, 12, 12, (uint8_t*)0x0000067E, { 8, 16 } },
-		{ 13, 0, 8, 12, 12, (uint8_t*)0x000006D2, { 8, 16 } },
-		{ 13, 0, 8, 11, 11, (uint8_t*)0x00000732, { 8, 16 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x0000078A, { 8, 16 } },
-		{ 12, 0, 8, 11, 11, (uint8_t*)0x000007DA, { 8, 16 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x00000832, { 8, 16 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x00000882, { 8, 16 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x000008C8, { 8, 16 } },
-		{ 12, 0, 8, 11, 11, (uint8_t*)0x0000090E, { 8, 16 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x00000966, { 8, 16 } },
-		{ 12, 1, 6, 10, 10, (uint8_t*)0x000009B6, { 8, 16 } },
-		{ 12, 2, 6, 11, 11, (uint8_t*)0x000009F2, { 8, 16 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x00000A34, { 8, 16 } },
-		{ 12, 0, 7, 10, 10, (uint8_t*)0x00000A84, { 8, 16 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x00000ACA, { 8, 16 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x00000B1A, { 8, 16 } },
-		{ 12, 0, 8, 11, 11, (uint8_t*)0x00000B6A, { 8, 16 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x00000BC2, { 8, 16 } },
-		{ 12, 0, 8, 13, 13, (uint8_t*)0x00000C12, { 8, 16 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x00000C7A, { 8, 16 } },
-		{ 12, 0, 8, 11, 11, (uint8_t*)0x00000CCA, { 8, 16 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x00000D22, { 8, 16 } },
-		{ 12, 0, 8, 11, 11, (uint8_t*)0x00000D72, { 8, 16 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x00000DCA, { 8, 16 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x00000E1A, { 8, 16 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x00000E6A, { 8, 16 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x00000EBA, { 8, 16 } },
-		{ 12, 0, 8, 10, 10, (uint8_t*)0x00000F0A, { 8, 16 } },
-		{ 13, 1, 6, 13, 13, (uint8_t*)0x00000F5A, { 8, 16 } },
-		{ 13, 0, 3, 12, 12, (uint8_t*)0x00000FA8, { 8, 16 } },
-		{ 13, 1, 5, 13, 13, (uint8_t*)0x00000FCC, { 8, 16 } },
-		{ 12, 1, 6, 5, 5, (uint8_t*)0x0000100D, { 8, 16 } },
-		{ 2, 0, 8, 2, 2, (uint8_t*)0x0000102B, { 8, 16 } },
-		{ 13, 1, 3, 4, 4, (uint8_t*)0x0000103B, { 8, 16 } },
-		{ 10, 0, 7, 9, 9, (uint8_t*)0x00001047, { 8, 16 } },
-		{ 13, 0, 8, 12, 12, (uint8_t*)0x00001086, { 8, 16 } },
-		{ 10, 0, 8, 9, 9, (uint8_t*)0x000010E6, { 8, 16 } },
-		{ 13, 0, 7, 12, 12, (uint8_t*)0x0000112E, { 8, 16 } },
-		{ 10, 0, 8, 9, 9, (uint8_t*)0x00001182, { 8, 16 } },
-		{ 13, 0, 7, 11, 11, (uint8_t*)0x000011CA, { 8, 16 } },
-		{ 10, 0, 8, 11, 11, (uint8_t*)0x00001217, { 8, 16 } },
-		{ 13, 0, 7, 11, 11, (uint8_t*)0x0000126F, { 8, 16 } },
-		{ 13, 1, 6, 11, 11, (uint8_t*)0x000012BC, { 8, 16 } },
-		{ 13, 0, 6, 14, 14, (uint8_t*)0x000012FE, { 8, 16 } },
-		{ 13, 0, 8, 11, 11, (uint8_t*)0x00001352, { 8, 16 } },
-		{ 13, 1, 6, 11, 11, (uint8_t*)0x000013AA, { 8, 16 } },
-		{ 10, 0, 8, 8, 8, (uint8_t*)0x000013EC, { 8, 16 } },
-		{ 10, 0, 7, 8, 8, (uint8_t*)0x0000142C, { 8, 16 } },
-		{ 10, 0, 8, 9, 9, (uint8_t*)0x00001464, { 8, 16 } },
-		{ 10, 0, 8, 11, 11, (uint8_t*)0x000014AC, { 8, 16 } },
-		{ 10, 0, 7, 11, 11, (uint8_t*)0x00001504, { 8, 16 } },
-		{ 10, 1, 7, 8, 8, (uint8_t*)0x00001551, { 8, 16 } },
-		{ 10, 0, 7, 9, 9, (uint8_t*)0x00001589, { 8, 16 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x000015C8, { 8, 16 } },
-		{ 10, 0, 7, 9, 9, (uint8_t*)0x00001615, { 8, 16 } },
-		{ 10, 0, 8, 8, 8, (uint8_t*)0x00001654, { 8, 16 } },
-		{ 10, 0, 8, 8, 8, (uint8_t*)0x00001694, { 8, 16 } },
-		{ 10, 0, 8, 8, 8, (uint8_t*)0x000016D4, { 8, 16 } },
-		{ 10, 0, 8, 11, 11, (uint8_t*)0x00001714, { 8, 16 } },
-		{ 10, 0, 8, 8, 8, (uint8_t*)0x0000176C, { 8, 16 } },
-		{ 13, 2, 5, 14, 14, (uint8_t*)0x000017AC, { 8, 16 } },
-		{ 13, 3, 2, 14, 14, (uint8_t*)0x000017F2, { 8, 16 } },
-		{ 13, 1, 5, 14, 14, (uint8_t*)0x0000180E, { 8, 16 } },
-		{ 10, 0, 8, 3, 3, (uint8_t*)0x00001854, { 8, 16 } }
-	}, {
-		{ 20, 0, 0, 0, 0, (uint8_t*)0x00000000, { 9, 17 } },
-		{ 14, 2, 3, 13, 13, (uint8_t*)0x00000000, { 9, 17 } },
-		{ 14, 1, 6, 5, 5, (uint8_t*)0x00000027, { 9, 17 } },
-		{ 13, 0, 9, 11, 11, (uint8_t*)0x00000045, { 9, 17 } },
-		{ 14, 0, 8, 13, 13, (uint8_t*)0x000000A8, { 9, 17 } },
-		{ 13, 0, 8, 12, 12, (uint8_t*)0x00000110, { 9, 17 } },
-		{ 13, 0, 9, 12, 12, (uint8_t*)0x00000170, { 9, 17 } },
-		{ 14, 3, 3, 5, 5, (uint8_t*)0x000001DC, { 9, 17 } },
-		{ 14, 4, 4, 15, 15, (uint8_t*)0x000001EB, { 9, 17 } },
-		{ 14, 1, 4, 15, 15, (uint8_t*)0x00000227, { 9, 17 } },
-		{ 11, 0, 8, 8, 8, (uint8_t*)0x00000263, { 9, 17 } },
-		{ 11, 0, 8, 8, 8, (uint8_t*)0x000002A3, { 9, 17 } },
-		{ 4, 2, 4, 5, 5, (uint8_t*)0x000002E3, { 9, 17 } },
-		{ 8, 0, 8, 2, 2, (uint8_t*)0x000002F7, { 9, 17 } },
-		{ 4, 2, 3, 3, 3, (uint8_t*)0x00000307, { 9, 17 } },
-		{ 14, 5, 3, 13, 13, (uint8_t*)0x00000310, { 9, 17 } },
-		{ 13, 0, 8, 12, 12, (uint8_t*)0x00000337, { 9, 17 } },
-		{ 13, 1, 5, 11, 11, (uint8_t*)0x00000397, { 9, 17 } },
-		{ 13, 0, 8, 11, 11, (uint8_t*)0x000003CE, { 9, 17 } },
-		{ 13, 0, 7, 12, 12, (uint8_t*)0x00000426, { 9, 17 } },
-		{ 13, 0, 8, 11, 11, (uint8_t*)0x0000047A, { 9, 17 } },
-		{ 13, 0, 8, 12, 12, (uint8_t*)0x000004D2, { 9, 17 } },
-		{ 13, 0, 8, 12, 12, (uint8_t*)0x00000532, { 9, 17 } },
-		{ 13, 1, 7, 11, 11, (uint8_t*)0x00000592, { 9, 17 } },
-		{ 13, 0, 8, 12, 12, (uint8_t*)0x000005DF, { 9, 17 } },
-		{ 13, 0, 8, 12, 12, (uint8_t*)0x0000063F, { 9, 17 } },
-		{ 10, 2, 3, 9, 9, (uint8_t*)0x0000069F, { 9, 17 } },
-		{ 10, 2, 4, 11, 11, (uint8_t*)0x000006BA, { 9, 17 } },
-		{ 12, 2, 5, 10, 10, (uint8_t*)0x000006E6, { 9, 17 } },
-		{ 10, 0, 8, 6, 6, (uint8_t*)0x00000718, { 9, 17 } },
-		{ 12, 1, 5, 10, 10, (uint8_t*)0x00000748, { 9, 17 } },
-		{ 14, 0, 8, 13, 13, (uint8_t*)0x0000077A, { 9, 17 } },
-		{ 13, 0, 8, 12, 12, (uint8_t*)0x000007E2, { 9, 17 } },
-		{ 13, 0, 9, 12, 12, (uint8_t*)0x00000842, { 9, 17 } },
-		{ 13, 0, 8, 11, 11, (uint8_t*)0x000008AE, { 9, 17 } },
-		{ 13, 0, 8, 12, 12, (uint8_t*)0x00000906, { 9, 17 } },
-		{ 13, 0, 8, 11, 11, (uint8_t*)0x00000966, { 9, 17 } },
-		{ 13, 0, 8, 11, 11, (uint8_t*)0x000009BE, { 9, 17 } },
-		{ 13, 1, 7, 11, 11, (uint8_t*)0x00000A16, { 9, 17 } },
-		{ 13, 0, 8, 12, 12, (uint8_t*)0x00000A63, { 9, 17 } },
-		{ 13, 0, 8, 11, 11, (uint8_t*)0x00000AC3, { 9, 17 } },
-		{ 13, 1, 6, 11, 11, (uint8_t*)0x00000B1B, { 9, 17 } },
-		{ 13, 2, 6, 12, 12, (uint8_t*)0x00000B5D, { 9, 17 } },
-		{ 13, 0, 8, 11, 11, (uint8_t*)0x00000BA5, { 9, 17 } },
-		{ 13, 0, 8, 11, 11, (uint8_t*)0x00000BFD, { 9, 17 } },
-		{ 13, 0, 8, 11, 11, (uint8_t*)0x00000C55, { 9, 17 } },
-		{ 13, 0, 8, 11, 11, (uint8_t*)0x00000CAD, { 9, 17 } },
-		{ 13, 0, 8, 12, 12, (uint8_t*)0x00000D05, { 9, 17 } },
-		{ 13, 0, 8, 11, 11, (uint8_t*)0x00000D65, { 9, 17 } },
-		{ 13, 0, 8, 14, 14, (uint8_t*)0x00000DBD, { 9, 17 } },
-		{ 13, 0, 8, 11, 11, (uint8_t*)0x00000E2D, { 9, 17 } },
-		{ 13, 0, 8, 12, 12, (uint8_t*)0x00000E85, { 9, 17 } },
-		{ 13, 0, 8, 11, 11, (uint8_t*)0x00000EE5, { 9, 17 } },
-		{ 13, 0, 8, 12, 12, (uint8_t*)0x00000F3D, { 9, 17 } },
-		{ 13, 0, 9, 11, 11, (uint8_t*)0x00000F9D, { 9, 17 } },
-		{ 13, 0, 9, 11, 11, (uint8_t*)0x00001000, { 9, 17 } },
-		{ 13, 0, 8, 11, 11, (uint8_t*)0x00001063, { 9, 17 } },
-		{ 13, 0, 8, 11, 11, (uint8_t*)0x000010BB, { 9, 17 } },
-		{ 13, 0, 8, 11, 11, (uint8_t*)0x00001113, { 9, 17 } },
-		{ 14, 1, 7, 14, 14, (uint8_t*)0x0000116B, { 9, 17 } },
-		{ 14, 0, 3, 13, 13, (uint8_t*)0x000011CD, { 9, 17 } },
-		{ 14, 1, 6, 14, 14, (uint8_t*)0x000011F4, { 9, 17 } },
-		{ 13, 1, 6, 6, 6, (uint8_t*)0x00001248, { 9, 17 } },
-		{ 2, 0, 8, 2, 2, (uint8_t*)0x0000126C, { 9, 17 } },
-		{ 14, 2, 4, 5, 5, (uint8_t*)0x0000127C, { 9, 17 } },
-		{ 10, 0, 8, 9, 9, (uint8_t*)0x00001290, { 9, 17 } },
-		{ 14, 0, 8, 13, 13, (uint8_t*)0x000012D8, { 9, 17 } },
-		{ 10, 0, 8, 9, 9, (uint8_t*)0x00001340, { 9, 17 } },
-		{ 14, 0, 8, 13, 13, (uint8_t*)0x00001388, { 9, 17 } },
-		{ 10, 0, 8, 9, 9, (uint8_t*)0x000013F0, { 9, 17 } },
-		{ 14, 2, 7, 12, 12, (uint8_t*)0x00001438, { 9, 17 } },
-		{ 10, 0, 8, 11, 11, (uint8_t*)0x0000148C, { 9, 17 } },
-		{ 14, 0, 8, 12, 12, (uint8_t*)0x000014E4, { 9, 17 } },
-		{ 14, 1, 6, 12, 12, (uint8_t*)0x00001544, { 9, 17 } },
-		{ 14, 1, 6, 15, 15, (uint8_t*)0x0000158C, { 9, 17 } },
-		{ 14, 0, 9, 12, 12, (uint8_t*)0x000015E6, { 9, 17 } },
-		{ 14, 1, 7, 12, 12, (uint8_t*)0x00001652, { 9, 17 } },
-		{ 10, 0, 8, 8, 8, (uint8_t*)0x000016A6, { 9, 17 } },
-		{ 10, 0, 8, 8, 8, (uint8_t*)0x000016E6, { 9, 17 } },
-		{ 10, 0, 8, 9, 9, (uint8_t*)0x00001726, { 9, 17 } },
-		{ 10, 0, 8, 11, 11, (uint8_t*)0x0000176E, { 9, 17 } },
-		{ 10, 0, 8, 11, 11, (uint8_t*)0x000017C6, { 9, 17 } },
-		{ 10, 1, 7, 8, 8, (uint8_t*)0x0000181E, { 9, 17 } },
-		{ 10, 0, 8, 9, 9, (uint8_t*)0x00001856, { 9, 17 } },
-		{ 12, 0, 7, 11, 11, (uint8_t*)0x0000189E, { 9, 17 } },
-		{ 10, 0, 8, 9, 9, (uint8_t*)0x000018EB, { 9, 17 } },
-		{ 10, 0, 8, 8, 8, (uint8_t*)0x00001933, { 9, 17 } },
-		{ 10, 0, 9, 8, 8, (uint8_t*)0x00001973, { 9, 17 } },
-		{ 10, 0, 8, 8, 8, (uint8_t*)0x000019BB, { 9, 17 } },
-		{ 10, 0, 8, 11, 11, (uint8_t*)0x000019FB, { 9, 17 } },
-		{ 10, 0, 8, 8, 8, (uint8_t*)0x00001A53, { 9, 17 } },
-		{ 13, 2, 5, 14, 14, (uint8_t*)0x00001A93, { 9, 17 } },
-		{ 13, 3, 2, 14, 14, (uint8_t*)0x00001AD9, { 9, 17 } },
-		{ 13, 1, 5, 14, 14, (uint8_t*)0x00001AF5, { 9, 17 } },
-		{ 10, 1, 8, 3, 3, (uint8_t*)0x00001B3B, { 9, 17 } }
-	}, {
-		{ 20, 0, 0, 0, 0, (uint8_t*)0x00000000, { 9, 18 } },
-		{ 14, 2, 4, 13, 13, (uint8_t*)0x00000000, { 9, 18 } },
-		{ 14, 2, 6, 5, 5, (uint8_t*)0x00000034, { 9, 18 } },
-		{ 14, 0, 9, 12, 12, (uint8_t*)0x00000052, { 9, 18 } },
-		{ 14, 1, 8, 13, 13, (uint8_t*)0x000000BE, { 9, 18 } },
-		{ 14, 0, 9, 13, 13, (uint8_t*)0x00000126, { 9, 18 } },
-		{ 14, 0, 9, 13, 13, (uint8_t*)0x0000019B, { 9, 18 } },
-		{ 14, 3, 3, 5, 5, (uint8_t*)0x00000210, { 9, 18 } },
-		{ 14, 4, 4, 16, 16, (uint8_t*)0x0000021F, { 9, 18 } },
-		{ 14, 1, 4, 16, 16, (uint8_t*)0x0000025F, { 9, 18 } },
-		{ 12, 0, 9, 8, 8, (uint8_t*)0x0000029F, { 9, 18 } },
-		{ 12, 0, 9, 9, 9, (uint8_t*)0x000002E7, { 9, 18 } },
-		{ 4, 2, 4, 5, 5, (uint8_t*)0x00000338, { 9, 18 } },
-		{ 9, 1, 7, 2, 2, (uint8_t*)0x0000034C, { 9, 18 } },
-		{ 4, 2, 4, 3, 3, (uint8_t*)0x0000035A, { 9, 18 } },
-		{ 14, 5, 3, 13, 13, (uint8_t*)0x00000366, { 9, 18 } },
-		{ 14, 0, 9, 13, 13, (uint8_t*)0x0000038D, { 9, 18 } },
-		{ 14, 1, 5, 12, 12, (uint8_t*)0x00000402, { 9, 18 } },
-		{ 14, 1, 7, 12, 12, (uint8_t*)0x0000043E, { 9, 18 } },
-		{ 14, 0, 8, 13, 13, (uint8_t*)0x00000492, { 9, 18 } },
-		{ 14, 0, 9, 12, 12, (uint8_t*)0x000004FA, { 9, 18 } },
-		{ 14, 0, 8, 13, 13, (uint8_t*)0x00000566, { 9, 18 } },
-		{ 14, 0, 8, 13, 13, (uint8_t*)0x000005CE, { 9, 18 } },
-		{ 14, 1, 7, 12, 12, (uint8_t*)0x00000636, { 9, 18 } },
-		{ 14, 0, 8, 13, 13, (uint8_t*)0x0000068A, { 9, 18 } },
-		{ 14, 0, 8, 13, 13, (uint8_t*)0x000006F2, { 9, 18 } },
-		{ 10, 2, 4, 9, 9, (uint8_t*)0x0000075A, { 9, 18 } },
-		{ 10, 2, 4, 11, 11, (uint8_t*)0x0000077E, { 9, 18 } },
-		{ 13, 3, 6, 11, 11, (uint8_t*)0x000007AA, { 9, 18 } },
-		{ 10, 0, 9, 5, 5, (uint8_t*)0x000007EC, { 9, 18 } },
-		{ 13, 0, 5, 11, 11, (uint8_t*)0x00000819, { 9, 18 } },
-		{ 14, 0, 8, 13, 13, (uint8_t*)0x00000850, { 9, 18 } },
-		{ 14, 0, 9, 13, 13, (uint8_t*)0x000008B8, { 9, 18 } },
-		{ 14, 0, 9, 12, 12, (uint8_t*)0x0000092D, { 9, 18 } },
-		{ 14, 0, 9, 12, 12, (uint8_t*)0x00000999, { 9, 18 } },
-		{ 14, 1, 8, 13, 13, (uint8_t*)0x00000A05, { 9, 18 } },
-		{ 14, 0, 9, 12, 12, (uint8_t*)0x00000A6D, { 9, 18 } },
-		{ 14, 0, 8, 12, 12, (uint8_t*)0x00000AD9, { 9, 18 } },
-		{ 14, 1, 7, 12, 12, (uint8_t*)0x00000B39, { 9, 18 } },
-		{ 14, 0, 9, 13, 13, (uint8_t*)0x00000B8D, { 9, 18 } },
-		{ 14, 0, 8, 12, 12, (uint8_t*)0x00000C02, { 9, 18 } },
-		{ 14, 1, 7, 12, 12, (uint8_t*)0x00000C62, { 9, 18 } },
-		{ 14, 2, 7, 13, 13, (uint8_t*)0x00000CB6, { 9, 18 } },
-		{ 14, 0, 9, 12, 12, (uint8_t*)0x00000D11, { 9, 18 } },
-		{ 14, 0, 8, 12, 12, (uint8_t*)0x00000D7D, { 9, 18 } },
-		{ 14, 0, 9, 12, 12, (uint8_t*)0x00000DDD, { 9, 18 } },
-		{ 14, 0, 9, 12, 12, (uint8_t*)0x00000E49, { 9, 18 } },
-		{ 14, 0, 9, 13, 13, (uint8_t*)0x00000EB5, { 9, 18 } },
-		{ 14, 0, 9, 12, 12, (uint8_t*)0x00000F2A, { 9, 18 } },
-		{ 14, 0, 9, 15, 15, (uint8_t*)0x00000F96, { 9, 18 } },
-		{ 14, 0, 9, 12, 12, (uint8_t*)0x0000101D, { 9, 18 } },
-		{ 14, 1, 8, 13, 13, (uint8_t*)0x00001089, { 9, 18 } },
-		{ 14, 0, 9, 12, 12, (uint8_t*)0x000010F1, { 9, 18 } },
-		{ 14, 0, 9, 13, 13, (uint8_t*)0x0000115D, { 9, 18 } },
-		{ 14, 0, 9, 12, 12, (uint8_t*)0x000011D2, { 9, 18 } },
-		{ 14, 0, 9, 12, 12, (uint8_t*)0x0000123E, { 9, 18 } },
-		{ 14, 0, 9, 12, 12, (uint8_t*)0x000012AA, { 9, 18 } },
-		{ 14, 0, 9, 12, 12, (uint8_t*)0x00001316, { 9, 18 } },
-		{ 14, 0, 9, 12, 12, (uint8_t*)0x00001382, { 9, 18 } },
-		{ 14, 2, 6, 14, 14, (uint8_t*)0x000013EE, { 9, 18 } },
-		{ 14, 0, 3, 13, 13, (uint8_t*)0x00001442, { 9, 18 } },
-		{ 14, 1, 6, 14, 14, (uint8_t*)0x00001469, { 9, 18 } },
-		{ 14, 1, 7, 6, 6, (uint8_t*)0x000014BD, { 9, 18 } },
-		{ 2, 0, 9, 2, 2, (uint8_t*)0x000014E7, { 9, 18 } },
-		{ 14, 2, 4, 5, 5, (uint8_t*)0x000014F9, { 9, 18 } },
-		{ 11, 0, 8, 10, 10, (uint8_t*)0x0000150D, { 9, 18 } },
-		{ 14, 0, 9, 13, 13, (uint8_t*)0x0000155D, { 9, 18 } },
-		{ 11, 1, 8, 10, 10, (uint8_t*)0x000015D2, { 9, 18 } },
-		{ 14, 0, 8, 13, 13, (uint8_t*)0x00001622, { 9, 18 } },
-		{ 11, 0, 8, 10, 10, (uint8_t*)0x0000168A, { 9, 18 } },
-		{ 14, 2, 7, 12, 12, (uint8_t*)0x000016DA, { 9, 18 } },
-		{ 11, 0, 9, 12, 12, (uint8_t*)0x0000172E, { 9, 18 } },
-		{ 14, 1, 7, 12, 12, (uint8_t*)0x0000179A, { 9, 18 } },
-		{ 14, 1, 7, 12, 12, (uint8_t*)0x000017EE, { 9, 18 } },
-		{ 14, 0, 7, 16, 16, (uint8_t*)0x00001842, { 9, 18 } },
-		{ 14, 0, 9, 12, 12, (uint8_t*)0x000018B2, { 9, 18 } },
-		{ 14, 1, 7, 12, 12, (uint8_t*)0x0000191E, { 9, 18 } },
-		{ 11, 0, 9, 9, 9, (uint8_t*)0x00001972, { 9, 18 } },
-		{ 11, 0, 8, 9, 9, (uint8_t*)0x000019C3, { 9, 18 } },
-		{ 11, 0, 9, 10, 10, (uint8_t*)0x00001A0B, { 9, 18 } },
-		{ 11, 0, 9, 12, 12, (uint8_t*)0x00001A65, { 9, 18 } },
-		{ 11, 0, 8, 12, 12, (uint8_t*)0x00001AD1, { 9, 18 } },
-		{ 11, 1, 8, 9, 9, (uint8_t*)0x00001B31, { 9, 18 } },
-		{ 11, 0, 8, 10, 10, (uint8_t*)0x00001B79, { 9, 18 } },
-		{ 13, 1, 7, 12, 12, (uint8_t*)0x00001BC9, { 9, 18 } },
-		{ 11, 0, 8, 10, 10, (uint8_t*)0x00001C1D, { 9, 18 } },
-		{ 11, 0, 9, 9, 9, (uint8_t*)0x00001C6D, { 9, 18 } },
-		{ 11, 0, 9, 9, 9, (uint8_t*)0x00001CBE, { 9, 18 } },
-		{ 11, 0, 9, 9, 9, (uint8_t*)0x00001D0F, { 9, 18 } },
-		{ 11, 0, 9, 13, 13, (uint8_t*)0x00001D60, { 9, 18 } },
-		{ 11, 0, 9, 9, 9, (uint8_t*)0x00001DD5, { 9, 18 } },
-		{ 14, 2, 6, 15, 15, (uint8_t*)0x00001E26, { 9, 18 } },
-		{ 14, 3, 3, 15, 15, (uint8_t*)0x00001E80, { 9, 18 } },
-		{ 14, 1, 5, 15, 15, (uint8_t*)0x00001EAD, { 9, 18 } },
-		{ 11, 0, 9, 4, 4, (uint8_t*)0x00001EF8, { 9, 18 } }
-	}
-};
+static const pd_glyph_bitmap_t
+    pd_inconsolata_font_bitmap_info[SIZE_TOTAL][95] = {
+            { { 16, 0, 0, 0, 0, (uint8_t *)0x00000000, { 6, 12 } },
+              { 11, 1, 3, 9, 9, (uint8_t *)0x00000000, { 6, 12 } },
+              { 11, 1, 4, 3, 3, (uint8_t *)0x0000001B, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x00000027, { 6, 12 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x00000057, { 6, 12 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x0000008D, { 6, 12 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x000000C3, { 6, 12 } },
+              { 11, 2, 2, 3, 3, (uint8_t *)0x000000F9, { 6, 12 } },
+              { 11, 2, 3, 10, 10, (uint8_t *)0x000000FF, { 6, 12 } },
+              { 11, 0, 3, 10, 10, (uint8_t *)0x0000011D, { 6, 12 } },
+              { 10, 0, 6, 6, 6, (uint8_t *)0x0000013B, { 6, 12 } },
+              { 10, 0, 6, 6, 6, (uint8_t *)0x0000015F, { 6, 12 } },
+              { 5, 1, 3, 4, 4, (uint8_t *)0x00000183, { 6, 12 } },
+              { 8, 0, 6, 2, 2, (uint8_t *)0x0000018F, { 6, 12 } },
+              { 5, 1, 3, 3, 3, (uint8_t *)0x0000019B, { 6, 12 } },
+              { 11, 3, 3, 9, 9, (uint8_t *)0x000001A4, { 6, 12 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x000001BF, { 6, 12 } },
+              { 11, 0, 4, 8, 8, (uint8_t *)0x000001F5, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x00000215, { 6, 12 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x00000245, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x0000027B, { 6, 12 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x000002AB, { 6, 12 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x000002E1, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x00000317, { 6, 12 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x00000347, { 6, 12 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x0000037D, { 6, 12 } },
+              { 8, 1, 3, 6, 6, (uint8_t *)0x000003B3, { 6, 12 } },
+              { 8, 1, 3, 7, 7, (uint8_t *)0x000003C5, { 6, 12 } },
+              { 10, 2, 4, 7, 7, (uint8_t *)0x000003DA, { 6, 12 } },
+              { 9, 0, 6, 4, 4, (uint8_t *)0x000003F6, { 6, 12 } },
+              { 10, 0, 4, 7, 7, (uint8_t *)0x0000040E, { 6, 12 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x0000042A, { 6, 12 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x00000460, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x00000496, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x000004C6, { 6, 12 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x000004F6, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x0000052C, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x0000055C, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x0000058C, { 6, 12 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x000005BC, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x000005F2, { 6, 12 } },
+              { 11, 0, 5, 8, 8, (uint8_t *)0x00000622, { 6, 12 } },
+              { 11, 1, 5, 9, 9, (uint8_t *)0x0000064A, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x00000677, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x000006A7, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x000006D7, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x00000707, { 6, 12 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x00000737, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x0000076D, { 6, 12 } },
+              { 11, 0, 6, 10, 10, (uint8_t *)0x0000079D, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x000007D9, { 6, 12 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x00000809, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x0000083F, { 6, 12 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x0000086F, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x000008A5, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x000008D5, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x00000905, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x00000935, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x00000965, { 6, 12 } },
+              { 11, 1, 5, 9, 9, (uint8_t *)0x00000995, { 6, 12 } },
+              { 11, 0, 3, 9, 9, (uint8_t *)0x000009C2, { 6, 12 } },
+              { 11, 0, 5, 9, 9, (uint8_t *)0x000009DD, { 6, 12 } },
+              { 11, 0, 5, 4, 4, (uint8_t *)0x00000A0A, { 6, 12 } },
+              { 16, 0, 6, 0, 0, (uint8_t *)0x00000A1E, { 6, 12 } },
+              { 11, 1, 3, 3, 3, (uint8_t *)0x00000A1E, { 6, 12 } },
+              { 9, 0, 6, 7, 7, (uint8_t *)0x00000A27, { 6, 12 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x00000A51, { 6, 12 } },
+              { 9, 0, 6, 7, 7, (uint8_t *)0x00000A87, { 6, 12 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x00000AB1, { 6, 12 } },
+              { 9, 0, 6, 7, 7, (uint8_t *)0x00000AE7, { 6, 12 } },
+              { 11, 1, 5, 8, 8, (uint8_t *)0x00000B11, { 6, 12 } },
+              { 9, 0, 6, 8, 8, (uint8_t *)0x00000B39, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x00000B69, { 6, 12 } },
+              { 11, 0, 5, 8, 8, (uint8_t *)0x00000B99, { 6, 12 } },
+              { 11, 0, 5, 10, 10, (uint8_t *)0x00000BC1, { 6, 12 } },
+              { 11, 0, 6, 8, 8, (uint8_t *)0x00000BF3, { 6, 12 } },
+              { 11, 0, 5, 8, 8, (uint8_t *)0x00000C23, { 6, 12 } },
+              { 9, 0, 6, 6, 6, (uint8_t *)0x00000C4B, { 6, 12 } },
+              { 9, 0, 6, 6, 6, (uint8_t *)0x00000C6F, { 6, 12 } },
+              { 9, 0, 6, 7, 7, (uint8_t *)0x00000C93, { 6, 12 } },
+              { 9, 0, 6, 8, 8, (uint8_t *)0x00000CBD, { 6, 12 } },
+              { 9, 0, 6, 8, 8, (uint8_t *)0x00000CED, { 6, 12 } },
+              { 9, 0, 6, 6, 6, (uint8_t *)0x00000D1D, { 6, 12 } },
+              { 9, 0, 6, 7, 7, (uint8_t *)0x00000D41, { 6, 12 } },
+              { 11, 0, 5, 9, 9, (uint8_t *)0x00000D6B, { 6, 12 } },
+              { 9, 0, 6, 7, 7, (uint8_t *)0x00000D98, { 6, 12 } },
+              { 9, 0, 6, 6, 6, (uint8_t *)0x00000DC2, { 6, 12 } },
+              { 9, 0, 6, 6, 6, (uint8_t *)0x00000DE6, { 6, 12 } },
+              { 9, 0, 6, 6, 6, (uint8_t *)0x00000E0A, { 6, 12 } },
+              { 9, 0, 6, 8, 8, (uint8_t *)0x00000E2E, { 6, 12 } },
+              { 9, 0, 6, 6, 6, (uint8_t *)0x00000E5E, { 6, 12 } },
+              { 11, 1, 4, 10, 10, (uint8_t *)0x00000E82, { 6, 12 } },
+              { 11, 2, 2, 10, 10, (uint8_t *)0x00000EAA, { 6, 12 } },
+              { 11, 0, 4, 10, 10, (uint8_t *)0x00000EBE, { 6, 12 } },
+              { 9, 0, 6, 3, 3, (uint8_t *)0x00000EE6, { 6, 12 } } },
+            { { 16, 0, 0, 0, 0, (uint8_t *)0x00000000, { 7, 13 } },
+              { 11, 2, 2, 10, 10, (uint8_t *)0x00000000, { 7, 13 } },
+              { 11, 1, 5, 4, 4, (uint8_t *)0x00000014, { 7, 13 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000028, { 7, 13 } },
+              { 11, 0, 6, 10, 10, (uint8_t *)0x00000067, { 7, 13 } },
+              { 11, 0, 7, 10, 10, (uint8_t *)0x000000A3, { 7, 13 } },
+              { 11, 0, 7, 10, 10, (uint8_t *)0x000000E9, { 7, 13 } },
+              { 11, 2, 3, 4, 4, (uint8_t *)0x0000012F, { 7, 13 } },
+              { 11, 2, 4, 12, 12, (uint8_t *)0x0000013B, { 7, 13 } },
+              { 11, 0, 4, 12, 12, (uint8_t *)0x0000016B, { 7, 13 } },
+              { 9, 0, 6, 6, 6, (uint8_t *)0x0000019B, { 7, 13 } },
+              { 9, 0, 7, 6, 6, (uint8_t *)0x000001BF, { 7, 13 } },
+              { 4, 1, 3, 5, 5, (uint8_t *)0x000001E9, { 7, 13 } },
+              { 7, 0, 6, 2, 2, (uint8_t *)0x000001F8, { 7, 13 } },
+              { 4, 2, 2, 3, 3, (uint8_t *)0x00000204, { 7, 13 } },
+              { 11, 3, 3, 10, 10, (uint8_t *)0x0000020A, { 7, 13 } },
+              { 11, 0, 6, 10, 10, (uint8_t *)0x00000228, { 7, 13 } },
+              { 11, 0, 4, 9, 9, (uint8_t *)0x00000264, { 7, 13 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x00000288, { 7, 13 } },
+              { 11, 0, 6, 10, 10, (uint8_t *)0x000002BE, { 7, 13 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x000002FA, { 7, 13 } },
+              { 11, 0, 6, 10, 10, (uint8_t *)0x00000330, { 7, 13 } },
+              { 11, 0, 6, 10, 10, (uint8_t *)0x0000036C, { 7, 13 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x000003A8, { 7, 13 } },
+              { 11, 0, 6, 10, 10, (uint8_t *)0x000003DE, { 7, 13 } },
+              { 11, 0, 6, 10, 10, (uint8_t *)0x0000041A, { 7, 13 } },
+              { 8, 2, 2, 7, 7, (uint8_t *)0x00000456, { 7, 13 } },
+              { 8, 1, 3, 9, 9, (uint8_t *)0x00000464, { 7, 13 } },
+              { 10, 1, 5, 8, 8, (uint8_t *)0x0000047F, { 7, 13 } },
+              { 8, 0, 7, 4, 4, (uint8_t *)0x000004A7, { 7, 13 } },
+              { 10, 2, 5, 8, 8, (uint8_t *)0x000004C3, { 7, 13 } },
+              { 11, 0, 6, 10, 10, (uint8_t *)0x000004EB, { 7, 13 } },
+              { 11, 0, 7, 10, 10, (uint8_t *)0x00000527, { 7, 13 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x0000056D, { 7, 13 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x000005AC, { 7, 13 } },
+              { 11, 0, 7, 10, 10, (uint8_t *)0x000005E2, { 7, 13 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000628, { 7, 13 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x00000667, { 7, 13 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x0000069D, { 7, 13 } },
+              { 11, 0, 7, 10, 10, (uint8_t *)0x000006D3, { 7, 13 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x00000719, { 7, 13 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x0000074F, { 7, 13 } },
+              { 11, 1, 6, 10, 10, (uint8_t *)0x00000785, { 7, 13 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x000007C1, { 7, 13 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x00000800, { 7, 13 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000836, { 7, 13 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x00000875, { 7, 13 } },
+              { 11, 0, 7, 10, 10, (uint8_t *)0x000008AB, { 7, 13 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x000008F1, { 7, 13 } },
+              { 11, 0, 7, 11, 11, (uint8_t *)0x00000930, { 7, 13 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x0000097D, { 7, 13 } },
+              { 11, 0, 6, 10, 10, (uint8_t *)0x000009B3, { 7, 13 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x000009EF, { 7, 13 } },
+              { 11, 0, 6, 10, 10, (uint8_t *)0x00000A2E, { 7, 13 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000A6A, { 7, 13 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000AA9, { 7, 13 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x00000AE8, { 7, 13 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000B1E, { 7, 13 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x00000B5D, { 7, 13 } },
+              { 11, 1, 5, 11, 11, (uint8_t *)0x00000B93, { 7, 13 } },
+              { 11, 0, 3, 10, 10, (uint8_t *)0x00000BCA, { 7, 13 } },
+              { 11, 0, 5, 11, 11, (uint8_t *)0x00000BE8, { 7, 13 } },
+              { 11, 0, 6, 5, 5, (uint8_t *)0x00000C1F, { 7, 13 } },
+              { 16, 0, 6, 0, 0, (uint8_t *)0x00000C3D, { 7, 13 } },
+              { 11, 1, 3, 4, 4, (uint8_t *)0x00000C3D, { 7, 13 } },
+              { 8, 0, 6, 7, 7, (uint8_t *)0x00000C49, { 7, 13 } },
+              { 11, 0, 7, 10, 10, (uint8_t *)0x00000C73, { 7, 13 } },
+              { 8, 0, 7, 7, 7, (uint8_t *)0x00000CB9, { 7, 13 } },
+              { 11, 0, 6, 10, 10, (uint8_t *)0x00000CEA, { 7, 13 } },
+              { 8, 0, 6, 7, 7, (uint8_t *)0x00000D26, { 7, 13 } },
+              { 11, 1, 6, 9, 9, (uint8_t *)0x00000D50, { 7, 13 } },
+              { 9, 0, 7, 10, 10, (uint8_t *)0x00000D86, { 7, 13 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x00000DCC, { 7, 13 } },
+              { 11, 1, 5, 9, 9, (uint8_t *)0x00000E02, { 7, 13 } },
+              { 11, 0, 5, 12, 12, (uint8_t *)0x00000E2F, { 7, 13 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000E6B, { 7, 13 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x00000EAA, { 7, 13 } },
+              { 8, 0, 7, 6, 6, (uint8_t *)0x00000EE0, { 7, 13 } },
+              { 8, 0, 6, 6, 6, (uint8_t *)0x00000F0A, { 7, 13 } },
+              { 8, 0, 7, 7, 7, (uint8_t *)0x00000F2E, { 7, 13 } },
+              { 8, 0, 7, 9, 9, (uint8_t *)0x00000F5F, { 7, 13 } },
+              { 8, 0, 6, 9, 9, (uint8_t *)0x00000F9E, { 7, 13 } },
+              { 8, 1, 5, 6, 6, (uint8_t *)0x00000FD4, { 7, 13 } },
+              { 8, 0, 6, 7, 7, (uint8_t *)0x00000FF2, { 7, 13 } },
+              { 10, 0, 6, 9, 9, (uint8_t *)0x0000101C, { 7, 13 } },
+              { 8, 0, 6, 7, 7, (uint8_t *)0x00001052, { 7, 13 } },
+              { 8, 0, 7, 6, 6, (uint8_t *)0x0000107C, { 7, 13 } },
+              { 8, 0, 7, 6, 6, (uint8_t *)0x000010A6, { 7, 13 } },
+              { 8, 0, 6, 6, 6, (uint8_t *)0x000010D0, { 7, 13 } },
+              { 8, 0, 7, 9, 9, (uint8_t *)0x000010F4, { 7, 13 } },
+              { 8, 0, 6, 6, 6, (uint8_t *)0x00001133, { 7, 13 } },
+              { 11, 2, 4, 11, 11, (uint8_t *)0x00001157, { 7, 13 } },
+              { 11, 2, 2, 11, 11, (uint8_t *)0x00001183, { 7, 13 } },
+              { 11, 0, 5, 11, 11, (uint8_t *)0x00001199, { 7, 13 } },
+              { 8, 0, 7, 2, 2, (uint8_t *)0x000011D0, { 7, 13 } } },
+            { { 16, 0, 0, 0, 0, (uint8_t *)0x00000000, { 7, 14 } },
+              { 12, 2, 3, 11, 11, (uint8_t *)0x00000000, { 7, 14 } },
+              { 12, 1, 5, 5, 5, (uint8_t *)0x00000021, { 7, 14 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x0000003A, { 7, 14 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x00000079, { 7, 14 } },
+              { 11, 0, 7, 10, 10, (uint8_t *)0x000000C6, { 7, 14 } },
+              { 11, 0, 7, 10, 10, (uint8_t *)0x0000010C, { 7, 14 } },
+              { 12, 2, 3, 5, 5, (uint8_t *)0x00000152, { 7, 14 } },
+              { 12, 3, 3, 13, 13, (uint8_t *)0x00000161, { 7, 14 } },
+              { 12, 0, 4, 13, 13, (uint8_t *)0x00000188, { 7, 14 } },
+              { 10, 0, 7, 7, 7, (uint8_t *)0x000001BC, { 7, 14 } },
+              { 10, 0, 7, 7, 7, (uint8_t *)0x000001ED, { 7, 14 } },
+              { 4, 2, 3, 5, 5, (uint8_t *)0x0000021E, { 7, 14 } },
+              { 16, 0, 6, 0, 0, (uint8_t *)0x0000022D, { 7, 14 } },
+              { 4, 2, 3, 3, 3, (uint8_t *)0x0000022D, { 7, 14 } },
+              { 12, 4, 3, 11, 11, (uint8_t *)0x00000236, { 7, 14 } },
+              { 11, 0, 7, 10, 10, (uint8_t *)0x00000257, { 7, 14 } },
+              { 11, 0, 5, 9, 9, (uint8_t *)0x0000029D, { 7, 14 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x000002CA, { 7, 14 } },
+              { 11, 0, 6, 10, 10, (uint8_t *)0x00000309, { 7, 14 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000345, { 7, 14 } },
+              { 11, 0, 7, 10, 10, (uint8_t *)0x00000384, { 7, 14 } },
+              { 11, 0, 7, 10, 10, (uint8_t *)0x000003CA, { 7, 14 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000410, { 7, 14 } },
+              { 11, 0, 7, 10, 10, (uint8_t *)0x0000044F, { 7, 14 } },
+              { 11, 0, 7, 10, 10, (uint8_t *)0x00000495, { 7, 14 } },
+              { 8, 2, 3, 7, 7, (uint8_t *)0x000004DB, { 7, 14 } },
+              { 8, 2, 3, 9, 9, (uint8_t *)0x000004F0, { 7, 14 } },
+              { 10, 2, 5, 8, 8, (uint8_t *)0x0000050B, { 7, 14 } },
+              { 9, 0, 7, 5, 5, (uint8_t *)0x00000533, { 7, 14 } },
+              { 10, 0, 5, 8, 8, (uint8_t *)0x00000556, { 7, 14 } },
+              { 12, 0, 6, 11, 11, (uint8_t *)0x0000057E, { 7, 14 } },
+              { 11, 0, 7, 10, 10, (uint8_t *)0x000005C0, { 7, 14 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000606, { 7, 14 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000645, { 7, 14 } },
+              { 11, 0, 7, 10, 10, (uint8_t *)0x00000684, { 7, 14 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x000006CA, { 7, 14 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000709, { 7, 14 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000748, { 7, 14 } },
+              { 11, 0, 7, 10, 10, (uint8_t *)0x00000787, { 7, 14 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x000007CD, { 7, 14 } },
+              { 11, 0, 6, 9, 9, (uint8_t *)0x0000080C, { 7, 14 } },
+              { 11, 0, 6, 10, 10, (uint8_t *)0x00000842, { 7, 14 } },
+              { 11, 0, 7, 10, 10, (uint8_t *)0x0000087E, { 7, 14 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x000008C4, { 7, 14 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000903, { 7, 14 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000942, { 7, 14 } },
+              { 11, 0, 7, 10, 10, (uint8_t *)0x00000981, { 7, 14 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x000009C7, { 7, 14 } },
+              { 11, 0, 7, 11, 11, (uint8_t *)0x00000A06, { 7, 14 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000A53, { 7, 14 } },
+              { 11, 0, 7, 10, 10, (uint8_t *)0x00000A92, { 7, 14 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000AD8, { 7, 14 } },
+              { 11, 0, 7, 10, 10, (uint8_t *)0x00000B17, { 7, 14 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000B5D, { 7, 14 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000B9C, { 7, 14 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000BDB, { 7, 14 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000C1A, { 7, 14 } },
+              { 11, 0, 7, 9, 9, (uint8_t *)0x00000C59, { 7, 14 } },
+              { 12, 1, 5, 12, 12, (uint8_t *)0x00000C98, { 7, 14 } },
+              { 12, 0, 3, 11, 11, (uint8_t *)0x00000CD4, { 7, 14 } },
+              { 12, 0, 6, 12, 12, (uint8_t *)0x00000CF5, { 7, 14 } },
+              { 11, 1, 5, 5, 5, (uint8_t *)0x00000D3D, { 7, 14 } },
+              { 2, 0, 7, 2, 2, (uint8_t *)0x00000D56, { 7, 14 } },
+              { 12, 1, 3, 4, 4, (uint8_t *)0x00000D64, { 7, 14 } },
+              { 9, 0, 7, 8, 8, (uint8_t *)0x00000D70, { 7, 14 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x00000DA8, { 7, 14 } },
+              { 9, 0, 7, 8, 8, (uint8_t *)0x00000DF5, { 7, 14 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x00000E2D, { 7, 14 } },
+              { 9, 0, 7, 8, 8, (uint8_t *)0x00000E7A, { 7, 14 } },
+              { 12, 0, 6, 10, 10, (uint8_t *)0x00000EB2, { 7, 14 } },
+              { 9, 0, 7, 10, 10, (uint8_t *)0x00000EEE, { 7, 14 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x00000F34, { 7, 14 } },
+              { 12, 1, 5, 10, 10, (uint8_t *)0x00000F7A, { 7, 14 } },
+              { 12, 0, 6, 13, 13, (uint8_t *)0x00000FAC, { 7, 14 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x00000FFA, { 7, 14 } },
+              { 12, 0, 6, 10, 10, (uint8_t *)0x00001040, { 7, 14 } },
+              { 9, 0, 7, 7, 7, (uint8_t *)0x0000107C, { 7, 14 } },
+              { 9, 0, 7, 7, 7, (uint8_t *)0x000010AD, { 7, 14 } },
+              { 9, 0, 7, 8, 8, (uint8_t *)0x000010DE, { 7, 14 } },
+              { 9, 0, 7, 10, 10, (uint8_t *)0x00001116, { 7, 14 } },
+              { 9, 0, 7, 10, 10, (uint8_t *)0x0000115C, { 7, 14 } },
+              { 9, 1, 6, 7, 7, (uint8_t *)0x000011A2, { 7, 14 } },
+              { 9, 0, 7, 8, 8, (uint8_t *)0x000011CC, { 7, 14 } },
+              { 11, 0, 6, 10, 10, (uint8_t *)0x00001204, { 7, 14 } },
+              { 9, 0, 7, 8, 8, (uint8_t *)0x00001240, { 7, 14 } },
+              { 9, 0, 7, 7, 7, (uint8_t *)0x00001278, { 7, 14 } },
+              { 9, 0, 7, 7, 7, (uint8_t *)0x000012A9, { 7, 14 } },
+              { 9, 0, 7, 7, 7, (uint8_t *)0x000012DA, { 7, 14 } },
+              { 9, 0, 7, 10, 10, (uint8_t *)0x0000130B, { 7, 14 } },
+              { 9, 0, 7, 7, 7, (uint8_t *)0x00001351, { 7, 14 } },
+              { 11, 2, 4, 12, 12, (uint8_t *)0x00001382, { 7, 14 } },
+              { 12, 2, 3, 13, 13, (uint8_t *)0x000013B2, { 7, 14 } },
+              { 11, 1, 4, 12, 12, (uint8_t *)0x000013D9, { 7, 14 } },
+              { 9, 0, 7, 3, 3, (uint8_t *)0x00001409, { 7, 14 } } },
+            { { 17, 0, 0, 0, 0, (uint8_t *)0x00000000, { 8, 15 } },
+              { 12, 2, 3, 11, 11, (uint8_t *)0x00000000, { 8, 15 } },
+              { 12, 1, 5, 4, 4, (uint8_t *)0x00000021, { 8, 15 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x00000035, { 8, 15 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x00000085, { 8, 15 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x000000D2, { 8, 15 } },
+              { 12, 0, 8, 11, 11, (uint8_t *)0x0000011F, { 8, 15 } },
+              { 12, 2, 3, 4, 4, (uint8_t *)0x00000177, { 8, 15 } },
+              { 12, 2, 4, 13, 13, (uint8_t *)0x00000183, { 8, 15 } },
+              { 12, 1, 4, 13, 13, (uint8_t *)0x000001B7, { 8, 15 } },
+              { 10, 0, 7, 7, 7, (uint8_t *)0x000001EB, { 8, 15 } },
+              { 10, 0, 7, 7, 7, (uint8_t *)0x0000021C, { 8, 15 } },
+              { 4, 2, 3, 5, 5, (uint8_t *)0x0000024D, { 8, 15 } },
+              { 8, 0, 7, 2, 2, (uint8_t *)0x0000025C, { 8, 15 } },
+              { 4, 2, 3, 3, 3, (uint8_t *)0x0000026A, { 8, 15 } },
+              { 12, 4, 3, 11, 11, (uint8_t *)0x00000273, { 8, 15 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x00000294, { 8, 15 } },
+              { 12, 1, 4, 10, 10, (uint8_t *)0x000002E1, { 8, 15 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x00000309, { 8, 15 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x0000034F, { 8, 15 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x0000039C, { 8, 15 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x000003E2, { 8, 15 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x0000042F, { 8, 15 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x0000047C, { 8, 15 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x000004C2, { 8, 15 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x0000050F, { 8, 15 } },
+              { 9, 2, 3, 8, 8, (uint8_t *)0x0000055C, { 8, 15 } },
+              { 9, 2, 3, 10, 10, (uint8_t *)0x00000574, { 8, 15 } },
+              { 11, 2, 5, 9, 9, (uint8_t *)0x00000592, { 8, 15 } },
+              { 9, 0, 7, 5, 5, (uint8_t *)0x000005BF, { 8, 15 } },
+              { 11, 1, 5, 9, 9, (uint8_t *)0x000005E2, { 8, 15 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x0000060F, { 8, 15 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x0000065C, { 8, 15 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x000006A9, { 8, 15 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x000006F9, { 8, 15 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x0000073F, { 8, 15 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x0000078C, { 8, 15 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x000007D2, { 8, 15 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x00000818, { 8, 15 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x0000085E, { 8, 15 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x000008AB, { 8, 15 } },
+              { 12, 0, 6, 10, 10, (uint8_t *)0x000008F1, { 8, 15 } },
+              { 12, 0, 6, 11, 11, (uint8_t *)0x0000092D, { 8, 15 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x0000096F, { 8, 15 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x000009B5, { 8, 15 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x000009FB, { 8, 15 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x00000A41, { 8, 15 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x00000A87, { 8, 15 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x00000AD4, { 8, 15 } },
+              { 12, 0, 7, 13, 13, (uint8_t *)0x00000B1A, { 8, 15 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x00000B75, { 8, 15 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x00000BBB, { 8, 15 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x00000C08, { 8, 15 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x00000C4E, { 8, 15 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x00000C9B, { 8, 15 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x00000CEB, { 8, 15 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x00000D3B, { 8, 15 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x00000D81, { 8, 15 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x00000DD1, { 8, 15 } },
+              { 12, 1, 6, 12, 12, (uint8_t *)0x00000E17, { 8, 15 } },
+              { 12, 0, 3, 11, 11, (uint8_t *)0x00000E5F, { 8, 15 } },
+              { 12, 0, 6, 12, 12, (uint8_t *)0x00000E80, { 8, 15 } },
+              { 12, 1, 5, 5, 5, (uint8_t *)0x00000EC8, { 8, 15 } },
+              { 2, 0, 7, 2, 2, (uint8_t *)0x00000EE1, { 8, 15 } },
+              { 12, 1, 3, 4, 4, (uint8_t *)0x00000EEF, { 8, 15 } },
+              { 9, 0, 7, 8, 8, (uint8_t *)0x00000EFB, { 8, 15 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x00000F33, { 8, 15 } },
+              { 9, 0, 7, 8, 8, (uint8_t *)0x00000F80, { 8, 15 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x00000FB8, { 8, 15 } },
+              { 9, 0, 7, 8, 8, (uint8_t *)0x00001005, { 8, 15 } },
+              { 12, 2, 6, 10, 10, (uint8_t *)0x0000103D, { 8, 15 } },
+              { 9, 1, 7, 10, 10, (uint8_t *)0x00001079, { 8, 15 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x000010BF, { 8, 15 } },
+              { 12, 1, 5, 10, 10, (uint8_t *)0x00001105, { 8, 15 } },
+              { 12, 0, 6, 13, 13, (uint8_t *)0x00001137, { 8, 15 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x00001185, { 8, 15 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x000011D5, { 8, 15 } },
+              { 9, 0, 7, 7, 7, (uint8_t *)0x0000121B, { 8, 15 } },
+              { 9, 0, 7, 7, 7, (uint8_t *)0x0000124C, { 8, 15 } },
+              { 9, 0, 7, 8, 8, (uint8_t *)0x0000127D, { 8, 15 } },
+              { 9, 0, 7, 10, 10, (uint8_t *)0x000012B5, { 8, 15 } },
+              { 9, 0, 7, 10, 10, (uint8_t *)0x000012FB, { 8, 15 } },
+              { 9, 1, 6, 7, 7, (uint8_t *)0x00001341, { 8, 15 } },
+              { 9, 0, 7, 8, 8, (uint8_t *)0x0000136B, { 8, 15 } },
+              { 11, 0, 6, 10, 10, (uint8_t *)0x000013A3, { 8, 15 } },
+              { 9, 0, 7, 8, 8, (uint8_t *)0x000013DF, { 8, 15 } },
+              { 9, 0, 7, 7, 7, (uint8_t *)0x00001417, { 8, 15 } },
+              { 9, 0, 8, 7, 7, (uint8_t *)0x00001448, { 8, 15 } },
+              { 9, 0, 7, 7, 7, (uint8_t *)0x00001480, { 8, 15 } },
+              { 9, 0, 7, 10, 10, (uint8_t *)0x000014B1, { 8, 15 } },
+              { 9, 0, 7, 7, 7, (uint8_t *)0x000014F7, { 8, 15 } },
+              { 12, 2, 5, 13, 13, (uint8_t *)0x00001528, { 8, 15 } },
+              { 12, 2, 3, 13, 13, (uint8_t *)0x00001569, { 8, 15 } },
+              { 12, 1, 4, 13, 13, (uint8_t *)0x00001590, { 8, 15 } },
+              { 9, 0, 8, 3, 3, (uint8_t *)0x000015C4, { 8, 15 } } },
+            { { 19, 0, 0, 0, 0, (uint8_t *)0x00000000, { 8, 16 } },
+              { 13, 2, 3, 12, 12, (uint8_t *)0x00000000, { 8, 16 } },
+              { 13, 1, 6, 5, 5, (uint8_t *)0x00000024, { 8, 16 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x00000042, { 8, 16 } },
+              { 13, 0, 8, 12, 12, (uint8_t *)0x00000092, { 8, 16 } },
+              { 13, 0, 8, 12, 12, (uint8_t *)0x000000F2, { 8, 16 } },
+              { 12, 0, 8, 11, 11, (uint8_t *)0x00000152, { 8, 16 } },
+              { 13, 3, 3, 5, 5, (uint8_t *)0x000001AA, { 8, 16 } },
+              { 13, 3, 4, 14, 14, (uint8_t *)0x000001B9, { 8, 16 } },
+              { 13, 0, 4, 14, 14, (uint8_t *)0x000001F1, { 8, 16 } },
+              { 11, 0, 8, 8, 8, (uint8_t *)0x00000229, { 8, 16 } },
+              { 11, 0, 8, 8, 8, (uint8_t *)0x00000269, { 8, 16 } },
+              { 4, 2, 3, 5, 5, (uint8_t *)0x000002A9, { 8, 16 } },
+              { 8, 0, 7, 2, 2, (uint8_t *)0x000002B8, { 8, 16 } },
+              { 4, 2, 3, 3, 3, (uint8_t *)0x000002C6, { 8, 16 } },
+              { 13, 4, 3, 12, 12, (uint8_t *)0x000002CF, { 8, 16 } },
+              { 12, 0, 8, 11, 11, (uint8_t *)0x000002F3, { 8, 16 } },
+              { 12, 1, 4, 10, 10, (uint8_t *)0x0000034B, { 8, 16 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x00000373, { 8, 16 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x000003B9, { 8, 16 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x00000406, { 8, 16 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x00000456, { 8, 16 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x000004A3, { 8, 16 } },
+              { 12, 1, 6, 10, 10, (uint8_t *)0x000004F0, { 8, 16 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x0000052C, { 8, 16 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x00000579, { 8, 16 } },
+              { 9, 2, 3, 8, 8, (uint8_t *)0x000005C6, { 8, 16 } },
+              { 9, 2, 3, 10, 10, (uint8_t *)0x000005DE, { 8, 16 } },
+              { 11, 3, 5, 9, 9, (uint8_t *)0x000005FC, { 8, 16 } },
+              { 9, 0, 8, 5, 5, (uint8_t *)0x00000629, { 8, 16 } },
+              { 11, 0, 5, 9, 9, (uint8_t *)0x00000651, { 8, 16 } },
+              { 13, 0, 7, 12, 12, (uint8_t *)0x0000067E, { 8, 16 } },
+              { 13, 0, 8, 12, 12, (uint8_t *)0x000006D2, { 8, 16 } },
+              { 13, 0, 8, 11, 11, (uint8_t *)0x00000732, { 8, 16 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x0000078A, { 8, 16 } },
+              { 12, 0, 8, 11, 11, (uint8_t *)0x000007DA, { 8, 16 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x00000832, { 8, 16 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x00000882, { 8, 16 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x000008C8, { 8, 16 } },
+              { 12, 0, 8, 11, 11, (uint8_t *)0x0000090E, { 8, 16 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x00000966, { 8, 16 } },
+              { 12, 1, 6, 10, 10, (uint8_t *)0x000009B6, { 8, 16 } },
+              { 12, 2, 6, 11, 11, (uint8_t *)0x000009F2, { 8, 16 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x00000A34, { 8, 16 } },
+              { 12, 0, 7, 10, 10, (uint8_t *)0x00000A84, { 8, 16 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x00000ACA, { 8, 16 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x00000B1A, { 8, 16 } },
+              { 12, 0, 8, 11, 11, (uint8_t *)0x00000B6A, { 8, 16 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x00000BC2, { 8, 16 } },
+              { 12, 0, 8, 13, 13, (uint8_t *)0x00000C12, { 8, 16 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x00000C7A, { 8, 16 } },
+              { 12, 0, 8, 11, 11, (uint8_t *)0x00000CCA, { 8, 16 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x00000D22, { 8, 16 } },
+              { 12, 0, 8, 11, 11, (uint8_t *)0x00000D72, { 8, 16 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x00000DCA, { 8, 16 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x00000E1A, { 8, 16 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x00000E6A, { 8, 16 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x00000EBA, { 8, 16 } },
+              { 12, 0, 8, 10, 10, (uint8_t *)0x00000F0A, { 8, 16 } },
+              { 13, 1, 6, 13, 13, (uint8_t *)0x00000F5A, { 8, 16 } },
+              { 13, 0, 3, 12, 12, (uint8_t *)0x00000FA8, { 8, 16 } },
+              { 13, 1, 5, 13, 13, (uint8_t *)0x00000FCC, { 8, 16 } },
+              { 12, 1, 6, 5, 5, (uint8_t *)0x0000100D, { 8, 16 } },
+              { 2, 0, 8, 2, 2, (uint8_t *)0x0000102B, { 8, 16 } },
+              { 13, 1, 3, 4, 4, (uint8_t *)0x0000103B, { 8, 16 } },
+              { 10, 0, 7, 9, 9, (uint8_t *)0x00001047, { 8, 16 } },
+              { 13, 0, 8, 12, 12, (uint8_t *)0x00001086, { 8, 16 } },
+              { 10, 0, 8, 9, 9, (uint8_t *)0x000010E6, { 8, 16 } },
+              { 13, 0, 7, 12, 12, (uint8_t *)0x0000112E, { 8, 16 } },
+              { 10, 0, 8, 9, 9, (uint8_t *)0x00001182, { 8, 16 } },
+              { 13, 0, 7, 11, 11, (uint8_t *)0x000011CA, { 8, 16 } },
+              { 10, 0, 8, 11, 11, (uint8_t *)0x00001217, { 8, 16 } },
+              { 13, 0, 7, 11, 11, (uint8_t *)0x0000126F, { 8, 16 } },
+              { 13, 1, 6, 11, 11, (uint8_t *)0x000012BC, { 8, 16 } },
+              { 13, 0, 6, 14, 14, (uint8_t *)0x000012FE, { 8, 16 } },
+              { 13, 0, 8, 11, 11, (uint8_t *)0x00001352, { 8, 16 } },
+              { 13, 1, 6, 11, 11, (uint8_t *)0x000013AA, { 8, 16 } },
+              { 10, 0, 8, 8, 8, (uint8_t *)0x000013EC, { 8, 16 } },
+              { 10, 0, 7, 8, 8, (uint8_t *)0x0000142C, { 8, 16 } },
+              { 10, 0, 8, 9, 9, (uint8_t *)0x00001464, { 8, 16 } },
+              { 10, 0, 8, 11, 11, (uint8_t *)0x000014AC, { 8, 16 } },
+              { 10, 0, 7, 11, 11, (uint8_t *)0x00001504, { 8, 16 } },
+              { 10, 1, 7, 8, 8, (uint8_t *)0x00001551, { 8, 16 } },
+              { 10, 0, 7, 9, 9, (uint8_t *)0x00001589, { 8, 16 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x000015C8, { 8, 16 } },
+              { 10, 0, 7, 9, 9, (uint8_t *)0x00001615, { 8, 16 } },
+              { 10, 0, 8, 8, 8, (uint8_t *)0x00001654, { 8, 16 } },
+              { 10, 0, 8, 8, 8, (uint8_t *)0x00001694, { 8, 16 } },
+              { 10, 0, 8, 8, 8, (uint8_t *)0x000016D4, { 8, 16 } },
+              { 10, 0, 8, 11, 11, (uint8_t *)0x00001714, { 8, 16 } },
+              { 10, 0, 8, 8, 8, (uint8_t *)0x0000176C, { 8, 16 } },
+              { 13, 2, 5, 14, 14, (uint8_t *)0x000017AC, { 8, 16 } },
+              { 13, 3, 2, 14, 14, (uint8_t *)0x000017F2, { 8, 16 } },
+              { 13, 1, 5, 14, 14, (uint8_t *)0x0000180E, { 8, 16 } },
+              { 10, 0, 8, 3, 3, (uint8_t *)0x00001854, { 8, 16 } } },
+            { { 20, 0, 0, 0, 0, (uint8_t *)0x00000000, { 9, 17 } },
+              { 14, 2, 3, 13, 13, (uint8_t *)0x00000000, { 9, 17 } },
+              { 14, 1, 6, 5, 5, (uint8_t *)0x00000027, { 9, 17 } },
+              { 13, 0, 9, 11, 11, (uint8_t *)0x00000045, { 9, 17 } },
+              { 14, 0, 8, 13, 13, (uint8_t *)0x000000A8, { 9, 17 } },
+              { 13, 0, 8, 12, 12, (uint8_t *)0x00000110, { 9, 17 } },
+              { 13, 0, 9, 12, 12, (uint8_t *)0x00000170, { 9, 17 } },
+              { 14, 3, 3, 5, 5, (uint8_t *)0x000001DC, { 9, 17 } },
+              { 14, 4, 4, 15, 15, (uint8_t *)0x000001EB, { 9, 17 } },
+              { 14, 1, 4, 15, 15, (uint8_t *)0x00000227, { 9, 17 } },
+              { 11, 0, 8, 8, 8, (uint8_t *)0x00000263, { 9, 17 } },
+              { 11, 0, 8, 8, 8, (uint8_t *)0x000002A3, { 9, 17 } },
+              { 4, 2, 4, 5, 5, (uint8_t *)0x000002E3, { 9, 17 } },
+              { 8, 0, 8, 2, 2, (uint8_t *)0x000002F7, { 9, 17 } },
+              { 4, 2, 3, 3, 3, (uint8_t *)0x00000307, { 9, 17 } },
+              { 14, 5, 3, 13, 13, (uint8_t *)0x00000310, { 9, 17 } },
+              { 13, 0, 8, 12, 12, (uint8_t *)0x00000337, { 9, 17 } },
+              { 13, 1, 5, 11, 11, (uint8_t *)0x00000397, { 9, 17 } },
+              { 13, 0, 8, 11, 11, (uint8_t *)0x000003CE, { 9, 17 } },
+              { 13, 0, 7, 12, 12, (uint8_t *)0x00000426, { 9, 17 } },
+              { 13, 0, 8, 11, 11, (uint8_t *)0x0000047A, { 9, 17 } },
+              { 13, 0, 8, 12, 12, (uint8_t *)0x000004D2, { 9, 17 } },
+              { 13, 0, 8, 12, 12, (uint8_t *)0x00000532, { 9, 17 } },
+              { 13, 1, 7, 11, 11, (uint8_t *)0x00000592, { 9, 17 } },
+              { 13, 0, 8, 12, 12, (uint8_t *)0x000005DF, { 9, 17 } },
+              { 13, 0, 8, 12, 12, (uint8_t *)0x0000063F, { 9, 17 } },
+              { 10, 2, 3, 9, 9, (uint8_t *)0x0000069F, { 9, 17 } },
+              { 10, 2, 4, 11, 11, (uint8_t *)0x000006BA, { 9, 17 } },
+              { 12, 2, 5, 10, 10, (uint8_t *)0x000006E6, { 9, 17 } },
+              { 10, 0, 8, 6, 6, (uint8_t *)0x00000718, { 9, 17 } },
+              { 12, 1, 5, 10, 10, (uint8_t *)0x00000748, { 9, 17 } },
+              { 14, 0, 8, 13, 13, (uint8_t *)0x0000077A, { 9, 17 } },
+              { 13, 0, 8, 12, 12, (uint8_t *)0x000007E2, { 9, 17 } },
+              { 13, 0, 9, 12, 12, (uint8_t *)0x00000842, { 9, 17 } },
+              { 13, 0, 8, 11, 11, (uint8_t *)0x000008AE, { 9, 17 } },
+              { 13, 0, 8, 12, 12, (uint8_t *)0x00000906, { 9, 17 } },
+              { 13, 0, 8, 11, 11, (uint8_t *)0x00000966, { 9, 17 } },
+              { 13, 0, 8, 11, 11, (uint8_t *)0x000009BE, { 9, 17 } },
+              { 13, 1, 7, 11, 11, (uint8_t *)0x00000A16, { 9, 17 } },
+              { 13, 0, 8, 12, 12, (uint8_t *)0x00000A63, { 9, 17 } },
+              { 13, 0, 8, 11, 11, (uint8_t *)0x00000AC3, { 9, 17 } },
+              { 13, 1, 6, 11, 11, (uint8_t *)0x00000B1B, { 9, 17 } },
+              { 13, 2, 6, 12, 12, (uint8_t *)0x00000B5D, { 9, 17 } },
+              { 13, 0, 8, 11, 11, (uint8_t *)0x00000BA5, { 9, 17 } },
+              { 13, 0, 8, 11, 11, (uint8_t *)0x00000BFD, { 9, 17 } },
+              { 13, 0, 8, 11, 11, (uint8_t *)0x00000C55, { 9, 17 } },
+              { 13, 0, 8, 11, 11, (uint8_t *)0x00000CAD, { 9, 17 } },
+              { 13, 0, 8, 12, 12, (uint8_t *)0x00000D05, { 9, 17 } },
+              { 13, 0, 8, 11, 11, (uint8_t *)0x00000D65, { 9, 17 } },
+              { 13, 0, 8, 14, 14, (uint8_t *)0x00000DBD, { 9, 17 } },
+              { 13, 0, 8, 11, 11, (uint8_t *)0x00000E2D, { 9, 17 } },
+              { 13, 0, 8, 12, 12, (uint8_t *)0x00000E85, { 9, 17 } },
+              { 13, 0, 8, 11, 11, (uint8_t *)0x00000EE5, { 9, 17 } },
+              { 13, 0, 8, 12, 12, (uint8_t *)0x00000F3D, { 9, 17 } },
+              { 13, 0, 9, 11, 11, (uint8_t *)0x00000F9D, { 9, 17 } },
+              { 13, 0, 9, 11, 11, (uint8_t *)0x00001000, { 9, 17 } },
+              { 13, 0, 8, 11, 11, (uint8_t *)0x00001063, { 9, 17 } },
+              { 13, 0, 8, 11, 11, (uint8_t *)0x000010BB, { 9, 17 } },
+              { 13, 0, 8, 11, 11, (uint8_t *)0x00001113, { 9, 17 } },
+              { 14, 1, 7, 14, 14, (uint8_t *)0x0000116B, { 9, 17 } },
+              { 14, 0, 3, 13, 13, (uint8_t *)0x000011CD, { 9, 17 } },
+              { 14, 1, 6, 14, 14, (uint8_t *)0x000011F4, { 9, 17 } },
+              { 13, 1, 6, 6, 6, (uint8_t *)0x00001248, { 9, 17 } },
+              { 2, 0, 8, 2, 2, (uint8_t *)0x0000126C, { 9, 17 } },
+              { 14, 2, 4, 5, 5, (uint8_t *)0x0000127C, { 9, 17 } },
+              { 10, 0, 8, 9, 9, (uint8_t *)0x00001290, { 9, 17 } },
+              { 14, 0, 8, 13, 13, (uint8_t *)0x000012D8, { 9, 17 } },
+              { 10, 0, 8, 9, 9, (uint8_t *)0x00001340, { 9, 17 } },
+              { 14, 0, 8, 13, 13, (uint8_t *)0x00001388, { 9, 17 } },
+              { 10, 0, 8, 9, 9, (uint8_t *)0x000013F0, { 9, 17 } },
+              { 14, 2, 7, 12, 12, (uint8_t *)0x00001438, { 9, 17 } },
+              { 10, 0, 8, 11, 11, (uint8_t *)0x0000148C, { 9, 17 } },
+              { 14, 0, 8, 12, 12, (uint8_t *)0x000014E4, { 9, 17 } },
+              { 14, 1, 6, 12, 12, (uint8_t *)0x00001544, { 9, 17 } },
+              { 14, 1, 6, 15, 15, (uint8_t *)0x0000158C, { 9, 17 } },
+              { 14, 0, 9, 12, 12, (uint8_t *)0x000015E6, { 9, 17 } },
+              { 14, 1, 7, 12, 12, (uint8_t *)0x00001652, { 9, 17 } },
+              { 10, 0, 8, 8, 8, (uint8_t *)0x000016A6, { 9, 17 } },
+              { 10, 0, 8, 8, 8, (uint8_t *)0x000016E6, { 9, 17 } },
+              { 10, 0, 8, 9, 9, (uint8_t *)0x00001726, { 9, 17 } },
+              { 10, 0, 8, 11, 11, (uint8_t *)0x0000176E, { 9, 17 } },
+              { 10, 0, 8, 11, 11, (uint8_t *)0x000017C6, { 9, 17 } },
+              { 10, 1, 7, 8, 8, (uint8_t *)0x0000181E, { 9, 17 } },
+              { 10, 0, 8, 9, 9, (uint8_t *)0x00001856, { 9, 17 } },
+              { 12, 0, 7, 11, 11, (uint8_t *)0x0000189E, { 9, 17 } },
+              { 10, 0, 8, 9, 9, (uint8_t *)0x000018EB, { 9, 17 } },
+              { 10, 0, 8, 8, 8, (uint8_t *)0x00001933, { 9, 17 } },
+              { 10, 0, 9, 8, 8, (uint8_t *)0x00001973, { 9, 17 } },
+              { 10, 0, 8, 8, 8, (uint8_t *)0x000019BB, { 9, 17 } },
+              { 10, 0, 8, 11, 11, (uint8_t *)0x000019FB, { 9, 17 } },
+              { 10, 0, 8, 8, 8, (uint8_t *)0x00001A53, { 9, 17 } },
+              { 13, 2, 5, 14, 14, (uint8_t *)0x00001A93, { 9, 17 } },
+              { 13, 3, 2, 14, 14, (uint8_t *)0x00001AD9, { 9, 17 } },
+              { 13, 1, 5, 14, 14, (uint8_t *)0x00001AF5, { 9, 17 } },
+              { 10, 1, 8, 3, 3, (uint8_t *)0x00001B3B, { 9, 17 } } },
+            { { 20, 0, 0, 0, 0, (uint8_t *)0x00000000, { 9, 18 } },
+              { 14, 2, 4, 13, 13, (uint8_t *)0x00000000, { 9, 18 } },
+              { 14, 2, 6, 5, 5, (uint8_t *)0x00000034, { 9, 18 } },
+              { 14, 0, 9, 12, 12, (uint8_t *)0x00000052, { 9, 18 } },
+              { 14, 1, 8, 13, 13, (uint8_t *)0x000000BE, { 9, 18 } },
+              { 14, 0, 9, 13, 13, (uint8_t *)0x00000126, { 9, 18 } },
+              { 14, 0, 9, 13, 13, (uint8_t *)0x0000019B, { 9, 18 } },
+              { 14, 3, 3, 5, 5, (uint8_t *)0x00000210, { 9, 18 } },
+              { 14, 4, 4, 16, 16, (uint8_t *)0x0000021F, { 9, 18 } },
+              { 14, 1, 4, 16, 16, (uint8_t *)0x0000025F, { 9, 18 } },
+              { 12, 0, 9, 8, 8, (uint8_t *)0x0000029F, { 9, 18 } },
+              { 12, 0, 9, 9, 9, (uint8_t *)0x000002E7, { 9, 18 } },
+              { 4, 2, 4, 5, 5, (uint8_t *)0x00000338, { 9, 18 } },
+              { 9, 1, 7, 2, 2, (uint8_t *)0x0000034C, { 9, 18 } },
+              { 4, 2, 4, 3, 3, (uint8_t *)0x0000035A, { 9, 18 } },
+              { 14, 5, 3, 13, 13, (uint8_t *)0x00000366, { 9, 18 } },
+              { 14, 0, 9, 13, 13, (uint8_t *)0x0000038D, { 9, 18 } },
+              { 14, 1, 5, 12, 12, (uint8_t *)0x00000402, { 9, 18 } },
+              { 14, 1, 7, 12, 12, (uint8_t *)0x0000043E, { 9, 18 } },
+              { 14, 0, 8, 13, 13, (uint8_t *)0x00000492, { 9, 18 } },
+              { 14, 0, 9, 12, 12, (uint8_t *)0x000004FA, { 9, 18 } },
+              { 14, 0, 8, 13, 13, (uint8_t *)0x00000566, { 9, 18 } },
+              { 14, 0, 8, 13, 13, (uint8_t *)0x000005CE, { 9, 18 } },
+              { 14, 1, 7, 12, 12, (uint8_t *)0x00000636, { 9, 18 } },
+              { 14, 0, 8, 13, 13, (uint8_t *)0x0000068A, { 9, 18 } },
+              { 14, 0, 8, 13, 13, (uint8_t *)0x000006F2, { 9, 18 } },
+              { 10, 2, 4, 9, 9, (uint8_t *)0x0000075A, { 9, 18 } },
+              { 10, 2, 4, 11, 11, (uint8_t *)0x0000077E, { 9, 18 } },
+              { 13, 3, 6, 11, 11, (uint8_t *)0x000007AA, { 9, 18 } },
+              { 10, 0, 9, 5, 5, (uint8_t *)0x000007EC, { 9, 18 } },
+              { 13, 0, 5, 11, 11, (uint8_t *)0x00000819, { 9, 18 } },
+              { 14, 0, 8, 13, 13, (uint8_t *)0x00000850, { 9, 18 } },
+              { 14, 0, 9, 13, 13, (uint8_t *)0x000008B8, { 9, 18 } },
+              { 14, 0, 9, 12, 12, (uint8_t *)0x0000092D, { 9, 18 } },
+              { 14, 0, 9, 12, 12, (uint8_t *)0x00000999, { 9, 18 } },
+              { 14, 1, 8, 13, 13, (uint8_t *)0x00000A05, { 9, 18 } },
+              { 14, 0, 9, 12, 12, (uint8_t *)0x00000A6D, { 9, 18 } },
+              { 14, 0, 8, 12, 12, (uint8_t *)0x00000AD9, { 9, 18 } },
+              { 14, 1, 7, 12, 12, (uint8_t *)0x00000B39, { 9, 18 } },
+              { 14, 0, 9, 13, 13, (uint8_t *)0x00000B8D, { 9, 18 } },
+              { 14, 0, 8, 12, 12, (uint8_t *)0x00000C02, { 9, 18 } },
+              { 14, 1, 7, 12, 12, (uint8_t *)0x00000C62, { 9, 18 } },
+              { 14, 2, 7, 13, 13, (uint8_t *)0x00000CB6, { 9, 18 } },
+              { 14, 0, 9, 12, 12, (uint8_t *)0x00000D11, { 9, 18 } },
+              { 14, 0, 8, 12, 12, (uint8_t *)0x00000D7D, { 9, 18 } },
+              { 14, 0, 9, 12, 12, (uint8_t *)0x00000DDD, { 9, 18 } },
+              { 14, 0, 9, 12, 12, (uint8_t *)0x00000E49, { 9, 18 } },
+              { 14, 0, 9, 13, 13, (uint8_t *)0x00000EB5, { 9, 18 } },
+              { 14, 0, 9, 12, 12, (uint8_t *)0x00000F2A, { 9, 18 } },
+              { 14, 0, 9, 15, 15, (uint8_t *)0x00000F96, { 9, 18 } },
+              { 14, 0, 9, 12, 12, (uint8_t *)0x0000101D, { 9, 18 } },
+              { 14, 1, 8, 13, 13, (uint8_t *)0x00001089, { 9, 18 } },
+              { 14, 0, 9, 12, 12, (uint8_t *)0x000010F1, { 9, 18 } },
+              { 14, 0, 9, 13, 13, (uint8_t *)0x0000115D, { 9, 18 } },
+              { 14, 0, 9, 12, 12, (uint8_t *)0x000011D2, { 9, 18 } },
+              { 14, 0, 9, 12, 12, (uint8_t *)0x0000123E, { 9, 18 } },
+              { 14, 0, 9, 12, 12, (uint8_t *)0x000012AA, { 9, 18 } },
+              { 14, 0, 9, 12, 12, (uint8_t *)0x00001316, { 9, 18 } },
+              { 14, 0, 9, 12, 12, (uint8_t *)0x00001382, { 9, 18 } },
+              { 14, 2, 6, 14, 14, (uint8_t *)0x000013EE, { 9, 18 } },
+              { 14, 0, 3, 13, 13, (uint8_t *)0x00001442, { 9, 18 } },
+              { 14, 1, 6, 14, 14, (uint8_t *)0x00001469, { 9, 18 } },
+              { 14, 1, 7, 6, 6, (uint8_t *)0x000014BD, { 9, 18 } },
+              { 2, 0, 9, 2, 2, (uint8_t *)0x000014E7, { 9, 18 } },
+              { 14, 2, 4, 5, 5, (uint8_t *)0x000014F9, { 9, 18 } },
+              { 11, 0, 8, 10, 10, (uint8_t *)0x0000150D, { 9, 18 } },
+              { 14, 0, 9, 13, 13, (uint8_t *)0x0000155D, { 9, 18 } },
+              { 11, 1, 8, 10, 10, (uint8_t *)0x000015D2, { 9, 18 } },
+              { 14, 0, 8, 13, 13, (uint8_t *)0x00001622, { 9, 18 } },
+              { 11, 0, 8, 10, 10, (uint8_t *)0x0000168A, { 9, 18 } },
+              { 14, 2, 7, 12, 12, (uint8_t *)0x000016DA, { 9, 18 } },
+              { 11, 0, 9, 12, 12, (uint8_t *)0x0000172E, { 9, 18 } },
+              { 14, 1, 7, 12, 12, (uint8_t *)0x0000179A, { 9, 18 } },
+              { 14, 1, 7, 12, 12, (uint8_t *)0x000017EE, { 9, 18 } },
+              { 14, 0, 7, 16, 16, (uint8_t *)0x00001842, { 9, 18 } },
+              { 14, 0, 9, 12, 12, (uint8_t *)0x000018B2, { 9, 18 } },
+              { 14, 1, 7, 12, 12, (uint8_t *)0x0000191E, { 9, 18 } },
+              { 11, 0, 9, 9, 9, (uint8_t *)0x00001972, { 9, 18 } },
+              { 11, 0, 8, 9, 9, (uint8_t *)0x000019C3, { 9, 18 } },
+              { 11, 0, 9, 10, 10, (uint8_t *)0x00001A0B, { 9, 18 } },
+              { 11, 0, 9, 12, 12, (uint8_t *)0x00001A65, { 9, 18 } },
+              { 11, 0, 8, 12, 12, (uint8_t *)0x00001AD1, { 9, 18 } },
+              { 11, 1, 8, 9, 9, (uint8_t *)0x00001B31, { 9, 18 } },
+              { 11, 0, 8, 10, 10, (uint8_t *)0x00001B79, { 9, 18 } },
+              { 13, 1, 7, 12, 12, (uint8_t *)0x00001BC9, { 9, 18 } },
+              { 11, 0, 8, 10, 10, (uint8_t *)0x00001C1D, { 9, 18 } },
+              { 11, 0, 9, 9, 9, (uint8_t *)0x00001C6D, { 9, 18 } },
+              { 11, 0, 9, 9, 9, (uint8_t *)0x00001CBE, { 9, 18 } },
+              { 11, 0, 9, 9, 9, (uint8_t *)0x00001D0F, { 9, 18 } },
+              { 11, 0, 9, 13, 13, (uint8_t *)0x00001D60, { 9, 18 } },
+              { 11, 0, 9, 9, 9, (uint8_t *)0x00001DD5, { 9, 18 } },
+              { 14, 2, 6, 15, 15, (uint8_t *)0x00001E26, { 9, 18 } },
+              { 14, 3, 3, 15, 15, (uint8_t *)0x00001E80, { 9, 18 } },
+              { 14, 1, 5, 15, 15, (uint8_t *)0x00001EAD, { 9, 18 } },
+              { 11, 0, 9, 4, 4, (uint8_t *)0x00001EF8, { 9, 18 } } }
+    };
 
 /* font_inconsolata_12px */
 static const unsigned char pd_inconsolata_font_bitmap_12px_bytes[] = {
-	/* ch = '!' */
-	0x00, 0xe5, 0x4d,
-	0x00, 0xff, 0x5f,
-	0x00, 0xe5, 0x3f,
-	0x00, 0xb7, 0x3b,
-	0x00, 0xb7, 0x32,
-	0x00, 0x58, 0x1c,
-	0x00, 0x15, 0x08,
-	0x17, 0xff, 0x66,
-	0x00, 0x0f, 0x04,
-	/* ch = '"' */
-	0x77, 0x77, 0x66, 0x97,
-	0x7c, 0x6a, 0x54, 0x7c,
-	0xc8, 0x29, 0xa7, 0x35,
-	/* ch = '#' */
-	0x00, 0x16, 0x58, 0x10, 0x2d, 0x00,
-	0x00, 0x32, 0x90, 0x32, 0xa5, 0x00,
-	0x2d, 0x82, 0xab, 0x7b, 0xbd, 0x26,
-	0x12, 0x7b, 0x64, 0x6d, 0x5f, 0x00,
-	0x00, 0x82, 0x3b, 0x7c, 0x3f, 0x00,
-	0xa2, 0xef, 0x7c, 0xdb, 0x82, 0x39,
-	0x00, 0xf7, 0x16, 0xe5, 0x22, 0x00,
-	0x09, 0xcf, 0x10, 0xdd, 0x0d, 0x00,
-	/* ch = '$' */
-	0x00, 0x00, 0x45, 0x57, 0x00, 0x00,
-	0x04, 0x94, 0xe5, 0xe5, 0xd4, 0x10,
-	0x32, 0xcf, 0x50, 0x5f, 0x28, 0x0d,
-	0x17, 0xef, 0xdb, 0x5f, 0x00, 0x00,
-	0x00, 0x0c, 0x82, 0xf7, 0xa2, 0x04,
-	0x00, 0x00, 0x50, 0x5f, 0x97, 0x5a,
-	0x32, 0x5a, 0x50, 0x68, 0xb7, 0x43,
-	0x10, 0x73, 0xe5, 0xe5, 0x50, 0x04,
-	0x00, 0x00, 0x30, 0x39, 0x00, 0x00,
-	/* ch = '%' */
-	0x26, 0x74, 0x26, 0x00, 0x28, 0x28,
-	0xe5, 0x3f, 0xff, 0x1c, 0xdb, 0x10,
-	0xc8, 0x58, 0xdb, 0xa5, 0x47, 0x00,
-	0x19, 0x5b, 0x4f, 0xb7, 0x0d, 0x00,
-	0x00, 0x00, 0xb7, 0x32, 0x00, 0x00,
-	0x00, 0x3b, 0xa5, 0xb1, 0xd4, 0x40,
-	0x04, 0xdb, 0x3b, 0xcf, 0x32, 0xc8,
-	0x54, 0x7c, 0x04, 0xd4, 0xc4, 0x5a,
-	0x00, 0x00, 0x00, 0x00, 0x0f, 0x00,
-	/* ch = '&' */
-	0x00, 0x22, 0x74, 0x28, 0x00, 0x00,
-	0x14, 0xff, 0x31, 0xe5, 0x2f, 0x00,
-	0x1a, 0xff, 0x16, 0xcf, 0x32, 0x00,
-	0x00, 0x7c, 0xef, 0x8a, 0x04, 0x00,
-	0x1f, 0xe5, 0xdb, 0x3f, 0x16, 0x13,
-	0x99, 0x54, 0x1f, 0xf7, 0xb1, 0x6f,
-	0xb7, 0x4a, 0x00, 0x74, 0xea, 0x13,
-	0x40, 0xf7, 0xc4, 0xbb, 0x9e, 0x6c,
-	0x00, 0x08, 0x0f, 0x00, 0x08, 0x08,
-	/* ch = ''' */
-	0x4d, 0xb1,
-	0x50, 0x90,
-	0x90, 0x3b,
-	/* ch = '(' */
-	0x00, 0x48, 0xd4,
-	0x50, 0xb1, 0x13,
-	0xf7, 0x1f, 0x00,
-	0xa5, 0x00, 0x00,
-	0x5f, 0x00, 0x00,
-	0x64, 0x00, 0x00,
-	0xb7, 0x00, 0x00,
-	0xf7, 0x2c, 0x00,
-	0x4d, 0xf7, 0x10,
-	0x00, 0x48, 0xe5,
-	/* ch = ')' */
-	0x2d, 0xd4, 0x19,
-	0x00, 0x3b, 0xf7,
-	0x00, 0x00, 0x5f,
-	0x00, 0x00, 0x0d,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x0d,
-	0x00, 0x00, 0x54,
-	0x00, 0x35, 0xef,
-	0x33, 0xd4, 0x21,
-	/* ch = '*' */
-	0x00, 0x00, 0x12, 0x0c, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x50, 0x00, 0x00,
-	0x78, 0xa2, 0xa5, 0x82, 0xbb, 0x39,
-	0x00, 0x12, 0xea, 0x8d, 0x0c, 0x00,
-	0x00, 0x7c, 0x5f, 0xb1, 0x3b, 0x00,
-	0x10, 0x8d, 0x0d, 0x24, 0x65, 0x04,
-	/* ch = '+' */
-	0x00, 0x00, 0x0f, 0x0c, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x5f, 0x00, 0x00,
-	0x12, 0x15, 0x88, 0x6d, 0x15, 0x0c,
-	0x58, 0x74, 0xc8, 0xb1, 0x74, 0x39,
-	0x00, 0x00, 0x7c, 0x5f, 0x00, 0x00,
-	0x00, 0x00, 0x67, 0x51, 0x00, 0x00,
-	/* ch = ',' */
-	0x00, 0x12, 0x04,
-	0x17, 0xff, 0x7c,
-	0x00, 0x7c, 0x54,
-	0x17, 0xa9, 0x10,
-	/* ch = '-' */
-	0x0c, 0x15, 0x15, 0x15, 0x15, 0x04,
-	0x30, 0x74, 0x74, 0x74, 0x74, 0x1c,
-	/* ch = '.' */
-	0x00, 0x12, 0x08,
-	0x17, 0xff, 0x5a,
-	0x00, 0x0f, 0x04,
-	/* ch = '/' */
-	0x0d, 0xef, 0x17,
-	0x48, 0x9e, 0x00,
-	0xe5, 0x32, 0x00,
-	0xb7, 0x04, 0x00,
-	0x3b, 0x00, 0x00,
-	0x0d, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	/* ch = '0' */
-	0x00, 0x10, 0x50, 0x37, 0x04, 0x00,
-	0x0d, 0xdb, 0x47, 0x8a, 0x8a, 0x00,
-	0x44, 0x9e, 0x00, 0x35, 0xff, 0x1c,
-	0x7c, 0x50, 0x1f, 0xd4, 0xc8, 0x3b,
-	0x7c, 0x4a, 0xdb, 0x3b, 0x7c, 0x3b,
-	0x6b, 0xff, 0x5f, 0x00, 0xb1, 0x39,
-	0x2c, 0xff, 0x08, 0x17, 0xf7, 0x16,
-	0x00, 0x77, 0xd4, 0xe5, 0x3b, 0x00,
-	0x00, 0x00, 0x0c, 0x0c, 0x00, 0x00,
-	/* ch = '1' */
-	0x00, 0x00, 0x2a, 0x26,
-	0x1a, 0xc4, 0xd4, 0x90,
-	0x00, 0x00, 0x50, 0x90,
-	0x00, 0x00, 0x50, 0x90,
-	0x00, 0x00, 0x50, 0x90,
-	0x00, 0x00, 0x50, 0x90,
-	0x00, 0x00, 0x50, 0x90,
-	0x00, 0x00, 0x50, 0x90,
-	/* ch = '2' */
-	0x00, 0x1b, 0x50, 0x47, 0x08, 0x00,
-	0x25, 0xd4, 0x2a, 0x6a, 0xc8, 0x00,
-	0x00, 0x0f, 0x00, 0x00, 0xff, 0x24,
-	0x00, 0x00, 0x00, 0x24, 0xe5, 0x10,
-	0x00, 0x00, 0x19, 0xd4, 0x3b, 0x00,
-	0x00, 0x1f, 0xd4, 0x35, 0x00, 0x00,
-	0x04, 0xb7, 0x3f, 0x00, 0x00, 0x00,
-	0x40, 0xff, 0xd4, 0xcf, 0xcf, 0x32,
-	/* ch = '3' */
-	0x00, 0x1e, 0x50, 0x30, 0x04, 0x00,
-	0x10, 0x9e, 0x30, 0x8a, 0x8a, 0x00,
-	0x00, 0x00, 0x00, 0x21, 0xcf, 0x09,
-	0x00, 0x04, 0x20, 0xb1, 0x5a, 0x00,
-	0x00, 0x0d, 0x3e, 0xc4, 0x5a, 0x00,
-	0x00, 0x00, 0x00, 0x17, 0xff, 0x0d,
-	0x04, 0x21, 0x00, 0x24, 0xf7, 0x0d,
-	0x27, 0xef, 0xab, 0xe5, 0x50, 0x00,
-	0x00, 0x00, 0x12, 0x08, 0x00, 0x00,
-	/* ch = '4' */
-	0x00, 0x00, 0x00, 0x28, 0x1e, 0x00,
-	0x00, 0x00, 0x24, 0xff, 0x5f, 0x00,
-	0x00, 0x04, 0xc0, 0xb7, 0x5f, 0x00,
-	0x00, 0x5f, 0x64, 0x7c, 0x5f, 0x00,
-	0x24, 0xb7, 0x10, 0x7c, 0x5f, 0x00,
-	0xa0, 0xef, 0xcf, 0xef, 0xef, 0x4e,
-	0x00, 0x00, 0x00, 0x7c, 0x5f, 0x00,
-	0x00, 0x00, 0x00, 0x7c, 0x5f, 0x00,
-	/* ch = '5' */
-	0x04, 0x36, 0x36, 0x36, 0x36, 0x00,
-	0x1c, 0xff, 0x1a, 0x15, 0x15, 0x04,
-	0x1c, 0xcf, 0x0d, 0x00, 0x00, 0x00,
-	0x2a, 0xff, 0xb7, 0xcf, 0x35, 0x00,
-	0x16, 0x50, 0x04, 0x21, 0xff, 0x1f,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x3b,
-	0x13, 0x3d, 0x00, 0x10, 0xf7, 0x29,
-	0x1f, 0xd4, 0xa4, 0xd4, 0x73, 0x04,
-	0x00, 0x00, 0x0f, 0x0c, 0x00, 0x00,
-	/* ch = '6' */
-	0x00, 0x04, 0x47, 0x74, 0x22, 0x00,
-	0x00, 0xb1, 0x6a, 0x20, 0x7e, 0x10,
-	0x2a, 0xcf, 0x0d, 0x00, 0x00, 0x00,
-	0x4d, 0xcf, 0xab, 0xcf, 0x2c, 0x00,
-	0x50, 0xdb, 0x1b, 0x21, 0xff, 0x13,
-	0x50, 0x90, 0x00, 0x00, 0xbd, 0x2f,
-	0x27, 0xff, 0x04, 0x0d, 0xf7, 0x1c,
-	0x00, 0x6b, 0xef, 0xd4, 0x5a, 0x00,
-	0x00, 0x00, 0x08, 0x0c, 0x00, 0x00,
-	/* ch = '7' */
-	0x16, 0x36, 0x36, 0x36, 0x36, 0x0d,
-	0x16, 0x36, 0x36, 0x67, 0xe5, 0x10,
-	0x00, 0x00, 0x00, 0x7c, 0x6a, 0x00,
-	0x00, 0x00, 0x0d, 0xf7, 0x1f, 0x00,
-	0x00, 0x00, 0x48, 0xb7, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x47, 0x00, 0x00,
-	0x00, 0x22, 0xff, 0x16, 0x00, 0x00,
-	0x00, 0x5a, 0xa5, 0x00, 0x00, 0x00,
-	/* ch = '8' */
-	0x00, 0x19, 0x67, 0x5b, 0x08, 0x00,
-	0x0d, 0xf7, 0x31, 0x54, 0xe0, 0x00,
-	0x22, 0xff, 0x04, 0x1f, 0xf7, 0x0d,
-	0x00, 0xa9, 0xb1, 0xb1, 0x5a, 0x00,
-	0x04, 0x94, 0x85, 0xd4, 0x5a, 0x00,
-	0x48, 0xa5, 0x00, 0x10, 0xf7, 0x29,
-	0x5f, 0xab, 0x00, 0x0d, 0xe5, 0x2c,
-	0x10, 0xbb, 0xcb, 0xe5, 0x73, 0x04,
-	0x00, 0x00, 0x0f, 0x0c, 0x00, 0x00,
-	/* ch = '9' */
-	0x00, 0x1b, 0x67, 0x3f, 0x04, 0x00,
-	0x17, 0xef, 0x31, 0x8a, 0x8a, 0x00,
-	0x4d, 0x97, 0x00, 0x0d, 0xff, 0x1c,
-	0x44, 0xa5, 0x00, 0x04, 0xff, 0x24,
-	0x10, 0xdb, 0x84, 0xbb, 0xff, 0x24,
-	0x00, 0x08, 0x15, 0x15, 0xff, 0x22,
-	0x00, 0x0c, 0x00, 0x35, 0xc8, 0x0d,
-	0x1e, 0xe5, 0xab, 0xdd, 0x26, 0x00,
-	0x00, 0x00, 0x15, 0x00, 0x00, 0x00,
-	/* ch = ':' */
-	0x1a, 0xff, 0x5a,
-	0x00, 0x25, 0x13,
-	0x00, 0x00, 0x00,
-	0x00, 0x12, 0x08,
-	0x17, 0xff, 0x5a,
-	0x00, 0x0f, 0x04,
-	/* ch = ';' */
-	0x1a, 0xff, 0x5a,
-	0x00, 0x25, 0x13,
-	0x00, 0x00, 0x00,
-	0x00, 0x12, 0x04,
-	0x17, 0xff, 0x7c,
-	0x00, 0x7c, 0x54,
-	0x17, 0xa9, 0x10,
-	/* ch = '<' */
-	0x00, 0x04, 0x3f, 0x4e,
-	0x37, 0xdd, 0x66, 0x13,
-	0x73, 0x16, 0x00, 0x00,
-	0x1b, 0x00, 0x00, 0x00,
-	0xd4, 0x84, 0x08, 0x00,
-	0x04, 0x37, 0xef, 0x3e,
-	0x00, 0x00, 0x08, 0x26,
-	/* ch = '=' */
-	0x12, 0x15, 0x15, 0x15, 0x15, 0x0c,
-	0x2d, 0x36, 0x36, 0x36, 0x36, 0x26,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x95, 0xcf, 0xcf, 0xcf, 0xcf, 0x4e,
-	/* ch = '>' */
-	0x87, 0x28, 0x00, 0x00,
-	0x1b, 0xa4, 0xcb, 0x1e,
-	0x00, 0x00, 0x1e, 0xa4,
-	0x00, 0x00, 0x00, 0x37,
-	0x00, 0x1b, 0xbb, 0x94,
-	0x7f, 0xbb, 0x25, 0x00,
-	0x28, 0x04, 0x00, 0x00,
-	/* ch = '?' */
-	0x08, 0x8d, 0xe5, 0xef, 0x4d, 0x00,
-	0x2f, 0x7e, 0x04, 0x26, 0xff, 0x1c,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x22,
-	0x00, 0x00, 0x04, 0xb1, 0x84, 0x04,
-	0x00, 0x00, 0x50, 0x90, 0x04, 0x00,
-	0x00, 0x00, 0x67, 0x51, 0x00, 0x00,
-	0x00, 0x00, 0x0c, 0x0c, 0x00, 0x00,
-	0x00, 0x00, 0xb1, 0xc0, 0x00, 0x00,
-	0x00, 0x00, 0x0c, 0x0c, 0x00, 0x00,
-	/* ch = '@' */
-	0x00, 0x13, 0x5b, 0x67, 0x1b, 0x00,
-	0x1f, 0xd4, 0x25, 0x1b, 0xdb, 0x22,
-	0x7c, 0x43, 0x04, 0x25, 0x87, 0x5f,
-	0xcf, 0x26, 0xc4, 0x5a, 0x68, 0x5f,
-	0xf7, 0x32, 0xd9, 0x00, 0x5f, 0x5f,
-	0xb1, 0x35, 0x94, 0xdd, 0xcf, 0x51,
-	0x44, 0xa5, 0x04, 0x00, 0x00, 0x00,
-	0x00, 0x66, 0xe5, 0x74, 0xd4, 0x1a,
-	0x00, 0x00, 0x04, 0x15, 0x04, 0x00,
-	/* ch = 'A' */
-	0x00, 0x00, 0x39, 0x04, 0x00, 0x00,
-	0x00, 0x00, 0xcf, 0x3b, 0x00, 0x00,
-	0x00, 0x24, 0xff, 0x9e, 0x00, 0x00,
-	0x00, 0x6b, 0x64, 0xf7, 0x1c, 0x00,
-	0x00, 0xe5, 0x1f, 0x7c, 0x54, 0x00,
-	0x2c, 0xef, 0xa2, 0xbd, 0xe0, 0x00,
-	0x70, 0x5f, 0x00, 0x04, 0xe5, 0x29,
-	0xe5, 0x24, 0x00, 0x00, 0x6b, 0x82,
-	/* ch = 'B' */
-	0x2d, 0x36, 0x36, 0x36, 0x08, 0x00,
-	0xb7, 0x46, 0x15, 0x6a, 0xf7, 0x04,
-	0xb7, 0x3b, 0x00, 0x04, 0xff, 0x24,
-	0xb7, 0x73, 0x36, 0x94, 0x84, 0x04,
-	0xb7, 0x62, 0x36, 0x77, 0xc0, 0x04,
-	0xb7, 0x3b, 0x00, 0x00, 0xb7, 0x50,
-	0xb7, 0x3b, 0x00, 0x04, 0xcf, 0x43,
-	0xb7, 0xe5, 0xcf, 0xdd, 0x73, 0x04,
-	/* ch = 'C' */
-	0x00, 0x0c, 0x47, 0x5b, 0x1b, 0x00,
-	0x10, 0xdb, 0x47, 0x20, 0xdb, 0x3b,
-	0x5a, 0x82, 0x00, 0x00, 0x1e, 0x13,
-	0xb1, 0x3f, 0x00, 0x00, 0x00, 0x00,
-	0xb7, 0x3b, 0x00, 0x00, 0x00, 0x00,
-	0x90, 0x5f, 0x00, 0x00, 0x00, 0x00,
-	0x39, 0xe0, 0x04, 0x00, 0x3d, 0x13,
-	0x00, 0x66, 0xef, 0x9e, 0xbb, 0x19,
-	0x00, 0x00, 0x08, 0x0f, 0x00, 0x00,
-	/* ch = 'D' */
-	0x26, 0x36, 0x36, 0x2a, 0x04, 0x00,
-	0x7c, 0x68, 0x20, 0x99, 0x90, 0x00,
-	0x7c, 0x5f, 0x00, 0x0d, 0xe5, 0x2c,
-	0x7c, 0x5f, 0x00, 0x00, 0x90, 0x5a,
-	0x7c, 0x5f, 0x00, 0x00, 0x7c, 0x5f,
-	0x7c, 0x5f, 0x00, 0x00, 0xa7, 0x47,
-	0x7c, 0x5f, 0x00, 0x26, 0xf7, 0x16,
-	0x7c, 0xc8, 0x9e, 0xc4, 0x2e, 0x00,
-	/* ch = 'E' */
-	0x26, 0x36, 0x36, 0x36, 0x36, 0x16,
-	0x7c, 0x68, 0x15, 0x15, 0x15, 0x0c,
-	0x7c, 0x5f, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0x6d, 0x15, 0x15, 0x0f, 0x00,
-	0x7c, 0x82, 0x36, 0x36, 0x2d, 0x00,
-	0x7c, 0x5f, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0x5f, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0xef, 0xcf, 0xcf, 0xcf, 0x32,
-	/* ch = 'F' */
-	0x16, 0x36, 0x36, 0x36, 0x36, 0x0d,
-	0x32, 0xcf, 0x15, 0x15, 0x15, 0x08,
-	0x32, 0xcf, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xea, 0x36, 0x36, 0x1e, 0x00,
-	0x32, 0xcf, 0x36, 0x36, 0x26, 0x00,
-	0x32, 0xcf, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xcf, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xcf, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'G' */
-	0x00, 0x13, 0x50, 0x5b, 0x1b, 0x00,
-	0x1c, 0xe5, 0x3f, 0x25, 0xdb, 0x36,
-	0x6b, 0x6f, 0x00, 0x00, 0x1e, 0x10,
-	0xb7, 0x3b, 0x00, 0x00, 0x00, 0x00,
-	0xb7, 0x3b, 0x00, 0x74, 0x74, 0x30,
-	0xa0, 0x47, 0x00, 0x15, 0x88, 0x5f,
-	0x44, 0xcf, 0x04, 0x00, 0x7c, 0x5f,
-	0x04, 0x7e, 0xef, 0x9e, 0xe5, 0x32,
-	0x00, 0x00, 0x04, 0x0f, 0x00, 0x00,
-	/* ch = 'H' */
-	0x26, 0x30, 0x00, 0x00, 0x2d, 0x16,
-	0x7c, 0x5f, 0x00, 0x00, 0xb7, 0x3b,
-	0x7c, 0x5f, 0x00, 0x00, 0xb7, 0x3b,
-	0x7c, 0x6d, 0x15, 0x15, 0xbd, 0x3b,
-	0x7c, 0x82, 0x36, 0x36, 0xcf, 0x3b,
-	0x7c, 0x5f, 0x00, 0x00, 0xb7, 0x3b,
-	0x7c, 0x5f, 0x00, 0x00, 0xb7, 0x3b,
-	0x7c, 0x5f, 0x00, 0x00, 0xb7, 0x3b,
-	/* ch = 'I' */
-	0x16, 0x36, 0x36, 0x36, 0x2d,
-	0x08, 0x15, 0xbd, 0x46, 0x15,
-	0x00, 0x00, 0xb7, 0x3b, 0x00,
-	0x00, 0x00, 0xb7, 0x3b, 0x00,
-	0x00, 0x00, 0xb7, 0x3b, 0x00,
-	0x00, 0x00, 0xb7, 0x3b, 0x00,
-	0x00, 0x00, 0xb7, 0x3b, 0x00,
-	0x22, 0x74, 0xe5, 0xb1, 0x58,
-	/* ch = 'J' */
-	0x16, 0x36, 0x36, 0x36, 0x1e,
-	0x08, 0x15, 0xbd, 0x46, 0x0f,
-	0x00, 0x00, 0xb7, 0x3b, 0x00,
-	0x00, 0x00, 0xb7, 0x3b, 0x00,
-	0x00, 0x00, 0xb7, 0x3b, 0x00,
-	0x00, 0x00, 0xb7, 0x3b, 0x00,
-	0x10, 0x04, 0xe5, 0x32, 0x00,
-	0xef, 0xab, 0x99, 0x0d, 0x00,
-	0x08, 0x12, 0x00, 0x00, 0x00,
-	/* ch = 'K' */
-	0x2d, 0x1c, 0x00, 0x04, 0x5b, 0x26,
-	0xb7, 0x3b, 0x04, 0x7c, 0x8a, 0x04,
-	0xb7, 0x3b, 0x7c, 0x8a, 0x04, 0x00,
-	0xb7, 0xc8, 0xb7, 0x10, 0x00, 0x00,
-	0xb7, 0xbb, 0xf7, 0x24, 0x00, 0x00,
-	0xb7, 0x3b, 0x50, 0xcf, 0x04, 0x00,
-	0xb7, 0x3b, 0x04, 0xb1, 0x6f, 0x00,
-	0xb7, 0x3b, 0x00, 0x1c, 0xf7, 0x3b,
-	/* ch = 'L' */
-	0x1e, 0x39, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0x90, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0x90, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0x90, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0x90, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0x90, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0x90, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xf7, 0xcf, 0xcf, 0xcf, 0x32,
-	/* ch = 'M' */
-	0x2d, 0x10, 0x00, 0x00, 0x21, 0x1e,
-	0xb7, 0x82, 0x00, 0x04, 0xdb, 0x5f,
-	0xb7, 0xff, 0x24, 0x48, 0xff, 0x5f,
-	0xb7, 0xb7, 0xa5, 0xdb, 0xb7, 0x5f,
-	0xb7, 0x47, 0xe5, 0x6f, 0x7c, 0x5f,
-	0xb7, 0x3b, 0x21, 0x19, 0x7c, 0x5f,
-	0xb7, 0x3b, 0x00, 0x00, 0x7c, 0x5f,
-	0xb7, 0x3b, 0x00, 0x00, 0x7c, 0x5f,
-	/* ch = 'N' */
-	0x26, 0x21, 0x00, 0x00, 0x2d, 0x28,
-	0x7c, 0xf7, 0x0d, 0x00, 0xb7, 0x3b,
-	0x7c, 0xf7, 0x6f, 0x00, 0xb7, 0x3b,
-	0x7c, 0x5f, 0xff, 0x1c, 0xb7, 0x3b,
-	0x7c, 0x3b, 0x6b, 0x90, 0xb7, 0x3b,
-	0x7c, 0x3b, 0x10, 0xf7, 0xff, 0x3b,
-	0x7c, 0x3b, 0x00, 0x50, 0xff, 0x3b,
-	0x7c, 0x3b, 0x00, 0x04, 0xc8, 0x3b,
-	/* ch = 'O' */
-	0x00, 0x1b, 0x67, 0x50, 0x08, 0x00,
-	0x24, 0xef, 0x37, 0x5f, 0xf7, 0x0d,
-	0x8a, 0x54, 0x00, 0x00, 0xa7, 0x50,
-	0xe5, 0x26, 0x00, 0x00, 0x5f, 0x8a,
-	0xff, 0x24, 0x00, 0x00, 0x50, 0x90,
-	0xbd, 0x3f, 0x00, 0x00, 0x6b, 0x6f,
-	0x5a, 0xa5, 0x00, 0x10, 0xe5, 0x32,
-	0x04, 0xa2, 0xe5, 0xef, 0x65, 0x04,
-	0x00, 0x00, 0x0c, 0x08, 0x00, 0x00,
-	/* ch = 'P' */
-	0x26, 0x36, 0x36, 0x36, 0x13, 0x00,
-	0x7c, 0x82, 0x36, 0x4f, 0xff, 0x22,
-	0x7c, 0x5f, 0x00, 0x00, 0x97, 0x5a,
-	0x7c, 0x5f, 0x00, 0x16, 0xe5, 0x2f,
-	0x7c, 0xb1, 0x74, 0x74, 0x3f, 0x00,
-	0x7c, 0x5f, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0x5f, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0x5f, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'Q' */
-	0x00, 0x1b, 0x67, 0x50, 0x08, 0x00,
-	0x24, 0xe5, 0x31, 0x5a, 0xf7, 0x0d,
-	0x8a, 0x54, 0x00, 0x00, 0xa7, 0x50,
-	0xe5, 0x26, 0x00, 0x00, 0x54, 0x8a,
-	0xff, 0x24, 0x00, 0x00, 0x50, 0x90,
-	0xbd, 0x3b, 0x00, 0x00, 0x6b, 0x6f,
-	0x5a, 0xa5, 0x00, 0x08, 0xe5, 0x32,
-	0x04, 0x94, 0xd4, 0xe5, 0x65, 0x04,
-	0x00, 0x00, 0x6b, 0x74, 0x00, 0x00,
-	0x00, 0x00, 0x16, 0x8f, 0xcf, 0x36,
-	/* ch = 'R' */
-	0x26, 0x36, 0x36, 0x36, 0x13, 0x00,
-	0x7c, 0x82, 0x36, 0x5a, 0xff, 0x13,
-	0x7c, 0x5f, 0x00, 0x00, 0xbd, 0x3b,
-	0x7c, 0x5f, 0x00, 0x24, 0xf7, 0x1f,
-	0x7c, 0xb1, 0x9c, 0xec, 0x2e, 0x00,
-	0x7c, 0x5f, 0x04, 0xe5, 0x32, 0x00,
-	0x7c, 0x5f, 0x00, 0x48, 0xbd, 0x00,
-	0x7c, 0x5f, 0x00, 0x04, 0xe5, 0x35,
-	/* ch = 'S' */
-	0x00, 0x16, 0x47, 0x47, 0x16, 0x00,
-	0x1c, 0xef, 0x31, 0x2b, 0xe5, 0x17,
-	0x4d, 0xc6, 0x00, 0x00, 0x0f, 0x00,
-	0x10, 0xdb, 0x8a, 0x16, 0x00, 0x00,
-	0x00, 0x08, 0x3f, 0xd4, 0x92, 0x04,
-	0x00, 0x00, 0x00, 0x04, 0xc8, 0x43,
-	0x2a, 0x21, 0x00, 0x04, 0xb7, 0x43,
-	0x2c, 0xef, 0x9e, 0xcb, 0x94, 0x10,
-	0x00, 0x00, 0x0f, 0x0c, 0x00, 0x00,
-	/* ch = 'T' */
-	0x36, 0x36, 0x36, 0x36, 0x36, 0x1e,
-	0x15, 0x15, 0xbd, 0x46, 0x15, 0x0f,
-	0x00, 0x00, 0xb7, 0x3b, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x3b, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x3b, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x3b, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x3b, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x3b, 0x00, 0x00,
-	/* ch = 'U' */
-	0x26, 0x1e, 0x00, 0x00, 0x26, 0x1e,
-	0x7c, 0x5f, 0x00, 0x00, 0x7c, 0x5f,
-	0x7c, 0x5f, 0x00, 0x00, 0x7c, 0x5f,
-	0x7c, 0x5f, 0x00, 0x00, 0x7c, 0x5f,
-	0x7c, 0x5f, 0x00, 0x00, 0x7c, 0x5f,
-	0x7c, 0x5f, 0x00, 0x00, 0x7c, 0x5f,
-	0x6b, 0x82, 0x00, 0x04, 0xc8, 0x39,
-	0x10, 0xcb, 0xbb, 0xbb, 0x84, 0x04,
-	0x00, 0x00, 0x0f, 0x0c, 0x00, 0x00,
-	/* ch = 'V' */
-	0x33, 0x10, 0x00, 0x00, 0x1e, 0x26,
-	0x8a, 0x5f, 0x00, 0x00, 0x90, 0x47,
-	0x39, 0xcf, 0x00, 0x0d, 0xff, 0x16,
-	0x0d, 0xf7, 0x24, 0x39, 0xa5, 0x00,
-	0x00, 0x8a, 0x5f, 0x7c, 0x47, 0x00,
-	0x00, 0x32, 0xcf, 0xf7, 0x16, 0x00,
-	0x00, 0x04, 0xf7, 0xa5, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x47, 0x00, 0x00,
-	/* ch = 'W' */
-	0x36, 0x00, 0x00, 0x00, 0x0d, 0x2d,
-	0xf7, 0x22, 0x44, 0x47, 0x32, 0x97,
-	0xb1, 0x39, 0x90, 0x7c, 0x4d, 0x64,
-	0x7c, 0x5f, 0xef, 0xea, 0x6b, 0x3f,
-	0x50, 0xf7, 0x90, 0xe5, 0xcf, 0x2c,
-	0x32, 0xff, 0x50, 0x7c, 0xff, 0x16,
-	0x1c, 0xff, 0x24, 0x3b, 0xcf, 0x0d,
-	0x00, 0xcf, 0x0d, 0x1a, 0xb7, 0x00,
-	/* ch = 'X' */
-	0x39, 0x21, 0x00, 0x00, 0x30, 0x13,
-	0x2a, 0xff, 0x0d, 0x32, 0xc8, 0x0d,
-	0x00, 0x90, 0x6f, 0xc8, 0x43, 0x00,
-	0x00, 0x1c, 0xff, 0xb7, 0x0d, 0x00,
-	0x00, 0x04, 0xe5, 0x90, 0x00, 0x00,
-	0x00, 0x50, 0xb1, 0xf7, 0x2c, 0x00,
-	0x10, 0xf7, 0x2c, 0x50, 0xb7, 0x00,
-	0x5f, 0x90, 0x00, 0x04, 0xdb, 0x3f,
-	/* ch = 'Y' */
-	0x44, 0x19, 0x00, 0x00, 0x26, 0x24,
-	0x50, 0xbd, 0x00, 0x0d, 0xe5, 0x29,
-	0x0d, 0xe5, 0x35, 0x48, 0x9e, 0x04,
-	0x00, 0x48, 0xbd, 0xc8, 0x35, 0x00,
-	0x00, 0x04, 0xe5, 0xb7, 0x04, 0x00,
-	0x00, 0x00, 0x7c, 0x5f, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x5f, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x5f, 0x00, 0x00,
-	/* ch = 'Z' */
-	0x26, 0x36, 0x36, 0x36, 0x36, 0x16,
-	0x0f, 0x15, 0x15, 0x25, 0xf7, 0x1f,
-	0x00, 0x00, 0x00, 0x90, 0x64, 0x00,
-	0x00, 0x00, 0x2f, 0xdb, 0x10, 0x00,
-	0x00, 0x04, 0xdb, 0x39, 0x00, 0x00,
-	0x00, 0x5f, 0x9e, 0x04, 0x00, 0x00,
-	0x1c, 0xf7, 0x1f, 0x00, 0x00, 0x00,
-	0x77, 0xff, 0xcf, 0xcf, 0xcf, 0x4e,
-	/* ch = '[' */
-	0xb7, 0x9c, 0x74, 0x74, 0x0d,
-	0xb7, 0x3b, 0x00, 0x00, 0x00,
-	0xb7, 0x3b, 0x00, 0x00, 0x00,
-	0xb7, 0x3b, 0x00, 0x00, 0x00,
-	0xb7, 0x3b, 0x00, 0x00, 0x00,
-	0xb7, 0x3b, 0x00, 0x00, 0x00,
-	0xb7, 0x3b, 0x00, 0x00, 0x00,
-	0xb7, 0x3b, 0x00, 0x00, 0x00,
-	0xb7, 0xb1, 0x74, 0x74, 0x00,
-	/* ch = '\' */
-	0x3a, 0x9e, 0x00,
-	0x0d, 0xf7, 0x24,
-	0x00, 0x6b, 0x82,
-	0x00, 0x17, 0xff,
-	0x00, 0x00, 0x7c,
-	0x00, 0x00, 0x22,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	/* ch = ']' */
-	0x22, 0x74, 0x74, 0xc8, 0x5f,
-	0x00, 0x00, 0x00, 0x7c, 0x5f,
-	0x00, 0x00, 0x00, 0x7c, 0x5f,
-	0x00, 0x00, 0x00, 0x7c, 0x5f,
-	0x00, 0x00, 0x00, 0x7c, 0x5f,
-	0x00, 0x00, 0x00, 0x7c, 0x5f,
-	0x00, 0x00, 0x00, 0x7c, 0x5f,
-	0x00, 0x00, 0x00, 0x7c, 0x5f,
-	0x22, 0x74, 0x74, 0xc8, 0x5f,
-	/* ch = '^' */
-	0x00, 0x00, 0x21, 0x16, 0x00,
-	0x00, 0x04, 0xdb, 0xa5, 0x00,
-	0x00, 0x5f, 0x7c, 0xc8, 0x32,
-	0x0a, 0xbd, 0x16, 0x2f, 0x82,
-	/* ch = '_' */
-	/* ch = '`' */
-	0x55, 0x6a, 0x00,
-	0x22, 0xff, 0x24,
-	0x00, 0x73, 0x6c,
-	/* ch = 'a' */
-	0x00, 0x2a, 0x74, 0x67, 0x1b, 0x00,
-	0x0d, 0x8d, 0x20, 0x31, 0xff, 0x13,
-	0x00, 0x00, 0x15, 0x15, 0xff, 0x24,
-	0x24, 0xdd, 0x50, 0x36, 0xd9, 0x24,
-	0x7c, 0x64, 0x00, 0x10, 0xff, 0x24,
-	0x32, 0xef, 0x82, 0xd4, 0xff, 0x24,
-	0x00, 0x08, 0x15, 0x00, 0x00, 0x00,
-	/* ch = 'b' */
-	0x7c, 0x90, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0x90, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0xab, 0x5b, 0x67, 0x1b, 0x00,
-	0x7c, 0xe5, 0x25, 0x3f, 0xff, 0x1c,
-	0x7c, 0x90, 0x00, 0x00, 0xbd, 0x50,
-	0x7c, 0x90, 0x00, 0x00, 0xa7, 0x5f,
-	0x7c, 0xab, 0x00, 0x10, 0xe5, 0x32,
-	0x7c, 0xbb, 0xbb, 0xe5, 0x84, 0x04,
-	0x00, 0x00, 0x0c, 0x0f, 0x00, 0x00,
-	/* ch = 'c' */
-	0x00, 0x13, 0x5b, 0x74, 0x31, 0x00,
-	0x17, 0xef, 0x3f, 0x1a, 0xb1, 0x33,
-	0x5f, 0x97, 0x00, 0x00, 0x0c, 0x04,
-	0x7c, 0x7c, 0x00, 0x00, 0x00, 0x00,
-	0x39, 0xf7, 0x08, 0x00, 0x21, 0x00,
-	0x00, 0x73, 0xef, 0xab, 0xd4, 0x24,
-	0x00, 0x00, 0x08, 0x12, 0x00, 0x00,
-	/* ch = 'd' */
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x3b,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x3b,
-	0x00, 0x2e, 0x74, 0x48, 0xbd, 0x3b,
-	0x3b, 0xb7, 0x20, 0x54, 0xff, 0x3b,
-	0x90, 0x50, 0x00, 0x00, 0xff, 0x3b,
-	0xb1, 0x47, 0x00, 0x00, 0xff, 0x3b,
-	0x6b, 0x97, 0x00, 0x1f, 0xff, 0x3b,
-	0x10, 0xd4, 0xcb, 0xcb, 0xe5, 0x3b,
-	0x00, 0x00, 0x12, 0x00, 0x00, 0x00,
-	/* ch = 'e' */
-	0x00, 0x21, 0x74, 0x67, 0x19, 0x00,
-	0x2a, 0xdb, 0x22, 0x37, 0xf7, 0x0d,
-	0x77, 0x73, 0x15, 0x15, 0xc6, 0x39,
-	0x8a, 0x82, 0x36, 0x36, 0x36, 0x1e,
-	0x5a, 0xa5, 0x00, 0x00, 0x0c, 0x00,
-	0x04, 0xa2, 0xcb, 0x8f, 0xbb, 0x13,
-	0x00, 0x00, 0x0c, 0x0f, 0x00, 0x00,
-	/* ch = 'f' */
-	0x00, 0x73, 0xbb, 0xd4, 0x6c,
-	0x2f, 0xcf, 0x0d, 0x04, 0x28,
-	0x3e, 0xd9, 0x15, 0x0c, 0x00,
-	0x9c, 0xe5, 0x74, 0x39, 0x00,
-	0x32, 0xcf, 0x00, 0x00, 0x00,
-	0x32, 0xcf, 0x00, 0x00, 0x00,
-	0x32, 0xcf, 0x00, 0x00, 0x00,
-	0x32, 0xcf, 0x00, 0x00, 0x00,
-	/* ch = 'g' */
-	0x00, 0x37, 0x74, 0x48, 0x5b, 0x42,
-	0x40, 0xb1, 0x16, 0x82, 0x7b, 0x04,
-	0x5f, 0x6f, 0x00, 0x54, 0x8a, 0x00,
-	0x1c, 0xec, 0x9e, 0xd4, 0x26, 0x00,
-	0x32, 0xab, 0x15, 0x04, 0x00, 0x00,
-	0x22, 0xef, 0xcf, 0xcf, 0xdd, 0x10,
-	0xa0, 0x3f, 0x00, 0x00, 0x88, 0x5a,
-	0x44, 0xdd, 0x82, 0x9e, 0xa2, 0x16,
-	/* ch = 'h' */
-	0x50, 0x97, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0x90, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0x90, 0x3f, 0x74, 0x26, 0x00,
-	0x50, 0xff, 0x47, 0x37, 0xff, 0x13,
-	0x50, 0xb7, 0x00, 0x00, 0xff, 0x24,
-	0x50, 0x90, 0x00, 0x00, 0xff, 0x24,
-	0x50, 0x90, 0x00, 0x00, 0xff, 0x24,
-	0x50, 0x90, 0x00, 0x00, 0xff, 0x24,
-	/* ch = 'i' */
-	0x00, 0x00, 0x87, 0x67, 0x00,
-	0x00, 0x00, 0x22, 0x21, 0x00,
-	0x00, 0x36, 0x36, 0x1e, 0x00,
-	0x00, 0x15, 0x88, 0x5f, 0x00,
-	0x00, 0x00, 0x7c, 0x5f, 0x00,
-	0x00, 0x00, 0x7c, 0x5f, 0x00,
-	0x00, 0x00, 0x7c, 0x5f, 0x00,
-	0x14, 0x74, 0xc8, 0xc8, 0x58,
-	/* ch = 'j' */
-	0x00, 0x00, 0x00, 0xab, 0x5b,
-	0x00, 0x00, 0x00, 0x28, 0x21,
-	0x00, 0x2d, 0x36, 0x36, 0x1e,
-	0x00, 0x12, 0x15, 0xbd, 0x5f,
-	0x00, 0x00, 0x00, 0xb7, 0x5f,
-	0x00, 0x00, 0x00, 0xb7, 0x5f,
-	0x00, 0x00, 0x00, 0xb7, 0x5f,
-	0x00, 0x00, 0x00, 0xb7, 0x5a,
-	0x19, 0x10, 0x00, 0xcf, 0x39,
-	0x51, 0xef, 0xcb, 0x94, 0x10,
-	/* ch = 'k' */
-	0x50, 0x97, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0x90, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0x90, 0x00, 0x10, 0x50, 0x10,
-	0x50, 0x90, 0x13, 0xd4, 0x3f, 0x00,
-	0x50, 0xcf, 0xdb, 0x3f, 0x00, 0x00,
-	0x50, 0xdb, 0xb1, 0x90, 0x00, 0x00,
-	0x50, 0x90, 0x10, 0xdb, 0x5f, 0x00,
-	0x50, 0x90, 0x00, 0x1f, 0xf7, 0x3b,
-	/* ch = 'l' */
-	0x2d, 0xcf, 0xf7, 0x5f, 0x00,
-	0x00, 0x00, 0xb7, 0x5f, 0x00,
-	0x00, 0x00, 0xb7, 0x5f, 0x00,
-	0x00, 0x00, 0xb7, 0x5f, 0x00,
-	0x00, 0x00, 0xb7, 0x5f, 0x00,
-	0x00, 0x00, 0xb7, 0x5f, 0x00,
-	0x00, 0x00, 0xb7, 0x5f, 0x00,
-	0x22, 0x74, 0xe5, 0xc8, 0x74,
-	/* ch = 'm' */
-	0x2d, 0x50, 0x67, 0x37, 0x74, 0x19,
-	0xb7, 0x64, 0x97, 0x90, 0x68, 0x8a,
-	0xb7, 0x26, 0x7c, 0x5f, 0x50, 0x90,
-	0xb7, 0x24, 0x7c, 0x5f, 0x50, 0x90,
-	0xb7, 0x24, 0x7c, 0x5f, 0x50, 0x90,
-	0xb7, 0x24, 0x7c, 0x5f, 0x50, 0x90,
-	/* ch = 'n' */
-	0x1e, 0x28, 0x3f, 0x74, 0x21, 0x00,
-	0x50, 0xff, 0x47, 0x3a, 0xff, 0x13,
-	0x50, 0xa5, 0x00, 0x00, 0xff, 0x24,
-	0x50, 0x90, 0x00, 0x00, 0xff, 0x24,
-	0x50, 0x90, 0x00, 0x00, 0xff, 0x24,
-	0x50, 0x90, 0x00, 0x00, 0xff, 0x24,
-	/* ch = 'o' */
-	0x00, 0x1b, 0x67, 0x5b, 0x13, 0x00,
-	0x2f, 0xdb, 0x25, 0x3f, 0xf7, 0x0d,
-	0x90, 0x64, 0x00, 0x00, 0xa7, 0x50,
-	0xb7, 0x50, 0x00, 0x00, 0x7c, 0x5f,
-	0x6b, 0xa5, 0x00, 0x04, 0xe5, 0x35,
-	0x10, 0xa9, 0xbb, 0xcb, 0x84, 0x04,
-	0x00, 0x00, 0x0f, 0x0f, 0x00, 0x00,
-	/* ch = 'p' */
-	0x26, 0x2a, 0x5b, 0x74, 0x1b, 0x00,
-	0x7c, 0xe5, 0x25, 0x3f, 0xff, 0x1c,
-	0x7c, 0x90, 0x00, 0x00, 0xa0, 0x5a,
-	0x7c, 0x90, 0x00, 0x00, 0x7c, 0x5f,
-	0x7c, 0xab, 0x00, 0x04, 0xcf, 0x3b,
-	0x7c, 0xef, 0xbb, 0xd4, 0x84, 0x04,
-	0x7c, 0x90, 0x0c, 0x12, 0x00, 0x00,
-	0x7c, 0x90, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'q' */
-	0x00, 0x28, 0x74, 0x50, 0x30, 0x16,
-	0x35, 0xdb, 0x20, 0x43, 0xff, 0x3b,
-	0xa0, 0x50, 0x00, 0x00, 0xff, 0x3b,
-	0xb7, 0x47, 0x00, 0x00, 0xff, 0x3b,
-	0x6b, 0xa5, 0x00, 0x17, 0xff, 0x3b,
-	0x10, 0xd4, 0xcb, 0xdd, 0xe5, 0x3b,
-	0x00, 0x00, 0x12, 0x00, 0xb7, 0x3b,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x3b,
-	/* ch = 'r' */
-	0x0d, 0x36, 0x26, 0x74, 0x5b, 0x10,
-	0x1c, 0xff, 0xc4, 0x25, 0x50, 0x2c,
-	0x1c, 0xff, 0x2e, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x10, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x0d, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x0d, 0x00, 0x00, 0x00,
-	/* ch = 's' */
-	0x00, 0x22, 0x74, 0x74, 0x22, 0x00,
-	0x22, 0xff, 0x1e, 0x1e, 0xc4, 0x13,
-	0x17, 0xf7, 0x6a, 0x18, 0x00, 0x00,
-	0x00, 0x0c, 0x50, 0xcb, 0xc0, 0x04,
-	0x1f, 0x24, 0x00, 0x04, 0xff, 0x2f,
-	0x2f, 0xef, 0x9e, 0xbb, 0x94, 0x10,
-	0x00, 0x00, 0x0f, 0x0c, 0x00, 0x00,
-	/* ch = 't' */
-	0x00, 0x00, 0x04, 0x08, 0x00,
-	0x00, 0x1a, 0xff, 0x1c, 0x00,
-	0x1e, 0x4a, 0xff, 0x40, 0x2d,
-	0x0c, 0x2a, 0xff, 0x1a, 0x15,
-	0x00, 0x32, 0xcf, 0x04, 0x00,
-	0x00, 0x32, 0xcf, 0x00, 0x00,
-	0x00, 0x32, 0xff, 0x00, 0x08,
-	0x00, 0x0d, 0xd4, 0xdd, 0xdd,
-	0x00, 0x00, 0x00, 0x0f, 0x00,
-	/* ch = 'u' */
-	0x1e, 0x26, 0x00, 0x00, 0x36, 0x0d,
-	0x50, 0x90, 0x00, 0x00, 0xff, 0x24,
-	0x6b, 0x90, 0x00, 0x00, 0xff, 0x24,
-	0x7c, 0x90, 0x00, 0x00, 0xff, 0x24,
-	0x4d, 0xa5, 0x00, 0x22, 0xff, 0x24,
-	0x10, 0xd4, 0xa4, 0xc4, 0xff, 0x26,
-	0x00, 0x00, 0x15, 0x04, 0x00, 0x00,
-	/* ch = 'v' */
-	0x2b, 0x1e, 0x00, 0x00, 0x26, 0x1c,
-	0x48, 0xbd, 0x00, 0x00, 0xcf, 0x29,
-	0x0d, 0xff, 0x1f, 0x2c, 0xb7, 0x04,
-	0x00, 0x8a, 0x6a, 0x8a, 0x43, 0x00,
-	0x00, 0x2c, 0xff, 0xe5, 0x10, 0x00,
-	0x00, 0x00, 0xc8, 0x6a, 0x00, 0x00,
-	/* ch = 'w' */
-	0x36, 0x00, 0x00, 0x00, 0x16, 0x39,
-	0xe5, 0x22, 0x7c, 0x50, 0x3b, 0x8a,
-	0x90, 0x3f, 0xcf, 0xa5, 0x50, 0x5f,
-	0x5f, 0xa5, 0xb7, 0xf7, 0xa5, 0x39,
-	0x35, 0xff, 0x5f, 0x90, 0xff, 0x22,
-	0x1a, 0xff, 0x2c, 0x44, 0xe5, 0x0d,
-	/* ch = 'x' */
-	0x24, 0x28, 0x00, 0x0d, 0x36, 0x09,
-	0x10, 0xe5, 0x2c, 0x7c, 0x6f, 0x00,
-	0x00, 0x32, 0xf7, 0xc8, 0x10, 0x00,
-	0x00, 0x10, 0xec, 0x97, 0x00, 0x00,
-	0x00, 0x90, 0x64, 0xc8, 0x47, 0x00,
-	0x48, 0xb7, 0x10, 0x1f, 0xff, 0x24,
-	/* ch = 'y' */
-	0x39, 0x26, 0x00, 0x00, 0x28, 0x1e,
-	0x39, 0xe0, 0x00, 0x00, 0xe5, 0x29,
-	0x04, 0xe5, 0x29, 0x2c, 0xc8, 0x0d,
-	0x00, 0x5a, 0x82, 0x70, 0x54, 0x00,
-	0x00, 0x17, 0xff, 0xf7, 0x1f, 0x00,
-	0x00, 0x00, 0xa0, 0x9e, 0x00, 0x00,
-	0x0c, 0x00, 0xa7, 0x43, 0x00, 0x00,
-	0xd4, 0xc4, 0xa9, 0x10, 0x00, 0x00,
-	/* ch = 'z' */
-	0x1e, 0x36, 0x36, 0x36, 0x36, 0x0d,
-	0x0c, 0x15, 0x15, 0x67, 0xb1, 0x10,
-	0x00, 0x00, 0x32, 0xdb, 0x19, 0x00,
-	0x00, 0x1f, 0xef, 0x26, 0x00, 0x00,
-	0x10, 0xdb, 0x3b, 0x00, 0x00, 0x00,
-	0x77, 0xff, 0xcf, 0xcf, 0xcf, 0x32,
-	/* ch = '{' */
-	0x00, 0x28, 0x74, 0x58,
-	0x22, 0xe5, 0x1b, 0x00,
-	0x32, 0xcf, 0x00, 0x00,
-	0x35, 0xc8, 0x00, 0x00,
-	0xa9, 0x3b, 0x00, 0x00,
-	0x90, 0x5a, 0x00, 0x00,
-	0x35, 0xc8, 0x00, 0x00,
-	0x3b, 0xcf, 0x00, 0x00,
-	0x2f, 0xea, 0x04, 0x00,
-	0x04, 0x8d, 0xcf, 0xa4,
-	/* ch = '|' */
-	0x67, 0x32,
-	0x7c, 0x3b,
-	0x7c, 0x3b,
-	0x7c, 0x3b,
-	0x7c, 0x3b,
-	0x7c, 0x3b,
-	0x7c, 0x3b,
-	0x7c, 0x3b,
-	0x7c, 0x3b,
-	0x67, 0x36,
-	/* ch = '}' */
-	0x14, 0x74, 0x67, 0x13,
-	0x00, 0x00, 0x37, 0xe0,
-	0x00, 0x00, 0x1c, 0xff,
-	0x00, 0x00, 0x1a, 0xff,
-	0x00, 0x00, 0x00, 0x77,
-	0x00, 0x00, 0x00, 0xb1,
-	0x00, 0x00, 0x1a, 0xff,
-	0x00, 0x00, 0x1c, 0xff,
-	0x00, 0x00, 0x26, 0xf7,
-	0x1a, 0xcf, 0xc6, 0x50,
-	/* ch = '~' */
-	0x08, 0x5b, 0x50, 0x08, 0x19, 0x19,
-	0x64, 0x47, 0x5a, 0xef, 0xe5, 0x35,
-	0x00, 0x00, 0x00, 0x08, 0x08, 0x00
+        /* ch = '!' */
+        0x00, 0xe5, 0x4d, 0x00, 0xff, 0x5f, 0x00, 0xe5, 0x3f, 0x00, 0xb7, 0x3b,
+        0x00, 0xb7, 0x32, 0x00, 0x58, 0x1c, 0x00, 0x15, 0x08, 0x17, 0xff, 0x66,
+        0x00, 0x0f, 0x04,
+        /* ch = '"' */
+        0x77, 0x77, 0x66, 0x97, 0x7c, 0x6a, 0x54, 0x7c, 0xc8, 0x29, 0xa7, 0x35,
+        /* ch = '#' */
+        0x00, 0x16, 0x58, 0x10, 0x2d, 0x00, 0x00, 0x32, 0x90, 0x32, 0xa5, 0x00,
+        0x2d, 0x82, 0xab, 0x7b, 0xbd, 0x26, 0x12, 0x7b, 0x64, 0x6d, 0x5f, 0x00,
+        0x00, 0x82, 0x3b, 0x7c, 0x3f, 0x00, 0xa2, 0xef, 0x7c, 0xdb, 0x82, 0x39,
+        0x00, 0xf7, 0x16, 0xe5, 0x22, 0x00, 0x09, 0xcf, 0x10, 0xdd, 0x0d, 0x00,
+        /* ch = '$' */
+        0x00, 0x00, 0x45, 0x57, 0x00, 0x00, 0x04, 0x94, 0xe5, 0xe5, 0xd4, 0x10,
+        0x32, 0xcf, 0x50, 0x5f, 0x28, 0x0d, 0x17, 0xef, 0xdb, 0x5f, 0x00, 0x00,
+        0x00, 0x0c, 0x82, 0xf7, 0xa2, 0x04, 0x00, 0x00, 0x50, 0x5f, 0x97, 0x5a,
+        0x32, 0x5a, 0x50, 0x68, 0xb7, 0x43, 0x10, 0x73, 0xe5, 0xe5, 0x50, 0x04,
+        0x00, 0x00, 0x30, 0x39, 0x00, 0x00,
+        /* ch = '%' */
+        0x26, 0x74, 0x26, 0x00, 0x28, 0x28, 0xe5, 0x3f, 0xff, 0x1c, 0xdb, 0x10,
+        0xc8, 0x58, 0xdb, 0xa5, 0x47, 0x00, 0x19, 0x5b, 0x4f, 0xb7, 0x0d, 0x00,
+        0x00, 0x00, 0xb7, 0x32, 0x00, 0x00, 0x00, 0x3b, 0xa5, 0xb1, 0xd4, 0x40,
+        0x04, 0xdb, 0x3b, 0xcf, 0x32, 0xc8, 0x54, 0x7c, 0x04, 0xd4, 0xc4, 0x5a,
+        0x00, 0x00, 0x00, 0x00, 0x0f, 0x00,
+        /* ch = '&' */
+        0x00, 0x22, 0x74, 0x28, 0x00, 0x00, 0x14, 0xff, 0x31, 0xe5, 0x2f, 0x00,
+        0x1a, 0xff, 0x16, 0xcf, 0x32, 0x00, 0x00, 0x7c, 0xef, 0x8a, 0x04, 0x00,
+        0x1f, 0xe5, 0xdb, 0x3f, 0x16, 0x13, 0x99, 0x54, 0x1f, 0xf7, 0xb1, 0x6f,
+        0xb7, 0x4a, 0x00, 0x74, 0xea, 0x13, 0x40, 0xf7, 0xc4, 0xbb, 0x9e, 0x6c,
+        0x00, 0x08, 0x0f, 0x00, 0x08, 0x08,
+        /* ch = ''' */
+        0x4d, 0xb1, 0x50, 0x90, 0x90, 0x3b,
+        /* ch = '(' */
+        0x00, 0x48, 0xd4, 0x50, 0xb1, 0x13, 0xf7, 0x1f, 0x00, 0xa5, 0x00, 0x00,
+        0x5f, 0x00, 0x00, 0x64, 0x00, 0x00, 0xb7, 0x00, 0x00, 0xf7, 0x2c, 0x00,
+        0x4d, 0xf7, 0x10, 0x00, 0x48, 0xe5,
+        /* ch = ')' */
+        0x2d, 0xd4, 0x19, 0x00, 0x3b, 0xf7, 0x00, 0x00, 0x5f, 0x00, 0x00, 0x0d,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x0d, 0x00, 0x00, 0x54,
+        0x00, 0x35, 0xef, 0x33, 0xd4, 0x21,
+        /* ch = '*' */
+        0x00, 0x00, 0x12, 0x0c, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x50, 0x00, 0x00,
+        0x78, 0xa2, 0xa5, 0x82, 0xbb, 0x39, 0x00, 0x12, 0xea, 0x8d, 0x0c, 0x00,
+        0x00, 0x7c, 0x5f, 0xb1, 0x3b, 0x00, 0x10, 0x8d, 0x0d, 0x24, 0x65, 0x04,
+        /* ch = '+' */
+        0x00, 0x00, 0x0f, 0x0c, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x5f, 0x00, 0x00,
+        0x12, 0x15, 0x88, 0x6d, 0x15, 0x0c, 0x58, 0x74, 0xc8, 0xb1, 0x74, 0x39,
+        0x00, 0x00, 0x7c, 0x5f, 0x00, 0x00, 0x00, 0x00, 0x67, 0x51, 0x00, 0x00,
+        /* ch = ',' */
+        0x00, 0x12, 0x04, 0x17, 0xff, 0x7c, 0x00, 0x7c, 0x54, 0x17, 0xa9, 0x10,
+        /* ch = '-' */
+        0x0c, 0x15, 0x15, 0x15, 0x15, 0x04, 0x30, 0x74, 0x74, 0x74, 0x74, 0x1c,
+        /* ch = '.' */
+        0x00, 0x12, 0x08, 0x17, 0xff, 0x5a, 0x00, 0x0f, 0x04,
+        /* ch = '/' */
+        0x0d, 0xef, 0x17, 0x48, 0x9e, 0x00, 0xe5, 0x32, 0x00, 0xb7, 0x04, 0x00,
+        0x3b, 0x00, 0x00, 0x0d, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00,
+        /* ch = '0' */
+        0x00, 0x10, 0x50, 0x37, 0x04, 0x00, 0x0d, 0xdb, 0x47, 0x8a, 0x8a, 0x00,
+        0x44, 0x9e, 0x00, 0x35, 0xff, 0x1c, 0x7c, 0x50, 0x1f, 0xd4, 0xc8, 0x3b,
+        0x7c, 0x4a, 0xdb, 0x3b, 0x7c, 0x3b, 0x6b, 0xff, 0x5f, 0x00, 0xb1, 0x39,
+        0x2c, 0xff, 0x08, 0x17, 0xf7, 0x16, 0x00, 0x77, 0xd4, 0xe5, 0x3b, 0x00,
+        0x00, 0x00, 0x0c, 0x0c, 0x00, 0x00,
+        /* ch = '1' */
+        0x00, 0x00, 0x2a, 0x26, 0x1a, 0xc4, 0xd4, 0x90, 0x00, 0x00, 0x50, 0x90,
+        0x00, 0x00, 0x50, 0x90, 0x00, 0x00, 0x50, 0x90, 0x00, 0x00, 0x50, 0x90,
+        0x00, 0x00, 0x50, 0x90, 0x00, 0x00, 0x50, 0x90,
+        /* ch = '2' */
+        0x00, 0x1b, 0x50, 0x47, 0x08, 0x00, 0x25, 0xd4, 0x2a, 0x6a, 0xc8, 0x00,
+        0x00, 0x0f, 0x00, 0x00, 0xff, 0x24, 0x00, 0x00, 0x00, 0x24, 0xe5, 0x10,
+        0x00, 0x00, 0x19, 0xd4, 0x3b, 0x00, 0x00, 0x1f, 0xd4, 0x35, 0x00, 0x00,
+        0x04, 0xb7, 0x3f, 0x00, 0x00, 0x00, 0x40, 0xff, 0xd4, 0xcf, 0xcf, 0x32,
+        /* ch = '3' */
+        0x00, 0x1e, 0x50, 0x30, 0x04, 0x00, 0x10, 0x9e, 0x30, 0x8a, 0x8a, 0x00,
+        0x00, 0x00, 0x00, 0x21, 0xcf, 0x09, 0x00, 0x04, 0x20, 0xb1, 0x5a, 0x00,
+        0x00, 0x0d, 0x3e, 0xc4, 0x5a, 0x00, 0x00, 0x00, 0x00, 0x17, 0xff, 0x0d,
+        0x04, 0x21, 0x00, 0x24, 0xf7, 0x0d, 0x27, 0xef, 0xab, 0xe5, 0x50, 0x00,
+        0x00, 0x00, 0x12, 0x08, 0x00, 0x00,
+        /* ch = '4' */
+        0x00, 0x00, 0x00, 0x28, 0x1e, 0x00, 0x00, 0x00, 0x24, 0xff, 0x5f, 0x00,
+        0x00, 0x04, 0xc0, 0xb7, 0x5f, 0x00, 0x00, 0x5f, 0x64, 0x7c, 0x5f, 0x00,
+        0x24, 0xb7, 0x10, 0x7c, 0x5f, 0x00, 0xa0, 0xef, 0xcf, 0xef, 0xef, 0x4e,
+        0x00, 0x00, 0x00, 0x7c, 0x5f, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x5f, 0x00,
+        /* ch = '5' */
+        0x04, 0x36, 0x36, 0x36, 0x36, 0x00, 0x1c, 0xff, 0x1a, 0x15, 0x15, 0x04,
+        0x1c, 0xcf, 0x0d, 0x00, 0x00, 0x00, 0x2a, 0xff, 0xb7, 0xcf, 0x35, 0x00,
+        0x16, 0x50, 0x04, 0x21, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x3b,
+        0x13, 0x3d, 0x00, 0x10, 0xf7, 0x29, 0x1f, 0xd4, 0xa4, 0xd4, 0x73, 0x04,
+        0x00, 0x00, 0x0f, 0x0c, 0x00, 0x00,
+        /* ch = '6' */
+        0x00, 0x04, 0x47, 0x74, 0x22, 0x00, 0x00, 0xb1, 0x6a, 0x20, 0x7e, 0x10,
+        0x2a, 0xcf, 0x0d, 0x00, 0x00, 0x00, 0x4d, 0xcf, 0xab, 0xcf, 0x2c, 0x00,
+        0x50, 0xdb, 0x1b, 0x21, 0xff, 0x13, 0x50, 0x90, 0x00, 0x00, 0xbd, 0x2f,
+        0x27, 0xff, 0x04, 0x0d, 0xf7, 0x1c, 0x00, 0x6b, 0xef, 0xd4, 0x5a, 0x00,
+        0x00, 0x00, 0x08, 0x0c, 0x00, 0x00,
+        /* ch = '7' */
+        0x16, 0x36, 0x36, 0x36, 0x36, 0x0d, 0x16, 0x36, 0x36, 0x67, 0xe5, 0x10,
+        0x00, 0x00, 0x00, 0x7c, 0x6a, 0x00, 0x00, 0x00, 0x0d, 0xf7, 0x1f, 0x00,
+        0x00, 0x00, 0x48, 0xb7, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x47, 0x00, 0x00,
+        0x00, 0x22, 0xff, 0x16, 0x00, 0x00, 0x00, 0x5a, 0xa5, 0x00, 0x00, 0x00,
+        /* ch = '8' */
+        0x00, 0x19, 0x67, 0x5b, 0x08, 0x00, 0x0d, 0xf7, 0x31, 0x54, 0xe0, 0x00,
+        0x22, 0xff, 0x04, 0x1f, 0xf7, 0x0d, 0x00, 0xa9, 0xb1, 0xb1, 0x5a, 0x00,
+        0x04, 0x94, 0x85, 0xd4, 0x5a, 0x00, 0x48, 0xa5, 0x00, 0x10, 0xf7, 0x29,
+        0x5f, 0xab, 0x00, 0x0d, 0xe5, 0x2c, 0x10, 0xbb, 0xcb, 0xe5, 0x73, 0x04,
+        0x00, 0x00, 0x0f, 0x0c, 0x00, 0x00,
+        /* ch = '9' */
+        0x00, 0x1b, 0x67, 0x3f, 0x04, 0x00, 0x17, 0xef, 0x31, 0x8a, 0x8a, 0x00,
+        0x4d, 0x97, 0x00, 0x0d, 0xff, 0x1c, 0x44, 0xa5, 0x00, 0x04, 0xff, 0x24,
+        0x10, 0xdb, 0x84, 0xbb, 0xff, 0x24, 0x00, 0x08, 0x15, 0x15, 0xff, 0x22,
+        0x00, 0x0c, 0x00, 0x35, 0xc8, 0x0d, 0x1e, 0xe5, 0xab, 0xdd, 0x26, 0x00,
+        0x00, 0x00, 0x15, 0x00, 0x00, 0x00,
+        /* ch = ':' */
+        0x1a, 0xff, 0x5a, 0x00, 0x25, 0x13, 0x00, 0x00, 0x00, 0x00, 0x12, 0x08,
+        0x17, 0xff, 0x5a, 0x00, 0x0f, 0x04,
+        /* ch = ';' */
+        0x1a, 0xff, 0x5a, 0x00, 0x25, 0x13, 0x00, 0x00, 0x00, 0x00, 0x12, 0x04,
+        0x17, 0xff, 0x7c, 0x00, 0x7c, 0x54, 0x17, 0xa9, 0x10,
+        /* ch = '<' */
+        0x00, 0x04, 0x3f, 0x4e, 0x37, 0xdd, 0x66, 0x13, 0x73, 0x16, 0x00, 0x00,
+        0x1b, 0x00, 0x00, 0x00, 0xd4, 0x84, 0x08, 0x00, 0x04, 0x37, 0xef, 0x3e,
+        0x00, 0x00, 0x08, 0x26,
+        /* ch = '=' */
+        0x12, 0x15, 0x15, 0x15, 0x15, 0x0c, 0x2d, 0x36, 0x36, 0x36, 0x36, 0x26,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x95, 0xcf, 0xcf, 0xcf, 0xcf, 0x4e,
+        /* ch = '>' */
+        0x87, 0x28, 0x00, 0x00, 0x1b, 0xa4, 0xcb, 0x1e, 0x00, 0x00, 0x1e, 0xa4,
+        0x00, 0x00, 0x00, 0x37, 0x00, 0x1b, 0xbb, 0x94, 0x7f, 0xbb, 0x25, 0x00,
+        0x28, 0x04, 0x00, 0x00,
+        /* ch = '?' */
+        0x08, 0x8d, 0xe5, 0xef, 0x4d, 0x00, 0x2f, 0x7e, 0x04, 0x26, 0xff, 0x1c,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0x22, 0x00, 0x00, 0x04, 0xb1, 0x84, 0x04,
+        0x00, 0x00, 0x50, 0x90, 0x04, 0x00, 0x00, 0x00, 0x67, 0x51, 0x00, 0x00,
+        0x00, 0x00, 0x0c, 0x0c, 0x00, 0x00, 0x00, 0x00, 0xb1, 0xc0, 0x00, 0x00,
+        0x00, 0x00, 0x0c, 0x0c, 0x00, 0x00,
+        /* ch = '@' */
+        0x00, 0x13, 0x5b, 0x67, 0x1b, 0x00, 0x1f, 0xd4, 0x25, 0x1b, 0xdb, 0x22,
+        0x7c, 0x43, 0x04, 0x25, 0x87, 0x5f, 0xcf, 0x26, 0xc4, 0x5a, 0x68, 0x5f,
+        0xf7, 0x32, 0xd9, 0x00, 0x5f, 0x5f, 0xb1, 0x35, 0x94, 0xdd, 0xcf, 0x51,
+        0x44, 0xa5, 0x04, 0x00, 0x00, 0x00, 0x00, 0x66, 0xe5, 0x74, 0xd4, 0x1a,
+        0x00, 0x00, 0x04, 0x15, 0x04, 0x00,
+        /* ch = 'A' */
+        0x00, 0x00, 0x39, 0x04, 0x00, 0x00, 0x00, 0x00, 0xcf, 0x3b, 0x00, 0x00,
+        0x00, 0x24, 0xff, 0x9e, 0x00, 0x00, 0x00, 0x6b, 0x64, 0xf7, 0x1c, 0x00,
+        0x00, 0xe5, 0x1f, 0x7c, 0x54, 0x00, 0x2c, 0xef, 0xa2, 0xbd, 0xe0, 0x00,
+        0x70, 0x5f, 0x00, 0x04, 0xe5, 0x29, 0xe5, 0x24, 0x00, 0x00, 0x6b, 0x82,
+        /* ch = 'B' */
+        0x2d, 0x36, 0x36, 0x36, 0x08, 0x00, 0xb7, 0x46, 0x15, 0x6a, 0xf7, 0x04,
+        0xb7, 0x3b, 0x00, 0x04, 0xff, 0x24, 0xb7, 0x73, 0x36, 0x94, 0x84, 0x04,
+        0xb7, 0x62, 0x36, 0x77, 0xc0, 0x04, 0xb7, 0x3b, 0x00, 0x00, 0xb7, 0x50,
+        0xb7, 0x3b, 0x00, 0x04, 0xcf, 0x43, 0xb7, 0xe5, 0xcf, 0xdd, 0x73, 0x04,
+        /* ch = 'C' */
+        0x00, 0x0c, 0x47, 0x5b, 0x1b, 0x00, 0x10, 0xdb, 0x47, 0x20, 0xdb, 0x3b,
+        0x5a, 0x82, 0x00, 0x00, 0x1e, 0x13, 0xb1, 0x3f, 0x00, 0x00, 0x00, 0x00,
+        0xb7, 0x3b, 0x00, 0x00, 0x00, 0x00, 0x90, 0x5f, 0x00, 0x00, 0x00, 0x00,
+        0x39, 0xe0, 0x04, 0x00, 0x3d, 0x13, 0x00, 0x66, 0xef, 0x9e, 0xbb, 0x19,
+        0x00, 0x00, 0x08, 0x0f, 0x00, 0x00,
+        /* ch = 'D' */
+        0x26, 0x36, 0x36, 0x2a, 0x04, 0x00, 0x7c, 0x68, 0x20, 0x99, 0x90, 0x00,
+        0x7c, 0x5f, 0x00, 0x0d, 0xe5, 0x2c, 0x7c, 0x5f, 0x00, 0x00, 0x90, 0x5a,
+        0x7c, 0x5f, 0x00, 0x00, 0x7c, 0x5f, 0x7c, 0x5f, 0x00, 0x00, 0xa7, 0x47,
+        0x7c, 0x5f, 0x00, 0x26, 0xf7, 0x16, 0x7c, 0xc8, 0x9e, 0xc4, 0x2e, 0x00,
+        /* ch = 'E' */
+        0x26, 0x36, 0x36, 0x36, 0x36, 0x16, 0x7c, 0x68, 0x15, 0x15, 0x15, 0x0c,
+        0x7c, 0x5f, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x6d, 0x15, 0x15, 0x0f, 0x00,
+        0x7c, 0x82, 0x36, 0x36, 0x2d, 0x00, 0x7c, 0x5f, 0x00, 0x00, 0x00, 0x00,
+        0x7c, 0x5f, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xef, 0xcf, 0xcf, 0xcf, 0x32,
+        /* ch = 'F' */
+        0x16, 0x36, 0x36, 0x36, 0x36, 0x0d, 0x32, 0xcf, 0x15, 0x15, 0x15, 0x08,
+        0x32, 0xcf, 0x00, 0x00, 0x00, 0x00, 0x32, 0xea, 0x36, 0x36, 0x1e, 0x00,
+        0x32, 0xcf, 0x36, 0x36, 0x26, 0x00, 0x32, 0xcf, 0x00, 0x00, 0x00, 0x00,
+        0x32, 0xcf, 0x00, 0x00, 0x00, 0x00, 0x32, 0xcf, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'G' */
+        0x00, 0x13, 0x50, 0x5b, 0x1b, 0x00, 0x1c, 0xe5, 0x3f, 0x25, 0xdb, 0x36,
+        0x6b, 0x6f, 0x00, 0x00, 0x1e, 0x10, 0xb7, 0x3b, 0x00, 0x00, 0x00, 0x00,
+        0xb7, 0x3b, 0x00, 0x74, 0x74, 0x30, 0xa0, 0x47, 0x00, 0x15, 0x88, 0x5f,
+        0x44, 0xcf, 0x04, 0x00, 0x7c, 0x5f, 0x04, 0x7e, 0xef, 0x9e, 0xe5, 0x32,
+        0x00, 0x00, 0x04, 0x0f, 0x00, 0x00,
+        /* ch = 'H' */
+        0x26, 0x30, 0x00, 0x00, 0x2d, 0x16, 0x7c, 0x5f, 0x00, 0x00, 0xb7, 0x3b,
+        0x7c, 0x5f, 0x00, 0x00, 0xb7, 0x3b, 0x7c, 0x6d, 0x15, 0x15, 0xbd, 0x3b,
+        0x7c, 0x82, 0x36, 0x36, 0xcf, 0x3b, 0x7c, 0x5f, 0x00, 0x00, 0xb7, 0x3b,
+        0x7c, 0x5f, 0x00, 0x00, 0xb7, 0x3b, 0x7c, 0x5f, 0x00, 0x00, 0xb7, 0x3b,
+        /* ch = 'I' */
+        0x16, 0x36, 0x36, 0x36, 0x2d, 0x08, 0x15, 0xbd, 0x46, 0x15, 0x00, 0x00,
+        0xb7, 0x3b, 0x00, 0x00, 0x00, 0xb7, 0x3b, 0x00, 0x00, 0x00, 0xb7, 0x3b,
+        0x00, 0x00, 0x00, 0xb7, 0x3b, 0x00, 0x00, 0x00, 0xb7, 0x3b, 0x00, 0x22,
+        0x74, 0xe5, 0xb1, 0x58,
+        /* ch = 'J' */
+        0x16, 0x36, 0x36, 0x36, 0x1e, 0x08, 0x15, 0xbd, 0x46, 0x0f, 0x00, 0x00,
+        0xb7, 0x3b, 0x00, 0x00, 0x00, 0xb7, 0x3b, 0x00, 0x00, 0x00, 0xb7, 0x3b,
+        0x00, 0x00, 0x00, 0xb7, 0x3b, 0x00, 0x10, 0x04, 0xe5, 0x32, 0x00, 0xef,
+        0xab, 0x99, 0x0d, 0x00, 0x08, 0x12, 0x00, 0x00, 0x00,
+        /* ch = 'K' */
+        0x2d, 0x1c, 0x00, 0x04, 0x5b, 0x26, 0xb7, 0x3b, 0x04, 0x7c, 0x8a, 0x04,
+        0xb7, 0x3b, 0x7c, 0x8a, 0x04, 0x00, 0xb7, 0xc8, 0xb7, 0x10, 0x00, 0x00,
+        0xb7, 0xbb, 0xf7, 0x24, 0x00, 0x00, 0xb7, 0x3b, 0x50, 0xcf, 0x04, 0x00,
+        0xb7, 0x3b, 0x04, 0xb1, 0x6f, 0x00, 0xb7, 0x3b, 0x00, 0x1c, 0xf7, 0x3b,
+        /* ch = 'L' */
+        0x1e, 0x39, 0x00, 0x00, 0x00, 0x00, 0x50, 0x90, 0x00, 0x00, 0x00, 0x00,
+        0x50, 0x90, 0x00, 0x00, 0x00, 0x00, 0x50, 0x90, 0x00, 0x00, 0x00, 0x00,
+        0x50, 0x90, 0x00, 0x00, 0x00, 0x00, 0x50, 0x90, 0x00, 0x00, 0x00, 0x00,
+        0x50, 0x90, 0x00, 0x00, 0x00, 0x00, 0x50, 0xf7, 0xcf, 0xcf, 0xcf, 0x32,
+        /* ch = 'M' */
+        0x2d, 0x10, 0x00, 0x00, 0x21, 0x1e, 0xb7, 0x82, 0x00, 0x04, 0xdb, 0x5f,
+        0xb7, 0xff, 0x24, 0x48, 0xff, 0x5f, 0xb7, 0xb7, 0xa5, 0xdb, 0xb7, 0x5f,
+        0xb7, 0x47, 0xe5, 0x6f, 0x7c, 0x5f, 0xb7, 0x3b, 0x21, 0x19, 0x7c, 0x5f,
+        0xb7, 0x3b, 0x00, 0x00, 0x7c, 0x5f, 0xb7, 0x3b, 0x00, 0x00, 0x7c, 0x5f,
+        /* ch = 'N' */
+        0x26, 0x21, 0x00, 0x00, 0x2d, 0x28, 0x7c, 0xf7, 0x0d, 0x00, 0xb7, 0x3b,
+        0x7c, 0xf7, 0x6f, 0x00, 0xb7, 0x3b, 0x7c, 0x5f, 0xff, 0x1c, 0xb7, 0x3b,
+        0x7c, 0x3b, 0x6b, 0x90, 0xb7, 0x3b, 0x7c, 0x3b, 0x10, 0xf7, 0xff, 0x3b,
+        0x7c, 0x3b, 0x00, 0x50, 0xff, 0x3b, 0x7c, 0x3b, 0x00, 0x04, 0xc8, 0x3b,
+        /* ch = 'O' */
+        0x00, 0x1b, 0x67, 0x50, 0x08, 0x00, 0x24, 0xef, 0x37, 0x5f, 0xf7, 0x0d,
+        0x8a, 0x54, 0x00, 0x00, 0xa7, 0x50, 0xe5, 0x26, 0x00, 0x00, 0x5f, 0x8a,
+        0xff, 0x24, 0x00, 0x00, 0x50, 0x90, 0xbd, 0x3f, 0x00, 0x00, 0x6b, 0x6f,
+        0x5a, 0xa5, 0x00, 0x10, 0xe5, 0x32, 0x04, 0xa2, 0xe5, 0xef, 0x65, 0x04,
+        0x00, 0x00, 0x0c, 0x08, 0x00, 0x00,
+        /* ch = 'P' */
+        0x26, 0x36, 0x36, 0x36, 0x13, 0x00, 0x7c, 0x82, 0x36, 0x4f, 0xff, 0x22,
+        0x7c, 0x5f, 0x00, 0x00, 0x97, 0x5a, 0x7c, 0x5f, 0x00, 0x16, 0xe5, 0x2f,
+        0x7c, 0xb1, 0x74, 0x74, 0x3f, 0x00, 0x7c, 0x5f, 0x00, 0x00, 0x00, 0x00,
+        0x7c, 0x5f, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x5f, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'Q' */
+        0x00, 0x1b, 0x67, 0x50, 0x08, 0x00, 0x24, 0xe5, 0x31, 0x5a, 0xf7, 0x0d,
+        0x8a, 0x54, 0x00, 0x00, 0xa7, 0x50, 0xe5, 0x26, 0x00, 0x00, 0x54, 0x8a,
+        0xff, 0x24, 0x00, 0x00, 0x50, 0x90, 0xbd, 0x3b, 0x00, 0x00, 0x6b, 0x6f,
+        0x5a, 0xa5, 0x00, 0x08, 0xe5, 0x32, 0x04, 0x94, 0xd4, 0xe5, 0x65, 0x04,
+        0x00, 0x00, 0x6b, 0x74, 0x00, 0x00, 0x00, 0x00, 0x16, 0x8f, 0xcf, 0x36,
+        /* ch = 'R' */
+        0x26, 0x36, 0x36, 0x36, 0x13, 0x00, 0x7c, 0x82, 0x36, 0x5a, 0xff, 0x13,
+        0x7c, 0x5f, 0x00, 0x00, 0xbd, 0x3b, 0x7c, 0x5f, 0x00, 0x24, 0xf7, 0x1f,
+        0x7c, 0xb1, 0x9c, 0xec, 0x2e, 0x00, 0x7c, 0x5f, 0x04, 0xe5, 0x32, 0x00,
+        0x7c, 0x5f, 0x00, 0x48, 0xbd, 0x00, 0x7c, 0x5f, 0x00, 0x04, 0xe5, 0x35,
+        /* ch = 'S' */
+        0x00, 0x16, 0x47, 0x47, 0x16, 0x00, 0x1c, 0xef, 0x31, 0x2b, 0xe5, 0x17,
+        0x4d, 0xc6, 0x00, 0x00, 0x0f, 0x00, 0x10, 0xdb, 0x8a, 0x16, 0x00, 0x00,
+        0x00, 0x08, 0x3f, 0xd4, 0x92, 0x04, 0x00, 0x00, 0x00, 0x04, 0xc8, 0x43,
+        0x2a, 0x21, 0x00, 0x04, 0xb7, 0x43, 0x2c, 0xef, 0x9e, 0xcb, 0x94, 0x10,
+        0x00, 0x00, 0x0f, 0x0c, 0x00, 0x00,
+        /* ch = 'T' */
+        0x36, 0x36, 0x36, 0x36, 0x36, 0x1e, 0x15, 0x15, 0xbd, 0x46, 0x15, 0x0f,
+        0x00, 0x00, 0xb7, 0x3b, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x3b, 0x00, 0x00,
+        0x00, 0x00, 0xb7, 0x3b, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x3b, 0x00, 0x00,
+        0x00, 0x00, 0xb7, 0x3b, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x3b, 0x00, 0x00,
+        /* ch = 'U' */
+        0x26, 0x1e, 0x00, 0x00, 0x26, 0x1e, 0x7c, 0x5f, 0x00, 0x00, 0x7c, 0x5f,
+        0x7c, 0x5f, 0x00, 0x00, 0x7c, 0x5f, 0x7c, 0x5f, 0x00, 0x00, 0x7c, 0x5f,
+        0x7c, 0x5f, 0x00, 0x00, 0x7c, 0x5f, 0x7c, 0x5f, 0x00, 0x00, 0x7c, 0x5f,
+        0x6b, 0x82, 0x00, 0x04, 0xc8, 0x39, 0x10, 0xcb, 0xbb, 0xbb, 0x84, 0x04,
+        0x00, 0x00, 0x0f, 0x0c, 0x00, 0x00,
+        /* ch = 'V' */
+        0x33, 0x10, 0x00, 0x00, 0x1e, 0x26, 0x8a, 0x5f, 0x00, 0x00, 0x90, 0x47,
+        0x39, 0xcf, 0x00, 0x0d, 0xff, 0x16, 0x0d, 0xf7, 0x24, 0x39, 0xa5, 0x00,
+        0x00, 0x8a, 0x5f, 0x7c, 0x47, 0x00, 0x00, 0x32, 0xcf, 0xf7, 0x16, 0x00,
+        0x00, 0x04, 0xf7, 0xa5, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x47, 0x00, 0x00,
+        /* ch = 'W' */
+        0x36, 0x00, 0x00, 0x00, 0x0d, 0x2d, 0xf7, 0x22, 0x44, 0x47, 0x32, 0x97,
+        0xb1, 0x39, 0x90, 0x7c, 0x4d, 0x64, 0x7c, 0x5f, 0xef, 0xea, 0x6b, 0x3f,
+        0x50, 0xf7, 0x90, 0xe5, 0xcf, 0x2c, 0x32, 0xff, 0x50, 0x7c, 0xff, 0x16,
+        0x1c, 0xff, 0x24, 0x3b, 0xcf, 0x0d, 0x00, 0xcf, 0x0d, 0x1a, 0xb7, 0x00,
+        /* ch = 'X' */
+        0x39, 0x21, 0x00, 0x00, 0x30, 0x13, 0x2a, 0xff, 0x0d, 0x32, 0xc8, 0x0d,
+        0x00, 0x90, 0x6f, 0xc8, 0x43, 0x00, 0x00, 0x1c, 0xff, 0xb7, 0x0d, 0x00,
+        0x00, 0x04, 0xe5, 0x90, 0x00, 0x00, 0x00, 0x50, 0xb1, 0xf7, 0x2c, 0x00,
+        0x10, 0xf7, 0x2c, 0x50, 0xb7, 0x00, 0x5f, 0x90, 0x00, 0x04, 0xdb, 0x3f,
+        /* ch = 'Y' */
+        0x44, 0x19, 0x00, 0x00, 0x26, 0x24, 0x50, 0xbd, 0x00, 0x0d, 0xe5, 0x29,
+        0x0d, 0xe5, 0x35, 0x48, 0x9e, 0x04, 0x00, 0x48, 0xbd, 0xc8, 0x35, 0x00,
+        0x00, 0x04, 0xe5, 0xb7, 0x04, 0x00, 0x00, 0x00, 0x7c, 0x5f, 0x00, 0x00,
+        0x00, 0x00, 0x7c, 0x5f, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x5f, 0x00, 0x00,
+        /* ch = 'Z' */
+        0x26, 0x36, 0x36, 0x36, 0x36, 0x16, 0x0f, 0x15, 0x15, 0x25, 0xf7, 0x1f,
+        0x00, 0x00, 0x00, 0x90, 0x64, 0x00, 0x00, 0x00, 0x2f, 0xdb, 0x10, 0x00,
+        0x00, 0x04, 0xdb, 0x39, 0x00, 0x00, 0x00, 0x5f, 0x9e, 0x04, 0x00, 0x00,
+        0x1c, 0xf7, 0x1f, 0x00, 0x00, 0x00, 0x77, 0xff, 0xcf, 0xcf, 0xcf, 0x4e,
+        /* ch = '[' */
+        0xb7, 0x9c, 0x74, 0x74, 0x0d, 0xb7, 0x3b, 0x00, 0x00, 0x00, 0xb7, 0x3b,
+        0x00, 0x00, 0x00, 0xb7, 0x3b, 0x00, 0x00, 0x00, 0xb7, 0x3b, 0x00, 0x00,
+        0x00, 0xb7, 0x3b, 0x00, 0x00, 0x00, 0xb7, 0x3b, 0x00, 0x00, 0x00, 0xb7,
+        0x3b, 0x00, 0x00, 0x00, 0xb7, 0xb1, 0x74, 0x74, 0x00,
+        /* ch = '\' */
+        0x3a, 0x9e, 0x00, 0x0d, 0xf7, 0x24, 0x00, 0x6b, 0x82, 0x00, 0x17, 0xff,
+        0x00, 0x00, 0x7c, 0x00, 0x00, 0x22, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00,
+        /* ch = ']' */
+        0x22, 0x74, 0x74, 0xc8, 0x5f, 0x00, 0x00, 0x00, 0x7c, 0x5f, 0x00, 0x00,
+        0x00, 0x7c, 0x5f, 0x00, 0x00, 0x00, 0x7c, 0x5f, 0x00, 0x00, 0x00, 0x7c,
+        0x5f, 0x00, 0x00, 0x00, 0x7c, 0x5f, 0x00, 0x00, 0x00, 0x7c, 0x5f, 0x00,
+        0x00, 0x00, 0x7c, 0x5f, 0x22, 0x74, 0x74, 0xc8, 0x5f,
+        /* ch = '^' */
+        0x00, 0x00, 0x21, 0x16, 0x00, 0x00, 0x04, 0xdb, 0xa5, 0x00, 0x00, 0x5f,
+        0x7c, 0xc8, 0x32, 0x0a, 0xbd, 0x16, 0x2f, 0x82,
+        /* ch = '_' */
+        /* ch = '`' */
+        0x55, 0x6a, 0x00, 0x22, 0xff, 0x24, 0x00, 0x73, 0x6c,
+        /* ch = 'a' */
+        0x00, 0x2a, 0x74, 0x67, 0x1b, 0x00, 0x0d, 0x8d, 0x20, 0x31, 0xff, 0x13,
+        0x00, 0x00, 0x15, 0x15, 0xff, 0x24, 0x24, 0xdd, 0x50, 0x36, 0xd9, 0x24,
+        0x7c, 0x64, 0x00, 0x10, 0xff, 0x24, 0x32, 0xef, 0x82, 0xd4, 0xff, 0x24,
+        0x00, 0x08, 0x15, 0x00, 0x00, 0x00,
+        /* ch = 'b' */
+        0x7c, 0x90, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x90, 0x00, 0x00, 0x00, 0x00,
+        0x7c, 0xab, 0x5b, 0x67, 0x1b, 0x00, 0x7c, 0xe5, 0x25, 0x3f, 0xff, 0x1c,
+        0x7c, 0x90, 0x00, 0x00, 0xbd, 0x50, 0x7c, 0x90, 0x00, 0x00, 0xa7, 0x5f,
+        0x7c, 0xab, 0x00, 0x10, 0xe5, 0x32, 0x7c, 0xbb, 0xbb, 0xe5, 0x84, 0x04,
+        0x00, 0x00, 0x0c, 0x0f, 0x00, 0x00,
+        /* ch = 'c' */
+        0x00, 0x13, 0x5b, 0x74, 0x31, 0x00, 0x17, 0xef, 0x3f, 0x1a, 0xb1, 0x33,
+        0x5f, 0x97, 0x00, 0x00, 0x0c, 0x04, 0x7c, 0x7c, 0x00, 0x00, 0x00, 0x00,
+        0x39, 0xf7, 0x08, 0x00, 0x21, 0x00, 0x00, 0x73, 0xef, 0xab, 0xd4, 0x24,
+        0x00, 0x00, 0x08, 0x12, 0x00, 0x00,
+        /* ch = 'd' */
+        0x00, 0x00, 0x00, 0x00, 0xb7, 0x3b, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x3b,
+        0x00, 0x2e, 0x74, 0x48, 0xbd, 0x3b, 0x3b, 0xb7, 0x20, 0x54, 0xff, 0x3b,
+        0x90, 0x50, 0x00, 0x00, 0xff, 0x3b, 0xb1, 0x47, 0x00, 0x00, 0xff, 0x3b,
+        0x6b, 0x97, 0x00, 0x1f, 0xff, 0x3b, 0x10, 0xd4, 0xcb, 0xcb, 0xe5, 0x3b,
+        0x00, 0x00, 0x12, 0x00, 0x00, 0x00,
+        /* ch = 'e' */
+        0x00, 0x21, 0x74, 0x67, 0x19, 0x00, 0x2a, 0xdb, 0x22, 0x37, 0xf7, 0x0d,
+        0x77, 0x73, 0x15, 0x15, 0xc6, 0x39, 0x8a, 0x82, 0x36, 0x36, 0x36, 0x1e,
+        0x5a, 0xa5, 0x00, 0x00, 0x0c, 0x00, 0x04, 0xa2, 0xcb, 0x8f, 0xbb, 0x13,
+        0x00, 0x00, 0x0c, 0x0f, 0x00, 0x00,
+        /* ch = 'f' */
+        0x00, 0x73, 0xbb, 0xd4, 0x6c, 0x2f, 0xcf, 0x0d, 0x04, 0x28, 0x3e, 0xd9,
+        0x15, 0x0c, 0x00, 0x9c, 0xe5, 0x74, 0x39, 0x00, 0x32, 0xcf, 0x00, 0x00,
+        0x00, 0x32, 0xcf, 0x00, 0x00, 0x00, 0x32, 0xcf, 0x00, 0x00, 0x00, 0x32,
+        0xcf, 0x00, 0x00, 0x00,
+        /* ch = 'g' */
+        0x00, 0x37, 0x74, 0x48, 0x5b, 0x42, 0x40, 0xb1, 0x16, 0x82, 0x7b, 0x04,
+        0x5f, 0x6f, 0x00, 0x54, 0x8a, 0x00, 0x1c, 0xec, 0x9e, 0xd4, 0x26, 0x00,
+        0x32, 0xab, 0x15, 0x04, 0x00, 0x00, 0x22, 0xef, 0xcf, 0xcf, 0xdd, 0x10,
+        0xa0, 0x3f, 0x00, 0x00, 0x88, 0x5a, 0x44, 0xdd, 0x82, 0x9e, 0xa2, 0x16,
+        /* ch = 'h' */
+        0x50, 0x97, 0x00, 0x00, 0x00, 0x00, 0x50, 0x90, 0x00, 0x00, 0x00, 0x00,
+        0x50, 0x90, 0x3f, 0x74, 0x26, 0x00, 0x50, 0xff, 0x47, 0x37, 0xff, 0x13,
+        0x50, 0xb7, 0x00, 0x00, 0xff, 0x24, 0x50, 0x90, 0x00, 0x00, 0xff, 0x24,
+        0x50, 0x90, 0x00, 0x00, 0xff, 0x24, 0x50, 0x90, 0x00, 0x00, 0xff, 0x24,
+        /* ch = 'i' */
+        0x00, 0x00, 0x87, 0x67, 0x00, 0x00, 0x00, 0x22, 0x21, 0x00, 0x00, 0x36,
+        0x36, 0x1e, 0x00, 0x00, 0x15, 0x88, 0x5f, 0x00, 0x00, 0x00, 0x7c, 0x5f,
+        0x00, 0x00, 0x00, 0x7c, 0x5f, 0x00, 0x00, 0x00, 0x7c, 0x5f, 0x00, 0x14,
+        0x74, 0xc8, 0xc8, 0x58,
+        /* ch = 'j' */
+        0x00, 0x00, 0x00, 0xab, 0x5b, 0x00, 0x00, 0x00, 0x28, 0x21, 0x00, 0x2d,
+        0x36, 0x36, 0x1e, 0x00, 0x12, 0x15, 0xbd, 0x5f, 0x00, 0x00, 0x00, 0xb7,
+        0x5f, 0x00, 0x00, 0x00, 0xb7, 0x5f, 0x00, 0x00, 0x00, 0xb7, 0x5f, 0x00,
+        0x00, 0x00, 0xb7, 0x5a, 0x19, 0x10, 0x00, 0xcf, 0x39, 0x51, 0xef, 0xcb,
+        0x94, 0x10,
+        /* ch = 'k' */
+        0x50, 0x97, 0x00, 0x00, 0x00, 0x00, 0x50, 0x90, 0x00, 0x00, 0x00, 0x00,
+        0x50, 0x90, 0x00, 0x10, 0x50, 0x10, 0x50, 0x90, 0x13, 0xd4, 0x3f, 0x00,
+        0x50, 0xcf, 0xdb, 0x3f, 0x00, 0x00, 0x50, 0xdb, 0xb1, 0x90, 0x00, 0x00,
+        0x50, 0x90, 0x10, 0xdb, 0x5f, 0x00, 0x50, 0x90, 0x00, 0x1f, 0xf7, 0x3b,
+        /* ch = 'l' */
+        0x2d, 0xcf, 0xf7, 0x5f, 0x00, 0x00, 0x00, 0xb7, 0x5f, 0x00, 0x00, 0x00,
+        0xb7, 0x5f, 0x00, 0x00, 0x00, 0xb7, 0x5f, 0x00, 0x00, 0x00, 0xb7, 0x5f,
+        0x00, 0x00, 0x00, 0xb7, 0x5f, 0x00, 0x00, 0x00, 0xb7, 0x5f, 0x00, 0x22,
+        0x74, 0xe5, 0xc8, 0x74,
+        /* ch = 'm' */
+        0x2d, 0x50, 0x67, 0x37, 0x74, 0x19, 0xb7, 0x64, 0x97, 0x90, 0x68, 0x8a,
+        0xb7, 0x26, 0x7c, 0x5f, 0x50, 0x90, 0xb7, 0x24, 0x7c, 0x5f, 0x50, 0x90,
+        0xb7, 0x24, 0x7c, 0x5f, 0x50, 0x90, 0xb7, 0x24, 0x7c, 0x5f, 0x50, 0x90,
+        /* ch = 'n' */
+        0x1e, 0x28, 0x3f, 0x74, 0x21, 0x00, 0x50, 0xff, 0x47, 0x3a, 0xff, 0x13,
+        0x50, 0xa5, 0x00, 0x00, 0xff, 0x24, 0x50, 0x90, 0x00, 0x00, 0xff, 0x24,
+        0x50, 0x90, 0x00, 0x00, 0xff, 0x24, 0x50, 0x90, 0x00, 0x00, 0xff, 0x24,
+        /* ch = 'o' */
+        0x00, 0x1b, 0x67, 0x5b, 0x13, 0x00, 0x2f, 0xdb, 0x25, 0x3f, 0xf7, 0x0d,
+        0x90, 0x64, 0x00, 0x00, 0xa7, 0x50, 0xb7, 0x50, 0x00, 0x00, 0x7c, 0x5f,
+        0x6b, 0xa5, 0x00, 0x04, 0xe5, 0x35, 0x10, 0xa9, 0xbb, 0xcb, 0x84, 0x04,
+        0x00, 0x00, 0x0f, 0x0f, 0x00, 0x00,
+        /* ch = 'p' */
+        0x26, 0x2a, 0x5b, 0x74, 0x1b, 0x00, 0x7c, 0xe5, 0x25, 0x3f, 0xff, 0x1c,
+        0x7c, 0x90, 0x00, 0x00, 0xa0, 0x5a, 0x7c, 0x90, 0x00, 0x00, 0x7c, 0x5f,
+        0x7c, 0xab, 0x00, 0x04, 0xcf, 0x3b, 0x7c, 0xef, 0xbb, 0xd4, 0x84, 0x04,
+        0x7c, 0x90, 0x0c, 0x12, 0x00, 0x00, 0x7c, 0x90, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'q' */
+        0x00, 0x28, 0x74, 0x50, 0x30, 0x16, 0x35, 0xdb, 0x20, 0x43, 0xff, 0x3b,
+        0xa0, 0x50, 0x00, 0x00, 0xff, 0x3b, 0xb7, 0x47, 0x00, 0x00, 0xff, 0x3b,
+        0x6b, 0xa5, 0x00, 0x17, 0xff, 0x3b, 0x10, 0xd4, 0xcb, 0xdd, 0xe5, 0x3b,
+        0x00, 0x00, 0x12, 0x00, 0xb7, 0x3b, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x3b,
+        /* ch = 'r' */
+        0x0d, 0x36, 0x26, 0x74, 0x5b, 0x10, 0x1c, 0xff, 0xc4, 0x25, 0x50, 0x2c,
+        0x1c, 0xff, 0x2e, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x10, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0x0d, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x0d, 0x00, 0x00, 0x00,
+        /* ch = 's' */
+        0x00, 0x22, 0x74, 0x74, 0x22, 0x00, 0x22, 0xff, 0x1e, 0x1e, 0xc4, 0x13,
+        0x17, 0xf7, 0x6a, 0x18, 0x00, 0x00, 0x00, 0x0c, 0x50, 0xcb, 0xc0, 0x04,
+        0x1f, 0x24, 0x00, 0x04, 0xff, 0x2f, 0x2f, 0xef, 0x9e, 0xbb, 0x94, 0x10,
+        0x00, 0x00, 0x0f, 0x0c, 0x00, 0x00,
+        /* ch = 't' */
+        0x00, 0x00, 0x04, 0x08, 0x00, 0x00, 0x1a, 0xff, 0x1c, 0x00, 0x1e, 0x4a,
+        0xff, 0x40, 0x2d, 0x0c, 0x2a, 0xff, 0x1a, 0x15, 0x00, 0x32, 0xcf, 0x04,
+        0x00, 0x00, 0x32, 0xcf, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00, 0x08, 0x00,
+        0x0d, 0xd4, 0xdd, 0xdd, 0x00, 0x00, 0x00, 0x0f, 0x00,
+        /* ch = 'u' */
+        0x1e, 0x26, 0x00, 0x00, 0x36, 0x0d, 0x50, 0x90, 0x00, 0x00, 0xff, 0x24,
+        0x6b, 0x90, 0x00, 0x00, 0xff, 0x24, 0x7c, 0x90, 0x00, 0x00, 0xff, 0x24,
+        0x4d, 0xa5, 0x00, 0x22, 0xff, 0x24, 0x10, 0xd4, 0xa4, 0xc4, 0xff, 0x26,
+        0x00, 0x00, 0x15, 0x04, 0x00, 0x00,
+        /* ch = 'v' */
+        0x2b, 0x1e, 0x00, 0x00, 0x26, 0x1c, 0x48, 0xbd, 0x00, 0x00, 0xcf, 0x29,
+        0x0d, 0xff, 0x1f, 0x2c, 0xb7, 0x04, 0x00, 0x8a, 0x6a, 0x8a, 0x43, 0x00,
+        0x00, 0x2c, 0xff, 0xe5, 0x10, 0x00, 0x00, 0x00, 0xc8, 0x6a, 0x00, 0x00,
+        /* ch = 'w' */
+        0x36, 0x00, 0x00, 0x00, 0x16, 0x39, 0xe5, 0x22, 0x7c, 0x50, 0x3b, 0x8a,
+        0x90, 0x3f, 0xcf, 0xa5, 0x50, 0x5f, 0x5f, 0xa5, 0xb7, 0xf7, 0xa5, 0x39,
+        0x35, 0xff, 0x5f, 0x90, 0xff, 0x22, 0x1a, 0xff, 0x2c, 0x44, 0xe5, 0x0d,
+        /* ch = 'x' */
+        0x24, 0x28, 0x00, 0x0d, 0x36, 0x09, 0x10, 0xe5, 0x2c, 0x7c, 0x6f, 0x00,
+        0x00, 0x32, 0xf7, 0xc8, 0x10, 0x00, 0x00, 0x10, 0xec, 0x97, 0x00, 0x00,
+        0x00, 0x90, 0x64, 0xc8, 0x47, 0x00, 0x48, 0xb7, 0x10, 0x1f, 0xff, 0x24,
+        /* ch = 'y' */
+        0x39, 0x26, 0x00, 0x00, 0x28, 0x1e, 0x39, 0xe0, 0x00, 0x00, 0xe5, 0x29,
+        0x04, 0xe5, 0x29, 0x2c, 0xc8, 0x0d, 0x00, 0x5a, 0x82, 0x70, 0x54, 0x00,
+        0x00, 0x17, 0xff, 0xf7, 0x1f, 0x00, 0x00, 0x00, 0xa0, 0x9e, 0x00, 0x00,
+        0x0c, 0x00, 0xa7, 0x43, 0x00, 0x00, 0xd4, 0xc4, 0xa9, 0x10, 0x00, 0x00,
+        /* ch = 'z' */
+        0x1e, 0x36, 0x36, 0x36, 0x36, 0x0d, 0x0c, 0x15, 0x15, 0x67, 0xb1, 0x10,
+        0x00, 0x00, 0x32, 0xdb, 0x19, 0x00, 0x00, 0x1f, 0xef, 0x26, 0x00, 0x00,
+        0x10, 0xdb, 0x3b, 0x00, 0x00, 0x00, 0x77, 0xff, 0xcf, 0xcf, 0xcf, 0x32,
+        /* ch = '{' */
+        0x00, 0x28, 0x74, 0x58, 0x22, 0xe5, 0x1b, 0x00, 0x32, 0xcf, 0x00, 0x00,
+        0x35, 0xc8, 0x00, 0x00, 0xa9, 0x3b, 0x00, 0x00, 0x90, 0x5a, 0x00, 0x00,
+        0x35, 0xc8, 0x00, 0x00, 0x3b, 0xcf, 0x00, 0x00, 0x2f, 0xea, 0x04, 0x00,
+        0x04, 0x8d, 0xcf, 0xa4,
+        /* ch = '|' */
+        0x67, 0x32, 0x7c, 0x3b, 0x7c, 0x3b, 0x7c, 0x3b, 0x7c, 0x3b, 0x7c, 0x3b,
+        0x7c, 0x3b, 0x7c, 0x3b, 0x7c, 0x3b, 0x67, 0x36,
+        /* ch = '}' */
+        0x14, 0x74, 0x67, 0x13, 0x00, 0x00, 0x37, 0xe0, 0x00, 0x00, 0x1c, 0xff,
+        0x00, 0x00, 0x1a, 0xff, 0x00, 0x00, 0x00, 0x77, 0x00, 0x00, 0x00, 0xb1,
+        0x00, 0x00, 0x1a, 0xff, 0x00, 0x00, 0x1c, 0xff, 0x00, 0x00, 0x26, 0xf7,
+        0x1a, 0xcf, 0xc6, 0x50,
+        /* ch = '~' */
+        0x08, 0x5b, 0x50, 0x08, 0x19, 0x19, 0x64, 0x47, 0x5a, 0xef, 0xe5, 0x35,
+        0x00, 0x00, 0x00, 0x08, 0x08, 0x00
 };
 
 /* font_inconsolata_13px */
 static const unsigned char pd_inconsolata_font_bitmap_13px_bytes[] = {
-	/* ch = '!' */
-	0x45, 0x3d,
-	0xb7, 0xbd,
-	0xa0, 0x88,
-	0x7c, 0x82,
-	0x7c, 0x64,
-	0x6b, 0x54,
-	0x1e, 0x21,
-	0x22, 0x21,
-	0xe5, 0xb7,
-	0x0c, 0x0c,
-	/* ch = '"' */
-	0x2a, 0x4e, 0x1c, 0x74, 0x04,
-	0x50, 0xbd, 0x2f, 0xff, 0x17,
-	0x5f, 0x64, 0x35, 0xb7, 0x04,
-	0x58, 0x1f, 0x36, 0x36, 0x00,
-	/* ch = '#' */
-	0x00, 0x00, 0x15, 0x00, 0x04, 0x08, 0x00,
-	0x00, 0x1c, 0xf7, 0x04, 0xf7, 0x1f, 0x00,
-	0x00, 0x2a, 0xbd, 0x0d, 0xff, 0x10, 0x00,
-	0x77, 0xe5, 0xef, 0x95, 0xf7, 0x74, 0x17,
-	0x00, 0x50, 0x70, 0x32, 0xbd, 0x00, 0x00,
-	0x00, 0x77, 0x5e, 0x4f, 0x95, 0x15, 0x00,
-	0x74, 0xe5, 0x9c, 0x87, 0x82, 0x30, 0x04,
-	0x00, 0xb7, 0x26, 0x7c, 0x50, 0x00, 0x00,
-	0x00, 0xcf, 0x1c, 0x8f, 0x2f, 0x00, 0x00,
-	/* ch = '$' */
-	0x00, 0x00, 0x16, 0x2d, 0x00, 0x00,
-	0x00, 0x1b, 0x9c, 0xec, 0x50, 0x08,
-	0x17, 0xf7, 0x59, 0xbd, 0x5f, 0x66,
-	0x2a, 0xec, 0x3f, 0xbd, 0x00, 0x00,
-	0x00, 0x66, 0xff, 0xd9, 0x16, 0x00,
-	0x00, 0x00, 0x35, 0xe5, 0xdb, 0x50,
-	0x00, 0x00, 0x32, 0xbd, 0x24, 0xff,
-	0x32, 0x90, 0x37, 0xc6, 0x64, 0xa0,
-	0x04, 0x48, 0xdd, 0xf7, 0x73, 0x13,
-	0x00, 0x00, 0x22, 0x5c, 0x00, 0x00,
-	/* ch = '%' */
-	0x04, 0x15, 0x08, 0x00, 0x08, 0x15, 0x00,
-	0x77, 0x94, 0xe5, 0x0d, 0x6b, 0x70, 0x00,
-	0xf7, 0x1f, 0xbd, 0x44, 0xef, 0x13, 0x00,
-	0x66, 0xc4, 0xd4, 0x88, 0x54, 0x00, 0x00,
-	0x00, 0x12, 0x28, 0xdb, 0x08, 0x00, 0x00,
-	0x00, 0x00, 0xa0, 0x43, 0x15, 0x08, 0x00,
-	0x00, 0x32, 0xb7, 0x7c, 0x85, 0xe5, 0x0d,
-	0x04, 0xc8, 0x2c, 0xf7, 0x1f, 0xb7, 0x2a,
-	0x44, 0x90, 0x04, 0x66, 0xc4, 0xd4, 0x08,
-	0x00, 0x00, 0x00, 0x00, 0x12, 0x08, 0x00,
-	/* ch = '&' */
-	0x00, 0x00, 0x12, 0x0c, 0x00, 0x00, 0x00,
-	0x00, 0xa9, 0xab, 0xef, 0x32, 0x00, 0x00,
-	0x1c, 0xff, 0x1f, 0x54, 0x82, 0x00, 0x00,
-	0x00, 0xc8, 0x43, 0xb1, 0x48, 0x00, 0x00,
-	0x00, 0x43, 0xff, 0x75, 0x04, 0x00, 0x00,
-	0x2f, 0xf7, 0x77, 0xbd, 0x04, 0x5b, 0x04,
-	0xa0, 0x64, 0x00, 0xb1, 0xdb, 0xc8, 0x08,
-	0xb1, 0x68, 0x00, 0x2b, 0xff, 0x46, 0x00,
-	0x32, 0xf7, 0xd4, 0xd4, 0x54, 0xf7, 0x0a,
-	0x00, 0x04, 0x15, 0x00, 0x00, 0x0f, 0x00,
-	/* ch = ''' */
-	0x1c, 0x74, 0x04,
-	0x2f, 0xff, 0x17,
-	0x35, 0xa7, 0x04,
-	0x36, 0x36, 0x00,
-	/* ch = '(' */
-	0x00, 0x04, 0x48, 0x1c,
-	0x10, 0xb1, 0x84, 0x0f,
-	0x77, 0x82, 0x04, 0x00,
-	0xff, 0x1a, 0x00, 0x00,
-	0xbd, 0x04, 0x00, 0x00,
-	0x82, 0x00, 0x00, 0x00,
-	0xb7, 0x00, 0x00, 0x00,
-	0xff, 0x0d, 0x00, 0x00,
-	0xc8, 0x54, 0x00, 0x00,
-	0x2a, 0xff, 0x21, 0x00,
-	0x00, 0x2c, 0xf7, 0x33,
-	0x00, 0x00, 0x0c, 0x08,
-	/* ch = ')' */
-	0x14, 0x48, 0x04, 0x00,
-	0x10, 0x99, 0xb7, 0x10,
-	0x00, 0x00, 0x7c, 0xa7,
-	0x00, 0x00, 0x10, 0xf7,
-	0x00, 0x00, 0x00, 0x82,
-	0x00, 0x00, 0x00, 0x50,
-	0x00, 0x00, 0x00, 0x5f,
-	0x00, 0x00, 0x00, 0xb7,
-	0x00, 0x00, 0x2f, 0xf7,
-	0x00, 0x19, 0xdb, 0x35,
-	0x27, 0xef, 0x3f, 0x00,
-	0x04, 0x0f, 0x00, 0x00,
-	/* ch = '*' */
-	0x00, 0x00, 0x45, 0x82, 0x00, 0x00,
-	0x21, 0x13, 0x50, 0x82, 0x08, 0x21,
-	0x40, 0xc4, 0xd4, 0xd1, 0xd4, 0x5b,
-	0x00, 0x04, 0xb1, 0xdb, 0x10, 0x00,
-	0x04, 0xb1, 0x59, 0x3b, 0xb7, 0x04,
-	0x04, 0x50, 0x08, 0x00, 0x48, 0x0c,
-	/* ch = '+' */
-	0x00, 0x00, 0x45, 0x67, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0x82, 0x00, 0x00, 0x00,
-	0x42, 0x74, 0xb1, 0xd1, 0x74, 0x74, 0x00,
-	0x0f, 0x15, 0x5e, 0x88, 0x15, 0x15, 0x04,
-	0x00, 0x00, 0x50, 0x82, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x30, 0x45, 0x00, 0x00, 0x00,
-	/* ch = ',' */
-	0x00, 0x22, 0x16,
-	0x00, 0xef, 0xec,
-	0x00, 0x37, 0xa7,
-	0x09, 0xd4, 0x21,
-	0x00, 0x0f, 0x00,
-	/* ch = '-' */
-	0x22, 0x74, 0x74, 0x74, 0x74, 0x42,
-	0x16, 0x36, 0x36, 0x36, 0x36, 0x28,
-	/* ch = '.' */
-	0x22, 0x1b,
-	0xf7, 0xb7,
-	0x0c, 0x0c,
-	/* ch = '/' */
-	0x00, 0x39, 0x26,
-	0x04, 0xe5, 0x35,
-	0x44, 0xc8, 0x04,
-	0xc8, 0x3f, 0x00,
-	0xe5, 0x08, 0x00,
-	0x4c, 0x00, 0x00,
-	0x10, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	/* ch = '0' */
-	0x00, 0x00, 0x0c, 0x0f, 0x00, 0x00,
-	0x00, 0x44, 0xef, 0xcb, 0x7c, 0x00,
-	0x17, 0xf7, 0x13, 0x04, 0xec, 0x35,
-	0x50, 0x88, 0x00, 0x44, 0xff, 0x7c,
-	0x7c, 0x54, 0x1f, 0xef, 0x54, 0xbd,
-	0x7c, 0x6d, 0xdb, 0x35, 0x32, 0xbd,
-	0x50, 0xff, 0x54, 0x00, 0x4d, 0x88,
-	0x1c, 0xff, 0x21, 0x04, 0xb7, 0x3b,
-	0x00, 0x44, 0xf7, 0xdd, 0x77, 0x04,
-	0x00, 0x00, 0x08, 0x12, 0x00, 0x00,
-	/* ch = '1' */
-	0x00, 0x00, 0x04, 0x12,
-	0x00, 0x31, 0xd4, 0xbd,
-	0x04, 0x50, 0x3e, 0xbd,
-	0x00, 0x00, 0x32, 0xbd,
-	0x00, 0x00, 0x32, 0xbd,
-	0x00, 0x00, 0x32, 0xbd,
-	0x00, 0x00, 0x32, 0xbd,
-	0x00, 0x00, 0x32, 0xbd,
-	0x00, 0x00, 0x32, 0xbd,
-	/* ch = '2' */
-	0x00, 0x00, 0x0c, 0x12, 0x00, 0x00,
-	0x04, 0x94, 0xcb, 0xcb, 0xc4, 0x10,
-	0x10, 0x48, 0x04, 0x00, 0xb7, 0x5f,
-	0x00, 0x00, 0x00, 0x00, 0x82, 0x70,
-	0x00, 0x00, 0x00, 0x1f, 0xf7, 0x1f,
-	0x00, 0x00, 0x1f, 0xdb, 0x37, 0x00,
-	0x00, 0x1f, 0xdb, 0x35, 0x00, 0x00,
-	0x00, 0xb1, 0x54, 0x00, 0x00, 0x00,
-	0x2f, 0xff, 0xd4, 0xcf, 0xcf, 0x7c,
-	/* ch = '3' */
-	0x00, 0x00, 0x0c, 0x08, 0x00, 0x00,
-	0x09, 0xa9, 0xd4, 0xe5, 0x7c, 0x00,
-	0x00, 0x22, 0x00, 0x04, 0xe5, 0x2c,
-	0x00, 0x00, 0x00, 0x10, 0xe5, 0x2a,
-	0x00, 0x00, 0x74, 0xe5, 0x53, 0x00,
-	0x00, 0x00, 0x15, 0x37, 0xf7, 0x17,
-	0x00, 0x00, 0x00, 0x00, 0x82, 0x54,
-	0x04, 0x3d, 0x00, 0x08, 0xc8, 0x3b,
-	0x22, 0xd4, 0xdd, 0xe5, 0x94, 0x08,
-	0x00, 0x00, 0x0f, 0x0f, 0x00, 0x00,
-	/* ch = '4' */
-	0x00, 0x00, 0x00, 0x08, 0x12, 0x00,
-	0x00, 0x00, 0x00, 0x7c, 0xbd, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0xbd, 0x00,
-	0x00, 0x10, 0xd4, 0x82, 0xbd, 0x00,
-	0x00, 0x7c, 0x50, 0x50, 0xbd, 0x00,
-	0x32, 0xb1, 0x08, 0x50, 0xbd, 0x00,
-	0x67, 0xcf, 0xcf, 0xe5, 0xf7, 0x9c,
-	0x00, 0x00, 0x00, 0x50, 0xbd, 0x00,
-	0x00, 0x00, 0x00, 0x50, 0xbd, 0x00,
-	/* ch = '5' */
-	0x00, 0x15, 0x15, 0x15, 0x15, 0x0c,
-	0x00, 0xff, 0xd4, 0xcf, 0xcf, 0x49,
-	0x04, 0xff, 0x1c, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x15, 0x15, 0x04, 0x00,
-	0x1c, 0xff, 0x8f, 0x8f, 0xe5, 0x1c,
-	0x00, 0x15, 0x00, 0x00, 0x70, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0x50, 0xbd,
-	0x13, 0x73, 0x00, 0x00, 0x90, 0x70,
-	0x10, 0xbb, 0xe5, 0xbb, 0xbb, 0x13,
-	0x00, 0x00, 0x0c, 0x15, 0x00, 0x00,
-	/* ch = '6' */
-	0x00, 0x00, 0x04, 0x15, 0x08, 0x00,
-	0x00, 0x2c, 0xe5, 0x8f, 0xef, 0x2b,
-	0x04, 0xe5, 0x37, 0x00, 0x0c, 0x04,
-	0x2a, 0xe5, 0x0f, 0x15, 0x04, 0x00,
-	0x3b, 0xff, 0xd4, 0x95, 0xdb, 0x10,
-	0x50, 0xe5, 0x0c, 0x00, 0x8a, 0x64,
-	0x35, 0xc6, 0x00, 0x00, 0x50, 0x82,
-	0x17, 0xff, 0x26, 0x00, 0x90, 0x5f,
-	0x00, 0x44, 0xef, 0xd4, 0xa9, 0x10,
-	0x00, 0x00, 0x04, 0x12, 0x00, 0x00,
-	/* ch = '7' */
-	0x08, 0x15, 0x15, 0x15, 0x15, 0x0f,
-	0x2d, 0xcf, 0xcf, 0xcf, 0xf7, 0x5f,
-	0x00, 0x00, 0x00, 0x17, 0xff, 0x1a,
-	0x00, 0x00, 0x00, 0x5a, 0x90, 0x00,
-	0x00, 0x00, 0x04, 0xe5, 0x3b, 0x00,
-	0x00, 0x00, 0x32, 0xe5, 0x08, 0x00,
-	0x00, 0x00, 0x8a, 0x75, 0x00, 0x00,
-	0x00, 0x0d, 0xff, 0x2c, 0x00, 0x00,
-	0x00, 0x3b, 0xe5, 0x04, 0x00, 0x00,
-	/* ch = '8' */
-	0x00, 0x00, 0x0f, 0x15, 0x00, 0x00,
-	0x00, 0x77, 0xbb, 0xa4, 0xdb, 0x10,
-	0x1a, 0xff, 0x1a, 0x00, 0xbd, 0x48,
-	0x0d, 0xf7, 0x37, 0x10, 0xe5, 0x2a,
-	0x00, 0x2b, 0xff, 0xef, 0x53, 0x00,
-	0x10, 0xd4, 0x3f, 0x3f, 0xff, 0x1f,
-	0x4d, 0xa7, 0x04, 0x00, 0x70, 0x7c,
-	0x44, 0xcf, 0x04, 0x00, 0x90, 0x70,
-	0x04, 0x94, 0xef, 0xdd, 0xbb, 0x13,
-	0x00, 0x00, 0x0c, 0x12, 0x00, 0x00,
-	/* ch = '9' */
-	0x00, 0x00, 0x0f, 0x0f, 0x00, 0x00,
-	0x00, 0x77, 0xd4, 0xcb, 0x99, 0x00,
-	0x2a, 0xe5, 0x10, 0x04, 0xc8, 0x3b,
-	0x49, 0xbd, 0x00, 0x00, 0x7c, 0x70,
-	0x2a, 0xff, 0x10, 0x04, 0xb7, 0x82,
-	0x00, 0x66, 0xf7, 0xdd, 0xdb, 0x82,
-	0x00, 0x00, 0x00, 0x00, 0x82, 0x59,
-	0x00, 0x21, 0x00, 0x10, 0xf7, 0x24,
-	0x17, 0xe5, 0xd4, 0xe5, 0x48, 0x00,
-	0x00, 0x00, 0x12, 0x04, 0x00, 0x00,
-	/* ch = ':' */
-	0x28, 0x28,
-	0xdb, 0xa0,
-	0x00, 0x00,
-	0x00, 0x00,
-	0x22, 0x1b,
-	0xf7, 0xb7,
-	0x0c, 0x0c,
-	/* ch = ';' */
-	0x00, 0x28, 0x28,
-	0x00, 0xdb, 0xa0,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x22, 0x16,
-	0x00, 0xef, 0xec,
-	0x00, 0x37, 0xa7,
-	0x09, 0xd4, 0x21,
-	0x00, 0x0f, 0x00,
-	/* ch = '<' */
-	0x00, 0x00, 0x00, 0x00, 0x22,
-	0x00, 0x00, 0x1e, 0xbb, 0xbb,
-	0x1b, 0xa4, 0xbb, 0x2b, 0x00,
-	0xc4, 0x2b, 0x00, 0x00, 0x00,
-	0xef, 0x66, 0x08, 0x00, 0x00,
-	0x08, 0x50, 0xef, 0x37, 0x04,
-	0x00, 0x00, 0x13, 0x94, 0xdb,
-	0x00, 0x00, 0x00, 0x00, 0x22,
-	/* ch = '=' */
-	0x42, 0x74, 0x74, 0x74, 0x74, 0x74, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x67, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x04,
-	/* ch = '>' */
-	0x00, 0x00, 0x00, 0x00, 0x00,
-	0x31, 0x00, 0x00, 0x00, 0x00,
-	0xa4, 0xc4, 0x28, 0x00, 0x00,
-	0x00, 0x1b, 0xab, 0xc4, 0x00,
-	0x04, 0x48, 0xe5, 0x50, 0x04,
-	0xd4, 0x73, 0x16, 0x00, 0x00,
-	0x1e, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = '?' */
-	0x00, 0x1b, 0x67, 0x74, 0x2e, 0x00,
-	0x2d, 0xf7, 0x37, 0x37, 0xf7, 0x35,
-	0x00, 0x22, 0x00, 0x00, 0x88, 0x7c,
-	0x00, 0x00, 0x00, 0x10, 0xe5, 0x48,
-	0x00, 0x00, 0x04, 0xb1, 0x6b, 0x04,
-	0x00, 0x00, 0x2f, 0xcf, 0x04, 0x00,
-	0x00, 0x00, 0x22, 0x5c, 0x00, 0x00,
-	0x00, 0x00, 0x0c, 0x25, 0x00, 0x00,
-	0x00, 0x00, 0x77, 0xff, 0x1a, 0x00,
-	0x00, 0x00, 0x08, 0x12, 0x00, 0x00,
-	/* ch = '@' */
-	0x00, 0x00, 0x0c, 0x15, 0x08, 0x00, 0x00,
-	0x00, 0x66, 0xbb, 0x67, 0xe5, 0x24, 0x00,
-	0x39, 0xa0, 0x08, 0x00, 0x2c, 0xcf, 0x00,
-	0xa0, 0x35, 0x19, 0x8f, 0xbd, 0xff, 0x04,
-	0xbd, 0x1f, 0xdb, 0x3a, 0x0d, 0xff, 0x04,
-	0xb7, 0x21, 0xf7, 0x28, 0x2f, 0xff, 0x04,
-	0x90, 0x43, 0x35, 0xcf, 0xab, 0xcf, 0x04,
-	0x2a, 0xe5, 0x10, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x44, 0xe5, 0x82, 0xbb, 0x4f, 0x00,
-	0x00, 0x00, 0x00, 0x15, 0x0c, 0x00, 0x00,
-	/* ch = 'A' */
-	0x00, 0x00, 0x08, 0x04, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x5a, 0x4c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0xc8, 0xaf, 0x00, 0x00, 0x00,
-	0x00, 0x24, 0xc8, 0xf7, 0x24, 0x00, 0x00,
-	0x00, 0x5f, 0x5f, 0x70, 0x64, 0x00, 0x00,
-	0x00, 0xe5, 0x24, 0x2a, 0xec, 0x04, 0x00,
-	0x2a, 0xe5, 0x74, 0x74, 0xe5, 0x35, 0x00,
-	0x70, 0x70, 0x00, 0x00, 0x5a, 0x90, 0x00,
-	0xe5, 0x2c, 0x00, 0x00, 0x22, 0xff, 0x1a,
-	/* ch = 'B' */
-	0x0f, 0x15, 0x15, 0x00, 0x00, 0x00,
-	0x7c, 0xb1, 0x74, 0xdd, 0xc4, 0x10,
-	0x7c, 0x54, 0x00, 0x00, 0x97, 0x64,
-	0x7c, 0x54, 0x00, 0x04, 0xa7, 0x4c,
-	0x7c, 0xef, 0xcf, 0xe5, 0x9e, 0x08,
-	0x7c, 0x54, 0x00, 0x16, 0xb1, 0x50,
-	0x7c, 0x54, 0x00, 0x00, 0x35, 0xcf,
-	0x7c, 0x54, 0x00, 0x00, 0x7c, 0xa7,
-	0x7c, 0xef, 0xcf, 0xe5, 0xb3, 0x1b,
-	/* ch = 'C' */
-	0x00, 0x00, 0x08, 0x15, 0x00, 0x00, 0x00,
-	0x00, 0x4d, 0xe5, 0x82, 0xef, 0x3b, 0x00,
-	0x2a, 0xe5, 0x13, 0x00, 0x24, 0x9e, 0x0a,
-	0x6b, 0x70, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xb1, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xb1, 0x54, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x6b, 0x75, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x2a, 0xff, 0x1f, 0x00, 0x1f, 0x48, 0x00,
-	0x00, 0x44, 0xf7, 0xab, 0xe5, 0x2f, 0x00,
-	0x00, 0x00, 0x04, 0x15, 0x00, 0x00, 0x00,
-	/* ch = 'D' */
-	0x0f, 0x15, 0x0f, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0xb1, 0x9e, 0xef, 0x6b, 0x04, 0x00,
-	0x7c, 0x54, 0x00, 0x10, 0xdb, 0x48, 0x00,
-	0x7c, 0x54, 0x00, 0x00, 0x50, 0xb7, 0x00,
-	0x7c, 0x54, 0x00, 0x00, 0x32, 0xff, 0x00,
-	0x7c, 0x54, 0x00, 0x00, 0x32, 0xf7, 0x04,
-	0x7c, 0x54, 0x00, 0x00, 0x50, 0xa7, 0x00,
-	0x7c, 0x54, 0x00, 0x10, 0xdb, 0x3b, 0x00,
-	0x7c, 0xef, 0xcf, 0xe5, 0x48, 0x04, 0x00,
-	/* ch = 'E' */
-	0x0c, 0x15, 0x15, 0x15, 0x15, 0x0f,
-	0x50, 0xc8, 0x74, 0x74, 0x74, 0x45,
-	0x50, 0x82, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0x82, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xd1, 0x74, 0x74, 0x74, 0x00,
-	0x50, 0x88, 0x15, 0x15, 0x15, 0x04,
-	0x50, 0x82, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0x82, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xf7, 0xcf, 0xcf, 0xcf, 0x67,
-	/* ch = 'F' */
-	0x08, 0x15, 0x15, 0x15, 0x15, 0x0f,
-	0x32, 0xff, 0x74, 0x74, 0x74, 0x45,
-	0x32, 0xff, 0x04, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x04, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0xd4, 0xcf, 0xcf, 0x00,
-	0x32, 0xff, 0x04, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x04, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x04, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x04, 0x00, 0x00, 0x00,
-	/* ch = 'G' */
-	0x00, 0x00, 0x08, 0x15, 0x04, 0x00, 0x00,
-	0x00, 0x5a, 0xef, 0x82, 0xf7, 0x39, 0x00,
-	0x32, 0xdb, 0x13, 0x00, 0x24, 0x73, 0x04,
-	0x82, 0x59, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xb7, 0x35, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xb7, 0x3f, 0x00, 0x67, 0xcf, 0xcf, 0x00,
-	0x82, 0x64, 0x00, 0x00, 0x1c, 0xff, 0x04,
-	0x32, 0xec, 0x13, 0x00, 0x1f, 0xff, 0x04,
-	0x00, 0x50, 0xf7, 0xab, 0xe5, 0x73, 0x04,
-	0x00, 0x00, 0x00, 0x15, 0x00, 0x00, 0x00,
-	/* ch = 'H' */
-	0x0f, 0x0f, 0x00, 0x00, 0x0c, 0x12,
-	0x7c, 0x82, 0x00, 0x00, 0x50, 0x88,
-	0x7c, 0x82, 0x00, 0x00, 0x50, 0x82,
-	0x7c, 0x82, 0x00, 0x00, 0x50, 0x82,
-	0x7c, 0xd1, 0x74, 0x74, 0xb1, 0x82,
-	0x7c, 0x88, 0x15, 0x15, 0x5e, 0x82,
-	0x7c, 0x82, 0x00, 0x00, 0x50, 0x82,
-	0x7c, 0x82, 0x00, 0x00, 0x50, 0x82,
-	0x7c, 0x82, 0x00, 0x00, 0x50, 0x82,
-	/* ch = 'I' */
-	0x04, 0x15, 0x15, 0x15, 0x15, 0x04,
-	0x14, 0x74, 0xc8, 0xb1, 0x74, 0x17,
-	0x00, 0x00, 0x7c, 0x54, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x54, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x54, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x54, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x54, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x54, 0x00, 0x00,
-	0x2d, 0xcf, 0xef, 0xef, 0xcf, 0x1a,
-	/* ch = 'J' */
-	0x04, 0x15, 0x15, 0x15, 0x15, 0x00,
-	0x14, 0x74, 0xb1, 0xc8, 0x74, 0x04,
-	0x00, 0x00, 0x50, 0x82, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0x82, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0x82, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0x82, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0x82, 0x00, 0x00,
-	0x19, 0x00, 0x8a, 0x64, 0x00, 0x00,
-	0xf7, 0xc4, 0xd4, 0x13, 0x00, 0x00,
-	0x04, 0x15, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'K' */
-	0x12, 0x0f, 0x00, 0x00, 0x0c, 0x12, 0x00,
-	0xb7, 0x54, 0x00, 0x10, 0xdb, 0x35, 0x00,
-	0xb7, 0x54, 0x10, 0xb1, 0x54, 0x00, 0x00,
-	0xb7, 0x59, 0xb1, 0x7c, 0x04, 0x00, 0x00,
-	0xb7, 0xff, 0xff, 0x0c, 0x00, 0x00, 0x00,
-	0xb7, 0x82, 0xb1, 0x7c, 0x00, 0x00, 0x00,
-	0xb7, 0x54, 0x1c, 0xf7, 0x35, 0x00, 0x00,
-	0xb7, 0x54, 0x00, 0x44, 0xec, 0x10, 0x00,
-	0xb7, 0x54, 0x00, 0x00, 0x90, 0xa7, 0x04,
-	/* ch = 'L' */
-	0x0c, 0x15, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0xcf, 0xcf, 0xcf, 0x67,
-	/* ch = 'M' */
-	0x12, 0x04, 0x00, 0x00, 0x00, 0x15, 0x00,
-	0xb7, 0x64, 0x00, 0x00, 0x32, 0xff, 0x04,
-	0xb7, 0xff, 0x10, 0x00, 0xc8, 0xff, 0x04,
-	0xb7, 0xe5, 0x64, 0x3b, 0xdb, 0xff, 0x04,
-	0xb7, 0x54, 0xff, 0xc8, 0x48, 0xff, 0x04,
-	0xb7, 0x35, 0x70, 0x90, 0x1f, 0xff, 0x04,
-	0xb7, 0x35, 0x08, 0x0c, 0x1c, 0xff, 0x04,
-	0xb7, 0x35, 0x00, 0x00, 0x1c, 0xff, 0x04,
-	0xb7, 0x35, 0x00, 0x00, 0x1c, 0xff, 0x04,
-	/* ch = 'N' */
-	0x0f, 0x0c, 0x00, 0x00, 0x08, 0x12,
-	0x7c, 0xcf, 0x04, 0x00, 0x32, 0xbd,
-	0x7c, 0xff, 0x48, 0x00, 0x32, 0xbd,
-	0x7c, 0xb7, 0xec, 0x0d, 0x32, 0xbd,
-	0x7c, 0x54, 0xa0, 0x64, 0x32, 0xbd,
-	0x7c, 0x54, 0x24, 0xff, 0x50, 0xbd,
-	0x7c, 0x54, 0x00, 0x7c, 0xff, 0xbd,
-	0x7c, 0x54, 0x00, 0x17, 0xf7, 0xbd,
-	0x7c, 0x54, 0x00, 0x00, 0x50, 0xbd,
-	/* ch = 'O' */
-	0x00, 0x00, 0x0f, 0x15, 0x00, 0x00, 0x00,
-	0x04, 0x84, 0xe5, 0xcb, 0xc4, 0x10, 0x00,
-	0x48, 0xb7, 0x08, 0x00, 0x82, 0x90, 0x00,
-	0xa0, 0x48, 0x00, 0x00, 0x2a, 0xff, 0x00,
-	0xe5, 0x35, 0x00, 0x00, 0x1c, 0xff, 0x1c,
-	0xcf, 0x35, 0x00, 0x00, 0x1c, 0xff, 0x1c,
-	0xa0, 0x54, 0x00, 0x00, 0x2a, 0xf7, 0x04,
-	0x44, 0xe5, 0x10, 0x04, 0x82, 0x70, 0x00,
-	0x00, 0x66, 0xf7, 0xe5, 0xa9, 0x13, 0x00,
-	0x00, 0x00, 0x08, 0x0f, 0x00, 0x00, 0x00,
-	/* ch = 'P' */
-	0x0c, 0x15, 0x15, 0x04, 0x00, 0x00, 0x00,
-	0x50, 0xef, 0xcf, 0xd4, 0xef, 0x1f, 0x00,
-	0x50, 0x82, 0x00, 0x00, 0x5f, 0xa7, 0x00,
-	0x50, 0x82, 0x00, 0x00, 0x3b, 0xbd, 0x04,
-	0x50, 0xab, 0x36, 0x3e, 0xdb, 0x50, 0x00,
-	0x50, 0xa5, 0x36, 0x36, 0x25, 0x00, 0x00,
-	0x50, 0x82, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0x82, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0x82, 0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'Q' */
-	0x00, 0x00, 0x0f, 0x15, 0x00, 0x00, 0x00,
-	0x04, 0x84, 0xd4, 0xb3, 0xc4, 0x10, 0x00,
-	0x48, 0xb7, 0x08, 0x00, 0x82, 0x90, 0x00,
-	0xa0, 0x3f, 0x00, 0x00, 0x24, 0xff, 0x00,
-	0xe5, 0x35, 0x00, 0x00, 0x1c, 0xff, 0x1c,
-	0xe5, 0x35, 0x00, 0x00, 0x1a, 0xff, 0x1c,
-	0xa0, 0x54, 0x00, 0x00, 0x24, 0xf7, 0x04,
-	0x44, 0xe5, 0x10, 0x00, 0x82, 0x75, 0x00,
-	0x00, 0x66, 0xf7, 0xdd, 0xa9, 0x13, 0x00,
-	0x00, 0x00, 0x32, 0xbd, 0x04, 0x00, 0x00,
-	0x00, 0x00, 0x04, 0x8d, 0xcf, 0x6c, 0x00,
-	/* ch = 'R' */
-	0x0f, 0x15, 0x15, 0x04, 0x00, 0x00,
-	0x7c, 0xef, 0xcf, 0xdd, 0xdb, 0x1f,
-	0x7c, 0x82, 0x00, 0x00, 0x82, 0x90,
-	0x7c, 0x82, 0x00, 0x00, 0x54, 0xa7,
-	0x7c, 0xab, 0x36, 0x47, 0xf7, 0x35,
-	0x7c, 0xa5, 0x36, 0xf7, 0x39, 0x00,
-	0x7c, 0x82, 0x00, 0x5f, 0x97, 0x00,
-	0x7c, 0x82, 0x00, 0x10, 0xf7, 0x2c,
-	0x7c, 0x82, 0x00, 0x00, 0x5f, 0xa7,
-	/* ch = 'S' */
-	0x00, 0x00, 0x0c, 0x12, 0x00, 0x00,
-	0x00, 0x84, 0xbb, 0x8f, 0xef, 0x2c,
-	0x2f, 0xe5, 0x08, 0x00, 0x2c, 0x21,
-	0x2a, 0xff, 0x21, 0x00, 0x00, 0x00,
-	0x00, 0x50, 0xf7, 0x7f, 0x1b, 0x00,
-	0x00, 0x00, 0x08, 0x50, 0xf7, 0x44,
-	0x00, 0x00, 0x00, 0x00, 0x3f, 0xcf,
-	0x2f, 0x3b, 0x00, 0x00, 0x54, 0xa7,
-	0x26, 0xd4, 0xdd, 0xd4, 0xd4, 0x21,
-	0x00, 0x00, 0x0c, 0x12, 0x00, 0x00,
-	/* ch = 'T' */
-	0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x00,
-	0xcf, 0xcf, 0xef, 0xef, 0xcf, 0xcf, 0x04,
-	0x00, 0x00, 0x7c, 0x82, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x82, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x82, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x82, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x82, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x82, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x82, 0x00, 0x00, 0x00,
-	/* ch = 'U' */
-	0x0f, 0x0f, 0x00, 0x00, 0x08, 0x12,
-	0x7c, 0x59, 0x00, 0x00, 0x32, 0xbd,
-	0x7c, 0x54, 0x00, 0x00, 0x32, 0xbd,
-	0x7c, 0x54, 0x00, 0x00, 0x32, 0xbd,
-	0x7c, 0x54, 0x00, 0x00, 0x32, 0xbd,
-	0x7c, 0x54, 0x00, 0x00, 0x32, 0xbd,
-	0x7c, 0x59, 0x00, 0x00, 0x32, 0xbd,
-	0x50, 0xbd, 0x04, 0x00, 0x5f, 0x90,
-	0x04, 0xa2, 0xd4, 0xa4, 0xd4, 0x19,
-	0x00, 0x00, 0x0c, 0x12, 0x00, 0x00,
-	/* ch = 'V' */
-	0x15, 0x08, 0x00, 0x00, 0x00, 0x15, 0x04,
-	0xa7, 0x4c, 0x00, 0x00, 0x22, 0xf7, 0x08,
-	0x48, 0xaf, 0x00, 0x00, 0x5a, 0x82, 0x00,
-	0x17, 0xff, 0x1a, 0x00, 0xb7, 0x35, 0x00,
-	0x00, 0xa7, 0x4c, 0x1c, 0xf7, 0x10, 0x00,
-	0x00, 0x48, 0xaf, 0x48, 0x90, 0x00, 0x00,
-	0x00, 0x14, 0xff, 0xd1, 0x3b, 0x00, 0x00,
-	0x00, 0x00, 0xa0, 0xf7, 0x10, 0x00, 0x00,
-	0x00, 0x00, 0x44, 0x90, 0x00, 0x00, 0x00,
-	/* ch = 'W' */
-	0x15, 0x00, 0x00, 0x00, 0x00, 0x12, 0x08,
-	0xff, 0x1f, 0x14, 0x32, 0x00, 0xb7, 0x26,
-	0xbd, 0x35, 0x35, 0xa7, 0x00, 0xff, 0x17,
-	0x82, 0x54, 0x6b, 0xff, 0x1f, 0xe5, 0x04,
-	0x54, 0x7c, 0xcf, 0xdb, 0x64, 0xa7, 0x00,
-	0x35, 0xf7, 0xb7, 0x64, 0xec, 0x7c, 0x00,
-	0x1f, 0xff, 0x64, 0x2a, 0xff, 0x50, 0x00,
-	0x0d, 0xff, 0x32, 0x0d, 0xff, 0x32, 0x00,
-	0x00, 0xcf, 0x10, 0x00, 0xa0, 0x1f, 0x00,
-	/* ch = 'X' */
-	0x12, 0x0c, 0x00, 0x00, 0x08, 0x12,
-	0x44, 0xcf, 0x04, 0x00, 0x90, 0x54,
-	0x04, 0xc8, 0x48, 0x2a, 0xe5, 0x10,
-	0x00, 0x32, 0xec, 0xb7, 0x54, 0x00,
-	0x00, 0x00, 0xa7, 0xe5, 0x08, 0x00,
-	0x00, 0x04, 0xdb, 0xff, 0x1f, 0x00,
-	0x00, 0x48, 0xc8, 0x82, 0x97, 0x00,
-	0x0d, 0xe5, 0x35, 0x17, 0xf7, 0x2c,
-	0x5f, 0xa0, 0x04, 0x00, 0x5f, 0xa7,
-	/* ch = 'Y' */
-	0x15, 0x08, 0x00, 0x00, 0x04, 0x15, 0x04,
-	0x7c, 0x90, 0x00, 0x00, 0x44, 0xc8, 0x04,
-	0x17, 0xff, 0x26, 0x00, 0xc8, 0x3f, 0x00,
-	0x00, 0x70, 0x97, 0x32, 0xdb, 0x08, 0x00,
-	0x00, 0x17, 0xff, 0xe5, 0x4c, 0x00, 0x00,
-	0x00, 0x00, 0x70, 0xe5, 0x10, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00,
-	/* ch = 'Z' */
-	0x0c, 0x15, 0x15, 0x15, 0x15, 0x12,
-	0x45, 0xcf, 0xcf, 0xcf, 0xef, 0xa7,
-	0x00, 0x00, 0x00, 0x10, 0xf7, 0x26,
-	0x00, 0x00, 0x00, 0x82, 0x70, 0x00,
-	0x00, 0x00, 0x2f, 0xe5, 0x13, 0x00,
-	0x00, 0x04, 0xdb, 0x48, 0x00, 0x00,
-	0x00, 0x54, 0xb1, 0x04, 0x00, 0x00,
-	0x1c, 0xf7, 0x26, 0x00, 0x00, 0x00,
-	0x77, 0xff, 0xcf, 0xcf, 0xcf, 0xcf,
-	/* ch = '[' */
-	0x67, 0xcf, 0xcf, 0xcf, 0x45,
-	0x7c, 0x54, 0x00, 0x00, 0x00,
-	0x7c, 0x54, 0x00, 0x00, 0x00,
-	0x7c, 0x54, 0x00, 0x00, 0x00,
-	0x7c, 0x54, 0x00, 0x00, 0x00,
-	0x7c, 0x54, 0x00, 0x00, 0x00,
-	0x7c, 0x54, 0x00, 0x00, 0x00,
-	0x7c, 0x54, 0x00, 0x00, 0x00,
-	0x7c, 0x54, 0x00, 0x00, 0x00,
-	0x7c, 0xb9, 0x74, 0x74, 0x30,
-	0x0f, 0x15, 0x15, 0x15, 0x0f,
-	/* ch = '\' */
-	0x19, 0x4e, 0x00,
-	0x17, 0xff, 0x1a,
-	0x00, 0x8a, 0x70,
-	0x00, 0x22, 0xff,
-	0x00, 0x00, 0xa0,
-	0x00, 0x00, 0x2c,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	/* ch = ']' */
-	0x1a, 0xcf, 0xcf, 0xcf, 0x95,
-	0x00, 0x00, 0x00, 0x32, 0xbd,
-	0x00, 0x00, 0x00, 0x32, 0xbd,
-	0x00, 0x00, 0x00, 0x32, 0xbd,
-	0x00, 0x00, 0x00, 0x32, 0xbd,
-	0x00, 0x00, 0x00, 0x32, 0xbd,
-	0x00, 0x00, 0x00, 0x32, 0xbd,
-	0x00, 0x00, 0x00, 0x32, 0xbd,
-	0x00, 0x00, 0x00, 0x32, 0xbd,
-	0x22, 0x74, 0x74, 0x9c, 0xbd,
-	0x08, 0x15, 0x15, 0x15, 0x15,
-	/* ch = '^' */
-	0x00, 0x00, 0x04, 0x0c, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xaf, 0x00, 0x00,
-	0x00, 0x17, 0xef, 0xdb, 0x35, 0x00,
-	0x00, 0x82, 0x59, 0x3b, 0xcf, 0x00,
-	0x09, 0x50, 0x08, 0x00, 0x50, 0x08,
-	/* ch = '_' */
-	/* ch = '`' */
-	0x27, 0x51, 0x00,
-	0x22, 0xec, 0x10,
-	0x00, 0xa0, 0xb7,
-	0x00, 0x10, 0x2a,
-	/* ch = 'a' */
-	0x09, 0x8d, 0xdd, 0xd4, 0xc4, 0x10,
-	0x00, 0x22, 0x04, 0x00, 0x90, 0x70,
-	0x00, 0x0f, 0x36, 0x36, 0xa0, 0x82,
-	0x2f, 0xdb, 0x31, 0x15, 0x5e, 0x82,
-	0x7c, 0x82, 0x00, 0x04, 0xb7, 0x82,
-	0x2a, 0xf7, 0x82, 0xcb, 0xd4, 0x82,
-	0x00, 0x04, 0x15, 0x08, 0x00, 0x00,
-	/* ch = 'b' */
-	0x30, 0x4a, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0x82, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0x82, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0xd4, 0xdd, 0xd4, 0x10, 0x00,
-	0x50, 0xe5, 0x0c, 0x04, 0x90, 0x90, 0x00,
-	0x50, 0x88, 0x00, 0x00, 0x3b, 0xd9, 0x00,
-	0x50, 0x88, 0x00, 0x00, 0x35, 0xcf, 0x04,
-	0x50, 0xd9, 0x04, 0x00, 0x82, 0x75, 0x00,
-	0x50, 0xc4, 0xe5, 0xdd, 0xd4, 0x13, 0x00,
-	0x00, 0x00, 0x08, 0x15, 0x00, 0x00, 0x00,
-	/* ch = 'c' */
-	0x00, 0x35, 0xdd, 0xcf, 0xf7, 0x3b, 0x00,
-	0x22, 0xf7, 0x21, 0x00, 0x24, 0x50, 0x04,
-	0x54, 0x97, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x54, 0x97, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x2a, 0xff, 0x21, 0x00, 0x10, 0x1b, 0x00,
-	0x00, 0x44, 0xf7, 0xcf, 0xe5, 0x48, 0x00,
-	0x00, 0x00, 0x04, 0x15, 0x08, 0x00, 0x00,
-	/* ch = 'd' */
-	0x00, 0x00, 0x00, 0x00, 0x30, 0x4a,
-	0x00, 0x00, 0x00, 0x00, 0x50, 0x82,
-	0x00, 0x00, 0x00, 0x00, 0x50, 0x82,
-	0x04, 0x94, 0xdd, 0xdd, 0xdb, 0x82,
-	0x48, 0xa7, 0x04, 0x04, 0xb7, 0x82,
-	0x7c, 0x54, 0x00, 0x00, 0x7c, 0x82,
-	0x7c, 0x59, 0x00, 0x00, 0x7c, 0x82,
-	0x48, 0xcf, 0x04, 0x04, 0xc8, 0x82,
-	0x04, 0xa9, 0xef, 0xdd, 0xc4, 0x88,
-	0x00, 0x00, 0x0f, 0x08, 0x00, 0x00,
-	/* ch = 'e' */
-	0x00, 0x66, 0xd4, 0xb3, 0xc4, 0x10,
-	0x39, 0xc8, 0x08, 0x00, 0x82, 0x5f,
-	0x77, 0xd1, 0x74, 0x74, 0xb1, 0xa7,
-	0x7c, 0x6d, 0x15, 0x15, 0x15, 0x15,
-	0x40, 0xcf, 0x04, 0x00, 0x0c, 0x08,
-	0x04, 0x7e, 0xef, 0x82, 0xdd, 0x32,
-	0x00, 0x00, 0x08, 0x15, 0x00, 0x00,
-	/* ch = 'f' */
-	0x00, 0x19, 0x74, 0xab, 0x48, 0x00,
-	0x04, 0xdb, 0x3a, 0x0f, 0xb1, 0x13,
-	0x1c, 0xff, 0x04, 0x00, 0x00, 0x00,
-	0x87, 0xff, 0x7b, 0x74, 0x00, 0x00,
-	0x28, 0xff, 0x15, 0x15, 0x04, 0x00,
-	0x1c, 0xff, 0x04, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x04, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x04, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x04, 0x00, 0x00, 0x00,
-	/* ch = 'g' */
-	0x00, 0x00, 0x0f, 0x08, 0x00, 0x00, 0x00,
-	0x04, 0xa9, 0xa4, 0xef, 0xcb, 0x8f, 0x17,
-	0x4d, 0x97, 0x04, 0x22, 0xff, 0x04, 0x00,
-	0x44, 0xbd, 0x04, 0x26, 0xf7, 0x04, 0x00,
-	0x04, 0xd9, 0xe5, 0xdd, 0x2f, 0x00, 0x00,
-	0x2a, 0xc6, 0x08, 0x00, 0x00, 0x00, 0x00,
-	0x1b, 0xe0, 0xcf, 0xcf, 0xef, 0x4d, 0x00,
-	0x99, 0x43, 0x00, 0x00, 0x32, 0xd1, 0x00,
-	0x4d, 0xdb, 0x5b, 0x5b, 0xd4, 0x44, 0x00,
-	0x00, 0x0c, 0x15, 0x15, 0x0c, 0x00, 0x00,
-	/* ch = 'h' */
-	0x30, 0x64, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xd9, 0xa9, 0xd4, 0xdb, 0x1c,
-	0x50, 0xff, 0x24, 0x00, 0x97, 0x64,
-	0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82,
-	0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82,
-	0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82,
-	0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82,
-	/* ch = 'i' */
-	0x00, 0x26, 0x48, 0x00, 0x00,
-	0x00, 0x49, 0x9c, 0x04, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x00,
-	0xcf, 0xe5, 0xbd, 0x00, 0x00,
-	0x00, 0x50, 0xbd, 0x00, 0x00,
-	0x00, 0x50, 0xbd, 0x00, 0x00,
-	0x00, 0x50, 0xbd, 0x00, 0x00,
-	0x00, 0x50, 0xbd, 0x00, 0x00,
-	0xcf, 0xe5, 0xff, 0xcf, 0x1a,
-	/* ch = 'j' */
-	0x00, 0x00, 0x00, 0x26, 0x48,
-	0x00, 0x00, 0x00, 0x49, 0x9c,
-	0x00, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x67, 0xcf, 0xe5, 0xbd,
-	0x00, 0x00, 0x00, 0x50, 0xbd,
-	0x00, 0x00, 0x00, 0x50, 0xbd,
-	0x00, 0x00, 0x00, 0x50, 0xbd,
-	0x00, 0x00, 0x00, 0x50, 0xbd,
-	0x00, 0x00, 0x00, 0x50, 0xbd,
-	0x10, 0x16, 0x00, 0x64, 0x97,
-	0x5c, 0xdb, 0x82, 0xef, 0x21,
-	0x00, 0x12, 0x15, 0x0c, 0x00,
-	/* ch = 'k' */
-	0x30, 0x7b, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x19, 0xdb, 0x3f, 0x00,
-	0x50, 0xbd, 0x1f, 0xe5, 0x35, 0x00, 0x00,
-	0x50, 0xec, 0xf7, 0x52, 0x00, 0x00, 0x00,
-	0x50, 0xe5, 0x47, 0xff, 0x1f, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x50, 0xe5, 0x10, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0xb1, 0xb7, 0x04,
-	/* ch = 'l' */
-	0x14, 0x74, 0x74, 0x42, 0x00, 0x00,
-	0x04, 0x15, 0x5e, 0x82, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0x82, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0x82, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0x82, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0x82, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0x82, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0x82, 0x00, 0x00,
-	0x2d, 0xcf, 0xe5, 0xf7, 0xcf, 0x45,
-	/* ch = 'm' */
-	0xb7, 0xe5, 0xdb, 0xbb, 0xbb, 0xdb, 0x00,
-	0xb7, 0x4c, 0x50, 0xbd, 0x1f, 0xff, 0x1f,
-	0xb7, 0x35, 0x50, 0x82, 0x1c, 0xff, 0x1f,
-	0xb7, 0x35, 0x50, 0x82, 0x1c, 0xff, 0x1f,
-	0xb7, 0x35, 0x50, 0x82, 0x1c, 0xff, 0x1f,
-	0xb7, 0x35, 0x50, 0x82, 0x1c, 0xff, 0x1f,
-	/* ch = 'n' */
-	0x50, 0xd9, 0xbb, 0xd4, 0xdb, 0x17,
-	0x50, 0xff, 0x24, 0x00, 0xa7, 0x59,
-	0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82,
-	0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82,
-	0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82,
-	0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82,
-	/* ch = 'o' */
-	0x00, 0x66, 0xdd, 0xdd, 0xa9, 0x10, 0x00,
-	0x44, 0xdb, 0x0c, 0x00, 0x90, 0x82, 0x00,
-	0xa0, 0x64, 0x00, 0x00, 0x35, 0xec, 0x00,
-	0xb1, 0x64, 0x00, 0x00, 0x32, 0xf7, 0x04,
-	0x50, 0xcf, 0x04, 0x00, 0x82, 0x90, 0x00,
-	0x04, 0x84, 0xef, 0xb3, 0xcb, 0x13, 0x00,
-	0x00, 0x00, 0x0c, 0x15, 0x00, 0x00, 0x00,
-	/* ch = 'p' */
-	0x50, 0xbd, 0xcf, 0xdd, 0xdb, 0x19, 0x00,
-	0x50, 0xe5, 0x0c, 0x00, 0x90, 0xa0, 0x00,
-	0x50, 0x88, 0x00, 0x00, 0x35, 0xff, 0x04,
-	0x50, 0x88, 0x00, 0x00, 0x32, 0xf7, 0x04,
-	0x50, 0xd9, 0x04, 0x00, 0x75, 0x90, 0x00,
-	0x50, 0xdb, 0xe5, 0xc4, 0xd4, 0x21, 0x00,
-	0x50, 0x82, 0x08, 0x15, 0x04, 0x00, 0x00,
-	0x50, 0x82, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x0c, 0x12, 0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'q' */
-	0x04, 0x94, 0xcb, 0xdd, 0xdb, 0x82,
-	0x48, 0xb7, 0x08, 0x04, 0xa7, 0x82,
-	0x90, 0x54, 0x00, 0x00, 0x54, 0x82,
-	0x90, 0x64, 0x00, 0x00, 0x54, 0x82,
-	0x48, 0xcf, 0x04, 0x04, 0xb7, 0x82,
-	0x04, 0xa9, 0xef, 0xdd, 0xc4, 0x82,
-	0x00, 0x00, 0x0f, 0x08, 0x50, 0x82,
-	0x00, 0x00, 0x00, 0x00, 0x50, 0x82,
-	0x00, 0x00, 0x00, 0x00, 0x0c, 0x12,
-	/* ch = 'r' */
-	0xff, 0xb1, 0xdd, 0xdd, 0xab,
-	0xff, 0xb1, 0x08, 0x04, 0x28,
-	0xff, 0x35, 0x00, 0x00, 0x00,
-	0xff, 0x1f, 0x00, 0x00, 0x00,
-	0xff, 0x1f, 0x00, 0x00, 0x00,
-	0xff, 0x1f, 0x00, 0x00, 0x00,
-	/* ch = 's' */
-	0x00, 0x66, 0xcb, 0x9e, 0xdb, 0x26,
-	0x1c, 0xff, 0x21, 0x00, 0x2c, 0x21,
-	0x04, 0xa2, 0xef, 0x5b, 0x1e, 0x00,
-	0x00, 0x00, 0x18, 0x5a, 0xf7, 0x44,
-	0x24, 0x3b, 0x00, 0x00, 0x82, 0x7c,
-	0x26, 0xd4, 0xcb, 0xab, 0xd4, 0x21,
-	0x00, 0x00, 0x0c, 0x12, 0x00, 0x00,
-	/* ch = 't' */
-	0x00, 0x00, 0x5c, 0x28, 0x00, 0x00,
-	0x00, 0x00, 0xff, 0x35, 0x00, 0x00,
-	0x42, 0xcf, 0xff, 0xd4, 0xcf, 0x1c,
-	0x00, 0x0d, 0xff, 0x1f, 0x00, 0x00,
-	0x00, 0x1c, 0xff, 0x1f, 0x00, 0x00,
-	0x00, 0x1c, 0xff, 0x1f, 0x00, 0x00,
-	0x00, 0x1a, 0xff, 0x26, 0x04, 0x0c,
-	0x00, 0x00, 0x99, 0xf7, 0xe5, 0x62,
-	0x00, 0x00, 0x00, 0x0f, 0x04, 0x00,
-	/* ch = 'u' */
-	0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82,
-	0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82,
-	0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82,
-	0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82,
-	0x44, 0xd9, 0x04, 0x04, 0xc8, 0x82,
-	0x04, 0xa9, 0xc4, 0xc4, 0xdb, 0x82,
-	0x00, 0x00, 0x12, 0x08, 0x00, 0x00,
-	/* ch = 'v' */
-	0x70, 0x88, 0x00, 0x00, 0x35, 0xa7, 0x04,
-	0x24, 0xff, 0x0d, 0x00, 0x70, 0x54, 0x00,
-	0x00, 0xc8, 0x4c, 0x0d, 0xf7, 0x1a, 0x00,
-	0x00, 0x48, 0xcf, 0x48, 0x90, 0x00, 0x00,
-	0x00, 0x0d, 0xf7, 0xf7, 0x2f, 0x00, 0x00,
-	0x00, 0x00, 0x8a, 0xb7, 0x04, 0x00, 0x00,
-	/* ch = 'w' */
-	0xff, 0x1f, 0x16, 0x26, 0x00, 0xff, 0x1f,
-	0xbd, 0x32, 0x5f, 0xbd, 0x00, 0xff, 0x08,
-	0x77, 0x59, 0xa0, 0xff, 0x2f, 0xcf, 0x04,
-	0x44, 0x9e, 0xe5, 0x82, 0xa0, 0x97, 0x00,
-	0x24, 0xff, 0x82, 0x3b, 0xff, 0x59, 0x00,
-	0x04, 0xff, 0x3f, 0x14, 0xff, 0x37, 0x00,
-	/* ch = 'x' */
-	0x35, 0xe5, 0x10, 0x04, 0xdb, 0x37,
-	0x00, 0x7c, 0x82, 0x6b, 0x82, 0x04,
-	0x00, 0x0d, 0xdb, 0xe5, 0x13, 0x00,
-	0x00, 0x10, 0xdb, 0xff, 0x1f, 0x00,
-	0x00, 0x7c, 0x7c, 0x59, 0xb7, 0x04,
-	0x35, 0xdb, 0x13, 0x04, 0xb1, 0x68,
-	/* ch = 'y' */
-	0x5a, 0x9e, 0x00, 0x00, 0x3b, 0xc8, 0x04,
-	0x17, 0xff, 0x1a, 0x00, 0x8a, 0x5f, 0x00,
-	0x00, 0x8a, 0x5f, 0x0d, 0xf7, 0x1a, 0x00,
-	0x00, 0x39, 0xec, 0x3f, 0xa7, 0x04, 0x00,
-	0x00, 0x04, 0xe5, 0xff, 0x3b, 0x00, 0x00,
-	0x00, 0x00, 0x5a, 0xf7, 0x10, 0x00, 0x00,
-	0x00, 0x00, 0x5f, 0x75, 0x00, 0x00, 0x00,
-	0xc0, 0x82, 0xef, 0x1f, 0x00, 0x00, 0x00,
-	0x0c, 0x15, 0x0c, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'z' */
-	0x2d, 0xcf, 0xcf, 0xcf, 0xff, 0x50,
-	0x00, 0x00, 0x00, 0x50, 0xb1, 0x08,
-	0x00, 0x00, 0x32, 0xf7, 0x1f, 0x00,
-	0x00, 0x1f, 0xf7, 0x35, 0x00, 0x00,
-	0x10, 0xdb, 0x54, 0x00, 0x00, 0x00,
-	0x77, 0xff, 0xd4, 0xcf, 0xcf, 0x95,
-	/* ch = '{' */
-	0x00, 0x15, 0x15, 0x08,
-	0xa9, 0x99, 0x36, 0x19,
-	0xff, 0x10, 0x00, 0x00,
-	0xff, 0x04, 0x00, 0x00,
-	0xe5, 0x04, 0x00, 0x00,
-	0x2d, 0x00, 0x00, 0x00,
-	0xa7, 0x00, 0x00, 0x00,
-	0xff, 0x04, 0x00, 0x00,
-	0xff, 0x04, 0x00, 0x00,
-	0xff, 0x13, 0x00, 0x00,
-	0x77, 0xef, 0x74, 0x22,
-	/* ch = '|' */
-	0x1e, 0x26,
-	0x50, 0x82,
-	0x50, 0x82,
-	0x50, 0x82,
-	0x50, 0x82,
-	0x50, 0x82,
-	0x50, 0x82,
-	0x50, 0x82,
-	0x50, 0x82,
-	0x50, 0x82,
-	0x50, 0x82,
-	/* ch = '}' */
-	0x04, 0x15, 0x15, 0x04, 0x00,
-	0x0d, 0x36, 0x77, 0xdb, 0x0d,
-	0x00, 0x00, 0x00, 0xbd, 0x35,
-	0x00, 0x00, 0x00, 0xb7, 0x35,
-	0x00, 0x00, 0x00, 0xa0, 0x4c,
-	0x00, 0x00, 0x00, 0x1b, 0xec,
-	0x00, 0x00, 0x00, 0x6b, 0x68,
-	0x00, 0x00, 0x00, 0xb7, 0x35,
-	0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0x04, 0xcf, 0x37,
-	0x14, 0x74, 0xcb, 0xa9, 0x08,
-	/* ch = '~' */
-	0x2c, 0xe5, 0xef, 0x6b, 0x1e, 0xc8, 0x09,
-	0x2f, 0x21, 0x08, 0x8d, 0xbd, 0x31, 0x00
+        /* ch = '!' */
+        0x45, 0x3d, 0xb7, 0xbd, 0xa0, 0x88, 0x7c, 0x82, 0x7c, 0x64, 0x6b, 0x54,
+        0x1e, 0x21, 0x22, 0x21, 0xe5, 0xb7, 0x0c, 0x0c,
+        /* ch = '"' */
+        0x2a, 0x4e, 0x1c, 0x74, 0x04, 0x50, 0xbd, 0x2f, 0xff, 0x17, 0x5f, 0x64,
+        0x35, 0xb7, 0x04, 0x58, 0x1f, 0x36, 0x36, 0x00,
+        /* ch = '#' */
+        0x00, 0x00, 0x15, 0x00, 0x04, 0x08, 0x00, 0x00, 0x1c, 0xf7, 0x04, 0xf7,
+        0x1f, 0x00, 0x00, 0x2a, 0xbd, 0x0d, 0xff, 0x10, 0x00, 0x77, 0xe5, 0xef,
+        0x95, 0xf7, 0x74, 0x17, 0x00, 0x50, 0x70, 0x32, 0xbd, 0x00, 0x00, 0x00,
+        0x77, 0x5e, 0x4f, 0x95, 0x15, 0x00, 0x74, 0xe5, 0x9c, 0x87, 0x82, 0x30,
+        0x04, 0x00, 0xb7, 0x26, 0x7c, 0x50, 0x00, 0x00, 0x00, 0xcf, 0x1c, 0x8f,
+        0x2f, 0x00, 0x00,
+        /* ch = '$' */
+        0x00, 0x00, 0x16, 0x2d, 0x00, 0x00, 0x00, 0x1b, 0x9c, 0xec, 0x50, 0x08,
+        0x17, 0xf7, 0x59, 0xbd, 0x5f, 0x66, 0x2a, 0xec, 0x3f, 0xbd, 0x00, 0x00,
+        0x00, 0x66, 0xff, 0xd9, 0x16, 0x00, 0x00, 0x00, 0x35, 0xe5, 0xdb, 0x50,
+        0x00, 0x00, 0x32, 0xbd, 0x24, 0xff, 0x32, 0x90, 0x37, 0xc6, 0x64, 0xa0,
+        0x04, 0x48, 0xdd, 0xf7, 0x73, 0x13, 0x00, 0x00, 0x22, 0x5c, 0x00, 0x00,
+        /* ch = '%' */
+        0x04, 0x15, 0x08, 0x00, 0x08, 0x15, 0x00, 0x77, 0x94, 0xe5, 0x0d, 0x6b,
+        0x70, 0x00, 0xf7, 0x1f, 0xbd, 0x44, 0xef, 0x13, 0x00, 0x66, 0xc4, 0xd4,
+        0x88, 0x54, 0x00, 0x00, 0x00, 0x12, 0x28, 0xdb, 0x08, 0x00, 0x00, 0x00,
+        0x00, 0xa0, 0x43, 0x15, 0x08, 0x00, 0x00, 0x32, 0xb7, 0x7c, 0x85, 0xe5,
+        0x0d, 0x04, 0xc8, 0x2c, 0xf7, 0x1f, 0xb7, 0x2a, 0x44, 0x90, 0x04, 0x66,
+        0xc4, 0xd4, 0x08, 0x00, 0x00, 0x00, 0x00, 0x12, 0x08, 0x00,
+        /* ch = '&' */
+        0x00, 0x00, 0x12, 0x0c, 0x00, 0x00, 0x00, 0x00, 0xa9, 0xab, 0xef, 0x32,
+        0x00, 0x00, 0x1c, 0xff, 0x1f, 0x54, 0x82, 0x00, 0x00, 0x00, 0xc8, 0x43,
+        0xb1, 0x48, 0x00, 0x00, 0x00, 0x43, 0xff, 0x75, 0x04, 0x00, 0x00, 0x2f,
+        0xf7, 0x77, 0xbd, 0x04, 0x5b, 0x04, 0xa0, 0x64, 0x00, 0xb1, 0xdb, 0xc8,
+        0x08, 0xb1, 0x68, 0x00, 0x2b, 0xff, 0x46, 0x00, 0x32, 0xf7, 0xd4, 0xd4,
+        0x54, 0xf7, 0x0a, 0x00, 0x04, 0x15, 0x00, 0x00, 0x0f, 0x00,
+        /* ch = ''' */
+        0x1c, 0x74, 0x04, 0x2f, 0xff, 0x17, 0x35, 0xa7, 0x04, 0x36, 0x36, 0x00,
+        /* ch = '(' */
+        0x00, 0x04, 0x48, 0x1c, 0x10, 0xb1, 0x84, 0x0f, 0x77, 0x82, 0x04, 0x00,
+        0xff, 0x1a, 0x00, 0x00, 0xbd, 0x04, 0x00, 0x00, 0x82, 0x00, 0x00, 0x00,
+        0xb7, 0x00, 0x00, 0x00, 0xff, 0x0d, 0x00, 0x00, 0xc8, 0x54, 0x00, 0x00,
+        0x2a, 0xff, 0x21, 0x00, 0x00, 0x2c, 0xf7, 0x33, 0x00, 0x00, 0x0c, 0x08,
+        /* ch = ')' */
+        0x14, 0x48, 0x04, 0x00, 0x10, 0x99, 0xb7, 0x10, 0x00, 0x00, 0x7c, 0xa7,
+        0x00, 0x00, 0x10, 0xf7, 0x00, 0x00, 0x00, 0x82, 0x00, 0x00, 0x00, 0x50,
+        0x00, 0x00, 0x00, 0x5f, 0x00, 0x00, 0x00, 0xb7, 0x00, 0x00, 0x2f, 0xf7,
+        0x00, 0x19, 0xdb, 0x35, 0x27, 0xef, 0x3f, 0x00, 0x04, 0x0f, 0x00, 0x00,
+        /* ch = '*' */
+        0x00, 0x00, 0x45, 0x82, 0x00, 0x00, 0x21, 0x13, 0x50, 0x82, 0x08, 0x21,
+        0x40, 0xc4, 0xd4, 0xd1, 0xd4, 0x5b, 0x00, 0x04, 0xb1, 0xdb, 0x10, 0x00,
+        0x04, 0xb1, 0x59, 0x3b, 0xb7, 0x04, 0x04, 0x50, 0x08, 0x00, 0x48, 0x0c,
+        /* ch = '+' */
+        0x00, 0x00, 0x45, 0x67, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0x82, 0x00,
+        0x00, 0x00, 0x42, 0x74, 0xb1, 0xd1, 0x74, 0x74, 0x00, 0x0f, 0x15, 0x5e,
+        0x88, 0x15, 0x15, 0x04, 0x00, 0x00, 0x50, 0x82, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x30, 0x45, 0x00, 0x00, 0x00,
+        /* ch = ',' */
+        0x00, 0x22, 0x16, 0x00, 0xef, 0xec, 0x00, 0x37, 0xa7, 0x09, 0xd4, 0x21,
+        0x00, 0x0f, 0x00,
+        /* ch = '-' */
+        0x22, 0x74, 0x74, 0x74, 0x74, 0x42, 0x16, 0x36, 0x36, 0x36, 0x36, 0x28,
+        /* ch = '.' */
+        0x22, 0x1b, 0xf7, 0xb7, 0x0c, 0x0c,
+        /* ch = '/' */
+        0x00, 0x39, 0x26, 0x04, 0xe5, 0x35, 0x44, 0xc8, 0x04, 0xc8, 0x3f, 0x00,
+        0xe5, 0x08, 0x00, 0x4c, 0x00, 0x00, 0x10, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = '0' */
+        0x00, 0x00, 0x0c, 0x0f, 0x00, 0x00, 0x00, 0x44, 0xef, 0xcb, 0x7c, 0x00,
+        0x17, 0xf7, 0x13, 0x04, 0xec, 0x35, 0x50, 0x88, 0x00, 0x44, 0xff, 0x7c,
+        0x7c, 0x54, 0x1f, 0xef, 0x54, 0xbd, 0x7c, 0x6d, 0xdb, 0x35, 0x32, 0xbd,
+        0x50, 0xff, 0x54, 0x00, 0x4d, 0x88, 0x1c, 0xff, 0x21, 0x04, 0xb7, 0x3b,
+        0x00, 0x44, 0xf7, 0xdd, 0x77, 0x04, 0x00, 0x00, 0x08, 0x12, 0x00, 0x00,
+        /* ch = '1' */
+        0x00, 0x00, 0x04, 0x12, 0x00, 0x31, 0xd4, 0xbd, 0x04, 0x50, 0x3e, 0xbd,
+        0x00, 0x00, 0x32, 0xbd, 0x00, 0x00, 0x32, 0xbd, 0x00, 0x00, 0x32, 0xbd,
+        0x00, 0x00, 0x32, 0xbd, 0x00, 0x00, 0x32, 0xbd, 0x00, 0x00, 0x32, 0xbd,
+        /* ch = '2' */
+        0x00, 0x00, 0x0c, 0x12, 0x00, 0x00, 0x04, 0x94, 0xcb, 0xcb, 0xc4, 0x10,
+        0x10, 0x48, 0x04, 0x00, 0xb7, 0x5f, 0x00, 0x00, 0x00, 0x00, 0x82, 0x70,
+        0x00, 0x00, 0x00, 0x1f, 0xf7, 0x1f, 0x00, 0x00, 0x1f, 0xdb, 0x37, 0x00,
+        0x00, 0x1f, 0xdb, 0x35, 0x00, 0x00, 0x00, 0xb1, 0x54, 0x00, 0x00, 0x00,
+        0x2f, 0xff, 0xd4, 0xcf, 0xcf, 0x7c,
+        /* ch = '3' */
+        0x00, 0x00, 0x0c, 0x08, 0x00, 0x00, 0x09, 0xa9, 0xd4, 0xe5, 0x7c, 0x00,
+        0x00, 0x22, 0x00, 0x04, 0xe5, 0x2c, 0x00, 0x00, 0x00, 0x10, 0xe5, 0x2a,
+        0x00, 0x00, 0x74, 0xe5, 0x53, 0x00, 0x00, 0x00, 0x15, 0x37, 0xf7, 0x17,
+        0x00, 0x00, 0x00, 0x00, 0x82, 0x54, 0x04, 0x3d, 0x00, 0x08, 0xc8, 0x3b,
+        0x22, 0xd4, 0xdd, 0xe5, 0x94, 0x08, 0x00, 0x00, 0x0f, 0x0f, 0x00, 0x00,
+        /* ch = '4' */
+        0x00, 0x00, 0x00, 0x08, 0x12, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xbd, 0x00,
+        0x00, 0x00, 0x32, 0xff, 0xbd, 0x00, 0x00, 0x10, 0xd4, 0x82, 0xbd, 0x00,
+        0x00, 0x7c, 0x50, 0x50, 0xbd, 0x00, 0x32, 0xb1, 0x08, 0x50, 0xbd, 0x00,
+        0x67, 0xcf, 0xcf, 0xe5, 0xf7, 0x9c, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00,
+        0x00, 0x00, 0x00, 0x50, 0xbd, 0x00,
+        /* ch = '5' */
+        0x00, 0x15, 0x15, 0x15, 0x15, 0x0c, 0x00, 0xff, 0xd4, 0xcf, 0xcf, 0x49,
+        0x04, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x15, 0x15, 0x04, 0x00,
+        0x1c, 0xff, 0x8f, 0x8f, 0xe5, 0x1c, 0x00, 0x15, 0x00, 0x00, 0x70, 0x7c,
+        0x00, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x13, 0x73, 0x00, 0x00, 0x90, 0x70,
+        0x10, 0xbb, 0xe5, 0xbb, 0xbb, 0x13, 0x00, 0x00, 0x0c, 0x15, 0x00, 0x00,
+        /* ch = '6' */
+        0x00, 0x00, 0x04, 0x15, 0x08, 0x00, 0x00, 0x2c, 0xe5, 0x8f, 0xef, 0x2b,
+        0x04, 0xe5, 0x37, 0x00, 0x0c, 0x04, 0x2a, 0xe5, 0x0f, 0x15, 0x04, 0x00,
+        0x3b, 0xff, 0xd4, 0x95, 0xdb, 0x10, 0x50, 0xe5, 0x0c, 0x00, 0x8a, 0x64,
+        0x35, 0xc6, 0x00, 0x00, 0x50, 0x82, 0x17, 0xff, 0x26, 0x00, 0x90, 0x5f,
+        0x00, 0x44, 0xef, 0xd4, 0xa9, 0x10, 0x00, 0x00, 0x04, 0x12, 0x00, 0x00,
+        /* ch = '7' */
+        0x08, 0x15, 0x15, 0x15, 0x15, 0x0f, 0x2d, 0xcf, 0xcf, 0xcf, 0xf7, 0x5f,
+        0x00, 0x00, 0x00, 0x17, 0xff, 0x1a, 0x00, 0x00, 0x00, 0x5a, 0x90, 0x00,
+        0x00, 0x00, 0x04, 0xe5, 0x3b, 0x00, 0x00, 0x00, 0x32, 0xe5, 0x08, 0x00,
+        0x00, 0x00, 0x8a, 0x75, 0x00, 0x00, 0x00, 0x0d, 0xff, 0x2c, 0x00, 0x00,
+        0x00, 0x3b, 0xe5, 0x04, 0x00, 0x00,
+        /* ch = '8' */
+        0x00, 0x00, 0x0f, 0x15, 0x00, 0x00, 0x00, 0x77, 0xbb, 0xa4, 0xdb, 0x10,
+        0x1a, 0xff, 0x1a, 0x00, 0xbd, 0x48, 0x0d, 0xf7, 0x37, 0x10, 0xe5, 0x2a,
+        0x00, 0x2b, 0xff, 0xef, 0x53, 0x00, 0x10, 0xd4, 0x3f, 0x3f, 0xff, 0x1f,
+        0x4d, 0xa7, 0x04, 0x00, 0x70, 0x7c, 0x44, 0xcf, 0x04, 0x00, 0x90, 0x70,
+        0x04, 0x94, 0xef, 0xdd, 0xbb, 0x13, 0x00, 0x00, 0x0c, 0x12, 0x00, 0x00,
+        /* ch = '9' */
+        0x00, 0x00, 0x0f, 0x0f, 0x00, 0x00, 0x00, 0x77, 0xd4, 0xcb, 0x99, 0x00,
+        0x2a, 0xe5, 0x10, 0x04, 0xc8, 0x3b, 0x49, 0xbd, 0x00, 0x00, 0x7c, 0x70,
+        0x2a, 0xff, 0x10, 0x04, 0xb7, 0x82, 0x00, 0x66, 0xf7, 0xdd, 0xdb, 0x82,
+        0x00, 0x00, 0x00, 0x00, 0x82, 0x59, 0x00, 0x21, 0x00, 0x10, 0xf7, 0x24,
+        0x17, 0xe5, 0xd4, 0xe5, 0x48, 0x00, 0x00, 0x00, 0x12, 0x04, 0x00, 0x00,
+        /* ch = ':' */
+        0x28, 0x28, 0xdb, 0xa0, 0x00, 0x00, 0x00, 0x00, 0x22, 0x1b, 0xf7, 0xb7,
+        0x0c, 0x0c,
+        /* ch = ';' */
+        0x00, 0x28, 0x28, 0x00, 0xdb, 0xa0, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x22, 0x16, 0x00, 0xef, 0xec, 0x00, 0x37, 0xa7, 0x09, 0xd4, 0x21,
+        0x00, 0x0f, 0x00,
+        /* ch = '<' */
+        0x00, 0x00, 0x00, 0x00, 0x22, 0x00, 0x00, 0x1e, 0xbb, 0xbb, 0x1b, 0xa4,
+        0xbb, 0x2b, 0x00, 0xc4, 0x2b, 0x00, 0x00, 0x00, 0xef, 0x66, 0x08, 0x00,
+        0x00, 0x08, 0x50, 0xef, 0x37, 0x04, 0x00, 0x00, 0x13, 0x94, 0xdb, 0x00,
+        0x00, 0x00, 0x00, 0x22,
+        /* ch = '=' */
+        0x42, 0x74, 0x74, 0x74, 0x74, 0x74, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x67, 0xcf, 0xcf,
+        0xcf, 0xcf, 0xcf, 0x04,
+        /* ch = '>' */
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x31, 0x00, 0x00, 0x00, 0x00, 0xa4, 0xc4,
+        0x28, 0x00, 0x00, 0x00, 0x1b, 0xab, 0xc4, 0x00, 0x04, 0x48, 0xe5, 0x50,
+        0x04, 0xd4, 0x73, 0x16, 0x00, 0x00, 0x1e, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00,
+        /* ch = '?' */
+        0x00, 0x1b, 0x67, 0x74, 0x2e, 0x00, 0x2d, 0xf7, 0x37, 0x37, 0xf7, 0x35,
+        0x00, 0x22, 0x00, 0x00, 0x88, 0x7c, 0x00, 0x00, 0x00, 0x10, 0xe5, 0x48,
+        0x00, 0x00, 0x04, 0xb1, 0x6b, 0x04, 0x00, 0x00, 0x2f, 0xcf, 0x04, 0x00,
+        0x00, 0x00, 0x22, 0x5c, 0x00, 0x00, 0x00, 0x00, 0x0c, 0x25, 0x00, 0x00,
+        0x00, 0x00, 0x77, 0xff, 0x1a, 0x00, 0x00, 0x00, 0x08, 0x12, 0x00, 0x00,
+        /* ch = '@' */
+        0x00, 0x00, 0x0c, 0x15, 0x08, 0x00, 0x00, 0x00, 0x66, 0xbb, 0x67, 0xe5,
+        0x24, 0x00, 0x39, 0xa0, 0x08, 0x00, 0x2c, 0xcf, 0x00, 0xa0, 0x35, 0x19,
+        0x8f, 0xbd, 0xff, 0x04, 0xbd, 0x1f, 0xdb, 0x3a, 0x0d, 0xff, 0x04, 0xb7,
+        0x21, 0xf7, 0x28, 0x2f, 0xff, 0x04, 0x90, 0x43, 0x35, 0xcf, 0xab, 0xcf,
+        0x04, 0x2a, 0xe5, 0x10, 0x00, 0x00, 0x00, 0x00, 0x00, 0x44, 0xe5, 0x82,
+        0xbb, 0x4f, 0x00, 0x00, 0x00, 0x00, 0x15, 0x0c, 0x00, 0x00,
+        /* ch = 'A' */
+        0x00, 0x00, 0x08, 0x04, 0x00, 0x00, 0x00, 0x00, 0x00, 0x5a, 0x4c, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0xc8, 0xaf, 0x00, 0x00, 0x00, 0x00, 0x24, 0xc8,
+        0xf7, 0x24, 0x00, 0x00, 0x00, 0x5f, 0x5f, 0x70, 0x64, 0x00, 0x00, 0x00,
+        0xe5, 0x24, 0x2a, 0xec, 0x04, 0x00, 0x2a, 0xe5, 0x74, 0x74, 0xe5, 0x35,
+        0x00, 0x70, 0x70, 0x00, 0x00, 0x5a, 0x90, 0x00, 0xe5, 0x2c, 0x00, 0x00,
+        0x22, 0xff, 0x1a,
+        /* ch = 'B' */
+        0x0f, 0x15, 0x15, 0x00, 0x00, 0x00, 0x7c, 0xb1, 0x74, 0xdd, 0xc4, 0x10,
+        0x7c, 0x54, 0x00, 0x00, 0x97, 0x64, 0x7c, 0x54, 0x00, 0x04, 0xa7, 0x4c,
+        0x7c, 0xef, 0xcf, 0xe5, 0x9e, 0x08, 0x7c, 0x54, 0x00, 0x16, 0xb1, 0x50,
+        0x7c, 0x54, 0x00, 0x00, 0x35, 0xcf, 0x7c, 0x54, 0x00, 0x00, 0x7c, 0xa7,
+        0x7c, 0xef, 0xcf, 0xe5, 0xb3, 0x1b,
+        /* ch = 'C' */
+        0x00, 0x00, 0x08, 0x15, 0x00, 0x00, 0x00, 0x00, 0x4d, 0xe5, 0x82, 0xef,
+        0x3b, 0x00, 0x2a, 0xe5, 0x13, 0x00, 0x24, 0x9e, 0x0a, 0x6b, 0x70, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0xb1, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb1,
+        0x54, 0x00, 0x00, 0x00, 0x00, 0x00, 0x6b, 0x75, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x2a, 0xff, 0x1f, 0x00, 0x1f, 0x48, 0x00, 0x00, 0x44, 0xf7, 0xab,
+        0xe5, 0x2f, 0x00, 0x00, 0x00, 0x04, 0x15, 0x00, 0x00, 0x00,
+        /* ch = 'D' */
+        0x0f, 0x15, 0x0f, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb1, 0x9e, 0xef, 0x6b,
+        0x04, 0x00, 0x7c, 0x54, 0x00, 0x10, 0xdb, 0x48, 0x00, 0x7c, 0x54, 0x00,
+        0x00, 0x50, 0xb7, 0x00, 0x7c, 0x54, 0x00, 0x00, 0x32, 0xff, 0x00, 0x7c,
+        0x54, 0x00, 0x00, 0x32, 0xf7, 0x04, 0x7c, 0x54, 0x00, 0x00, 0x50, 0xa7,
+        0x00, 0x7c, 0x54, 0x00, 0x10, 0xdb, 0x3b, 0x00, 0x7c, 0xef, 0xcf, 0xe5,
+        0x48, 0x04, 0x00,
+        /* ch = 'E' */
+        0x0c, 0x15, 0x15, 0x15, 0x15, 0x0f, 0x50, 0xc8, 0x74, 0x74, 0x74, 0x45,
+        0x50, 0x82, 0x00, 0x00, 0x00, 0x00, 0x50, 0x82, 0x00, 0x00, 0x00, 0x00,
+        0x50, 0xd1, 0x74, 0x74, 0x74, 0x00, 0x50, 0x88, 0x15, 0x15, 0x15, 0x04,
+        0x50, 0x82, 0x00, 0x00, 0x00, 0x00, 0x50, 0x82, 0x00, 0x00, 0x00, 0x00,
+        0x50, 0xf7, 0xcf, 0xcf, 0xcf, 0x67,
+        /* ch = 'F' */
+        0x08, 0x15, 0x15, 0x15, 0x15, 0x0f, 0x32, 0xff, 0x74, 0x74, 0x74, 0x45,
+        0x32, 0xff, 0x04, 0x00, 0x00, 0x00, 0x32, 0xff, 0x04, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0xd4, 0xcf, 0xcf, 0x00, 0x32, 0xff, 0x04, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x04, 0x00, 0x00, 0x00, 0x32, 0xff, 0x04, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x04, 0x00, 0x00, 0x00,
+        /* ch = 'G' */
+        0x00, 0x00, 0x08, 0x15, 0x04, 0x00, 0x00, 0x00, 0x5a, 0xef, 0x82, 0xf7,
+        0x39, 0x00, 0x32, 0xdb, 0x13, 0x00, 0x24, 0x73, 0x04, 0x82, 0x59, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0xb7, 0x35, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb7,
+        0x3f, 0x00, 0x67, 0xcf, 0xcf, 0x00, 0x82, 0x64, 0x00, 0x00, 0x1c, 0xff,
+        0x04, 0x32, 0xec, 0x13, 0x00, 0x1f, 0xff, 0x04, 0x00, 0x50, 0xf7, 0xab,
+        0xe5, 0x73, 0x04, 0x00, 0x00, 0x00, 0x15, 0x00, 0x00, 0x00,
+        /* ch = 'H' */
+        0x0f, 0x0f, 0x00, 0x00, 0x0c, 0x12, 0x7c, 0x82, 0x00, 0x00, 0x50, 0x88,
+        0x7c, 0x82, 0x00, 0x00, 0x50, 0x82, 0x7c, 0x82, 0x00, 0x00, 0x50, 0x82,
+        0x7c, 0xd1, 0x74, 0x74, 0xb1, 0x82, 0x7c, 0x88, 0x15, 0x15, 0x5e, 0x82,
+        0x7c, 0x82, 0x00, 0x00, 0x50, 0x82, 0x7c, 0x82, 0x00, 0x00, 0x50, 0x82,
+        0x7c, 0x82, 0x00, 0x00, 0x50, 0x82,
+        /* ch = 'I' */
+        0x04, 0x15, 0x15, 0x15, 0x15, 0x04, 0x14, 0x74, 0xc8, 0xb1, 0x74, 0x17,
+        0x00, 0x00, 0x7c, 0x54, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x54, 0x00, 0x00,
+        0x00, 0x00, 0x7c, 0x54, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x54, 0x00, 0x00,
+        0x00, 0x00, 0x7c, 0x54, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x54, 0x00, 0x00,
+        0x2d, 0xcf, 0xef, 0xef, 0xcf, 0x1a,
+        /* ch = 'J' */
+        0x04, 0x15, 0x15, 0x15, 0x15, 0x00, 0x14, 0x74, 0xb1, 0xc8, 0x74, 0x04,
+        0x00, 0x00, 0x50, 0x82, 0x00, 0x00, 0x00, 0x00, 0x50, 0x82, 0x00, 0x00,
+        0x00, 0x00, 0x50, 0x82, 0x00, 0x00, 0x00, 0x00, 0x50, 0x82, 0x00, 0x00,
+        0x00, 0x00, 0x50, 0x82, 0x00, 0x00, 0x19, 0x00, 0x8a, 0x64, 0x00, 0x00,
+        0xf7, 0xc4, 0xd4, 0x13, 0x00, 0x00, 0x04, 0x15, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'K' */
+        0x12, 0x0f, 0x00, 0x00, 0x0c, 0x12, 0x00, 0xb7, 0x54, 0x00, 0x10, 0xdb,
+        0x35, 0x00, 0xb7, 0x54, 0x10, 0xb1, 0x54, 0x00, 0x00, 0xb7, 0x59, 0xb1,
+        0x7c, 0x04, 0x00, 0x00, 0xb7, 0xff, 0xff, 0x0c, 0x00, 0x00, 0x00, 0xb7,
+        0x82, 0xb1, 0x7c, 0x00, 0x00, 0x00, 0xb7, 0x54, 0x1c, 0xf7, 0x35, 0x00,
+        0x00, 0xb7, 0x54, 0x00, 0x44, 0xec, 0x10, 0x00, 0xb7, 0x54, 0x00, 0x00,
+        0x90, 0xa7, 0x04,
+        /* ch = 'L' */
+        0x0c, 0x15, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x00,
+        0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x00,
+        0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x00,
+        0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x00,
+        0x50, 0xff, 0xcf, 0xcf, 0xcf, 0x67,
+        /* ch = 'M' */
+        0x12, 0x04, 0x00, 0x00, 0x00, 0x15, 0x00, 0xb7, 0x64, 0x00, 0x00, 0x32,
+        0xff, 0x04, 0xb7, 0xff, 0x10, 0x00, 0xc8, 0xff, 0x04, 0xb7, 0xe5, 0x64,
+        0x3b, 0xdb, 0xff, 0x04, 0xb7, 0x54, 0xff, 0xc8, 0x48, 0xff, 0x04, 0xb7,
+        0x35, 0x70, 0x90, 0x1f, 0xff, 0x04, 0xb7, 0x35, 0x08, 0x0c, 0x1c, 0xff,
+        0x04, 0xb7, 0x35, 0x00, 0x00, 0x1c, 0xff, 0x04, 0xb7, 0x35, 0x00, 0x00,
+        0x1c, 0xff, 0x04,
+        /* ch = 'N' */
+        0x0f, 0x0c, 0x00, 0x00, 0x08, 0x12, 0x7c, 0xcf, 0x04, 0x00, 0x32, 0xbd,
+        0x7c, 0xff, 0x48, 0x00, 0x32, 0xbd, 0x7c, 0xb7, 0xec, 0x0d, 0x32, 0xbd,
+        0x7c, 0x54, 0xa0, 0x64, 0x32, 0xbd, 0x7c, 0x54, 0x24, 0xff, 0x50, 0xbd,
+        0x7c, 0x54, 0x00, 0x7c, 0xff, 0xbd, 0x7c, 0x54, 0x00, 0x17, 0xf7, 0xbd,
+        0x7c, 0x54, 0x00, 0x00, 0x50, 0xbd,
+        /* ch = 'O' */
+        0x00, 0x00, 0x0f, 0x15, 0x00, 0x00, 0x00, 0x04, 0x84, 0xe5, 0xcb, 0xc4,
+        0x10, 0x00, 0x48, 0xb7, 0x08, 0x00, 0x82, 0x90, 0x00, 0xa0, 0x48, 0x00,
+        0x00, 0x2a, 0xff, 0x00, 0xe5, 0x35, 0x00, 0x00, 0x1c, 0xff, 0x1c, 0xcf,
+        0x35, 0x00, 0x00, 0x1c, 0xff, 0x1c, 0xa0, 0x54, 0x00, 0x00, 0x2a, 0xf7,
+        0x04, 0x44, 0xe5, 0x10, 0x04, 0x82, 0x70, 0x00, 0x00, 0x66, 0xf7, 0xe5,
+        0xa9, 0x13, 0x00, 0x00, 0x00, 0x08, 0x0f, 0x00, 0x00, 0x00,
+        /* ch = 'P' */
+        0x0c, 0x15, 0x15, 0x04, 0x00, 0x00, 0x00, 0x50, 0xef, 0xcf, 0xd4, 0xef,
+        0x1f, 0x00, 0x50, 0x82, 0x00, 0x00, 0x5f, 0xa7, 0x00, 0x50, 0x82, 0x00,
+        0x00, 0x3b, 0xbd, 0x04, 0x50, 0xab, 0x36, 0x3e, 0xdb, 0x50, 0x00, 0x50,
+        0xa5, 0x36, 0x36, 0x25, 0x00, 0x00, 0x50, 0x82, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x50, 0x82, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0x82, 0x00, 0x00,
+        0x00, 0x00, 0x00,
+        /* ch = 'Q' */
+        0x00, 0x00, 0x0f, 0x15, 0x00, 0x00, 0x00, 0x04, 0x84, 0xd4, 0xb3, 0xc4,
+        0x10, 0x00, 0x48, 0xb7, 0x08, 0x00, 0x82, 0x90, 0x00, 0xa0, 0x3f, 0x00,
+        0x00, 0x24, 0xff, 0x00, 0xe5, 0x35, 0x00, 0x00, 0x1c, 0xff, 0x1c, 0xe5,
+        0x35, 0x00, 0x00, 0x1a, 0xff, 0x1c, 0xa0, 0x54, 0x00, 0x00, 0x24, 0xf7,
+        0x04, 0x44, 0xe5, 0x10, 0x00, 0x82, 0x75, 0x00, 0x00, 0x66, 0xf7, 0xdd,
+        0xa9, 0x13, 0x00, 0x00, 0x00, 0x32, 0xbd, 0x04, 0x00, 0x00, 0x00, 0x00,
+        0x04, 0x8d, 0xcf, 0x6c, 0x00,
+        /* ch = 'R' */
+        0x0f, 0x15, 0x15, 0x04, 0x00, 0x00, 0x7c, 0xef, 0xcf, 0xdd, 0xdb, 0x1f,
+        0x7c, 0x82, 0x00, 0x00, 0x82, 0x90, 0x7c, 0x82, 0x00, 0x00, 0x54, 0xa7,
+        0x7c, 0xab, 0x36, 0x47, 0xf7, 0x35, 0x7c, 0xa5, 0x36, 0xf7, 0x39, 0x00,
+        0x7c, 0x82, 0x00, 0x5f, 0x97, 0x00, 0x7c, 0x82, 0x00, 0x10, 0xf7, 0x2c,
+        0x7c, 0x82, 0x00, 0x00, 0x5f, 0xa7,
+        /* ch = 'S' */
+        0x00, 0x00, 0x0c, 0x12, 0x00, 0x00, 0x00, 0x84, 0xbb, 0x8f, 0xef, 0x2c,
+        0x2f, 0xe5, 0x08, 0x00, 0x2c, 0x21, 0x2a, 0xff, 0x21, 0x00, 0x00, 0x00,
+        0x00, 0x50, 0xf7, 0x7f, 0x1b, 0x00, 0x00, 0x00, 0x08, 0x50, 0xf7, 0x44,
+        0x00, 0x00, 0x00, 0x00, 0x3f, 0xcf, 0x2f, 0x3b, 0x00, 0x00, 0x54, 0xa7,
+        0x26, 0xd4, 0xdd, 0xd4, 0xd4, 0x21, 0x00, 0x00, 0x0c, 0x12, 0x00, 0x00,
+        /* ch = 'T' */
+        0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x00, 0xcf, 0xcf, 0xef, 0xef, 0xcf,
+        0xcf, 0x04, 0x00, 0x00, 0x7c, 0x82, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c,
+        0x82, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x82, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x7c, 0x82, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x82, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x7c, 0x82, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x82,
+        0x00, 0x00, 0x00,
+        /* ch = 'U' */
+        0x0f, 0x0f, 0x00, 0x00, 0x08, 0x12, 0x7c, 0x59, 0x00, 0x00, 0x32, 0xbd,
+        0x7c, 0x54, 0x00, 0x00, 0x32, 0xbd, 0x7c, 0x54, 0x00, 0x00, 0x32, 0xbd,
+        0x7c, 0x54, 0x00, 0x00, 0x32, 0xbd, 0x7c, 0x54, 0x00, 0x00, 0x32, 0xbd,
+        0x7c, 0x59, 0x00, 0x00, 0x32, 0xbd, 0x50, 0xbd, 0x04, 0x00, 0x5f, 0x90,
+        0x04, 0xa2, 0xd4, 0xa4, 0xd4, 0x19, 0x00, 0x00, 0x0c, 0x12, 0x00, 0x00,
+        /* ch = 'V' */
+        0x15, 0x08, 0x00, 0x00, 0x00, 0x15, 0x04, 0xa7, 0x4c, 0x00, 0x00, 0x22,
+        0xf7, 0x08, 0x48, 0xaf, 0x00, 0x00, 0x5a, 0x82, 0x00, 0x17, 0xff, 0x1a,
+        0x00, 0xb7, 0x35, 0x00, 0x00, 0xa7, 0x4c, 0x1c, 0xf7, 0x10, 0x00, 0x00,
+        0x48, 0xaf, 0x48, 0x90, 0x00, 0x00, 0x00, 0x14, 0xff, 0xd1, 0x3b, 0x00,
+        0x00, 0x00, 0x00, 0xa0, 0xf7, 0x10, 0x00, 0x00, 0x00, 0x00, 0x44, 0x90,
+        0x00, 0x00, 0x00,
+        /* ch = 'W' */
+        0x15, 0x00, 0x00, 0x00, 0x00, 0x12, 0x08, 0xff, 0x1f, 0x14, 0x32, 0x00,
+        0xb7, 0x26, 0xbd, 0x35, 0x35, 0xa7, 0x00, 0xff, 0x17, 0x82, 0x54, 0x6b,
+        0xff, 0x1f, 0xe5, 0x04, 0x54, 0x7c, 0xcf, 0xdb, 0x64, 0xa7, 0x00, 0x35,
+        0xf7, 0xb7, 0x64, 0xec, 0x7c, 0x00, 0x1f, 0xff, 0x64, 0x2a, 0xff, 0x50,
+        0x00, 0x0d, 0xff, 0x32, 0x0d, 0xff, 0x32, 0x00, 0x00, 0xcf, 0x10, 0x00,
+        0xa0, 0x1f, 0x00,
+        /* ch = 'X' */
+        0x12, 0x0c, 0x00, 0x00, 0x08, 0x12, 0x44, 0xcf, 0x04, 0x00, 0x90, 0x54,
+        0x04, 0xc8, 0x48, 0x2a, 0xe5, 0x10, 0x00, 0x32, 0xec, 0xb7, 0x54, 0x00,
+        0x00, 0x00, 0xa7, 0xe5, 0x08, 0x00, 0x00, 0x04, 0xdb, 0xff, 0x1f, 0x00,
+        0x00, 0x48, 0xc8, 0x82, 0x97, 0x00, 0x0d, 0xe5, 0x35, 0x17, 0xf7, 0x2c,
+        0x5f, 0xa0, 0x04, 0x00, 0x5f, 0xa7,
+        /* ch = 'Y' */
+        0x15, 0x08, 0x00, 0x00, 0x04, 0x15, 0x04, 0x7c, 0x90, 0x00, 0x00, 0x44,
+        0xc8, 0x04, 0x17, 0xff, 0x26, 0x00, 0xc8, 0x3f, 0x00, 0x00, 0x70, 0x97,
+        0x32, 0xdb, 0x08, 0x00, 0x00, 0x17, 0xff, 0xe5, 0x4c, 0x00, 0x00, 0x00,
+        0x00, 0x70, 0xe5, 0x10, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd,
+        0x00, 0x00, 0x00,
+        /* ch = 'Z' */
+        0x0c, 0x15, 0x15, 0x15, 0x15, 0x12, 0x45, 0xcf, 0xcf, 0xcf, 0xef, 0xa7,
+        0x00, 0x00, 0x00, 0x10, 0xf7, 0x26, 0x00, 0x00, 0x00, 0x82, 0x70, 0x00,
+        0x00, 0x00, 0x2f, 0xe5, 0x13, 0x00, 0x00, 0x04, 0xdb, 0x48, 0x00, 0x00,
+        0x00, 0x54, 0xb1, 0x04, 0x00, 0x00, 0x1c, 0xf7, 0x26, 0x00, 0x00, 0x00,
+        0x77, 0xff, 0xcf, 0xcf, 0xcf, 0xcf,
+        /* ch = '[' */
+        0x67, 0xcf, 0xcf, 0xcf, 0x45, 0x7c, 0x54, 0x00, 0x00, 0x00, 0x7c, 0x54,
+        0x00, 0x00, 0x00, 0x7c, 0x54, 0x00, 0x00, 0x00, 0x7c, 0x54, 0x00, 0x00,
+        0x00, 0x7c, 0x54, 0x00, 0x00, 0x00, 0x7c, 0x54, 0x00, 0x00, 0x00, 0x7c,
+        0x54, 0x00, 0x00, 0x00, 0x7c, 0x54, 0x00, 0x00, 0x00, 0x7c, 0xb9, 0x74,
+        0x74, 0x30, 0x0f, 0x15, 0x15, 0x15, 0x0f,
+        /* ch = '\' */
+        0x19, 0x4e, 0x00, 0x17, 0xff, 0x1a, 0x00, 0x8a, 0x70, 0x00, 0x22, 0xff,
+        0x00, 0x00, 0xa0, 0x00, 0x00, 0x2c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = ']' */
+        0x1a, 0xcf, 0xcf, 0xcf, 0x95, 0x00, 0x00, 0x00, 0x32, 0xbd, 0x00, 0x00,
+        0x00, 0x32, 0xbd, 0x00, 0x00, 0x00, 0x32, 0xbd, 0x00, 0x00, 0x00, 0x32,
+        0xbd, 0x00, 0x00, 0x00, 0x32, 0xbd, 0x00, 0x00, 0x00, 0x32, 0xbd, 0x00,
+        0x00, 0x00, 0x32, 0xbd, 0x00, 0x00, 0x00, 0x32, 0xbd, 0x22, 0x74, 0x74,
+        0x9c, 0xbd, 0x08, 0x15, 0x15, 0x15, 0x15,
+        /* ch = '^' */
+        0x00, 0x00, 0x04, 0x0c, 0x00, 0x00, 0x00, 0x00, 0x50, 0xaf, 0x00, 0x00,
+        0x00, 0x17, 0xef, 0xdb, 0x35, 0x00, 0x00, 0x82, 0x59, 0x3b, 0xcf, 0x00,
+        0x09, 0x50, 0x08, 0x00, 0x50, 0x08,
+        /* ch = '_' */
+        /* ch = '`' */
+        0x27, 0x51, 0x00, 0x22, 0xec, 0x10, 0x00, 0xa0, 0xb7, 0x00, 0x10, 0x2a,
+        /* ch = 'a' */
+        0x09, 0x8d, 0xdd, 0xd4, 0xc4, 0x10, 0x00, 0x22, 0x04, 0x00, 0x90, 0x70,
+        0x00, 0x0f, 0x36, 0x36, 0xa0, 0x82, 0x2f, 0xdb, 0x31, 0x15, 0x5e, 0x82,
+        0x7c, 0x82, 0x00, 0x04, 0xb7, 0x82, 0x2a, 0xf7, 0x82, 0xcb, 0xd4, 0x82,
+        0x00, 0x04, 0x15, 0x08, 0x00, 0x00,
+        /* ch = 'b' */
+        0x30, 0x4a, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0x82, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x50, 0x82, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd, 0xd4,
+        0xdd, 0xd4, 0x10, 0x00, 0x50, 0xe5, 0x0c, 0x04, 0x90, 0x90, 0x00, 0x50,
+        0x88, 0x00, 0x00, 0x3b, 0xd9, 0x00, 0x50, 0x88, 0x00, 0x00, 0x35, 0xcf,
+        0x04, 0x50, 0xd9, 0x04, 0x00, 0x82, 0x75, 0x00, 0x50, 0xc4, 0xe5, 0xdd,
+        0xd4, 0x13, 0x00, 0x00, 0x00, 0x08, 0x15, 0x00, 0x00, 0x00,
+        /* ch = 'c' */
+        0x00, 0x35, 0xdd, 0xcf, 0xf7, 0x3b, 0x00, 0x22, 0xf7, 0x21, 0x00, 0x24,
+        0x50, 0x04, 0x54, 0x97, 0x00, 0x00, 0x00, 0x00, 0x00, 0x54, 0x97, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x2a, 0xff, 0x21, 0x00, 0x10, 0x1b, 0x00, 0x00,
+        0x44, 0xf7, 0xcf, 0xe5, 0x48, 0x00, 0x00, 0x00, 0x04, 0x15, 0x08, 0x00,
+        0x00,
+        /* ch = 'd' */
+        0x00, 0x00, 0x00, 0x00, 0x30, 0x4a, 0x00, 0x00, 0x00, 0x00, 0x50, 0x82,
+        0x00, 0x00, 0x00, 0x00, 0x50, 0x82, 0x04, 0x94, 0xdd, 0xdd, 0xdb, 0x82,
+        0x48, 0xa7, 0x04, 0x04, 0xb7, 0x82, 0x7c, 0x54, 0x00, 0x00, 0x7c, 0x82,
+        0x7c, 0x59, 0x00, 0x00, 0x7c, 0x82, 0x48, 0xcf, 0x04, 0x04, 0xc8, 0x82,
+        0x04, 0xa9, 0xef, 0xdd, 0xc4, 0x88, 0x00, 0x00, 0x0f, 0x08, 0x00, 0x00,
+        /* ch = 'e' */
+        0x00, 0x66, 0xd4, 0xb3, 0xc4, 0x10, 0x39, 0xc8, 0x08, 0x00, 0x82, 0x5f,
+        0x77, 0xd1, 0x74, 0x74, 0xb1, 0xa7, 0x7c, 0x6d, 0x15, 0x15, 0x15, 0x15,
+        0x40, 0xcf, 0x04, 0x00, 0x0c, 0x08, 0x04, 0x7e, 0xef, 0x82, 0xdd, 0x32,
+        0x00, 0x00, 0x08, 0x15, 0x00, 0x00,
+        /* ch = 'f' */
+        0x00, 0x19, 0x74, 0xab, 0x48, 0x00, 0x04, 0xdb, 0x3a, 0x0f, 0xb1, 0x13,
+        0x1c, 0xff, 0x04, 0x00, 0x00, 0x00, 0x87, 0xff, 0x7b, 0x74, 0x00, 0x00,
+        0x28, 0xff, 0x15, 0x15, 0x04, 0x00, 0x1c, 0xff, 0x04, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0x04, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x04, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0x04, 0x00, 0x00, 0x00,
+        /* ch = 'g' */
+        0x00, 0x00, 0x0f, 0x08, 0x00, 0x00, 0x00, 0x04, 0xa9, 0xa4, 0xef, 0xcb,
+        0x8f, 0x17, 0x4d, 0x97, 0x04, 0x22, 0xff, 0x04, 0x00, 0x44, 0xbd, 0x04,
+        0x26, 0xf7, 0x04, 0x00, 0x04, 0xd9, 0xe5, 0xdd, 0x2f, 0x00, 0x00, 0x2a,
+        0xc6, 0x08, 0x00, 0x00, 0x00, 0x00, 0x1b, 0xe0, 0xcf, 0xcf, 0xef, 0x4d,
+        0x00, 0x99, 0x43, 0x00, 0x00, 0x32, 0xd1, 0x00, 0x4d, 0xdb, 0x5b, 0x5b,
+        0xd4, 0x44, 0x00, 0x00, 0x0c, 0x15, 0x15, 0x0c, 0x00, 0x00,
+        /* ch = 'h' */
+        0x30, 0x64, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x00,
+        0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x50, 0xd9, 0xa9, 0xd4, 0xdb, 0x1c,
+        0x50, 0xff, 0x24, 0x00, 0x97, 0x64, 0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82,
+        0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82, 0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82,
+        0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82,
+        /* ch = 'i' */
+        0x00, 0x26, 0x48, 0x00, 0x00, 0x00, 0x49, 0x9c, 0x04, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0xcf, 0xe5, 0xbd, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00,
+        0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00,
+        0x50, 0xbd, 0x00, 0x00, 0xcf, 0xe5, 0xff, 0xcf, 0x1a,
+        /* ch = 'j' */
+        0x00, 0x00, 0x00, 0x26, 0x48, 0x00, 0x00, 0x00, 0x49, 0x9c, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x67, 0xcf, 0xe5, 0xbd, 0x00, 0x00, 0x00, 0x50,
+        0xbd, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00,
+        0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x10, 0x16, 0x00,
+        0x64, 0x97, 0x5c, 0xdb, 0x82, 0xef, 0x21, 0x00, 0x12, 0x15, 0x0c, 0x00,
+        /* ch = 'k' */
+        0x30, 0x7b, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00,
+        0x19, 0xdb, 0x3f, 0x00, 0x50, 0xbd, 0x1f, 0xe5, 0x35, 0x00, 0x00, 0x50,
+        0xec, 0xf7, 0x52, 0x00, 0x00, 0x00, 0x50, 0xe5, 0x47, 0xff, 0x1f, 0x00,
+        0x00, 0x50, 0xbd, 0x00, 0x50, 0xe5, 0x10, 0x00, 0x50, 0xbd, 0x00, 0x00,
+        0xb1, 0xb7, 0x04,
+        /* ch = 'l' */
+        0x14, 0x74, 0x74, 0x42, 0x00, 0x00, 0x04, 0x15, 0x5e, 0x82, 0x00, 0x00,
+        0x00, 0x00, 0x50, 0x82, 0x00, 0x00, 0x00, 0x00, 0x50, 0x82, 0x00, 0x00,
+        0x00, 0x00, 0x50, 0x82, 0x00, 0x00, 0x00, 0x00, 0x50, 0x82, 0x00, 0x00,
+        0x00, 0x00, 0x50, 0x82, 0x00, 0x00, 0x00, 0x00, 0x50, 0x82, 0x00, 0x00,
+        0x2d, 0xcf, 0xe5, 0xf7, 0xcf, 0x45,
+        /* ch = 'm' */
+        0xb7, 0xe5, 0xdb, 0xbb, 0xbb, 0xdb, 0x00, 0xb7, 0x4c, 0x50, 0xbd, 0x1f,
+        0xff, 0x1f, 0xb7, 0x35, 0x50, 0x82, 0x1c, 0xff, 0x1f, 0xb7, 0x35, 0x50,
+        0x82, 0x1c, 0xff, 0x1f, 0xb7, 0x35, 0x50, 0x82, 0x1c, 0xff, 0x1f, 0xb7,
+        0x35, 0x50, 0x82, 0x1c, 0xff, 0x1f,
+        /* ch = 'n' */
+        0x50, 0xd9, 0xbb, 0xd4, 0xdb, 0x17, 0x50, 0xff, 0x24, 0x00, 0xa7, 0x59,
+        0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82, 0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82,
+        0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82, 0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82,
+        /* ch = 'o' */
+        0x00, 0x66, 0xdd, 0xdd, 0xa9, 0x10, 0x00, 0x44, 0xdb, 0x0c, 0x00, 0x90,
+        0x82, 0x00, 0xa0, 0x64, 0x00, 0x00, 0x35, 0xec, 0x00, 0xb1, 0x64, 0x00,
+        0x00, 0x32, 0xf7, 0x04, 0x50, 0xcf, 0x04, 0x00, 0x82, 0x90, 0x00, 0x04,
+        0x84, 0xef, 0xb3, 0xcb, 0x13, 0x00, 0x00, 0x00, 0x0c, 0x15, 0x00, 0x00,
+        0x00,
+        /* ch = 'p' */
+        0x50, 0xbd, 0xcf, 0xdd, 0xdb, 0x19, 0x00, 0x50, 0xe5, 0x0c, 0x00, 0x90,
+        0xa0, 0x00, 0x50, 0x88, 0x00, 0x00, 0x35, 0xff, 0x04, 0x50, 0x88, 0x00,
+        0x00, 0x32, 0xf7, 0x04, 0x50, 0xd9, 0x04, 0x00, 0x75, 0x90, 0x00, 0x50,
+        0xdb, 0xe5, 0xc4, 0xd4, 0x21, 0x00, 0x50, 0x82, 0x08, 0x15, 0x04, 0x00,
+        0x00, 0x50, 0x82, 0x00, 0x00, 0x00, 0x00, 0x00, 0x0c, 0x12, 0x00, 0x00,
+        0x00, 0x00, 0x00,
+        /* ch = 'q' */
+        0x04, 0x94, 0xcb, 0xdd, 0xdb, 0x82, 0x48, 0xb7, 0x08, 0x04, 0xa7, 0x82,
+        0x90, 0x54, 0x00, 0x00, 0x54, 0x82, 0x90, 0x64, 0x00, 0x00, 0x54, 0x82,
+        0x48, 0xcf, 0x04, 0x04, 0xb7, 0x82, 0x04, 0xa9, 0xef, 0xdd, 0xc4, 0x82,
+        0x00, 0x00, 0x0f, 0x08, 0x50, 0x82, 0x00, 0x00, 0x00, 0x00, 0x50, 0x82,
+        0x00, 0x00, 0x00, 0x00, 0x0c, 0x12,
+        /* ch = 'r' */
+        0xff, 0xb1, 0xdd, 0xdd, 0xab, 0xff, 0xb1, 0x08, 0x04, 0x28, 0xff, 0x35,
+        0x00, 0x00, 0x00, 0xff, 0x1f, 0x00, 0x00, 0x00, 0xff, 0x1f, 0x00, 0x00,
+        0x00, 0xff, 0x1f, 0x00, 0x00, 0x00,
+        /* ch = 's' */
+        0x00, 0x66, 0xcb, 0x9e, 0xdb, 0x26, 0x1c, 0xff, 0x21, 0x00, 0x2c, 0x21,
+        0x04, 0xa2, 0xef, 0x5b, 0x1e, 0x00, 0x00, 0x00, 0x18, 0x5a, 0xf7, 0x44,
+        0x24, 0x3b, 0x00, 0x00, 0x82, 0x7c, 0x26, 0xd4, 0xcb, 0xab, 0xd4, 0x21,
+        0x00, 0x00, 0x0c, 0x12, 0x00, 0x00,
+        /* ch = 't' */
+        0x00, 0x00, 0x5c, 0x28, 0x00, 0x00, 0x00, 0x00, 0xff, 0x35, 0x00, 0x00,
+        0x42, 0xcf, 0xff, 0xd4, 0xcf, 0x1c, 0x00, 0x0d, 0xff, 0x1f, 0x00, 0x00,
+        0x00, 0x1c, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x1f, 0x00, 0x00,
+        0x00, 0x1a, 0xff, 0x26, 0x04, 0x0c, 0x00, 0x00, 0x99, 0xf7, 0xe5, 0x62,
+        0x00, 0x00, 0x00, 0x0f, 0x04, 0x00,
+        /* ch = 'u' */
+        0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82, 0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82,
+        0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82, 0x50, 0xbd, 0x00, 0x00, 0x7c, 0x82,
+        0x44, 0xd9, 0x04, 0x04, 0xc8, 0x82, 0x04, 0xa9, 0xc4, 0xc4, 0xdb, 0x82,
+        0x00, 0x00, 0x12, 0x08, 0x00, 0x00,
+        /* ch = 'v' */
+        0x70, 0x88, 0x00, 0x00, 0x35, 0xa7, 0x04, 0x24, 0xff, 0x0d, 0x00, 0x70,
+        0x54, 0x00, 0x00, 0xc8, 0x4c, 0x0d, 0xf7, 0x1a, 0x00, 0x00, 0x48, 0xcf,
+        0x48, 0x90, 0x00, 0x00, 0x00, 0x0d, 0xf7, 0xf7, 0x2f, 0x00, 0x00, 0x00,
+        0x00, 0x8a, 0xb7, 0x04, 0x00, 0x00,
+        /* ch = 'w' */
+        0xff, 0x1f, 0x16, 0x26, 0x00, 0xff, 0x1f, 0xbd, 0x32, 0x5f, 0xbd, 0x00,
+        0xff, 0x08, 0x77, 0x59, 0xa0, 0xff, 0x2f, 0xcf, 0x04, 0x44, 0x9e, 0xe5,
+        0x82, 0xa0, 0x97, 0x00, 0x24, 0xff, 0x82, 0x3b, 0xff, 0x59, 0x00, 0x04,
+        0xff, 0x3f, 0x14, 0xff, 0x37, 0x00,
+        /* ch = 'x' */
+        0x35, 0xe5, 0x10, 0x04, 0xdb, 0x37, 0x00, 0x7c, 0x82, 0x6b, 0x82, 0x04,
+        0x00, 0x0d, 0xdb, 0xe5, 0x13, 0x00, 0x00, 0x10, 0xdb, 0xff, 0x1f, 0x00,
+        0x00, 0x7c, 0x7c, 0x59, 0xb7, 0x04, 0x35, 0xdb, 0x13, 0x04, 0xb1, 0x68,
+        /* ch = 'y' */
+        0x5a, 0x9e, 0x00, 0x00, 0x3b, 0xc8, 0x04, 0x17, 0xff, 0x1a, 0x00, 0x8a,
+        0x5f, 0x00, 0x00, 0x8a, 0x5f, 0x0d, 0xf7, 0x1a, 0x00, 0x00, 0x39, 0xec,
+        0x3f, 0xa7, 0x04, 0x00, 0x00, 0x04, 0xe5, 0xff, 0x3b, 0x00, 0x00, 0x00,
+        0x00, 0x5a, 0xf7, 0x10, 0x00, 0x00, 0x00, 0x00, 0x5f, 0x75, 0x00, 0x00,
+        0x00, 0xc0, 0x82, 0xef, 0x1f, 0x00, 0x00, 0x00, 0x0c, 0x15, 0x0c, 0x00,
+        0x00, 0x00, 0x00,
+        /* ch = 'z' */
+        0x2d, 0xcf, 0xcf, 0xcf, 0xff, 0x50, 0x00, 0x00, 0x00, 0x50, 0xb1, 0x08,
+        0x00, 0x00, 0x32, 0xf7, 0x1f, 0x00, 0x00, 0x1f, 0xf7, 0x35, 0x00, 0x00,
+        0x10, 0xdb, 0x54, 0x00, 0x00, 0x00, 0x77, 0xff, 0xd4, 0xcf, 0xcf, 0x95,
+        /* ch = '{' */
+        0x00, 0x15, 0x15, 0x08, 0xa9, 0x99, 0x36, 0x19, 0xff, 0x10, 0x00, 0x00,
+        0xff, 0x04, 0x00, 0x00, 0xe5, 0x04, 0x00, 0x00, 0x2d, 0x00, 0x00, 0x00,
+        0xa7, 0x00, 0x00, 0x00, 0xff, 0x04, 0x00, 0x00, 0xff, 0x04, 0x00, 0x00,
+        0xff, 0x13, 0x00, 0x00, 0x77, 0xef, 0x74, 0x22,
+        /* ch = '|' */
+        0x1e, 0x26, 0x50, 0x82, 0x50, 0x82, 0x50, 0x82, 0x50, 0x82, 0x50, 0x82,
+        0x50, 0x82, 0x50, 0x82, 0x50, 0x82, 0x50, 0x82, 0x50, 0x82,
+        /* ch = '}' */
+        0x04, 0x15, 0x15, 0x04, 0x00, 0x0d, 0x36, 0x77, 0xdb, 0x0d, 0x00, 0x00,
+        0x00, 0xbd, 0x35, 0x00, 0x00, 0x00, 0xb7, 0x35, 0x00, 0x00, 0x00, 0xa0,
+        0x4c, 0x00, 0x00, 0x00, 0x1b, 0xec, 0x00, 0x00, 0x00, 0x6b, 0x68, 0x00,
+        0x00, 0x00, 0xb7, 0x35, 0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x04,
+        0xcf, 0x37, 0x14, 0x74, 0xcb, 0xa9, 0x08,
+        /* ch = '~' */
+        0x2c, 0xe5, 0xef, 0x6b, 0x1e, 0xc8, 0x09, 0x2f, 0x21, 0x08, 0x8d, 0xbd,
+        0x31, 0x00
 };
 
 /* font_inconsolata_14px */
 static const unsigned char pd_inconsolata_font_bitmap_14px_bytes[] = {
-	/* ch = '!' */
-	0x13, 0x28, 0x00,
-	0x77, 0xff, 0x10,
-	0x77, 0xff, 0x04,
-	0x50, 0xff, 0x04,
-	0x50, 0xbd, 0x04,
-	0x44, 0xbd, 0x00,
-	0x32, 0xa7, 0x00,
-	0x08, 0x12, 0x00,
-	0x21, 0x30, 0x00,
-	0x99, 0xff, 0x17,
-	0x08, 0x12, 0x00,
-	/* ch = '"' */
-	0x08, 0x2a, 0x00, 0x22, 0x08,
-	0x39, 0xff, 0x1c, 0xff, 0x54,
-	0x35, 0xe5, 0x04, 0xff, 0x3b,
-	0x6b, 0x70, 0x1c, 0xf7, 0x10,
-	0x12, 0x0c, 0x04, 0x15, 0x00,
-	/* ch = '#' */
-	0x00, 0x00, 0xbd, 0x1f, 0x32, 0x42, 0x00,
-	0x00, 0x04, 0xff, 0x1c, 0x7c, 0x54, 0x00,
-	0x28, 0x4a, 0xff, 0x39, 0xc8, 0x78, 0x26,
-	0x2d, 0x62, 0xbd, 0x15, 0xd9, 0x3a, 0x12,
-	0x00, 0x3b, 0xa7, 0x00, 0xff, 0x1f, 0x00,
-	0x1a, 0x82, 0xab, 0x4a, 0xff, 0x39, 0x16,
-	0x36, 0xa5, 0x82, 0x58, 0xcf, 0x15, 0x0c,
-	0x00, 0xa0, 0x3f, 0x35, 0xb7, 0x00, 0x00,
-	0x00, 0xa9, 0x2a, 0x45, 0x6c, 0x00, 0x00,
-	/* ch = '$' */
-	0x00, 0x00, 0x00, 0x15, 0x04, 0x00, 0x00,
-	0x00, 0x00, 0x0f, 0xff, 0x28, 0x00, 0x00,
-	0x00, 0x77, 0xbb, 0xff, 0xd4, 0xb1, 0x0d,
-	0x1c, 0xff, 0x10, 0xff, 0x1f, 0x40, 0x04,
-	0x0d, 0xf7, 0x64, 0xff, 0x1f, 0x00, 0x00,
-	0x00, 0x1b, 0xab, 0xff, 0x8b, 0x1b, 0x00,
-	0x00, 0x00, 0x00, 0xff, 0x77, 0xff, 0x1c,
-	0x00, 0x0c, 0x00, 0xff, 0x1f, 0xb7, 0x44,
-	0x2d, 0xc8, 0x1e, 0xff, 0x59, 0xf7, 0x1f,
-	0x00, 0x37, 0xab, 0xff, 0xa4, 0x1e, 0x00,
-	0x00, 0x00, 0x00, 0x74, 0x17, 0x00, 0x00,
-	/* ch = '%' */
-	0x2c, 0xc6, 0x9c, 0x0d, 0x0d, 0xbd, 0x22,
-	0xb7, 0x35, 0x97, 0x50, 0x5f, 0x90, 0x04,
-	0xb7, 0x43, 0xa7, 0x65, 0xf7, 0x1f, 0x00,
-	0x26, 0xbd, 0x7f, 0x88, 0x70, 0x00, 0x00,
-	0x00, 0x00, 0x24, 0xf7, 0x13, 0x00, 0x00,
-	0x00, 0x00, 0xa0, 0x54, 0x30, 0x30, 0x04,
-	0x00, 0x32, 0xdb, 0x59, 0x90, 0x82, 0x5f,
-	0x04, 0xc8, 0x3f, 0x7c, 0x54, 0x50, 0x90,
-	0x3b, 0xb7, 0x04, 0x2f, 0xdb, 0xdb, 0x35,
-	0x00, 0x00, 0x00, 0x00, 0x0c, 0x0f, 0x00,
-	/* ch = '&' */
-	0x00, 0x26, 0xbd, 0xbd, 0x26, 0x00, 0x00,
-	0x00, 0xe5, 0x46, 0x37, 0xff, 0x00, 0x00,
-	0x00, 0xf7, 0x37, 0x24, 0xf7, 0x04, 0x00,
-	0x00, 0x5f, 0xbd, 0xb1, 0x54, 0x00, 0x00,
-	0x00, 0x54, 0xff, 0xa4, 0x04, 0x00, 0x00,
-	0x3b, 0xf7, 0x26, 0xf7, 0x35, 0x70, 0x40,
-	0xa0, 0x7c, 0x00, 0x32, 0xff, 0xf7, 0x21,
-	0xa0, 0x9e, 0x00, 0x13, 0xec, 0xc6, 0x04,
-	0x1f, 0xef, 0xe5, 0xef, 0x48, 0xdb, 0x52,
-	0x00, 0x04, 0x15, 0x04, 0x00, 0x0c, 0x04,
-	/* ch = ''' */
-	0x00, 0x2a, 0x08,
-	0x0a, 0xff, 0x50,
-	0x04, 0xff, 0x2c,
-	0x2a, 0xe5, 0x04,
-	0x0c, 0x12, 0x00,
-	/* ch = '(' */
-	0x00, 0x08, 0x21,
-	0x21, 0xdb, 0x6d,
-	0xf7, 0x3f, 0x00,
-	0x82, 0x00, 0x00,
-	0x26, 0x00, 0x00,
-	0x04, 0x00, 0x00,
-	0x04, 0x00, 0x00,
-	0x08, 0x00, 0x00,
-	0x2f, 0x00, 0x00,
-	0xa7, 0x00, 0x00,
-	0xdb, 0x54, 0x00,
-	0x1f, 0xdb, 0x77,
-	0x00, 0x08, 0x22,
-	/* ch = ')' */
-	0x00, 0x21, 0x00, 0x00,
-	0x14, 0xef, 0x70, 0x04,
-	0x00, 0x13, 0xdb, 0x82,
-	0x00, 0x00, 0x1f, 0xf7,
-	0x00, 0x00, 0x00, 0x70,
-	0x00, 0x00, 0x00, 0x35,
-	0x00, 0x00, 0x00, 0x21,
-	0x00, 0x00, 0x00, 0x32,
-	0x00, 0x00, 0x00, 0x70,
-	0x00, 0x00, 0x10, 0xf7,
-	0x00, 0x08, 0xb1, 0x7c,
-	0x1a, 0xd4, 0x84, 0x08,
-	0x0d, 0x25, 0x00, 0x00,
-	/* ch = '*' */
-	0x00, 0x00, 0x08, 0x15, 0x04, 0x00, 0x00,
-	0x00, 0x00, 0x2f, 0xff, 0x04, 0x00, 0x00,
-	0x51, 0x73, 0x28, 0xbd, 0x20, 0x9e, 0x22,
-	0x12, 0x47, 0xc4, 0xff, 0x95, 0x2a, 0x0c,
-	0x00, 0x10, 0xdb, 0xbb, 0x82, 0x00, 0x00,
-	0x04, 0xb1, 0x7c, 0x0d, 0xdb, 0x54, 0x00,
-	0x00, 0x3d, 0x08, 0x00, 0x2a, 0x21, 0x00,
-	/* ch = '+' */
-	0x00, 0x00, 0x0d, 0x36, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0x04, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0x04, 0x00, 0x00,
-	0x7c, 0xff, 0xff, 0xff, 0xff, 0xff, 0x35,
-	0x00, 0x00, 0x1c, 0xff, 0x04, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0x04, 0x00, 0x00,
-	0x00, 0x00, 0x14, 0x74, 0x04, 0x00, 0x00,
-	/* ch = ',' */
-	0x21, 0x2a, 0x00,
-	0x99, 0xff, 0x24,
-	0x1f, 0xff, 0x17,
-	0x7c, 0x54, 0x00,
-	0x22, 0x04, 0x00,
-	/* ch = '-' */
-	/* ch = '.' */
-	0x21, 0x30, 0x00,
-	0xa0, 0xff, 0x17,
-	0x08, 0x12, 0x00,
-	/* ch = '/' */
-	0x0d, 0x1b, 0x00,
-	0x44, 0xe5, 0x08,
-	0xc8, 0x4c, 0x00,
-	0xe5, 0x10, 0x00,
-	0x5f, 0x00, 0x00,
-	0x13, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	/* ch = '0' */
-	0x00, 0x08, 0x7f, 0xcf, 0x48, 0x00, 0x00,
-	0x00, 0xa0, 0x7c, 0x1a, 0xdb, 0x50, 0x00,
-	0x2a, 0xe5, 0x08, 0x00, 0x82, 0xec, 0x00,
-	0x50, 0x88, 0x00, 0x50, 0xdb, 0xff, 0x1f,
-	0x7c, 0x82, 0x1f, 0xef, 0x21, 0xff, 0x35,
-	0x5f, 0x9e, 0xdb, 0x35, 0x00, 0xff, 0x26,
-	0x3b, 0xff, 0x64, 0x00, 0x1c, 0xff, 0x17,
-	0x0d, 0xe5, 0x3f, 0x00, 0x64, 0x90, 0x00,
-	0x00, 0x2c, 0xef, 0xdd, 0xd4, 0x13, 0x00,
-	0x00, 0x00, 0x04, 0x15, 0x04, 0x00, 0x00,
-	/* ch = '1' */
-	0x00, 0x00, 0x37, 0xbd, 0x1a,
-	0x0a, 0xbd, 0xb3, 0xff, 0x1f,
-	0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x00, 0x00, 0x1c, 0xff, 0x1f,
-	/* ch = '2' */
-	0x00, 0x1b, 0x9e, 0xcf, 0x66, 0x08, 0x00,
-	0x11, 0xe5, 0x37, 0x1a, 0xb1, 0x97, 0x00,
-	0x00, 0x0f, 0x00, 0x00, 0x2c, 0xff, 0x04,
-	0x00, 0x00, 0x00, 0x00, 0x3f, 0xdb, 0x04,
-	0x00, 0x00, 0x00, 0x1f, 0xf7, 0x35, 0x00,
-	0x00, 0x00, 0x1f, 0xef, 0x48, 0x00, 0x00,
-	0x00, 0x17, 0xdb, 0x3f, 0x00, 0x00, 0x00,
-	0x00, 0xa0, 0x64, 0x00, 0x00, 0x00, 0x00,
-	0x2f, 0xff, 0xdd, 0xcf, 0xcf, 0xdd, 0x1f,
-	/* ch = '3' */
-	0x00, 0x28, 0x9e, 0xbd, 0x48, 0x00,
-	0x00, 0x8d, 0x2b, 0x20, 0xdb, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0x50, 0x92,
-	0x00, 0x00, 0x00, 0x13, 0xdb, 0x48,
-	0x00, 0x00, 0x95, 0xf7, 0xa4, 0x04,
-	0x00, 0x00, 0x00, 0x04, 0x82, 0x82,
-	0x00, 0x00, 0x00, 0x00, 0x32, 0xf7,
-	0x04, 0x73, 0x04, 0x00, 0x82, 0xa7,
-	0x10, 0xbb, 0xef, 0xdd, 0xd4, 0x21,
-	0x00, 0x00, 0x0c, 0x15, 0x00, 0x00,
-	/* ch = '4' */
-	0x00, 0x00, 0x00, 0x17, 0xcf, 0x1a, 0x00,
-	0x00, 0x00, 0x00, 0xa0, 0xff, 0x1f, 0x00,
-	0x00, 0x00, 0x44, 0xdb, 0xff, 0x1f, 0x00,
-	0x00, 0x17, 0xef, 0x2f, 0xff, 0x1f, 0x00,
-	0x00, 0xa0, 0x48, 0x1c, 0xff, 0x1f, 0x00,
-	0x44, 0xc6, 0x17, 0x28, 0xff, 0x2a, 0x08,
-	0x42, 0x74, 0x74, 0x87, 0xff, 0x87, 0x24,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x1f, 0x00,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x1f, 0x00,
-	/* ch = '5' */
-	0x00, 0x95, 0xcf, 0xcf, 0xcf, 0x95, 0x00,
-	0x00, 0xf7, 0x3e, 0x15, 0x15, 0x15, 0x00,
-	0x00, 0xff, 0x21, 0x00, 0x00, 0x00, 0x00,
-	0x04, 0xff, 0x7e, 0x74, 0x50, 0x04, 0x00,
-	0x1a, 0xe5, 0x37, 0x1a, 0xb1, 0xa7, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x24, 0xff, 0x1c,
-	0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x19, 0x9c, 0x08, 0x00, 0x50, 0xe5, 0x08,
-	0x04, 0x8d, 0xf7, 0xcf, 0xef, 0x2f, 0x00,
-	0x00, 0x00, 0x08, 0x15, 0x04, 0x00, 0x00,
-	/* ch = '6' */
-	0x00, 0x04, 0x50, 0xcf, 0xbd, 0x37, 0x00,
-	0x00, 0x6b, 0xb1, 0x18, 0x2e, 0x50, 0x00,
-	0x0d, 0xf7, 0x26, 0x00, 0x00, 0x00, 0x00,
-	0x2f, 0xff, 0x3a, 0x74, 0x48, 0x04, 0x00,
-	0x32, 0xff, 0x99, 0x25, 0xb1, 0x7c, 0x00,
-	0x32, 0xff, 0x08, 0x00, 0x24, 0xff, 0x10,
-	0x2a, 0xff, 0x08, 0x00, 0x1c, 0xff, 0x1f,
-	0x04, 0xe5, 0x4c, 0x00, 0x3f, 0xdb, 0x04,
-	0x00, 0x2c, 0xef, 0xd4, 0xef, 0x28, 0x00,
-	0x00, 0x00, 0x00, 0x15, 0x08, 0x00, 0x00,
-	/* ch = '7' */
-	0x1a, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x00,
-	0x04, 0x15, 0x15, 0x15, 0x82, 0xa7, 0x04,
-	0x00, 0x00, 0x00, 0x0d, 0xf7, 0x35, 0x00,
-	0x00, 0x00, 0x00, 0x48, 0xe5, 0x08, 0x00,
-	0x00, 0x00, 0x00, 0xb7, 0x5f, 0x00, 0x00,
-	0x00, 0x00, 0x22, 0xff, 0x1f, 0x00, 0x00,
-	0x00, 0x00, 0x5f, 0xb7, 0x04, 0x00, 0x00,
-	0x00, 0x00, 0xe5, 0x54, 0x00, 0x00, 0x00,
-	0x00, 0x2c, 0xff, 0x1f, 0x00, 0x00, 0x00,
-	/* ch = '8' */
-	0x00, 0x19, 0x9e, 0xcf, 0x7f, 0x10, 0x00,
-	0x00, 0xc8, 0x59, 0x08, 0x90, 0x90, 0x00,
-	0x00, 0xff, 0x26, 0x00, 0x48, 0xbd, 0x00,
-	0x00, 0x77, 0xc8, 0x20, 0xdb, 0x48, 0x00,
-	0x00, 0x1b, 0xec, 0xef, 0xb5, 0x08, 0x00,
-	0x10, 0xef, 0x35, 0x04, 0x8a, 0xb7, 0x00,
-	0x4d, 0xbd, 0x04, 0x00, 0x1f, 0xff, 0x1c,
-	0x39, 0xff, 0x1a, 0x00, 0x3f, 0xf7, 0x10,
-	0x00, 0x66, 0xff, 0xcf, 0xef, 0x2f, 0x00,
-	0x00, 0x00, 0x08, 0x15, 0x04, 0x00, 0x00,
-	/* ch = '9' */
-	0x00, 0x19, 0x9e, 0xcf, 0x50, 0x04, 0x00,
-	0x04, 0xdb, 0x54, 0x1a, 0xb7, 0x5f, 0x00,
-	0x2f, 0xff, 0x08, 0x00, 0x35, 0xec, 0x00,
-	0x32, 0xff, 0x00, 0x00, 0x1c, 0xff, 0x10,
-	0x0d, 0xf7, 0x46, 0x08, 0x8a, 0xff, 0x1f,
-	0x00, 0x26, 0xab, 0xcf, 0x70, 0xff, 0x10,
-	0x00, 0x00, 0x00, 0x00, 0x3b, 0xe5, 0x04,
-	0x00, 0x22, 0x00, 0x04, 0xb1, 0x64, 0x00,
-	0x09, 0xcb, 0xe5, 0xe5, 0x94, 0x08, 0x00,
-	0x00, 0x00, 0x12, 0x0f, 0x00, 0x00, 0x00,
-	/* ch = ':' */
-	0x73, 0xdb, 0x0d,
-	0x3d, 0x67, 0x08,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x21, 0x30, 0x00,
-	0xa0, 0xff, 0x17,
-	0x08, 0x12, 0x00,
-	/* ch = ';' */
-	0x73, 0xdb, 0x0d,
-	0x3d, 0x67, 0x08,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x21, 0x2a, 0x00,
-	0x99, 0xff, 0x24,
-	0x1f, 0xff, 0x17,
-	0x7c, 0x54, 0x00,
-	0x22, 0x04, 0x00,
-	/* ch = '<' */
-	0x00, 0x00, 0x13, 0x7f, 0x37,
-	0x0c, 0x73, 0xef, 0x5a, 0x0c,
-	0xef, 0x5a, 0x0c, 0x00, 0x00,
-	0x0f, 0x00, 0x00, 0x00, 0x00,
-	0xef, 0x37, 0x00, 0x00, 0x00,
-	0x1b, 0xbb, 0xc4, 0x1e, 0x00,
-	0x00, 0x00, 0x37, 0xef, 0x4d,
-	0x00, 0x00, 0x00, 0x08, 0x21,
-	/* ch = '=' */
-	0x0f, 0x15, 0x15, 0x15, 0x15, 0x15, 0x08,
-	0x67, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x2f,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x0f, 0x15, 0x15, 0x15, 0x15, 0x15, 0x08,
-	0x42, 0x74, 0x74, 0x74, 0x74, 0x74, 0x24,
-	/* ch = '>' */
-	0x7c, 0x48, 0x04, 0x00, 0x00,
-	0x1b, 0x8d, 0xef, 0x37, 0x04,
-	0x00, 0x00, 0x1b, 0x94, 0xdb,
-	0x00, 0x00, 0x00, 0x00, 0x27,
-	0x00, 0x00, 0x08, 0x73, 0xe5,
-	0x04, 0x37, 0xef, 0x73, 0x0c,
-	0xa9, 0xbb, 0x1e, 0x00, 0x00,
-	0x22, 0x04, 0x00, 0x00, 0x00,
-	/* ch = '?' */
-	0x00, 0x00, 0x12, 0x2a, 0x0f, 0x00,
-	0x04, 0xa9, 0xe5, 0x8f, 0xff, 0x50,
-	0x19, 0x8d, 0x08, 0x00, 0x50, 0xff,
-	0x00, 0x00, 0x00, 0x00, 0x48, 0xff,
-	0x00, 0x00, 0x00, 0x10, 0xdb, 0x7c,
-	0x00, 0x00, 0x00, 0xb1, 0x7c, 0x04,
-	0x00, 0x00, 0x1c, 0xff, 0x1f, 0x00,
-	0x00, 0x00, 0x0d, 0x36, 0x10, 0x00,
-	0x00, 0x00, 0x10, 0x36, 0x08, 0x00,
-	0x00, 0x00, 0x4d, 0xff, 0x48, 0x00,
-	0x00, 0x00, 0x00, 0x15, 0x04, 0x00,
-	/* ch = '@' */
-	0x00, 0x13, 0x7f, 0xcf, 0xab, 0x21, 0x00,
-	0x10, 0xdb, 0x37, 0x00, 0x28, 0xff, 0x10,
-	0x5a, 0x75, 0x00, 0x04, 0x15, 0x9e, 0x48,
-	0xb1, 0x37, 0x2c, 0xe5, 0x82, 0xa5, 0x54,
-	0xb7, 0x2e, 0xb1, 0x3f, 0x00, 0x7c, 0x54,
-	0xb7, 0x35, 0x99, 0x82, 0x20, 0xe5, 0x54,
-	0x6b, 0x75, 0x10, 0x67, 0x74, 0x5b, 0x32,
-	0x1c, 0xf7, 0x28, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x26, 0xd4, 0xb3, 0xab, 0xd4, 0x0a,
-	0x00, 0x00, 0x00, 0x12, 0x12, 0x00, 0x00,
-	/* ch = 'A' */
-	0x00, 0x00, 0x1c, 0x51, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x5a, 0xec, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0xc8, 0xff, 0x2f, 0x00, 0x00,
-	0x00, 0x22, 0xe5, 0x68, 0x90, 0x00, 0x00,
-	0x00, 0x5f, 0x70, 0x22, 0xff, 0x0d, 0x00,
-	0x00, 0xcf, 0x67, 0x36, 0xd9, 0x4c, 0x00,
-	0x2a, 0xf7, 0x36, 0x36, 0x7b, 0xaf, 0x00,
-	0x6b, 0x82, 0x00, 0x00, 0x17, 0xff, 0x24,
-	0xe5, 0x35, 0x00, 0x00, 0x00, 0xa7, 0x68,
-	/* ch = 'B' */
-	0x67, 0xcf, 0xcf, 0xab, 0x5b, 0x08, 0x00,
-	0x7c, 0x88, 0x15, 0x1a, 0xa0, 0xa7, 0x00,
-	0x7c, 0x82, 0x00, 0x00, 0x32, 0xff, 0x04,
-	0x7c, 0x8f, 0x15, 0x1a, 0xa0, 0x7c, 0x04,
-	0x7c, 0xef, 0xcf, 0xcf, 0xec, 0x2b, 0x00,
-	0x7c, 0x82, 0x00, 0x00, 0x32, 0xff, 0x17,
-	0x7c, 0x82, 0x00, 0x00, 0x00, 0xff, 0x35,
-	0x7c, 0x82, 0x00, 0x00, 0x37, 0xff, 0x24,
-	0x7c, 0xf7, 0xcf, 0xdd, 0xdd, 0x37, 0x00,
-	/* ch = 'C' */
-	0x00, 0x10, 0x66, 0xcf, 0xab, 0x26, 0x00,
-	0x04, 0xb1, 0x77, 0x0c, 0x28, 0xf7, 0x32,
-	0x40, 0xcf, 0x08, 0x00, 0x00, 0x28, 0x08,
-	0x77, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xa0, 0x54, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0x70, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x17, 0xf7, 0x3a, 0x00, 0x08, 0x8d, 0x22,
-	0x00, 0x2c, 0xef, 0xdd, 0xef, 0x7e, 0x08,
-	0x00, 0x00, 0x00, 0x15, 0x08, 0x00, 0x00,
-	/* ch = 'D' */
-	0x67, 0xcf, 0xcf, 0x82, 0x37, 0x00, 0x00,
-	0x7c, 0x88, 0x15, 0x2b, 0xdb, 0x70, 0x00,
-	0x7c, 0x82, 0x00, 0x00, 0x2c, 0xff, 0x17,
-	0x7c, 0x82, 0x00, 0x00, 0x04, 0xff, 0x35,
-	0x7c, 0x82, 0x00, 0x00, 0x00, 0xbd, 0x48,
-	0x7c, 0x82, 0x00, 0x00, 0x00, 0xe5, 0x37,
-	0x7c, 0x82, 0x00, 0x00, 0x17, 0xff, 0x1f,
-	0x7c, 0x82, 0x00, 0x04, 0xa0, 0x90, 0x04,
-	0x7c, 0xf7, 0xcf, 0xe5, 0x8d, 0x0c, 0x00,
-	/* ch = 'E' */
-	0x45, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x1a,
-	0x50, 0xbd, 0x15, 0x15, 0x15, 0x15, 0x08,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xf7, 0xcf, 0xcf, 0xcf, 0x2f, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0xcf, 0xcf, 0xcf, 0xcf, 0x1a,
-	/* ch = 'F' */
-	0x1a, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x1a,
-	0x1c, 0xff, 0x15, 0x15, 0x15, 0x15, 0x08,
-	0x1c, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x17, 0x15, 0x15, 0x08, 0x00,
-	0x1c, 0xff, 0xcf, 0xcf, 0xcf, 0x2f, 0x00,
-	0x1c, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'G' */
-	0x00, 0x10, 0x73, 0xcf, 0xab, 0x28, 0x00,
-	0x0d, 0xdb, 0x77, 0x12, 0x31, 0xf7, 0x27,
-	0x48, 0xa7, 0x04, 0x00, 0x00, 0x22, 0x04,
-	0x90, 0x59, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xb7, 0x54, 0x00, 0x08, 0x15, 0x15, 0x0c,
-	0xb1, 0x59, 0x00, 0x22, 0x74, 0xe5, 0x54,
-	0x6b, 0xa7, 0x00, 0x00, 0x00, 0xb7, 0x54,
-	0x1c, 0xff, 0x37, 0x00, 0x00, 0xbd, 0x54,
-	0x00, 0x2f, 0xef, 0xdd, 0xe5, 0xb3, 0x1b,
-	0x00, 0x00, 0x00, 0x12, 0x08, 0x00, 0x00,
-	/* ch = 'H' */
-	0x45, 0x95, 0x00, 0x00, 0x1a, 0xcf, 0x1f,
-	0x50, 0xbd, 0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x50, 0xbd, 0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x50, 0xbd, 0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x50, 0xf7, 0xcf, 0xcf, 0xd4, 0xff, 0x1f,
-	0x50, 0xbd, 0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x50, 0xbd, 0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x50, 0xbd, 0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x50, 0xbd, 0x00, 0x00, 0x1c, 0xff, 0x1f,
-	/* ch = 'I' */
-	0x1a, 0xcf, 0xcf, 0xcf, 0xcf, 0x45,
-	0x00, 0x00, 0x50, 0xbd, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xbd, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xbd, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xbd, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xbd, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xbd, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xbd, 0x00, 0x00,
-	0x1a, 0xcf, 0xe5, 0xff, 0xcf, 0x67,
-	/* ch = 'J' */
-	0x00, 0x00, 0xcf, 0xcf, 0xcf, 0xcf,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x04,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x04,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x04,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x04,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x04,
-	0x00, 0x00, 0x00, 0x2f, 0xff, 0x04,
-	0x17, 0x2c, 0x00, 0x48, 0xc8, 0x04,
-	0x2c, 0xef, 0xd4, 0xf7, 0x2f, 0x00,
-	0x00, 0x04, 0x15, 0x08, 0x00, 0x00,
-	/* ch = 'K' */
-	0x67, 0x73, 0x00, 0x00, 0x32, 0xc6, 0x17,
-	0x7c, 0x82, 0x00, 0x1f, 0xf7, 0x35, 0x00,
-	0x7c, 0x82, 0x1f, 0xef, 0x48, 0x00, 0x00,
-	0x7c, 0x9e, 0xdb, 0x54, 0x00, 0x00, 0x00,
-	0x7c, 0xff, 0xf7, 0x37, 0x00, 0x00, 0x00,
-	0x7c, 0x88, 0x44, 0xff, 0x17, 0x00, 0x00,
-	0x7c, 0x82, 0x00, 0x90, 0xb7, 0x04, 0x00,
-	0x7c, 0x82, 0x00, 0x10, 0xe5, 0x54, 0x00,
-	0x7c, 0x82, 0x00, 0x00, 0x35, 0xff, 0x26,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x0f,
-	/* ch = 'L' */
-	0x2d, 0xcf, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0xd4, 0xcf, 0xcf, 0xcf, 0x1a,
-	/* ch = 'M' */
-	0x95, 0x40, 0x00, 0x00, 0x00, 0x8d, 0x45,
-	0xb7, 0xec, 0x04, 0x00, 0x2a, 0xff, 0x54,
-	0xb7, 0xff, 0x4c, 0x00, 0xa0, 0xff, 0x54,
-	0xb7, 0xb7, 0xec, 0x2f, 0xdb, 0xbd, 0x54,
-	0xb7, 0x54, 0xa7, 0xff, 0x3f, 0xb7, 0x54,
-	0xb7, 0x54, 0x2c, 0xb7, 0x04, 0xb7, 0x54,
-	0xb7, 0x54, 0x00, 0x00, 0x00, 0xb7, 0x54,
-	0xb7, 0x54, 0x00, 0x00, 0x00, 0xb7, 0x54,
-	0xb7, 0x54, 0x00, 0x00, 0x00, 0xb7, 0x54,
-	/* ch = 'N' */
-	0x67, 0x8d, 0x00, 0x00, 0x00, 0xcf, 0x2d,
-	0x7c, 0xff, 0x35, 0x00, 0x00, 0xff, 0x35,
-	0x7c, 0xff, 0xcf, 0x04, 0x00, 0xff, 0x35,
-	0x7c, 0x88, 0xdb, 0x54, 0x00, 0xff, 0x35,
-	0x7c, 0x82, 0x3b, 0xff, 0x10, 0xff, 0x35,
-	0x7c, 0x82, 0x00, 0xb7, 0x70, 0xff, 0x35,
-	0x7c, 0x82, 0x00, 0x2a, 0xff, 0xff, 0x35,
-	0x7c, 0x82, 0x00, 0x00, 0x7c, 0xff, 0x35,
-	0x7c, 0x82, 0x00, 0x00, 0x17, 0xf7, 0x35,
-	/* ch = 'O' */
-	0x00, 0x1b, 0x9e, 0xcf, 0x7f, 0x10, 0x00,
-	0x1c, 0xf7, 0x48, 0x1a, 0x99, 0xb7, 0x04,
-	0x6b, 0x90, 0x04, 0x00, 0x10, 0xff, 0x2f,
-	0xb7, 0x50, 0x00, 0x00, 0x00, 0xb7, 0x54,
-	0xc8, 0x35, 0x00, 0x00, 0x00, 0x7c, 0x7c,
-	0xb7, 0x50, 0x00, 0x00, 0x00, 0x90, 0x59,
-	0x7c, 0x82, 0x00, 0x00, 0x00, 0xe5, 0x3f,
-	0x2a, 0xff, 0x24, 0x00, 0x50, 0xe5, 0x10,
-	0x00, 0x44, 0xf7, 0xef, 0xe5, 0x28, 0x00,
-	0x00, 0x00, 0x04, 0x15, 0x00, 0x00, 0x00,
-	/* ch = 'P' */
-	0x45, 0xcf, 0xcf, 0xcf, 0x74, 0x19, 0x00,
-	0x50, 0xbd, 0x15, 0x15, 0x77, 0xff, 0x0d,
-	0x50, 0xbd, 0x00, 0x00, 0x04, 0xff, 0x35,
-	0x50, 0xbd, 0x00, 0x00, 0x1f, 0xff, 0x2c,
-	0x50, 0xff, 0xcf, 0xcf, 0xef, 0x66, 0x04,
-	0x50, 0xbd, 0x15, 0x15, 0x0c, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'Q' */
-	0x00, 0x1b, 0x9e, 0xcf, 0x7f, 0x10, 0x00,
-	0x1c, 0xf7, 0x3f, 0x15, 0x8a, 0xb7, 0x04,
-	0x6b, 0x90, 0x00, 0x00, 0x0d, 0xf7, 0x2f,
-	0xb7, 0x48, 0x00, 0x00, 0x00, 0xa0, 0x54,
-	0xc8, 0x35, 0x00, 0x00, 0x00, 0x7c, 0x7c,
-	0xb7, 0x48, 0x00, 0x00, 0x00, 0x82, 0x59,
-	0x7c, 0x82, 0x00, 0x00, 0x00, 0xcf, 0x3f,
-	0x2a, 0xff, 0x21, 0x00, 0x37, 0xf7, 0x10,
-	0x00, 0x44, 0xf7, 0xdd, 0xef, 0x2f, 0x00,
-	0x00, 0x00, 0x1a, 0xff, 0x13, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x85, 0xf7, 0xe5, 0x1f,
-	/* ch = 'R' */
-	0x45, 0xcf, 0xcf, 0xbd, 0x67, 0x13, 0x00,
-	0x50, 0xbd, 0x15, 0x1a, 0x8a, 0xe5, 0x04,
-	0x50, 0xbd, 0x00, 0x00, 0x1c, 0xff, 0x24,
-	0x50, 0xbd, 0x00, 0x00, 0x2c, 0xff, 0x17,
-	0x50, 0xff, 0xcf, 0xcf, 0xf7, 0x50, 0x00,
-	0x50, 0xbd, 0x15, 0x90, 0x82, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x22, 0xff, 0x24, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x8a, 0x97, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x1c, 0xff, 0x26,
-	/* ch = 'S' */
-	0x00, 0x1b, 0x8f, 0xcf, 0x8f, 0x1b, 0x00,
-	0x0d, 0xf7, 0x43, 0x0c, 0x3f, 0xdb, 0x09,
-	0x32, 0xff, 0x10, 0x00, 0x00, 0x0f, 0x00,
-	0x0d, 0xdb, 0x90, 0x0c, 0x00, 0x00, 0x00,
-	0x00, 0x13, 0x7f, 0xff, 0x94, 0x13, 0x00,
-	0x00, 0x00, 0x00, 0x0c, 0x77, 0xe5, 0x0d,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x35,
-	0x32, 0x75, 0x04, 0x00, 0x26, 0xff, 0x24,
-	0x1b, 0xbb, 0xf7, 0xcf, 0xf7, 0x48, 0x00,
-	0x00, 0x00, 0x08, 0x15, 0x04, 0x00, 0x00,
-	/* ch = 'T' */
-	0x95, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x45,
-	0x12, 0x15, 0x5e, 0xbd, 0x15, 0x15, 0x0f,
-	0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00,
-	/* ch = 'U' */
-	0x67, 0x73, 0x00, 0x00, 0x00, 0x95, 0x2d,
-	0x7c, 0x82, 0x00, 0x00, 0x00, 0xb7, 0x35,
-	0x7c, 0x82, 0x00, 0x00, 0x00, 0xb7, 0x35,
-	0x7c, 0x82, 0x00, 0x00, 0x00, 0xb7, 0x35,
-	0x7c, 0x82, 0x00, 0x00, 0x00, 0xb7, 0x35,
-	0x7c, 0x82, 0x00, 0x00, 0x00, 0xb7, 0x35,
-	0x7c, 0x82, 0x00, 0x00, 0x00, 0xf7, 0x35,
-	0x40, 0xec, 0x10, 0x00, 0x2c, 0xff, 0x1a,
-	0x00, 0x73, 0xf7, 0xcf, 0xe5, 0x3f, 0x00,
-	0x00, 0x00, 0x08, 0x15, 0x04, 0x00, 0x00,
-	/* ch = 'V' */
-	0xa4, 0x40, 0x00, 0x00, 0x00, 0x6c, 0x58,
-	0x5f, 0xaf, 0x00, 0x00, 0x04, 0xf7, 0x2f,
-	0x24, 0xff, 0x1a, 0x00, 0x2c, 0xe5, 0x08,
-	0x00, 0xcf, 0x4c, 0x00, 0x70, 0x75, 0x00,
-	0x00, 0x5a, 0xaf, 0x00, 0xe5, 0x2f, 0x00,
-	0x00, 0x22, 0xff, 0x40, 0xe5, 0x08, 0x00,
-	0x00, 0x00, 0xc8, 0xec, 0x75, 0x00, 0x00,
-	0x00, 0x00, 0x5a, 0xff, 0x2f, 0x00, 0x00,
-	0x00, 0x00, 0x22, 0xe5, 0x08, 0x00, 0x00,
-	/* ch = 'W' */
-	0xcf, 0x1a, 0x00, 0x00, 0x00, 0x2d, 0x8f,
-	0xcf, 0x35, 0x04, 0xe5, 0x00, 0x50, 0x7c,
-	0x90, 0x54, 0x2a, 0xff, 0x26, 0x77, 0x50,
-	0x5f, 0x82, 0x5f, 0xff, 0x54, 0xa0, 0x35,
-	0x44, 0xbd, 0xa0, 0x82, 0xa7, 0xcf, 0x1f,
-	0x2a, 0xff, 0xf7, 0x24, 0xff, 0xff, 0x04,
-	0x14, 0xff, 0x97, 0x00, 0xe5, 0xbd, 0x00,
-	0x00, 0xe5, 0x48, 0x00, 0x7c, 0x88, 0x00,
-	0x00, 0xa0, 0x21, 0x00, 0x3b, 0x59, 0x00,
-	/* ch = 'X' */
-	0x53, 0x8d, 0x00, 0x00, 0x1c, 0xcf, 0x17,
-	0x10, 0xf7, 0x35, 0x00, 0x90, 0x75, 0x00,
-	0x00, 0x50, 0xcf, 0x26, 0xff, 0x1a, 0x00,
-	0x00, 0x04, 0xdb, 0xf7, 0x70, 0x00, 0x00,
-	0x00, 0x00, 0x4a, 0xff, 0x24, 0x00, 0x00,
-	0x00, 0x04, 0xc8, 0xff, 0x70, 0x00, 0x00,
-	0x00, 0x44, 0xe5, 0x35, 0xff, 0x1f, 0x00,
-	0x04, 0xdb, 0x48, 0x00, 0x90, 0x97, 0x00,
-	0x54, 0xc8, 0x08, 0x00, 0x1c, 0xff, 0x2c,
-	/* ch = 'Y' */
-	0x8f, 0x60, 0x00, 0x00, 0x00, 0xab, 0x4a,
-	0x2c, 0xff, 0x1a, 0x00, 0x2c, 0xf7, 0x10,
-	0x00, 0xa7, 0x75, 0x00, 0xa7, 0x64, 0x00,
-	0x00, 0x2c, 0xff, 0x35, 0xff, 0x1a, 0x00,
-	0x00, 0x00, 0xa7, 0xff, 0x75, 0x00, 0x00,
-	0x00, 0x00, 0x35, 0xff, 0x26, 0x00, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x1f, 0x00, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x1f, 0x00, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x1f, 0x00, 0x00,
-	/* ch = 'Z' */
-	0x45, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x2a,
-	0x0c, 0x15, 0x15, 0x15, 0x58, 0xdb, 0x08,
-	0x00, 0x00, 0x00, 0x10, 0xf7, 0x32, 0x00,
-	0x00, 0x00, 0x00, 0x82, 0x90, 0x04, 0x00,
-	0x00, 0x00, 0x2a, 0xf7, 0x1a, 0x00, 0x00,
-	0x00, 0x04, 0xc8, 0x59, 0x00, 0x00, 0x00,
-	0x00, 0x54, 0xdb, 0x08, 0x00, 0x00, 0x00,
-	0x17, 0xf7, 0x32, 0x00, 0x00, 0x00, 0x00,
-	0x77, 0xff, 0xd4, 0xcf, 0xcf, 0xd4, 0x54,
-	/* ch = '[' */
-	0x1e, 0x36, 0x36, 0x36, 0x2d,
-	0x50, 0xa5, 0x36, 0x36, 0x30,
-	0x50, 0x82, 0x00, 0x00, 0x00,
-	0x50, 0x82, 0x00, 0x00, 0x00,
-	0x50, 0x82, 0x00, 0x00, 0x00,
-	0x50, 0x82, 0x00, 0x00, 0x00,
-	0x50, 0x82, 0x00, 0x00, 0x00,
-	0x50, 0x82, 0x00, 0x00, 0x00,
-	0x50, 0x82, 0x00, 0x00, 0x00,
-	0x50, 0x82, 0x00, 0x00, 0x00,
-	0x50, 0xd1, 0x74, 0x74, 0x58,
-	0x0c, 0x15, 0x15, 0x15, 0x15,
-	/* ch = '\' */
-	0x00, 0x22, 0x00,
-	0x2a, 0xff, 0x17,
-	0x00, 0xa7, 0x5f,
-	0x00, 0x32, 0xff,
-	0x00, 0x00, 0xc8,
-	0x00, 0x00, 0x3b,
-	0x00, 0x00, 0x04,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	/* ch = ']' */
-	0x0d, 0x36, 0x36, 0x36, 0x36, 0x0d,
-	0x0d, 0x36, 0x36, 0x36, 0xff, 0x1f,
-	0x00, 0x00, 0x00, 0x00, 0xff, 0x1f,
-	0x00, 0x00, 0x00, 0x00, 0xff, 0x1f,
-	0x00, 0x00, 0x00, 0x00, 0xff, 0x1f,
-	0x00, 0x00, 0x00, 0x00, 0xff, 0x1f,
-	0x00, 0x00, 0x00, 0x00, 0xff, 0x1f,
-	0x00, 0x00, 0x00, 0x00, 0xff, 0x1f,
-	0x00, 0x00, 0x00, 0x00, 0xff, 0x1f,
-	0x00, 0x00, 0x00, 0x00, 0xff, 0x1f,
-	0x14, 0x74, 0x74, 0x74, 0xff, 0x1f,
-	0x04, 0x15, 0x15, 0x15, 0x15, 0x08,
-	/* ch = '^' */
-	0x00, 0x10, 0x9c, 0x00, 0x00,
-	0x00, 0x6b, 0xff, 0x3f, 0x00,
-	0x24, 0xf7, 0x4a, 0xe5, 0x04,
-	0xb1, 0x48, 0x00, 0xb7, 0x48,
-	0x0c, 0x04, 0x00, 0x0c, 0x08,
-	/* ch = '_' */
-	0x95, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x45,
-	0x12, 0x15, 0x15, 0x15, 0x15, 0x15, 0x0f,
-	/* ch = '`' */
-	0x08, 0x22, 0x00,
-	0x22, 0xff, 0x0d,
-	0x00, 0xa7, 0x90,
-	0x00, 0x2f, 0xef,
-	/* ch = 'a' */
-	0x00, 0x0c, 0x3e, 0x74, 0x30, 0x04, 0x00,
-	0x00, 0xcb, 0x5a, 0x36, 0xa0, 0xa7, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x24, 0xff, 0x04,
-	0x00, 0x28, 0x82, 0xcf, 0xd4, 0xff, 0x1f,
-	0x36, 0xe5, 0x20, 0x00, 0x1c, 0xff, 0x1f,
-	0x77, 0x9e, 0x00, 0x00, 0x59, 0xff, 0x1f,
-	0x1f, 0xef, 0xab, 0xb3, 0xbb, 0xff, 0x1f,
-	0x00, 0x00, 0x15, 0x0f, 0x00, 0x00, 0x00,
-	/* ch = 'b' */
-	0x1e, 0x33, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbd, 0x22, 0x67, 0x3f, 0x04, 0x00,
-	0x50, 0xff, 0x94, 0x3e, 0xdb, 0xa7, 0x00,
-	0x50, 0xf7, 0x08, 0x00, 0x26, 0xff, 0x26,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0xff, 0x35,
-	0x50, 0xbd, 0x00, 0x00, 0x04, 0xff, 0x35,
-	0x50, 0xff, 0x1c, 0x00, 0x3f, 0xf7, 0x10,
-	0x50, 0xb1, 0xef, 0xd4, 0xf7, 0x35, 0x00,
-	0x00, 0x00, 0x00, 0x15, 0x08, 0x00, 0x00,
-	/* ch = 'c' */
-	0x00, 0x00, 0x25, 0x5b, 0x3e, 0x13, 0x00,
-	0x00, 0x7c, 0xc4, 0x3e, 0x5a, 0xff, 0x1a,
-	0x2c, 0xff, 0x1a, 0x00, 0x00, 0x22, 0x04,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x4d, 0xec, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x17, 0xf7, 0x54, 0x00, 0x04, 0x40, 0x04,
-	0x00, 0x2c, 0xef, 0xe5, 0xe5, 0x94, 0x13,
-	0x00, 0x00, 0x00, 0x15, 0x0f, 0x00, 0x00,
-	/* ch = 'd' */
-	0x00, 0x00, 0x00, 0x00, 0x0d, 0x36, 0x13,
-	0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x00, 0x13, 0x50, 0x67, 0x31, 0xff, 0x1f,
-	0x10, 0xdb, 0x6a, 0x31, 0xdb, 0xff, 0x1f,
-	0x5a, 0xa7, 0x04, 0x00, 0x3b, 0xff, 0x1f,
-	0x7c, 0x82, 0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x77, 0x88, 0x00, 0x00, 0x24, 0xff, 0x1f,
-	0x39, 0xff, 0x1a, 0x00, 0x6f, 0xff, 0x1f,
-	0x00, 0x84, 0xff, 0xdd, 0xa9, 0xff, 0x1f,
-	0x00, 0x00, 0x0c, 0x0f, 0x00, 0x00, 0x00,
-	/* ch = 'e' */
-	0x00, 0x08, 0x3f, 0x74, 0x37, 0x04, 0x00,
-	0x04, 0xd4, 0x77, 0x25, 0xb1, 0x7c, 0x00,
-	0x44, 0xc8, 0x04, 0x00, 0x1f, 0xff, 0x17,
-	0x7c, 0xf7, 0xcf, 0xcf, 0xd4, 0xff, 0x1f,
-	0x6b, 0x97, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x2c, 0xff, 0x1f, 0x00, 0x04, 0x22, 0x00,
-	0x00, 0x5a, 0xf7, 0xab, 0xe5, 0x66, 0x04,
-	0x00, 0x00, 0x04, 0x15, 0x0c, 0x00, 0x00,
-	/* ch = 'f' */
-	0x00, 0x00, 0x00, 0x18, 0x36, 0x25,
-	0x00, 0x00, 0x50, 0xdb, 0x3e, 0xbb,
-	0x00, 0x00, 0xf7, 0x37, 0x00, 0x0d,
-	0x00, 0x00, 0xff, 0x1f, 0x00, 0x00,
-	0x45, 0xcf, 0xff, 0xd4, 0xcf, 0x2f,
-	0x00, 0x00, 0xff, 0x1f, 0x00, 0x00,
-	0x00, 0x00, 0xff, 0x1f, 0x00, 0x00,
-	0x00, 0x00, 0xff, 0x1f, 0x00, 0x00,
-	0x00, 0x00, 0xff, 0x1f, 0x00, 0x00,
-	0x00, 0x00, 0xff, 0x1f, 0x00, 0x00,
-	/* ch = 'g' */
-	0x00, 0x19, 0x67, 0x67, 0x25, 0x50, 0x32,
-	0x1c, 0xf7, 0x3f, 0x3f, 0xff, 0x45, 0x12,
-	0x4d, 0xbd, 0x00, 0x00, 0xb7, 0x50, 0x00,
-	0x2a, 0xff, 0x21, 0x21, 0xf7, 0x2c, 0x00,
-	0x00, 0x9e, 0xd4, 0xbd, 0x37, 0x00, 0x00,
-	0x27, 0xff, 0x1d, 0x15, 0x0f, 0x00, 0x00,
-	0x0c, 0xea, 0xbd, 0xcf, 0xdd, 0xdb, 0x0d,
-	0x8a, 0x59, 0x00, 0x00, 0x00, 0xd9, 0x35,
-	0x66, 0xe5, 0x47, 0x36, 0x85, 0xd4, 0x10,
-	0x00, 0x18, 0x36, 0x36, 0x25, 0x08, 0x00,
-	/* ch = 'h' */
-	0x16, 0x36, 0x09, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x16, 0x50, 0x50, 0x08, 0x00,
-	0x32, 0xff, 0xdb, 0x3e, 0xb1, 0xa7, 0x00,
-	0x32, 0xff, 0x21, 0x00, 0x32, 0xff, 0x04,
-	0x32, 0xff, 0x04, 0x00, 0x32, 0xff, 0x04,
-	0x32, 0xff, 0x04, 0x00, 0x32, 0xff, 0x04,
-	0x32, 0xff, 0x04, 0x00, 0x32, 0xff, 0x04,
-	0x32, 0xff, 0x04, 0x00, 0x32, 0xff, 0x04,
-	/* ch = 'i' */
-	0x00, 0x04, 0x12, 0x00, 0x00,
-	0x00, 0x49, 0xff, 0x2a, 0x00,
-	0x00, 0x04, 0x15, 0x04, 0x00,
-	0x2d, 0x36, 0x36, 0x00, 0x00,
-	0x2d, 0x62, 0xff, 0x04, 0x00,
-	0x00, 0x32, 0xff, 0x04, 0x00,
-	0x00, 0x32, 0xff, 0x04, 0x00,
-	0x00, 0x32, 0xff, 0x04, 0x00,
-	0x00, 0x32, 0xff, 0x04, 0x00,
-	0xcf, 0xdd, 0xff, 0xd4, 0x45,
-	/* ch = 'j' */
-	0x00, 0x00, 0x00, 0x00, 0x15, 0x00,
-	0x00, 0x00, 0x00, 0x2f, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x04, 0x15, 0x08,
-	0x00, 0x1e, 0x36, 0x36, 0x36, 0x0d,
-	0x00, 0x1e, 0x36, 0x4a, 0xff, 0x1f,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x0d, 0x19, 0x00, 0x2c, 0xff, 0x17,
-	0x52, 0xe5, 0x50, 0xd4, 0x77, 0x00,
-	0x00, 0x25, 0x36, 0x25, 0x04, 0x00,
-	/* ch = 'k' */
-	0x16, 0x36, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x04, 0x00, 0x19, 0x36, 0x10,
-	0x32, 0xff, 0x04, 0x21, 0xf7, 0x37, 0x00,
-	0x32, 0xff, 0x2f, 0xef, 0x2f, 0x00, 0x00,
-	0x32, 0xff, 0xff, 0xbd, 0x04, 0x00, 0x00,
-	0x32, 0xff, 0x25, 0xdb, 0x82, 0x00, 0x00,
-	0x32, 0xff, 0x04, 0x1f, 0xf7, 0x54, 0x00,
-	0x32, 0xff, 0x04, 0x00, 0x32, 0xff, 0x35,
-	/* ch = 'l' */
-	0x0d, 0x36, 0x36, 0x36, 0x00, 0x00,
-	0x14, 0x74, 0x9c, 0xff, 0x04, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x04, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x04, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x04, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x04, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x04, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x04, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x04, 0x00,
-	0x1a, 0xcf, 0xdd, 0xff, 0xd4, 0x95,
-	/* ch = 'm' */
-	0x2d, 0x30, 0x67, 0x22, 0x3f, 0x5b, 0x08,
-	0xb7, 0xb7, 0x64, 0xff, 0x54, 0xc8, 0x50,
-	0xb7, 0x54, 0x32, 0xff, 0x08, 0x7c, 0x82,
-	0xb7, 0x54, 0x32, 0xff, 0x04, 0x7c, 0x82,
-	0xb7, 0x54, 0x32, 0xff, 0x04, 0x7c, 0x82,
-	0xb7, 0x54, 0x32, 0xff, 0x04, 0x7c, 0x82,
-	0xb7, 0x54, 0x32, 0xff, 0x04, 0x7c, 0x82,
-	/* ch = 'n' */
-	0x16, 0x36, 0x13, 0x50, 0x50, 0x08, 0x00,
-	0x32, 0xff, 0xdb, 0x3e, 0xc4, 0xa7, 0x00,
-	0x32, 0xff, 0x1a, 0x00, 0x35, 0xff, 0x04,
-	0x32, 0xff, 0x04, 0x00, 0x32, 0xff, 0x04,
-	0x32, 0xff, 0x04, 0x00, 0x32, 0xff, 0x04,
-	0x32, 0xff, 0x04, 0x00, 0x32, 0xff, 0x04,
-	0x32, 0xff, 0x04, 0x00, 0x32, 0xff, 0x04,
-	/* ch = 'o' */
-	0x00, 0x04, 0x30, 0x74, 0x2a, 0x00, 0x00,
-	0x04, 0xc4, 0x99, 0x36, 0xd4, 0x82, 0x00,
-	0x50, 0xc8, 0x08, 0x00, 0x22, 0xff, 0x24,
-	0x90, 0x82, 0x00, 0x00, 0x00, 0xf7, 0x3f,
-	0x7c, 0x97, 0x00, 0x00, 0x00, 0xff, 0x37,
-	0x39, 0xff, 0x1f, 0x00, 0x35, 0xf7, 0x10,
-	0x00, 0x5a, 0xff, 0xcf, 0xef, 0x35, 0x00,
-	0x00, 0x00, 0x08, 0x15, 0x08, 0x00, 0x00,
-	/* ch = 'p' */
-	0x1e, 0x2d, 0x22, 0x5b, 0x37, 0x04, 0x00,
-	0x50, 0xff, 0x94, 0x36, 0xc4, 0xb7, 0x00,
-	0x50, 0xe5, 0x08, 0x00, 0x22, 0xff, 0x32,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0xf7, 0x54,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0xff, 0x48,
-	0x50, 0xff, 0x1c, 0x00, 0x35, 0xff, 0x1a,
-	0x50, 0xe5, 0xef, 0xcf, 0xf7, 0x48, 0x00,
-	0x50, 0xbd, 0x04, 0x15, 0x0c, 0x00, 0x00,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1e, 0x30, 0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'q' */
-	0x00, 0x0c, 0x50, 0x67, 0x28, 0x36, 0x0d,
-	0x10, 0xdb, 0x6a, 0x2a, 0xdb, 0xff, 0x1f,
-	0x5a, 0xa7, 0x04, 0x00, 0x32, 0xff, 0x1f,
-	0x7c, 0x82, 0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x7c, 0x88, 0x00, 0x00, 0x1f, 0xff, 0x1f,
-	0x39, 0xff, 0x1f, 0x00, 0x5f, 0xff, 0x1f,
-	0x00, 0x77, 0xff, 0xdd, 0xbb, 0xff, 0x1f,
-	0x00, 0x00, 0x0c, 0x0f, 0x1c, 0xff, 0x1f,
-	0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x1f,
-	0x00, 0x00, 0x00, 0x00, 0x0d, 0x36, 0x10,
-	/* ch = 'r' */
-	0x36, 0x21, 0x2a, 0x74, 0x37, 0x04,
-	0xff, 0xff, 0x99, 0x36, 0xc4, 0x24,
-	0xff, 0xb7, 0x04, 0x00, 0x0c, 0x04,
-	0xff, 0x48, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x35, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x35, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x35, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 's' */
-	0x00, 0x08, 0x3e, 0x74, 0x3e, 0x08, 0x00,
-	0x00, 0xc0, 0x7c, 0x1a, 0x77, 0xc8, 0x00,
-	0x14, 0xff, 0x4f, 0x00, 0x00, 0x22, 0x00,
-	0x00, 0x35, 0xe5, 0xef, 0x73, 0x13, 0x00,
-	0x00, 0x00, 0x00, 0x1e, 0x99, 0xe5, 0x04,
-	0x1c, 0x65, 0x04, 0x00, 0x26, 0xff, 0x17,
-	0x19, 0xbb, 0xef, 0xcf, 0xef, 0x48, 0x00,
-	0x00, 0x00, 0x08, 0x15, 0x08, 0x00, 0x00,
-	/* ch = 't' */
-	0x00, 0x00, 0x0f, 0x0f, 0x00, 0x00,
-	0x00, 0x00, 0x90, 0x70, 0x00, 0x00,
-	0x16, 0x36, 0xcf, 0x87, 0x36, 0x1e,
-	0x16, 0x36, 0xcf, 0x82, 0x36, 0x21,
-	0x00, 0x00, 0xe5, 0x37, 0x00, 0x00,
-	0x00, 0x00, 0xff, 0x35, 0x00, 0x00,
-	0x00, 0x00, 0xff, 0x35, 0x00, 0x00,
-	0x00, 0x00, 0xe5, 0x5f, 0x00, 0x22,
-	0x00, 0x00, 0x4d, 0xff, 0xe5, 0xcb,
-	0x00, 0x00, 0x00, 0x08, 0x0c, 0x00,
-	/* ch = 'u' */
-	0x1e, 0x2d, 0x00, 0x00, 0x16, 0x36, 0x0d,
-	0x50, 0xbd, 0x00, 0x00, 0x32, 0xff, 0x1f,
-	0x50, 0xbd, 0x00, 0x00, 0x32, 0xff, 0x1f,
-	0x50, 0xbd, 0x00, 0x00, 0x32, 0xff, 0x1f,
-	0x50, 0xc6, 0x00, 0x00, 0x32, 0xff, 0x1f,
-	0x2f, 0xff, 0x1a, 0x00, 0x70, 0xff, 0x1f,
-	0x00, 0x94, 0xf7, 0xd4, 0xcb, 0xff, 0x1f,
-	0x00, 0x00, 0x0f, 0x0f, 0x00, 0x00, 0x00,
-	/* ch = 'v' */
-	0x2b, 0x2b, 0x00, 0x00, 0x00, 0x30, 0x16,
-	0x44, 0xec, 0x04, 0x00, 0x0d, 0xff, 0x17,
-	0x0d, 0xf7, 0x3b, 0x00, 0x44, 0xa7, 0x04,
-	0x00, 0x70, 0x97, 0x00, 0xa7, 0x3b, 0x00,
-	0x00, 0x24, 0xff, 0x40, 0xe5, 0x08, 0x00,
-	0x00, 0x00, 0xc8, 0xff, 0x5f, 0x00, 0x00,
-	0x00, 0x00, 0x48, 0xff, 0x1a, 0x00, 0x00,
-	/* ch = 'w' */
-	0x36, 0x13, 0x00, 0x00, 0x00, 0x1e, 0x26,
-	0xe5, 0x2c, 0x1c, 0xbd, 0x00, 0x54, 0x70,
-	0x90, 0x50, 0x3b, 0xff, 0x26, 0x7c, 0x50,
-	0x54, 0x88, 0x77, 0xe5, 0x64, 0xb1, 0x32,
-	0x2f, 0xd9, 0xcf, 0x48, 0xbd, 0xe5, 0x1c,
-	0x1a, 0xff, 0xb7, 0x10, 0xff, 0xe5, 0x04,
-	0x00, 0xe5, 0x64, 0x00, 0xa0, 0xa7, 0x00,
-	/* ch = 'x' */
-	0x24, 0x30, 0x00, 0x00, 0x19, 0x33, 0x09,
-	0x10, 0xdb, 0x48, 0x04, 0xb7, 0x54, 0x00,
-	0x00, 0x2f, 0xff, 0x7c, 0xb1, 0x08, 0x00,
-	0x00, 0x00, 0x70, 0xff, 0x24, 0x00, 0x00,
-	0x00, 0x04, 0xdb, 0xf7, 0x70, 0x00, 0x00,
-	0x00, 0x77, 0xb1, 0x21, 0xf7, 0x35, 0x00,
-	0x32, 0xf7, 0x1f, 0x00, 0x4d, 0xe5, 0x10,
-	/* ch = 'y' */
-	0x24, 0x2d, 0x00, 0x00, 0x00, 0x36, 0x1c,
-	0x2c, 0xff, 0x0d, 0x00, 0x14, 0xff, 0x1f,
-	0x04, 0xe5, 0x4c, 0x00, 0x48, 0xb7, 0x04,
-	0x00, 0x5a, 0xcf, 0x00, 0xa7, 0x4c, 0x00,
-	0x00, 0x17, 0xff, 0x3f, 0xff, 0x10, 0x00,
-	0x00, 0x00, 0x8a, 0xff, 0x90, 0x00, 0x00,
-	0x00, 0x00, 0x2c, 0xff, 0x2f, 0x00, 0x00,
-	0x00, 0x00, 0x32, 0xe5, 0x08, 0x00, 0x00,
-	0xa0, 0x54, 0xdb, 0x50, 0x00, 0x00, 0x00,
-	0x1e, 0x36, 0x25, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'z' */
-	0x16, 0x36, 0x36, 0x36, 0x36, 0x36, 0x00,
-	0x16, 0x36, 0x36, 0x36, 0xc4, 0xb1, 0x04,
-	0x00, 0x00, 0x00, 0x50, 0xdb, 0x13, 0x00,
-	0x00, 0x00, 0x32, 0xf7, 0x21, 0x00, 0x00,
-	0x00, 0x1f, 0xf7, 0x35, 0x00, 0x00, 0x00,
-	0x10, 0xdb, 0x64, 0x00, 0x00, 0x00, 0x00,
-	0x77, 0xff, 0xdd, 0xcf, 0xcf, 0xdd, 0x35,
-	/* ch = '{' */
-	0x1f, 0xbd, 0xd4, 0x6c,
-	0xc8, 0x4f, 0x00, 0x00,
-	0xff, 0x35, 0x00, 0x00,
-	0xff, 0x35, 0x00, 0x00,
-	0xf7, 0x10, 0x00, 0x00,
-	0x36, 0x00, 0x00, 0x00,
-	0xff, 0x14, 0x00, 0x00,
-	0xff, 0x2a, 0x00, 0x00,
-	0xff, 0x1f, 0x00, 0x00,
-	0xff, 0x35, 0x00, 0x00,
-	0x73, 0xf7, 0x74, 0x42,
-	0x00, 0x0f, 0x15, 0x12,
-	/* ch = '|' */
-	0x08, 0x15, 0x00,
-	0x32, 0xff, 0x04,
-	0x32, 0xff, 0x04,
-	0x32, 0xff, 0x04,
-	0x32, 0xff, 0x04,
-	0x32, 0xff, 0x04,
-	0x32, 0xff, 0x04,
-	0x32, 0xff, 0x04,
-	0x32, 0xff, 0x04,
-	0x32, 0xff, 0x04,
-	0x32, 0xff, 0x04,
-	0x32, 0xff, 0x04,
-	0x08, 0x15, 0x04,
-	/* ch = '}' */
-	0xcf, 0xdd, 0x8d, 0x0d,
-	0x00, 0x04, 0xa7, 0x5f,
-	0x00, 0x00, 0x7c, 0x82,
-	0x00, 0x00, 0x77, 0x82,
-	0x00, 0x00, 0x39, 0xcf,
-	0x00, 0x00, 0x00, 0x7f,
-	0x00, 0x00, 0x40, 0xcf,
-	0x00, 0x00, 0x5a, 0x82,
-	0x00, 0x00, 0x50, 0xbd,
-	0x00, 0x00, 0x7c, 0x88,
-	0x74, 0x8f, 0xf7, 0x32,
-	0x15, 0x15, 0x0c, 0x00,
-	/* ch = '~' */
-	0x00, 0x2a, 0x50, 0x1b, 0x00, 0x19, 0x10,
-	0x5b, 0xc4, 0x4f, 0xf7, 0x73, 0xdb, 0x35,
-	0x04, 0x0c, 0x00, 0x1b, 0x36, 0x20, 0x00
+        /* ch = '!' */
+        0x13, 0x28, 0x00, 0x77, 0xff, 0x10, 0x77, 0xff, 0x04, 0x50, 0xff, 0x04,
+        0x50, 0xbd, 0x04, 0x44, 0xbd, 0x00, 0x32, 0xa7, 0x00, 0x08, 0x12, 0x00,
+        0x21, 0x30, 0x00, 0x99, 0xff, 0x17, 0x08, 0x12, 0x00,
+        /* ch = '"' */
+        0x08, 0x2a, 0x00, 0x22, 0x08, 0x39, 0xff, 0x1c, 0xff, 0x54, 0x35, 0xe5,
+        0x04, 0xff, 0x3b, 0x6b, 0x70, 0x1c, 0xf7, 0x10, 0x12, 0x0c, 0x04, 0x15,
+        0x00,
+        /* ch = '#' */
+        0x00, 0x00, 0xbd, 0x1f, 0x32, 0x42, 0x00, 0x00, 0x04, 0xff, 0x1c, 0x7c,
+        0x54, 0x00, 0x28, 0x4a, 0xff, 0x39, 0xc8, 0x78, 0x26, 0x2d, 0x62, 0xbd,
+        0x15, 0xd9, 0x3a, 0x12, 0x00, 0x3b, 0xa7, 0x00, 0xff, 0x1f, 0x00, 0x1a,
+        0x82, 0xab, 0x4a, 0xff, 0x39, 0x16, 0x36, 0xa5, 0x82, 0x58, 0xcf, 0x15,
+        0x0c, 0x00, 0xa0, 0x3f, 0x35, 0xb7, 0x00, 0x00, 0x00, 0xa9, 0x2a, 0x45,
+        0x6c, 0x00, 0x00,
+        /* ch = '$' */
+        0x00, 0x00, 0x00, 0x15, 0x04, 0x00, 0x00, 0x00, 0x00, 0x0f, 0xff, 0x28,
+        0x00, 0x00, 0x00, 0x77, 0xbb, 0xff, 0xd4, 0xb1, 0x0d, 0x1c, 0xff, 0x10,
+        0xff, 0x1f, 0x40, 0x04, 0x0d, 0xf7, 0x64, 0xff, 0x1f, 0x00, 0x00, 0x00,
+        0x1b, 0xab, 0xff, 0x8b, 0x1b, 0x00, 0x00, 0x00, 0x00, 0xff, 0x77, 0xff,
+        0x1c, 0x00, 0x0c, 0x00, 0xff, 0x1f, 0xb7, 0x44, 0x2d, 0xc8, 0x1e, 0xff,
+        0x59, 0xf7, 0x1f, 0x00, 0x37, 0xab, 0xff, 0xa4, 0x1e, 0x00, 0x00, 0x00,
+        0x00, 0x74, 0x17, 0x00, 0x00,
+        /* ch = '%' */
+        0x2c, 0xc6, 0x9c, 0x0d, 0x0d, 0xbd, 0x22, 0xb7, 0x35, 0x97, 0x50, 0x5f,
+        0x90, 0x04, 0xb7, 0x43, 0xa7, 0x65, 0xf7, 0x1f, 0x00, 0x26, 0xbd, 0x7f,
+        0x88, 0x70, 0x00, 0x00, 0x00, 0x00, 0x24, 0xf7, 0x13, 0x00, 0x00, 0x00,
+        0x00, 0xa0, 0x54, 0x30, 0x30, 0x04, 0x00, 0x32, 0xdb, 0x59, 0x90, 0x82,
+        0x5f, 0x04, 0xc8, 0x3f, 0x7c, 0x54, 0x50, 0x90, 0x3b, 0xb7, 0x04, 0x2f,
+        0xdb, 0xdb, 0x35, 0x00, 0x00, 0x00, 0x00, 0x0c, 0x0f, 0x00,
+        /* ch = '&' */
+        0x00, 0x26, 0xbd, 0xbd, 0x26, 0x00, 0x00, 0x00, 0xe5, 0x46, 0x37, 0xff,
+        0x00, 0x00, 0x00, 0xf7, 0x37, 0x24, 0xf7, 0x04, 0x00, 0x00, 0x5f, 0xbd,
+        0xb1, 0x54, 0x00, 0x00, 0x00, 0x54, 0xff, 0xa4, 0x04, 0x00, 0x00, 0x3b,
+        0xf7, 0x26, 0xf7, 0x35, 0x70, 0x40, 0xa0, 0x7c, 0x00, 0x32, 0xff, 0xf7,
+        0x21, 0xa0, 0x9e, 0x00, 0x13, 0xec, 0xc6, 0x04, 0x1f, 0xef, 0xe5, 0xef,
+        0x48, 0xdb, 0x52, 0x00, 0x04, 0x15, 0x04, 0x00, 0x0c, 0x04,
+        /* ch = ''' */
+        0x00, 0x2a, 0x08, 0x0a, 0xff, 0x50, 0x04, 0xff, 0x2c, 0x2a, 0xe5, 0x04,
+        0x0c, 0x12, 0x00,
+        /* ch = '(' */
+        0x00, 0x08, 0x21, 0x21, 0xdb, 0x6d, 0xf7, 0x3f, 0x00, 0x82, 0x00, 0x00,
+        0x26, 0x00, 0x00, 0x04, 0x00, 0x00, 0x04, 0x00, 0x00, 0x08, 0x00, 0x00,
+        0x2f, 0x00, 0x00, 0xa7, 0x00, 0x00, 0xdb, 0x54, 0x00, 0x1f, 0xdb, 0x77,
+        0x00, 0x08, 0x22,
+        /* ch = ')' */
+        0x00, 0x21, 0x00, 0x00, 0x14, 0xef, 0x70, 0x04, 0x00, 0x13, 0xdb, 0x82,
+        0x00, 0x00, 0x1f, 0xf7, 0x00, 0x00, 0x00, 0x70, 0x00, 0x00, 0x00, 0x35,
+        0x00, 0x00, 0x00, 0x21, 0x00, 0x00, 0x00, 0x32, 0x00, 0x00, 0x00, 0x70,
+        0x00, 0x00, 0x10, 0xf7, 0x00, 0x08, 0xb1, 0x7c, 0x1a, 0xd4, 0x84, 0x08,
+        0x0d, 0x25, 0x00, 0x00,
+        /* ch = '*' */
+        0x00, 0x00, 0x08, 0x15, 0x04, 0x00, 0x00, 0x00, 0x00, 0x2f, 0xff, 0x04,
+        0x00, 0x00, 0x51, 0x73, 0x28, 0xbd, 0x20, 0x9e, 0x22, 0x12, 0x47, 0xc4,
+        0xff, 0x95, 0x2a, 0x0c, 0x00, 0x10, 0xdb, 0xbb, 0x82, 0x00, 0x00, 0x04,
+        0xb1, 0x7c, 0x0d, 0xdb, 0x54, 0x00, 0x00, 0x3d, 0x08, 0x00, 0x2a, 0x21,
+        0x00,
+        /* ch = '+' */
+        0x00, 0x00, 0x0d, 0x36, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x04,
+        0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x04, 0x00, 0x00, 0x7c, 0xff, 0xff,
+        0xff, 0xff, 0xff, 0x35, 0x00, 0x00, 0x1c, 0xff, 0x04, 0x00, 0x00, 0x00,
+        0x00, 0x1c, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00, 0x14, 0x74, 0x04, 0x00,
+        0x00,
+        /* ch = ',' */
+        0x21, 0x2a, 0x00, 0x99, 0xff, 0x24, 0x1f, 0xff, 0x17, 0x7c, 0x54, 0x00,
+        0x22, 0x04, 0x00,
+        /* ch = '-' */
+        /* ch = '.' */
+        0x21, 0x30, 0x00, 0xa0, 0xff, 0x17, 0x08, 0x12, 0x00,
+        /* ch = '/' */
+        0x0d, 0x1b, 0x00, 0x44, 0xe5, 0x08, 0xc8, 0x4c, 0x00, 0xe5, 0x10, 0x00,
+        0x5f, 0x00, 0x00, 0x13, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = '0' */
+        0x00, 0x08, 0x7f, 0xcf, 0x48, 0x00, 0x00, 0x00, 0xa0, 0x7c, 0x1a, 0xdb,
+        0x50, 0x00, 0x2a, 0xe5, 0x08, 0x00, 0x82, 0xec, 0x00, 0x50, 0x88, 0x00,
+        0x50, 0xdb, 0xff, 0x1f, 0x7c, 0x82, 0x1f, 0xef, 0x21, 0xff, 0x35, 0x5f,
+        0x9e, 0xdb, 0x35, 0x00, 0xff, 0x26, 0x3b, 0xff, 0x64, 0x00, 0x1c, 0xff,
+        0x17, 0x0d, 0xe5, 0x3f, 0x00, 0x64, 0x90, 0x00, 0x00, 0x2c, 0xef, 0xdd,
+        0xd4, 0x13, 0x00, 0x00, 0x00, 0x04, 0x15, 0x04, 0x00, 0x00,
+        /* ch = '1' */
+        0x00, 0x00, 0x37, 0xbd, 0x1a, 0x0a, 0xbd, 0xb3, 0xff, 0x1f, 0x00, 0x00,
+        0x1c, 0xff, 0x1f, 0x00, 0x00, 0x1c, 0xff, 0x1f, 0x00, 0x00, 0x1c, 0xff,
+        0x1f, 0x00, 0x00, 0x1c, 0xff, 0x1f, 0x00, 0x00, 0x1c, 0xff, 0x1f, 0x00,
+        0x00, 0x1c, 0xff, 0x1f, 0x00, 0x00, 0x1c, 0xff, 0x1f,
+        /* ch = '2' */
+        0x00, 0x1b, 0x9e, 0xcf, 0x66, 0x08, 0x00, 0x11, 0xe5, 0x37, 0x1a, 0xb1,
+        0x97, 0x00, 0x00, 0x0f, 0x00, 0x00, 0x2c, 0xff, 0x04, 0x00, 0x00, 0x00,
+        0x00, 0x3f, 0xdb, 0x04, 0x00, 0x00, 0x00, 0x1f, 0xf7, 0x35, 0x00, 0x00,
+        0x00, 0x1f, 0xef, 0x48, 0x00, 0x00, 0x00, 0x17, 0xdb, 0x3f, 0x00, 0x00,
+        0x00, 0x00, 0xa0, 0x64, 0x00, 0x00, 0x00, 0x00, 0x2f, 0xff, 0xdd, 0xcf,
+        0xcf, 0xdd, 0x1f,
+        /* ch = '3' */
+        0x00, 0x28, 0x9e, 0xbd, 0x48, 0x00, 0x00, 0x8d, 0x2b, 0x20, 0xdb, 0x50,
+        0x00, 0x00, 0x00, 0x00, 0x50, 0x92, 0x00, 0x00, 0x00, 0x13, 0xdb, 0x48,
+        0x00, 0x00, 0x95, 0xf7, 0xa4, 0x04, 0x00, 0x00, 0x00, 0x04, 0x82, 0x82,
+        0x00, 0x00, 0x00, 0x00, 0x32, 0xf7, 0x04, 0x73, 0x04, 0x00, 0x82, 0xa7,
+        0x10, 0xbb, 0xef, 0xdd, 0xd4, 0x21, 0x00, 0x00, 0x0c, 0x15, 0x00, 0x00,
+        /* ch = '4' */
+        0x00, 0x00, 0x00, 0x17, 0xcf, 0x1a, 0x00, 0x00, 0x00, 0x00, 0xa0, 0xff,
+        0x1f, 0x00, 0x00, 0x00, 0x44, 0xdb, 0xff, 0x1f, 0x00, 0x00, 0x17, 0xef,
+        0x2f, 0xff, 0x1f, 0x00, 0x00, 0xa0, 0x48, 0x1c, 0xff, 0x1f, 0x00, 0x44,
+        0xc6, 0x17, 0x28, 0xff, 0x2a, 0x08, 0x42, 0x74, 0x74, 0x87, 0xff, 0x87,
+        0x24, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x00, 0x1c,
+        0xff, 0x1f, 0x00,
+        /* ch = '5' */
+        0x00, 0x95, 0xcf, 0xcf, 0xcf, 0x95, 0x00, 0x00, 0xf7, 0x3e, 0x15, 0x15,
+        0x15, 0x00, 0x00, 0xff, 0x21, 0x00, 0x00, 0x00, 0x00, 0x04, 0xff, 0x7e,
+        0x74, 0x50, 0x04, 0x00, 0x1a, 0xe5, 0x37, 0x1a, 0xb1, 0xa7, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x24, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff,
+        0x1f, 0x19, 0x9c, 0x08, 0x00, 0x50, 0xe5, 0x08, 0x04, 0x8d, 0xf7, 0xcf,
+        0xef, 0x2f, 0x00, 0x00, 0x00, 0x08, 0x15, 0x04, 0x00, 0x00,
+        /* ch = '6' */
+        0x00, 0x04, 0x50, 0xcf, 0xbd, 0x37, 0x00, 0x00, 0x6b, 0xb1, 0x18, 0x2e,
+        0x50, 0x00, 0x0d, 0xf7, 0x26, 0x00, 0x00, 0x00, 0x00, 0x2f, 0xff, 0x3a,
+        0x74, 0x48, 0x04, 0x00, 0x32, 0xff, 0x99, 0x25, 0xb1, 0x7c, 0x00, 0x32,
+        0xff, 0x08, 0x00, 0x24, 0xff, 0x10, 0x2a, 0xff, 0x08, 0x00, 0x1c, 0xff,
+        0x1f, 0x04, 0xe5, 0x4c, 0x00, 0x3f, 0xdb, 0x04, 0x00, 0x2c, 0xef, 0xd4,
+        0xef, 0x28, 0x00, 0x00, 0x00, 0x00, 0x15, 0x08, 0x00, 0x00,
+        /* ch = '7' */
+        0x1a, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x00, 0x04, 0x15, 0x15, 0x15, 0x82,
+        0xa7, 0x04, 0x00, 0x00, 0x00, 0x0d, 0xf7, 0x35, 0x00, 0x00, 0x00, 0x00,
+        0x48, 0xe5, 0x08, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x5f, 0x00, 0x00, 0x00,
+        0x00, 0x22, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x00, 0x5f, 0xb7, 0x04, 0x00,
+        0x00, 0x00, 0x00, 0xe5, 0x54, 0x00, 0x00, 0x00, 0x00, 0x2c, 0xff, 0x1f,
+        0x00, 0x00, 0x00,
+        /* ch = '8' */
+        0x00, 0x19, 0x9e, 0xcf, 0x7f, 0x10, 0x00, 0x00, 0xc8, 0x59, 0x08, 0x90,
+        0x90, 0x00, 0x00, 0xff, 0x26, 0x00, 0x48, 0xbd, 0x00, 0x00, 0x77, 0xc8,
+        0x20, 0xdb, 0x48, 0x00, 0x00, 0x1b, 0xec, 0xef, 0xb5, 0x08, 0x00, 0x10,
+        0xef, 0x35, 0x04, 0x8a, 0xb7, 0x00, 0x4d, 0xbd, 0x04, 0x00, 0x1f, 0xff,
+        0x1c, 0x39, 0xff, 0x1a, 0x00, 0x3f, 0xf7, 0x10, 0x00, 0x66, 0xff, 0xcf,
+        0xef, 0x2f, 0x00, 0x00, 0x00, 0x08, 0x15, 0x04, 0x00, 0x00,
+        /* ch = '9' */
+        0x00, 0x19, 0x9e, 0xcf, 0x50, 0x04, 0x00, 0x04, 0xdb, 0x54, 0x1a, 0xb7,
+        0x5f, 0x00, 0x2f, 0xff, 0x08, 0x00, 0x35, 0xec, 0x00, 0x32, 0xff, 0x00,
+        0x00, 0x1c, 0xff, 0x10, 0x0d, 0xf7, 0x46, 0x08, 0x8a, 0xff, 0x1f, 0x00,
+        0x26, 0xab, 0xcf, 0x70, 0xff, 0x10, 0x00, 0x00, 0x00, 0x00, 0x3b, 0xe5,
+        0x04, 0x00, 0x22, 0x00, 0x04, 0xb1, 0x64, 0x00, 0x09, 0xcb, 0xe5, 0xe5,
+        0x94, 0x08, 0x00, 0x00, 0x00, 0x12, 0x0f, 0x00, 0x00, 0x00,
+        /* ch = ':' */
+        0x73, 0xdb, 0x0d, 0x3d, 0x67, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x21, 0x30, 0x00, 0xa0, 0xff, 0x17, 0x08, 0x12, 0x00,
+        /* ch = ';' */
+        0x73, 0xdb, 0x0d, 0x3d, 0x67, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x21, 0x2a, 0x00, 0x99, 0xff, 0x24, 0x1f, 0xff, 0x17, 0x7c, 0x54, 0x00,
+        0x22, 0x04, 0x00,
+        /* ch = '<' */
+        0x00, 0x00, 0x13, 0x7f, 0x37, 0x0c, 0x73, 0xef, 0x5a, 0x0c, 0xef, 0x5a,
+        0x0c, 0x00, 0x00, 0x0f, 0x00, 0x00, 0x00, 0x00, 0xef, 0x37, 0x00, 0x00,
+        0x00, 0x1b, 0xbb, 0xc4, 0x1e, 0x00, 0x00, 0x00, 0x37, 0xef, 0x4d, 0x00,
+        0x00, 0x00, 0x08, 0x21,
+        /* ch = '=' */
+        0x0f, 0x15, 0x15, 0x15, 0x15, 0x15, 0x08, 0x67, 0xcf, 0xcf, 0xcf, 0xcf,
+        0xcf, 0x2f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x0f, 0x15, 0x15,
+        0x15, 0x15, 0x15, 0x08, 0x42, 0x74, 0x74, 0x74, 0x74, 0x74, 0x24,
+        /* ch = '>' */
+        0x7c, 0x48, 0x04, 0x00, 0x00, 0x1b, 0x8d, 0xef, 0x37, 0x04, 0x00, 0x00,
+        0x1b, 0x94, 0xdb, 0x00, 0x00, 0x00, 0x00, 0x27, 0x00, 0x00, 0x08, 0x73,
+        0xe5, 0x04, 0x37, 0xef, 0x73, 0x0c, 0xa9, 0xbb, 0x1e, 0x00, 0x00, 0x22,
+        0x04, 0x00, 0x00, 0x00,
+        /* ch = '?' */
+        0x00, 0x00, 0x12, 0x2a, 0x0f, 0x00, 0x04, 0xa9, 0xe5, 0x8f, 0xff, 0x50,
+        0x19, 0x8d, 0x08, 0x00, 0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x48, 0xff,
+        0x00, 0x00, 0x00, 0x10, 0xdb, 0x7c, 0x00, 0x00, 0x00, 0xb1, 0x7c, 0x04,
+        0x00, 0x00, 0x1c, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x0d, 0x36, 0x10, 0x00,
+        0x00, 0x00, 0x10, 0x36, 0x08, 0x00, 0x00, 0x00, 0x4d, 0xff, 0x48, 0x00,
+        0x00, 0x00, 0x00, 0x15, 0x04, 0x00,
+        /* ch = '@' */
+        0x00, 0x13, 0x7f, 0xcf, 0xab, 0x21, 0x00, 0x10, 0xdb, 0x37, 0x00, 0x28,
+        0xff, 0x10, 0x5a, 0x75, 0x00, 0x04, 0x15, 0x9e, 0x48, 0xb1, 0x37, 0x2c,
+        0xe5, 0x82, 0xa5, 0x54, 0xb7, 0x2e, 0xb1, 0x3f, 0x00, 0x7c, 0x54, 0xb7,
+        0x35, 0x99, 0x82, 0x20, 0xe5, 0x54, 0x6b, 0x75, 0x10, 0x67, 0x74, 0x5b,
+        0x32, 0x1c, 0xf7, 0x28, 0x00, 0x00, 0x00, 0x00, 0x00, 0x26, 0xd4, 0xb3,
+        0xab, 0xd4, 0x0a, 0x00, 0x00, 0x00, 0x12, 0x12, 0x00, 0x00,
+        /* ch = 'A' */
+        0x00, 0x00, 0x1c, 0x51, 0x00, 0x00, 0x00, 0x00, 0x00, 0x5a, 0xec, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0xc8, 0xff, 0x2f, 0x00, 0x00, 0x00, 0x22, 0xe5,
+        0x68, 0x90, 0x00, 0x00, 0x00, 0x5f, 0x70, 0x22, 0xff, 0x0d, 0x00, 0x00,
+        0xcf, 0x67, 0x36, 0xd9, 0x4c, 0x00, 0x2a, 0xf7, 0x36, 0x36, 0x7b, 0xaf,
+        0x00, 0x6b, 0x82, 0x00, 0x00, 0x17, 0xff, 0x24, 0xe5, 0x35, 0x00, 0x00,
+        0x00, 0xa7, 0x68,
+        /* ch = 'B' */
+        0x67, 0xcf, 0xcf, 0xab, 0x5b, 0x08, 0x00, 0x7c, 0x88, 0x15, 0x1a, 0xa0,
+        0xa7, 0x00, 0x7c, 0x82, 0x00, 0x00, 0x32, 0xff, 0x04, 0x7c, 0x8f, 0x15,
+        0x1a, 0xa0, 0x7c, 0x04, 0x7c, 0xef, 0xcf, 0xcf, 0xec, 0x2b, 0x00, 0x7c,
+        0x82, 0x00, 0x00, 0x32, 0xff, 0x17, 0x7c, 0x82, 0x00, 0x00, 0x00, 0xff,
+        0x35, 0x7c, 0x82, 0x00, 0x00, 0x37, 0xff, 0x24, 0x7c, 0xf7, 0xcf, 0xdd,
+        0xdd, 0x37, 0x00,
+        /* ch = 'C' */
+        0x00, 0x10, 0x66, 0xcf, 0xab, 0x26, 0x00, 0x04, 0xb1, 0x77, 0x0c, 0x28,
+        0xf7, 0x32, 0x40, 0xcf, 0x08, 0x00, 0x00, 0x28, 0x08, 0x77, 0x7c, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0xa0, 0x54, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c,
+        0x70, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x17, 0xf7, 0x3a, 0x00, 0x08, 0x8d, 0x22, 0x00, 0x2c, 0xef, 0xdd,
+        0xef, 0x7e, 0x08, 0x00, 0x00, 0x00, 0x15, 0x08, 0x00, 0x00,
+        /* ch = 'D' */
+        0x67, 0xcf, 0xcf, 0x82, 0x37, 0x00, 0x00, 0x7c, 0x88, 0x15, 0x2b, 0xdb,
+        0x70, 0x00, 0x7c, 0x82, 0x00, 0x00, 0x2c, 0xff, 0x17, 0x7c, 0x82, 0x00,
+        0x00, 0x04, 0xff, 0x35, 0x7c, 0x82, 0x00, 0x00, 0x00, 0xbd, 0x48, 0x7c,
+        0x82, 0x00, 0x00, 0x00, 0xe5, 0x37, 0x7c, 0x82, 0x00, 0x00, 0x17, 0xff,
+        0x1f, 0x7c, 0x82, 0x00, 0x04, 0xa0, 0x90, 0x04, 0x7c, 0xf7, 0xcf, 0xe5,
+        0x8d, 0x0c, 0x00,
+        /* ch = 'E' */
+        0x45, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x1a, 0x50, 0xbd, 0x15, 0x15, 0x15,
+        0x15, 0x08, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x50, 0xf7, 0xcf, 0xcf, 0xcf, 0x2f, 0x00, 0x50,
+        0xbd, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0xcf, 0xcf,
+        0xcf, 0xcf, 0x1a,
+        /* ch = 'F' */
+        0x1a, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x1a, 0x1c, 0xff, 0x15, 0x15, 0x15,
+        0x15, 0x08, 0x1c, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x17,
+        0x15, 0x15, 0x08, 0x00, 0x1c, 0xff, 0xcf, 0xcf, 0xcf, 0x2f, 0x00, 0x1c,
+        0xff, 0x04, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x04, 0x00, 0x00, 0x00,
+        0x00, 0x1c, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x04, 0x00,
+        0x00, 0x00, 0x00,
+        /* ch = 'G' */
+        0x00, 0x10, 0x73, 0xcf, 0xab, 0x28, 0x00, 0x0d, 0xdb, 0x77, 0x12, 0x31,
+        0xf7, 0x27, 0x48, 0xa7, 0x04, 0x00, 0x00, 0x22, 0x04, 0x90, 0x59, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0xb7, 0x54, 0x00, 0x08, 0x15, 0x15, 0x0c, 0xb1,
+        0x59, 0x00, 0x22, 0x74, 0xe5, 0x54, 0x6b, 0xa7, 0x00, 0x00, 0x00, 0xb7,
+        0x54, 0x1c, 0xff, 0x37, 0x00, 0x00, 0xbd, 0x54, 0x00, 0x2f, 0xef, 0xdd,
+        0xe5, 0xb3, 0x1b, 0x00, 0x00, 0x00, 0x12, 0x08, 0x00, 0x00,
+        /* ch = 'H' */
+        0x45, 0x95, 0x00, 0x00, 0x1a, 0xcf, 0x1f, 0x50, 0xbd, 0x00, 0x00, 0x1c,
+        0xff, 0x1f, 0x50, 0xbd, 0x00, 0x00, 0x1c, 0xff, 0x1f, 0x50, 0xbd, 0x00,
+        0x00, 0x1c, 0xff, 0x1f, 0x50, 0xf7, 0xcf, 0xcf, 0xd4, 0xff, 0x1f, 0x50,
+        0xbd, 0x00, 0x00, 0x1c, 0xff, 0x1f, 0x50, 0xbd, 0x00, 0x00, 0x1c, 0xff,
+        0x1f, 0x50, 0xbd, 0x00, 0x00, 0x1c, 0xff, 0x1f, 0x50, 0xbd, 0x00, 0x00,
+        0x1c, 0xff, 0x1f,
+        /* ch = 'I' */
+        0x1a, 0xcf, 0xcf, 0xcf, 0xcf, 0x45, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00,
+        0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00,
+        0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00,
+        0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00,
+        0x1a, 0xcf, 0xe5, 0xff, 0xcf, 0x67,
+        /* ch = 'J' */
+        0x00, 0x00, 0xcf, 0xcf, 0xcf, 0xcf, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x04,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0x04, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x04,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0x04, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x04,
+        0x00, 0x00, 0x00, 0x2f, 0xff, 0x04, 0x17, 0x2c, 0x00, 0x48, 0xc8, 0x04,
+        0x2c, 0xef, 0xd4, 0xf7, 0x2f, 0x00, 0x00, 0x04, 0x15, 0x08, 0x00, 0x00,
+        /* ch = 'K' */
+        0x67, 0x73, 0x00, 0x00, 0x32, 0xc6, 0x17, 0x7c, 0x82, 0x00, 0x1f, 0xf7,
+        0x35, 0x00, 0x7c, 0x82, 0x1f, 0xef, 0x48, 0x00, 0x00, 0x7c, 0x9e, 0xdb,
+        0x54, 0x00, 0x00, 0x00, 0x7c, 0xff, 0xf7, 0x37, 0x00, 0x00, 0x00, 0x7c,
+        0x88, 0x44, 0xff, 0x17, 0x00, 0x00, 0x7c, 0x82, 0x00, 0x90, 0xb7, 0x04,
+        0x00, 0x7c, 0x82, 0x00, 0x10, 0xe5, 0x54, 0x00, 0x7c, 0x82, 0x00, 0x00,
+        0x35, 0xff, 0x26, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x0f,
+        /* ch = 'L' */
+        0x2d, 0xcf, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x04, 0x00, 0x00,
+        0x00, 0x00, 0x32, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x04,
+        0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00, 0x32,
+        0xff, 0x04, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x04, 0x00, 0x00, 0x00,
+        0x00, 0x32, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0xd4, 0xcf,
+        0xcf, 0xcf, 0x1a,
+        /* ch = 'M' */
+        0x95, 0x40, 0x00, 0x00, 0x00, 0x8d, 0x45, 0xb7, 0xec, 0x04, 0x00, 0x2a,
+        0xff, 0x54, 0xb7, 0xff, 0x4c, 0x00, 0xa0, 0xff, 0x54, 0xb7, 0xb7, 0xec,
+        0x2f, 0xdb, 0xbd, 0x54, 0xb7, 0x54, 0xa7, 0xff, 0x3f, 0xb7, 0x54, 0xb7,
+        0x54, 0x2c, 0xb7, 0x04, 0xb7, 0x54, 0xb7, 0x54, 0x00, 0x00, 0x00, 0xb7,
+        0x54, 0xb7, 0x54, 0x00, 0x00, 0x00, 0xb7, 0x54, 0xb7, 0x54, 0x00, 0x00,
+        0x00, 0xb7, 0x54,
+        /* ch = 'N' */
+        0x67, 0x8d, 0x00, 0x00, 0x00, 0xcf, 0x2d, 0x7c, 0xff, 0x35, 0x00, 0x00,
+        0xff, 0x35, 0x7c, 0xff, 0xcf, 0x04, 0x00, 0xff, 0x35, 0x7c, 0x88, 0xdb,
+        0x54, 0x00, 0xff, 0x35, 0x7c, 0x82, 0x3b, 0xff, 0x10, 0xff, 0x35, 0x7c,
+        0x82, 0x00, 0xb7, 0x70, 0xff, 0x35, 0x7c, 0x82, 0x00, 0x2a, 0xff, 0xff,
+        0x35, 0x7c, 0x82, 0x00, 0x00, 0x7c, 0xff, 0x35, 0x7c, 0x82, 0x00, 0x00,
+        0x17, 0xf7, 0x35,
+        /* ch = 'O' */
+        0x00, 0x1b, 0x9e, 0xcf, 0x7f, 0x10, 0x00, 0x1c, 0xf7, 0x48, 0x1a, 0x99,
+        0xb7, 0x04, 0x6b, 0x90, 0x04, 0x00, 0x10, 0xff, 0x2f, 0xb7, 0x50, 0x00,
+        0x00, 0x00, 0xb7, 0x54, 0xc8, 0x35, 0x00, 0x00, 0x00, 0x7c, 0x7c, 0xb7,
+        0x50, 0x00, 0x00, 0x00, 0x90, 0x59, 0x7c, 0x82, 0x00, 0x00, 0x00, 0xe5,
+        0x3f, 0x2a, 0xff, 0x24, 0x00, 0x50, 0xe5, 0x10, 0x00, 0x44, 0xf7, 0xef,
+        0xe5, 0x28, 0x00, 0x00, 0x00, 0x04, 0x15, 0x00, 0x00, 0x00,
+        /* ch = 'P' */
+        0x45, 0xcf, 0xcf, 0xcf, 0x74, 0x19, 0x00, 0x50, 0xbd, 0x15, 0x15, 0x77,
+        0xff, 0x0d, 0x50, 0xbd, 0x00, 0x00, 0x04, 0xff, 0x35, 0x50, 0xbd, 0x00,
+        0x00, 0x1f, 0xff, 0x2c, 0x50, 0xff, 0xcf, 0xcf, 0xef, 0x66, 0x04, 0x50,
+        0xbd, 0x15, 0x15, 0x0c, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00,
+        0x00, 0x00, 0x00,
+        /* ch = 'Q' */
+        0x00, 0x1b, 0x9e, 0xcf, 0x7f, 0x10, 0x00, 0x1c, 0xf7, 0x3f, 0x15, 0x8a,
+        0xb7, 0x04, 0x6b, 0x90, 0x00, 0x00, 0x0d, 0xf7, 0x2f, 0xb7, 0x48, 0x00,
+        0x00, 0x00, 0xa0, 0x54, 0xc8, 0x35, 0x00, 0x00, 0x00, 0x7c, 0x7c, 0xb7,
+        0x48, 0x00, 0x00, 0x00, 0x82, 0x59, 0x7c, 0x82, 0x00, 0x00, 0x00, 0xcf,
+        0x3f, 0x2a, 0xff, 0x21, 0x00, 0x37, 0xf7, 0x10, 0x00, 0x44, 0xf7, 0xdd,
+        0xef, 0x2f, 0x00, 0x00, 0x00, 0x1a, 0xff, 0x13, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x85, 0xf7, 0xe5, 0x1f,
+        /* ch = 'R' */
+        0x45, 0xcf, 0xcf, 0xbd, 0x67, 0x13, 0x00, 0x50, 0xbd, 0x15, 0x1a, 0x8a,
+        0xe5, 0x04, 0x50, 0xbd, 0x00, 0x00, 0x1c, 0xff, 0x24, 0x50, 0xbd, 0x00,
+        0x00, 0x2c, 0xff, 0x17, 0x50, 0xff, 0xcf, 0xcf, 0xf7, 0x50, 0x00, 0x50,
+        0xbd, 0x15, 0x90, 0x82, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x22, 0xff, 0x24,
+        0x00, 0x50, 0xbd, 0x00, 0x00, 0x8a, 0x97, 0x00, 0x50, 0xbd, 0x00, 0x00,
+        0x1c, 0xff, 0x26,
+        /* ch = 'S' */
+        0x00, 0x1b, 0x8f, 0xcf, 0x8f, 0x1b, 0x00, 0x0d, 0xf7, 0x43, 0x0c, 0x3f,
+        0xdb, 0x09, 0x32, 0xff, 0x10, 0x00, 0x00, 0x0f, 0x00, 0x0d, 0xdb, 0x90,
+        0x0c, 0x00, 0x00, 0x00, 0x00, 0x13, 0x7f, 0xff, 0x94, 0x13, 0x00, 0x00,
+        0x00, 0x00, 0x0c, 0x77, 0xe5, 0x0d, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff,
+        0x35, 0x32, 0x75, 0x04, 0x00, 0x26, 0xff, 0x24, 0x1b, 0xbb, 0xf7, 0xcf,
+        0xf7, 0x48, 0x00, 0x00, 0x00, 0x08, 0x15, 0x04, 0x00, 0x00,
+        /* ch = 'T' */
+        0x95, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x45, 0x12, 0x15, 0x5e, 0xbd, 0x15,
+        0x15, 0x0f, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50,
+        0xbd, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd,
+        0x00, 0x00, 0x00,
+        /* ch = 'U' */
+        0x67, 0x73, 0x00, 0x00, 0x00, 0x95, 0x2d, 0x7c, 0x82, 0x00, 0x00, 0x00,
+        0xb7, 0x35, 0x7c, 0x82, 0x00, 0x00, 0x00, 0xb7, 0x35, 0x7c, 0x82, 0x00,
+        0x00, 0x00, 0xb7, 0x35, 0x7c, 0x82, 0x00, 0x00, 0x00, 0xb7, 0x35, 0x7c,
+        0x82, 0x00, 0x00, 0x00, 0xb7, 0x35, 0x7c, 0x82, 0x00, 0x00, 0x00, 0xf7,
+        0x35, 0x40, 0xec, 0x10, 0x00, 0x2c, 0xff, 0x1a, 0x00, 0x73, 0xf7, 0xcf,
+        0xe5, 0x3f, 0x00, 0x00, 0x00, 0x08, 0x15, 0x04, 0x00, 0x00,
+        /* ch = 'V' */
+        0xa4, 0x40, 0x00, 0x00, 0x00, 0x6c, 0x58, 0x5f, 0xaf, 0x00, 0x00, 0x04,
+        0xf7, 0x2f, 0x24, 0xff, 0x1a, 0x00, 0x2c, 0xe5, 0x08, 0x00, 0xcf, 0x4c,
+        0x00, 0x70, 0x75, 0x00, 0x00, 0x5a, 0xaf, 0x00, 0xe5, 0x2f, 0x00, 0x00,
+        0x22, 0xff, 0x40, 0xe5, 0x08, 0x00, 0x00, 0x00, 0xc8, 0xec, 0x75, 0x00,
+        0x00, 0x00, 0x00, 0x5a, 0xff, 0x2f, 0x00, 0x00, 0x00, 0x00, 0x22, 0xe5,
+        0x08, 0x00, 0x00,
+        /* ch = 'W' */
+        0xcf, 0x1a, 0x00, 0x00, 0x00, 0x2d, 0x8f, 0xcf, 0x35, 0x04, 0xe5, 0x00,
+        0x50, 0x7c, 0x90, 0x54, 0x2a, 0xff, 0x26, 0x77, 0x50, 0x5f, 0x82, 0x5f,
+        0xff, 0x54, 0xa0, 0x35, 0x44, 0xbd, 0xa0, 0x82, 0xa7, 0xcf, 0x1f, 0x2a,
+        0xff, 0xf7, 0x24, 0xff, 0xff, 0x04, 0x14, 0xff, 0x97, 0x00, 0xe5, 0xbd,
+        0x00, 0x00, 0xe5, 0x48, 0x00, 0x7c, 0x88, 0x00, 0x00, 0xa0, 0x21, 0x00,
+        0x3b, 0x59, 0x00,
+        /* ch = 'X' */
+        0x53, 0x8d, 0x00, 0x00, 0x1c, 0xcf, 0x17, 0x10, 0xf7, 0x35, 0x00, 0x90,
+        0x75, 0x00, 0x00, 0x50, 0xcf, 0x26, 0xff, 0x1a, 0x00, 0x00, 0x04, 0xdb,
+        0xf7, 0x70, 0x00, 0x00, 0x00, 0x00, 0x4a, 0xff, 0x24, 0x00, 0x00, 0x00,
+        0x04, 0xc8, 0xff, 0x70, 0x00, 0x00, 0x00, 0x44, 0xe5, 0x35, 0xff, 0x1f,
+        0x00, 0x04, 0xdb, 0x48, 0x00, 0x90, 0x97, 0x00, 0x54, 0xc8, 0x08, 0x00,
+        0x1c, 0xff, 0x2c,
+        /* ch = 'Y' */
+        0x8f, 0x60, 0x00, 0x00, 0x00, 0xab, 0x4a, 0x2c, 0xff, 0x1a, 0x00, 0x2c,
+        0xf7, 0x10, 0x00, 0xa7, 0x75, 0x00, 0xa7, 0x64, 0x00, 0x00, 0x2c, 0xff,
+        0x35, 0xff, 0x1a, 0x00, 0x00, 0x00, 0xa7, 0xff, 0x75, 0x00, 0x00, 0x00,
+        0x00, 0x35, 0xff, 0x26, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1f, 0x00,
+        0x00, 0x00, 0x00, 0x32, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff,
+        0x1f, 0x00, 0x00,
+        /* ch = 'Z' */
+        0x45, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x2a, 0x0c, 0x15, 0x15, 0x15, 0x58,
+        0xdb, 0x08, 0x00, 0x00, 0x00, 0x10, 0xf7, 0x32, 0x00, 0x00, 0x00, 0x00,
+        0x82, 0x90, 0x04, 0x00, 0x00, 0x00, 0x2a, 0xf7, 0x1a, 0x00, 0x00, 0x00,
+        0x04, 0xc8, 0x59, 0x00, 0x00, 0x00, 0x00, 0x54, 0xdb, 0x08, 0x00, 0x00,
+        0x00, 0x17, 0xf7, 0x32, 0x00, 0x00, 0x00, 0x00, 0x77, 0xff, 0xd4, 0xcf,
+        0xcf, 0xd4, 0x54,
+        /* ch = '[' */
+        0x1e, 0x36, 0x36, 0x36, 0x2d, 0x50, 0xa5, 0x36, 0x36, 0x30, 0x50, 0x82,
+        0x00, 0x00, 0x00, 0x50, 0x82, 0x00, 0x00, 0x00, 0x50, 0x82, 0x00, 0x00,
+        0x00, 0x50, 0x82, 0x00, 0x00, 0x00, 0x50, 0x82, 0x00, 0x00, 0x00, 0x50,
+        0x82, 0x00, 0x00, 0x00, 0x50, 0x82, 0x00, 0x00, 0x00, 0x50, 0x82, 0x00,
+        0x00, 0x00, 0x50, 0xd1, 0x74, 0x74, 0x58, 0x0c, 0x15, 0x15, 0x15, 0x15,
+        /* ch = '\' */
+        0x00, 0x22, 0x00, 0x2a, 0xff, 0x17, 0x00, 0xa7, 0x5f, 0x00, 0x32, 0xff,
+        0x00, 0x00, 0xc8, 0x00, 0x00, 0x3b, 0x00, 0x00, 0x04, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = ']' */
+        0x0d, 0x36, 0x36, 0x36, 0x36, 0x0d, 0x0d, 0x36, 0x36, 0x36, 0xff, 0x1f,
+        0x00, 0x00, 0x00, 0x00, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x00, 0xff, 0x1f,
+        0x00, 0x00, 0x00, 0x00, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x00, 0xff, 0x1f,
+        0x00, 0x00, 0x00, 0x00, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x00, 0xff, 0x1f,
+        0x00, 0x00, 0x00, 0x00, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x00, 0xff, 0x1f,
+        0x14, 0x74, 0x74, 0x74, 0xff, 0x1f, 0x04, 0x15, 0x15, 0x15, 0x15, 0x08,
+        /* ch = '^' */
+        0x00, 0x10, 0x9c, 0x00, 0x00, 0x00, 0x6b, 0xff, 0x3f, 0x00, 0x24, 0xf7,
+        0x4a, 0xe5, 0x04, 0xb1, 0x48, 0x00, 0xb7, 0x48, 0x0c, 0x04, 0x00, 0x0c,
+        0x08,
+        /* ch = '_' */
+        0x95, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x45, 0x12, 0x15, 0x15, 0x15, 0x15,
+        0x15, 0x0f,
+        /* ch = '`' */
+        0x08, 0x22, 0x00, 0x22, 0xff, 0x0d, 0x00, 0xa7, 0x90, 0x00, 0x2f, 0xef,
+        /* ch = 'a' */
+        0x00, 0x0c, 0x3e, 0x74, 0x30, 0x04, 0x00, 0x00, 0xcb, 0x5a, 0x36, 0xa0,
+        0xa7, 0x00, 0x00, 0x00, 0x00, 0x00, 0x24, 0xff, 0x04, 0x00, 0x28, 0x82,
+        0xcf, 0xd4, 0xff, 0x1f, 0x36, 0xe5, 0x20, 0x00, 0x1c, 0xff, 0x1f, 0x77,
+        0x9e, 0x00, 0x00, 0x59, 0xff, 0x1f, 0x1f, 0xef, 0xab, 0xb3, 0xbb, 0xff,
+        0x1f, 0x00, 0x00, 0x15, 0x0f, 0x00, 0x00, 0x00,
+        /* ch = 'b' */
+        0x1e, 0x33, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x50, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbd, 0x22,
+        0x67, 0x3f, 0x04, 0x00, 0x50, 0xff, 0x94, 0x3e, 0xdb, 0xa7, 0x00, 0x50,
+        0xf7, 0x08, 0x00, 0x26, 0xff, 0x26, 0x50, 0xbd, 0x00, 0x00, 0x00, 0xff,
+        0x35, 0x50, 0xbd, 0x00, 0x00, 0x04, 0xff, 0x35, 0x50, 0xff, 0x1c, 0x00,
+        0x3f, 0xf7, 0x10, 0x50, 0xb1, 0xef, 0xd4, 0xf7, 0x35, 0x00, 0x00, 0x00,
+        0x00, 0x15, 0x08, 0x00, 0x00,
+        /* ch = 'c' */
+        0x00, 0x00, 0x25, 0x5b, 0x3e, 0x13, 0x00, 0x00, 0x7c, 0xc4, 0x3e, 0x5a,
+        0xff, 0x1a, 0x2c, 0xff, 0x1a, 0x00, 0x00, 0x22, 0x04, 0x50, 0xbd, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x4d, 0xec, 0x00, 0x00, 0x00, 0x00, 0x00, 0x17,
+        0xf7, 0x54, 0x00, 0x04, 0x40, 0x04, 0x00, 0x2c, 0xef, 0xe5, 0xe5, 0x94,
+        0x13, 0x00, 0x00, 0x00, 0x15, 0x0f, 0x00, 0x00,
+        /* ch = 'd' */
+        0x00, 0x00, 0x00, 0x00, 0x0d, 0x36, 0x13, 0x00, 0x00, 0x00, 0x00, 0x1c,
+        0xff, 0x1f, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x1f, 0x00, 0x13, 0x50,
+        0x67, 0x31, 0xff, 0x1f, 0x10, 0xdb, 0x6a, 0x31, 0xdb, 0xff, 0x1f, 0x5a,
+        0xa7, 0x04, 0x00, 0x3b, 0xff, 0x1f, 0x7c, 0x82, 0x00, 0x00, 0x1c, 0xff,
+        0x1f, 0x77, 0x88, 0x00, 0x00, 0x24, 0xff, 0x1f, 0x39, 0xff, 0x1a, 0x00,
+        0x6f, 0xff, 0x1f, 0x00, 0x84, 0xff, 0xdd, 0xa9, 0xff, 0x1f, 0x00, 0x00,
+        0x0c, 0x0f, 0x00, 0x00, 0x00,
+        /* ch = 'e' */
+        0x00, 0x08, 0x3f, 0x74, 0x37, 0x04, 0x00, 0x04, 0xd4, 0x77, 0x25, 0xb1,
+        0x7c, 0x00, 0x44, 0xc8, 0x04, 0x00, 0x1f, 0xff, 0x17, 0x7c, 0xf7, 0xcf,
+        0xcf, 0xd4, 0xff, 0x1f, 0x6b, 0x97, 0x00, 0x00, 0x00, 0x00, 0x00, 0x2c,
+        0xff, 0x1f, 0x00, 0x04, 0x22, 0x00, 0x00, 0x5a, 0xf7, 0xab, 0xe5, 0x66,
+        0x04, 0x00, 0x00, 0x04, 0x15, 0x0c, 0x00, 0x00,
+        /* ch = 'f' */
+        0x00, 0x00, 0x00, 0x18, 0x36, 0x25, 0x00, 0x00, 0x50, 0xdb, 0x3e, 0xbb,
+        0x00, 0x00, 0xf7, 0x37, 0x00, 0x0d, 0x00, 0x00, 0xff, 0x1f, 0x00, 0x00,
+        0x45, 0xcf, 0xff, 0xd4, 0xcf, 0x2f, 0x00, 0x00, 0xff, 0x1f, 0x00, 0x00,
+        0x00, 0x00, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x00, 0xff, 0x1f, 0x00, 0x00,
+        0x00, 0x00, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x00, 0xff, 0x1f, 0x00, 0x00,
+        /* ch = 'g' */
+        0x00, 0x19, 0x67, 0x67, 0x25, 0x50, 0x32, 0x1c, 0xf7, 0x3f, 0x3f, 0xff,
+        0x45, 0x12, 0x4d, 0xbd, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x2a, 0xff, 0x21,
+        0x21, 0xf7, 0x2c, 0x00, 0x00, 0x9e, 0xd4, 0xbd, 0x37, 0x00, 0x00, 0x27,
+        0xff, 0x1d, 0x15, 0x0f, 0x00, 0x00, 0x0c, 0xea, 0xbd, 0xcf, 0xdd, 0xdb,
+        0x0d, 0x8a, 0x59, 0x00, 0x00, 0x00, 0xd9, 0x35, 0x66, 0xe5, 0x47, 0x36,
+        0x85, 0xd4, 0x10, 0x00, 0x18, 0x36, 0x36, 0x25, 0x08, 0x00,
+        /* ch = 'h' */
+        0x16, 0x36, 0x09, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x04, 0x00, 0x00,
+        0x00, 0x00, 0x32, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x16,
+        0x50, 0x50, 0x08, 0x00, 0x32, 0xff, 0xdb, 0x3e, 0xb1, 0xa7, 0x00, 0x32,
+        0xff, 0x21, 0x00, 0x32, 0xff, 0x04, 0x32, 0xff, 0x04, 0x00, 0x32, 0xff,
+        0x04, 0x32, 0xff, 0x04, 0x00, 0x32, 0xff, 0x04, 0x32, 0xff, 0x04, 0x00,
+        0x32, 0xff, 0x04, 0x32, 0xff, 0x04, 0x00, 0x32, 0xff, 0x04,
+        /* ch = 'i' */
+        0x00, 0x04, 0x12, 0x00, 0x00, 0x00, 0x49, 0xff, 0x2a, 0x00, 0x00, 0x04,
+        0x15, 0x04, 0x00, 0x2d, 0x36, 0x36, 0x00, 0x00, 0x2d, 0x62, 0xff, 0x04,
+        0x00, 0x00, 0x32, 0xff, 0x04, 0x00, 0x00, 0x32, 0xff, 0x04, 0x00, 0x00,
+        0x32, 0xff, 0x04, 0x00, 0x00, 0x32, 0xff, 0x04, 0x00, 0xcf, 0xdd, 0xff,
+        0xd4, 0x45,
+        /* ch = 'j' */
+        0x00, 0x00, 0x00, 0x00, 0x15, 0x00, 0x00, 0x00, 0x00, 0x2f, 0xff, 0x32,
+        0x00, 0x00, 0x00, 0x04, 0x15, 0x08, 0x00, 0x1e, 0x36, 0x36, 0x36, 0x0d,
+        0x00, 0x1e, 0x36, 0x4a, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x1f,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x1f,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x1f,
+        0x0d, 0x19, 0x00, 0x2c, 0xff, 0x17, 0x52, 0xe5, 0x50, 0xd4, 0x77, 0x00,
+        0x00, 0x25, 0x36, 0x25, 0x04, 0x00,
+        /* ch = 'k' */
+        0x16, 0x36, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x04, 0x00, 0x00,
+        0x00, 0x00, 0x32, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x04,
+        0x00, 0x19, 0x36, 0x10, 0x32, 0xff, 0x04, 0x21, 0xf7, 0x37, 0x00, 0x32,
+        0xff, 0x2f, 0xef, 0x2f, 0x00, 0x00, 0x32, 0xff, 0xff, 0xbd, 0x04, 0x00,
+        0x00, 0x32, 0xff, 0x25, 0xdb, 0x82, 0x00, 0x00, 0x32, 0xff, 0x04, 0x1f,
+        0xf7, 0x54, 0x00, 0x32, 0xff, 0x04, 0x00, 0x32, 0xff, 0x35,
+        /* ch = 'l' */
+        0x0d, 0x36, 0x36, 0x36, 0x00, 0x00, 0x14, 0x74, 0x9c, 0xff, 0x04, 0x00,
+        0x00, 0x00, 0x32, 0xff, 0x04, 0x00, 0x00, 0x00, 0x32, 0xff, 0x04, 0x00,
+        0x00, 0x00, 0x32, 0xff, 0x04, 0x00, 0x00, 0x00, 0x32, 0xff, 0x04, 0x00,
+        0x00, 0x00, 0x32, 0xff, 0x04, 0x00, 0x00, 0x00, 0x32, 0xff, 0x04, 0x00,
+        0x00, 0x00, 0x32, 0xff, 0x04, 0x00, 0x1a, 0xcf, 0xdd, 0xff, 0xd4, 0x95,
+        /* ch = 'm' */
+        0x2d, 0x30, 0x67, 0x22, 0x3f, 0x5b, 0x08, 0xb7, 0xb7, 0x64, 0xff, 0x54,
+        0xc8, 0x50, 0xb7, 0x54, 0x32, 0xff, 0x08, 0x7c, 0x82, 0xb7, 0x54, 0x32,
+        0xff, 0x04, 0x7c, 0x82, 0xb7, 0x54, 0x32, 0xff, 0x04, 0x7c, 0x82, 0xb7,
+        0x54, 0x32, 0xff, 0x04, 0x7c, 0x82, 0xb7, 0x54, 0x32, 0xff, 0x04, 0x7c,
+        0x82,
+        /* ch = 'n' */
+        0x16, 0x36, 0x13, 0x50, 0x50, 0x08, 0x00, 0x32, 0xff, 0xdb, 0x3e, 0xc4,
+        0xa7, 0x00, 0x32, 0xff, 0x1a, 0x00, 0x35, 0xff, 0x04, 0x32, 0xff, 0x04,
+        0x00, 0x32, 0xff, 0x04, 0x32, 0xff, 0x04, 0x00, 0x32, 0xff, 0x04, 0x32,
+        0xff, 0x04, 0x00, 0x32, 0xff, 0x04, 0x32, 0xff, 0x04, 0x00, 0x32, 0xff,
+        0x04,
+        /* ch = 'o' */
+        0x00, 0x04, 0x30, 0x74, 0x2a, 0x00, 0x00, 0x04, 0xc4, 0x99, 0x36, 0xd4,
+        0x82, 0x00, 0x50, 0xc8, 0x08, 0x00, 0x22, 0xff, 0x24, 0x90, 0x82, 0x00,
+        0x00, 0x00, 0xf7, 0x3f, 0x7c, 0x97, 0x00, 0x00, 0x00, 0xff, 0x37, 0x39,
+        0xff, 0x1f, 0x00, 0x35, 0xf7, 0x10, 0x00, 0x5a, 0xff, 0xcf, 0xef, 0x35,
+        0x00, 0x00, 0x00, 0x08, 0x15, 0x08, 0x00, 0x00,
+        /* ch = 'p' */
+        0x1e, 0x2d, 0x22, 0x5b, 0x37, 0x04, 0x00, 0x50, 0xff, 0x94, 0x36, 0xc4,
+        0xb7, 0x00, 0x50, 0xe5, 0x08, 0x00, 0x22, 0xff, 0x32, 0x50, 0xbd, 0x00,
+        0x00, 0x00, 0xf7, 0x54, 0x50, 0xbd, 0x00, 0x00, 0x00, 0xff, 0x48, 0x50,
+        0xff, 0x1c, 0x00, 0x35, 0xff, 0x1a, 0x50, 0xe5, 0xef, 0xcf, 0xf7, 0x48,
+        0x00, 0x50, 0xbd, 0x04, 0x15, 0x0c, 0x00, 0x00, 0x50, 0xbd, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x1e, 0x30, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'q' */
+        0x00, 0x0c, 0x50, 0x67, 0x28, 0x36, 0x0d, 0x10, 0xdb, 0x6a, 0x2a, 0xdb,
+        0xff, 0x1f, 0x5a, 0xa7, 0x04, 0x00, 0x32, 0xff, 0x1f, 0x7c, 0x82, 0x00,
+        0x00, 0x1c, 0xff, 0x1f, 0x7c, 0x88, 0x00, 0x00, 0x1f, 0xff, 0x1f, 0x39,
+        0xff, 0x1f, 0x00, 0x5f, 0xff, 0x1f, 0x00, 0x77, 0xff, 0xdd, 0xbb, 0xff,
+        0x1f, 0x00, 0x00, 0x0c, 0x0f, 0x1c, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x00, 0x0d, 0x36, 0x10,
+        /* ch = 'r' */
+        0x36, 0x21, 0x2a, 0x74, 0x37, 0x04, 0xff, 0xff, 0x99, 0x36, 0xc4, 0x24,
+        0xff, 0xb7, 0x04, 0x00, 0x0c, 0x04, 0xff, 0x48, 0x00, 0x00, 0x00, 0x00,
+        0xff, 0x35, 0x00, 0x00, 0x00, 0x00, 0xff, 0x35, 0x00, 0x00, 0x00, 0x00,
+        0xff, 0x35, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 's' */
+        0x00, 0x08, 0x3e, 0x74, 0x3e, 0x08, 0x00, 0x00, 0xc0, 0x7c, 0x1a, 0x77,
+        0xc8, 0x00, 0x14, 0xff, 0x4f, 0x00, 0x00, 0x22, 0x00, 0x00, 0x35, 0xe5,
+        0xef, 0x73, 0x13, 0x00, 0x00, 0x00, 0x00, 0x1e, 0x99, 0xe5, 0x04, 0x1c,
+        0x65, 0x04, 0x00, 0x26, 0xff, 0x17, 0x19, 0xbb, 0xef, 0xcf, 0xef, 0x48,
+        0x00, 0x00, 0x00, 0x08, 0x15, 0x08, 0x00, 0x00,
+        /* ch = 't' */
+        0x00, 0x00, 0x0f, 0x0f, 0x00, 0x00, 0x00, 0x00, 0x90, 0x70, 0x00, 0x00,
+        0x16, 0x36, 0xcf, 0x87, 0x36, 0x1e, 0x16, 0x36, 0xcf, 0x82, 0x36, 0x21,
+        0x00, 0x00, 0xe5, 0x37, 0x00, 0x00, 0x00, 0x00, 0xff, 0x35, 0x00, 0x00,
+        0x00, 0x00, 0xff, 0x35, 0x00, 0x00, 0x00, 0x00, 0xe5, 0x5f, 0x00, 0x22,
+        0x00, 0x00, 0x4d, 0xff, 0xe5, 0xcb, 0x00, 0x00, 0x00, 0x08, 0x0c, 0x00,
+        /* ch = 'u' */
+        0x1e, 0x2d, 0x00, 0x00, 0x16, 0x36, 0x0d, 0x50, 0xbd, 0x00, 0x00, 0x32,
+        0xff, 0x1f, 0x50, 0xbd, 0x00, 0x00, 0x32, 0xff, 0x1f, 0x50, 0xbd, 0x00,
+        0x00, 0x32, 0xff, 0x1f, 0x50, 0xc6, 0x00, 0x00, 0x32, 0xff, 0x1f, 0x2f,
+        0xff, 0x1a, 0x00, 0x70, 0xff, 0x1f, 0x00, 0x94, 0xf7, 0xd4, 0xcb, 0xff,
+        0x1f, 0x00, 0x00, 0x0f, 0x0f, 0x00, 0x00, 0x00,
+        /* ch = 'v' */
+        0x2b, 0x2b, 0x00, 0x00, 0x00, 0x30, 0x16, 0x44, 0xec, 0x04, 0x00, 0x0d,
+        0xff, 0x17, 0x0d, 0xf7, 0x3b, 0x00, 0x44, 0xa7, 0x04, 0x00, 0x70, 0x97,
+        0x00, 0xa7, 0x3b, 0x00, 0x00, 0x24, 0xff, 0x40, 0xe5, 0x08, 0x00, 0x00,
+        0x00, 0xc8, 0xff, 0x5f, 0x00, 0x00, 0x00, 0x00, 0x48, 0xff, 0x1a, 0x00,
+        0x00,
+        /* ch = 'w' */
+        0x36, 0x13, 0x00, 0x00, 0x00, 0x1e, 0x26, 0xe5, 0x2c, 0x1c, 0xbd, 0x00,
+        0x54, 0x70, 0x90, 0x50, 0x3b, 0xff, 0x26, 0x7c, 0x50, 0x54, 0x88, 0x77,
+        0xe5, 0x64, 0xb1, 0x32, 0x2f, 0xd9, 0xcf, 0x48, 0xbd, 0xe5, 0x1c, 0x1a,
+        0xff, 0xb7, 0x10, 0xff, 0xe5, 0x04, 0x00, 0xe5, 0x64, 0x00, 0xa0, 0xa7,
+        0x00,
+        /* ch = 'x' */
+        0x24, 0x30, 0x00, 0x00, 0x19, 0x33, 0x09, 0x10, 0xdb, 0x48, 0x04, 0xb7,
+        0x54, 0x00, 0x00, 0x2f, 0xff, 0x7c, 0xb1, 0x08, 0x00, 0x00, 0x00, 0x70,
+        0xff, 0x24, 0x00, 0x00, 0x00, 0x04, 0xdb, 0xf7, 0x70, 0x00, 0x00, 0x00,
+        0x77, 0xb1, 0x21, 0xf7, 0x35, 0x00, 0x32, 0xf7, 0x1f, 0x00, 0x4d, 0xe5,
+        0x10,
+        /* ch = 'y' */
+        0x24, 0x2d, 0x00, 0x00, 0x00, 0x36, 0x1c, 0x2c, 0xff, 0x0d, 0x00, 0x14,
+        0xff, 0x1f, 0x04, 0xe5, 0x4c, 0x00, 0x48, 0xb7, 0x04, 0x00, 0x5a, 0xcf,
+        0x00, 0xa7, 0x4c, 0x00, 0x00, 0x17, 0xff, 0x3f, 0xff, 0x10, 0x00, 0x00,
+        0x00, 0x8a, 0xff, 0x90, 0x00, 0x00, 0x00, 0x00, 0x2c, 0xff, 0x2f, 0x00,
+        0x00, 0x00, 0x00, 0x32, 0xe5, 0x08, 0x00, 0x00, 0xa0, 0x54, 0xdb, 0x50,
+        0x00, 0x00, 0x00, 0x1e, 0x36, 0x25, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'z' */
+        0x16, 0x36, 0x36, 0x36, 0x36, 0x36, 0x00, 0x16, 0x36, 0x36, 0x36, 0xc4,
+        0xb1, 0x04, 0x00, 0x00, 0x00, 0x50, 0xdb, 0x13, 0x00, 0x00, 0x00, 0x32,
+        0xf7, 0x21, 0x00, 0x00, 0x00, 0x1f, 0xf7, 0x35, 0x00, 0x00, 0x00, 0x10,
+        0xdb, 0x64, 0x00, 0x00, 0x00, 0x00, 0x77, 0xff, 0xdd, 0xcf, 0xcf, 0xdd,
+        0x35,
+        /* ch = '{' */
+        0x1f, 0xbd, 0xd4, 0x6c, 0xc8, 0x4f, 0x00, 0x00, 0xff, 0x35, 0x00, 0x00,
+        0xff, 0x35, 0x00, 0x00, 0xf7, 0x10, 0x00, 0x00, 0x36, 0x00, 0x00, 0x00,
+        0xff, 0x14, 0x00, 0x00, 0xff, 0x2a, 0x00, 0x00, 0xff, 0x1f, 0x00, 0x00,
+        0xff, 0x35, 0x00, 0x00, 0x73, 0xf7, 0x74, 0x42, 0x00, 0x0f, 0x15, 0x12,
+        /* ch = '|' */
+        0x08, 0x15, 0x00, 0x32, 0xff, 0x04, 0x32, 0xff, 0x04, 0x32, 0xff, 0x04,
+        0x32, 0xff, 0x04, 0x32, 0xff, 0x04, 0x32, 0xff, 0x04, 0x32, 0xff, 0x04,
+        0x32, 0xff, 0x04, 0x32, 0xff, 0x04, 0x32, 0xff, 0x04, 0x32, 0xff, 0x04,
+        0x08, 0x15, 0x04,
+        /* ch = '}' */
+        0xcf, 0xdd, 0x8d, 0x0d, 0x00, 0x04, 0xa7, 0x5f, 0x00, 0x00, 0x7c, 0x82,
+        0x00, 0x00, 0x77, 0x82, 0x00, 0x00, 0x39, 0xcf, 0x00, 0x00, 0x00, 0x7f,
+        0x00, 0x00, 0x40, 0xcf, 0x00, 0x00, 0x5a, 0x82, 0x00, 0x00, 0x50, 0xbd,
+        0x00, 0x00, 0x7c, 0x88, 0x74, 0x8f, 0xf7, 0x32, 0x15, 0x15, 0x0c, 0x00,
+        /* ch = '~' */
+        0x00, 0x2a, 0x50, 0x1b, 0x00, 0x19, 0x10, 0x5b, 0xc4, 0x4f, 0xf7, 0x73,
+        0xdb, 0x35, 0x04, 0x0c, 0x00, 0x1b, 0x36, 0x20, 0x00
 };
 
 /* font_inconsolata_15px */
 static const unsigned char pd_inconsolata_font_bitmap_15px_bytes[] = {
-	/* ch = '!' */
-	0x39, 0xff, 0x27,
-	0x50, 0xff, 0x32,
-	0x32, 0xff, 0x32,
-	0x32, 0xff, 0x1c,
-	0x24, 0xff, 0x1c,
-	0x1c, 0xff, 0x0d,
-	0x1c, 0xff, 0x00,
-	0x00, 0x00, 0x00,
-	0x1f, 0x74, 0x10,
-	0x66, 0xff, 0x40,
-	0x04, 0x15, 0x00,
-	/* ch = '"' */
-	0x22, 0xff, 0x27, 0x66, 0xb1,
-	0x1f, 0xff, 0x2a, 0x7c, 0xbd,
-	0x32, 0xe5, 0x04, 0x90, 0x5f,
-	0x46, 0x60, 0x00, 0xa5, 0x22,
-	/* ch = '#' */
-	0x00, 0x00, 0x28, 0x1e, 0x04, 0x2a, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x3b, 0x2f, 0xff, 0x00, 0x00,
-	0x00, 0x00, 0xf7, 0x2f, 0x3b, 0xb7, 0x00, 0x00,
-	0x6c, 0xcf, 0xff, 0xb1, 0xcf, 0xe5, 0xa2, 0x11,
-	0x00, 0x1c, 0xff, 0x04, 0x7c, 0x6b, 0x00, 0x00,
-	0x00, 0x32, 0xcf, 0x00, 0xa0, 0x50, 0x00, 0x00,
-	0x5c, 0x9c, 0xe5, 0x74, 0xe5, 0x9c, 0x58, 0x00,
-	0x15, 0x62, 0x88, 0x15, 0xff, 0x24, 0x00, 0x00,
-	0x00, 0x7c, 0x54, 0x1a, 0xff, 0x1a, 0x00, 0x00,
-	0x00, 0x8f, 0x3e, 0x1f, 0xcf, 0x00, 0x00, 0x00,
-	/* ch = '$' */
-	0x00, 0x00, 0x00, 0x95, 0x3a, 0x00, 0x00,
-	0x00, 0x19, 0x9e, 0xf7, 0xdd, 0x66, 0x04,
-	0x04, 0xdb, 0x54, 0xb7, 0x3a, 0xa0, 0x49,
-	0x1a, 0xff, 0x26, 0xb7, 0x32, 0x00, 0x00,
-	0x00, 0x7c, 0xef, 0xe5, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0x31, 0xe5, 0xff, 0x8d, 0x10,
-	0x00, 0x00, 0x00, 0xb7, 0x37, 0xb1, 0x8a,
-	0x00, 0x21, 0x00, 0xb7, 0x32, 0x50, 0xb7,
-	0x2d, 0xf7, 0x37, 0xbd, 0x4f, 0xdb, 0x4d,
-	0x00, 0x22, 0x8f, 0xf7, 0xbb, 0x37, 0x00,
-	0x00, 0x00, 0x00, 0x58, 0x22, 0x00, 0x00,
-	/* ch = '%' */
-	0x08, 0x47, 0x37, 0x04, 0x00, 0x21, 0x2b,
-	0x8a, 0x8a, 0xb1, 0x5a, 0x04, 0xdb, 0x3b,
-	0xb7, 0x32, 0x50, 0xa9, 0x50, 0xb7, 0x00,
-	0x6b, 0xa0, 0xb7, 0x5f, 0xf7, 0x2a, 0x00,
-	0x04, 0x30, 0x2a, 0x6b, 0x90, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x90, 0x6b, 0x50, 0xbd, 0x35,
-	0x00, 0x2a, 0xf7, 0x3f, 0xe5, 0x24, 0xff,
-	0x00, 0xb7, 0x50, 0x44, 0xbd, 0x04, 0xff,
-	0x3b, 0xdb, 0x04, 0x10, 0xdb, 0xc4, 0xa9,
-	0x00, 0x00, 0x00, 0x00, 0x04, 0x15, 0x00,
-	/* ch = '&' */
-	0x00, 0x00, 0x2a, 0x36, 0x13, 0x00, 0x00, 0x00,
-	0x00, 0x77, 0xdb, 0x85, 0xf7, 0x17, 0x00, 0x00,
-	0x00, 0xef, 0x47, 0x00, 0xd9, 0x40, 0x00, 0x00,
-	0x00, 0x8a, 0x90, 0x17, 0xff, 0x22, 0x00, 0x00,
-	0x00, 0x1f, 0xff, 0xef, 0x4d, 0x00, 0x00, 0x00,
-	0x04, 0x94, 0xef, 0xf7, 0x1f, 0x04, 0x0c, 0x00,
-	0x48, 0xf7, 0x10, 0x7c, 0xb1, 0x2f, 0xf7, 0x0a,
-	0xa0, 0x82, 0x00, 0x0d, 0xdb, 0xff, 0x54, 0x00,
-	0x7c, 0xc8, 0x08, 0x08, 0xb1, 0xff, 0x35, 0x00,
-	0x1f, 0xd4, 0xef, 0xf7, 0x7e, 0x59, 0xd4, 0x0a,
-	0x00, 0x00, 0x15, 0x08, 0x00, 0x04, 0x08, 0x00,
-	/* ch = ''' */
-	0x00, 0x99, 0x84,
-	0x00, 0xb7, 0x82,
-	0x00, 0xcf, 0x3b,
-	0x11, 0xbd, 0x0d,
-	/* ch = '(' */
-	0x00, 0x00, 0x35, 0xef,
-	0x00, 0x50, 0xf7, 0x26,
-	0x2a, 0xff, 0x2c, 0x00,
-	0xa0, 0x8a, 0x00, 0x00,
-	0xff, 0x32, 0x00, 0x00,
-	0xff, 0x1c, 0x00, 0x00,
-	0xff, 0x1c, 0x00, 0x00,
-	0xff, 0x2a, 0x00, 0x00,
-	0xc8, 0x64, 0x00, 0x00,
-	0x44, 0xf7, 0x10, 0x00,
-	0x04, 0xb1, 0xb1, 0x04,
-	0x00, 0x10, 0xc4, 0xc4,
-	0x00, 0x00, 0x04, 0x51,
-	/* ch = ')' */
-	0xe5, 0x35, 0x00, 0x00,
-	0x3f, 0xf7, 0x50, 0x00,
-	0x00, 0x32, 0xff, 0x2f,
-	0x00, 0x00, 0x70, 0xc8,
-	0x00, 0x00, 0x24, 0xff,
-	0x00, 0x00, 0x00, 0xff,
-	0x00, 0x00, 0x00, 0xff,
-	0x00, 0x00, 0x0d, 0xff,
-	0x00, 0x00, 0x39, 0xf7,
-	0x00, 0x04, 0xc8, 0x6b,
-	0x04, 0x7c, 0xdb, 0x10,
-	0xa9, 0xd4, 0x19, 0x00,
-	0x50, 0x08, 0x00, 0x00,
-	/* ch = '*' */
-	0x00, 0x00, 0x17, 0xcf, 0x2d, 0x00, 0x00,
-	0x08, 0x08, 0x00, 0xff, 0x24, 0x04, 0x0c,
-	0x58, 0xf7, 0x66, 0xff, 0x6b, 0xe5, 0x87,
-	0x00, 0x0c, 0x51, 0xff, 0x6c, 0x0c, 0x00,
-	0x00, 0x10, 0xdb, 0x54, 0xf7, 0x1f, 0x00,
-	0x00, 0xa9, 0x7c, 0x00, 0x54, 0xdb, 0x09,
-	0x00, 0x1b, 0x10, 0x00, 0x04, 0x21, 0x00,
-	/* ch = '+' */
-	0x00, 0x00, 0x00, 0xcf, 0x2d, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xff, 0x32, 0x00, 0x00,
-	0x0f, 0x15, 0x15, 0xff, 0x3e, 0x15, 0x12,
-	0x42, 0x74, 0x74, 0xff, 0x9c, 0x74, 0x58,
-	0x00, 0x00, 0x00, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x36, 0x16, 0x00, 0x00,
-	/* ch = ',' */
-	0x19, 0x5b, 0x10,
-	0x66, 0xff, 0x5a,
-	0x04, 0xea, 0x39,
-	0x35, 0xb1, 0x04,
-	0x3d, 0x10, 0x00,
-	/* ch = '-' */
-	0x08, 0x15, 0x15, 0x15, 0x15, 0x15, 0x0c,
-	0x2d, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x45,
-	/* ch = '.' */
-	0x19, 0x67, 0x10,
-	0x66, 0xff, 0x40,
-	0x04, 0x15, 0x00,
-	/* ch = '/' */
-	0x00, 0xc0, 0x33,
-	0x39, 0xf7, 0x10,
-	0xa7, 0x70, 0x00,
-	0xff, 0x17, 0x00,
-	0x8a, 0x00, 0x00,
-	0x22, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	/* ch = '0' */
-	0x00, 0x00, 0x16, 0x36, 0x1e, 0x00, 0x00,
-	0x00, 0x32, 0xef, 0x82, 0xef, 0x50, 0x00,
-	0x04, 0xe5, 0x3b, 0x00, 0x26, 0xff, 0x17,
-	0x32, 0xe5, 0x04, 0x00, 0x7c, 0xff, 0x50,
-	0x50, 0xb7, 0x00, 0x50, 0xdb, 0x97, 0x7c,
-	0x50, 0x90, 0x24, 0xf7, 0x1f, 0x54, 0x7c,
-	0x50, 0xcf, 0xdb, 0x3b, 0x00, 0x7c, 0x7c,
-	0x2a, 0xff, 0x7c, 0x00, 0x00, 0xb7, 0x4d,
-	0x00, 0xb7, 0x7c, 0x00, 0x32, 0xf7, 0x17,
-	0x00, 0x1f, 0xd4, 0xdd, 0xf7, 0x32, 0x00,
-	0x00, 0x00, 0x00, 0x15, 0x08, 0x00, 0x00,
-	/* ch = '1' */
-	0x00, 0x00, 0x2a, 0x1e,
-	0x31, 0xd4, 0xff, 0x50,
-	0x48, 0x20, 0xb7, 0x50,
-	0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0xb7, 0x50,
-	/* ch = '2' */
-	0x00, 0x00, 0x1e, 0x36, 0x25, 0x00, 0x00,
-	0x00, 0x77, 0xd4, 0x74, 0xdb, 0xa9, 0x04,
-	0x04, 0x7e, 0x10, 0x00, 0x10, 0xff, 0x39,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xcf, 0x4d,
-	0x00, 0x00, 0x00, 0x00, 0x2a, 0xff, 0x1c,
-	0x00, 0x00, 0x00, 0x1f, 0xef, 0x50, 0x00,
-	0x00, 0x00, 0x1f, 0xf7, 0x4d, 0x00, 0x00,
-	0x00, 0x10, 0xdb, 0x50, 0x00, 0x00, 0x00,
-	0x00, 0xa0, 0x82, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0xff, 0xff, 0xff, 0xff, 0x7c,
-	/* ch = '3' */
-	0x00, 0x00, 0x20, 0x36, 0x18, 0x00, 0x00,
-	0x00, 0x9c, 0xcb, 0x82, 0xf7, 0x50, 0x00,
-	0x00, 0x0c, 0x04, 0x00, 0x2c, 0xff, 0x14,
-	0x00, 0x00, 0x00, 0x00, 0x2c, 0xff, 0x14,
-	0x00, 0x00, 0x16, 0x3e, 0xdb, 0x4d, 0x00,
-	0x00, 0x00, 0x42, 0x82, 0xe5, 0x4d, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x24, 0xff, 0x22,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x32,
-	0x04, 0x8d, 0x13, 0x00, 0x37, 0xff, 0x17,
-	0x08, 0x94, 0xf7, 0xd4, 0xf7, 0x3b, 0x00,
-	0x00, 0x00, 0x0c, 0x15, 0x04, 0x00, 0x00,
-	/* ch = '4' */
-	0x00, 0x00, 0x00, 0x00, 0x28, 0x1e, 0x00,
-	0x00, 0x00, 0x00, 0x1f, 0xff, 0x50, 0x00,
-	0x00, 0x00, 0x04, 0xb7, 0xff, 0x50, 0x00,
-	0x00, 0x00, 0x54, 0x90, 0xb7, 0x50, 0x00,
-	0x00, 0x1f, 0xf7, 0x10, 0xb7, 0x50, 0x00,
-	0x04, 0xb7, 0x3b, 0x00, 0xb7, 0x50, 0x00,
-	0x50, 0xec, 0x74, 0x74, 0xe5, 0xb1, 0x58,
-	0x26, 0x36, 0x36, 0x36, 0xcf, 0x82, 0x2d,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x50, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x50, 0x00,
-	/* ch = '5' */
-	0x00, 0x28, 0x36, 0x36, 0x36, 0x36, 0x16,
-	0x00, 0xb7, 0xb1, 0x74, 0x74, 0x74, 0x22,
-	0x00, 0xb7, 0x44, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0xf7, 0x32, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0xff, 0xf7, 0xd4, 0xf7, 0x5a, 0x00,
-	0x00, 0x67, 0x21, 0x00, 0x21, 0xff, 0x39,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xb1, 0x77,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xb1, 0x77,
-	0x13, 0xd4, 0x21, 0x00, 0x1f, 0xff, 0x39,
-	0x00, 0x66, 0xf7, 0xcf, 0xf7, 0x66, 0x00,
-	0x00, 0x00, 0x04, 0x15, 0x08, 0x00, 0x00,
-	/* ch = '6' */
-	0x00, 0x00, 0x08, 0x30, 0x36, 0x16, 0x00,
-	0x00, 0x1f, 0xdb, 0xa4, 0x73, 0xef, 0x1e,
-	0x00, 0xa0, 0x82, 0x00, 0x00, 0x0c, 0x00,
-	0x14, 0xff, 0x2a, 0x00, 0x00, 0x00, 0x00,
-	0x2a, 0xff, 0xa2, 0xff, 0xf7, 0x44, 0x00,
-	0x32, 0xff, 0x70, 0x04, 0x21, 0xff, 0x2a,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0xb7, 0x50,
-	0x1a, 0xff, 0x24, 0x00, 0x00, 0xb7, 0x54,
-	0x00, 0xb7, 0x82, 0x00, 0x1f, 0xff, 0x2c,
-	0x00, 0x1f, 0xd4, 0xdd, 0xf7, 0x5a, 0x00,
-	0x00, 0x00, 0x00, 0x12, 0x0c, 0x00, 0x00,
-	/* ch = '7' */
-	0x0d, 0x36, 0x36, 0x36, 0x36, 0x36, 0x1e,
-	0x14, 0x74, 0x74, 0x74, 0x8d, 0xff, 0x39,
-	0x00, 0x00, 0x00, 0x00, 0x50, 0xe5, 0x04,
-	0x00, 0x00, 0x00, 0x00, 0xc8, 0x5a, 0x00,
-	0x00, 0x00, 0x00, 0x2c, 0xff, 0x17, 0x00,
-	0x00, 0x00, 0x00, 0x8a, 0x90, 0x00, 0x00,
-	0x00, 0x00, 0x0d, 0xff, 0x39, 0x00, 0x00,
-	0x00, 0x00, 0x44, 0xf7, 0x0d, 0x00, 0x00,
-	0x00, 0x00, 0xa7, 0x8a, 0x00, 0x00, 0x00,
-	0x00, 0x17, 0xff, 0x39, 0x00, 0x00, 0x00,
-	/* ch = '8' */
-	0x00, 0x00, 0x1e, 0x36, 0x30, 0x04, 0x00,
-	0x00, 0x50, 0xef, 0x50, 0xc4, 0xb1, 0x04,
-	0x00, 0xe5, 0x3b, 0x00, 0x17, 0xff, 0x2f,
-	0x00, 0xc8, 0x5f, 0x00, 0x24, 0xff, 0x17,
-	0x00, 0x2c, 0xf7, 0x85, 0xdb, 0x4d, 0x00,
-	0x00, 0x2c, 0xe5, 0x8f, 0xf7, 0x5a, 0x00,
-	0x17, 0xf7, 0x35, 0x00, 0x1f, 0xff, 0x39,
-	0x39, 0xff, 0x00, 0x00, 0x00, 0xb7, 0x77,
-	0x27, 0xff, 0x37, 0x00, 0x19, 0xf7, 0x40,
-	0x00, 0x44, 0xf7, 0xd4, 0xf7, 0x66, 0x00,
-	0x00, 0x00, 0x04, 0x15, 0x08, 0x00, 0x00,
-	/* ch = '9' */
-	0x00, 0x00, 0x1e, 0x36, 0x22, 0x00, 0x00,
-	0x00, 0x50, 0xef, 0x74, 0xef, 0x73, 0x00,
-	0x14, 0xff, 0x2c, 0x00, 0x24, 0xff, 0x22,
-	0x32, 0xff, 0x04, 0x00, 0x00, 0xcf, 0x44,
-	0x24, 0xff, 0x22, 0x00, 0x04, 0xcf, 0x50,
-	0x00, 0xa0, 0xc4, 0x36, 0x99, 0xff, 0x50,
-	0x00, 0x04, 0x48, 0x74, 0x37, 0xbd, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0x0d, 0xff, 0x2a,
-	0x00, 0x3d, 0x04, 0x00, 0x6f, 0xdb, 0x04,
-	0x09, 0xa9, 0xef, 0xe5, 0xd4, 0x19, 0x00,
-	0x00, 0x00, 0x0f, 0x12, 0x00, 0x00, 0x00,
-	/* ch = ':' */
-	0x08, 0x30, 0x04,
-	0x73, 0xff, 0x49,
-	0x10, 0x36, 0x04,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x19, 0x67, 0x10,
-	0x66, 0xff, 0x40,
-	0x04, 0x15, 0x00,
-	/* ch = ';' */
-	0x08, 0x30, 0x04,
-	0x73, 0xff, 0x49,
-	0x10, 0x36, 0x04,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x19, 0x5b, 0x10,
-	0x66, 0xff, 0x5a,
-	0x04, 0xea, 0x39,
-	0x35, 0xb1, 0x04,
-	0x3d, 0x10, 0x00,
-	/* ch = '<' */
-	0x00, 0x00, 0x00, 0x04, 0x3d,
-	0x00, 0x04, 0x3f, 0xef, 0x8d,
-	0x37, 0xd4, 0xb3, 0x1e, 0x00,
-	0xbb, 0x22, 0x00, 0x00, 0x00,
-	0x28, 0x00, 0x00, 0x00, 0x00,
-	0xd4, 0xb3, 0x1b, 0x00, 0x00,
-	0x04, 0x50, 0xf7, 0x73, 0x13,
-	0x00, 0x00, 0x13, 0x94, 0xb7,
-	0x00, 0x00, 0x00, 0x00, 0x0c,
-	/* ch = '=' */
-	0x42, 0x74, 0x74, 0x74, 0x74, 0x74, 0x58,
-	0x26, 0x36, 0x36, 0x36, 0x36, 0x36, 0x2d,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x26, 0x36, 0x36, 0x36, 0x36, 0x36, 0x2d,
-	0x26, 0x36, 0x36, 0x36, 0x36, 0x36, 0x2d,
-	/* ch = '>' */
-	0x08, 0x00, 0x00, 0x00, 0x00,
-	0xf7, 0x5a, 0x08, 0x00, 0x00,
-	0x16, 0x8d, 0xef, 0x48, 0x04,
-	0x00, 0x00, 0x1b, 0x94, 0xef,
-	0x00, 0x00, 0x00, 0x1b, 0xc8,
-	0x00, 0x13, 0x8d, 0xef, 0x37,
-	0x5a, 0xf7, 0x73, 0x08, 0x00,
-	0xbb, 0x1b, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = '?' */
-	0x00, 0x28, 0xc4, 0xff, 0xe5, 0x44, 0x00,
-	0x22, 0xff, 0x48, 0x04, 0x54, 0xff, 0x27,
-	0x00, 0x0f, 0x00, 0x00, 0x04, 0xff, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0x2c, 0xff, 0x39,
-	0x00, 0x00, 0x00, 0x19, 0xdb, 0x7c, 0x00,
-	0x00, 0x00, 0x00, 0x99, 0x82, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x15, 0x08, 0x00, 0x00,
-	0x00, 0x00, 0x04, 0x50, 0x21, 0x00, 0x00,
-	0x00, 0x00, 0x27, 0xff, 0x99, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x12, 0x08, 0x00, 0x00,
-	/* ch = '@' */
-	0x00, 0x00, 0x1b, 0x36, 0x36, 0x0c, 0x00,
-	0x00, 0x4d, 0xd4, 0x3e, 0x5a, 0xef, 0x1f,
-	0x2a, 0xf7, 0x10, 0x00, 0x00, 0x50, 0xa0,
-	0x6b, 0x5f, 0x00, 0x22, 0x74, 0x9c, 0xf7,
-	0xb7, 0x35, 0x39, 0xdb, 0x25, 0x3a, 0xff,
-	0xb7, 0x32, 0x7c, 0x6f, 0x00, 0x35, 0xff,
-	0xa0, 0x4d, 0x44, 0xdb, 0x3e, 0xc4, 0xff,
-	0x50, 0xa7, 0x00, 0x2a, 0x50, 0x30, 0x36,
-	0x0d, 0xdb, 0x54, 0x00, 0x00, 0x08, 0x04,
-	0x00, 0x19, 0xbb, 0xe5, 0xcf, 0xe5, 0x2d,
-	0x00, 0x00, 0x00, 0x0f, 0x15, 0x04, 0x00,
-	/* ch = 'A' */
-	0x00, 0x00, 0x00, 0x36, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xf7, 0x0d, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0x3b, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0xc8, 0xc0, 0xa7, 0x00, 0x00, 0x00,
-	0x00, 0x22, 0xf7, 0x24, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x5a, 0x8a, 0x00, 0xa7, 0x5a, 0x00, 0x00,
-	0x00, 0xcf, 0xb1, 0x74, 0xb1, 0xe5, 0x00, 0x00,
-	0x24, 0xff, 0x21, 0x15, 0x21, 0xff, 0x2c, 0x00,
-	0x6b, 0xa0, 0x00, 0x00, 0x00, 0x90, 0x8a, 0x00,
-	0xe5, 0x44, 0x00, 0x00, 0x00, 0x39, 0xf7, 0x0d,
-	/* ch = 'B' */
-	0x26, 0x36, 0x36, 0x36, 0x20, 0x00, 0x00,
-	0x7c, 0xe5, 0x74, 0x74, 0xe5, 0xb1, 0x0d,
-	0x7c, 0xb7, 0x00, 0x00, 0x10, 0xff, 0x44,
-	0x7c, 0xb7, 0x00, 0x00, 0x0d, 0xff, 0x39,
-	0x7c, 0xcf, 0x36, 0x50, 0xd4, 0xa9, 0x04,
-	0x7c, 0xcf, 0x36, 0x36, 0xa4, 0xbb, 0x10,
-	0x7c, 0xb7, 0x00, 0x00, 0x00, 0xa7, 0x7c,
-	0x7c, 0xb7, 0x00, 0x00, 0x00, 0x70, 0xb7,
-	0x7c, 0xb7, 0x00, 0x00, 0x1b, 0xe5, 0x5f,
-	0x7c, 0xff, 0xff, 0xff, 0xef, 0x73, 0x04,
-	/* ch = 'C' */
-	0x00, 0x00, 0x0c, 0x36, 0x36, 0x0c, 0x00,
-	0x00, 0x39, 0xef, 0x66, 0x66, 0xf7, 0x32,
-	0x17, 0xf7, 0x35, 0x00, 0x00, 0x3f, 0x8d,
-	0x50, 0xcf, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x77, 0x90, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x44, 0xf7, 0x0d, 0x00, 0x00, 0x00, 0x00,
-	0x0d, 0xdb, 0x7c, 0x04, 0x00, 0x50, 0x5c,
-	0x00, 0x1f, 0xcb, 0xe5, 0xdd, 0xcb, 0x19,
-	0x00, 0x00, 0x00, 0x12, 0x0f, 0x00, 0x00,
-	/* ch = 'D' */
-	0x1e, 0x36, 0x36, 0x30, 0x0f, 0x00, 0x00,
-	0x50, 0xe5, 0x74, 0x8f, 0xf7, 0x66, 0x00,
-	0x50, 0xb7, 0x00, 0x00, 0x2c, 0xff, 0x2c,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0xa7, 0x7c,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x5f, 0xb7,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x50, 0xb7,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x5f, 0xb1,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0xc8, 0x5a,
-	0x50, 0xb7, 0x00, 0x04, 0x5f, 0xf7, 0x10,
-	0x50, 0xf7, 0xcf, 0xef, 0xab, 0x19, 0x00,
-	/* ch = 'E' */
-	0x1e, 0x36, 0x36, 0x36, 0x36, 0x36, 0x26,
-	0x50, 0xe5, 0x74, 0x74, 0x74, 0x74, 0x42,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xcf, 0x36, 0x36, 0x36, 0x2d, 0x00,
-	0x50, 0xe5, 0x74, 0x74, 0x74, 0x58, 0x00,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0xff, 0xff, 0xff, 0xff, 0x50,
-	/* ch = 'F' */
-	0x0d, 0x36, 0x36, 0x36, 0x36, 0x36, 0x1e,
-	0x1c, 0xff, 0x87, 0x74, 0x74, 0x74, 0x30,
-	0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x87, 0x74, 0x74, 0x42, 0x00,
-	0x1c, 0xff, 0x4a, 0x36, 0x36, 0x26, 0x00,
-	0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'G' */
-	0x00, 0x00, 0x0f, 0x36, 0x36, 0x0c, 0x00,
-	0x00, 0x44, 0xf7, 0x82, 0x8f, 0xf7, 0x32,
-	0x22, 0xff, 0x32, 0x00, 0x00, 0x49, 0x4d,
-	0x5f, 0xa7, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x90, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xb7, 0x6b, 0x00, 0x0d, 0x36, 0x36, 0x2d,
-	0x7c, 0x7c, 0x00, 0x0d, 0x36, 0x62, 0xb7,
-	0x50, 0xe5, 0x04, 0x00, 0x00, 0x32, 0xb7,
-	0x10, 0xe5, 0x5f, 0x04, 0x00, 0x43, 0xb7,
-	0x00, 0x21, 0xd4, 0xe5, 0xdd, 0xe5, 0x35,
-	0x00, 0x00, 0x00, 0x0f, 0x0f, 0x00, 0x00,
-	/* ch = 'H' */
-	0x1e, 0x36, 0x00, 0x00, 0x00, 0x2d, 0x26,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x50, 0xcf, 0x36, 0x36, 0x36, 0xcf, 0x7c,
-	0x50, 0xe5, 0x74, 0x74, 0x74, 0xe5, 0x7c,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	/* ch = 'I' */
-	0x00, 0x36, 0x36, 0x36, 0x36, 0x36,
-	0x00, 0x74, 0x9c, 0xff, 0x87, 0x74,
-	0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
-	0x1a, 0xcf, 0xdd, 0xff, 0xd4, 0xcf,
-	/* ch = 'J' */
-	0x00, 0x00, 0x2d, 0x36, 0x36, 0x36,
-	0x00, 0x00, 0x58, 0x74, 0xff, 0x9c,
-	0x00, 0x00, 0x00, 0x00, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x00, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x00, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x00, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x00, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x00, 0xff, 0x32,
-	0x10, 0x5a, 0x00, 0x24, 0xff, 0x22,
-	0x26, 0xef, 0xdd, 0xf7, 0x66, 0x00,
-	0x00, 0x00, 0x15, 0x0c, 0x00, 0x00,
-	/* ch = 'K' */
-	0x26, 0x2d, 0x00, 0x00, 0x00, 0x30, 0x2b,
-	0x7c, 0x7c, 0x00, 0x00, 0x50, 0xdb, 0x19,
-	0x7c, 0x7c, 0x00, 0x32, 0xf7, 0x1f, 0x00,
-	0x7c, 0x7c, 0x32, 0xff, 0x32, 0x00, 0x00,
-	0x7c, 0xb7, 0xf7, 0x59, 0x00, 0x00, 0x00,
-	0x7c, 0xff, 0xd4, 0xb1, 0x04, 0x00, 0x00,
-	0x7c, 0x82, 0x10, 0xe5, 0x5f, 0x00, 0x00,
-	0x7c, 0x7c, 0x00, 0x35, 0xff, 0x2f, 0x00,
-	0x7c, 0x7c, 0x00, 0x00, 0x7c, 0xdb, 0x10,
-	0x7c, 0x7c, 0x00, 0x00, 0x10, 0xdb, 0x82,
-	/* ch = 'L' */
-	0x16, 0x36, 0x0d, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0xd4, 0xcf, 0xcf, 0xcf, 0x67,
-	/* ch = 'M' */
-	0x26, 0x1e, 0x00, 0x00, 0x00, 0x16, 0x2d,
-	0x7c, 0xc8, 0x00, 0x00, 0x00, 0x7c, 0xb7,
-	0x7c, 0xff, 0x39, 0x00, 0x1c, 0xff, 0xb7,
-	0x7c, 0xff, 0xc8, 0x00, 0x8a, 0xf7, 0xb7,
-	0x7c, 0x82, 0xe5, 0x6a, 0xf7, 0x64, 0xb7,
-	0x7c, 0x7c, 0x48, 0xff, 0x5a, 0x50, 0xb7,
-	0x7c, 0x7c, 0x04, 0xab, 0x0d, 0x50, 0xb7,
-	0x7c, 0x7c, 0x00, 0x00, 0x00, 0x50, 0xb7,
-	0x7c, 0x7c, 0x00, 0x00, 0x00, 0x50, 0xb7,
-	0x7c, 0x7c, 0x00, 0x00, 0x00, 0x50, 0xb7,
-	/* ch = 'N' */
-	0x1e, 0x2d, 0x00, 0x00, 0x00, 0x26, 0x2b,
-	0x50, 0xff, 0x2a, 0x00, 0x00, 0x7c, 0x7c,
-	0x50, 0xff, 0xb7, 0x00, 0x00, 0x7c, 0x7c,
-	0x50, 0xe5, 0xf7, 0x3b, 0x00, 0x7c, 0x7c,
-	0x50, 0xb7, 0x5f, 0xdb, 0x04, 0x7c, 0x7c,
-	0x50, 0xb7, 0x0d, 0xe5, 0x50, 0x7c, 0x7c,
-	0x50, 0xb7, 0x00, 0x44, 0xf7, 0xa7, 0x7c,
-	0x50, 0xb7, 0x00, 0x04, 0xb7, 0xff, 0x7c,
-	0x50, 0xb7, 0x00, 0x00, 0x2a, 0xff, 0x7c,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x90, 0x7c,
-	/* ch = 'O' */
-	0x00, 0x00, 0x1e, 0x36, 0x2a, 0x04, 0x00,
-	0x00, 0x77, 0xef, 0x74, 0xd4, 0xc4, 0x0d,
-	0x32, 0xf7, 0x1f, 0x00, 0x10, 0xdb, 0x5a,
-	0x82, 0x82, 0x00, 0x00, 0x00, 0x5f, 0xcf,
-	0xb7, 0x50, 0x00, 0x00, 0x00, 0x32, 0xff,
-	0xb7, 0x50, 0x00, 0x00, 0x00, 0x32, 0xff,
-	0xb1, 0x6b, 0x00, 0x00, 0x00, 0x35, 0xff,
-	0x6b, 0xc8, 0x00, 0x00, 0x00, 0x70, 0xb1,
-	0x1c, 0xf7, 0x54, 0x00, 0x21, 0xf7, 0x3b,
-	0x00, 0x2c, 0xef, 0xff, 0xf7, 0x66, 0x00,
-	0x00, 0x00, 0x00, 0x15, 0x04, 0x00, 0x00,
-	/* ch = 'P' */
-	0x1e, 0x36, 0x36, 0x36, 0x2a, 0x08, 0x00,
-	0x50, 0xff, 0x74, 0x74, 0xdd, 0xef, 0x1f,
-	0x50, 0xff, 0x00, 0x00, 0x04, 0xb7, 0x8a,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x70, 0xb7,
-	0x50, 0xff, 0x00, 0x00, 0x1e, 0xe5, 0x5a,
-	0x50, 0xff, 0xcf, 0xcf, 0xcf, 0x5b, 0x04,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'Q' */
-	0x00, 0x00, 0x1e, 0x36, 0x2a, 0x04, 0x00,
-	0x00, 0x77, 0xef, 0x74, 0xd4, 0xc4, 0x0d,
-	0x32, 0xf7, 0x1a, 0x00, 0x08, 0xdb, 0x5a,
-	0x7c, 0x7c, 0x00, 0x00, 0x00, 0x50, 0xcf,
-	0xb7, 0x50, 0x00, 0x00, 0x00, 0x32, 0xff,
-	0xb7, 0x50, 0x00, 0x00, 0x00, 0x32, 0xff,
-	0xb1, 0x5f, 0x00, 0x00, 0x00, 0x32, 0xff,
-	0x6b, 0xb7, 0x00, 0x00, 0x00, 0x5f, 0xb1,
-	0x1c, 0xf7, 0x50, 0x00, 0x21, 0xf7, 0x3b,
-	0x00, 0x2c, 0xef, 0xdd, 0xff, 0x66, 0x00,
-	0x00, 0x00, 0x00, 0xe5, 0x3b, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x50, 0xf7, 0xcf, 0x67,
-	0x00, 0x00, 0x00, 0x00, 0x0f, 0x15, 0x0f,
-	/* ch = 'R' */
-	0x1e, 0x36, 0x36, 0x36, 0x25, 0x04, 0x00,
-	0x50, 0xe5, 0x74, 0x74, 0xe5, 0xd4, 0x10,
-	0x50, 0xb7, 0x00, 0x00, 0x04, 0xcf, 0x6b,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x82, 0x7c,
-	0x50, 0xb7, 0x00, 0x00, 0x2b, 0xf7, 0x39,
-	0x50, 0xf7, 0xcf, 0xef, 0xf7, 0x50, 0x00,
-	0x50, 0xb7, 0x00, 0x2c, 0xff, 0x1c, 0x00,
-	0x50, 0xb7, 0x00, 0x00, 0xa7, 0x7c, 0x00,
-	0x50, 0xb7, 0x00, 0x00, 0x2c, 0xff, 0x1c,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0xa7, 0x90,
-	/* ch = 'S' */
-	0x00, 0x00, 0x18, 0x36, 0x2a, 0x08, 0x00,
-	0x00, 0x77, 0xdb, 0x67, 0xa4, 0xef, 0x24,
-	0x1a, 0xff, 0x24, 0x00, 0x00, 0x3d, 0x10,
-	0x1a, 0xff, 0x3b, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x66, 0xf7, 0x73, 0x16, 0x00, 0x00,
-	0x00, 0x00, 0x1e, 0x9e, 0xff, 0x7e, 0x04,
-	0x00, 0x00, 0x00, 0x00, 0x13, 0xdb, 0x6b,
-	0x00, 0x0c, 0x00, 0x00, 0x00, 0x59, 0xb7,
-	0x2a, 0xb1, 0x10, 0x00, 0x10, 0xc8, 0x66,
-	0x10, 0x94, 0xff, 0xcf, 0xf7, 0x94, 0x04,
-	0x00, 0x00, 0x08, 0x15, 0x08, 0x00, 0x00,
-	/* ch = 'T' */
-	0x2d, 0x36, 0x36, 0x36, 0x36, 0x36, 0x36,
-	0x58, 0x74, 0x87, 0xff, 0x87, 0x74, 0x74,
-	0x00, 0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00,
-	/* ch = 'U' */
-	0x1e, 0x33, 0x00, 0x00, 0x00, 0x1e, 0x2d,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x50, 0xb7,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x50, 0xb7,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x50, 0xb7,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x50, 0xb7,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x50, 0xb7,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x50, 0xb7,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x5f, 0xb1,
-	0x2a, 0xff, 0x26, 0x00, 0x10, 0xdb, 0x5a,
-	0x00, 0x5a, 0xf7, 0xcf, 0xf7, 0x7e, 0x04,
-	0x00, 0x00, 0x04, 0x15, 0x08, 0x00, 0x00,
-	/* ch = 'V' */
-	0x33, 0x1e, 0x00, 0x00, 0x00, 0x10, 0x36, 0x0d,
-	0x7c, 0xa0, 0x00, 0x00, 0x00, 0x48, 0xcf, 0x00,
-	0x32, 0xff, 0x14, 0x00, 0x00, 0xa0, 0x5f, 0x00,
-	0x04, 0xf7, 0x44, 0x00, 0x14, 0xff, 0x24, 0x00,
-	0x00, 0x7c, 0xa0, 0x00, 0x3b, 0xcf, 0x00, 0x00,
-	0x00, 0x2c, 0xff, 0x14, 0x90, 0x5f, 0x00, 0x00,
-	0x00, 0x04, 0xe5, 0x50, 0xff, 0x24, 0x00, 0x00,
-	0x00, 0x00, 0x70, 0xf7, 0xcf, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x2c, 0xff, 0x5f, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x04, 0xe5, 0x24, 0x00, 0x00, 0x00,
-	/* ch = 'W' */
-	0x36, 0x10, 0x00, 0x00, 0x00, 0x00, 0x30, 0x16,
-	0xe5, 0x35, 0x00, 0x42, 0x14, 0x00, 0xff, 0x1c,
-	0xa0, 0x54, 0x00, 0xcf, 0x3b, 0x1c, 0xff, 0x04,
-	0x77, 0x7c, 0x1c, 0xff, 0x77, 0x2f, 0xbd, 0x00,
-	0x4d, 0xb7, 0x44, 0xf7, 0xcf, 0x44, 0x82, 0x00,
-	0x2f, 0xff, 0x90, 0x50, 0xff, 0x82, 0x5f, 0x00,
-	0x1a, 0xff, 0xff, 0x14, 0xb7, 0xff, 0x3b, 0x00,
-	0x00, 0xff, 0xcf, 0x00, 0x5f, 0xff, 0x24, 0x00,
-	0x00, 0xb7, 0x6b, 0x00, 0x32, 0xff, 0x0d, 0x00,
-	0x00, 0x7c, 0x32, 0x00, 0x0d, 0xe5, 0x00, 0x00,
-	/* ch = 'X' */
-	0x24, 0x30, 0x00, 0x00, 0x00, 0x28, 0x26,
-	0x24, 0xff, 0x2a, 0x00, 0x17, 0xf7, 0x2a,
-	0x00, 0x7c, 0xb7, 0x00, 0x7c, 0xa0, 0x00,
-	0x00, 0x17, 0xf7, 0x6a, 0xff, 0x2a, 0x00,
-	0x00, 0x00, 0x5f, 0xff, 0x90, 0x00, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x54, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0xdb, 0xf7, 0x10, 0x00,
-	0x00, 0x3b, 0xf7, 0x1a, 0xc8, 0x6b, 0x00,
-	0x04, 0xdb, 0x5f, 0x00, 0x32, 0xff, 0x1c,
-	0x44, 0xf7, 0x0d, 0x00, 0x00, 0xa0, 0x90,
-	/* ch = 'Y' */
-	0x2d, 0x26, 0x00, 0x00, 0x00, 0x19, 0x36, 0x09,
-	0x48, 0xf7, 0x10, 0x00, 0x00, 0x90, 0x8a, 0x00,
-	0x04, 0xe5, 0x5f, 0x00, 0x22, 0xff, 0x22, 0x00,
-	0x00, 0x48, 0xf7, 0x10, 0x70, 0xa0, 0x00, 0x00,
-	0x00, 0x04, 0xdb, 0x7c, 0xff, 0x2c, 0x00, 0x00,
-	0x00, 0x00, 0x44, 0xff, 0xa7, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x04, 0xff, 0x50, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00,
-	/* ch = 'Z' */
-	0x16, 0x36, 0x36, 0x36, 0x36, 0x36, 0x26,
-	0x22, 0x74, 0x74, 0x74, 0x74, 0xff, 0x66,
-	0x00, 0x00, 0x00, 0x00, 0x44, 0xe5, 0x10,
-	0x00, 0x00, 0x00, 0x10, 0xe5, 0x44, 0x00,
-	0x00, 0x00, 0x00, 0x77, 0xb7, 0x00, 0x00,
-	0x00, 0x00, 0x2a, 0xff, 0x24, 0x00, 0x00,
-	0x00, 0x04, 0xc8, 0x6b, 0x00, 0x00, 0x00,
-	0x00, 0x4d, 0xe5, 0x10, 0x00, 0x00, 0x00,
-	0x17, 0xf7, 0x44, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff,
-	/* ch = '[' */
-	0x32, 0xff, 0xcf, 0xcf, 0xcf, 0x2d,
-	0x32, 0xff, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x74, 0x74, 0x74, 0x22,
-	0x16, 0x36, 0x36, 0x36, 0x36, 0x16,
-	/* ch = '\' */
-	0x20, 0xe5, 0x10,
-	0x04, 0xc8, 0x5a,
-	0x00, 0x48, 0xe5,
-	0x00, 0x04, 0xe5,
-	0x00, 0x00, 0x5a,
-	0x00, 0x00, 0x0d,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	/* ch = ']' */
-	0x00, 0xcf, 0xcf, 0xcf, 0xf7, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x14, 0x74, 0x74, 0x74, 0xe5, 0x50,
-	0x0d, 0x36, 0x36, 0x36, 0x36, 0x1e,
-	/* ch = '^' */
-	0x00, 0x00, 0x28, 0x04, 0x00,
-	0x00, 0x1c, 0xf7, 0x44, 0x00,
-	0x00, 0x90, 0xd4, 0xe5, 0x0d,
-	0x32, 0xe5, 0x10, 0xb7, 0x50,
-	0x82, 0x32, 0x00, 0x2a, 0xa5,
-	/* ch = '_' */
-	0x95, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf,
-	0x12, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15,
-	/* ch = '`' */
-	0x17, 0xf7, 0x17,
-	0x00, 0xa7, 0x64,
-	0x00, 0x39, 0xff,
-	0x00, 0x00, 0x30,
-	/* ch = 'a' */
-	0x00, 0x37, 0xdd, 0xf7, 0xef, 0x50, 0x00,
-	0x00, 0x3d, 0x1b, 0x00, 0x1f, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x50, 0xdd, 0xcf, 0xcf, 0xf7, 0x50,
-	0x40, 0xf7, 0x13, 0x00, 0x00, 0xb7, 0x50,
-	0x5a, 0xcf, 0x04, 0x00, 0x2c, 0xff, 0x50,
-	0x10, 0xd4, 0xdd, 0xbd, 0xcb, 0xe5, 0x50,
-	0x00, 0x00, 0x12, 0x0f, 0x00, 0x00, 0x00,
-	/* ch = 'b' */
-	0x50, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x7e, 0xff, 0xf7, 0x66, 0x00,
-	0x50, 0xff, 0x54, 0x00, 0x35, 0xff, 0x44,
-	0x50, 0xff, 0x04, 0x00, 0x00, 0xa0, 0xa0,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x7c, 0xb7,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x82, 0xa0,
-	0x50, 0xff, 0x35, 0x00, 0x21, 0xf7, 0x44,
-	0x50, 0xb7, 0xd4, 0xd4, 0xff, 0x77, 0x00,
-	0x00, 0x00, 0x00, 0x12, 0x0c, 0x00, 0x00,
-	/* ch = 'c' */
-	0x00, 0x10, 0x8d, 0xf7, 0xff, 0xab, 0x19,
-	0x04, 0xb7, 0x8a, 0x08, 0x08, 0x7c, 0x73,
-	0x32, 0xff, 0x17, 0x00, 0x00, 0x08, 0x04,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x3b, 0xff, 0x17, 0x00, 0x00, 0x00, 0x00,
-	0x0d, 0xdb, 0x8a, 0x04, 0x00, 0x37, 0x26,
-	0x00, 0x1f, 0xd4, 0xef, 0xe5, 0xe5, 0x2c,
-	0x00, 0x00, 0x00, 0x12, 0x12, 0x00, 0x00,
-	/* ch = 'd' */
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x5f,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x35, 0xe5, 0xe5, 0xcb, 0xcf, 0x50,
-	0x22, 0xff, 0x32, 0x00, 0x35, 0xff, 0x50,
-	0x5f, 0xbd, 0x00, 0x00, 0x00, 0xcf, 0x5f,
-	0x7c, 0x82, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x5f, 0xbd, 0x00, 0x00, 0x00, 0xcf, 0x7c,
-	0x2a, 0xff, 0x32, 0x00, 0x37, 0xff, 0x7c,
-	0x00, 0x5a, 0xff, 0xdd, 0xd4, 0xcf, 0x7c,
-	0x00, 0x00, 0x0c, 0x12, 0x00, 0x00, 0x00,
-	/* ch = 'e' */
-	0x00, 0x26, 0xcb, 0xdd, 0xef, 0x48, 0x00,
-	0x17, 0xf7, 0x37, 0x00, 0x1f, 0xf7, 0x2a,
-	0x44, 0xd9, 0x15, 0x15, 0x15, 0x9e, 0x6b,
-	0x6b, 0xf7, 0xcf, 0xcf, 0xcf, 0xcf, 0x67,
-	0x50, 0xcf, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x22, 0xff, 0x37, 0x00, 0x00, 0x2a, 0x08,
-	0x00, 0x35, 0xef, 0xd4, 0xdd, 0xbb, 0x19,
-	0x00, 0x00, 0x00, 0x15, 0x0f, 0x00, 0x00,
-	/* ch = 'f' */
-	0x10, 0xb3, 0xe5, 0xef, 0x8d, 0x04,
-	0x8a, 0xa0, 0x04, 0x04, 0x8d, 0x04,
-	0xb7, 0x50, 0x00, 0x00, 0x00, 0x00,
-	0xcf, 0x82, 0x36, 0x26, 0x00, 0x00,
-	0xcf, 0x82, 0x36, 0x26, 0x00, 0x00,
-	0xb7, 0x50, 0x00, 0x00, 0x00, 0x00,
-	0xb7, 0x50, 0x00, 0x00, 0x00, 0x00,
-	0xb7, 0x50, 0x00, 0x00, 0x00, 0x00,
-	0xb7, 0x50, 0x00, 0x00, 0x00, 0x00,
-	0xb7, 0x50, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'g' */
-	0x44, 0xef, 0xdd, 0xbb, 0xcb, 0xd4, 0x09,
-	0xff, 0x1f, 0x00, 0x82, 0x90, 0x00, 0x00,
-	0xcf, 0x00, 0x00, 0x50, 0xb7, 0x00, 0x00,
-	0xf7, 0x5f, 0x2b, 0xdb, 0x4d, 0x00, 0x00,
-	0x82, 0x95, 0x74, 0x37, 0x00, 0x00, 0x00,
-	0xff, 0x2d, 0x15, 0x15, 0x08, 0x00, 0x00,
-	0xc4, 0x9e, 0xcf, 0xcf, 0xf7, 0x49, 0x00,
-	0x75, 0x00, 0x00, 0x00, 0x59, 0xb7, 0x00,
-	0xdb, 0x37, 0x15, 0x37, 0xdb, 0x4d, 0x00,
-	0x2a, 0x5b, 0x74, 0x5b, 0x1e, 0x00, 0x00,
-	/* ch = 'h' */
-	0x32, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x54, 0xef, 0xff, 0x7e, 0x00,
-	0x32, 0xff, 0xb1, 0x13, 0x21, 0xff, 0x32,
-	0x32, 0xff, 0x24, 0x00, 0x00, 0xe5, 0x50,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0xb7, 0x50,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0xb7, 0x50,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0xb7, 0x50,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0xb7, 0x50,
-	/* ch = 'i' */
-	0x00, 0x17, 0xcf, 0x39, 0x00,
-	0x00, 0x10, 0x9e, 0x2a, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x00,
-	0x67, 0xcf, 0xcf, 0x2d, 0x00,
-	0x00, 0x1c, 0xff, 0x32, 0x00,
-	0x00, 0x1c, 0xff, 0x32, 0x00,
-	0x00, 0x1c, 0xff, 0x32, 0x00,
-	0x00, 0x1c, 0xff, 0x32, 0x00,
-	0x00, 0x1c, 0xff, 0x32, 0x00,
-	0x95, 0xd4, 0xff, 0xdd, 0xcf,
-	/* ch = 'j' */
-	0x00, 0x00, 0x00, 0x04, 0xbd, 0x57,
-	0x00, 0x00, 0x00, 0x00, 0x8d, 0x39,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x45, 0xcf, 0xcf, 0xcf, 0x45,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x0c, 0x00, 0x04, 0xf7, 0x44,
-	0x45, 0xdb, 0x3e, 0x8a, 0xdb, 0x10,
-	0x04, 0x3f, 0x74, 0x5b, 0x13, 0x00,
-	/* ch = 'k' */
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x26, 0xcf, 0x2d, 0x00,
-	0x32, 0xff, 0x1c, 0x32, 0xef, 0x32, 0x00, 0x00,
-	0x32, 0xff, 0x5f, 0xf7, 0x2c, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0xef, 0xff, 0x32, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x21, 0x7c, 0xf7, 0x1f, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x04, 0xb1, 0xdb, 0x10, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x10, 0xdb, 0xb1, 0x04,
-	/* ch = 'l' */
-	0x00, 0xff, 0xff, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00,
-	0x1a, 0xcf, 0xd4, 0xff, 0xdd, 0xcf, 0x2d,
-	/* ch = 'm' */
-	0x95, 0xbd, 0xef, 0xd4, 0xa2, 0xef, 0x8b,
-	0xb7, 0x97, 0x0d, 0xff, 0x5f, 0x35, 0xff,
-	0xb7, 0x50, 0x00, 0xff, 0x32, 0x32, 0xff,
-	0xb7, 0x50, 0x00, 0xff, 0x32, 0x32, 0xff,
-	0xb7, 0x50, 0x00, 0xff, 0x32, 0x32, 0xff,
-	0xb7, 0x50, 0x00, 0xff, 0x32, 0x32, 0xff,
-	0xb7, 0x50, 0x00, 0xff, 0x32, 0x32, 0xff,
-	/* ch = 'n' */
-	0x2d, 0xcf, 0x50, 0xef, 0xff, 0x7e, 0x00,
-	0x32, 0xff, 0xb1, 0x0c, 0x26, 0xff, 0x32,
-	0x32, 0xff, 0x1f, 0x00, 0x00, 0xff, 0x50,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0xff, 0x50,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0xff, 0x50,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0xff, 0x50,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0xff, 0x50,
-	/* ch = 'o' */
-	0x00, 0x21, 0xc4, 0xff, 0xe5, 0x48, 0x00,
-	0x17, 0xf7, 0x54, 0x00, 0x28, 0xff, 0x39,
-	0x5f, 0xcf, 0x00, 0x00, 0x00, 0x90, 0xa0,
-	0x7c, 0xa5, 0x00, 0x00, 0x00, 0x50, 0xb7,
-	0x6b, 0xcf, 0x00, 0x00, 0x00, 0x6b, 0xb1,
-	0x2a, 0xff, 0x37, 0x00, 0x13, 0xf7, 0x44,
-	0x00, 0x3b, 0xf7, 0xd4, 0xf7, 0x66, 0x00,
-	0x00, 0x00, 0x04, 0x15, 0x0c, 0x00, 0x00,
-	/* ch = 'p' */
-	0x45, 0xcf, 0x73, 0xf7, 0xf7, 0x66, 0x04,
-	0x50, 0xff, 0x54, 0x00, 0x28, 0xff, 0x4d,
-	0x50, 0xff, 0x04, 0x00, 0x00, 0x7c, 0xb1,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x50, 0xef,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x6b, 0xb1,
-	0x50, 0xff, 0x35, 0x00, 0x13, 0xe5, 0x5a,
-	0x50, 0xff, 0xc4, 0xd4, 0xf7, 0x94, 0x04,
-	0x50, 0xff, 0x00, 0x12, 0x0f, 0x00, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1e, 0x36, 0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'q' */
-	0x00, 0x2f, 0xe5, 0xef, 0xcb, 0x9c, 0x67,
-	0x22, 0xff, 0x35, 0x00, 0x35, 0xff, 0x7c,
-	0x6b, 0xbd, 0x00, 0x00, 0x00, 0xbd, 0x7c,
-	0x7c, 0x82, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x6b, 0xcf, 0x00, 0x00, 0x00, 0xcf, 0x7c,
-	0x2a, 0xff, 0x35, 0x00, 0x32, 0xff, 0x7c,
-	0x00, 0x4d, 0xff, 0xdd, 0xd4, 0xcf, 0x7c,
-	0x00, 0x00, 0x08, 0x12, 0x00, 0xb7, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x2d, 0x26,
-	/* ch = 'r' */
-	0x95, 0x7e, 0x8d, 0xff, 0xf7, 0x60,
-	0xb7, 0xff, 0x5f, 0x04, 0x21, 0x51,
-	0xb7, 0xb7, 0x00, 0x00, 0x00, 0x00,
-	0xb7, 0x5f, 0x00, 0x00, 0x00, 0x00,
-	0xb7, 0x50, 0x00, 0x00, 0x00, 0x00,
-	0xb7, 0x50, 0x00, 0x00, 0x00, 0x00,
-	0xb7, 0x50, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 's' */
-	0x00, 0x26, 0xcb, 0xd4, 0xef, 0x8d, 0x08,
-	0x00, 0xe5, 0x4f, 0x00, 0x08, 0xb1, 0x1f,
-	0x00, 0xc8, 0xc4, 0x25, 0x00, 0x00, 0x00,
-	0x00, 0x13, 0x7f, 0xef, 0xef, 0x66, 0x04,
-	0x00, 0x00, 0x00, 0x00, 0x2b, 0xf7, 0x50,
-	0x1c, 0xb1, 0x08, 0x00, 0x08, 0xe5, 0x50,
-	0x13, 0x94, 0xf7, 0xcf, 0xef, 0x94, 0x04,
-	0x00, 0x00, 0x08, 0x15, 0x0c, 0x00, 0x00,
-	/* ch = 't' */
-	0x00, 0x00, 0x45, 0xb5, 0x00, 0x00,
-	0x00, 0x00, 0x6b, 0xb7, 0x00, 0x00,
-	0x2d, 0xcf, 0xef, 0xef, 0xcf, 0xcf,
-	0x00, 0x00, 0x7c, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb1, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xa0, 0xa7, 0x00, 0x1b,
-	0x00, 0x00, 0x2f, 0xf7, 0xef, 0xef,
-	0x00, 0x00, 0x00, 0x04, 0x12, 0x00,
-	/* ch = 'u' */
-	0x2d, 0xcf, 0x00, 0x00, 0x00, 0x95, 0x45,
-	0x32, 0xff, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x32, 0xff, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x32, 0xff, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x32, 0xff, 0x04, 0x00, 0x00, 0xf7, 0x50,
-	0x22, 0xff, 0x35, 0x00, 0x35, 0xff, 0x50,
-	0x00, 0x66, 0xf7, 0xcf, 0xbb, 0xcf, 0x54,
-	0x00, 0x00, 0x0c, 0x12, 0x00, 0x00, 0x00,
-	/* ch = 'v' */
-	0x58, 0xab, 0x00, 0x00, 0x00, 0x51, 0x82,
-	0x22, 0xff, 0x24, 0x00, 0x00, 0xb7, 0x48,
-	0x00, 0xa7, 0x70, 0x00, 0x22, 0xff, 0x0d,
-	0x00, 0x3b, 0xf7, 0x0d, 0x70, 0x8a, 0x00,
-	0x00, 0x0d, 0xf7, 0x54, 0xf7, 0x22, 0x00,
-	0x00, 0x00, 0x70, 0xff, 0xa7, 0x00, 0x00,
-	0x00, 0x00, 0x22, 0xff, 0x39, 0x00, 0x00,
-	/* ch = 'w' */
-	0xdd, 0x2d, 0x00, 0x12, 0x04, 0x1a, 0xcf, 0x1a,
-	0xb1, 0x44, 0x0d, 0xff, 0x32, 0x1c, 0xff, 0x00,
-	0x77, 0x77, 0x2a, 0xff, 0x70, 0x32, 0xbd, 0x00,
-	0x44, 0xbd, 0x54, 0xb7, 0xe5, 0x44, 0x82, 0x00,
-	0x24, 0xff, 0xb7, 0x2c, 0xf7, 0xb7, 0x54, 0x00,
-	0x04, 0xff, 0xf7, 0x04, 0x90, 0xff, 0x35, 0x00,
-	0x00, 0xb1, 0x90, 0x00, 0x44, 0xff, 0x1c, 0x00,
-	/* ch = 'x' */
-	0x28, 0xcf, 0x1f, 0x00, 0x1c, 0xcf, 0x28,
-	0x00, 0x77, 0xb7, 0x08, 0xb1, 0x77, 0x00,
-	0x00, 0x04, 0xdb, 0xd4, 0xdb, 0x0d, 0x00,
-	0x00, 0x00, 0x31, 0xff, 0x4a, 0x00, 0x00,
-	0x00, 0x04, 0xc8, 0xd4, 0xe5, 0x10, 0x00,
-	0x00, 0x6b, 0xdb, 0x04, 0xb1, 0xa0, 0x00,
-	0x2c, 0xff, 0x2a, 0x00, 0x10, 0xf7, 0x50,
-	/* ch = 'y' */
-	0x4a, 0xcf, 0x04, 0x00, 0x00, 0x5c, 0xa2,
-	0x17, 0xff, 0x39, 0x00, 0x00, 0xc8, 0x48,
-	0x00, 0x8a, 0xa0, 0x00, 0x22, 0xff, 0x17,
-	0x00, 0x2c, 0xff, 0x17, 0x5f, 0x90, 0x00,
-	0x00, 0x00, 0xc8, 0x5a, 0xe5, 0x39, 0x00,
-	0x00, 0x00, 0x48, 0xff, 0xe5, 0x04, 0x00,
-	0x00, 0x00, 0x0d, 0xf7, 0x70, 0x00, 0x00,
-	0x00, 0x00, 0x17, 0xff, 0x22, 0x00, 0x00,
-	0x82, 0x3e, 0xb1, 0xa0, 0x00, 0x00, 0x00,
-	0x2e, 0x74, 0x50, 0x08, 0x00, 0x00, 0x00,
-	/* ch = 'z' */
-	0x2d, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x2d,
-	0x00, 0x00, 0x00, 0x00, 0x7c, 0xb1, 0x04,
-	0x00, 0x00, 0x00, 0x50, 0xf7, 0x1c, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x1f, 0xf7, 0x50, 0x00, 0x00, 0x00,
-	0x10, 0xdb, 0x7c, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0xff, 0xff, 0xff, 0xff, 0x7c,
-	/* ch = '{' */
-	0x00, 0x2a, 0x74, 0x74, 0x14,
-	0x4d, 0xdb, 0x30, 0x30, 0x0d,
-	0xb7, 0x54, 0x00, 0x00, 0x00,
-	0xb7, 0x50, 0x00, 0x00, 0x00,
-	0xbd, 0x4d, 0x00, 0x00, 0x00,
-	0xdb, 0x10, 0x00, 0x00, 0x00,
-	0x99, 0x04, 0x00, 0x00, 0x00,
-	0xf7, 0x32, 0x00, 0x00, 0x00,
-	0xb7, 0x50, 0x00, 0x00, 0x00,
-	0xff, 0x50, 0x00, 0x00, 0x00,
-	0xbd, 0x5f, 0x00, 0x00, 0x00,
-	0x4d, 0xf7, 0x5b, 0x36, 0x0d,
-	0x00, 0x18, 0x36, 0x36, 0x0d,
-	/* ch = '|' */
-	0x1a, 0xcf, 0x2d,
-	0x1c, 0xff, 0x32,
-	0x1c, 0xff, 0x32,
-	0x1c, 0xff, 0x32,
-	0x1c, 0xff, 0x32,
-	0x1c, 0xff, 0x32,
-	0x1c, 0xff, 0x32,
-	0x1c, 0xff, 0x32,
-	0x1c, 0xff, 0x32,
-	0x1c, 0xff, 0x32,
-	0x1c, 0xff, 0x32,
-	0x1c, 0xff, 0x32,
-	0x04, 0x15, 0x08,
-	/* ch = '}' */
-	0x74, 0x74, 0x37, 0x04,
-	0x36, 0x2a, 0xb1, 0x77,
-	0x00, 0x00, 0x35, 0xff,
-	0x00, 0x00, 0x32, 0xff,
-	0x00, 0x00, 0x2f, 0xff,
-	0x00, 0x00, 0x04, 0xb1,
-	0x00, 0x00, 0x00, 0x6b,
-	0x00, 0x00, 0x1c, 0xff,
-	0x00, 0x00, 0x32, 0xff,
-	0x00, 0x00, 0x32, 0xff,
-	0x00, 0x00, 0x3b, 0xff,
-	0x36, 0x50, 0xdb, 0x77,
-	0x36, 0x36, 0x20, 0x00,
-	/* ch = '~' */
-	0x10, 0xab, 0xff, 0xa2, 0x13, 0x1f, 0x8d, 0x09,
-	0x3e, 0x73, 0x08, 0x6b, 0xf7, 0xef, 0x4d, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x0f, 0x0c, 0x00, 0x00
+        /* ch = '!' */
+        0x39, 0xff, 0x27, 0x50, 0xff, 0x32, 0x32, 0xff, 0x32, 0x32, 0xff, 0x1c,
+        0x24, 0xff, 0x1c, 0x1c, 0xff, 0x0d, 0x1c, 0xff, 0x00, 0x00, 0x00, 0x00,
+        0x1f, 0x74, 0x10, 0x66, 0xff, 0x40, 0x04, 0x15, 0x00,
+        /* ch = '"' */
+        0x22, 0xff, 0x27, 0x66, 0xb1, 0x1f, 0xff, 0x2a, 0x7c, 0xbd, 0x32, 0xe5,
+        0x04, 0x90, 0x5f, 0x46, 0x60, 0x00, 0xa5, 0x22,
+        /* ch = '#' */
+        0x00, 0x00, 0x28, 0x1e, 0x04, 0x2a, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x3b,
+        0x2f, 0xff, 0x00, 0x00, 0x00, 0x00, 0xf7, 0x2f, 0x3b, 0xb7, 0x00, 0x00,
+        0x6c, 0xcf, 0xff, 0xb1, 0xcf, 0xe5, 0xa2, 0x11, 0x00, 0x1c, 0xff, 0x04,
+        0x7c, 0x6b, 0x00, 0x00, 0x00, 0x32, 0xcf, 0x00, 0xa0, 0x50, 0x00, 0x00,
+        0x5c, 0x9c, 0xe5, 0x74, 0xe5, 0x9c, 0x58, 0x00, 0x15, 0x62, 0x88, 0x15,
+        0xff, 0x24, 0x00, 0x00, 0x00, 0x7c, 0x54, 0x1a, 0xff, 0x1a, 0x00, 0x00,
+        0x00, 0x8f, 0x3e, 0x1f, 0xcf, 0x00, 0x00, 0x00,
+        /* ch = '$' */
+        0x00, 0x00, 0x00, 0x95, 0x3a, 0x00, 0x00, 0x00, 0x19, 0x9e, 0xf7, 0xdd,
+        0x66, 0x04, 0x04, 0xdb, 0x54, 0xb7, 0x3a, 0xa0, 0x49, 0x1a, 0xff, 0x26,
+        0xb7, 0x32, 0x00, 0x00, 0x00, 0x7c, 0xef, 0xe5, 0x32, 0x00, 0x00, 0x00,
+        0x00, 0x31, 0xe5, 0xff, 0x8d, 0x10, 0x00, 0x00, 0x00, 0xb7, 0x37, 0xb1,
+        0x8a, 0x00, 0x21, 0x00, 0xb7, 0x32, 0x50, 0xb7, 0x2d, 0xf7, 0x37, 0xbd,
+        0x4f, 0xdb, 0x4d, 0x00, 0x22, 0x8f, 0xf7, 0xbb, 0x37, 0x00, 0x00, 0x00,
+        0x00, 0x58, 0x22, 0x00, 0x00,
+        /* ch = '%' */
+        0x08, 0x47, 0x37, 0x04, 0x00, 0x21, 0x2b, 0x8a, 0x8a, 0xb1, 0x5a, 0x04,
+        0xdb, 0x3b, 0xb7, 0x32, 0x50, 0xa9, 0x50, 0xb7, 0x00, 0x6b, 0xa0, 0xb7,
+        0x5f, 0xf7, 0x2a, 0x00, 0x04, 0x30, 0x2a, 0x6b, 0x90, 0x00, 0x00, 0x00,
+        0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x90, 0x6b, 0x50, 0xbd,
+        0x35, 0x00, 0x2a, 0xf7, 0x3f, 0xe5, 0x24, 0xff, 0x00, 0xb7, 0x50, 0x44,
+        0xbd, 0x04, 0xff, 0x3b, 0xdb, 0x04, 0x10, 0xdb, 0xc4, 0xa9, 0x00, 0x00,
+        0x00, 0x00, 0x04, 0x15, 0x00,
+        /* ch = '&' */
+        0x00, 0x00, 0x2a, 0x36, 0x13, 0x00, 0x00, 0x00, 0x00, 0x77, 0xdb, 0x85,
+        0xf7, 0x17, 0x00, 0x00, 0x00, 0xef, 0x47, 0x00, 0xd9, 0x40, 0x00, 0x00,
+        0x00, 0x8a, 0x90, 0x17, 0xff, 0x22, 0x00, 0x00, 0x00, 0x1f, 0xff, 0xef,
+        0x4d, 0x00, 0x00, 0x00, 0x04, 0x94, 0xef, 0xf7, 0x1f, 0x04, 0x0c, 0x00,
+        0x48, 0xf7, 0x10, 0x7c, 0xb1, 0x2f, 0xf7, 0x0a, 0xa0, 0x82, 0x00, 0x0d,
+        0xdb, 0xff, 0x54, 0x00, 0x7c, 0xc8, 0x08, 0x08, 0xb1, 0xff, 0x35, 0x00,
+        0x1f, 0xd4, 0xef, 0xf7, 0x7e, 0x59, 0xd4, 0x0a, 0x00, 0x00, 0x15, 0x08,
+        0x00, 0x04, 0x08, 0x00,
+        /* ch = ''' */
+        0x00, 0x99, 0x84, 0x00, 0xb7, 0x82, 0x00, 0xcf, 0x3b, 0x11, 0xbd, 0x0d,
+        /* ch = '(' */
+        0x00, 0x00, 0x35, 0xef, 0x00, 0x50, 0xf7, 0x26, 0x2a, 0xff, 0x2c, 0x00,
+        0xa0, 0x8a, 0x00, 0x00, 0xff, 0x32, 0x00, 0x00, 0xff, 0x1c, 0x00, 0x00,
+        0xff, 0x1c, 0x00, 0x00, 0xff, 0x2a, 0x00, 0x00, 0xc8, 0x64, 0x00, 0x00,
+        0x44, 0xf7, 0x10, 0x00, 0x04, 0xb1, 0xb1, 0x04, 0x00, 0x10, 0xc4, 0xc4,
+        0x00, 0x00, 0x04, 0x51,
+        /* ch = ')' */
+        0xe5, 0x35, 0x00, 0x00, 0x3f, 0xf7, 0x50, 0x00, 0x00, 0x32, 0xff, 0x2f,
+        0x00, 0x00, 0x70, 0xc8, 0x00, 0x00, 0x24, 0xff, 0x00, 0x00, 0x00, 0xff,
+        0x00, 0x00, 0x00, 0xff, 0x00, 0x00, 0x0d, 0xff, 0x00, 0x00, 0x39, 0xf7,
+        0x00, 0x04, 0xc8, 0x6b, 0x04, 0x7c, 0xdb, 0x10, 0xa9, 0xd4, 0x19, 0x00,
+        0x50, 0x08, 0x00, 0x00,
+        /* ch = '*' */
+        0x00, 0x00, 0x17, 0xcf, 0x2d, 0x00, 0x00, 0x08, 0x08, 0x00, 0xff, 0x24,
+        0x04, 0x0c, 0x58, 0xf7, 0x66, 0xff, 0x6b, 0xe5, 0x87, 0x00, 0x0c, 0x51,
+        0xff, 0x6c, 0x0c, 0x00, 0x00, 0x10, 0xdb, 0x54, 0xf7, 0x1f, 0x00, 0x00,
+        0xa9, 0x7c, 0x00, 0x54, 0xdb, 0x09, 0x00, 0x1b, 0x10, 0x00, 0x04, 0x21,
+        0x00,
+        /* ch = '+' */
+        0x00, 0x00, 0x00, 0xcf, 0x2d, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x32,
+        0x00, 0x00, 0x0f, 0x15, 0x15, 0xff, 0x3e, 0x15, 0x12, 0x42, 0x74, 0x74,
+        0xff, 0x9c, 0x74, 0x58, 0x00, 0x00, 0x00, 0xff, 0x32, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x36, 0x16, 0x00,
+        0x00,
+        /* ch = ',' */
+        0x19, 0x5b, 0x10, 0x66, 0xff, 0x5a, 0x04, 0xea, 0x39, 0x35, 0xb1, 0x04,
+        0x3d, 0x10, 0x00,
+        /* ch = '-' */
+        0x08, 0x15, 0x15, 0x15, 0x15, 0x15, 0x0c, 0x2d, 0xcf, 0xcf, 0xcf, 0xcf,
+        0xcf, 0x45,
+        /* ch = '.' */
+        0x19, 0x67, 0x10, 0x66, 0xff, 0x40, 0x04, 0x15, 0x00,
+        /* ch = '/' */
+        0x00, 0xc0, 0x33, 0x39, 0xf7, 0x10, 0xa7, 0x70, 0x00, 0xff, 0x17, 0x00,
+        0x8a, 0x00, 0x00, 0x22, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = '0' */
+        0x00, 0x00, 0x16, 0x36, 0x1e, 0x00, 0x00, 0x00, 0x32, 0xef, 0x82, 0xef,
+        0x50, 0x00, 0x04, 0xe5, 0x3b, 0x00, 0x26, 0xff, 0x17, 0x32, 0xe5, 0x04,
+        0x00, 0x7c, 0xff, 0x50, 0x50, 0xb7, 0x00, 0x50, 0xdb, 0x97, 0x7c, 0x50,
+        0x90, 0x24, 0xf7, 0x1f, 0x54, 0x7c, 0x50, 0xcf, 0xdb, 0x3b, 0x00, 0x7c,
+        0x7c, 0x2a, 0xff, 0x7c, 0x00, 0x00, 0xb7, 0x4d, 0x00, 0xb7, 0x7c, 0x00,
+        0x32, 0xf7, 0x17, 0x00, 0x1f, 0xd4, 0xdd, 0xf7, 0x32, 0x00, 0x00, 0x00,
+        0x00, 0x15, 0x08, 0x00, 0x00,
+        /* ch = '1' */
+        0x00, 0x00, 0x2a, 0x1e, 0x31, 0xd4, 0xff, 0x50, 0x48, 0x20, 0xb7, 0x50,
+        0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0xb7, 0x50,
+        0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0xb7, 0x50,
+        0x00, 0x00, 0xb7, 0x50,
+        /* ch = '2' */
+        0x00, 0x00, 0x1e, 0x36, 0x25, 0x00, 0x00, 0x00, 0x77, 0xd4, 0x74, 0xdb,
+        0xa9, 0x04, 0x04, 0x7e, 0x10, 0x00, 0x10, 0xff, 0x39, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0xcf, 0x4d, 0x00, 0x00, 0x00, 0x00, 0x2a, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x1f, 0xef, 0x50, 0x00, 0x00, 0x00, 0x1f, 0xf7, 0x4d, 0x00,
+        0x00, 0x00, 0x10, 0xdb, 0x50, 0x00, 0x00, 0x00, 0x00, 0xa0, 0x82, 0x00,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0xff, 0xff, 0xff, 0xff, 0x7c,
+        /* ch = '3' */
+        0x00, 0x00, 0x20, 0x36, 0x18, 0x00, 0x00, 0x00, 0x9c, 0xcb, 0x82, 0xf7,
+        0x50, 0x00, 0x00, 0x0c, 0x04, 0x00, 0x2c, 0xff, 0x14, 0x00, 0x00, 0x00,
+        0x00, 0x2c, 0xff, 0x14, 0x00, 0x00, 0x16, 0x3e, 0xdb, 0x4d, 0x00, 0x00,
+        0x00, 0x42, 0x82, 0xe5, 0x4d, 0x00, 0x00, 0x00, 0x00, 0x00, 0x24, 0xff,
+        0x22, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x32, 0x04, 0x8d, 0x13, 0x00,
+        0x37, 0xff, 0x17, 0x08, 0x94, 0xf7, 0xd4, 0xf7, 0x3b, 0x00, 0x00, 0x00,
+        0x0c, 0x15, 0x04, 0x00, 0x00,
+        /* ch = '4' */
+        0x00, 0x00, 0x00, 0x00, 0x28, 0x1e, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xff,
+        0x50, 0x00, 0x00, 0x00, 0x04, 0xb7, 0xff, 0x50, 0x00, 0x00, 0x00, 0x54,
+        0x90, 0xb7, 0x50, 0x00, 0x00, 0x1f, 0xf7, 0x10, 0xb7, 0x50, 0x00, 0x04,
+        0xb7, 0x3b, 0x00, 0xb7, 0x50, 0x00, 0x50, 0xec, 0x74, 0x74, 0xe5, 0xb1,
+        0x58, 0x26, 0x36, 0x36, 0x36, 0xcf, 0x82, 0x2d, 0x00, 0x00, 0x00, 0x00,
+        0xb7, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50, 0x00,
+        /* ch = '5' */
+        0x00, 0x28, 0x36, 0x36, 0x36, 0x36, 0x16, 0x00, 0xb7, 0xb1, 0x74, 0x74,
+        0x74, 0x22, 0x00, 0xb7, 0x44, 0x00, 0x00, 0x00, 0x00, 0x00, 0xf7, 0x32,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf7, 0xd4, 0xf7, 0x5a, 0x00, 0x00,
+        0x67, 0x21, 0x00, 0x21, 0xff, 0x39, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb1,
+        0x77, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb1, 0x77, 0x13, 0xd4, 0x21, 0x00,
+        0x1f, 0xff, 0x39, 0x00, 0x66, 0xf7, 0xcf, 0xf7, 0x66, 0x00, 0x00, 0x00,
+        0x04, 0x15, 0x08, 0x00, 0x00,
+        /* ch = '6' */
+        0x00, 0x00, 0x08, 0x30, 0x36, 0x16, 0x00, 0x00, 0x1f, 0xdb, 0xa4, 0x73,
+        0xef, 0x1e, 0x00, 0xa0, 0x82, 0x00, 0x00, 0x0c, 0x00, 0x14, 0xff, 0x2a,
+        0x00, 0x00, 0x00, 0x00, 0x2a, 0xff, 0xa2, 0xff, 0xf7, 0x44, 0x00, 0x32,
+        0xff, 0x70, 0x04, 0x21, 0xff, 0x2a, 0x32, 0xff, 0x1c, 0x00, 0x00, 0xb7,
+        0x50, 0x1a, 0xff, 0x24, 0x00, 0x00, 0xb7, 0x54, 0x00, 0xb7, 0x82, 0x00,
+        0x1f, 0xff, 0x2c, 0x00, 0x1f, 0xd4, 0xdd, 0xf7, 0x5a, 0x00, 0x00, 0x00,
+        0x00, 0x12, 0x0c, 0x00, 0x00,
+        /* ch = '7' */
+        0x0d, 0x36, 0x36, 0x36, 0x36, 0x36, 0x1e, 0x14, 0x74, 0x74, 0x74, 0x8d,
+        0xff, 0x39, 0x00, 0x00, 0x00, 0x00, 0x50, 0xe5, 0x04, 0x00, 0x00, 0x00,
+        0x00, 0xc8, 0x5a, 0x00, 0x00, 0x00, 0x00, 0x2c, 0xff, 0x17, 0x00, 0x00,
+        0x00, 0x00, 0x8a, 0x90, 0x00, 0x00, 0x00, 0x00, 0x0d, 0xff, 0x39, 0x00,
+        0x00, 0x00, 0x00, 0x44, 0xf7, 0x0d, 0x00, 0x00, 0x00, 0x00, 0xa7, 0x8a,
+        0x00, 0x00, 0x00, 0x00, 0x17, 0xff, 0x39, 0x00, 0x00, 0x00,
+        /* ch = '8' */
+        0x00, 0x00, 0x1e, 0x36, 0x30, 0x04, 0x00, 0x00, 0x50, 0xef, 0x50, 0xc4,
+        0xb1, 0x04, 0x00, 0xe5, 0x3b, 0x00, 0x17, 0xff, 0x2f, 0x00, 0xc8, 0x5f,
+        0x00, 0x24, 0xff, 0x17, 0x00, 0x2c, 0xf7, 0x85, 0xdb, 0x4d, 0x00, 0x00,
+        0x2c, 0xe5, 0x8f, 0xf7, 0x5a, 0x00, 0x17, 0xf7, 0x35, 0x00, 0x1f, 0xff,
+        0x39, 0x39, 0xff, 0x00, 0x00, 0x00, 0xb7, 0x77, 0x27, 0xff, 0x37, 0x00,
+        0x19, 0xf7, 0x40, 0x00, 0x44, 0xf7, 0xd4, 0xf7, 0x66, 0x00, 0x00, 0x00,
+        0x04, 0x15, 0x08, 0x00, 0x00,
+        /* ch = '9' */
+        0x00, 0x00, 0x1e, 0x36, 0x22, 0x00, 0x00, 0x00, 0x50, 0xef, 0x74, 0xef,
+        0x73, 0x00, 0x14, 0xff, 0x2c, 0x00, 0x24, 0xff, 0x22, 0x32, 0xff, 0x04,
+        0x00, 0x00, 0xcf, 0x44, 0x24, 0xff, 0x22, 0x00, 0x04, 0xcf, 0x50, 0x00,
+        0xa0, 0xc4, 0x36, 0x99, 0xff, 0x50, 0x00, 0x04, 0x48, 0x74, 0x37, 0xbd,
+        0x50, 0x00, 0x00, 0x00, 0x00, 0x0d, 0xff, 0x2a, 0x00, 0x3d, 0x04, 0x00,
+        0x6f, 0xdb, 0x04, 0x09, 0xa9, 0xef, 0xe5, 0xd4, 0x19, 0x00, 0x00, 0x00,
+        0x0f, 0x12, 0x00, 0x00, 0x00,
+        /* ch = ':' */
+        0x08, 0x30, 0x04, 0x73, 0xff, 0x49, 0x10, 0x36, 0x04, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x19, 0x67, 0x10, 0x66, 0xff, 0x40, 0x04, 0x15, 0x00,
+        /* ch = ';' */
+        0x08, 0x30, 0x04, 0x73, 0xff, 0x49, 0x10, 0x36, 0x04, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x19, 0x5b, 0x10, 0x66, 0xff, 0x5a, 0x04, 0xea, 0x39,
+        0x35, 0xb1, 0x04, 0x3d, 0x10, 0x00,
+        /* ch = '<' */
+        0x00, 0x00, 0x00, 0x04, 0x3d, 0x00, 0x04, 0x3f, 0xef, 0x8d, 0x37, 0xd4,
+        0xb3, 0x1e, 0x00, 0xbb, 0x22, 0x00, 0x00, 0x00, 0x28, 0x00, 0x00, 0x00,
+        0x00, 0xd4, 0xb3, 0x1b, 0x00, 0x00, 0x04, 0x50, 0xf7, 0x73, 0x13, 0x00,
+        0x00, 0x13, 0x94, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x0c,
+        /* ch = '=' */
+        0x42, 0x74, 0x74, 0x74, 0x74, 0x74, 0x58, 0x26, 0x36, 0x36, 0x36, 0x36,
+        0x36, 0x2d, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x26, 0x36, 0x36,
+        0x36, 0x36, 0x36, 0x2d, 0x26, 0x36, 0x36, 0x36, 0x36, 0x36, 0x2d,
+        /* ch = '>' */
+        0x08, 0x00, 0x00, 0x00, 0x00, 0xf7, 0x5a, 0x08, 0x00, 0x00, 0x16, 0x8d,
+        0xef, 0x48, 0x04, 0x00, 0x00, 0x1b, 0x94, 0xef, 0x00, 0x00, 0x00, 0x1b,
+        0xc8, 0x00, 0x13, 0x8d, 0xef, 0x37, 0x5a, 0xf7, 0x73, 0x08, 0x00, 0xbb,
+        0x1b, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = '?' */
+        0x00, 0x28, 0xc4, 0xff, 0xe5, 0x44, 0x00, 0x22, 0xff, 0x48, 0x04, 0x54,
+        0xff, 0x27, 0x00, 0x0f, 0x00, 0x00, 0x04, 0xff, 0x50, 0x00, 0x00, 0x00,
+        0x00, 0x2c, 0xff, 0x39, 0x00, 0x00, 0x00, 0x19, 0xdb, 0x7c, 0x00, 0x00,
+        0x00, 0x00, 0x99, 0x82, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x32, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x15, 0x08, 0x00, 0x00, 0x00, 0x00, 0x04, 0x50,
+        0x21, 0x00, 0x00, 0x00, 0x00, 0x27, 0xff, 0x99, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x12, 0x08, 0x00, 0x00,
+        /* ch = '@' */
+        0x00, 0x00, 0x1b, 0x36, 0x36, 0x0c, 0x00, 0x00, 0x4d, 0xd4, 0x3e, 0x5a,
+        0xef, 0x1f, 0x2a, 0xf7, 0x10, 0x00, 0x00, 0x50, 0xa0, 0x6b, 0x5f, 0x00,
+        0x22, 0x74, 0x9c, 0xf7, 0xb7, 0x35, 0x39, 0xdb, 0x25, 0x3a, 0xff, 0xb7,
+        0x32, 0x7c, 0x6f, 0x00, 0x35, 0xff, 0xa0, 0x4d, 0x44, 0xdb, 0x3e, 0xc4,
+        0xff, 0x50, 0xa7, 0x00, 0x2a, 0x50, 0x30, 0x36, 0x0d, 0xdb, 0x54, 0x00,
+        0x00, 0x08, 0x04, 0x00, 0x19, 0xbb, 0xe5, 0xcf, 0xe5, 0x2d, 0x00, 0x00,
+        0x00, 0x0f, 0x15, 0x04, 0x00,
+        /* ch = 'A' */
+        0x00, 0x00, 0x00, 0x36, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xf7,
+        0x0d, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x3b, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0xc8, 0xc0, 0xa7, 0x00, 0x00, 0x00, 0x00, 0x22, 0xf7, 0x24,
+        0xff, 0x1c, 0x00, 0x00, 0x00, 0x5a, 0x8a, 0x00, 0xa7, 0x5a, 0x00, 0x00,
+        0x00, 0xcf, 0xb1, 0x74, 0xb1, 0xe5, 0x00, 0x00, 0x24, 0xff, 0x21, 0x15,
+        0x21, 0xff, 0x2c, 0x00, 0x6b, 0xa0, 0x00, 0x00, 0x00, 0x90, 0x8a, 0x00,
+        0xe5, 0x44, 0x00, 0x00, 0x00, 0x39, 0xf7, 0x0d,
+        /* ch = 'B' */
+        0x26, 0x36, 0x36, 0x36, 0x20, 0x00, 0x00, 0x7c, 0xe5, 0x74, 0x74, 0xe5,
+        0xb1, 0x0d, 0x7c, 0xb7, 0x00, 0x00, 0x10, 0xff, 0x44, 0x7c, 0xb7, 0x00,
+        0x00, 0x0d, 0xff, 0x39, 0x7c, 0xcf, 0x36, 0x50, 0xd4, 0xa9, 0x04, 0x7c,
+        0xcf, 0x36, 0x36, 0xa4, 0xbb, 0x10, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0xa7,
+        0x7c, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x70, 0xb7, 0x7c, 0xb7, 0x00, 0x00,
+        0x1b, 0xe5, 0x5f, 0x7c, 0xff, 0xff, 0xff, 0xef, 0x73, 0x04,
+        /* ch = 'C' */
+        0x00, 0x00, 0x0c, 0x36, 0x36, 0x0c, 0x00, 0x00, 0x39, 0xef, 0x66, 0x66,
+        0xf7, 0x32, 0x17, 0xf7, 0x35, 0x00, 0x00, 0x3f, 0x8d, 0x50, 0xcf, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x7c, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c,
+        0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x77, 0x90, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x44, 0xf7, 0x0d, 0x00, 0x00, 0x00, 0x00, 0x0d, 0xdb, 0x7c, 0x04,
+        0x00, 0x50, 0x5c, 0x00, 0x1f, 0xcb, 0xe5, 0xdd, 0xcb, 0x19, 0x00, 0x00,
+        0x00, 0x12, 0x0f, 0x00, 0x00,
+        /* ch = 'D' */
+        0x1e, 0x36, 0x36, 0x30, 0x0f, 0x00, 0x00, 0x50, 0xe5, 0x74, 0x8f, 0xf7,
+        0x66, 0x00, 0x50, 0xb7, 0x00, 0x00, 0x2c, 0xff, 0x2c, 0x50, 0xb7, 0x00,
+        0x00, 0x00, 0xa7, 0x7c, 0x50, 0xb7, 0x00, 0x00, 0x00, 0x5f, 0xb7, 0x50,
+        0xb7, 0x00, 0x00, 0x00, 0x50, 0xb7, 0x50, 0xb7, 0x00, 0x00, 0x00, 0x5f,
+        0xb1, 0x50, 0xb7, 0x00, 0x00, 0x00, 0xc8, 0x5a, 0x50, 0xb7, 0x00, 0x04,
+        0x5f, 0xf7, 0x10, 0x50, 0xf7, 0xcf, 0xef, 0xab, 0x19, 0x00,
+        /* ch = 'E' */
+        0x1e, 0x36, 0x36, 0x36, 0x36, 0x36, 0x26, 0x50, 0xe5, 0x74, 0x74, 0x74,
+        0x74, 0x42, 0x50, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xb7, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x50, 0xcf, 0x36, 0x36, 0x36, 0x2d, 0x00, 0x50,
+        0xe5, 0x74, 0x74, 0x74, 0x58, 0x00, 0x50, 0xb7, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x50, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xb7, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x50, 0xff, 0xff, 0xff, 0xff, 0xff, 0x50,
+        /* ch = 'F' */
+        0x0d, 0x36, 0x36, 0x36, 0x36, 0x36, 0x1e, 0x1c, 0xff, 0x87, 0x74, 0x74,
+        0x74, 0x30, 0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x1c,
+        0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x87, 0x74, 0x74, 0x42, 0x00, 0x1c,
+        0xff, 0x4a, 0x36, 0x36, 0x26, 0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00,
+        0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'G' */
+        0x00, 0x00, 0x0f, 0x36, 0x36, 0x0c, 0x00, 0x00, 0x44, 0xf7, 0x82, 0x8f,
+        0xf7, 0x32, 0x22, 0xff, 0x32, 0x00, 0x00, 0x49, 0x4d, 0x5f, 0xa7, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x90, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb7,
+        0x6b, 0x00, 0x0d, 0x36, 0x36, 0x2d, 0x7c, 0x7c, 0x00, 0x0d, 0x36, 0x62,
+        0xb7, 0x50, 0xe5, 0x04, 0x00, 0x00, 0x32, 0xb7, 0x10, 0xe5, 0x5f, 0x04,
+        0x00, 0x43, 0xb7, 0x00, 0x21, 0xd4, 0xe5, 0xdd, 0xe5, 0x35, 0x00, 0x00,
+        0x00, 0x0f, 0x0f, 0x00, 0x00,
+        /* ch = 'H' */
+        0x1e, 0x36, 0x00, 0x00, 0x00, 0x2d, 0x26, 0x50, 0xb7, 0x00, 0x00, 0x00,
+        0xb7, 0x7c, 0x50, 0xb7, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x50, 0xb7, 0x00,
+        0x00, 0x00, 0xb7, 0x7c, 0x50, 0xcf, 0x36, 0x36, 0x36, 0xcf, 0x7c, 0x50,
+        0xe5, 0x74, 0x74, 0x74, 0xe5, 0x7c, 0x50, 0xb7, 0x00, 0x00, 0x00, 0xb7,
+        0x7c, 0x50, 0xb7, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x50, 0xb7, 0x00, 0x00,
+        0x00, 0xb7, 0x7c, 0x50, 0xb7, 0x00, 0x00, 0x00, 0xb7, 0x7c,
+        /* ch = 'I' */
+        0x00, 0x36, 0x36, 0x36, 0x36, 0x36, 0x00, 0x74, 0x9c, 0xff, 0x87, 0x74,
+        0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x1a, 0xcf, 0xdd, 0xff, 0xd4, 0xcf,
+        /* ch = 'J' */
+        0x00, 0x00, 0x2d, 0x36, 0x36, 0x36, 0x00, 0x00, 0x58, 0x74, 0xff, 0x9c,
+        0x00, 0x00, 0x00, 0x00, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0xff, 0x32,
+        0x00, 0x00, 0x00, 0x00, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0xff, 0x32,
+        0x00, 0x00, 0x00, 0x00, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0xff, 0x32,
+        0x10, 0x5a, 0x00, 0x24, 0xff, 0x22, 0x26, 0xef, 0xdd, 0xf7, 0x66, 0x00,
+        0x00, 0x00, 0x15, 0x0c, 0x00, 0x00,
+        /* ch = 'K' */
+        0x26, 0x2d, 0x00, 0x00, 0x00, 0x30, 0x2b, 0x7c, 0x7c, 0x00, 0x00, 0x50,
+        0xdb, 0x19, 0x7c, 0x7c, 0x00, 0x32, 0xf7, 0x1f, 0x00, 0x7c, 0x7c, 0x32,
+        0xff, 0x32, 0x00, 0x00, 0x7c, 0xb7, 0xf7, 0x59, 0x00, 0x00, 0x00, 0x7c,
+        0xff, 0xd4, 0xb1, 0x04, 0x00, 0x00, 0x7c, 0x82, 0x10, 0xe5, 0x5f, 0x00,
+        0x00, 0x7c, 0x7c, 0x00, 0x35, 0xff, 0x2f, 0x00, 0x7c, 0x7c, 0x00, 0x00,
+        0x7c, 0xdb, 0x10, 0x7c, 0x7c, 0x00, 0x00, 0x10, 0xdb, 0x82,
+        /* ch = 'L' */
+        0x16, 0x36, 0x0d, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00,
+        0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c,
+        0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x32,
+        0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00,
+        0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x00, 0x32, 0xff, 0xd4, 0xcf, 0xcf, 0xcf, 0x67,
+        /* ch = 'M' */
+        0x26, 0x1e, 0x00, 0x00, 0x00, 0x16, 0x2d, 0x7c, 0xc8, 0x00, 0x00, 0x00,
+        0x7c, 0xb7, 0x7c, 0xff, 0x39, 0x00, 0x1c, 0xff, 0xb7, 0x7c, 0xff, 0xc8,
+        0x00, 0x8a, 0xf7, 0xb7, 0x7c, 0x82, 0xe5, 0x6a, 0xf7, 0x64, 0xb7, 0x7c,
+        0x7c, 0x48, 0xff, 0x5a, 0x50, 0xb7, 0x7c, 0x7c, 0x04, 0xab, 0x0d, 0x50,
+        0xb7, 0x7c, 0x7c, 0x00, 0x00, 0x00, 0x50, 0xb7, 0x7c, 0x7c, 0x00, 0x00,
+        0x00, 0x50, 0xb7, 0x7c, 0x7c, 0x00, 0x00, 0x00, 0x50, 0xb7,
+        /* ch = 'N' */
+        0x1e, 0x2d, 0x00, 0x00, 0x00, 0x26, 0x2b, 0x50, 0xff, 0x2a, 0x00, 0x00,
+        0x7c, 0x7c, 0x50, 0xff, 0xb7, 0x00, 0x00, 0x7c, 0x7c, 0x50, 0xe5, 0xf7,
+        0x3b, 0x00, 0x7c, 0x7c, 0x50, 0xb7, 0x5f, 0xdb, 0x04, 0x7c, 0x7c, 0x50,
+        0xb7, 0x0d, 0xe5, 0x50, 0x7c, 0x7c, 0x50, 0xb7, 0x00, 0x44, 0xf7, 0xa7,
+        0x7c, 0x50, 0xb7, 0x00, 0x04, 0xb7, 0xff, 0x7c, 0x50, 0xb7, 0x00, 0x00,
+        0x2a, 0xff, 0x7c, 0x50, 0xb7, 0x00, 0x00, 0x00, 0x90, 0x7c,
+        /* ch = 'O' */
+        0x00, 0x00, 0x1e, 0x36, 0x2a, 0x04, 0x00, 0x00, 0x77, 0xef, 0x74, 0xd4,
+        0xc4, 0x0d, 0x32, 0xf7, 0x1f, 0x00, 0x10, 0xdb, 0x5a, 0x82, 0x82, 0x00,
+        0x00, 0x00, 0x5f, 0xcf, 0xb7, 0x50, 0x00, 0x00, 0x00, 0x32, 0xff, 0xb7,
+        0x50, 0x00, 0x00, 0x00, 0x32, 0xff, 0xb1, 0x6b, 0x00, 0x00, 0x00, 0x35,
+        0xff, 0x6b, 0xc8, 0x00, 0x00, 0x00, 0x70, 0xb1, 0x1c, 0xf7, 0x54, 0x00,
+        0x21, 0xf7, 0x3b, 0x00, 0x2c, 0xef, 0xff, 0xf7, 0x66, 0x00, 0x00, 0x00,
+        0x00, 0x15, 0x04, 0x00, 0x00,
+        /* ch = 'P' */
+        0x1e, 0x36, 0x36, 0x36, 0x2a, 0x08, 0x00, 0x50, 0xff, 0x74, 0x74, 0xdd,
+        0xef, 0x1f, 0x50, 0xff, 0x00, 0x00, 0x04, 0xb7, 0x8a, 0x50, 0xff, 0x00,
+        0x00, 0x00, 0x70, 0xb7, 0x50, 0xff, 0x00, 0x00, 0x1e, 0xe5, 0x5a, 0x50,
+        0xff, 0xcf, 0xcf, 0xcf, 0x5b, 0x04, 0x50, 0xff, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'Q' */
+        0x00, 0x00, 0x1e, 0x36, 0x2a, 0x04, 0x00, 0x00, 0x77, 0xef, 0x74, 0xd4,
+        0xc4, 0x0d, 0x32, 0xf7, 0x1a, 0x00, 0x08, 0xdb, 0x5a, 0x7c, 0x7c, 0x00,
+        0x00, 0x00, 0x50, 0xcf, 0xb7, 0x50, 0x00, 0x00, 0x00, 0x32, 0xff, 0xb7,
+        0x50, 0x00, 0x00, 0x00, 0x32, 0xff, 0xb1, 0x5f, 0x00, 0x00, 0x00, 0x32,
+        0xff, 0x6b, 0xb7, 0x00, 0x00, 0x00, 0x5f, 0xb1, 0x1c, 0xf7, 0x50, 0x00,
+        0x21, 0xf7, 0x3b, 0x00, 0x2c, 0xef, 0xdd, 0xff, 0x66, 0x00, 0x00, 0x00,
+        0x00, 0xe5, 0x3b, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xf7, 0xcf, 0x67,
+        0x00, 0x00, 0x00, 0x00, 0x0f, 0x15, 0x0f,
+        /* ch = 'R' */
+        0x1e, 0x36, 0x36, 0x36, 0x25, 0x04, 0x00, 0x50, 0xe5, 0x74, 0x74, 0xe5,
+        0xd4, 0x10, 0x50, 0xb7, 0x00, 0x00, 0x04, 0xcf, 0x6b, 0x50, 0xb7, 0x00,
+        0x00, 0x00, 0x82, 0x7c, 0x50, 0xb7, 0x00, 0x00, 0x2b, 0xf7, 0x39, 0x50,
+        0xf7, 0xcf, 0xef, 0xf7, 0x50, 0x00, 0x50, 0xb7, 0x00, 0x2c, 0xff, 0x1c,
+        0x00, 0x50, 0xb7, 0x00, 0x00, 0xa7, 0x7c, 0x00, 0x50, 0xb7, 0x00, 0x00,
+        0x2c, 0xff, 0x1c, 0x50, 0xb7, 0x00, 0x00, 0x00, 0xa7, 0x90,
+        /* ch = 'S' */
+        0x00, 0x00, 0x18, 0x36, 0x2a, 0x08, 0x00, 0x00, 0x77, 0xdb, 0x67, 0xa4,
+        0xef, 0x24, 0x1a, 0xff, 0x24, 0x00, 0x00, 0x3d, 0x10, 0x1a, 0xff, 0x3b,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x66, 0xf7, 0x73, 0x16, 0x00, 0x00, 0x00,
+        0x00, 0x1e, 0x9e, 0xff, 0x7e, 0x04, 0x00, 0x00, 0x00, 0x00, 0x13, 0xdb,
+        0x6b, 0x00, 0x0c, 0x00, 0x00, 0x00, 0x59, 0xb7, 0x2a, 0xb1, 0x10, 0x00,
+        0x10, 0xc8, 0x66, 0x10, 0x94, 0xff, 0xcf, 0xf7, 0x94, 0x04, 0x00, 0x00,
+        0x08, 0x15, 0x08, 0x00, 0x00,
+        /* ch = 'T' */
+        0x2d, 0x36, 0x36, 0x36, 0x36, 0x36, 0x36, 0x58, 0x74, 0x87, 0xff, 0x87,
+        0x74, 0x74, 0x00, 0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x1c,
+        0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00,
+        0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff,
+        0x1c, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00,
+        /* ch = 'U' */
+        0x1e, 0x33, 0x00, 0x00, 0x00, 0x1e, 0x2d, 0x50, 0xb7, 0x00, 0x00, 0x00,
+        0x50, 0xb7, 0x50, 0xb7, 0x00, 0x00, 0x00, 0x50, 0xb7, 0x50, 0xb7, 0x00,
+        0x00, 0x00, 0x50, 0xb7, 0x50, 0xb7, 0x00, 0x00, 0x00, 0x50, 0xb7, 0x50,
+        0xb7, 0x00, 0x00, 0x00, 0x50, 0xb7, 0x50, 0xb7, 0x00, 0x00, 0x00, 0x50,
+        0xb7, 0x50, 0xb7, 0x00, 0x00, 0x00, 0x5f, 0xb1, 0x2a, 0xff, 0x26, 0x00,
+        0x10, 0xdb, 0x5a, 0x00, 0x5a, 0xf7, 0xcf, 0xf7, 0x7e, 0x04, 0x00, 0x00,
+        0x04, 0x15, 0x08, 0x00, 0x00,
+        /* ch = 'V' */
+        0x33, 0x1e, 0x00, 0x00, 0x00, 0x10, 0x36, 0x0d, 0x7c, 0xa0, 0x00, 0x00,
+        0x00, 0x48, 0xcf, 0x00, 0x32, 0xff, 0x14, 0x00, 0x00, 0xa0, 0x5f, 0x00,
+        0x04, 0xf7, 0x44, 0x00, 0x14, 0xff, 0x24, 0x00, 0x00, 0x7c, 0xa0, 0x00,
+        0x3b, 0xcf, 0x00, 0x00, 0x00, 0x2c, 0xff, 0x14, 0x90, 0x5f, 0x00, 0x00,
+        0x00, 0x04, 0xe5, 0x50, 0xff, 0x24, 0x00, 0x00, 0x00, 0x00, 0x70, 0xf7,
+        0xcf, 0x00, 0x00, 0x00, 0x00, 0x00, 0x2c, 0xff, 0x5f, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x04, 0xe5, 0x24, 0x00, 0x00, 0x00,
+        /* ch = 'W' */
+        0x36, 0x10, 0x00, 0x00, 0x00, 0x00, 0x30, 0x16, 0xe5, 0x35, 0x00, 0x42,
+        0x14, 0x00, 0xff, 0x1c, 0xa0, 0x54, 0x00, 0xcf, 0x3b, 0x1c, 0xff, 0x04,
+        0x77, 0x7c, 0x1c, 0xff, 0x77, 0x2f, 0xbd, 0x00, 0x4d, 0xb7, 0x44, 0xf7,
+        0xcf, 0x44, 0x82, 0x00, 0x2f, 0xff, 0x90, 0x50, 0xff, 0x82, 0x5f, 0x00,
+        0x1a, 0xff, 0xff, 0x14, 0xb7, 0xff, 0x3b, 0x00, 0x00, 0xff, 0xcf, 0x00,
+        0x5f, 0xff, 0x24, 0x00, 0x00, 0xb7, 0x6b, 0x00, 0x32, 0xff, 0x0d, 0x00,
+        0x00, 0x7c, 0x32, 0x00, 0x0d, 0xe5, 0x00, 0x00,
+        /* ch = 'X' */
+        0x24, 0x30, 0x00, 0x00, 0x00, 0x28, 0x26, 0x24, 0xff, 0x2a, 0x00, 0x17,
+        0xf7, 0x2a, 0x00, 0x7c, 0xb7, 0x00, 0x7c, 0xa0, 0x00, 0x00, 0x17, 0xf7,
+        0x6a, 0xff, 0x2a, 0x00, 0x00, 0x00, 0x5f, 0xff, 0x90, 0x00, 0x00, 0x00,
+        0x00, 0x32, 0xff, 0x54, 0x00, 0x00, 0x00, 0x00, 0xb7, 0xdb, 0xf7, 0x10,
+        0x00, 0x00, 0x3b, 0xf7, 0x1a, 0xc8, 0x6b, 0x00, 0x04, 0xdb, 0x5f, 0x00,
+        0x32, 0xff, 0x1c, 0x44, 0xf7, 0x0d, 0x00, 0x00, 0xa0, 0x90,
+        /* ch = 'Y' */
+        0x2d, 0x26, 0x00, 0x00, 0x00, 0x19, 0x36, 0x09, 0x48, 0xf7, 0x10, 0x00,
+        0x00, 0x90, 0x8a, 0x00, 0x04, 0xe5, 0x5f, 0x00, 0x22, 0xff, 0x22, 0x00,
+        0x00, 0x48, 0xf7, 0x10, 0x70, 0xa0, 0x00, 0x00, 0x00, 0x04, 0xdb, 0x7c,
+        0xff, 0x2c, 0x00, 0x00, 0x00, 0x00, 0x44, 0xff, 0xa7, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x04, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff,
+        0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00,
+        /* ch = 'Z' */
+        0x16, 0x36, 0x36, 0x36, 0x36, 0x36, 0x26, 0x22, 0x74, 0x74, 0x74, 0x74,
+        0xff, 0x66, 0x00, 0x00, 0x00, 0x00, 0x44, 0xe5, 0x10, 0x00, 0x00, 0x00,
+        0x10, 0xe5, 0x44, 0x00, 0x00, 0x00, 0x00, 0x77, 0xb7, 0x00, 0x00, 0x00,
+        0x00, 0x2a, 0xff, 0x24, 0x00, 0x00, 0x00, 0x04, 0xc8, 0x6b, 0x00, 0x00,
+        0x00, 0x00, 0x4d, 0xe5, 0x10, 0x00, 0x00, 0x00, 0x17, 0xf7, 0x44, 0x00,
+        0x00, 0x00, 0x00, 0x50, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff,
+        /* ch = '[' */
+        0x32, 0xff, 0xcf, 0xcf, 0xcf, 0x2d, 0x32, 0xff, 0x00, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x74, 0x74, 0x74, 0x22, 0x16, 0x36, 0x36, 0x36, 0x36, 0x16,
+        /* ch = '\' */
+        0x20, 0xe5, 0x10, 0x04, 0xc8, 0x5a, 0x00, 0x48, 0xe5, 0x00, 0x04, 0xe5,
+        0x00, 0x00, 0x5a, 0x00, 0x00, 0x0d, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = ']' */
+        0x00, 0xcf, 0xcf, 0xcf, 0xf7, 0x50, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
+        0x00, 0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
+        0x00, 0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
+        0x00, 0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
+        0x00, 0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
+        0x14, 0x74, 0x74, 0x74, 0xe5, 0x50, 0x0d, 0x36, 0x36, 0x36, 0x36, 0x1e,
+        /* ch = '^' */
+        0x00, 0x00, 0x28, 0x04, 0x00, 0x00, 0x1c, 0xf7, 0x44, 0x00, 0x00, 0x90,
+        0xd4, 0xe5, 0x0d, 0x32, 0xe5, 0x10, 0xb7, 0x50, 0x82, 0x32, 0x00, 0x2a,
+        0xa5,
+        /* ch = '_' */
+        0x95, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x12, 0x15, 0x15, 0x15, 0x15,
+        0x15, 0x15,
+        /* ch = '`' */
+        0x17, 0xf7, 0x17, 0x00, 0xa7, 0x64, 0x00, 0x39, 0xff, 0x00, 0x00, 0x30,
+        /* ch = 'a' */
+        0x00, 0x37, 0xdd, 0xf7, 0xef, 0x50, 0x00, 0x00, 0x3d, 0x1b, 0x00, 0x1f,
+        0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x50, 0xdd,
+        0xcf, 0xcf, 0xf7, 0x50, 0x40, 0xf7, 0x13, 0x00, 0x00, 0xb7, 0x50, 0x5a,
+        0xcf, 0x04, 0x00, 0x2c, 0xff, 0x50, 0x10, 0xd4, 0xdd, 0xbd, 0xcb, 0xe5,
+        0x50, 0x00, 0x00, 0x12, 0x0f, 0x00, 0x00, 0x00,
+        /* ch = 'b' */
+        0x50, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x7e,
+        0xff, 0xf7, 0x66, 0x00, 0x50, 0xff, 0x54, 0x00, 0x35, 0xff, 0x44, 0x50,
+        0xff, 0x04, 0x00, 0x00, 0xa0, 0xa0, 0x50, 0xff, 0x00, 0x00, 0x00, 0x7c,
+        0xb7, 0x50, 0xff, 0x00, 0x00, 0x00, 0x82, 0xa0, 0x50, 0xff, 0x35, 0x00,
+        0x21, 0xf7, 0x44, 0x50, 0xb7, 0xd4, 0xd4, 0xff, 0x77, 0x00, 0x00, 0x00,
+        0x00, 0x12, 0x0c, 0x00, 0x00,
+        /* ch = 'c' */
+        0x00, 0x10, 0x8d, 0xf7, 0xff, 0xab, 0x19, 0x04, 0xb7, 0x8a, 0x08, 0x08,
+        0x7c, 0x73, 0x32, 0xff, 0x17, 0x00, 0x00, 0x08, 0x04, 0x50, 0xff, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x3b, 0xff, 0x17, 0x00, 0x00, 0x00, 0x00, 0x0d,
+        0xdb, 0x8a, 0x04, 0x00, 0x37, 0x26, 0x00, 0x1f, 0xd4, 0xef, 0xe5, 0xe5,
+        0x2c, 0x00, 0x00, 0x00, 0x12, 0x12, 0x00, 0x00,
+        /* ch = 'd' */
+        0x00, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x5f, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0xb7, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x35, 0xe5,
+        0xe5, 0xcb, 0xcf, 0x50, 0x22, 0xff, 0x32, 0x00, 0x35, 0xff, 0x50, 0x5f,
+        0xbd, 0x00, 0x00, 0x00, 0xcf, 0x5f, 0x7c, 0x82, 0x00, 0x00, 0x00, 0xb7,
+        0x7c, 0x5f, 0xbd, 0x00, 0x00, 0x00, 0xcf, 0x7c, 0x2a, 0xff, 0x32, 0x00,
+        0x37, 0xff, 0x7c, 0x00, 0x5a, 0xff, 0xdd, 0xd4, 0xcf, 0x7c, 0x00, 0x00,
+        0x0c, 0x12, 0x00, 0x00, 0x00,
+        /* ch = 'e' */
+        0x00, 0x26, 0xcb, 0xdd, 0xef, 0x48, 0x00, 0x17, 0xf7, 0x37, 0x00, 0x1f,
+        0xf7, 0x2a, 0x44, 0xd9, 0x15, 0x15, 0x15, 0x9e, 0x6b, 0x6b, 0xf7, 0xcf,
+        0xcf, 0xcf, 0xcf, 0x67, 0x50, 0xcf, 0x00, 0x00, 0x00, 0x00, 0x00, 0x22,
+        0xff, 0x37, 0x00, 0x00, 0x2a, 0x08, 0x00, 0x35, 0xef, 0xd4, 0xdd, 0xbb,
+        0x19, 0x00, 0x00, 0x00, 0x15, 0x0f, 0x00, 0x00,
+        /* ch = 'f' */
+        0x10, 0xb3, 0xe5, 0xef, 0x8d, 0x04, 0x8a, 0xa0, 0x04, 0x04, 0x8d, 0x04,
+        0xb7, 0x50, 0x00, 0x00, 0x00, 0x00, 0xcf, 0x82, 0x36, 0x26, 0x00, 0x00,
+        0xcf, 0x82, 0x36, 0x26, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00, 0x00,
+        0xb7, 0x50, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00, 0x00,
+        0xb7, 0x50, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'g' */
+        0x44, 0xef, 0xdd, 0xbb, 0xcb, 0xd4, 0x09, 0xff, 0x1f, 0x00, 0x82, 0x90,
+        0x00, 0x00, 0xcf, 0x00, 0x00, 0x50, 0xb7, 0x00, 0x00, 0xf7, 0x5f, 0x2b,
+        0xdb, 0x4d, 0x00, 0x00, 0x82, 0x95, 0x74, 0x37, 0x00, 0x00, 0x00, 0xff,
+        0x2d, 0x15, 0x15, 0x08, 0x00, 0x00, 0xc4, 0x9e, 0xcf, 0xcf, 0xf7, 0x49,
+        0x00, 0x75, 0x00, 0x00, 0x00, 0x59, 0xb7, 0x00, 0xdb, 0x37, 0x15, 0x37,
+        0xdb, 0x4d, 0x00, 0x2a, 0x5b, 0x74, 0x5b, 0x1e, 0x00, 0x00,
+        /* ch = 'h' */
+        0x32, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00,
+        0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x54,
+        0xef, 0xff, 0x7e, 0x00, 0x32, 0xff, 0xb1, 0x13, 0x21, 0xff, 0x32, 0x32,
+        0xff, 0x24, 0x00, 0x00, 0xe5, 0x50, 0x32, 0xff, 0x1c, 0x00, 0x00, 0xb7,
+        0x50, 0x32, 0xff, 0x1c, 0x00, 0x00, 0xb7, 0x50, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0xb7, 0x50, 0x32, 0xff, 0x1c, 0x00, 0x00, 0xb7, 0x50,
+        /* ch = 'i' */
+        0x00, 0x17, 0xcf, 0x39, 0x00, 0x00, 0x10, 0x9e, 0x2a, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x67, 0xcf, 0xcf, 0x2d, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00,
+        0x1c, 0xff, 0x32, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x95, 0xd4, 0xff,
+        0xdd, 0xcf,
+        /* ch = 'j' */
+        0x00, 0x00, 0x00, 0x04, 0xbd, 0x57, 0x00, 0x00, 0x00, 0x00, 0x8d, 0x39,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x45, 0xcf, 0xcf, 0xcf, 0x45,
+        0x00, 0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
+        0x00, 0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
+        0x00, 0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
+        0x00, 0x0c, 0x00, 0x04, 0xf7, 0x44, 0x45, 0xdb, 0x3e, 0x8a, 0xdb, 0x10,
+        0x04, 0x3f, 0x74, 0x5b, 0x13, 0x00,
+        /* ch = 'k' */
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x1c, 0x00, 0x26, 0xcf, 0x2d, 0x00, 0x32, 0xff, 0x1c, 0x32,
+        0xef, 0x32, 0x00, 0x00, 0x32, 0xff, 0x5f, 0xf7, 0x2c, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0xef, 0xff, 0x32, 0x00, 0x00, 0x00, 0x32, 0xff, 0x21, 0x7c,
+        0xf7, 0x1f, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x04, 0xb1, 0xdb, 0x10, 0x00,
+        0x32, 0xff, 0x1c, 0x00, 0x10, 0xdb, 0xb1, 0x04,
+        /* ch = 'l' */
+        0x00, 0xff, 0xff, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x1c,
+        0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00,
+        0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff,
+        0x32, 0x00, 0x00, 0x1a, 0xcf, 0xd4, 0xff, 0xdd, 0xcf, 0x2d,
+        /* ch = 'm' */
+        0x95, 0xbd, 0xef, 0xd4, 0xa2, 0xef, 0x8b, 0xb7, 0x97, 0x0d, 0xff, 0x5f,
+        0x35, 0xff, 0xb7, 0x50, 0x00, 0xff, 0x32, 0x32, 0xff, 0xb7, 0x50, 0x00,
+        0xff, 0x32, 0x32, 0xff, 0xb7, 0x50, 0x00, 0xff, 0x32, 0x32, 0xff, 0xb7,
+        0x50, 0x00, 0xff, 0x32, 0x32, 0xff, 0xb7, 0x50, 0x00, 0xff, 0x32, 0x32,
+        0xff,
+        /* ch = 'n' */
+        0x2d, 0xcf, 0x50, 0xef, 0xff, 0x7e, 0x00, 0x32, 0xff, 0xb1, 0x0c, 0x26,
+        0xff, 0x32, 0x32, 0xff, 0x1f, 0x00, 0x00, 0xff, 0x50, 0x32, 0xff, 0x1c,
+        0x00, 0x00, 0xff, 0x50, 0x32, 0xff, 0x1c, 0x00, 0x00, 0xff, 0x50, 0x32,
+        0xff, 0x1c, 0x00, 0x00, 0xff, 0x50, 0x32, 0xff, 0x1c, 0x00, 0x00, 0xff,
+        0x50,
+        /* ch = 'o' */
+        0x00, 0x21, 0xc4, 0xff, 0xe5, 0x48, 0x00, 0x17, 0xf7, 0x54, 0x00, 0x28,
+        0xff, 0x39, 0x5f, 0xcf, 0x00, 0x00, 0x00, 0x90, 0xa0, 0x7c, 0xa5, 0x00,
+        0x00, 0x00, 0x50, 0xb7, 0x6b, 0xcf, 0x00, 0x00, 0x00, 0x6b, 0xb1, 0x2a,
+        0xff, 0x37, 0x00, 0x13, 0xf7, 0x44, 0x00, 0x3b, 0xf7, 0xd4, 0xf7, 0x66,
+        0x00, 0x00, 0x00, 0x04, 0x15, 0x0c, 0x00, 0x00,
+        /* ch = 'p' */
+        0x45, 0xcf, 0x73, 0xf7, 0xf7, 0x66, 0x04, 0x50, 0xff, 0x54, 0x00, 0x28,
+        0xff, 0x4d, 0x50, 0xff, 0x04, 0x00, 0x00, 0x7c, 0xb1, 0x50, 0xff, 0x00,
+        0x00, 0x00, 0x50, 0xef, 0x50, 0xff, 0x00, 0x00, 0x00, 0x6b, 0xb1, 0x50,
+        0xff, 0x35, 0x00, 0x13, 0xe5, 0x5a, 0x50, 0xff, 0xc4, 0xd4, 0xf7, 0x94,
+        0x04, 0x50, 0xff, 0x00, 0x12, 0x0f, 0x00, 0x00, 0x50, 0xff, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x1e, 0x36, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'q' */
+        0x00, 0x2f, 0xe5, 0xef, 0xcb, 0x9c, 0x67, 0x22, 0xff, 0x35, 0x00, 0x35,
+        0xff, 0x7c, 0x6b, 0xbd, 0x00, 0x00, 0x00, 0xbd, 0x7c, 0x7c, 0x82, 0x00,
+        0x00, 0x00, 0xb7, 0x7c, 0x6b, 0xcf, 0x00, 0x00, 0x00, 0xcf, 0x7c, 0x2a,
+        0xff, 0x35, 0x00, 0x32, 0xff, 0x7c, 0x00, 0x4d, 0xff, 0xdd, 0xd4, 0xcf,
+        0x7c, 0x00, 0x00, 0x08, 0x12, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x2d, 0x26,
+        /* ch = 'r' */
+        0x95, 0x7e, 0x8d, 0xff, 0xf7, 0x60, 0xb7, 0xff, 0x5f, 0x04, 0x21, 0x51,
+        0xb7, 0xb7, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x5f, 0x00, 0x00, 0x00, 0x00,
+        0xb7, 0x50, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00, 0x00,
+        0xb7, 0x50, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 's' */
+        0x00, 0x26, 0xcb, 0xd4, 0xef, 0x8d, 0x08, 0x00, 0xe5, 0x4f, 0x00, 0x08,
+        0xb1, 0x1f, 0x00, 0xc8, 0xc4, 0x25, 0x00, 0x00, 0x00, 0x00, 0x13, 0x7f,
+        0xef, 0xef, 0x66, 0x04, 0x00, 0x00, 0x00, 0x00, 0x2b, 0xf7, 0x50, 0x1c,
+        0xb1, 0x08, 0x00, 0x08, 0xe5, 0x50, 0x13, 0x94, 0xf7, 0xcf, 0xef, 0x94,
+        0x04, 0x00, 0x00, 0x08, 0x15, 0x0c, 0x00, 0x00,
+        /* ch = 't' */
+        0x00, 0x00, 0x45, 0xb5, 0x00, 0x00, 0x00, 0x00, 0x6b, 0xb7, 0x00, 0x00,
+        0x2d, 0xcf, 0xef, 0xef, 0xcf, 0xcf, 0x00, 0x00, 0x7c, 0x7c, 0x00, 0x00,
+        0x00, 0x00, 0xb1, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
+        0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xa0, 0xa7, 0x00, 0x1b,
+        0x00, 0x00, 0x2f, 0xf7, 0xef, 0xef, 0x00, 0x00, 0x00, 0x04, 0x12, 0x00,
+        /* ch = 'u' */
+        0x2d, 0xcf, 0x00, 0x00, 0x00, 0x95, 0x45, 0x32, 0xff, 0x00, 0x00, 0x00,
+        0xb7, 0x50, 0x32, 0xff, 0x00, 0x00, 0x00, 0xb7, 0x50, 0x32, 0xff, 0x00,
+        0x00, 0x00, 0xb7, 0x50, 0x32, 0xff, 0x04, 0x00, 0x00, 0xf7, 0x50, 0x22,
+        0xff, 0x35, 0x00, 0x35, 0xff, 0x50, 0x00, 0x66, 0xf7, 0xcf, 0xbb, 0xcf,
+        0x54, 0x00, 0x00, 0x0c, 0x12, 0x00, 0x00, 0x00,
+        /* ch = 'v' */
+        0x58, 0xab, 0x00, 0x00, 0x00, 0x51, 0x82, 0x22, 0xff, 0x24, 0x00, 0x00,
+        0xb7, 0x48, 0x00, 0xa7, 0x70, 0x00, 0x22, 0xff, 0x0d, 0x00, 0x3b, 0xf7,
+        0x0d, 0x70, 0x8a, 0x00, 0x00, 0x0d, 0xf7, 0x54, 0xf7, 0x22, 0x00, 0x00,
+        0x00, 0x70, 0xff, 0xa7, 0x00, 0x00, 0x00, 0x00, 0x22, 0xff, 0x39, 0x00,
+        0x00,
+        /* ch = 'w' */
+        0xdd, 0x2d, 0x00, 0x12, 0x04, 0x1a, 0xcf, 0x1a, 0xb1, 0x44, 0x0d, 0xff,
+        0x32, 0x1c, 0xff, 0x00, 0x77, 0x77, 0x2a, 0xff, 0x70, 0x32, 0xbd, 0x00,
+        0x44, 0xbd, 0x54, 0xb7, 0xe5, 0x44, 0x82, 0x00, 0x24, 0xff, 0xb7, 0x2c,
+        0xf7, 0xb7, 0x54, 0x00, 0x04, 0xff, 0xf7, 0x04, 0x90, 0xff, 0x35, 0x00,
+        0x00, 0xb1, 0x90, 0x00, 0x44, 0xff, 0x1c, 0x00,
+        /* ch = 'x' */
+        0x28, 0xcf, 0x1f, 0x00, 0x1c, 0xcf, 0x28, 0x00, 0x77, 0xb7, 0x08, 0xb1,
+        0x77, 0x00, 0x00, 0x04, 0xdb, 0xd4, 0xdb, 0x0d, 0x00, 0x00, 0x00, 0x31,
+        0xff, 0x4a, 0x00, 0x00, 0x00, 0x04, 0xc8, 0xd4, 0xe5, 0x10, 0x00, 0x00,
+        0x6b, 0xdb, 0x04, 0xb1, 0xa0, 0x00, 0x2c, 0xff, 0x2a, 0x00, 0x10, 0xf7,
+        0x50,
+        /* ch = 'y' */
+        0x4a, 0xcf, 0x04, 0x00, 0x00, 0x5c, 0xa2, 0x17, 0xff, 0x39, 0x00, 0x00,
+        0xc8, 0x48, 0x00, 0x8a, 0xa0, 0x00, 0x22, 0xff, 0x17, 0x00, 0x2c, 0xff,
+        0x17, 0x5f, 0x90, 0x00, 0x00, 0x00, 0xc8, 0x5a, 0xe5, 0x39, 0x00, 0x00,
+        0x00, 0x48, 0xff, 0xe5, 0x04, 0x00, 0x00, 0x00, 0x0d, 0xf7, 0x70, 0x00,
+        0x00, 0x00, 0x00, 0x17, 0xff, 0x22, 0x00, 0x00, 0x82, 0x3e, 0xb1, 0xa0,
+        0x00, 0x00, 0x00, 0x2e, 0x74, 0x50, 0x08, 0x00, 0x00, 0x00,
+        /* ch = 'z' */
+        0x2d, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x2d, 0x00, 0x00, 0x00, 0x00, 0x7c,
+        0xb1, 0x04, 0x00, 0x00, 0x00, 0x50, 0xf7, 0x1c, 0x00, 0x00, 0x00, 0x32,
+        0xff, 0x32, 0x00, 0x00, 0x00, 0x1f, 0xf7, 0x50, 0x00, 0x00, 0x00, 0x10,
+        0xdb, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0xff, 0xff, 0xff, 0xff,
+        0x7c,
+        /* ch = '{' */
+        0x00, 0x2a, 0x74, 0x74, 0x14, 0x4d, 0xdb, 0x30, 0x30, 0x0d, 0xb7, 0x54,
+        0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00, 0xbd, 0x4d, 0x00, 0x00,
+        0x00, 0xdb, 0x10, 0x00, 0x00, 0x00, 0x99, 0x04, 0x00, 0x00, 0x00, 0xf7,
+        0x32, 0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00, 0xff, 0x50, 0x00,
+        0x00, 0x00, 0xbd, 0x5f, 0x00, 0x00, 0x00, 0x4d, 0xf7, 0x5b, 0x36, 0x0d,
+        0x00, 0x18, 0x36, 0x36, 0x0d,
+        /* ch = '|' */
+        0x1a, 0xcf, 0x2d, 0x1c, 0xff, 0x32, 0x1c, 0xff, 0x32, 0x1c, 0xff, 0x32,
+        0x1c, 0xff, 0x32, 0x1c, 0xff, 0x32, 0x1c, 0xff, 0x32, 0x1c, 0xff, 0x32,
+        0x1c, 0xff, 0x32, 0x1c, 0xff, 0x32, 0x1c, 0xff, 0x32, 0x1c, 0xff, 0x32,
+        0x04, 0x15, 0x08,
+        /* ch = '}' */
+        0x74, 0x74, 0x37, 0x04, 0x36, 0x2a, 0xb1, 0x77, 0x00, 0x00, 0x35, 0xff,
+        0x00, 0x00, 0x32, 0xff, 0x00, 0x00, 0x2f, 0xff, 0x00, 0x00, 0x04, 0xb1,
+        0x00, 0x00, 0x00, 0x6b, 0x00, 0x00, 0x1c, 0xff, 0x00, 0x00, 0x32, 0xff,
+        0x00, 0x00, 0x32, 0xff, 0x00, 0x00, 0x3b, 0xff, 0x36, 0x50, 0xdb, 0x77,
+        0x36, 0x36, 0x20, 0x00,
+        /* ch = '~' */
+        0x10, 0xab, 0xff, 0xa2, 0x13, 0x1f, 0x8d, 0x09, 0x3e, 0x73, 0x08, 0x6b,
+        0xf7, 0xef, 0x4d, 0x00, 0x00, 0x00, 0x00, 0x00, 0x0f, 0x0c, 0x00, 0x00
 };
 
 /* font_inconsolata_16px */
 static const unsigned char pd_inconsolata_font_bitmap_16px_bytes[] = {
-	/* ch = '!' */
-	0x0d, 0x74, 0x2a,
-	0x32, 0xff, 0x7c,
-	0x1c, 0xff, 0x7c,
-	0x1c, 0xff, 0x50,
-	0x0d, 0xff, 0x50,
-	0x00, 0xff, 0x35,
-	0x00, 0xff, 0x32,
-	0x00, 0xab, 0x2d,
-	0x00, 0x00, 0x00,
-	0x16, 0x9e, 0x32,
-	0x39, 0xff, 0x84,
-	0x00, 0x12, 0x04,
-	/* ch = '"' */
-	0x04, 0x67, 0x2a, 0x1c, 0x74, 0x10,
-	0x1c, 0xff, 0x5a, 0x32, 0xff, 0x32,
-	0x0d, 0xff, 0x32, 0x32, 0xff, 0x14,
-	0x32, 0xf7, 0x04, 0x5f, 0xa0, 0x00,
-	0x13, 0x28, 0x00, 0x1e, 0x1e, 0x00,
-	/* ch = '#' */
-	0x00, 0x00, 0x77, 0x7c, 0x00, 0xcf, 0x44, 0x00,
-	0x00, 0x00, 0x90, 0x54, 0x00, 0xff, 0x32, 0x00,
-	0x0f, 0x15, 0xbd, 0x53, 0x33, 0xff, 0x4a, 0x24,
-	0x42, 0x5b, 0xff, 0x62, 0x62, 0xff, 0x36, 0x1e,
-	0x00, 0x14, 0xff, 0x1c, 0x35, 0xe5, 0x00, 0x00,
-	0x00, 0x1f, 0xff, 0x0d, 0x50, 0xb7, 0x00, 0x00,
-	0x9c, 0xdd, 0xff, 0xcf, 0xe5, 0xdd, 0xa2, 0x28,
-	0x00, 0x4d, 0xb7, 0x00, 0x90, 0x5f, 0x00, 0x00,
-	0x00, 0x5f, 0x82, 0x00, 0xb7, 0x4d, 0x00, 0x00,
-	0x00, 0x67, 0x5c, 0x00, 0xcf, 0x2d, 0x00, 0x00,
-	/* ch = '$' */
-	0x00, 0x00, 0x00, 0x1e, 0x2b, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x16, 0x82, 0xa5, 0x25, 0x00, 0x00,
-	0x00, 0x4d, 0xef, 0xb1, 0xc8, 0xd4, 0xa9, 0x00,
-	0x00, 0xf7, 0x35, 0x50, 0x7c, 0x10, 0x3d, 0x00,
-	0x00, 0xe5, 0x7c, 0x54, 0x7c, 0x00, 0x00, 0x00,
-	0x00, 0x26, 0xef, 0xff, 0xa5, 0x0f, 0x00, 0x00,
-	0x00, 0x00, 0x04, 0x68, 0xef, 0xf7, 0x66, 0x00,
-	0x00, 0x00, 0x00, 0x50, 0x7c, 0x26, 0xff, 0x2a,
-	0x00, 0x22, 0x00, 0x50, 0x7c, 0x0d, 0xff, 0x2f,
-	0x20, 0xff, 0x73, 0x68, 0xa5, 0xa9, 0xb1, 0x04,
-	0x00, 0x1b, 0x67, 0xe5, 0xdb, 0x5b, 0x08, 0x00,
-	0x00, 0x00, 0x00, 0x45, 0x67, 0x00, 0x00, 0x00,
-	/* ch = '%' */
-	0x00, 0x0c, 0x0f, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xef, 0xef, 0x4d, 0x00, 0x32, 0xf7, 0x10,
-	0xb1, 0x54, 0x35, 0xf7, 0x04, 0xc8, 0x50, 0x00,
-	0xb1, 0x54, 0x3b, 0xe5, 0x44, 0xdb, 0x04, 0x00,
-	0x2c, 0xef, 0xef, 0x4d, 0xe5, 0x3b, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x5f, 0xb7, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x17, 0xf7, 0x2a, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x90, 0x4d, 0xef, 0xd4, 0x16,
-	0x00, 0x24, 0xff, 0x2a, 0xff, 0x24, 0x8a, 0x77,
-	0x00, 0xa0, 0x6b, 0x1a, 0xff, 0x1f, 0x6b, 0x77,
-	0x35, 0xf7, 0x10, 0x00, 0x7c, 0xcb, 0xef, 0x1f,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x12, 0x08, 0x00,
-	/* ch = '&' */
-	0x00, 0x1f, 0xe5, 0xff, 0xd4, 0x1f, 0x00, 0x00,
-	0x00, 0xa0, 0x97, 0x04, 0x97, 0x8a, 0x00, 0x00,
-	0x00, 0xb1, 0x7c, 0x00, 0x82, 0xa0, 0x00, 0x00,
-	0x00, 0x44, 0xf7, 0x37, 0xf7, 0x2f, 0x00, 0x00,
-	0x00, 0x08, 0xd9, 0xff, 0x3f, 0x00, 0x00, 0x00,
-	0x04, 0xc4, 0xb1, 0xdb, 0x7c, 0x00, 0x39, 0x08,
-	0x5a, 0xf7, 0x10, 0x2f, 0xff, 0x3b, 0xe5, 0x4d,
-	0x8a, 0xb7, 0x00, 0x00, 0x50, 0xff, 0xb1, 0x04,
-	0x6b, 0xf7, 0x1a, 0x04, 0x6b, 0xff, 0xb1, 0x04,
-	0x10, 0xbb, 0xff, 0xff, 0xbb, 0x28, 0xf7, 0x43,
-	0x00, 0x00, 0x12, 0x0c, 0x00, 0x00, 0x0c, 0x00,
-	/* ch = ''' */
-	0x2c, 0x67, 0x00,
-	0x77, 0xff, 0x11,
-	0x54, 0xc8, 0x00,
-	0xa7, 0x5a, 0x00,
-	0x2a, 0x10, 0x00,
-	/* ch = '(' */
-	0x00, 0x00, 0x37, 0x2a,
-	0x04, 0xa9, 0xd4, 0x31,
-	0x82, 0xdb, 0x10, 0x00,
-	0xff, 0x24, 0x00, 0x00,
-	0x90, 0x00, 0x00, 0x00,
-	0x4d, 0x00, 0x00, 0x00,
-	0x32, 0x00, 0x00, 0x00,
-	0x35, 0x00, 0x00, 0x00,
-	0x5f, 0x00, 0x00, 0x00,
-	0xc8, 0x00, 0x00, 0x00,
-	0xff, 0x35, 0x00, 0x00,
-	0x77, 0xf7, 0x1f, 0x00,
-	0x04, 0x99, 0xef, 0x28,
-	0x00, 0x00, 0x50, 0x40,
-	/* ch = ')' */
-	0x00, 0x51, 0x13, 0x00,
-	0x09, 0x94, 0xf7, 0x2c,
-	0x00, 0x00, 0x5f, 0xf7,
-	0x00, 0x00, 0x00, 0x90,
-	0x00, 0x00, 0x00, 0x22,
-	0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x17,
-	0x00, 0x00, 0x00, 0x82,
-	0x00, 0x00, 0x50, 0xff,
-	0x04, 0x77, 0xf7, 0x35,
-	0x04, 0x9e, 0x1b, 0x00,
-	/* ch = '*' */
-	0x00, 0x00, 0x00, 0x22, 0x0f, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xb7, 0x5f, 0x00, 0x00, 0x00,
-	0x24, 0x48, 0x08, 0xa0, 0x50, 0x16, 0x5b, 0x04,
-	0x29, 0x9e, 0xe5, 0xdb, 0xcb, 0xe5, 0x73, 0x13,
-	0x00, 0x00, 0x21, 0xff, 0xbd, 0x04, 0x00, 0x00,
-	0x00, 0x10, 0xdb, 0x44, 0xa0, 0x7c, 0x00, 0x00,
-	0x00, 0xa4, 0x90, 0x00, 0x17, 0xf7, 0x43, 0x00,
-	0x00, 0x10, 0x16, 0x00, 0x00, 0x0f, 0x00, 0x00,
-	/* ch = '+' */
-	0x00, 0x00, 0x00, 0x2d, 0x1e, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00,
-	0x42, 0x74, 0x74, 0xe5, 0xb1, 0x74, 0x74, 0x22,
-	0x26, 0x36, 0x36, 0xcf, 0x82, 0x36, 0x36, 0x16,
-	0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x2d, 0x1e, 0x00, 0x00, 0x00,
-	/* ch = ',' */
-	0x16, 0x74, 0x2c,
-	0x40, 0xff, 0xb7,
-	0x00, 0x82, 0x8a,
-	0x17, 0xef, 0x1f,
-	0x32, 0x2c, 0x00,
-	/* ch = '-' */
-	0x14, 0x74, 0x74, 0x74, 0x74, 0x74, 0x58,
-	0x0d, 0x36, 0x36, 0x36, 0x36, 0x36, 0x2d,
-	/* ch = '.' */
-	0x10, 0x74, 0x2c,
-	0x39, 0xff, 0x84,
-	0x00, 0x12, 0x04,
-	/* ch = '/' */
-	0x00, 0x2a, 0x37,
-	0x00, 0xa7, 0x8a,
-	0x2c, 0xff, 0x22,
-	0x90, 0xa0, 0x00,
-	0xff, 0x2c, 0x00,
-	0xb7, 0x00, 0x00,
-	0x39, 0x00, 0x00,
-	0x04, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	/* ch = '0' */
-	0x00, 0x04, 0x7e, 0xff, 0xef, 0x44, 0x00, 0x00,
-	0x00, 0x6b, 0xc8, 0x13, 0x35, 0xff, 0x2a, 0x00,
-	0x14, 0xff, 0x2c, 0x00, 0x10, 0xe5, 0xa0, 0x00,
-	0x35, 0xff, 0x00, 0x00, 0x82, 0xf7, 0xff, 0x04,
-	0x50, 0xb7, 0x00, 0x50, 0xdb, 0x28, 0xff, 0x1c,
-	0x50, 0xb7, 0x2f, 0xff, 0x1f, 0x1c, 0xff, 0x1c,
-	0x3b, 0xff, 0xdb, 0x50, 0x00, 0x2a, 0xff, 0x14,
-	0x17, 0xff, 0x82, 0x00, 0x00, 0x50, 0xc8, 0x00,
-	0x00, 0x90, 0xb7, 0x10, 0x13, 0xe5, 0x44, 0x00,
-	0x00, 0x10, 0xa9, 0xf7, 0xf7, 0x6b, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x12, 0x0f, 0x00, 0x00, 0x00,
-	/* ch = '1' */
-	0x00, 0x31, 0xd4, 0xb7,
-	0xab, 0xab, 0xc8, 0xb7,
-	0x00, 0x00, 0x7c, 0xb7,
-	0x00, 0x00, 0x7c, 0xb7,
-	0x00, 0x00, 0x7c, 0xb7,
-	0x00, 0x00, 0x7c, 0xb7,
-	0x00, 0x00, 0x7c, 0xb7,
-	0x00, 0x00, 0x7c, 0xb7,
-	0x00, 0x00, 0x7c, 0xb7,
-	0x00, 0x00, 0x7c, 0xb7,
-	/* ch = '2' */
-	0x00, 0x19, 0xb3, 0xff, 0xf7, 0x73, 0x04,
-	0x0a, 0xcb, 0x5f, 0x04, 0x1b, 0xe5, 0x6b,
-	0x00, 0x0c, 0x04, 0x00, 0x00, 0x5f, 0xc8,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x70, 0xb1,
-	0x00, 0x00, 0x00, 0x00, 0x1f, 0xf7, 0x3b,
-	0x00, 0x00, 0x00, 0x21, 0xef, 0x5f, 0x00,
-	0x00, 0x00, 0x1f, 0xf7, 0x54, 0x00, 0x00,
-	0x00, 0x10, 0xdb, 0x54, 0x00, 0x00, 0x00,
-	0x00, 0x90, 0xb1, 0x00, 0x00, 0x00, 0x0c,
-	0x1a, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff,
-	/* ch = '3' */
-	0x00, 0x26, 0xcb, 0xff, 0xe5, 0x48, 0x00,
-	0x00, 0x4d, 0x3f, 0x04, 0x35, 0xff, 0x2c,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0x1f, 0xff, 0x32,
-	0x00, 0x00, 0x30, 0xab, 0xf7, 0x4a, 0x00,
-	0x00, 0x00, 0x0c, 0x20, 0x77, 0xf7, 0x1f,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x97, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x82, 0xb1,
-	0x04, 0xb1, 0x21, 0x00, 0x21, 0xf7, 0x50,
-	0x04, 0x73, 0xff, 0xe5, 0xff, 0x7e, 0x04,
-	0x00, 0x00, 0x08, 0x15, 0x0c, 0x00, 0x00,
-	/* ch = '4' */
-	0x00, 0x00, 0x00, 0x00, 0x77, 0xff, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x2f, 0xff, 0xff, 0x00, 0x00,
-	0x00, 0x00, 0x0d, 0xdb, 0xb1, 0xff, 0x00, 0x00,
-	0x00, 0x00, 0x77, 0x82, 0x50, 0xff, 0x00, 0x00,
-	0x00, 0x2f, 0xe5, 0x10, 0x50, 0xff, 0x00, 0x00,
-	0x0d, 0xdb, 0x35, 0x00, 0x50, 0xff, 0x00, 0x00,
-	0x4d, 0xff, 0xcf, 0xcf, 0xe5, 0xff, 0xcf, 0x1a,
-	0x0c, 0x15, 0x15, 0x15, 0x5e, 0xff, 0x15, 0x04,
-	0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x00, 0x00,
-	/* ch = '5' */
-	0x00, 0x7c, 0xff, 0xff, 0xff, 0xff, 0xb7,
-	0x00, 0x82, 0x7c, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0xb7, 0x50, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0xb7, 0x74, 0x36, 0x36, 0x13, 0x00,
-	0x00, 0xf7, 0xdb, 0x50, 0xa4, 0xf7, 0x32,
-	0x00, 0x25, 0x10, 0x00, 0x00, 0x82, 0xc8,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x35, 0xff,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x44, 0xff,
-	0x1a, 0xd4, 0x37, 0x00, 0x10, 0xb7, 0xa0,
-	0x00, 0x44, 0xef, 0xdd, 0xf7, 0xbb, 0x10,
-	0x00, 0x00, 0x00, 0x15, 0x0f, 0x00, 0x00,
-	/* ch = '6' */
-	0x00, 0x00, 0x48, 0xef, 0xff, 0xe5, 0x35,
-	0x00, 0x3b, 0xf7, 0x28, 0x00, 0x40, 0x1f,
-	0x00, 0xc8, 0x64, 0x00, 0x00, 0x00, 0x00,
-	0x14, 0xff, 0x35, 0x30, 0x36, 0x0c, 0x00,
-	0x1c, 0xff, 0xef, 0xa4, 0xa4, 0xf7, 0x1f,
-	0x2d, 0xff, 0x50, 0x00, 0x00, 0x90, 0xa7,
-	0x1c, 0xff, 0x24, 0x00, 0x00, 0x44, 0xff,
-	0x0d, 0xff, 0x3b, 0x00, 0x00, 0x4d, 0xf7,
-	0x00, 0x7c, 0xdb, 0x10, 0x08, 0xb7, 0x7c,
-	0x00, 0x10, 0xa9, 0xf7, 0xef, 0xbb, 0x10,
-	0x00, 0x00, 0x00, 0x0f, 0x12, 0x00, 0x00,
-	/* ch = '7' */
-	0xff, 0xff, 0xff, 0xff, 0xff, 0xb7,
-	0x00, 0x00, 0x00, 0x04, 0xe5, 0x5a,
-	0x00, 0x00, 0x00, 0x39, 0xff, 0x17,
-	0x00, 0x00, 0x00, 0xa7, 0x8a, 0x00,
-	0x00, 0x00, 0x22, 0xff, 0x32, 0x00,
-	0x00, 0x00, 0x5f, 0xe5, 0x04, 0x00,
-	0x00, 0x04, 0xe5, 0x6b, 0x00, 0x00,
-	0x00, 0x2c, 0xff, 0x24, 0x00, 0x00,
-	0x00, 0x70, 0xcf, 0x00, 0x00, 0x00,
-	0x04, 0xf7, 0x6b, 0x00, 0x00, 0x00,
-	/* ch = '8' */
-	0x00, 0x10, 0xbb, 0xef, 0xf7, 0x94, 0x08,
-	0x00, 0x8a, 0xb1, 0x04, 0x13, 0xe5, 0x5a,
-	0x00, 0xb7, 0x54, 0x00, 0x00, 0x82, 0x7c,
-	0x00, 0x6b, 0xf7, 0x21, 0x1f, 0xf7, 0x2f,
-	0x00, 0x04, 0x88, 0xf7, 0xf7, 0x46, 0x00,
-	0x00, 0x4d, 0xef, 0x31, 0x94, 0xf7, 0x24,
-	0x17, 0xff, 0x32, 0x00, 0x00, 0x82, 0xc8,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x47, 0xff,
-	0x17, 0xff, 0x64, 0x04, 0x08, 0xb1, 0xa7,
-	0x00, 0x2f, 0xef, 0xe5, 0xf7, 0xbb, 0x13,
-	0x00, 0x00, 0x00, 0x15, 0x0f, 0x00, 0x00,
-	/* ch = '9' */
-	0x00, 0x13, 0xbb, 0xff, 0xf7, 0x5a, 0x00,
-	0x00, 0xb1, 0x9e, 0x04, 0x26, 0xff, 0x39,
-	0x1a, 0xff, 0x2a, 0x00, 0x00, 0x7c, 0xa0,
-	0x1c, 0xff, 0x1f, 0x00, 0x00, 0x50, 0xe5,
-	0x04, 0xf7, 0x54, 0x00, 0x04, 0x90, 0xff,
-	0x00, 0x40, 0xff, 0x8f, 0xcb, 0xf7, 0xff,
-	0x00, 0x00, 0x16, 0x36, 0x25, 0x54, 0xcf,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xa7, 0x7c,
-	0x00, 0x2c, 0x1f, 0x00, 0x35, 0xff, 0x24,
-	0x00, 0x94, 0xff, 0xef, 0xef, 0x3b, 0x00,
-	0x00, 0x00, 0x0c, 0x15, 0x00, 0x00, 0x00,
-	/* ch = ':' */
-	0x1c, 0xbd, 0x40,
-	0x36, 0xff, 0x6b,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x10, 0x74, 0x2c,
-	0x39, 0xff, 0x84,
-	0x00, 0x12, 0x04,
-	/* ch = ';' */
-	0x1c, 0xbd, 0x40,
-	0x36, 0xff, 0x6b,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x16, 0x74, 0x2c,
-	0x40, 0xff, 0xb7,
-	0x00, 0x82, 0x8a,
-	0x17, 0xef, 0x1f,
-	0x32, 0x2c, 0x00,
-	/* ch = '<' */
-	0x00, 0x00, 0x28, 0xbb, 0x32,
-	0x1e, 0xb3, 0xef, 0x48, 0x08,
-	0xef, 0x50, 0x08, 0x00, 0x00,
-	0x08, 0x00, 0x00, 0x00, 0x00,
-	0x13, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x73, 0x08, 0x00, 0x00,
-	0x1b, 0xbb, 0xef, 0x3f, 0x04,
-	0x00, 0x00, 0x28, 0xd4, 0x32,
-	0x00, 0x00, 0x00, 0x04, 0x08,
-	/* ch = '=' */
-	0x7c, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x67, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x2d,
-	0x0f, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x08,
-	/* ch = '>' */
-	0x7c, 0x7f, 0x13, 0x00, 0x00,
-	0x13, 0x7f, 0xf7, 0x73, 0x0c,
-	0x00, 0x00, 0x16, 0x8d, 0xf7,
-	0x00, 0x00, 0x00, 0x00, 0x1b,
-	0x00, 0x00, 0x00, 0x00, 0x28,
-	0x00, 0x00, 0x1b, 0xbb, 0xef,
-	0x13, 0x73, 0xff, 0x73, 0x08,
-	0x7c, 0x94, 0x16, 0x00, 0x00,
-	0x0c, 0x00, 0x00, 0x00, 0x00,
-	/* ch = '?' */
-	0x00, 0x04, 0x31, 0x74, 0x74, 0x22, 0x00,
-	0x04, 0xa9, 0xef, 0x47, 0x94, 0xff, 0x44,
-	0x08, 0x8d, 0x10, 0x00, 0x00, 0xa7, 0xbd,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x90, 0xe5,
-	0x00, 0x00, 0x00, 0x00, 0x1f, 0xff, 0x6b,
-	0x00, 0x00, 0x00, 0x1c, 0xef, 0x77, 0x04,
-	0x00, 0x00, 0x00, 0x6b, 0xa7, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x7c, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x51, 0x51, 0x00, 0x00,
-	0x00, 0x00, 0x09, 0xf7, 0xf7, 0x09, 0x00,
-	0x00, 0x00, 0x00, 0x0c, 0x0f, 0x00, 0x00,
-	/* ch = '@' */
-	0x00, 0x00, 0x00, 0x04, 0x0f, 0x00, 0x00, 0x00,
-	0x00, 0x10, 0x94, 0xe5, 0xd4, 0xd4, 0x21, 0x00,
-	0x04, 0xb7, 0x6b, 0x04, 0x00, 0x47, 0xdb, 0x0d,
-	0x39, 0xc8, 0x04, 0x00, 0x00, 0x0c, 0xff, 0x2f,
-	0x82, 0x5f, 0x00, 0x66, 0xef, 0xcf, 0xe5, 0x44,
-	0xb7, 0x50, 0x39, 0xe5, 0x10, 0x00, 0xb7, 0x50,
-	0xb7, 0x50, 0x50, 0xbd, 0x00, 0x0d, 0xf7, 0x50,
-	0x7c, 0x6b, 0x17, 0xef, 0xa4, 0xbb, 0xff, 0x50,
-	0x39, 0xe5, 0x10, 0x08, 0x30, 0x18, 0x12, 0x0c,
-	0x04, 0xb1, 0x99, 0x08, 0x00, 0x00, 0x0f, 0x00,
-	0x00, 0x10, 0x8d, 0xf7, 0xcf, 0xe5, 0x97, 0x00,
-	0x00, 0x00, 0x00, 0x08, 0x15, 0x0c, 0x00, 0x00,
-	/* ch = 'A' */
-	0x00, 0x00, 0x00, 0x0c, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xa7, 0x17, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x17, 0xff, 0x50, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0xc8, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x5f, 0xff, 0x2a, 0x00, 0x00,
-	0x00, 0x22, 0xff, 0x14, 0xa0, 0x70, 0x00, 0x00,
-	0x00, 0x5a, 0xa0, 0x00, 0x39, 0xf7, 0x0d, 0x00,
-	0x00, 0xc8, 0xe5, 0xcf, 0xd4, 0xff, 0x3b, 0x00,
-	0x24, 0xff, 0x1c, 0x00, 0x00, 0x8a, 0xa7, 0x00,
-	0x5f, 0xb7, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c,
-	0xe5, 0x50, 0x00, 0x00, 0x00, 0x04, 0xe5, 0x5a,
-	/* ch = 'B' */
-	0x50, 0xff, 0xff, 0xff, 0xef, 0x8d, 0x10, 0x00,
-	0x50, 0xb7, 0x00, 0x00, 0x1e, 0xdb, 0x8a, 0x00,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x64, 0xc8, 0x00,
-	0x50, 0xb7, 0x00, 0x00, 0x13, 0xc8, 0x6b, 0x00,
-	0x50, 0xf7, 0xcf, 0xcf, 0xff, 0x9e, 0x04, 0x00,
-	0x50, 0xb7, 0x00, 0x12, 0x2b, 0xdb, 0x7c, 0x00,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x24, 0xff, 0x2f,
-	0x50, 0xb7, 0x00, 0x00, 0x0c, 0xb1, 0xdb, 0x04,
-	0x50, 0xff, 0xff, 0xff, 0xff, 0xab, 0x19, 0x00,
-	/* ch = 'C' */
-	0x00, 0x04, 0x73, 0xf7, 0xe5, 0xe5, 0x2c, 0x00,
-	0x00, 0x90, 0xb1, 0x13, 0x00, 0x43, 0xff, 0x2a,
-	0x27, 0xff, 0x24, 0x00, 0x00, 0x00, 0x2a, 0x04,
-	0x5f, 0xcf, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0xb1, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0xb1, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x5f, 0xcf, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x2c, 0xff, 0x24, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0xb1, 0xb1, 0x13, 0x00, 0x28, 0xe5, 0x18,
-	0x00, 0x10, 0x94, 0xf7, 0xd4, 0xef, 0x3b, 0x00,
-	0x00, 0x00, 0x00, 0x0c, 0x15, 0x00, 0x00, 0x00,
-	/* ch = 'D' */
-	0x50, 0xff, 0xff, 0xff, 0xd4, 0x37, 0x00, 0x00,
-	0x50, 0xff, 0x00, 0x04, 0x3f, 0xff, 0x44, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x70, 0xe5, 0x04,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x2a, 0xff, 0x24,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x24, 0xff, 0x24,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x5f, 0xe5, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x37, 0xff, 0x35, 0x00,
-	0x50, 0xff, 0xcf, 0xff, 0xdd, 0x35, 0x00, 0x00,
-	/* ch = 'E' */
-	0x32, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff,
-	0x32, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0xcf, 0xcf, 0xcf, 0xcf, 0x1a,
-	0x32, 0xff, 0x36, 0x36, 0x36, 0x36, 0x0d,
-	0x32, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff,
-	/* ch = 'F' */
-	0x1c, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0xdd, 0xcf, 0xcf, 0xcf, 0x1a,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'G' */
-	0x00, 0x08, 0x8d, 0xff, 0xff, 0xe5, 0x2f, 0x00,
-	0x00, 0xb1, 0xb1, 0x13, 0x00, 0x54, 0xff, 0x1e,
-	0x32, 0xff, 0x17, 0x00, 0x00, 0x00, 0x22, 0x00,
-	0x6b, 0xb1, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x82, 0x7c, 0x00, 0x00, 0x95, 0xcf, 0xcf, 0x2d,
-	0x77, 0xbd, 0x00, 0x00, 0x12, 0x15, 0xff, 0x32,
-	0x39, 0xff, 0x17, 0x00, 0x00, 0x00, 0xff, 0x32,
-	0x04, 0xc8, 0xb1, 0x0c, 0x00, 0x16, 0xff, 0x32,
-	0x00, 0x13, 0xb3, 0xff, 0xd4, 0xf7, 0x73, 0x08,
-	0x00, 0x00, 0x00, 0x0c, 0x15, 0x00, 0x00, 0x00,
-	/* ch = 'H' */
-	0x50, 0xff, 0x04, 0x00, 0x00, 0x32, 0xff, 0x0d,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00,
-	0x50, 0xff, 0xcf, 0xcf, 0xcf, 0xdd, 0xff, 0x00,
-	0x50, 0xff, 0x15, 0x15, 0x15, 0x3e, 0xff, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00,
-	/* ch = 'I' */
-	0xff, 0xff, 0xff, 0xff, 0xff, 0x32,
-	0x00, 0x00, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0xff, 0x32, 0x00, 0x00,
-	0xff, 0xff, 0xff, 0xff, 0xff, 0x50,
-	/* ch = 'J' */
-	0x7c, 0xff, 0xff, 0xff, 0xff, 0x32,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00,
-	0x00, 0x00, 0x82, 0x82, 0x00, 0x00,
-	0x04, 0x10, 0xe5, 0x5a, 0x00, 0x00,
-	0xef, 0xef, 0xa9, 0x04, 0x00, 0x00,
-	0x12, 0x12, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'K' */
-	0x7c, 0xbd, 0x00, 0x00, 0x04, 0xb1, 0xb1, 0x08,
-	0x7c, 0xb7, 0x00, 0x00, 0x7c, 0xdb, 0x10, 0x00,
-	0x7c, 0xb7, 0x00, 0x5f, 0xf7, 0x1f, 0x00, 0x00,
-	0x7c, 0xb7, 0x50, 0xf7, 0x21, 0x00, 0x00, 0x00,
-	0x7c, 0xf7, 0xff, 0x82, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0xf7, 0x50, 0xff, 0x32, 0x00, 0x00, 0x00,
-	0x7c, 0xb7, 0x00, 0x7c, 0xe5, 0x10, 0x00, 0x00,
-	0x7c, 0xb7, 0x00, 0x10, 0xdb, 0xa0, 0x00, 0x00,
-	0x7c, 0xb7, 0x00, 0x00, 0x2f, 0xff, 0x4d, 0x00,
-	0x7c, 0xb7, 0x00, 0x00, 0x00, 0x6b, 0xf7, 0x1f,
-	/* ch = 'L' */
-	0x32, 0xff, 0x24, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff,
-	/* ch = 'M' */
-	0x7c, 0xa0, 0x00, 0x00, 0x00, 0x10, 0xf7, 0x32,
-	0x7c, 0xff, 0x2a, 0x00, 0x00, 0x5f, 0xff, 0x32,
-	0x7c, 0xff, 0xa0, 0x00, 0x17, 0xf7, 0xff, 0x32,
-	0x7c, 0xa7, 0xff, 0x2c, 0x6b, 0x90, 0xff, 0x32,
-	0x7c, 0x7c, 0x70, 0xc8, 0xf7, 0x24, 0xff, 0x32,
-	0x7c, 0x7c, 0x17, 0xff, 0x7c, 0x00, 0xff, 0x32,
-	0x7c, 0x7c, 0x00, 0x28, 0x10, 0x00, 0xff, 0x32,
-	0x7c, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xff, 0x32,
-	0x7c, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xff, 0x32,
-	0x7c, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xff, 0x32,
-	/* ch = 'N' */
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x32, 0xff, 0x1f,
-	0x50, 0xff, 0x90, 0x00, 0x00, 0x32, 0xff, 0x1c,
-	0x50, 0xf7, 0xff, 0x2a, 0x00, 0x32, 0xff, 0x1c,
-	0x50, 0xb7, 0x90, 0xb7, 0x00, 0x32, 0xff, 0x1c,
-	0x50, 0xb7, 0x1c, 0xff, 0x44, 0x32, 0xff, 0x1c,
-	0x50, 0xb7, 0x00, 0x6b, 0xe5, 0x3b, 0xff, 0x1c,
-	0x50, 0xb7, 0x00, 0x10, 0xf7, 0xc8, 0xff, 0x1c,
-	0x50, 0xb7, 0x00, 0x00, 0x44, 0xff, 0xff, 0x1c,
-	0x50, 0xb7, 0x00, 0x00, 0x04, 0xc8, 0xff, 0x1c,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c,
-	/* ch = 'O' */
-	0x00, 0x19, 0xbb, 0xff, 0xff, 0x8d, 0x08, 0x00,
-	0x0d, 0xdb, 0x8a, 0x08, 0x1b, 0xdb, 0x90, 0x00,
-	0x48, 0xf7, 0x04, 0x00, 0x00, 0x39, 0xff, 0x22,
-	0x90, 0x82, 0x00, 0x00, 0x00, 0x04, 0xff, 0x44,
-	0xb7, 0x6b, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50,
-	0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xe5, 0x50,
-	0x90, 0x90, 0x00, 0x00, 0x00, 0x04, 0xff, 0x44,
-	0x48, 0xf7, 0x10, 0x00, 0x00, 0x2c, 0xff, 0x22,
-	0x0d, 0xdb, 0x8a, 0x08, 0x13, 0xc8, 0xa0, 0x00,
-	0x00, 0x1f, 0xd4, 0xff, 0xff, 0xbb, 0x10, 0x00,
-	0x00, 0x00, 0x00, 0x12, 0x0c, 0x00, 0x00, 0x00,
-	/* ch = 'P' */
-	0x32, 0xff, 0xff, 0xff, 0xff, 0xab, 0x19, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x1a, 0xb1, 0xdb, 0x04,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x24, 0xff, 0x24,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x2c, 0xff, 0x1c,
-	0x32, 0xff, 0x4a, 0x36, 0x47, 0xef, 0x8a, 0x00,
-	0x32, 0xff, 0x87, 0x74, 0x74, 0x37, 0x04, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'Q' */
-	0x00, 0x19, 0xbb, 0xff, 0xff, 0x8d, 0x08, 0x00,
-	0x0d, 0xdb, 0x8a, 0x08, 0x16, 0xdb, 0xa0, 0x00,
-	0x48, 0xe5, 0x04, 0x00, 0x00, 0x2c, 0xff, 0x22,
-	0x90, 0x82, 0x00, 0x00, 0x00, 0x04, 0xff, 0x44,
-	0xb7, 0x5f, 0x00, 0x00, 0x00, 0x00, 0xbd, 0x50,
-	0xb7, 0x77, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
-	0x90, 0x90, 0x00, 0x00, 0x00, 0x00, 0xff, 0x44,
-	0x48, 0xf7, 0x0d, 0x00, 0x00, 0x24, 0xff, 0x22,
-	0x10, 0xdb, 0x7c, 0x04, 0x08, 0xb1, 0xa0, 0x00,
-	0x00, 0x1f, 0xd4, 0xff, 0xff, 0xbb, 0x10, 0x00,
-	0x00, 0x00, 0x00, 0x82, 0x82, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x36, 0xff, 0xcf, 0xcf, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x0f, 0x30, 0x36, 0x00,
-	/* ch = 'R' */
-	0x50, 0xff, 0xff, 0xff, 0xf7, 0x9e, 0x13, 0x00,
-	0x50, 0xff, 0x00, 0x04, 0x20, 0xdb, 0xb7, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x3b, 0xff, 0x1a,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x48, 0xff, 0x0d,
-	0x50, 0xff, 0x36, 0x36, 0x50, 0xf7, 0x6b, 0x00,
-	0x50, 0xff, 0x74, 0x95, 0xff, 0x46, 0x00, 0x00,
-	0x50, 0xff, 0x00, 0x04, 0xdb, 0x6b, 0x00, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x3b, 0xff, 0x17, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x04, 0xc8, 0x7c, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x3b, 0xff, 0x1f,
-	/* ch = 'S' */
-	0x00, 0x19, 0xab, 0xff, 0xff, 0xb3, 0x1b, 0x00,
-	0x00, 0xdb, 0x7c, 0x04, 0x04, 0x5f, 0xa9, 0x00,
-	0x1c, 0xff, 0x35, 0x00, 0x00, 0x04, 0x08, 0x00,
-	0x04, 0xdb, 0xb1, 0x13, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x19, 0xbb, 0xf7, 0x7f, 0x16, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x25, 0xa4, 0xff, 0x4d, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x17,
-	0x00, 0x0c, 0x00, 0x00, 0x00, 0x1f, 0xff, 0x2a,
-	0x2a, 0xdb, 0x1e, 0x00, 0x04, 0x7c, 0xe5, 0x0d,
-	0x08, 0x7f, 0xff, 0xe5, 0xf7, 0xd4, 0x21, 0x00,
-	0x00, 0x00, 0x04, 0x15, 0x0f, 0x00, 0x00, 0x00,
-	/* ch = 'T' */
-	0xb7, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00,
-	/* ch = 'U' */
-	0x50, 0xcf, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x50, 0xb7, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x50, 0xbd, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x4d, 0xff, 0x04, 0x00, 0x00, 0x24, 0xff, 0x1c,
-	0x22, 0xff, 0x50, 0x00, 0x04, 0x82, 0xc8, 0x04,
-	0x00, 0x3b, 0xef, 0xdd, 0xef, 0xcb, 0x19, 0x00,
-	0x00, 0x00, 0x00, 0x15, 0x0f, 0x00, 0x00, 0x00,
-	/* ch = 'V' */
-	0xa7, 0x90, 0x00, 0x00, 0x00, 0x00, 0xe5, 0x50,
-	0x44, 0xff, 0x0d, 0x00, 0x00, 0x2a, 0xff, 0x1c,
-	0x14, 0xff, 0x3b, 0x00, 0x00, 0x5f, 0xb7, 0x00,
-	0x00, 0xa0, 0x90, 0x00, 0x00, 0xcf, 0x50, 0x00,
-	0x00, 0x44, 0xff, 0x0d, 0x22, 0xff, 0x1c, 0x00,
-	0x00, 0x0d, 0xff, 0x3b, 0x50, 0xb7, 0x00, 0x00,
-	0x00, 0x00, 0x90, 0x90, 0xb7, 0x50, 0x00, 0x00,
-	0x00, 0x00, 0x3b, 0xff, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x0d, 0xff, 0xb7, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x90, 0x50, 0x00, 0x00, 0x00,
-	/* ch = 'W' */
-	0xff, 0x3b, 0x00, 0x08, 0x08, 0x00, 0x54, 0x90,
-	0xb7, 0x54, 0x00, 0x5f, 0x5f, 0x00, 0x7c, 0x5f,
-	0x7c, 0x82, 0x00, 0xb1, 0xa0, 0x00, 0xb1, 0x3b,
-	0x50, 0xbd, 0x0d, 0xff, 0xff, 0x0d, 0xe5, 0x2a,
-	0x32, 0xff, 0x35, 0xb7, 0xf7, 0x3b, 0xff, 0x14,
-	0x1c, 0xff, 0xa0, 0x5f, 0x90, 0xa7, 0xe5, 0x00,
-	0x04, 0xff, 0xff, 0x2a, 0x4d, 0xff, 0xb1, 0x00,
-	0x00, 0xbd, 0xf7, 0x04, 0x24, 0xff, 0x77, 0x00,
-	0x00, 0x82, 0x90, 0x00, 0x00, 0xe5, 0x4d, 0x00,
-	0x00, 0x54, 0x50, 0x00, 0x00, 0x82, 0x32, 0x00,
-	/* ch = 'X' */
-	0x3b, 0xff, 0x1c, 0x00, 0x00, 0x5f, 0xdb, 0x04,
-	0x00, 0xb7, 0x90, 0x00, 0x10, 0xf7, 0x3b, 0x00,
-	0x00, 0x2a, 0xff, 0x2a, 0x6b, 0xc8, 0x04, 0x00,
-	0x00, 0x00, 0x90, 0xc8, 0xff, 0x3b, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0xc8, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x2a, 0xff, 0xe5, 0x0d, 0x00, 0x00,
-	0x00, 0x00, 0xa7, 0xb1, 0xf7, 0x5f, 0x00, 0x00,
-	0x00, 0x32, 0xff, 0x24, 0x50, 0xf7, 0x17, 0x00,
-	0x04, 0xc8, 0x7c, 0x00, 0x04, 0xdb, 0x7c, 0x00,
-	0x3b, 0xff, 0x1c, 0x00, 0x00, 0x3b, 0xff, 0x24,
-	/* ch = 'Y' */
-	0x70, 0xe5, 0x04, 0x00, 0x00, 0x1c, 0xff, 0x39,
-	0x17, 0xff, 0x48, 0x00, 0x00, 0x70, 0xc8, 0x00,
-	0x00, 0x6b, 0xe5, 0x04, 0x17, 0xf7, 0x3b, 0x00,
-	0x00, 0x17, 0xf7, 0x48, 0x5a, 0xe5, 0x04, 0x00,
-	0x00, 0x00, 0x6b, 0xe5, 0xe5, 0x48, 0x00, 0x00,
-	0x00, 0x00, 0x17, 0xf7, 0xe5, 0x0d, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00,
-	/* ch = 'Z' */
-	0x32, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x1c,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xa0, 0x90, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x3b, 0xf7, 0x17, 0x00,
-	0x00, 0x00, 0x00, 0x10, 0xe5, 0x54, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x77, 0xdb, 0x04, 0x00, 0x00,
-	0x00, 0x00, 0x24, 0xff, 0x32, 0x00, 0x00, 0x00,
-	0x00, 0x04, 0xb7, 0x90, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x4d, 0xf7, 0x17, 0x00, 0x00, 0x00, 0x00,
-	0x17, 0xf7, 0x54, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x32,
-	/* ch = '[' */
-	0x1a, 0xcf, 0xcf, 0xcf, 0xcf, 0x67,
-	0x1c, 0xff, 0x28, 0x15, 0x15, 0x0f,
-	0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x4a, 0x36, 0x36, 0x26,
-	0x0d, 0x36, 0x36, 0x36, 0x36, 0x26,
-	/* ch = '\' */
-	0x08, 0x5b, 0x0d,
-	0x0d, 0xf7, 0x50,
-	0x00, 0x5a, 0xe5,
-	0x00, 0x10, 0xf7,
-	0x00, 0x00, 0x70,
-	0x00, 0x00, 0x17,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	/* ch = ']' */
-	0xcf, 0xcf, 0xcf, 0xcf, 0x95,
-	0x15, 0x15, 0x15, 0x5e, 0xb7,
-	0x00, 0x00, 0x00, 0x50, 0xb7,
-	0x00, 0x00, 0x00, 0x50, 0xb7,
-	0x00, 0x00, 0x00, 0x50, 0xb7,
-	0x00, 0x00, 0x00, 0x50, 0xb7,
-	0x00, 0x00, 0x00, 0x50, 0xb7,
-	0x00, 0x00, 0x00, 0x50, 0xb7,
-	0x00, 0x00, 0x00, 0x50, 0xb7,
-	0x00, 0x00, 0x00, 0x50, 0xb7,
-	0x00, 0x00, 0x00, 0x50, 0xb7,
-	0x36, 0x36, 0x36, 0x82, 0xb7,
-	0x36, 0x36, 0x36, 0x36, 0x2d,
-	/* ch = '^' */
-	0x00, 0x00, 0x7c, 0x5a, 0x00, 0x00,
-	0x00, 0x2a, 0xff, 0xf7, 0x10, 0x00,
-	0x04, 0xc8, 0x5f, 0xb7, 0x6b, 0x00,
-	0x4d, 0xdb, 0x04, 0x2a, 0xf7, 0x17,
-	0x28, 0x2a, 0x00, 0x00, 0x48, 0x0c,
-	/* ch = '_' */
-	0x58, 0x74, 0x74, 0x74, 0x74, 0x74, 0x74, 0x30,
-	0x12, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x0c,
-	/* ch = '`' */
-	0x09, 0x7f, 0x1c,
-	0x00, 0xa7, 0x5f,
-	0x00, 0x44, 0xff,
-	0x00, 0x04, 0xb1,
-	/* ch = 'a' */
-	0x00, 0x00, 0x20, 0x36, 0x36, 0x16, 0x00,
-	0x00, 0x7f, 0xd4, 0x5b, 0x82, 0xff, 0x32,
-	0x00, 0x0c, 0x04, 0x00, 0x00, 0x64, 0xbd,
-	0x00, 0x00, 0x08, 0x15, 0x2a, 0x82, 0xff,
-	0x04, 0x7e, 0xef, 0x82, 0x74, 0xb1, 0xff,
-	0x44, 0xff, 0x1a, 0x00, 0x00, 0x54, 0xff,
-	0x4d, 0xff, 0x10, 0x00, 0x13, 0xdb, 0xff,
-	0x10, 0xbb, 0xef, 0xcf, 0xef, 0xc4, 0xff,
-	0x00, 0x00, 0x12, 0x15, 0x00, 0x00, 0x00,
-	/* ch = 'b' */
-	0x22, 0x74, 0x1a, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x21, 0x30, 0x36, 0x1b, 0x00, 0x00,
-	0x32, 0xff, 0xe5, 0x82, 0xa4, 0xff, 0x39, 0x00,
-	0x32, 0xff, 0x3b, 0x00, 0x00, 0x82, 0xf7, 0x0d,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x32, 0xff, 0x2a,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x32, 0xff, 0x1f, 0x00, 0x00, 0x35, 0xff, 0x1c,
-	0x32, 0xff, 0x59, 0x00, 0x10, 0xb7, 0xa0, 0x00,
-	0x32, 0xc8, 0x94, 0xe5, 0xff, 0xd4, 0x19, 0x00,
-	0x00, 0x00, 0x00, 0x0f, 0x12, 0x00, 0x00, 0x00,
-	/* ch = 'c' */
-	0x00, 0x00, 0x08, 0x30, 0x36, 0x2a, 0x04, 0x00,
-	0x00, 0x2c, 0xef, 0xb3, 0x74, 0xe5, 0xd4, 0x10,
-	0x0d, 0xe5, 0x7c, 0x00, 0x00, 0x08, 0x8d, 0x04,
-	0x2f, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x40, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x2a, 0xff, 0x2c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0xb1, 0xdb, 0x13, 0x00, 0x1b, 0x7e, 0x04,
-	0x00, 0x10, 0xb3, 0xff, 0xf7, 0xf7, 0x66, 0x04,
-	0x00, 0x00, 0x00, 0x0f, 0x15, 0x08, 0x00, 0x00,
-	/* ch = 'd' */
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x22, 0x74,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff,
-	0x00, 0x00, 0x2a, 0x36, 0x30, 0x35, 0xff,
-	0x00, 0x7c, 0xdb, 0x47, 0xab, 0xf7, 0xff,
-	0x2c, 0xff, 0x1f, 0x00, 0x00, 0x97, 0xff,
-	0x54, 0xbd, 0x00, 0x00, 0x00, 0x50, 0xff,
-	0x77, 0xb7, 0x00, 0x00, 0x00, 0x50, 0xff,
-	0x4d, 0xff, 0x0d, 0x00, 0x00, 0x6b, 0xff,
-	0x17, 0xff, 0x59, 0x00, 0x21, 0xe5, 0xff,
-	0x00, 0x3b, 0xf7, 0xef, 0xef, 0x99, 0xff,
-	0x00, 0x00, 0x08, 0x15, 0x00, 0x00, 0x00,
-	/* ch = 'e' */
-	0x00, 0x00, 0x1b, 0x36, 0x36, 0x16, 0x00, 0x00,
-	0x00, 0x50, 0xf7, 0x50, 0x73, 0xff, 0x32, 0x00,
-	0x22, 0xff, 0x2c, 0x00, 0x00, 0x64, 0xc8, 0x00,
-	0x4d, 0xff, 0x36, 0x36, 0x36, 0x62, 0xff, 0x0d,
-	0x50, 0xff, 0x74, 0x74, 0x74, 0x74, 0x74, 0x14,
-	0x44, 0xff, 0x0d, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x10, 0xf7, 0x7c, 0x04, 0x00, 0x21, 0x2f, 0x00,
-	0x00, 0x26, 0xd4, 0xe5, 0xd4, 0xef, 0x35, 0x00,
-	0x00, 0x00, 0x00, 0x12, 0x15, 0x00, 0x00, 0x00,
-	/* ch = 'f' */
-	0x00, 0x00, 0x00, 0x21, 0x82, 0xbd, 0x5b,
-	0x00, 0x00, 0x2a, 0xff, 0x47, 0x1a, 0x99,
-	0x00, 0x00, 0x7c, 0xa0, 0x00, 0x00, 0x10,
-	0x00, 0x00, 0x7c, 0x7c, 0x00, 0x00, 0x00,
-	0x2d, 0xcf, 0xef, 0xef, 0xcf, 0xcf, 0x1a,
-	0x00, 0x00, 0x7c, 0x7c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x7c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x7c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x7c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x7c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x7c, 0x00, 0x00, 0x00,
-	/* ch = 'g' */
-	0x00, 0x04, 0x37, 0x74, 0x37, 0x16, 0x3e, 0x2a,
-	0x00, 0xa9, 0xc4, 0x36, 0xd4, 0xff, 0x50, 0x30,
-	0x2a, 0xff, 0x17, 0x00, 0x24, 0xff, 0x1c, 0x00,
-	0x2f, 0xff, 0x17, 0x00, 0x24, 0xff, 0x1c, 0x00,
-	0x04, 0xb1, 0xd4, 0x47, 0xd4, 0x7c, 0x00, 0x00,
-	0x00, 0x7c, 0x6a, 0x50, 0x2a, 0x00, 0x00, 0x00,
-	0x11, 0xff, 0x53, 0x15, 0x15, 0x15, 0x00, 0x00,
-	0x04, 0xab, 0xa4, 0x8f, 0xcf, 0xe5, 0xb1, 0x04,
-	0x66, 0x97, 0x00, 0x00, 0x00, 0x1f, 0xff, 0x27,
-	0x66, 0xe5, 0x2b, 0x15, 0x1a, 0x8a, 0xdb, 0x0d,
-	0x04, 0x3f, 0x8f, 0xcf, 0xab, 0x5b, 0x08, 0x00,
-	/* ch = 'h' */
-	0x14, 0x74, 0x28, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x22, 0x36, 0x25, 0x00,
-	0x1c, 0xff, 0xd4, 0xbb, 0x8f, 0xff, 0x4d,
-	0x1c, 0xff, 0x82, 0x04, 0x00, 0x7c, 0xb7,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x50, 0xf7,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x50, 0xff,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x50, 0xff,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x50, 0xff,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x50, 0xff,
-	/* ch = 'i' */
-	0x00, 0x00, 0x30, 0x28, 0x00, 0x00,
-	0x00, 0x09, 0xf7, 0xb1, 0x00, 0x00,
-	0x00, 0x00, 0x0c, 0x08, 0x00, 0x00,
-	0x26, 0x36, 0x36, 0x26, 0x00, 0x00,
-	0x42, 0x74, 0xe5, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0x7c, 0xff, 0xff, 0xff, 0xff, 0x32,
-	/* ch = 'j' */
-	0x00, 0x00, 0x00, 0x00, 0x21, 0x30,
-	0x00, 0x00, 0x00, 0x00, 0xa0, 0xff,
-	0x00, 0x00, 0x00, 0x00, 0x08, 0x0c,
-	0x00, 0x16, 0x36, 0x36, 0x36, 0x2d,
-	0x00, 0x22, 0x74, 0x74, 0xc8, 0xb7,
-	0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7,
-	0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7,
-	0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7,
-	0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7,
-	0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7,
-	0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7,
-	0x00, 0x0c, 0x00, 0x00, 0x82, 0xb1,
-	0x2f, 0xdb, 0x2b, 0x37, 0xff, 0x44,
-	0x04, 0x5b, 0xcf, 0xbd, 0x37, 0x00,
-	/* ch = 'k' */
-	0x22, 0x74, 0x1a, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x21, 0x25, 0x09,
-	0x32, 0xff, 0x1c, 0x00, 0x35, 0xff, 0x35, 0x00,
-	0x32, 0xff, 0x1c, 0x44, 0xf7, 0x2c, 0x00, 0x00,
-	0x32, 0xff, 0x7c, 0xff, 0x31, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0xdb, 0xdb, 0xb1, 0x04, 0x00, 0x00,
-	0x32, 0xff, 0x1f, 0x1f, 0xf7, 0x7c, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x44, 0xff, 0x4d, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x7c, 0xf7, 0x21,
-	/* ch = 'l' */
-	0x74, 0x74, 0x74, 0x42, 0x00, 0x00,
-	0x15, 0x15, 0xbd, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0xff, 0xff, 0xff, 0xff, 0xff, 0x7c,
-	/* ch = 'm' */
-	0x26, 0x28, 0x30, 0x30, 0x08, 0x36, 0x30, 0x00,
-	0x7c, 0xff, 0x66, 0xf7, 0xef, 0x5a, 0xff, 0x39,
-	0x7c, 0x90, 0x00, 0xb7, 0x90, 0x00, 0xbd, 0x50,
-	0x7c, 0x7c, 0x00, 0xb7, 0x7c, 0x00, 0xb7, 0x50,
-	0x7c, 0x7c, 0x00, 0xb7, 0x7c, 0x00, 0xb7, 0x50,
-	0x7c, 0x7c, 0x00, 0xb7, 0x7c, 0x00, 0xb7, 0x50,
-	0x7c, 0x7c, 0x00, 0xb7, 0x7c, 0x00, 0xb7, 0x50,
-	0x7c, 0x7c, 0x00, 0xb7, 0x7c, 0x00, 0xb7, 0x50,
-	/* ch = 'n' */
-	0x0d, 0x36, 0x16, 0x25, 0x36, 0x22, 0x00,
-	0x1c, 0xff, 0xd4, 0xbb, 0x8f, 0xff, 0x44,
-	0x1c, 0xff, 0x7c, 0x00, 0x00, 0x90, 0xb1,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x50, 0xb7,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x50, 0xb7,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x50, 0xb7,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x50, 0xb7,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x50, 0xb7,
-	/* ch = 'o' */
-	0x00, 0x00, 0x16, 0x36, 0x36, 0x0c, 0x00, 0x00,
-	0x00, 0x4d, 0xf7, 0x82, 0xa4, 0xf7, 0x32, 0x00,
-	0x24, 0xff, 0x35, 0x00, 0x00, 0x82, 0xe5, 0x04,
-	0x6b, 0xe5, 0x00, 0x00, 0x00, 0x24, 0xff, 0x2a,
-	0x7c, 0xb7, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x5f, 0xff, 0x0d, 0x00, 0x00, 0x2c, 0xff, 0x24,
-	0x17, 0xf7, 0x7c, 0x04, 0x08, 0xb1, 0xb7, 0x00,
-	0x00, 0x26, 0xef, 0xe5, 0xef, 0xbb, 0x13, 0x00,
-	0x00, 0x00, 0x00, 0x15, 0x12, 0x00, 0x00, 0x00,
-	/* ch = 'p' */
-	0x16, 0x36, 0x13, 0x30, 0x36, 0x1e, 0x00, 0x00,
-	0x32, 0xff, 0xe5, 0x82, 0xa4, 0xff, 0x4d, 0x00,
-	0x32, 0xff, 0x3b, 0x00, 0x00, 0x6b, 0xf7, 0x14,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x24, 0xff, 0x32,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x32, 0xff, 0x1f, 0x00, 0x00, 0x2a, 0xff, 0x2a,
-	0x32, 0xff, 0x64, 0x00, 0x08, 0xb1, 0xc8, 0x04,
-	0x32, 0xff, 0xbb, 0xe5, 0xf7, 0xd4, 0x1f, 0x00,
-	0x32, 0xff, 0x1c, 0x0f, 0x15, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x22, 0x74, 0x14, 0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'q' */
-	0x00, 0x00, 0x25, 0x36, 0x30, 0x19, 0x36,
-	0x00, 0x7c, 0xef, 0x50, 0xa4, 0xf7, 0xff,
-	0x2c, 0xff, 0x24, 0x00, 0x00, 0x90, 0xff,
-	0x6b, 0xcf, 0x00, 0x00, 0x00, 0x50, 0xff,
-	0x7c, 0xb7, 0x00, 0x00, 0x00, 0x50, 0xff,
-	0x50, 0xff, 0x0d, 0x00, 0x00, 0x5f, 0xff,
-	0x17, 0xf7, 0x7c, 0x00, 0x13, 0xe5, 0xff,
-	0x00, 0x35, 0xf7, 0xef, 0xef, 0x7c, 0xff,
-	0x00, 0x00, 0x04, 0x15, 0x04, 0x32, 0xff,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x22, 0x74,
-	/* ch = 'r' */
-	0x26, 0x2d, 0x0c, 0x36, 0x36, 0x1e, 0x00,
-	0x7c, 0xe5, 0xef, 0x9e, 0x82, 0xff, 0x1d,
-	0x7c, 0xff, 0x50, 0x00, 0x00, 0x22, 0x00,
-	0x7c, 0xcf, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0x90, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 's' */
-	0x00, 0x00, 0x1e, 0x36, 0x36, 0x1e, 0x00,
-	0x00, 0x50, 0xf7, 0x47, 0x50, 0xef, 0x7e,
-	0x00, 0xef, 0x68, 0x00, 0x00, 0x1f, 0x2c,
-	0x00, 0x73, 0xff, 0x7f, 0x25, 0x04, 0x00,
-	0x00, 0x00, 0x22, 0x8f, 0xf7, 0xef, 0x2c,
-	0x00, 0x0c, 0x00, 0x00, 0x04, 0x82, 0xf7,
-	0x17, 0xd4, 0x1b, 0x00, 0x00, 0x82, 0xc8,
-	0x0c, 0x7f, 0xff, 0xd4, 0xef, 0xd4, 0x21,
-	0x00, 0x00, 0x04, 0x15, 0x12, 0x00, 0x00,
-	/* ch = 't' */
-	0x00, 0x00, 0x10, 0x36, 0x13, 0x00, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x14, 0x00, 0x00,
-	0x0d, 0x36, 0x82, 0xff, 0x36, 0x36, 0x16,
-	0x14, 0x74, 0xb1, 0xff, 0x74, 0x74, 0x22,
-	0x00, 0x00, 0x50, 0xcf, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x5f, 0xff, 0x1a, 0x0c, 0x48,
-	0x00, 0x00, 0x1c, 0xdb, 0xff, 0xff, 0x8d,
-	0x00, 0x00, 0x00, 0x00, 0x15, 0x04, 0x00,
-	/* ch = 'u' */
-	0x16, 0x36, 0x0d, 0x00, 0x00, 0x1e, 0x36,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x50, 0xff,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x50, 0xff,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x50, 0xff,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x50, 0xff,
-	0x32, 0xff, 0x1f, 0x00, 0x00, 0x6b, 0xff,
-	0x14, 0xff, 0x54, 0x00, 0x19, 0xf7, 0xff,
-	0x00, 0x44, 0xf7, 0xd4, 0xe5, 0xa0, 0xff,
-	0x00, 0x00, 0x08, 0x15, 0x04, 0x00, 0x00,
-	/* ch = 'v' */
-	0x26, 0x36, 0x00, 0x00, 0x00, 0x04, 0x36, 0x13,
-	0x39, 0xff, 0x17, 0x00, 0x00, 0x2a, 0xff, 0x14,
-	0x04, 0xe5, 0x5a, 0x00, 0x00, 0x5f, 0xa0, 0x00,
-	0x00, 0x6b, 0xe5, 0x04, 0x04, 0xe5, 0x39, 0x00,
-	0x00, 0x22, 0xff, 0x32, 0x39, 0xe5, 0x04, 0x00,
-	0x00, 0x00, 0xa7, 0x8a, 0xa7, 0x5a, 0x00, 0x00,
-	0x00, 0x00, 0x3b, 0xff, 0xff, 0x17, 0x00, 0x00,
-	0x00, 0x00, 0x0d, 0xf7, 0x8a, 0x00, 0x00, 0x00,
-	/* ch = 'w' */
-	0x36, 0x1e, 0x00, 0x00, 0x00, 0x00, 0x26, 0x26,
-	0xe5, 0x44, 0x00, 0x45, 0x30, 0x00, 0x7c, 0x5f,
-	0x90, 0x77, 0x00, 0xcf, 0x90, 0x00, 0xb7, 0x44,
-	0x54, 0xb1, 0x1a, 0xff, 0xff, 0x0d, 0xe5, 0x2a,
-	0x2f, 0xff, 0x3f, 0x90, 0xe5, 0x3b, 0xff, 0x1a,
-	0x14, 0xff, 0xc8, 0x44, 0x7c, 0xb7, 0xe5, 0x00,
-	0x00, 0xcf, 0xff, 0x1c, 0x3b, 0xff, 0xa0, 0x00,
-	0x00, 0x90, 0xcf, 0x00, 0x0d, 0xff, 0x5f, 0x00,
-	/* ch = 'x' */
-	0x1c, 0x36, 0x04, 0x00, 0x00, 0x21, 0x33, 0x00,
-	0x0d, 0xdb, 0x7c, 0x00, 0x17, 0xf7, 0x44, 0x00,
-	0x00, 0x2a, 0xff, 0x32, 0xa0, 0xa0, 0x00, 0x00,
-	0x00, 0x00, 0x5f, 0xff, 0xf7, 0x17, 0x00, 0x00,
-	0x00, 0x00, 0x21, 0xff, 0xb7, 0x00, 0x00, 0x00,
-	0x00, 0x04, 0xb1, 0xb1, 0xf7, 0x50, 0x00, 0x00,
-	0x00, 0x54, 0xf7, 0x10, 0x44, 0xff, 0x1f, 0x00,
-	0x24, 0xff, 0x3b, 0x00, 0x00, 0x82, 0xdb, 0x08,
-	/* ch = 'y' */
-	0x24, 0x36, 0x0d, 0x00, 0x00, 0x0d, 0x36, 0x16,
-	0x2c, 0xff, 0x2c, 0x00, 0x00, 0x32, 0xff, 0x17,
-	0x00, 0xc8, 0x70, 0x00, 0x00, 0x70, 0xa7, 0x00,
-	0x00, 0x48, 0xf7, 0x0d, 0x04, 0xe5, 0x3b, 0x00,
-	0x00, 0x0d, 0xf7, 0x48, 0x32, 0xf7, 0x0d, 0x00,
-	0x00, 0x00, 0x70, 0xc8, 0x8a, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0x22, 0xff, 0xff, 0x2c, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xa7, 0xcf, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xc8, 0x5a, 0x00, 0x00, 0x00,
-	0x60, 0x2b, 0x5f, 0xf7, 0x17, 0x00, 0x00, 0x00,
-	0x48, 0xcf, 0x9e, 0x26, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'z' */
-	0x0d, 0x36, 0x36, 0x36, 0x36, 0x36, 0x2d, 0x00,
-	0x14, 0x74, 0x74, 0x74, 0x7b, 0xff, 0x99, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x7c, 0xdb, 0x10, 0x00,
-	0x00, 0x00, 0x00, 0x50, 0xf7, 0x1f, 0x00, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00,
-	0x00, 0x1f, 0xf7, 0x5f, 0x00, 0x00, 0x00, 0x00,
-	0x10, 0xdb, 0xb1, 0x04, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x1c,
-	/* ch = '{' */
-	0x00, 0x00, 0x12, 0x15, 0x0c,
-	0x10, 0xbb, 0xe5, 0xcf, 0x45,
-	0x66, 0xcf, 0x04, 0x00, 0x00,
-	0x7c, 0x7c, 0x00, 0x00, 0x00,
-	0x7c, 0xa9, 0x00, 0x00, 0x00,
-	0xa7, 0x6b, 0x00, 0x00, 0x00,
-	0xbb, 0x10, 0x00, 0x00, 0x00,
-	0xf7, 0x1f, 0x00, 0x00, 0x00,
-	0xa0, 0x77, 0x00, 0x00, 0x00,
-	0x82, 0x7c, 0x00, 0x00, 0x00,
-	0xb7, 0x7c, 0x00, 0x00, 0x00,
-	0x90, 0xa7, 0x00, 0x00, 0x00,
-	0x2f, 0xff, 0x65, 0x36, 0x1e,
-	0x00, 0x22, 0x67, 0x74, 0x30,
-	/* ch = '|' */
-	0x2d, 0x1e,
-	0xb7, 0x50,
-	0xb7, 0x50,
-	0xb7, 0x50,
-	0xb7, 0x50,
-	0xb7, 0x50,
-	0xb7, 0x50,
-	0xb7, 0x50,
-	0xb7, 0x50,
-	0xb7, 0x50,
-	0xb7, 0x50,
-	0xb7, 0x50,
-	0xb7, 0x50,
-	0x2d, 0x1e,
-	/* ch = '}' */
-	0x12, 0x15, 0x0c, 0x00, 0x00,
-	0x95, 0xcf, 0xef, 0x66, 0x00,
-	0x00, 0x00, 0x26, 0xff, 0x2a,
-	0x00, 0x00, 0x00, 0xff, 0x32,
-	0x00, 0x00, 0x0a, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0xe5, 0x48,
-	0x00, 0x00, 0x00, 0x2c, 0xe5,
-	0x00, 0x00, 0x00, 0x50, 0xdb,
-	0x00, 0x00, 0x00, 0xf7, 0x4d,
-	0x00, 0x00, 0x00, 0xff, 0x3b,
-	0x00, 0x00, 0x00, 0xff, 0x50,
-	0x00, 0x00, 0x17, 0xff, 0x3b,
-	0x2d, 0x36, 0x99, 0xef, 0x10,
-	0x58, 0x74, 0x50, 0x13, 0x00,
-	/* ch = '~' */
-	0x00, 0x13, 0x36, 0x25, 0x00, 0x00, 0x0f, 0x00,
-	0x32, 0xf7, 0x8f, 0xef, 0x94, 0x31, 0xef, 0x45,
-	0x13, 0x3d, 0x00, 0x13, 0x9e, 0xcf, 0x37, 0x00
+        /* ch = '!' */
+        0x0d, 0x74, 0x2a, 0x32, 0xff, 0x7c, 0x1c, 0xff, 0x7c, 0x1c, 0xff, 0x50,
+        0x0d, 0xff, 0x50, 0x00, 0xff, 0x35, 0x00, 0xff, 0x32, 0x00, 0xab, 0x2d,
+        0x00, 0x00, 0x00, 0x16, 0x9e, 0x32, 0x39, 0xff, 0x84, 0x00, 0x12, 0x04,
+        /* ch = '"' */
+        0x04, 0x67, 0x2a, 0x1c, 0x74, 0x10, 0x1c, 0xff, 0x5a, 0x32, 0xff, 0x32,
+        0x0d, 0xff, 0x32, 0x32, 0xff, 0x14, 0x32, 0xf7, 0x04, 0x5f, 0xa0, 0x00,
+        0x13, 0x28, 0x00, 0x1e, 0x1e, 0x00,
+        /* ch = '#' */
+        0x00, 0x00, 0x77, 0x7c, 0x00, 0xcf, 0x44, 0x00, 0x00, 0x00, 0x90, 0x54,
+        0x00, 0xff, 0x32, 0x00, 0x0f, 0x15, 0xbd, 0x53, 0x33, 0xff, 0x4a, 0x24,
+        0x42, 0x5b, 0xff, 0x62, 0x62, 0xff, 0x36, 0x1e, 0x00, 0x14, 0xff, 0x1c,
+        0x35, 0xe5, 0x00, 0x00, 0x00, 0x1f, 0xff, 0x0d, 0x50, 0xb7, 0x00, 0x00,
+        0x9c, 0xdd, 0xff, 0xcf, 0xe5, 0xdd, 0xa2, 0x28, 0x00, 0x4d, 0xb7, 0x00,
+        0x90, 0x5f, 0x00, 0x00, 0x00, 0x5f, 0x82, 0x00, 0xb7, 0x4d, 0x00, 0x00,
+        0x00, 0x67, 0x5c, 0x00, 0xcf, 0x2d, 0x00, 0x00,
+        /* ch = '$' */
+        0x00, 0x00, 0x00, 0x1e, 0x2b, 0x00, 0x00, 0x00, 0x00, 0x00, 0x16, 0x82,
+        0xa5, 0x25, 0x00, 0x00, 0x00, 0x4d, 0xef, 0xb1, 0xc8, 0xd4, 0xa9, 0x00,
+        0x00, 0xf7, 0x35, 0x50, 0x7c, 0x10, 0x3d, 0x00, 0x00, 0xe5, 0x7c, 0x54,
+        0x7c, 0x00, 0x00, 0x00, 0x00, 0x26, 0xef, 0xff, 0xa5, 0x0f, 0x00, 0x00,
+        0x00, 0x00, 0x04, 0x68, 0xef, 0xf7, 0x66, 0x00, 0x00, 0x00, 0x00, 0x50,
+        0x7c, 0x26, 0xff, 0x2a, 0x00, 0x22, 0x00, 0x50, 0x7c, 0x0d, 0xff, 0x2f,
+        0x20, 0xff, 0x73, 0x68, 0xa5, 0xa9, 0xb1, 0x04, 0x00, 0x1b, 0x67, 0xe5,
+        0xdb, 0x5b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x45, 0x67, 0x00, 0x00, 0x00,
+        /* ch = '%' */
+        0x00, 0x0c, 0x0f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xef, 0xef, 0x4d,
+        0x00, 0x32, 0xf7, 0x10, 0xb1, 0x54, 0x35, 0xf7, 0x04, 0xc8, 0x50, 0x00,
+        0xb1, 0x54, 0x3b, 0xe5, 0x44, 0xdb, 0x04, 0x00, 0x2c, 0xef, 0xef, 0x4d,
+        0xe5, 0x3b, 0x00, 0x00, 0x00, 0x00, 0x00, 0x5f, 0xb7, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x17, 0xf7, 0x2a, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x90,
+        0x4d, 0xef, 0xd4, 0x16, 0x00, 0x24, 0xff, 0x2a, 0xff, 0x24, 0x8a, 0x77,
+        0x00, 0xa0, 0x6b, 0x1a, 0xff, 0x1f, 0x6b, 0x77, 0x35, 0xf7, 0x10, 0x00,
+        0x7c, 0xcb, 0xef, 0x1f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x12, 0x08, 0x00,
+        /* ch = '&' */
+        0x00, 0x1f, 0xe5, 0xff, 0xd4, 0x1f, 0x00, 0x00, 0x00, 0xa0, 0x97, 0x04,
+        0x97, 0x8a, 0x00, 0x00, 0x00, 0xb1, 0x7c, 0x00, 0x82, 0xa0, 0x00, 0x00,
+        0x00, 0x44, 0xf7, 0x37, 0xf7, 0x2f, 0x00, 0x00, 0x00, 0x08, 0xd9, 0xff,
+        0x3f, 0x00, 0x00, 0x00, 0x04, 0xc4, 0xb1, 0xdb, 0x7c, 0x00, 0x39, 0x08,
+        0x5a, 0xf7, 0x10, 0x2f, 0xff, 0x3b, 0xe5, 0x4d, 0x8a, 0xb7, 0x00, 0x00,
+        0x50, 0xff, 0xb1, 0x04, 0x6b, 0xf7, 0x1a, 0x04, 0x6b, 0xff, 0xb1, 0x04,
+        0x10, 0xbb, 0xff, 0xff, 0xbb, 0x28, 0xf7, 0x43, 0x00, 0x00, 0x12, 0x0c,
+        0x00, 0x00, 0x0c, 0x00,
+        /* ch = ''' */
+        0x2c, 0x67, 0x00, 0x77, 0xff, 0x11, 0x54, 0xc8, 0x00, 0xa7, 0x5a, 0x00,
+        0x2a, 0x10, 0x00,
+        /* ch = '(' */
+        0x00, 0x00, 0x37, 0x2a, 0x04, 0xa9, 0xd4, 0x31, 0x82, 0xdb, 0x10, 0x00,
+        0xff, 0x24, 0x00, 0x00, 0x90, 0x00, 0x00, 0x00, 0x4d, 0x00, 0x00, 0x00,
+        0x32, 0x00, 0x00, 0x00, 0x35, 0x00, 0x00, 0x00, 0x5f, 0x00, 0x00, 0x00,
+        0xc8, 0x00, 0x00, 0x00, 0xff, 0x35, 0x00, 0x00, 0x77, 0xf7, 0x1f, 0x00,
+        0x04, 0x99, 0xef, 0x28, 0x00, 0x00, 0x50, 0x40,
+        /* ch = ')' */
+        0x00, 0x51, 0x13, 0x00, 0x09, 0x94, 0xf7, 0x2c, 0x00, 0x00, 0x5f, 0xf7,
+        0x00, 0x00, 0x00, 0x90, 0x00, 0x00, 0x00, 0x22, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x17, 0x00, 0x00, 0x00, 0x82, 0x00, 0x00, 0x50, 0xff,
+        0x04, 0x77, 0xf7, 0x35, 0x04, 0x9e, 0x1b, 0x00,
+        /* ch = '*' */
+        0x00, 0x00, 0x00, 0x22, 0x0f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb7,
+        0x5f, 0x00, 0x00, 0x00, 0x24, 0x48, 0x08, 0xa0, 0x50, 0x16, 0x5b, 0x04,
+        0x29, 0x9e, 0xe5, 0xdb, 0xcb, 0xe5, 0x73, 0x13, 0x00, 0x00, 0x21, 0xff,
+        0xbd, 0x04, 0x00, 0x00, 0x00, 0x10, 0xdb, 0x44, 0xa0, 0x7c, 0x00, 0x00,
+        0x00, 0xa4, 0x90, 0x00, 0x17, 0xf7, 0x43, 0x00, 0x00, 0x10, 0x16, 0x00,
+        0x00, 0x0f, 0x00, 0x00,
+        /* ch = '+' */
+        0x00, 0x00, 0x00, 0x2d, 0x1e, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb7,
+        0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00,
+        0x42, 0x74, 0x74, 0xe5, 0xb1, 0x74, 0x74, 0x22, 0x26, 0x36, 0x36, 0xcf,
+        0x82, 0x36, 0x36, 0x16, 0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x2d,
+        0x1e, 0x00, 0x00, 0x00,
+        /* ch = ',' */
+        0x16, 0x74, 0x2c, 0x40, 0xff, 0xb7, 0x00, 0x82, 0x8a, 0x17, 0xef, 0x1f,
+        0x32, 0x2c, 0x00,
+        /* ch = '-' */
+        0x14, 0x74, 0x74, 0x74, 0x74, 0x74, 0x58, 0x0d, 0x36, 0x36, 0x36, 0x36,
+        0x36, 0x2d,
+        /* ch = '.' */
+        0x10, 0x74, 0x2c, 0x39, 0xff, 0x84, 0x00, 0x12, 0x04,
+        /* ch = '/' */
+        0x00, 0x2a, 0x37, 0x00, 0xa7, 0x8a, 0x2c, 0xff, 0x22, 0x90, 0xa0, 0x00,
+        0xff, 0x2c, 0x00, 0xb7, 0x00, 0x00, 0x39, 0x00, 0x00, 0x04, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = '0' */
+        0x00, 0x04, 0x7e, 0xff, 0xef, 0x44, 0x00, 0x00, 0x00, 0x6b, 0xc8, 0x13,
+        0x35, 0xff, 0x2a, 0x00, 0x14, 0xff, 0x2c, 0x00, 0x10, 0xe5, 0xa0, 0x00,
+        0x35, 0xff, 0x00, 0x00, 0x82, 0xf7, 0xff, 0x04, 0x50, 0xb7, 0x00, 0x50,
+        0xdb, 0x28, 0xff, 0x1c, 0x50, 0xb7, 0x2f, 0xff, 0x1f, 0x1c, 0xff, 0x1c,
+        0x3b, 0xff, 0xdb, 0x50, 0x00, 0x2a, 0xff, 0x14, 0x17, 0xff, 0x82, 0x00,
+        0x00, 0x50, 0xc8, 0x00, 0x00, 0x90, 0xb7, 0x10, 0x13, 0xe5, 0x44, 0x00,
+        0x00, 0x10, 0xa9, 0xf7, 0xf7, 0x6b, 0x00, 0x00, 0x00, 0x00, 0x00, 0x12,
+        0x0f, 0x00, 0x00, 0x00,
+        /* ch = '1' */
+        0x00, 0x31, 0xd4, 0xb7, 0xab, 0xab, 0xc8, 0xb7, 0x00, 0x00, 0x7c, 0xb7,
+        0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x7c, 0xb7,
+        0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x7c, 0xb7,
+        0x00, 0x00, 0x7c, 0xb7,
+        /* ch = '2' */
+        0x00, 0x19, 0xb3, 0xff, 0xf7, 0x73, 0x04, 0x0a, 0xcb, 0x5f, 0x04, 0x1b,
+        0xe5, 0x6b, 0x00, 0x0c, 0x04, 0x00, 0x00, 0x5f, 0xc8, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x70, 0xb1, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xf7, 0x3b, 0x00,
+        0x00, 0x00, 0x21, 0xef, 0x5f, 0x00, 0x00, 0x00, 0x1f, 0xf7, 0x54, 0x00,
+        0x00, 0x00, 0x10, 0xdb, 0x54, 0x00, 0x00, 0x00, 0x00, 0x90, 0xb1, 0x00,
+        0x00, 0x00, 0x0c, 0x1a, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff,
+        /* ch = '3' */
+        0x00, 0x26, 0xcb, 0xff, 0xe5, 0x48, 0x00, 0x00, 0x4d, 0x3f, 0x04, 0x35,
+        0xff, 0x2c, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00,
+        0x00, 0x1f, 0xff, 0x32, 0x00, 0x00, 0x30, 0xab, 0xf7, 0x4a, 0x00, 0x00,
+        0x00, 0x0c, 0x20, 0x77, 0xf7, 0x1f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x97,
+        0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x82, 0xb1, 0x04, 0xb1, 0x21, 0x00,
+        0x21, 0xf7, 0x50, 0x04, 0x73, 0xff, 0xe5, 0xff, 0x7e, 0x04, 0x00, 0x00,
+        0x08, 0x15, 0x0c, 0x00, 0x00,
+        /* ch = '4' */
+        0x00, 0x00, 0x00, 0x00, 0x77, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x2f,
+        0xff, 0xff, 0x00, 0x00, 0x00, 0x00, 0x0d, 0xdb, 0xb1, 0xff, 0x00, 0x00,
+        0x00, 0x00, 0x77, 0x82, 0x50, 0xff, 0x00, 0x00, 0x00, 0x2f, 0xe5, 0x10,
+        0x50, 0xff, 0x00, 0x00, 0x0d, 0xdb, 0x35, 0x00, 0x50, 0xff, 0x00, 0x00,
+        0x4d, 0xff, 0xcf, 0xcf, 0xe5, 0xff, 0xcf, 0x1a, 0x0c, 0x15, 0x15, 0x15,
+        0x5e, 0xff, 0x15, 0x04, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x00, 0x00,
+        /* ch = '5' */
+        0x00, 0x7c, 0xff, 0xff, 0xff, 0xff, 0xb7, 0x00, 0x82, 0x7c, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0xb7, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x74,
+        0x36, 0x36, 0x13, 0x00, 0x00, 0xf7, 0xdb, 0x50, 0xa4, 0xf7, 0x32, 0x00,
+        0x25, 0x10, 0x00, 0x00, 0x82, 0xc8, 0x00, 0x00, 0x00, 0x00, 0x00, 0x35,
+        0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x44, 0xff, 0x1a, 0xd4, 0x37, 0x00,
+        0x10, 0xb7, 0xa0, 0x00, 0x44, 0xef, 0xdd, 0xf7, 0xbb, 0x10, 0x00, 0x00,
+        0x00, 0x15, 0x0f, 0x00, 0x00,
+        /* ch = '6' */
+        0x00, 0x00, 0x48, 0xef, 0xff, 0xe5, 0x35, 0x00, 0x3b, 0xf7, 0x28, 0x00,
+        0x40, 0x1f, 0x00, 0xc8, 0x64, 0x00, 0x00, 0x00, 0x00, 0x14, 0xff, 0x35,
+        0x30, 0x36, 0x0c, 0x00, 0x1c, 0xff, 0xef, 0xa4, 0xa4, 0xf7, 0x1f, 0x2d,
+        0xff, 0x50, 0x00, 0x00, 0x90, 0xa7, 0x1c, 0xff, 0x24, 0x00, 0x00, 0x44,
+        0xff, 0x0d, 0xff, 0x3b, 0x00, 0x00, 0x4d, 0xf7, 0x00, 0x7c, 0xdb, 0x10,
+        0x08, 0xb7, 0x7c, 0x00, 0x10, 0xa9, 0xf7, 0xef, 0xbb, 0x10, 0x00, 0x00,
+        0x00, 0x0f, 0x12, 0x00, 0x00,
+        /* ch = '7' */
+        0xff, 0xff, 0xff, 0xff, 0xff, 0xb7, 0x00, 0x00, 0x00, 0x04, 0xe5, 0x5a,
+        0x00, 0x00, 0x00, 0x39, 0xff, 0x17, 0x00, 0x00, 0x00, 0xa7, 0x8a, 0x00,
+        0x00, 0x00, 0x22, 0xff, 0x32, 0x00, 0x00, 0x00, 0x5f, 0xe5, 0x04, 0x00,
+        0x00, 0x04, 0xe5, 0x6b, 0x00, 0x00, 0x00, 0x2c, 0xff, 0x24, 0x00, 0x00,
+        0x00, 0x70, 0xcf, 0x00, 0x00, 0x00, 0x04, 0xf7, 0x6b, 0x00, 0x00, 0x00,
+        /* ch = '8' */
+        0x00, 0x10, 0xbb, 0xef, 0xf7, 0x94, 0x08, 0x00, 0x8a, 0xb1, 0x04, 0x13,
+        0xe5, 0x5a, 0x00, 0xb7, 0x54, 0x00, 0x00, 0x82, 0x7c, 0x00, 0x6b, 0xf7,
+        0x21, 0x1f, 0xf7, 0x2f, 0x00, 0x04, 0x88, 0xf7, 0xf7, 0x46, 0x00, 0x00,
+        0x4d, 0xef, 0x31, 0x94, 0xf7, 0x24, 0x17, 0xff, 0x32, 0x00, 0x00, 0x82,
+        0xc8, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x47, 0xff, 0x17, 0xff, 0x64, 0x04,
+        0x08, 0xb1, 0xa7, 0x00, 0x2f, 0xef, 0xe5, 0xf7, 0xbb, 0x13, 0x00, 0x00,
+        0x00, 0x15, 0x0f, 0x00, 0x00,
+        /* ch = '9' */
+        0x00, 0x13, 0xbb, 0xff, 0xf7, 0x5a, 0x00, 0x00, 0xb1, 0x9e, 0x04, 0x26,
+        0xff, 0x39, 0x1a, 0xff, 0x2a, 0x00, 0x00, 0x7c, 0xa0, 0x1c, 0xff, 0x1f,
+        0x00, 0x00, 0x50, 0xe5, 0x04, 0xf7, 0x54, 0x00, 0x04, 0x90, 0xff, 0x00,
+        0x40, 0xff, 0x8f, 0xcb, 0xf7, 0xff, 0x00, 0x00, 0x16, 0x36, 0x25, 0x54,
+        0xcf, 0x00, 0x00, 0x00, 0x00, 0x00, 0xa7, 0x7c, 0x00, 0x2c, 0x1f, 0x00,
+        0x35, 0xff, 0x24, 0x00, 0x94, 0xff, 0xef, 0xef, 0x3b, 0x00, 0x00, 0x00,
+        0x0c, 0x15, 0x00, 0x00, 0x00,
+        /* ch = ':' */
+        0x1c, 0xbd, 0x40, 0x36, 0xff, 0x6b, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x10, 0x74, 0x2c, 0x39, 0xff, 0x84, 0x00, 0x12, 0x04,
+        /* ch = ';' */
+        0x1c, 0xbd, 0x40, 0x36, 0xff, 0x6b, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x16, 0x74, 0x2c, 0x40, 0xff, 0xb7, 0x00, 0x82, 0x8a,
+        0x17, 0xef, 0x1f, 0x32, 0x2c, 0x00,
+        /* ch = '<' */
+        0x00, 0x00, 0x28, 0xbb, 0x32, 0x1e, 0xb3, 0xef, 0x48, 0x08, 0xef, 0x50,
+        0x08, 0x00, 0x00, 0x08, 0x00, 0x00, 0x00, 0x00, 0x13, 0x00, 0x00, 0x00,
+        0x00, 0xff, 0x73, 0x08, 0x00, 0x00, 0x1b, 0xbb, 0xef, 0x3f, 0x04, 0x00,
+        0x00, 0x28, 0xd4, 0x32, 0x00, 0x00, 0x00, 0x04, 0x08,
+        /* ch = '=' */
+        0x7c, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x67, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x2d, 0x0f, 0x15, 0x15, 0x15,
+        0x15, 0x15, 0x15, 0x08,
+        /* ch = '>' */
+        0x7c, 0x7f, 0x13, 0x00, 0x00, 0x13, 0x7f, 0xf7, 0x73, 0x0c, 0x00, 0x00,
+        0x16, 0x8d, 0xf7, 0x00, 0x00, 0x00, 0x00, 0x1b, 0x00, 0x00, 0x00, 0x00,
+        0x28, 0x00, 0x00, 0x1b, 0xbb, 0xef, 0x13, 0x73, 0xff, 0x73, 0x08, 0x7c,
+        0x94, 0x16, 0x00, 0x00, 0x0c, 0x00, 0x00, 0x00, 0x00,
+        /* ch = '?' */
+        0x00, 0x04, 0x31, 0x74, 0x74, 0x22, 0x00, 0x04, 0xa9, 0xef, 0x47, 0x94,
+        0xff, 0x44, 0x08, 0x8d, 0x10, 0x00, 0x00, 0xa7, 0xbd, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x90, 0xe5, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xff, 0x6b, 0x00,
+        0x00, 0x00, 0x1c, 0xef, 0x77, 0x04, 0x00, 0x00, 0x00, 0x6b, 0xa7, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x7c, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x51, 0x51, 0x00, 0x00, 0x00, 0x00,
+        0x09, 0xf7, 0xf7, 0x09, 0x00, 0x00, 0x00, 0x00, 0x0c, 0x0f, 0x00, 0x00,
+        /* ch = '@' */
+        0x00, 0x00, 0x00, 0x04, 0x0f, 0x00, 0x00, 0x00, 0x00, 0x10, 0x94, 0xe5,
+        0xd4, 0xd4, 0x21, 0x00, 0x04, 0xb7, 0x6b, 0x04, 0x00, 0x47, 0xdb, 0x0d,
+        0x39, 0xc8, 0x04, 0x00, 0x00, 0x0c, 0xff, 0x2f, 0x82, 0x5f, 0x00, 0x66,
+        0xef, 0xcf, 0xe5, 0x44, 0xb7, 0x50, 0x39, 0xe5, 0x10, 0x00, 0xb7, 0x50,
+        0xb7, 0x50, 0x50, 0xbd, 0x00, 0x0d, 0xf7, 0x50, 0x7c, 0x6b, 0x17, 0xef,
+        0xa4, 0xbb, 0xff, 0x50, 0x39, 0xe5, 0x10, 0x08, 0x30, 0x18, 0x12, 0x0c,
+        0x04, 0xb1, 0x99, 0x08, 0x00, 0x00, 0x0f, 0x00, 0x00, 0x10, 0x8d, 0xf7,
+        0xcf, 0xe5, 0x97, 0x00, 0x00, 0x00, 0x00, 0x08, 0x15, 0x0c, 0x00, 0x00,
+        /* ch = 'A' */
+        0x00, 0x00, 0x00, 0x0c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xa7,
+        0x17, 0x00, 0x00, 0x00, 0x00, 0x00, 0x17, 0xff, 0x50, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x50, 0xff, 0xc8, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x5f,
+        0xff, 0x2a, 0x00, 0x00, 0x00, 0x22, 0xff, 0x14, 0xa0, 0x70, 0x00, 0x00,
+        0x00, 0x5a, 0xa0, 0x00, 0x39, 0xf7, 0x0d, 0x00, 0x00, 0xc8, 0xe5, 0xcf,
+        0xd4, 0xff, 0x3b, 0x00, 0x24, 0xff, 0x1c, 0x00, 0x00, 0x8a, 0xa7, 0x00,
+        0x5f, 0xb7, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0xe5, 0x50, 0x00, 0x00,
+        0x00, 0x04, 0xe5, 0x5a,
+        /* ch = 'B' */
+        0x50, 0xff, 0xff, 0xff, 0xef, 0x8d, 0x10, 0x00, 0x50, 0xb7, 0x00, 0x00,
+        0x1e, 0xdb, 0x8a, 0x00, 0x50, 0xb7, 0x00, 0x00, 0x00, 0x64, 0xc8, 0x00,
+        0x50, 0xb7, 0x00, 0x00, 0x13, 0xc8, 0x6b, 0x00, 0x50, 0xf7, 0xcf, 0xcf,
+        0xff, 0x9e, 0x04, 0x00, 0x50, 0xb7, 0x00, 0x12, 0x2b, 0xdb, 0x7c, 0x00,
+        0x50, 0xb7, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x50, 0xb7, 0x00, 0x00,
+        0x00, 0x24, 0xff, 0x2f, 0x50, 0xb7, 0x00, 0x00, 0x0c, 0xb1, 0xdb, 0x04,
+        0x50, 0xff, 0xff, 0xff, 0xff, 0xab, 0x19, 0x00,
+        /* ch = 'C' */
+        0x00, 0x04, 0x73, 0xf7, 0xe5, 0xe5, 0x2c, 0x00, 0x00, 0x90, 0xb1, 0x13,
+        0x00, 0x43, 0xff, 0x2a, 0x27, 0xff, 0x24, 0x00, 0x00, 0x00, 0x2a, 0x04,
+        0x5f, 0xcf, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb1, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x7c, 0xb1, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x5f, 0xcf, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x2c, 0xff, 0x24, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0xb1, 0xb1, 0x13, 0x00, 0x28, 0xe5, 0x18,
+        0x00, 0x10, 0x94, 0xf7, 0xd4, 0xef, 0x3b, 0x00, 0x00, 0x00, 0x00, 0x0c,
+        0x15, 0x00, 0x00, 0x00,
+        /* ch = 'D' */
+        0x50, 0xff, 0xff, 0xff, 0xd4, 0x37, 0x00, 0x00, 0x50, 0xff, 0x00, 0x04,
+        0x3f, 0xff, 0x44, 0x00, 0x50, 0xff, 0x00, 0x00, 0x00, 0x70, 0xe5, 0x04,
+        0x50, 0xff, 0x00, 0x00, 0x00, 0x2a, 0xff, 0x24, 0x50, 0xff, 0x00, 0x00,
+        0x00, 0x1c, 0xff, 0x32, 0x50, 0xff, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        0x50, 0xff, 0x00, 0x00, 0x00, 0x24, 0xff, 0x24, 0x50, 0xff, 0x00, 0x00,
+        0x00, 0x5f, 0xe5, 0x00, 0x50, 0xff, 0x00, 0x00, 0x37, 0xff, 0x35, 0x00,
+        0x50, 0xff, 0xcf, 0xff, 0xdd, 0x35, 0x00, 0x00,
+        /* ch = 'E' */
+        0x32, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x32, 0xff, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x32, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0xcf, 0xcf, 0xcf, 0xcf, 0x1a, 0x32,
+        0xff, 0x36, 0x36, 0x36, 0x36, 0x0d, 0x32, 0xff, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x32, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x32, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff,
+        /* ch = 'F' */
+        0x1c, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x1c, 0xff, 0x32, 0x00, 0x00,
+        0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0xdd, 0xcf, 0xcf, 0xcf, 0x1a, 0x1c,
+        0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00,
+        0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'G' */
+        0x00, 0x08, 0x8d, 0xff, 0xff, 0xe5, 0x2f, 0x00, 0x00, 0xb1, 0xb1, 0x13,
+        0x00, 0x54, 0xff, 0x1e, 0x32, 0xff, 0x17, 0x00, 0x00, 0x00, 0x22, 0x00,
+        0x6b, 0xb1, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x7c, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x82, 0x7c, 0x00, 0x00, 0x95, 0xcf, 0xcf, 0x2d,
+        0x77, 0xbd, 0x00, 0x00, 0x12, 0x15, 0xff, 0x32, 0x39, 0xff, 0x17, 0x00,
+        0x00, 0x00, 0xff, 0x32, 0x04, 0xc8, 0xb1, 0x0c, 0x00, 0x16, 0xff, 0x32,
+        0x00, 0x13, 0xb3, 0xff, 0xd4, 0xf7, 0x73, 0x08, 0x00, 0x00, 0x00, 0x0c,
+        0x15, 0x00, 0x00, 0x00,
+        /* ch = 'H' */
+        0x50, 0xff, 0x04, 0x00, 0x00, 0x32, 0xff, 0x0d, 0x50, 0xff, 0x00, 0x00,
+        0x00, 0x32, 0xff, 0x00, 0x50, 0xff, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00,
+        0x50, 0xff, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00, 0x50, 0xff, 0xcf, 0xcf,
+        0xcf, 0xdd, 0xff, 0x00, 0x50, 0xff, 0x15, 0x15, 0x15, 0x3e, 0xff, 0x00,
+        0x50, 0xff, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00, 0x50, 0xff, 0x00, 0x00,
+        0x00, 0x32, 0xff, 0x00, 0x50, 0xff, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00,
+        0x50, 0xff, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00,
+        /* ch = 'I' */
+        0xff, 0xff, 0xff, 0xff, 0xff, 0x32, 0x00, 0x00, 0xff, 0x32, 0x00, 0x00,
+        0x00, 0x00, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0xff, 0x32, 0x00, 0x00,
+        0x00, 0x00, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0xff, 0x32, 0x00, 0x00,
+        0x00, 0x00, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0xff, 0x32, 0x00, 0x00,
+        0x00, 0x00, 0xff, 0x32, 0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xff, 0x50,
+        /* ch = 'J' */
+        0x7c, 0xff, 0xff, 0xff, 0xff, 0x32, 0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00,
+        0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00,
+        0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00,
+        0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x82, 0x82, 0x00, 0x00,
+        0x04, 0x10, 0xe5, 0x5a, 0x00, 0x00, 0xef, 0xef, 0xa9, 0x04, 0x00, 0x00,
+        0x12, 0x12, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'K' */
+        0x7c, 0xbd, 0x00, 0x00, 0x04, 0xb1, 0xb1, 0x08, 0x7c, 0xb7, 0x00, 0x00,
+        0x7c, 0xdb, 0x10, 0x00, 0x7c, 0xb7, 0x00, 0x5f, 0xf7, 0x1f, 0x00, 0x00,
+        0x7c, 0xb7, 0x50, 0xf7, 0x21, 0x00, 0x00, 0x00, 0x7c, 0xf7, 0xff, 0x82,
+        0x00, 0x00, 0x00, 0x00, 0x7c, 0xf7, 0x50, 0xff, 0x32, 0x00, 0x00, 0x00,
+        0x7c, 0xb7, 0x00, 0x7c, 0xe5, 0x10, 0x00, 0x00, 0x7c, 0xb7, 0x00, 0x10,
+        0xdb, 0xa0, 0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x2f, 0xff, 0x4d, 0x00,
+        0x7c, 0xb7, 0x00, 0x00, 0x00, 0x6b, 0xf7, 0x1f,
+        /* ch = 'L' */
+        0x32, 0xff, 0x24, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00,
+        0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c,
+        0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x32,
+        0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00,
+        0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x00, 0x32, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff,
+        /* ch = 'M' */
+        0x7c, 0xa0, 0x00, 0x00, 0x00, 0x10, 0xf7, 0x32, 0x7c, 0xff, 0x2a, 0x00,
+        0x00, 0x5f, 0xff, 0x32, 0x7c, 0xff, 0xa0, 0x00, 0x17, 0xf7, 0xff, 0x32,
+        0x7c, 0xa7, 0xff, 0x2c, 0x6b, 0x90, 0xff, 0x32, 0x7c, 0x7c, 0x70, 0xc8,
+        0xf7, 0x24, 0xff, 0x32, 0x7c, 0x7c, 0x17, 0xff, 0x7c, 0x00, 0xff, 0x32,
+        0x7c, 0x7c, 0x00, 0x28, 0x10, 0x00, 0xff, 0x32, 0x7c, 0x7c, 0x00, 0x00,
+        0x00, 0x00, 0xff, 0x32, 0x7c, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xff, 0x32,
+        0x7c, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xff, 0x32,
+        /* ch = 'N' */
+        0x50, 0xff, 0x1c, 0x00, 0x00, 0x32, 0xff, 0x1f, 0x50, 0xff, 0x90, 0x00,
+        0x00, 0x32, 0xff, 0x1c, 0x50, 0xf7, 0xff, 0x2a, 0x00, 0x32, 0xff, 0x1c,
+        0x50, 0xb7, 0x90, 0xb7, 0x00, 0x32, 0xff, 0x1c, 0x50, 0xb7, 0x1c, 0xff,
+        0x44, 0x32, 0xff, 0x1c, 0x50, 0xb7, 0x00, 0x6b, 0xe5, 0x3b, 0xff, 0x1c,
+        0x50, 0xb7, 0x00, 0x10, 0xf7, 0xc8, 0xff, 0x1c, 0x50, 0xb7, 0x00, 0x00,
+        0x44, 0xff, 0xff, 0x1c, 0x50, 0xb7, 0x00, 0x00, 0x04, 0xc8, 0xff, 0x1c,
+        0x50, 0xb7, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c,
+        /* ch = 'O' */
+        0x00, 0x19, 0xbb, 0xff, 0xff, 0x8d, 0x08, 0x00, 0x0d, 0xdb, 0x8a, 0x08,
+        0x1b, 0xdb, 0x90, 0x00, 0x48, 0xf7, 0x04, 0x00, 0x00, 0x39, 0xff, 0x22,
+        0x90, 0x82, 0x00, 0x00, 0x00, 0x04, 0xff, 0x44, 0xb7, 0x6b, 0x00, 0x00,
+        0x00, 0x00, 0xff, 0x50, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xe5, 0x50,
+        0x90, 0x90, 0x00, 0x00, 0x00, 0x04, 0xff, 0x44, 0x48, 0xf7, 0x10, 0x00,
+        0x00, 0x2c, 0xff, 0x22, 0x0d, 0xdb, 0x8a, 0x08, 0x13, 0xc8, 0xa0, 0x00,
+        0x00, 0x1f, 0xd4, 0xff, 0xff, 0xbb, 0x10, 0x00, 0x00, 0x00, 0x00, 0x12,
+        0x0c, 0x00, 0x00, 0x00,
+        /* ch = 'P' */
+        0x32, 0xff, 0xff, 0xff, 0xff, 0xab, 0x19, 0x00, 0x32, 0xff, 0x1c, 0x00,
+        0x1a, 0xb1, 0xdb, 0x04, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x24, 0xff, 0x24,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x2c, 0xff, 0x1c, 0x32, 0xff, 0x4a, 0x36,
+        0x47, 0xef, 0x8a, 0x00, 0x32, 0xff, 0x87, 0x74, 0x74, 0x37, 0x04, 0x00,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'Q' */
+        0x00, 0x19, 0xbb, 0xff, 0xff, 0x8d, 0x08, 0x00, 0x0d, 0xdb, 0x8a, 0x08,
+        0x16, 0xdb, 0xa0, 0x00, 0x48, 0xe5, 0x04, 0x00, 0x00, 0x2c, 0xff, 0x22,
+        0x90, 0x82, 0x00, 0x00, 0x00, 0x04, 0xff, 0x44, 0xb7, 0x5f, 0x00, 0x00,
+        0x00, 0x00, 0xbd, 0x50, 0xb7, 0x77, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x50,
+        0x90, 0x90, 0x00, 0x00, 0x00, 0x00, 0xff, 0x44, 0x48, 0xf7, 0x0d, 0x00,
+        0x00, 0x24, 0xff, 0x22, 0x10, 0xdb, 0x7c, 0x04, 0x08, 0xb1, 0xa0, 0x00,
+        0x00, 0x1f, 0xd4, 0xff, 0xff, 0xbb, 0x10, 0x00, 0x00, 0x00, 0x00, 0x82,
+        0x82, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x36, 0xff, 0xcf, 0xcf, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x0f, 0x30, 0x36, 0x00,
+        /* ch = 'R' */
+        0x50, 0xff, 0xff, 0xff, 0xf7, 0x9e, 0x13, 0x00, 0x50, 0xff, 0x00, 0x04,
+        0x20, 0xdb, 0xb7, 0x00, 0x50, 0xff, 0x00, 0x00, 0x00, 0x3b, 0xff, 0x1a,
+        0x50, 0xff, 0x00, 0x00, 0x00, 0x48, 0xff, 0x0d, 0x50, 0xff, 0x36, 0x36,
+        0x50, 0xf7, 0x6b, 0x00, 0x50, 0xff, 0x74, 0x95, 0xff, 0x46, 0x00, 0x00,
+        0x50, 0xff, 0x00, 0x04, 0xdb, 0x6b, 0x00, 0x00, 0x50, 0xff, 0x00, 0x00,
+        0x3b, 0xff, 0x17, 0x00, 0x50, 0xff, 0x00, 0x00, 0x04, 0xc8, 0x7c, 0x00,
+        0x50, 0xff, 0x00, 0x00, 0x00, 0x3b, 0xff, 0x1f,
+        /* ch = 'S' */
+        0x00, 0x19, 0xab, 0xff, 0xff, 0xb3, 0x1b, 0x00, 0x00, 0xdb, 0x7c, 0x04,
+        0x04, 0x5f, 0xa9, 0x00, 0x1c, 0xff, 0x35, 0x00, 0x00, 0x04, 0x08, 0x00,
+        0x04, 0xdb, 0xb1, 0x13, 0x00, 0x00, 0x00, 0x00, 0x00, 0x19, 0xbb, 0xf7,
+        0x7f, 0x16, 0x00, 0x00, 0x00, 0x00, 0x00, 0x25, 0xa4, 0xff, 0x4d, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x17, 0x00, 0x0c, 0x00, 0x00,
+        0x00, 0x1f, 0xff, 0x2a, 0x2a, 0xdb, 0x1e, 0x00, 0x04, 0x7c, 0xe5, 0x0d,
+        0x08, 0x7f, 0xff, 0xe5, 0xf7, 0xd4, 0x21, 0x00, 0x00, 0x00, 0x04, 0x15,
+        0x0f, 0x00, 0x00, 0x00,
+        /* ch = 'T' */
+        0xb7, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x32, 0x00, 0x00, 0x00, 0xff,
+        0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff,
+        0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff,
+        0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00,
+        /* ch = 'U' */
+        0x50, 0xcf, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x50, 0xb7, 0x00, 0x00,
+        0x00, 0x1c, 0xff, 0x32, 0x50, 0xb7, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        0x50, 0xb7, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x50, 0xb7, 0x00, 0x00,
+        0x00, 0x1c, 0xff, 0x32, 0x50, 0xb7, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        0x50, 0xbd, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x4d, 0xff, 0x04, 0x00,
+        0x00, 0x24, 0xff, 0x1c, 0x22, 0xff, 0x50, 0x00, 0x04, 0x82, 0xc8, 0x04,
+        0x00, 0x3b, 0xef, 0xdd, 0xef, 0xcb, 0x19, 0x00, 0x00, 0x00, 0x00, 0x15,
+        0x0f, 0x00, 0x00, 0x00,
+        /* ch = 'V' */
+        0xa7, 0x90, 0x00, 0x00, 0x00, 0x00, 0xe5, 0x50, 0x44, 0xff, 0x0d, 0x00,
+        0x00, 0x2a, 0xff, 0x1c, 0x14, 0xff, 0x3b, 0x00, 0x00, 0x5f, 0xb7, 0x00,
+        0x00, 0xa0, 0x90, 0x00, 0x00, 0xcf, 0x50, 0x00, 0x00, 0x44, 0xff, 0x0d,
+        0x22, 0xff, 0x1c, 0x00, 0x00, 0x0d, 0xff, 0x3b, 0x50, 0xb7, 0x00, 0x00,
+        0x00, 0x00, 0x90, 0x90, 0xb7, 0x50, 0x00, 0x00, 0x00, 0x00, 0x3b, 0xff,
+        0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x0d, 0xff, 0xb7, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x90, 0x50, 0x00, 0x00, 0x00,
+        /* ch = 'W' */
+        0xff, 0x3b, 0x00, 0x08, 0x08, 0x00, 0x54, 0x90, 0xb7, 0x54, 0x00, 0x5f,
+        0x5f, 0x00, 0x7c, 0x5f, 0x7c, 0x82, 0x00, 0xb1, 0xa0, 0x00, 0xb1, 0x3b,
+        0x50, 0xbd, 0x0d, 0xff, 0xff, 0x0d, 0xe5, 0x2a, 0x32, 0xff, 0x35, 0xb7,
+        0xf7, 0x3b, 0xff, 0x14, 0x1c, 0xff, 0xa0, 0x5f, 0x90, 0xa7, 0xe5, 0x00,
+        0x04, 0xff, 0xff, 0x2a, 0x4d, 0xff, 0xb1, 0x00, 0x00, 0xbd, 0xf7, 0x04,
+        0x24, 0xff, 0x77, 0x00, 0x00, 0x82, 0x90, 0x00, 0x00, 0xe5, 0x4d, 0x00,
+        0x00, 0x54, 0x50, 0x00, 0x00, 0x82, 0x32, 0x00,
+        /* ch = 'X' */
+        0x3b, 0xff, 0x1c, 0x00, 0x00, 0x5f, 0xdb, 0x04, 0x00, 0xb7, 0x90, 0x00,
+        0x10, 0xf7, 0x3b, 0x00, 0x00, 0x2a, 0xff, 0x2a, 0x6b, 0xc8, 0x04, 0x00,
+        0x00, 0x00, 0x90, 0xc8, 0xff, 0x3b, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff,
+        0xc8, 0x00, 0x00, 0x00, 0x00, 0x00, 0x2a, 0xff, 0xe5, 0x0d, 0x00, 0x00,
+        0x00, 0x00, 0xa7, 0xb1, 0xf7, 0x5f, 0x00, 0x00, 0x00, 0x32, 0xff, 0x24,
+        0x50, 0xf7, 0x17, 0x00, 0x04, 0xc8, 0x7c, 0x00, 0x04, 0xdb, 0x7c, 0x00,
+        0x3b, 0xff, 0x1c, 0x00, 0x00, 0x3b, 0xff, 0x24,
+        /* ch = 'Y' */
+        0x70, 0xe5, 0x04, 0x00, 0x00, 0x1c, 0xff, 0x39, 0x17, 0xff, 0x48, 0x00,
+        0x00, 0x70, 0xc8, 0x00, 0x00, 0x6b, 0xe5, 0x04, 0x17, 0xf7, 0x3b, 0x00,
+        0x00, 0x17, 0xf7, 0x48, 0x5a, 0xe5, 0x04, 0x00, 0x00, 0x00, 0x6b, 0xe5,
+        0xe5, 0x48, 0x00, 0x00, 0x00, 0x00, 0x17, 0xf7, 0xe5, 0x0d, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb7,
+        0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00,
+        /* ch = 'Z' */
+        0x32, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0xa0, 0x90, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3b, 0xf7, 0x17, 0x00,
+        0x00, 0x00, 0x00, 0x10, 0xe5, 0x54, 0x00, 0x00, 0x00, 0x00, 0x00, 0x77,
+        0xdb, 0x04, 0x00, 0x00, 0x00, 0x00, 0x24, 0xff, 0x32, 0x00, 0x00, 0x00,
+        0x00, 0x04, 0xb7, 0x90, 0x00, 0x00, 0x00, 0x00, 0x00, 0x4d, 0xf7, 0x17,
+        0x00, 0x00, 0x00, 0x00, 0x17, 0xf7, 0x54, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x50, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x32,
+        /* ch = '[' */
+        0x1a, 0xcf, 0xcf, 0xcf, 0xcf, 0x67, 0x1c, 0xff, 0x28, 0x15, 0x15, 0x0f,
+        0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x4a, 0x36, 0x36, 0x26,
+        0x0d, 0x36, 0x36, 0x36, 0x36, 0x26,
+        /* ch = '\' */
+        0x08, 0x5b, 0x0d, 0x0d, 0xf7, 0x50, 0x00, 0x5a, 0xe5, 0x00, 0x10, 0xf7,
+        0x00, 0x00, 0x70, 0x00, 0x00, 0x17, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = ']' */
+        0xcf, 0xcf, 0xcf, 0xcf, 0x95, 0x15, 0x15, 0x15, 0x5e, 0xb7, 0x00, 0x00,
+        0x00, 0x50, 0xb7, 0x00, 0x00, 0x00, 0x50, 0xb7, 0x00, 0x00, 0x00, 0x50,
+        0xb7, 0x00, 0x00, 0x00, 0x50, 0xb7, 0x00, 0x00, 0x00, 0x50, 0xb7, 0x00,
+        0x00, 0x00, 0x50, 0xb7, 0x00, 0x00, 0x00, 0x50, 0xb7, 0x00, 0x00, 0x00,
+        0x50, 0xb7, 0x00, 0x00, 0x00, 0x50, 0xb7, 0x36, 0x36, 0x36, 0x82, 0xb7,
+        0x36, 0x36, 0x36, 0x36, 0x2d,
+        /* ch = '^' */
+        0x00, 0x00, 0x7c, 0x5a, 0x00, 0x00, 0x00, 0x2a, 0xff, 0xf7, 0x10, 0x00,
+        0x04, 0xc8, 0x5f, 0xb7, 0x6b, 0x00, 0x4d, 0xdb, 0x04, 0x2a, 0xf7, 0x17,
+        0x28, 0x2a, 0x00, 0x00, 0x48, 0x0c,
+        /* ch = '_' */
+        0x58, 0x74, 0x74, 0x74, 0x74, 0x74, 0x74, 0x30, 0x12, 0x15, 0x15, 0x15,
+        0x15, 0x15, 0x15, 0x0c,
+        /* ch = '`' */
+        0x09, 0x7f, 0x1c, 0x00, 0xa7, 0x5f, 0x00, 0x44, 0xff, 0x00, 0x04, 0xb1,
+        /* ch = 'a' */
+        0x00, 0x00, 0x20, 0x36, 0x36, 0x16, 0x00, 0x00, 0x7f, 0xd4, 0x5b, 0x82,
+        0xff, 0x32, 0x00, 0x0c, 0x04, 0x00, 0x00, 0x64, 0xbd, 0x00, 0x00, 0x08,
+        0x15, 0x2a, 0x82, 0xff, 0x04, 0x7e, 0xef, 0x82, 0x74, 0xb1, 0xff, 0x44,
+        0xff, 0x1a, 0x00, 0x00, 0x54, 0xff, 0x4d, 0xff, 0x10, 0x00, 0x13, 0xdb,
+        0xff, 0x10, 0xbb, 0xef, 0xcf, 0xef, 0xc4, 0xff, 0x00, 0x00, 0x12, 0x15,
+        0x00, 0x00, 0x00,
+        /* ch = 'b' */
+        0x22, 0x74, 0x1a, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x21, 0x30, 0x36, 0x1b, 0x00, 0x00, 0x32, 0xff, 0xe5, 0x82,
+        0xa4, 0xff, 0x39, 0x00, 0x32, 0xff, 0x3b, 0x00, 0x00, 0x82, 0xf7, 0x0d,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x32, 0xff, 0x2a, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x1c, 0xff, 0x32, 0x32, 0xff, 0x1f, 0x00, 0x00, 0x35, 0xff, 0x1c,
+        0x32, 0xff, 0x59, 0x00, 0x10, 0xb7, 0xa0, 0x00, 0x32, 0xc8, 0x94, 0xe5,
+        0xff, 0xd4, 0x19, 0x00, 0x00, 0x00, 0x00, 0x0f, 0x12, 0x00, 0x00, 0x00,
+        /* ch = 'c' */
+        0x00, 0x00, 0x08, 0x30, 0x36, 0x2a, 0x04, 0x00, 0x00, 0x2c, 0xef, 0xb3,
+        0x74, 0xe5, 0xd4, 0x10, 0x0d, 0xe5, 0x7c, 0x00, 0x00, 0x08, 0x8d, 0x04,
+        0x2f, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x40, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x2a, 0xff, 0x2c, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0xb1, 0xdb, 0x13, 0x00, 0x1b, 0x7e, 0x04, 0x00, 0x10, 0xb3, 0xff,
+        0xf7, 0xf7, 0x66, 0x04, 0x00, 0x00, 0x00, 0x0f, 0x15, 0x08, 0x00, 0x00,
+        /* ch = 'd' */
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x22, 0x74, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00, 0x00, 0x2a,
+        0x36, 0x30, 0x35, 0xff, 0x00, 0x7c, 0xdb, 0x47, 0xab, 0xf7, 0xff, 0x2c,
+        0xff, 0x1f, 0x00, 0x00, 0x97, 0xff, 0x54, 0xbd, 0x00, 0x00, 0x00, 0x50,
+        0xff, 0x77, 0xb7, 0x00, 0x00, 0x00, 0x50, 0xff, 0x4d, 0xff, 0x0d, 0x00,
+        0x00, 0x6b, 0xff, 0x17, 0xff, 0x59, 0x00, 0x21, 0xe5, 0xff, 0x00, 0x3b,
+        0xf7, 0xef, 0xef, 0x99, 0xff, 0x00, 0x00, 0x08, 0x15, 0x00, 0x00, 0x00,
+        /* ch = 'e' */
+        0x00, 0x00, 0x1b, 0x36, 0x36, 0x16, 0x00, 0x00, 0x00, 0x50, 0xf7, 0x50,
+        0x73, 0xff, 0x32, 0x00, 0x22, 0xff, 0x2c, 0x00, 0x00, 0x64, 0xc8, 0x00,
+        0x4d, 0xff, 0x36, 0x36, 0x36, 0x62, 0xff, 0x0d, 0x50, 0xff, 0x74, 0x74,
+        0x74, 0x74, 0x74, 0x14, 0x44, 0xff, 0x0d, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x10, 0xf7, 0x7c, 0x04, 0x00, 0x21, 0x2f, 0x00, 0x00, 0x26, 0xd4, 0xe5,
+        0xd4, 0xef, 0x35, 0x00, 0x00, 0x00, 0x00, 0x12, 0x15, 0x00, 0x00, 0x00,
+        /* ch = 'f' */
+        0x00, 0x00, 0x00, 0x21, 0x82, 0xbd, 0x5b, 0x00, 0x00, 0x2a, 0xff, 0x47,
+        0x1a, 0x99, 0x00, 0x00, 0x7c, 0xa0, 0x00, 0x00, 0x10, 0x00, 0x00, 0x7c,
+        0x7c, 0x00, 0x00, 0x00, 0x2d, 0xcf, 0xef, 0xef, 0xcf, 0xcf, 0x1a, 0x00,
+        0x00, 0x7c, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x7c, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x7c, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x7c,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x7c, 0x7c, 0x00, 0x00, 0x00,
+        /* ch = 'g' */
+        0x00, 0x04, 0x37, 0x74, 0x37, 0x16, 0x3e, 0x2a, 0x00, 0xa9, 0xc4, 0x36,
+        0xd4, 0xff, 0x50, 0x30, 0x2a, 0xff, 0x17, 0x00, 0x24, 0xff, 0x1c, 0x00,
+        0x2f, 0xff, 0x17, 0x00, 0x24, 0xff, 0x1c, 0x00, 0x04, 0xb1, 0xd4, 0x47,
+        0xd4, 0x7c, 0x00, 0x00, 0x00, 0x7c, 0x6a, 0x50, 0x2a, 0x00, 0x00, 0x00,
+        0x11, 0xff, 0x53, 0x15, 0x15, 0x15, 0x00, 0x00, 0x04, 0xab, 0xa4, 0x8f,
+        0xcf, 0xe5, 0xb1, 0x04, 0x66, 0x97, 0x00, 0x00, 0x00, 0x1f, 0xff, 0x27,
+        0x66, 0xe5, 0x2b, 0x15, 0x1a, 0x8a, 0xdb, 0x0d, 0x04, 0x3f, 0x8f, 0xcf,
+        0xab, 0x5b, 0x08, 0x00,
+        /* ch = 'h' */
+        0x14, 0x74, 0x28, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00,
+        0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        0x22, 0x36, 0x25, 0x00, 0x1c, 0xff, 0xd4, 0xbb, 0x8f, 0xff, 0x4d, 0x1c,
+        0xff, 0x82, 0x04, 0x00, 0x7c, 0xb7, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x50,
+        0xf7, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x50, 0xff, 0x1c, 0xff, 0x32, 0x00,
+        0x00, 0x50, 0xff, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x50, 0xff, 0x1c, 0xff,
+        0x32, 0x00, 0x00, 0x50, 0xff,
+        /* ch = 'i' */
+        0x00, 0x00, 0x30, 0x28, 0x00, 0x00, 0x00, 0x09, 0xf7, 0xb1, 0x00, 0x00,
+        0x00, 0x00, 0x0c, 0x08, 0x00, 0x00, 0x26, 0x36, 0x36, 0x26, 0x00, 0x00,
+        0x42, 0x74, 0xe5, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
+        0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
+        0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
+        0x7c, 0xff, 0xff, 0xff, 0xff, 0x32,
+        /* ch = 'j' */
+        0x00, 0x00, 0x00, 0x00, 0x21, 0x30, 0x00, 0x00, 0x00, 0x00, 0xa0, 0xff,
+        0x00, 0x00, 0x00, 0x00, 0x08, 0x0c, 0x00, 0x16, 0x36, 0x36, 0x36, 0x2d,
+        0x00, 0x22, 0x74, 0x74, 0xc8, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7,
+        0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7,
+        0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7,
+        0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7, 0x00, 0x0c, 0x00, 0x00, 0x82, 0xb1,
+        0x2f, 0xdb, 0x2b, 0x37, 0xff, 0x44, 0x04, 0x5b, 0xcf, 0xbd, 0x37, 0x00,
+        /* ch = 'k' */
+        0x22, 0x74, 0x1a, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x21, 0x25, 0x09, 0x32, 0xff, 0x1c, 0x00,
+        0x35, 0xff, 0x35, 0x00, 0x32, 0xff, 0x1c, 0x44, 0xf7, 0x2c, 0x00, 0x00,
+        0x32, 0xff, 0x7c, 0xff, 0x31, 0x00, 0x00, 0x00, 0x32, 0xff, 0xdb, 0xdb,
+        0xb1, 0x04, 0x00, 0x00, 0x32, 0xff, 0x1f, 0x1f, 0xf7, 0x7c, 0x00, 0x00,
+        0x32, 0xff, 0x1c, 0x00, 0x44, 0xff, 0x4d, 0x00, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x7c, 0xf7, 0x21,
+        /* ch = 'l' */
+        0x74, 0x74, 0x74, 0x42, 0x00, 0x00, 0x15, 0x15, 0xbd, 0x7c, 0x00, 0x00,
+        0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
+        0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
+        0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
+        0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
+        0xff, 0xff, 0xff, 0xff, 0xff, 0x7c,
+        /* ch = 'm' */
+        0x26, 0x28, 0x30, 0x30, 0x08, 0x36, 0x30, 0x00, 0x7c, 0xff, 0x66, 0xf7,
+        0xef, 0x5a, 0xff, 0x39, 0x7c, 0x90, 0x00, 0xb7, 0x90, 0x00, 0xbd, 0x50,
+        0x7c, 0x7c, 0x00, 0xb7, 0x7c, 0x00, 0xb7, 0x50, 0x7c, 0x7c, 0x00, 0xb7,
+        0x7c, 0x00, 0xb7, 0x50, 0x7c, 0x7c, 0x00, 0xb7, 0x7c, 0x00, 0xb7, 0x50,
+        0x7c, 0x7c, 0x00, 0xb7, 0x7c, 0x00, 0xb7, 0x50, 0x7c, 0x7c, 0x00, 0xb7,
+        0x7c, 0x00, 0xb7, 0x50,
+        /* ch = 'n' */
+        0x0d, 0x36, 0x16, 0x25, 0x36, 0x22, 0x00, 0x1c, 0xff, 0xd4, 0xbb, 0x8f,
+        0xff, 0x44, 0x1c, 0xff, 0x7c, 0x00, 0x00, 0x90, 0xb1, 0x1c, 0xff, 0x32,
+        0x00, 0x00, 0x50, 0xb7, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x50, 0xb7, 0x1c,
+        0xff, 0x32, 0x00, 0x00, 0x50, 0xb7, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x50,
+        0xb7, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x50, 0xb7,
+        /* ch = 'o' */
+        0x00, 0x00, 0x16, 0x36, 0x36, 0x0c, 0x00, 0x00, 0x00, 0x4d, 0xf7, 0x82,
+        0xa4, 0xf7, 0x32, 0x00, 0x24, 0xff, 0x35, 0x00, 0x00, 0x82, 0xe5, 0x04,
+        0x6b, 0xe5, 0x00, 0x00, 0x00, 0x24, 0xff, 0x2a, 0x7c, 0xb7, 0x00, 0x00,
+        0x00, 0x1c, 0xff, 0x32, 0x5f, 0xff, 0x0d, 0x00, 0x00, 0x2c, 0xff, 0x24,
+        0x17, 0xf7, 0x7c, 0x04, 0x08, 0xb1, 0xb7, 0x00, 0x00, 0x26, 0xef, 0xe5,
+        0xef, 0xbb, 0x13, 0x00, 0x00, 0x00, 0x00, 0x15, 0x12, 0x00, 0x00, 0x00,
+        /* ch = 'p' */
+        0x16, 0x36, 0x13, 0x30, 0x36, 0x1e, 0x00, 0x00, 0x32, 0xff, 0xe5, 0x82,
+        0xa4, 0xff, 0x4d, 0x00, 0x32, 0xff, 0x3b, 0x00, 0x00, 0x6b, 0xf7, 0x14,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x24, 0xff, 0x32, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x1c, 0xff, 0x32, 0x32, 0xff, 0x1f, 0x00, 0x00, 0x2a, 0xff, 0x2a,
+        0x32, 0xff, 0x64, 0x00, 0x08, 0xb1, 0xc8, 0x04, 0x32, 0xff, 0xbb, 0xe5,
+        0xf7, 0xd4, 0x1f, 0x00, 0x32, 0xff, 0x1c, 0x0f, 0x15, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x22, 0x74, 0x14, 0x00,
+        0x00, 0x00, 0x00, 0x00,
+        /* ch = 'q' */
+        0x00, 0x00, 0x25, 0x36, 0x30, 0x19, 0x36, 0x00, 0x7c, 0xef, 0x50, 0xa4,
+        0xf7, 0xff, 0x2c, 0xff, 0x24, 0x00, 0x00, 0x90, 0xff, 0x6b, 0xcf, 0x00,
+        0x00, 0x00, 0x50, 0xff, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x50, 0xff, 0x50,
+        0xff, 0x0d, 0x00, 0x00, 0x5f, 0xff, 0x17, 0xf7, 0x7c, 0x00, 0x13, 0xe5,
+        0xff, 0x00, 0x35, 0xf7, 0xef, 0xef, 0x7c, 0xff, 0x00, 0x00, 0x04, 0x15,
+        0x04, 0x32, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x22, 0x74,
+        /* ch = 'r' */
+        0x26, 0x2d, 0x0c, 0x36, 0x36, 0x1e, 0x00, 0x7c, 0xe5, 0xef, 0x9e, 0x82,
+        0xff, 0x1d, 0x7c, 0xff, 0x50, 0x00, 0x00, 0x22, 0x00, 0x7c, 0xcf, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x7c, 0x90, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c,
+        0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x7c, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x7c, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 's' */
+        0x00, 0x00, 0x1e, 0x36, 0x36, 0x1e, 0x00, 0x00, 0x50, 0xf7, 0x47, 0x50,
+        0xef, 0x7e, 0x00, 0xef, 0x68, 0x00, 0x00, 0x1f, 0x2c, 0x00, 0x73, 0xff,
+        0x7f, 0x25, 0x04, 0x00, 0x00, 0x00, 0x22, 0x8f, 0xf7, 0xef, 0x2c, 0x00,
+        0x0c, 0x00, 0x00, 0x04, 0x82, 0xf7, 0x17, 0xd4, 0x1b, 0x00, 0x00, 0x82,
+        0xc8, 0x0c, 0x7f, 0xff, 0xd4, 0xef, 0xd4, 0x21, 0x00, 0x00, 0x04, 0x15,
+        0x12, 0x00, 0x00,
+        /* ch = 't' */
+        0x00, 0x00, 0x10, 0x36, 0x13, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x14,
+        0x00, 0x00, 0x0d, 0x36, 0x82, 0xff, 0x36, 0x36, 0x16, 0x14, 0x74, 0xb1,
+        0xff, 0x74, 0x74, 0x22, 0x00, 0x00, 0x50, 0xcf, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00, 0x5f, 0xff,
+        0x1a, 0x0c, 0x48, 0x00, 0x00, 0x1c, 0xdb, 0xff, 0xff, 0x8d, 0x00, 0x00,
+        0x00, 0x00, 0x15, 0x04, 0x00,
+        /* ch = 'u' */
+        0x16, 0x36, 0x0d, 0x00, 0x00, 0x1e, 0x36, 0x32, 0xff, 0x1c, 0x00, 0x00,
+        0x50, 0xff, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x50, 0xff, 0x32, 0xff, 0x1c,
+        0x00, 0x00, 0x50, 0xff, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x50, 0xff, 0x32,
+        0xff, 0x1f, 0x00, 0x00, 0x6b, 0xff, 0x14, 0xff, 0x54, 0x00, 0x19, 0xf7,
+        0xff, 0x00, 0x44, 0xf7, 0xd4, 0xe5, 0xa0, 0xff, 0x00, 0x00, 0x08, 0x15,
+        0x04, 0x00, 0x00,
+        /* ch = 'v' */
+        0x26, 0x36, 0x00, 0x00, 0x00, 0x04, 0x36, 0x13, 0x39, 0xff, 0x17, 0x00,
+        0x00, 0x2a, 0xff, 0x14, 0x04, 0xe5, 0x5a, 0x00, 0x00, 0x5f, 0xa0, 0x00,
+        0x00, 0x6b, 0xe5, 0x04, 0x04, 0xe5, 0x39, 0x00, 0x00, 0x22, 0xff, 0x32,
+        0x39, 0xe5, 0x04, 0x00, 0x00, 0x00, 0xa7, 0x8a, 0xa7, 0x5a, 0x00, 0x00,
+        0x00, 0x00, 0x3b, 0xff, 0xff, 0x17, 0x00, 0x00, 0x00, 0x00, 0x0d, 0xf7,
+        0x8a, 0x00, 0x00, 0x00,
+        /* ch = 'w' */
+        0x36, 0x1e, 0x00, 0x00, 0x00, 0x00, 0x26, 0x26, 0xe5, 0x44, 0x00, 0x45,
+        0x30, 0x00, 0x7c, 0x5f, 0x90, 0x77, 0x00, 0xcf, 0x90, 0x00, 0xb7, 0x44,
+        0x54, 0xb1, 0x1a, 0xff, 0xff, 0x0d, 0xe5, 0x2a, 0x2f, 0xff, 0x3f, 0x90,
+        0xe5, 0x3b, 0xff, 0x1a, 0x14, 0xff, 0xc8, 0x44, 0x7c, 0xb7, 0xe5, 0x00,
+        0x00, 0xcf, 0xff, 0x1c, 0x3b, 0xff, 0xa0, 0x00, 0x00, 0x90, 0xcf, 0x00,
+        0x0d, 0xff, 0x5f, 0x00,
+        /* ch = 'x' */
+        0x1c, 0x36, 0x04, 0x00, 0x00, 0x21, 0x33, 0x00, 0x0d, 0xdb, 0x7c, 0x00,
+        0x17, 0xf7, 0x44, 0x00, 0x00, 0x2a, 0xff, 0x32, 0xa0, 0xa0, 0x00, 0x00,
+        0x00, 0x00, 0x5f, 0xff, 0xf7, 0x17, 0x00, 0x00, 0x00, 0x00, 0x21, 0xff,
+        0xb7, 0x00, 0x00, 0x00, 0x00, 0x04, 0xb1, 0xb1, 0xf7, 0x50, 0x00, 0x00,
+        0x00, 0x54, 0xf7, 0x10, 0x44, 0xff, 0x1f, 0x00, 0x24, 0xff, 0x3b, 0x00,
+        0x00, 0x82, 0xdb, 0x08,
+        /* ch = 'y' */
+        0x24, 0x36, 0x0d, 0x00, 0x00, 0x0d, 0x36, 0x16, 0x2c, 0xff, 0x2c, 0x00,
+        0x00, 0x32, 0xff, 0x17, 0x00, 0xc8, 0x70, 0x00, 0x00, 0x70, 0xa7, 0x00,
+        0x00, 0x48, 0xf7, 0x0d, 0x04, 0xe5, 0x3b, 0x00, 0x00, 0x0d, 0xf7, 0x48,
+        0x32, 0xf7, 0x0d, 0x00, 0x00, 0x00, 0x70, 0xc8, 0x8a, 0x7c, 0x00, 0x00,
+        0x00, 0x00, 0x22, 0xff, 0xff, 0x2c, 0x00, 0x00, 0x00, 0x00, 0x00, 0xa7,
+        0xcf, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xc8, 0x5a, 0x00, 0x00, 0x00,
+        0x60, 0x2b, 0x5f, 0xf7, 0x17, 0x00, 0x00, 0x00, 0x48, 0xcf, 0x9e, 0x26,
+        0x00, 0x00, 0x00, 0x00,
+        /* ch = 'z' */
+        0x0d, 0x36, 0x36, 0x36, 0x36, 0x36, 0x2d, 0x00, 0x14, 0x74, 0x74, 0x74,
+        0x7b, 0xff, 0x99, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xdb, 0x10, 0x00,
+        0x00, 0x00, 0x00, 0x50, 0xf7, 0x1f, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff,
+        0x32, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xf7, 0x5f, 0x00, 0x00, 0x00, 0x00,
+        0x10, 0xdb, 0xb1, 0x04, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0xff, 0xff,
+        0xff, 0xff, 0xff, 0x1c,
+        /* ch = '{' */
+        0x00, 0x00, 0x12, 0x15, 0x0c, 0x10, 0xbb, 0xe5, 0xcf, 0x45, 0x66, 0xcf,
+        0x04, 0x00, 0x00, 0x7c, 0x7c, 0x00, 0x00, 0x00, 0x7c, 0xa9, 0x00, 0x00,
+        0x00, 0xa7, 0x6b, 0x00, 0x00, 0x00, 0xbb, 0x10, 0x00, 0x00, 0x00, 0xf7,
+        0x1f, 0x00, 0x00, 0x00, 0xa0, 0x77, 0x00, 0x00, 0x00, 0x82, 0x7c, 0x00,
+        0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x90, 0xa7, 0x00, 0x00, 0x00,
+        0x2f, 0xff, 0x65, 0x36, 0x1e, 0x00, 0x22, 0x67, 0x74, 0x30,
+        /* ch = '|' */
+        0x2d, 0x1e, 0xb7, 0x50, 0xb7, 0x50, 0xb7, 0x50, 0xb7, 0x50, 0xb7, 0x50,
+        0xb7, 0x50, 0xb7, 0x50, 0xb7, 0x50, 0xb7, 0x50, 0xb7, 0x50, 0xb7, 0x50,
+        0xb7, 0x50, 0x2d, 0x1e,
+        /* ch = '}' */
+        0x12, 0x15, 0x0c, 0x00, 0x00, 0x95, 0xcf, 0xef, 0x66, 0x00, 0x00, 0x00,
+        0x26, 0xff, 0x2a, 0x00, 0x00, 0x00, 0xff, 0x32, 0x00, 0x00, 0x0a, 0xff,
+        0x32, 0x00, 0x00, 0x00, 0xe5, 0x48, 0x00, 0x00, 0x00, 0x2c, 0xe5, 0x00,
+        0x00, 0x00, 0x50, 0xdb, 0x00, 0x00, 0x00, 0xf7, 0x4d, 0x00, 0x00, 0x00,
+        0xff, 0x3b, 0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x17, 0xff, 0x3b,
+        0x2d, 0x36, 0x99, 0xef, 0x10, 0x58, 0x74, 0x50, 0x13, 0x00,
+        /* ch = '~' */
+        0x00, 0x13, 0x36, 0x25, 0x00, 0x00, 0x0f, 0x00, 0x32, 0xf7, 0x8f, 0xef,
+        0x94, 0x31, 0xef, 0x45, 0x13, 0x3d, 0x00, 0x13, 0x9e, 0xcf, 0x37, 0x00
 };
 
 /* font_inconsolata_17px */
 static const unsigned char pd_inconsolata_font_bitmap_17px_bytes[] = {
-	/* ch = '!' */
-	0x00, 0x22, 0x1b,
-	0x04, 0xff, 0xe5,
-	0x04, 0xff, 0xf7,
-	0x00, 0xff, 0xb7,
-	0x00, 0xbd, 0xb7,
-	0x00, 0xb7, 0x7c,
-	0x00, 0xb7, 0x7c,
-	0x00, 0x90, 0x5f,
-	0x00, 0x42, 0x30,
-	0x00, 0x00, 0x00,
-	0x0d, 0xab, 0x8d,
-	0x1c, 0xff, 0xe5,
-	0x00, 0x0f, 0x0c,
-	/* ch = '"' */
-	0x00, 0x22, 0x13, 0x00, 0x22, 0x13,
-	0x00, 0xf7, 0xa0, 0x00, 0xff, 0x7c,
-	0x00, 0xec, 0x7c, 0x00, 0xff, 0x6b,
-	0x0d, 0xff, 0x39, 0x14, 0xff, 0x2c,
-	0x30, 0xef, 0x0d, 0x3a, 0xe5, 0x04,
-	/* ch = '#' */
-	0x00, 0x00, 0x2a, 0x6f, 0x00, 0x30, 0x58, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xb7, 0x00, 0x77, 0xa0, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0x82, 0x00, 0x90, 0x77, 0x00, 0x00,
-	0x67, 0xcf, 0xef, 0xef, 0xcf, 0xf7, 0xe5, 0xcf, 0x09,
-	0x0f, 0x00, 0xbd, 0x50, 0x00, 0xff, 0x35, 0x00, 0x00,
-	0x00, 0x00, 0xff, 0x32, 0x14, 0xff, 0x2a, 0x00, 0x00,
-	0x00, 0x14, 0xff, 0x24, 0x1f, 0xff, 0x28, 0x12, 0x00,
-	0x95, 0xdd, 0xff, 0xcf, 0xdd, 0xff, 0x74, 0x45, 0x00,
-	0x00, 0x32, 0xff, 0x00, 0x4d, 0xcf, 0x00, 0x00, 0x00,
-	0x00, 0x4d, 0xb7, 0x00, 0x6b, 0xa0, 0x00, 0x00, 0x00,
-	0x00, 0x4e, 0x78, 0x00, 0x67, 0x67, 0x00, 0x00, 0x00,
-	/* ch = '$' */
-	0x00, 0x00, 0x00, 0x00, 0x08, 0x04, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x32, 0xff, 0x00, 0x00, 0x00,
-	0x00, 0x10, 0x8d, 0xff, 0xff, 0xf7, 0x73, 0x04,
-	0x00, 0x99, 0xb1, 0x37, 0xff, 0x1e, 0xdb, 0x2d,
-	0x00, 0xff, 0x54, 0x32, 0xff, 0x00, 0x0c, 0x00,
-	0x00, 0x77, 0xf7, 0x7c, 0xff, 0x00, 0x00, 0x00,
-	0x00, 0x04, 0x5b, 0xef, 0xff, 0x73, 0x1b, 0x00,
-	0x00, 0x00, 0x00, 0x32, 0xff, 0x94, 0xf7, 0x32,
-	0x00, 0x00, 0x00, 0x32, 0xff, 0x00, 0x97, 0xa0,
-	0x00, 0x40, 0x00, 0x32, 0xff, 0x00, 0x97, 0x90,
-	0x1a, 0xf7, 0xbb, 0x62, 0xff, 0x77, 0xf7, 0x2a,
-	0x00, 0x13, 0x50, 0xbb, 0xff, 0x73, 0x1b, 0x00,
-	0x00, 0x00, 0x00, 0x2d, 0xcf, 0x00, 0x00, 0x00,
-	/* ch = '%' */
-	0x10, 0x8d, 0xbd, 0x2f, 0x00, 0x00, 0x51, 0x47,
-	0x7c, 0x90, 0x3a, 0xf7, 0x14, 0x2a, 0xff, 0x1c,
-	0xb7, 0x50, 0x1c, 0xff, 0x2f, 0xb7, 0x6b, 0x00,
-	0x6b, 0xb7, 0x53, 0xf7, 0x47, 0xf7, 0x10, 0x00,
-	0x04, 0x5b, 0x74, 0x28, 0xdb, 0x50, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x50, 0xdb, 0x04, 0x00, 0x00,
-	0x00, 0x00, 0x10, 0xf7, 0x3b, 0x0f, 0x15, 0x00,
-	0x00, 0x00, 0x6b, 0xb7, 0x49, 0xef, 0xd4, 0x7c,
-	0x00, 0x1c, 0xff, 0x2a, 0xbd, 0x54, 0x1f, 0xff,
-	0x00, 0x90, 0x90, 0x00, 0xbd, 0x54, 0x24, 0xff,
-	0x2a, 0xff, 0x1c, 0x00, 0x32, 0xf7, 0xe5, 0x77,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x0c, 0x12, 0x00,
-	/* ch = '&' */
-	0x00, 0x00, 0x3f, 0x74, 0x67, 0x13, 0x00, 0x00, 0x00,
-	0x00, 0x4d, 0xf7, 0x47, 0xb1, 0xc8, 0x00, 0x00, 0x00,
-	0x00, 0xa9, 0x97, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x5f, 0xe5, 0x0d, 0x50, 0xe5, 0x04, 0x00, 0x00,
-	0x00, 0x10, 0xf7, 0xab, 0xf7, 0x32, 0x00, 0x00, 0x00,
-	0x00, 0x19, 0xdb, 0xff, 0x4f, 0x00, 0x00, 0x00, 0x00,
-	0x10, 0xdb, 0x8a, 0x70, 0xf7, 0x1c, 0x2f, 0x5a, 0x04,
-	0x5a, 0xff, 0x17, 0x04, 0xb1, 0xb1, 0x90, 0xb7, 0x00,
-	0x7c, 0xd9, 0x00, 0x00, 0x1c, 0xf7, 0xf7, 0x1f, 0x00,
-	0x5a, 0xff, 0x35, 0x04, 0x50, 0xff, 0xff, 0x32, 0x00,
-	0x04, 0xa9, 0xff, 0xff, 0xe5, 0x2c, 0x82, 0xbb, 0x00,
-	0x00, 0x00, 0x0f, 0x12, 0x00, 0x00, 0x08, 0x04, 0x00,
-	/* ch = ''' */
-	0x04, 0x2a, 0x04,
-	0x32, 0xff, 0x39,
-	0x32, 0xff, 0x2a,
-	0x44, 0xe5, 0x04,
-	0x7e, 0x70, 0x00,
-	/* ch = '(' */
-	0x00, 0x04, 0x22, 0x00,
-	0x19, 0xd4, 0xdd, 0x09,
-	0xef, 0x8a, 0x04, 0x00,
-	0xb1, 0x04, 0x00, 0x00,
-	0x24, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00,
-	0x17, 0x00, 0x00, 0x00,
-	0x82, 0x00, 0x00, 0x00,
-	0xff, 0x35, 0x00, 0x00,
-	0x6b, 0xff, 0x48, 0x00,
-	0x00, 0x35, 0xd4, 0x04,
-	/* ch = ')' */
-	0x22, 0x00, 0x00, 0x00,
-	0xdb, 0xbb, 0x19, 0x00,
-	0x13, 0xb1, 0xdb, 0x1f,
-	0x00, 0x08, 0xb7, 0xc8,
-	0x00, 0x00, 0x24, 0xff,
-	0x00, 0x00, 0x00, 0xa0,
-	0x00, 0x00, 0x00, 0x4d,
-	0x00, 0x00, 0x00, 0x32,
-	0x00, 0x00, 0x00, 0x35,
-	0x00, 0x00, 0x00, 0x5f,
-	0x00, 0x00, 0x04, 0xcf,
-	0x00, 0x00, 0x4d, 0xff,
-	0x00, 0x26, 0xf7, 0x54,
-	0x3f, 0xf7, 0x77, 0x00,
-	0xd4, 0x37, 0x00, 0x00,
-	/* ch = '*' */
-	0x00, 0x00, 0x00, 0x67, 0xb5, 0x00, 0x00, 0x00,
-	0x08, 0x04, 0x00, 0x6b, 0xb7, 0x00, 0x00, 0x00,
-	0x48, 0xe5, 0x48, 0x59, 0x7c, 0x31, 0xbb, 0x5f,
-	0x08, 0x2a, 0x8f, 0xef, 0xf7, 0x9e, 0x37, 0x0c,
-	0x00, 0x00, 0x1f, 0xef, 0xdb, 0x32, 0x00, 0x00,
-	0x00, 0x1f, 0xdb, 0x50, 0x32, 0xf7, 0x1f, 0x00,
-	0x00, 0x8d, 0xb1, 0x04, 0x00, 0x82, 0xa4, 0x00,
-	0x00, 0x04, 0x08, 0x00, 0x00, 0x08, 0x04, 0x00,
-	/* ch = '+' */
-	0x00, 0x00, 0x00, 0x45, 0x95, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x50, 0xb7, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x50, 0xb7, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x7c,
-	0x00, 0x00, 0x00, 0x50, 0xb7, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x50, 0xb7, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x50, 0xb7, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x0c, 0x12, 0x00, 0x00, 0x00,
-	/* ch = ',' */
-	0x0d, 0x9e, 0x5b, 0x00,
-	0x22, 0xf7, 0xff, 0x1c,
-	0x00, 0x54, 0xf7, 0x0d,
-	0x04, 0xb1, 0x50, 0x00,
-	0x2d, 0x73, 0x00, 0x00,
-	/* ch = '-' */
-	0x1c, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x32,
-	0x04, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x08,
-	/* ch = '.' */
-	0x0d, 0x9e, 0x66,
-	0x22, 0xff, 0xe5,
-	0x00, 0x0f, 0x0c,
-	/* ch = '/' */
-	0x00, 0x12, 0x00,
-	0x2c, 0xff, 0x2d,
-	0xa0, 0xb7, 0x00,
-	0xff, 0x39, 0x00,
-	0xc8, 0x04, 0x00,
-	0x44, 0x00, 0x00,
-	0x04, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	/* ch = '0' */
-	0x00, 0x00, 0x19, 0x67, 0x74, 0x22, 0x00, 0x00,
-	0x00, 0x1f, 0xf7, 0x85, 0x5a, 0xff, 0x32, 0x00,
-	0x00, 0xa0, 0x90, 0x00, 0x00, 0x64, 0xe5, 0x04,
-	0x1c, 0xff, 0x2a, 0x00, 0x10, 0xdb, 0xff, 0x32,
-	0x35, 0xff, 0x04, 0x00, 0xa0, 0xb1, 0xcf, 0x50,
-	0x50, 0xff, 0x00, 0x50, 0xe5, 0x10, 0xb7, 0x7c,
-	0x4d, 0xff, 0x32, 0xff, 0x32, 0x00, 0xb7, 0x77,
-	0x2f, 0xff, 0xff, 0x50, 0x00, 0x00, 0xe5, 0x4d,
-	0x0d, 0xf7, 0x97, 0x00, 0x00, 0x22, 0xff, 0x24,
-	0x00, 0x5f, 0xf7, 0x21, 0x08, 0xb1, 0xa0, 0x00,
-	0x00, 0x04, 0x84, 0xff, 0xff, 0xbb, 0x10, 0x00,
-	0x00, 0x00, 0x00, 0x0f, 0x12, 0x00, 0x00, 0x00,
-	/* ch = '1' */
-	0x00, 0x00, 0x37, 0x74, 0x14,
-	0x28, 0xcb, 0xff, 0xff, 0x1c,
-	0x39, 0x25, 0x54, 0xff, 0x1c,
-	0x00, 0x00, 0x50, 0xff, 0x1c,
-	0x00, 0x00, 0x50, 0xff, 0x1c,
-	0x00, 0x00, 0x50, 0xff, 0x1c,
-	0x00, 0x00, 0x50, 0xff, 0x1c,
-	0x00, 0x00, 0x50, 0xff, 0x1c,
-	0x00, 0x00, 0x50, 0xff, 0x1c,
-	0x00, 0x00, 0x50, 0xff, 0x1c,
-	0x00, 0x00, 0x50, 0xff, 0x1c,
-	/* ch = '2' */
-	0x00, 0x00, 0x22, 0x74, 0x74, 0x37, 0x04, 0x00,
-	0x00, 0x5b, 0xf7, 0x50, 0x5a, 0xf7, 0x7c, 0x00,
-	0x00, 0x48, 0x2f, 0x00, 0x00, 0x3b, 0xff, 0x24,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x48, 0xff, 0x14,
-	0x00, 0x00, 0x00, 0x00, 0x1f, 0xf7, 0x50, 0x00,
-	0x00, 0x00, 0x00, 0x26, 0xf7, 0x77, 0x00, 0x00,
-	0x00, 0x00, 0x1f, 0xf7, 0x6b, 0x00, 0x00, 0x00,
-	0x00, 0x10, 0xdb, 0x7c, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x7c, 0xdb, 0x04, 0x00, 0x00, 0x04, 0x0c,
-	0x1a, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x50,
-	/* ch = '3' */
-	0x00, 0x00, 0x31, 0x74, 0x74, 0x22, 0x00,
-	0x00, 0x6d, 0xe5, 0x50, 0x7f, 0xff, 0x40,
-	0x00, 0x08, 0x08, 0x00, 0x00, 0x70, 0xe5,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x5f, 0xe5,
-	0x00, 0x00, 0x00, 0x04, 0x2b, 0xf7, 0x4d,
-	0x00, 0x00, 0x32, 0xff, 0xff, 0x9e, 0x08,
-	0x00, 0x00, 0x00, 0x00, 0x16, 0xc4, 0xa0,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x35, 0xff,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x35, 0xff,
-	0x04, 0xb1, 0x43, 0x00, 0x13, 0xb7, 0xc8,
-	0x00, 0x50, 0xf7, 0xff, 0xff, 0xcb, 0x19,
-	0x00, 0x00, 0x04, 0x15, 0x0f, 0x00, 0x00,
-	/* ch = '4' */
-	0x00, 0x00, 0x00, 0x00, 0x10, 0x74, 0x22, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x90, 0xff, 0x32, 0x00,
-	0x00, 0x00, 0x00, 0x3b, 0xf7, 0xff, 0x32, 0x00,
-	0x00, 0x00, 0x10, 0xf7, 0x4d, 0xff, 0x32, 0x00,
-	0x00, 0x00, 0x90, 0x77, 0x1c, 0xff, 0x32, 0x00,
-	0x00, 0x3b, 0xdb, 0x10, 0x1c, 0xff, 0x32, 0x00,
-	0x10, 0xf7, 0x32, 0x00, 0x1c, 0xff, 0x32, 0x00,
-	0x50, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00,
-	/* ch = '5' */
-	0x00, 0x30, 0x74, 0x74, 0x74, 0x74, 0x74, 0x14,
-	0x00, 0x77, 0xcf, 0x36, 0x36, 0x36, 0x36, 0x0d,
-	0x00, 0x7c, 0x90, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x90, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0xb7, 0xc8, 0xcf, 0xcf, 0x8d, 0x13, 0x00,
-	0x00, 0xb1, 0xa9, 0x20, 0x20, 0xc4, 0xdb, 0x0d,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x22, 0xff, 0x3b,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50,
-	0x00, 0x08, 0x04, 0x00, 0x00, 0x14, 0xff, 0x4d,
-	0x11, 0xdb, 0x5f, 0x04, 0x04, 0x7c, 0xf7, 0x17,
-	0x00, 0x2f, 0xe5, 0xf7, 0xef, 0xef, 0x2c, 0x00,
-	0x00, 0x00, 0x00, 0x12, 0x15, 0x00, 0x00, 0x00,
-	/* ch = '6' */
-	0x00, 0x00, 0x08, 0x50, 0xab, 0x74, 0x22, 0x00,
-	0x00, 0x0d, 0xd4, 0xc4, 0x3e, 0x77, 0xdb, 0x09,
-	0x00, 0x5a, 0xe5, 0x10, 0x00, 0x00, 0x0c, 0x00,
-	0x00, 0xcf, 0x5f, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x14, 0xff, 0x52, 0x9e, 0xcf, 0x7f, 0x10, 0x00,
-	0x1c, 0xff, 0xff, 0x50, 0x20, 0xc4, 0xb7, 0x04,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x24, 0xff, 0x2f,
-	0x1a, 0xff, 0x3b, 0x00, 0x00, 0x00, 0xff, 0x50,
-	0x00, 0xe5, 0x70, 0x00, 0x00, 0x14, 0xff, 0x35,
-	0x00, 0x5a, 0xf7, 0x21, 0x00, 0x6f, 0xf7, 0x0d,
-	0x00, 0x04, 0x7e, 0xff, 0xff, 0xef, 0x2c, 0x00,
-	0x00, 0x00, 0x00, 0x0c, 0x15, 0x00, 0x00, 0x00,
-	/* ch = '7' */
-	0x74, 0x74, 0x74, 0x74, 0x74, 0x74, 0x22,
-	0x74, 0x74, 0x74, 0x74, 0xb9, 0xff, 0x17,
-	0x00, 0x00, 0x00, 0x00, 0xc8, 0x8a, 0x00,
-	0x00, 0x00, 0x00, 0x2c, 0xff, 0x2c, 0x00,
-	0x00, 0x00, 0x00, 0x7c, 0xe5, 0x00, 0x00,
-	0x00, 0x00, 0x0d, 0xf7, 0x5a, 0x00, 0x00,
-	0x00, 0x00, 0x48, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0xa7, 0xa7, 0x00, 0x00, 0x00,
-	0x00, 0x1c, 0xff, 0x48, 0x00, 0x00, 0x00,
-	0x00, 0x50, 0xff, 0x17, 0x00, 0x00, 0x00,
-	0x00, 0xc8, 0xa7, 0x00, 0x00, 0x00, 0x00,
-	/* ch = '8' */
-	0x00, 0x00, 0x28, 0x82, 0xab, 0x50, 0x04, 0x00,
-	0x00, 0x32, 0xff, 0x5a, 0x31, 0xdb, 0xa0, 0x00,
-	0x00, 0xa0, 0x90, 0x00, 0x00, 0x3b, 0xff, 0x1a,
-	0x00, 0x90, 0xc8, 0x04, 0x00, 0x50, 0xf7, 0x0d,
-	0x00, 0x1f, 0xf7, 0x99, 0x31, 0xf7, 0x50, 0x00,
-	0x00, 0x00, 0x57, 0xff, 0xff, 0x9e, 0x08, 0x00,
-	0x00, 0x77, 0xdb, 0x1b, 0x1b, 0xdb, 0xb1, 0x04,
-	0x1c, 0xff, 0x3b, 0x00, 0x00, 0x24, 0xff, 0x39,
-	0x2f, 0xff, 0x32, 0x00, 0x00, 0x0d, 0xff, 0x50,
-	0x0d, 0xe5, 0xb1, 0x08, 0x04, 0x64, 0xff, 0x1c,
-	0x00, 0x26, 0xd4, 0xff, 0xff, 0xef, 0x35, 0x00,
-	0x00, 0x00, 0x00, 0x12, 0x15, 0x00, 0x00, 0x00,
-	/* ch = '9' */
-	0x00, 0x00, 0x28, 0x74, 0x74, 0x2e, 0x00, 0x00,
-	0x00, 0x40, 0xff, 0x5a, 0x5a, 0xff, 0x4d, 0x00,
-	0x00, 0xe5, 0x64, 0x00, 0x00, 0x5f, 0xf7, 0x0d,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x1f, 0xff, 0x2a,
-	0x14, 0xff, 0x3b, 0x00, 0x00, 0x1c, 0xff, 0x35,
-	0x00, 0xa0, 0xb7, 0x08, 0x08, 0x8a, 0xff, 0x50,
-	0x00, 0x10, 0xcb, 0xff, 0xff, 0xbb, 0xff, 0x35,
-	0x00, 0x00, 0x00, 0x12, 0x0c, 0x24, 0xff, 0x2f,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x48, 0xf7, 0x0d,
-	0x00, 0x32, 0x3b, 0x00, 0x24, 0xe5, 0x5f, 0x00,
-	0x00, 0x66, 0xff, 0xff, 0xff, 0x73, 0x04, 0x00,
-	0x00, 0x00, 0x08, 0x15, 0x08, 0x00, 0x00, 0x00,
-	/* ch = ':' */
-	0x00, 0x0f, 0x0c,
-	0x22, 0xff, 0xe5,
-	0x0d, 0xab, 0x66,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x0d, 0x9e, 0x66,
-	0x22, 0xff, 0xe5,
-	0x00, 0x0f, 0x0c,
-	/* ch = ';' */
-	0x00, 0x0f, 0x0c, 0x00,
-	0x22, 0xff, 0xe5, 0x00,
-	0x0d, 0xab, 0x66, 0x00,
-	0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00,
-	0x0d, 0x9e, 0x5b, 0x00,
-	0x22, 0xf7, 0xff, 0x1c,
-	0x00, 0x54, 0xf7, 0x0d,
-	0x04, 0xb1, 0x50, 0x00,
-	0x2d, 0x73, 0x00, 0x00,
-	/* ch = '<' */
-	0x00, 0x00, 0x00, 0x00, 0x13,
-	0x00, 0x00, 0x13, 0x73, 0xff,
-	0x08, 0x66, 0xf7, 0xa4, 0x1b,
-	0xf7, 0xb3, 0x1e, 0x00, 0x00,
-	0x2f, 0x00, 0x00, 0x00, 0x00,
-	0xf7, 0x50, 0x08, 0x00, 0x00,
-	0x28, 0xd4, 0xef, 0x37, 0x00,
-	0x00, 0x04, 0x37, 0xef, 0xbb,
-	0x00, 0x00, 0x00, 0x08, 0x73,
-	0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = '=' */
-	0x1e, 0x36, 0x36, 0x36, 0x36, 0x36, 0x36, 0x26,
-	0x30, 0x74, 0x74, 0x74, 0x74, 0x74, 0x74, 0x42,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x7c,
-	0x0c, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x0f,
-	/* ch = '>' */
-	0x1b, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x94, 0x1b, 0x00, 0x00,
-	0x13, 0x7f, 0xff, 0x7f, 0x13,
-	0x00, 0x00, 0x16, 0x8d, 0xff,
-	0x00, 0x00, 0x00, 0x00, 0x1a,
-	0x00, 0x00, 0x00, 0x37, 0xef,
-	0x00, 0x28, 0xd4, 0xef, 0x37,
-	0xa4, 0xf7, 0x5a, 0x08, 0x00,
-	0x94, 0x13, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = '?' */
-	0x00, 0x00, 0x04, 0x1a, 0x25, 0x0c, 0x00, 0x00,
-	0x00, 0x35, 0xef, 0xef, 0xe5, 0xff, 0x4d, 0x00,
-	0x11, 0xf7, 0x6b, 0x04, 0x04, 0x82, 0xff, 0x17,
-	0x00, 0x0c, 0x00, 0x00, 0x00, 0x32, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x5a, 0xff, 0x2a,
-	0x00, 0x00, 0x00, 0x00, 0x26, 0xf7, 0x7c, 0x00,
-	0x00, 0x00, 0x00, 0x17, 0xf7, 0x7c, 0x04, 0x00,
-	0x00, 0x00, 0x00, 0x44, 0xff, 0x04, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x45, 0xcf, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x3d, 0xab, 0x10, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xb1, 0xff, 0x36, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x08, 0x12, 0x00, 0x00, 0x00,
-	/* ch = '@' */
-	0x00, 0x00, 0x1e, 0x82, 0xcf, 0x73, 0x19, 0x00,
-	0x00, 0x40, 0xf7, 0x3f, 0x15, 0x6a, 0xf7, 0x1c,
-	0x17, 0xf7, 0x32, 0x00, 0x00, 0x00, 0x90, 0x7c,
-	0x50, 0xb7, 0x00, 0x00, 0x2a, 0x67, 0xb1, 0xb7,
-	0x82, 0x6b, 0x04, 0xb1, 0xc4, 0x3e, 0x82, 0xb7,
-	0xb7, 0x50, 0x2f, 0xff, 0x17, 0x00, 0x50, 0xb7,
-	0xa0, 0x5f, 0x2a, 0xff, 0x24, 0x00, 0x90, 0xb7,
-	0x5f, 0xa7, 0x00, 0x77, 0xf7, 0xdd, 0xef, 0xb7,
-	0x2a, 0xff, 0x24, 0x00, 0x0f, 0x0f, 0x00, 0x00,
-	0x00, 0x7c, 0xdb, 0x21, 0x00, 0x00, 0x22, 0x00,
-	0x00, 0x04, 0x66, 0xf7, 0xdd, 0xdd, 0xe5, 0x20,
-	0x00, 0x00, 0x00, 0x04, 0x15, 0x12, 0x00, 0x00,
-	/* ch = 'A' */
-	0x00, 0x00, 0x00, 0x3e, 0x22, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xa7, 0x70, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x17, 0xff, 0xe5, 0x04, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x48, 0xc8, 0xff, 0x39, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x5a, 0x8a, 0x90, 0x00, 0x00, 0x00,
-	0x00, 0x1c, 0xff, 0x22, 0x32, 0xff, 0x17, 0x00, 0x00,
-	0x00, 0x5a, 0xb7, 0x00, 0x04, 0xe5, 0x5a, 0x00, 0x00,
-	0x00, 0xc8, 0xff, 0xff, 0xff, 0xff, 0xc8, 0x00, 0x00,
-	0x22, 0xff, 0x2a, 0x00, 0x00, 0x2c, 0xff, 0x2c, 0x00,
-	0x5f, 0xe5, 0x00, 0x00, 0x00, 0x00, 0xe5, 0x70, 0x00,
-	0xcf, 0x6b, 0x00, 0x00, 0x00, 0x00, 0x5a, 0xf7, 0x0d,
-	0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'B' */
-	0x30, 0x74, 0x74, 0x74, 0x74, 0x37, 0x04, 0x00,
-	0x50, 0xff, 0x36, 0x36, 0x66, 0xf7, 0xb1, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x35, 0xff, 0x2a,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x26, 0xff, 0x2a,
-	0x50, 0xff, 0x15, 0x15, 0x25, 0xd4, 0xb1, 0x04,
-	0x50, 0xff, 0xcf, 0xcf, 0xe5, 0xec, 0x2b, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x43, 0xff, 0x2a,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0xcf, 0x7c,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0xcf, 0x82,
-	0x50, 0xff, 0x00, 0x00, 0x0c, 0x5f, 0xff, 0x2f,
-	0x50, 0xff, 0xff, 0xff, 0xff, 0xd4, 0x35, 0x00,
-	/* ch = 'C' */
-	0x00, 0x00, 0x13, 0x5b, 0x74, 0x67, 0x1b, 0x00,
-	0x00, 0x2c, 0xf7, 0x94, 0x36, 0x77, 0xf7, 0x32,
-	0x04, 0xdb, 0x82, 0x00, 0x00, 0x00, 0x82, 0x7b,
-	0x39, 0xff, 0x22, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x54, 0xe5, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x77, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x44, 0xff, 0x0d, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x22, 0xff, 0x48, 0x00, 0x00, 0x00, 0x0c, 0x00,
-	0x00, 0x77, 0xf7, 0x28, 0x00, 0x13, 0xc8, 0x7b,
-	0x00, 0x04, 0x73, 0xff, 0xe5, 0xff, 0x8d, 0x08,
-	0x00, 0x00, 0x00, 0x08, 0x15, 0x08, 0x00, 0x00,
-	/* ch = 'D' */
-	0x30, 0x74, 0x74, 0x74, 0x5b, 0x1b, 0x00, 0x00,
-	0x50, 0xff, 0x36, 0x36, 0xa4, 0xff, 0x4d, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x64, 0xff, 0x1c,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x0d, 0xff, 0x5a,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x90,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x82, 0xb7,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x90, 0xb1,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0xcf, 0x6b,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x2c, 0xff, 0x2c,
-	0x50, 0xff, 0x00, 0x00, 0x28, 0xdb, 0x7c, 0x00,
-	0x50, 0xff, 0xff, 0xff, 0xe5, 0x66, 0x04, 0x00,
-	/* ch = 'E' */
-	0x22, 0x74, 0x74, 0x74, 0x74, 0x74, 0x74, 0x30,
-	0x32, 0xff, 0x4a, 0x36, 0x36, 0x36, 0x36, 0x1e,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0xff, 0xff, 0xff, 0xff, 0x50, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x50,
-	/* ch = 'F' */
-	0x74, 0x74, 0x74, 0x74, 0x74, 0x74, 0x30,
-	0xff, 0x82, 0x36, 0x36, 0x36, 0x36, 0x1e,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x5e, 0x15, 0x15, 0x15, 0x0c, 0x00,
-	0xff, 0xe5, 0xcf, 0xcf, 0xcf, 0x45, 0x00,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'G' */
-	0x00, 0x00, 0x1b, 0x67, 0x74, 0x67, 0x1b, 0x00,
-	0x00, 0x32, 0xf7, 0x94, 0x36, 0x85, 0xff, 0x32,
-	0x0d, 0xf7, 0x5f, 0x00, 0x00, 0x00, 0x82, 0x35,
-	0x44, 0xff, 0x0d, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x77, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0xb7, 0x00, 0x00, 0x50, 0xff, 0xff, 0xb7,
-	0x5f, 0xf7, 0x04, 0x00, 0x00, 0x00, 0x7c, 0xb7,
-	0x2a, 0xff, 0x32, 0x00, 0x00, 0x00, 0x7c, 0xb7,
-	0x00, 0x90, 0xdb, 0x24, 0x00, 0x0c, 0xa5, 0xb7,
-	0x00, 0x04, 0x7f, 0xff, 0xff, 0xff, 0xb3, 0x28,
-	0x00, 0x00, 0x00, 0x08, 0x15, 0x08, 0x00, 0x00,
-	/* ch = 'H' */
-	0x22, 0x74, 0x1a, 0x00, 0x00, 0x00, 0x74, 0x37,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xff, 0x50,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xff, 0x50,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xff, 0x50,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xff, 0x50,
-	0x32, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x50,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xff, 0x50,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xff, 0x50,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xff, 0x50,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xff, 0x50,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xff, 0x50,
-	/* ch = 'I' */
-	0x58, 0x74, 0x74, 0x74, 0x74, 0x42,
-	0x2d, 0x36, 0xcf, 0xa5, 0x36, 0x26,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
-	0xff, 0xff, 0xff, 0xff, 0xff, 0xb7,
-	/* ch = 'J' */
-	0x22, 0x74, 0x74, 0x74, 0x74, 0x58,
-	0x16, 0x36, 0x62, 0xff, 0x4a, 0x2d,
-	0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
-	0x00, 0x00, 0x44, 0xff, 0x14, 0x00,
-	0x13, 0x04, 0xb1, 0xb7, 0x00, 0x00,
-	0xff, 0xf7, 0xd4, 0x1f, 0x00, 0x00,
-	0x12, 0x15, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'K' */
-	0x42, 0x74, 0x0a, 0x00, 0x00, 0x19, 0x74, 0x35,
-	0x7c, 0xff, 0x00, 0x00, 0x10, 0xdb, 0xb1, 0x04,
-	0x7c, 0xff, 0x00, 0x04, 0xb1, 0xb1, 0x08, 0x00,
-	0x7c, 0xff, 0x04, 0x99, 0xdb, 0x10, 0x00, 0x00,
-	0x7c, 0xff, 0x7c, 0xf7, 0x1f, 0x00, 0x00, 0x00,
-	0x7c, 0xff, 0xff, 0xf7, 0x17, 0x00, 0x00, 0x00,
-	0x7c, 0xff, 0x26, 0xdb, 0xb1, 0x04, 0x00, 0x00,
-	0x7c, 0xff, 0x00, 0x2f, 0xff, 0x50, 0x00, 0x00,
-	0x7c, 0xff, 0x00, 0x00, 0x6b, 0xff, 0x1f, 0x00,
-	0x7c, 0xff, 0x00, 0x00, 0x04, 0xc8, 0xdb, 0x04,
-	0x7c, 0xff, 0x00, 0x00, 0x00, 0x24, 0xff, 0x7c,
-	/* ch = 'L' */
-	0x14, 0x74, 0x2d, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x50,
-	/* ch = 'M' */
-	0x42, 0x4e, 0x00, 0x00, 0x00, 0x00, 0x32, 0x58,
-	0x7c, 0xff, 0x1c, 0x00, 0x00, 0x04, 0xe5, 0xb7,
-	0x7c, 0xff, 0x8a, 0x00, 0x00, 0x50, 0xff, 0xb7,
-	0x7c, 0xff, 0xff, 0x22, 0x0d, 0xe5, 0xf7, 0xb7,
-	0x7c, 0xb7, 0xa7, 0x8a, 0x5a, 0xc8, 0x82, 0xb7,
-	0x7c, 0xb7, 0x2c, 0xff, 0xf7, 0x32, 0x7c, 0xb7,
-	0x7c, 0xb7, 0x00, 0xa0, 0xb7, 0x00, 0x7c, 0xb7,
-	0x7c, 0xb7, 0x00, 0x0c, 0x0c, 0x00, 0x7c, 0xb7,
-	0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7,
-	0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7,
-	0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7,
-	/* ch = 'N' */
-	0x30, 0x74, 0x10, 0x00, 0x00, 0x00, 0x58, 0x42,
-	0x50, 0xff, 0x6b, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x50, 0xff, 0xff, 0x1f, 0x00, 0x00, 0xb7, 0x7c,
-	0x50, 0xff, 0xc8, 0xa0, 0x00, 0x00, 0xb7, 0x7c,
-	0x50, 0xff, 0x32, 0xff, 0x32, 0x00, 0xb7, 0x7c,
-	0x50, 0xff, 0x00, 0xa0, 0xc8, 0x04, 0xb7, 0x7c,
-	0x50, 0xff, 0x00, 0x24, 0xff, 0x44, 0xb7, 0x7c,
-	0x50, 0xff, 0x00, 0x00, 0x6b, 0xe5, 0xcf, 0x7c,
-	0x50, 0xff, 0x00, 0x00, 0x10, 0xf7, 0xff, 0x7c,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x50, 0xff, 0x7c,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x04, 0xdb, 0x7c,
-	/* ch = 'O' */
-	0x00, 0x00, 0x2b, 0x82, 0x9e, 0x48, 0x04, 0x00,
-	0x00, 0x50, 0xff, 0x66, 0x50, 0xf7, 0xb1, 0x04,
-	0x22, 0xff, 0x3b, 0x00, 0x00, 0x24, 0xff, 0x48,
-	0x5f, 0xe5, 0x04, 0x00, 0x00, 0x00, 0xa0, 0xa0,
-	0xa0, 0x90, 0x00, 0x00, 0x00, 0x00, 0x5f, 0xf7,
-	0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff,
-	0xb7, 0x82, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff,
-	0x77, 0xcf, 0x00, 0x00, 0x00, 0x00, 0x77, 0xbd,
-	0x39, 0xff, 0x24, 0x00, 0x00, 0x04, 0xe5, 0x6b,
-	0x04, 0xb7, 0xdb, 0x1b, 0x08, 0x8a, 0xf7, 0x1c,
-	0x00, 0x10, 0xbb, 0xff, 0xff, 0xe5, 0x26, 0x00,
-	0x00, 0x00, 0x00, 0x0f, 0x12, 0x00, 0x00, 0x00,
-	/* ch = 'P' */
-	0x22, 0x74, 0x74, 0x74, 0x74, 0x50, 0x08, 0x00,
-	0x32, 0xff, 0x87, 0x74, 0x74, 0xef, 0xef, 0x10,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x10, 0xf7, 0x6b,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x1f, 0xff, 0x5a,
-	0x32, 0xff, 0xd4, 0xcf, 0xcf, 0xf7, 0xa9, 0x04,
-	0x32, 0xff, 0x4a, 0x36, 0x2a, 0x15, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'Q' */
-	0x00, 0x00, 0x2b, 0x82, 0x9e, 0x48, 0x04, 0x00,
-	0x00, 0x50, 0xf7, 0x66, 0x47, 0xef, 0xb1, 0x04,
-	0x22, 0xff, 0x3b, 0x00, 0x00, 0x1f, 0xff, 0x48,
-	0x5f, 0xe5, 0x00, 0x00, 0x00, 0x00, 0xa0, 0xa0,
-	0xa0, 0x90, 0x00, 0x00, 0x00, 0x00, 0x54, 0xf7,
-	0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff,
-	0xb7, 0x82, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff,
-	0x77, 0xcf, 0x00, 0x00, 0x00, 0x00, 0x77, 0xbd,
-	0x39, 0xff, 0x24, 0x00, 0x00, 0x04, 0xe5, 0x6b,
-	0x04, 0xc8, 0xd4, 0x16, 0x04, 0x70, 0xf7, 0x1c,
-	0x00, 0x10, 0xb3, 0xff, 0xff, 0xe5, 0x2c, 0x00,
-	0x00, 0x00, 0x00, 0x54, 0xec, 0x04, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x1c, 0xf7, 0xa4, 0x74, 0x30,
-	0x00, 0x00, 0x00, 0x00, 0x16, 0x36, 0x36, 0x1e,
-	/* ch = 'R' */
-	0x22, 0x74, 0x74, 0x74, 0x74, 0x47, 0x08, 0x00,
-	0x32, 0xff, 0x87, 0x74, 0x74, 0xef, 0xd4, 0x0d,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x24, 0xff, 0x44,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xff, 0x66,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x32, 0xff, 0x39,
-	0x32, 0xff, 0xd4, 0xcf, 0xcf, 0xff, 0x7c, 0x00,
-	0x32, 0xff, 0x4a, 0x36, 0xf7, 0x6d, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x5a, 0xf7, 0x10, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x0d, 0xf7, 0x6b, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x5a, 0xf7, 0x17,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x0d, 0xf7, 0x70,
-	/* ch = 'S' */
-	0x00, 0x00, 0x22, 0x74, 0x74, 0x50, 0x13, 0x00,
-	0x00, 0x50, 0xf7, 0x5a, 0x36, 0xab, 0xf7, 0x1a,
-	0x04, 0xf7, 0x54, 0x00, 0x00, 0x00, 0x51, 0x00,
-	0x04, 0xff, 0x70, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x6b, 0xff, 0x73, 0x0c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x37, 0xe5, 0xff, 0x7f, 0x13, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x2b, 0xc4, 0xf7, 0x1f,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x04, 0xe5, 0x77,
-	0x00, 0x21, 0x00, 0x00, 0x00, 0x00, 0xbd, 0x7c,
-	0x2d, 0xf7, 0x37, 0x04, 0x00, 0x3f, 0xff, 0x39,
-	0x04, 0x5b, 0xef, 0xff, 0xff, 0xf7, 0x50, 0x00,
-	0x00, 0x00, 0x00, 0x15, 0x15, 0x04, 0x00, 0x00,
-	/* ch = 'T' */
-	0x58, 0x74, 0x74, 0x74, 0x74, 0x74, 0x74, 0x58,
-	0x2d, 0x36, 0x36, 0xcf, 0xa5, 0x36, 0x36, 0x2d,
-	0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00,
-	/* ch = 'U' */
-	0x30, 0x74, 0x11, 0x00, 0x00, 0x00, 0x42, 0x42,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x7c,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x7c,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x7c,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x7c,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x7c,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x7c,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0xa0, 0x7c,
-	0x3b, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xcf, 0x77,
-	0x17, 0xf7, 0x8a, 0x04, 0x00, 0x4a, 0xff, 0x2a,
-	0x00, 0x26, 0xe5, 0xef, 0xe5, 0xef, 0x3b, 0x00,
-	0x00, 0x00, 0x00, 0x12, 0x15, 0x04, 0x00, 0x00,
-	/* ch = 'V' */
-	0x53, 0x4e, 0x00, 0x00, 0x00, 0x00, 0x2a, 0x74, 0x0a,
-	0x5a, 0xf7, 0x0d, 0x00, 0x00, 0x00, 0x90, 0xa0, 0x00,
-	0x22, 0xff, 0x39, 0x00, 0x00, 0x0d, 0xf7, 0x44, 0x00,
-	0x00, 0xc8, 0x8a, 0x00, 0x00, 0x39, 0xff, 0x14, 0x00,
-	0x00, 0x5a, 0xf7, 0x0d, 0x00, 0x7c, 0xa0, 0x00, 0x00,
-	0x00, 0x1c, 0xff, 0x39, 0x04, 0xf7, 0x44, 0x00, 0x00,
-	0x00, 0x00, 0xb7, 0x8a, 0x2c, 0xff, 0x14, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xf7, 0x7c, 0xa0, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0xff, 0x44, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xb7, 0xff, 0x14, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x50, 0xa0, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'W' */
-	0x74, 0x2a, 0x00, 0x00, 0x00, 0x00, 0x04, 0x74, 0x1a,
-	0xbd, 0x5f, 0x00, 0x1c, 0x6c, 0x00, 0x1c, 0xff, 0x1a,
-	0x82, 0x90, 0x00, 0x44, 0xe5, 0x00, 0x32, 0xf7, 0x00,
-	0x54, 0xcf, 0x00, 0x90, 0xff, 0x24, 0x4d, 0xb1, 0x00,
-	0x3b, 0xff, 0x08, 0xf7, 0xff, 0x50, 0x6b, 0x7c, 0x00,
-	0x24, 0xff, 0x3f, 0xe5, 0x6b, 0xa0, 0x90, 0x50, 0x00,
-	0x0d, 0xff, 0xb7, 0x7c, 0x3b, 0xff, 0xcf, 0x32, 0x00,
-	0x00, 0xcf, 0xff, 0x44, 0x14, 0xff, 0xff, 0x1c, 0x00,
-	0x00, 0x90, 0xff, 0x1c, 0x00, 0xbd, 0xff, 0x00, 0x00,
-	0x00, 0x6b, 0xcf, 0x00, 0x00, 0x6b, 0xbd, 0x00, 0x00,
-	0x00, 0x44, 0x6b, 0x00, 0x00, 0x32, 0x82, 0x00, 0x00,
-	/* ch = 'X' */
-	0x42, 0x74, 0x17, 0x00, 0x00, 0x04, 0x74, 0x35,
-	0x0d, 0xe5, 0x70, 0x00, 0x00, 0x50, 0xf7, 0x10,
-	0x00, 0x44, 0xff, 0x1c, 0x10, 0xf7, 0x5a, 0x00,
-	0x00, 0x04, 0xc8, 0x90, 0x5f, 0xf7, 0x0d, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0xf7, 0x50, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xbd, 0xff, 0x10, 0x00, 0x00,
-	0x00, 0x00, 0x24, 0xff, 0xff, 0x44, 0x00, 0x00,
-	0x00, 0x00, 0xa0, 0xc8, 0x82, 0xe5, 0x0d, 0x00,
-	0x00, 0x2c, 0xff, 0x32, 0x17, 0xf7, 0x5f, 0x00,
-	0x00, 0xb7, 0xa7, 0x00, 0x00, 0x5f, 0xf7, 0x17,
-	0x3b, 0xff, 0x2a, 0x00, 0x00, 0x0d, 0xe5, 0x82,
-	/* ch = 'Y' */
-	0x4a, 0x67, 0x04, 0x00, 0x00, 0x00, 0x45, 0x64,
-	0x2c, 0xff, 0x3b, 0x00, 0x00, 0x0d, 0xf7, 0x5a,
-	0x00, 0xa0, 0xc8, 0x04, 0x00, 0x5a, 0xf7, 0x0d,
-	0x00, 0x2a, 0xff, 0x3b, 0x04, 0xe5, 0x6b, 0x00,
-	0x00, 0x00, 0xa0, 0xc8, 0x48, 0xff, 0x17, 0x00,
-	0x00, 0x00, 0x2a, 0xff, 0xf7, 0x70, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xa7, 0xff, 0x22, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00,
-	/* ch = 'Z' */
-	0x22, 0x74, 0x74, 0x74, 0x74, 0x74, 0x74, 0x42,
-	0x16, 0x36, 0x36, 0x36, 0x36, 0x57, 0xff, 0x44,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xa0, 0xb7, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x3b, 0xff, 0x24, 0x00,
-	0x00, 0x00, 0x00, 0x0d, 0xe5, 0x6b, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x6b, 0xe5, 0x10, 0x00, 0x00,
-	0x00, 0x00, 0x24, 0xff, 0x44, 0x00, 0x00, 0x00,
-	0x00, 0x04, 0xb7, 0xb7, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x44, 0xff, 0x24, 0x00, 0x00, 0x00, 0x00,
-	0x10, 0xf7, 0x6b, 0x00, 0x00, 0x00, 0x00, 0x0c,
-	0x50, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xb7,
-	/* ch = '[' */
-	0x0d, 0x36, 0x36, 0x36, 0x36, 0x36, 0x0d,
-	0x1c, 0xff, 0x9c, 0x74, 0x74, 0x74, 0x14,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x62, 0x36, 0x36, 0x36, 0x0d,
-	0x14, 0x74, 0x74, 0x74, 0x74, 0x74, 0x14,
-	/* ch = '\' */
-	0x00, 0x0f, 0x04,
-	0x11, 0xff, 0x48,
-	0x00, 0x70, 0xdb,
-	0x00, 0x22, 0xff,
-	0x00, 0x00, 0x8a,
-	0x00, 0x00, 0x2a,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	/* ch = ']' */
-	0x2d, 0x36, 0x36, 0x36, 0x36, 0x16,
-	0x58, 0x74, 0x74, 0x87, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x36, 0x36, 0x36, 0x4a, 0xff, 0x32,
-	0x74, 0x74, 0x74, 0x74, 0x74, 0x22,
-	/* ch = '^' */
-	0x00, 0x00, 0x1f, 0x45, 0x00, 0x00,
-	0x00, 0x00, 0xb1, 0xf7, 0x17, 0x00,
-	0x00, 0x3b, 0xf7, 0xdb, 0x7c, 0x00,
-	0x0d, 0xe5, 0x4d, 0x32, 0xff, 0x1c,
-	0x60, 0xb7, 0x04, 0x00, 0xa0, 0x7e,
-	0x00, 0x0c, 0x00, 0x00, 0x0c, 0x04,
-	/* ch = '_' */
-	0x42, 0x74, 0x74, 0x74, 0x74, 0x74, 0x74, 0x74,
-	0x26, 0x36, 0x36, 0x36, 0x36, 0x36, 0x36, 0x36,
-	/* ch = '`' */
-	0x1b, 0x16, 0x00, 0x00,
-	0xa7, 0x70, 0x00, 0x00,
-	0x44, 0xf7, 0x1f, 0x00,
-	0x0d, 0xe5, 0xef, 0x14,
-	0x00, 0x26, 0x74, 0x0d,
-	/* ch = 'a' */
-	0x00, 0x13, 0x8d, 0xe5, 0xef, 0xab, 0x21, 0x00,
-	0x00, 0x54, 0x84, 0x18, 0x0f, 0x7c, 0xf7, 0x0d,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x00, 0x00, 0x25, 0x47, 0x74, 0x87, 0xff, 0x32,
-	0x04, 0xa9, 0xdb, 0x47, 0x36, 0x36, 0xff, 0x32,
-	0x44, 0xff, 0x1c, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x44, 0xff, 0x28, 0x00, 0x08, 0xa0, 0xff, 0x32,
-	0x04, 0x94, 0xff, 0xcf, 0xf7, 0x94, 0xff, 0x32,
-	0x00, 0x00, 0x0f, 0x15, 0x08, 0x00, 0x00, 0x00,
-	/* ch = 'b' */
-	0x16, 0x36, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x64, 0xbd, 0xff, 0xc4, 0x26, 0x00,
-	0x32, 0xff, 0xdb, 0x20, 0x1a, 0xb1, 0xf7, 0x17,
-	0x32, 0xff, 0x3b, 0x00, 0x00, 0x17, 0xff, 0x5f,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0xbd, 0x90,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0xb7, 0x90,
-	0x32, 0xff, 0x35, 0x00, 0x00, 0x04, 0xf7, 0x5f,
-	0x32, 0xff, 0xb1, 0x08, 0x04, 0x7c, 0xff, 0x1c,
-	0x32, 0xf7, 0x73, 0xff, 0xff, 0xf7, 0x3b, 0x00,
-	0x00, 0x00, 0x00, 0x0c, 0x15, 0x04, 0x00, 0x00,
-	/* ch = 'c' */
-	0x00, 0x00, 0x35, 0xbd, 0xef, 0xcf, 0x5b, 0x04,
-	0x00, 0x50, 0xff, 0x50, 0x15, 0x31, 0xef, 0x6d,
-	0x14, 0xf7, 0x5f, 0x00, 0x00, 0x00, 0x30, 0x10,
-	0x32, 0xff, 0x2a, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x2a, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x5f, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x77, 0xf7, 0x31, 0x00, 0x13, 0x8d, 0x2c,
-	0x00, 0x04, 0x7f, 0xff, 0xff, 0xff, 0xbb, 0x19,
-	0x00, 0x00, 0x00, 0x08, 0x15, 0x0f, 0x00, 0x00,
-	/* ch = 'd' */
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x36, 0x24,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50,
-	0x00, 0x13, 0x9e, 0xff, 0xe5, 0x50, 0xff, 0x50,
-	0x04, 0xdb, 0xb1, 0x16, 0x16, 0xc4, 0xff, 0x50,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x2c, 0xff, 0x50,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x50,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x50,
-	0x3b, 0xff, 0x24, 0x00, 0x00, 0x2c, 0xff, 0x50,
-	0x0d, 0xf7, 0xb1, 0x08, 0x0c, 0xb1, 0xff, 0x50,
-	0x00, 0x2c, 0xef, 0xff, 0xff, 0x66, 0xff, 0x50,
-	0x00, 0x00, 0x04, 0x15, 0x08, 0x00, 0x00, 0x00,
-	/* ch = 'e' */
-	0x00, 0x04, 0x73, 0xe5, 0xff, 0xab, 0x19, 0x00,
-	0x00, 0xa0, 0xc8, 0x16, 0x08, 0x8a, 0xdb, 0x0d,
-	0x24, 0xff, 0x2c, 0x00, 0x00, 0x0d, 0xff, 0x3b,
-	0x4d, 0xff, 0x7b, 0x74, 0x74, 0x74, 0xff, 0x50,
-	0x50, 0xff, 0x17, 0x15, 0x15, 0x15, 0x15, 0x0c,
-	0x32, 0xff, 0x26, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x04, 0xdb, 0xb1, 0x13, 0x00, 0x13, 0x5b, 0x08,
-	0x00, 0x19, 0xbb, 0xff, 0xcf, 0xff, 0x8d, 0x04,
-	0x00, 0x00, 0x00, 0x0f, 0x15, 0x08, 0x00, 0x00,
-	/* ch = 'f' */
-	0x00, 0x00, 0x1e, 0x36, 0x2a, 0x04, 0x00,
-	0x04, 0x99, 0xef, 0x74, 0xd4, 0xd4, 0x0d,
-	0x39, 0xff, 0x24, 0x00, 0x04, 0x73, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x82, 0xff, 0x36, 0x36, 0x1e, 0x00, 0x00,
-	0xb1, 0xff, 0x74, 0x74, 0x30, 0x00, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'g' */
-	0x00, 0x19, 0xb3, 0xff, 0xef, 0x66, 0xc4, 0xff,
-	0x0d, 0xdb, 0x7c, 0x04, 0x28, 0xff, 0x4f, 0x00,
-	0x2f, 0xff, 0x1c, 0x00, 0x00, 0xb7, 0x77, 0x00,
-	0x1c, 0xff, 0x3b, 0x00, 0x10, 0xe5, 0x50, 0x00,
-	0x00, 0x50, 0xff, 0x9e, 0xef, 0xa9, 0x04, 0x00,
-	0x00, 0xa0, 0x64, 0x36, 0x20, 0x00, 0x00, 0x00,
-	0x00, 0xf7, 0x7c, 0x36, 0x36, 0x36, 0x0f, 0x00,
-	0x04, 0x8f, 0xab, 0x74, 0x74, 0xd4, 0xff, 0x32,
-	0x5a, 0xcf, 0x00, 0x00, 0x00, 0x00, 0x97, 0x7c,
-	0x66, 0xf7, 0x2b, 0x04, 0x04, 0x2b, 0xf7, 0x44,
-	0x04, 0x5b, 0xcf, 0xef, 0xe5, 0xbd, 0x37, 0x00,
-	/* ch = 'h' */
-	0x04, 0x15, 0x1e, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x59, 0x7f, 0xf7, 0xdd, 0x2f, 0x00,
-	0x1c, 0xff, 0xff, 0x65, 0x15, 0x8a, 0xf7, 0x14,
-	0x1c, 0xff, 0x7c, 0x00, 0x00, 0x24, 0xff, 0x32,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	/* ch = 'i' */
-	0x00, 0x00, 0x08, 0x0c, 0x00, 0x00,
-	0x00, 0x00, 0xb1, 0xff, 0x14, 0x00,
-	0x00, 0x00, 0x35, 0x5b, 0x04, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x45, 0xcf, 0xcf, 0x95, 0x00, 0x00,
-	0x0c, 0x15, 0x88, 0xb7, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00,
-	0x7c, 0xff, 0xff, 0xff, 0xff, 0x7c,
-	/* ch = 'j' */
-	0x00, 0x00, 0x00, 0x00, 0x12, 0x00,
-	0x00, 0x00, 0x00, 0x4d, 0xff, 0x44,
-	0x00, 0x00, 0x00, 0x19, 0x74, 0x19,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1a, 0xcf, 0xcf, 0xcf, 0xcf, 0x2d,
-	0x04, 0x15, 0x15, 0x3e, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x32, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x32, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x32, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x32, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x32, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x32, 0xff, 0x2f,
-	0x0c, 0x00, 0x00, 0x3b, 0xff, 0x1c,
-	0xdb, 0x2b, 0x1a, 0xc8, 0xb1, 0x00,
-	0x8d, 0xf7, 0xf7, 0x8d, 0x10, 0x00,
-	/* ch = 'k' */
-	0x04, 0x15, 0x0c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x3b, 0xcf, 0x2d, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x50, 0xf7, 0x32, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x5f, 0xf7, 0x26, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0xd4, 0xff, 0x5e, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0xd4, 0x8a, 0xff, 0x32, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x04, 0xb1, 0xe5, 0x10, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x10, 0xdb, 0xb1, 0x04, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x1f, 0xf7, 0x7c, 0x04,
-	/* ch = 'l' */
-	0x12, 0x15, 0x15, 0x12, 0x00, 0x00, 0x00,
-	0x58, 0x74, 0xc8, 0xb7, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00,
-	0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x1c,
-	/* ch = 'm' */
-	0x67, 0xbd, 0xcb, 0xef, 0x47, 0xc4, 0xf7, 0x4d,
-	0x7c, 0xff, 0x1f, 0x97, 0xff, 0x32, 0x64, 0xf7,
-	0x7c, 0xb7, 0x00, 0x7c, 0xe5, 0x00, 0x50, 0xff,
-	0x7c, 0xb7, 0x00, 0x7c, 0xb7, 0x00, 0x50, 0xff,
-	0x7c, 0xb7, 0x00, 0x7c, 0xb7, 0x00, 0x50, 0xff,
-	0x7c, 0xb7, 0x00, 0x7c, 0xb7, 0x00, 0x50, 0xff,
-	0x7c, 0xb7, 0x00, 0x7c, 0xb7, 0x00, 0x50, 0xff,
-	0x7c, 0xb7, 0x00, 0x7c, 0xb7, 0x00, 0x50, 0xff,
-	/* ch = 'n' */
-	0x1a, 0xcf, 0x32, 0x7f, 0xf7, 0xdd, 0x2c, 0x00,
-	0x1c, 0xff, 0xf7, 0x5a, 0x15, 0x90, 0xf7, 0x0d,
-	0x1c, 0xff, 0x70, 0x00, 0x00, 0x24, 0xff, 0x32,
-	0x1c, 0xff, 0x3b, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	/* ch = 'o' */
-	0x00, 0x04, 0x66, 0xdd, 0xef, 0x9e, 0x19, 0x00,
-	0x00, 0x99, 0xdb, 0x2b, 0x1a, 0xb1, 0xe5, 0x10,
-	0x2c, 0xff, 0x2c, 0x00, 0x00, 0x17, 0xff, 0x5a,
-	0x6b, 0xff, 0x04, 0x00, 0x00, 0x00, 0xb7, 0xb1,
-	0x77, 0xff, 0x00, 0x00, 0x00, 0x00, 0xb7, 0xb7,
-	0x44, 0xff, 0x24, 0x00, 0x00, 0x04, 0xe5, 0x6b,
-	0x0d, 0xdb, 0xb1, 0x08, 0x00, 0x5f, 0xff, 0x24,
-	0x00, 0x19, 0xcb, 0xf7, 0xe5, 0xef, 0x35, 0x00,
-	0x00, 0x00, 0x00, 0x12, 0x15, 0x04, 0x00, 0x00,
-	/* ch = 'p' */
-	0x2d, 0xcf, 0x50, 0xab, 0xf7, 0xbd, 0x26, 0x00,
-	0x32, 0xff, 0xdb, 0x25, 0x1a, 0xb1, 0xff, 0x1f,
-	0x32, 0xff, 0x3b, 0x00, 0x00, 0x10, 0xff, 0x77,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0xb7, 0xb7,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0xa7, 0xb7,
-	0x32, 0xff, 0x35, 0x00, 0x00, 0x04, 0xe5, 0x7c,
-	0x32, 0xff, 0xb1, 0x08, 0x04, 0x5f, 0xff, 0x2a,
-	0x32, 0xff, 0xbb, 0xff, 0xf7, 0xf7, 0x44, 0x00,
-	0x32, 0xff, 0x32, 0x0c, 0x15, 0x08, 0x00, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x2d, 0xcf, 0x2d, 0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'q' */
-	0x00, 0x10, 0x8d, 0xf7, 0xef, 0x66, 0xcf, 0x45,
-	0x04, 0xc8, 0xb1, 0x16, 0x16, 0xb1, 0xff, 0x50,
-	0x39, 0xff, 0x22, 0x00, 0x00, 0x24, 0xff, 0x50,
-	0x5f, 0xff, 0x00, 0x00, 0x00, 0x1a, 0xff, 0x50,
-	0x5f, 0xff, 0x00, 0x00, 0x00, 0x14, 0xff, 0x50,
-	0x44, 0xff, 0x24, 0x00, 0x00, 0x24, 0xff, 0x50,
-	0x0d, 0xe5, 0xb1, 0x08, 0x08, 0xb1, 0xff, 0x50,
-	0x00, 0x21, 0xef, 0xff, 0xff, 0x66, 0xff, 0x50,
-	0x00, 0x00, 0x00, 0x15, 0x0c, 0x00, 0xff, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xcf, 0x45,
-	/* ch = 'r' */
-	0x67, 0xcf, 0x2f, 0xbd, 0xff, 0xd4, 0x2f,
-	0x7c, 0xff, 0xf7, 0x37, 0x15, 0x64, 0x50,
-	0x7c, 0xff, 0x44, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0xff, 0x04, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 's' */
-	0x00, 0x08, 0x73, 0xe5, 0xff, 0xbd, 0x37, 0x00,
-	0x00, 0x8a, 0xdb, 0x16, 0x04, 0x3f, 0xff, 0x1a,
-	0x00, 0xb1, 0xc8, 0x08, 0x00, 0x00, 0x21, 0x00,
-	0x00, 0x2c, 0xef, 0xf7, 0x8f, 0x2a, 0x04, 0x00,
-	0x00, 0x00, 0x08, 0x31, 0x9e, 0xff, 0xd4, 0x10,
-	0x00, 0x0c, 0x00, 0x00, 0x00, 0x28, 0xff, 0x4d,
-	0x17, 0xef, 0x31, 0x00, 0x00, 0x3a, 0xff, 0x2c,
-	0x04, 0x5b, 0xef, 0xef, 0xef, 0xf7, 0x50, 0x00,
-	0x00, 0x00, 0x00, 0x15, 0x15, 0x00, 0x00, 0x00,
-	/* ch = 't' */
-	0x00, 0x00, 0x1a, 0xf7, 0x44, 0x00, 0x00,
-	0x00, 0x00, 0x1f, 0xff, 0x32, 0x00, 0x00,
-	0x1a, 0xcf, 0xdd, 0xff, 0xdd, 0xcf, 0x95,
-	0x04, 0x15, 0x3e, 0xff, 0x28, 0x15, 0x12,
-	0x00, 0x00, 0x35, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x3b, 0xff, 0x3f, 0x08, 0x48,
-	0x00, 0x00, 0x04, 0xa9, 0xff, 0xff, 0xcb,
-	0x00, 0x00, 0x00, 0x00, 0x0f, 0x0c, 0x00,
-	/* ch = 'u' */
-	0x2d, 0xcf, 0x2d, 0x00, 0x00, 0x1a, 0xcf, 0x2d,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x24, 0xff, 0x35, 0x00, 0x00, 0x2a, 0xff, 0x32,
-	0x04, 0xe5, 0xa0, 0x04, 0x08, 0xb1, 0xff, 0x32,
-	0x00, 0x2c, 0xef, 0xe5, 0xef, 0x84, 0xff, 0x3b,
-	0x00, 0x00, 0x04, 0x15, 0x0c, 0x00, 0x00, 0x00,
-	/* ch = 'v' */
-	0x4a, 0xcf, 0x1a, 0x00, 0x00, 0x00, 0x78, 0x73,
-	0x17, 0xff, 0x48, 0x00, 0x00, 0x04, 0xf7, 0x3b,
-	0x00, 0xa7, 0xc8, 0x00, 0x00, 0x39, 0xf7, 0x0d,
-	0x00, 0x39, 0xff, 0x22, 0x00, 0x97, 0x70, 0x00,
-	0x00, 0x04, 0xe5, 0x70, 0x22, 0xff, 0x22, 0x00,
-	0x00, 0x00, 0x6b, 0xf7, 0x82, 0xa7, 0x00, 0x00,
-	0x00, 0x00, 0x22, 0xff, 0xff, 0x39, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xa7, 0xe5, 0x04, 0x00, 0x00,
-	/* ch = 'w' */
-	0xcf, 0x45, 0x00, 0x00, 0x00, 0x00, 0x2d, 0xcf, 0x17,
-	0xb1, 0x6b, 0x00, 0x54, 0xb7, 0x00, 0x32, 0xff, 0x00,
-	0x6b, 0xb1, 0x00, 0xa0, 0xff, 0x17, 0x4d, 0xb7, 0x00,
-	0x3b, 0xff, 0x04, 0xff, 0xf7, 0x44, 0x5f, 0x82, 0x00,
-	0x1f, 0xff, 0x48, 0xcf, 0x6b, 0x90, 0x82, 0x54, 0x00,
-	0x04, 0xff, 0xc8, 0x6b, 0x32, 0xff, 0xcf, 0x35, 0x00,
-	0x00, 0xb1, 0xff, 0x32, 0x0d, 0xf7, 0xff, 0x1c, 0x00,
-	0x00, 0x6b, 0xff, 0x0d, 0x00, 0x90, 0xf7, 0x00, 0x00,
-	/* ch = 'x' */
-	0x28, 0xcf, 0x32, 0x00, 0x00, 0x32, 0xcf, 0x1d,
-	0x00, 0x6b, 0xf7, 0x17, 0x10, 0xe5, 0x5f, 0x00,
-	0x00, 0x04, 0xb7, 0xb1, 0x82, 0xc8, 0x04, 0x00,
-	0x00, 0x00, 0x1f, 0xf7, 0xff, 0x24, 0x00, 0x00,
-	0x00, 0x00, 0x17, 0xf7, 0xff, 0x24, 0x00, 0x00,
-	0x00, 0x00, 0xb1, 0xb7, 0xa0, 0xdb, 0x0d, 0x00,
-	0x00, 0x50, 0xff, 0x1f, 0x10, 0xe5, 0x7c, 0x00,
-	0x1f, 0xf7, 0x54, 0x00, 0x00, 0x32, 0xff, 0x35,
-	/* ch = 'y' */
-	0x3a, 0xcf, 0x2d, 0x00, 0x00, 0x00, 0x87, 0x82,
-	0x0d, 0xf7, 0x5a, 0x00, 0x00, 0x0d, 0xff, 0x44,
-	0x00, 0x70, 0xe5, 0x04, 0x00, 0x3b, 0xff, 0x14,
-	0x00, 0x22, 0xff, 0x39, 0x00, 0x90, 0x8a, 0x00,
-	0x00, 0x00, 0xa7, 0xa0, 0x14, 0xff, 0x32, 0x00,
-	0x00, 0x00, 0x39, 0xff, 0x65, 0xe5, 0x04, 0x00,
-	0x00, 0x00, 0x04, 0xf7, 0xff, 0x5f, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x70, 0xff, 0x22, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x70, 0xa7, 0x00, 0x00, 0x00,
-	0x49, 0x28, 0x2b, 0xff, 0x44, 0x00, 0x00, 0x00,
-	0x6c, 0xf7, 0xef, 0x50, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'z' */
-	0x1a, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x1a,
-	0x04, 0x15, 0x15, 0x15, 0x17, 0xc6, 0xb1, 0x04,
-	0x00, 0x00, 0x00, 0x00, 0x7c, 0xf7, 0x1c, 0x00,
-	0x00, 0x00, 0x00, 0x50, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x50, 0x00, 0x00, 0x00,
-	0x00, 0x1f, 0xf7, 0x7c, 0x00, 0x00, 0x00, 0x00,
-	0x10, 0xdb, 0xb1, 0x04, 0x00, 0x00, 0x00, 0x0f,
-	0x50, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x7c,
-	/* ch = '{' */
-	0x00, 0x28, 0xab, 0xcf, 0xcf,
-	0x22, 0xff, 0x5f, 0x15, 0x15,
-	0x50, 0xff, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x00, 0x00, 0x00,
-	0xa7, 0x8a, 0x00, 0x00, 0x00,
-	0xc6, 0x08, 0x00, 0x00, 0x00,
-	0xdb, 0x4d, 0x00, 0x00, 0x00,
-	0x6b, 0xcf, 0x00, 0x00, 0x00,
-	0x5f, 0xff, 0x00, 0x00, 0x00,
-	0x7c, 0xcf, 0x00, 0x00, 0x00,
-	0x5f, 0xff, 0x04, 0x00, 0x00,
-	0x2a, 0xff, 0x84, 0x1a, 0x15,
-	0x00, 0x28, 0x74, 0xbd, 0x8f,
-	/* ch = '|' */
-	0x7c, 0xb7,
-	0x7c, 0xb7,
-	0x7c, 0xb7,
-	0x7c, 0xb7,
-	0x7c, 0xb7,
-	0x7c, 0xb7,
-	0x7c, 0xb7,
-	0x7c, 0xb7,
-	0x7c, 0xb7,
-	0x7c, 0xb7,
-	0x7c, 0xb7,
-	0x7c, 0xb7,
-	0x7c, 0xb7,
-	0x42, 0x58,
-	/* ch = '}' */
-	0x95, 0xcf, 0xbd, 0x37, 0x00,
-	0x12, 0x15, 0x3f, 0xff, 0x39,
-	0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x00, 0x00, 0x00, 0x5a, 0xe5,
-	0x00, 0x00, 0x00, 0x04, 0x8f,
-	0x00, 0x00, 0x00, 0x2f, 0xf7,
-	0x00, 0x00, 0x00, 0x90, 0xb1,
-	0x00, 0x00, 0x00, 0xb7, 0xb1,
-	0x00, 0x00, 0x00, 0x82, 0xb7,
-	0x00, 0x00, 0x00, 0xb7, 0x90,
-	0x0f, 0x15, 0x65, 0xff, 0x44,
-	0x4a, 0xcf, 0x74, 0x37, 0x00,
-	/* ch = '~' */
-	0x50, 0xcf, 0xbd, 0x28, 0x00, 0x24, 0x5a, 0x04,
-	0xf7, 0x2b, 0x5a, 0xff, 0xa4, 0xf7, 0x77, 0x00,
-	0x0c, 0x00, 0x00, 0x21, 0x36, 0x22, 0x00, 0x00
+        /* ch = '!' */
+        0x00, 0x22, 0x1b, 0x04, 0xff, 0xe5, 0x04, 0xff, 0xf7, 0x00, 0xff, 0xb7,
+        0x00, 0xbd, 0xb7, 0x00, 0xb7, 0x7c, 0x00, 0xb7, 0x7c, 0x00, 0x90, 0x5f,
+        0x00, 0x42, 0x30, 0x00, 0x00, 0x00, 0x0d, 0xab, 0x8d, 0x1c, 0xff, 0xe5,
+        0x00, 0x0f, 0x0c,
+        /* ch = '"' */
+        0x00, 0x22, 0x13, 0x00, 0x22, 0x13, 0x00, 0xf7, 0xa0, 0x00, 0xff, 0x7c,
+        0x00, 0xec, 0x7c, 0x00, 0xff, 0x6b, 0x0d, 0xff, 0x39, 0x14, 0xff, 0x2c,
+        0x30, 0xef, 0x0d, 0x3a, 0xe5, 0x04,
+        /* ch = '#' */
+        0x00, 0x00, 0x2a, 0x6f, 0x00, 0x30, 0x58, 0x00, 0x00, 0x00, 0x00, 0x50,
+        0xb7, 0x00, 0x77, 0xa0, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x82, 0x00, 0x90,
+        0x77, 0x00, 0x00, 0x67, 0xcf, 0xef, 0xef, 0xcf, 0xf7, 0xe5, 0xcf, 0x09,
+        0x0f, 0x00, 0xbd, 0x50, 0x00, 0xff, 0x35, 0x00, 0x00, 0x00, 0x00, 0xff,
+        0x32, 0x14, 0xff, 0x2a, 0x00, 0x00, 0x00, 0x14, 0xff, 0x24, 0x1f, 0xff,
+        0x28, 0x12, 0x00, 0x95, 0xdd, 0xff, 0xcf, 0xdd, 0xff, 0x74, 0x45, 0x00,
+        0x00, 0x32, 0xff, 0x00, 0x4d, 0xcf, 0x00, 0x00, 0x00, 0x00, 0x4d, 0xb7,
+        0x00, 0x6b, 0xa0, 0x00, 0x00, 0x00, 0x00, 0x4e, 0x78, 0x00, 0x67, 0x67,
+        0x00, 0x00, 0x00,
+        /* ch = '$' */
+        0x00, 0x00, 0x00, 0x00, 0x08, 0x04, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32,
+        0xff, 0x00, 0x00, 0x00, 0x00, 0x10, 0x8d, 0xff, 0xff, 0xf7, 0x73, 0x04,
+        0x00, 0x99, 0xb1, 0x37, 0xff, 0x1e, 0xdb, 0x2d, 0x00, 0xff, 0x54, 0x32,
+        0xff, 0x00, 0x0c, 0x00, 0x00, 0x77, 0xf7, 0x7c, 0xff, 0x00, 0x00, 0x00,
+        0x00, 0x04, 0x5b, 0xef, 0xff, 0x73, 0x1b, 0x00, 0x00, 0x00, 0x00, 0x32,
+        0xff, 0x94, 0xf7, 0x32, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00, 0x97, 0xa0,
+        0x00, 0x40, 0x00, 0x32, 0xff, 0x00, 0x97, 0x90, 0x1a, 0xf7, 0xbb, 0x62,
+        0xff, 0x77, 0xf7, 0x2a, 0x00, 0x13, 0x50, 0xbb, 0xff, 0x73, 0x1b, 0x00,
+        0x00, 0x00, 0x00, 0x2d, 0xcf, 0x00, 0x00, 0x00,
+        /* ch = '%' */
+        0x10, 0x8d, 0xbd, 0x2f, 0x00, 0x00, 0x51, 0x47, 0x7c, 0x90, 0x3a, 0xf7,
+        0x14, 0x2a, 0xff, 0x1c, 0xb7, 0x50, 0x1c, 0xff, 0x2f, 0xb7, 0x6b, 0x00,
+        0x6b, 0xb7, 0x53, 0xf7, 0x47, 0xf7, 0x10, 0x00, 0x04, 0x5b, 0x74, 0x28,
+        0xdb, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xdb, 0x04, 0x00, 0x00,
+        0x00, 0x00, 0x10, 0xf7, 0x3b, 0x0f, 0x15, 0x00, 0x00, 0x00, 0x6b, 0xb7,
+        0x49, 0xef, 0xd4, 0x7c, 0x00, 0x1c, 0xff, 0x2a, 0xbd, 0x54, 0x1f, 0xff,
+        0x00, 0x90, 0x90, 0x00, 0xbd, 0x54, 0x24, 0xff, 0x2a, 0xff, 0x1c, 0x00,
+        0x32, 0xf7, 0xe5, 0x77, 0x00, 0x00, 0x00, 0x00, 0x00, 0x0c, 0x12, 0x00,
+        /* ch = '&' */
+        0x00, 0x00, 0x3f, 0x74, 0x67, 0x13, 0x00, 0x00, 0x00, 0x00, 0x4d, 0xf7,
+        0x47, 0xb1, 0xc8, 0x00, 0x00, 0x00, 0x00, 0xa9, 0x97, 0x00, 0x32, 0xff,
+        0x1c, 0x00, 0x00, 0x00, 0x5f, 0xe5, 0x0d, 0x50, 0xe5, 0x04, 0x00, 0x00,
+        0x00, 0x10, 0xf7, 0xab, 0xf7, 0x32, 0x00, 0x00, 0x00, 0x00, 0x19, 0xdb,
+        0xff, 0x4f, 0x00, 0x00, 0x00, 0x00, 0x10, 0xdb, 0x8a, 0x70, 0xf7, 0x1c,
+        0x2f, 0x5a, 0x04, 0x5a, 0xff, 0x17, 0x04, 0xb1, 0xb1, 0x90, 0xb7, 0x00,
+        0x7c, 0xd9, 0x00, 0x00, 0x1c, 0xf7, 0xf7, 0x1f, 0x00, 0x5a, 0xff, 0x35,
+        0x04, 0x50, 0xff, 0xff, 0x32, 0x00, 0x04, 0xa9, 0xff, 0xff, 0xe5, 0x2c,
+        0x82, 0xbb, 0x00, 0x00, 0x00, 0x0f, 0x12, 0x00, 0x00, 0x08, 0x04, 0x00,
+        /* ch = ''' */
+        0x04, 0x2a, 0x04, 0x32, 0xff, 0x39, 0x32, 0xff, 0x2a, 0x44, 0xe5, 0x04,
+        0x7e, 0x70, 0x00,
+        /* ch = '(' */
+        0x00, 0x04, 0x22, 0x00, 0x19, 0xd4, 0xdd, 0x09, 0xef, 0x8a, 0x04, 0x00,
+        0xb1, 0x04, 0x00, 0x00, 0x24, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x17, 0x00, 0x00, 0x00, 0x82, 0x00, 0x00, 0x00,
+        0xff, 0x35, 0x00, 0x00, 0x6b, 0xff, 0x48, 0x00, 0x00, 0x35, 0xd4, 0x04,
+        /* ch = ')' */
+        0x22, 0x00, 0x00, 0x00, 0xdb, 0xbb, 0x19, 0x00, 0x13, 0xb1, 0xdb, 0x1f,
+        0x00, 0x08, 0xb7, 0xc8, 0x00, 0x00, 0x24, 0xff, 0x00, 0x00, 0x00, 0xa0,
+        0x00, 0x00, 0x00, 0x4d, 0x00, 0x00, 0x00, 0x32, 0x00, 0x00, 0x00, 0x35,
+        0x00, 0x00, 0x00, 0x5f, 0x00, 0x00, 0x04, 0xcf, 0x00, 0x00, 0x4d, 0xff,
+        0x00, 0x26, 0xf7, 0x54, 0x3f, 0xf7, 0x77, 0x00, 0xd4, 0x37, 0x00, 0x00,
+        /* ch = '*' */
+        0x00, 0x00, 0x00, 0x67, 0xb5, 0x00, 0x00, 0x00, 0x08, 0x04, 0x00, 0x6b,
+        0xb7, 0x00, 0x00, 0x00, 0x48, 0xe5, 0x48, 0x59, 0x7c, 0x31, 0xbb, 0x5f,
+        0x08, 0x2a, 0x8f, 0xef, 0xf7, 0x9e, 0x37, 0x0c, 0x00, 0x00, 0x1f, 0xef,
+        0xdb, 0x32, 0x00, 0x00, 0x00, 0x1f, 0xdb, 0x50, 0x32, 0xf7, 0x1f, 0x00,
+        0x00, 0x8d, 0xb1, 0x04, 0x00, 0x82, 0xa4, 0x00, 0x00, 0x04, 0x08, 0x00,
+        0x00, 0x08, 0x04, 0x00,
+        /* ch = '+' */
+        0x00, 0x00, 0x00, 0x45, 0x95, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50,
+        0xb7, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xb7, 0x00, 0x00, 0x00,
+        0x50, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x7c, 0x00, 0x00, 0x00, 0x50,
+        0xb7, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xb7, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x50, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x0c,
+        0x12, 0x00, 0x00, 0x00,
+        /* ch = ',' */
+        0x0d, 0x9e, 0x5b, 0x00, 0x22, 0xf7, 0xff, 0x1c, 0x00, 0x54, 0xf7, 0x0d,
+        0x04, 0xb1, 0x50, 0x00, 0x2d, 0x73, 0x00, 0x00,
+        /* ch = '-' */
+        0x1c, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x32, 0x04, 0x15, 0x15, 0x15,
+        0x15, 0x15, 0x15, 0x08,
+        /* ch = '.' */
+        0x0d, 0x9e, 0x66, 0x22, 0xff, 0xe5, 0x00, 0x0f, 0x0c,
+        /* ch = '/' */
+        0x00, 0x12, 0x00, 0x2c, 0xff, 0x2d, 0xa0, 0xb7, 0x00, 0xff, 0x39, 0x00,
+        0xc8, 0x04, 0x00, 0x44, 0x00, 0x00, 0x04, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00,
+        /* ch = '0' */
+        0x00, 0x00, 0x19, 0x67, 0x74, 0x22, 0x00, 0x00, 0x00, 0x1f, 0xf7, 0x85,
+        0x5a, 0xff, 0x32, 0x00, 0x00, 0xa0, 0x90, 0x00, 0x00, 0x64, 0xe5, 0x04,
+        0x1c, 0xff, 0x2a, 0x00, 0x10, 0xdb, 0xff, 0x32, 0x35, 0xff, 0x04, 0x00,
+        0xa0, 0xb1, 0xcf, 0x50, 0x50, 0xff, 0x00, 0x50, 0xe5, 0x10, 0xb7, 0x7c,
+        0x4d, 0xff, 0x32, 0xff, 0x32, 0x00, 0xb7, 0x77, 0x2f, 0xff, 0xff, 0x50,
+        0x00, 0x00, 0xe5, 0x4d, 0x0d, 0xf7, 0x97, 0x00, 0x00, 0x22, 0xff, 0x24,
+        0x00, 0x5f, 0xf7, 0x21, 0x08, 0xb1, 0xa0, 0x00, 0x00, 0x04, 0x84, 0xff,
+        0xff, 0xbb, 0x10, 0x00, 0x00, 0x00, 0x00, 0x0f, 0x12, 0x00, 0x00, 0x00,
+        /* ch = '1' */
+        0x00, 0x00, 0x37, 0x74, 0x14, 0x28, 0xcb, 0xff, 0xff, 0x1c, 0x39, 0x25,
+        0x54, 0xff, 0x1c, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x50, 0xff,
+        0x1c, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x00,
+        0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x50,
+        0xff, 0x1c, 0x00, 0x00, 0x50, 0xff, 0x1c,
+        /* ch = '2' */
+        0x00, 0x00, 0x22, 0x74, 0x74, 0x37, 0x04, 0x00, 0x00, 0x5b, 0xf7, 0x50,
+        0x5a, 0xf7, 0x7c, 0x00, 0x00, 0x48, 0x2f, 0x00, 0x00, 0x3b, 0xff, 0x24,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x48, 0xff, 0x14, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xf7, 0x50, 0x00,
+        0x00, 0x00, 0x00, 0x26, 0xf7, 0x77, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xf7,
+        0x6b, 0x00, 0x00, 0x00, 0x00, 0x10, 0xdb, 0x7c, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x7c, 0xdb, 0x04, 0x00, 0x00, 0x04, 0x0c, 0x1a, 0xff, 0xff, 0xff,
+        0xff, 0xff, 0xff, 0x50,
+        /* ch = '3' */
+        0x00, 0x00, 0x31, 0x74, 0x74, 0x22, 0x00, 0x00, 0x6d, 0xe5, 0x50, 0x7f,
+        0xff, 0x40, 0x00, 0x08, 0x08, 0x00, 0x00, 0x70, 0xe5, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x5f, 0xe5, 0x00, 0x00, 0x00, 0x04, 0x2b, 0xf7, 0x4d, 0x00,
+        0x00, 0x32, 0xff, 0xff, 0x9e, 0x08, 0x00, 0x00, 0x00, 0x00, 0x16, 0xc4,
+        0xa0, 0x00, 0x00, 0x00, 0x00, 0x00, 0x35, 0xff, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x35, 0xff, 0x04, 0xb1, 0x43, 0x00, 0x13, 0xb7, 0xc8, 0x00, 0x50,
+        0xf7, 0xff, 0xff, 0xcb, 0x19, 0x00, 0x00, 0x04, 0x15, 0x0f, 0x00, 0x00,
+        /* ch = '4' */
+        0x00, 0x00, 0x00, 0x00, 0x10, 0x74, 0x22, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x90, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x3b, 0xf7, 0xff, 0x32, 0x00,
+        0x00, 0x00, 0x10, 0xf7, 0x4d, 0xff, 0x32, 0x00, 0x00, 0x00, 0x90, 0x77,
+        0x1c, 0xff, 0x32, 0x00, 0x00, 0x3b, 0xdb, 0x10, 0x1c, 0xff, 0x32, 0x00,
+        0x10, 0xf7, 0x32, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x50, 0xff, 0xff, 0xff,
+        0xff, 0xff, 0xff, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0x32, 0x00,
+        /* ch = '5' */
+        0x00, 0x30, 0x74, 0x74, 0x74, 0x74, 0x74, 0x14, 0x00, 0x77, 0xcf, 0x36,
+        0x36, 0x36, 0x36, 0x0d, 0x00, 0x7c, 0x90, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x90, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb7, 0xc8, 0xcf,
+        0xcf, 0x8d, 0x13, 0x00, 0x00, 0xb1, 0xa9, 0x20, 0x20, 0xc4, 0xdb, 0x0d,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x22, 0xff, 0x3b, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0xff, 0x50, 0x00, 0x08, 0x04, 0x00, 0x00, 0x14, 0xff, 0x4d,
+        0x11, 0xdb, 0x5f, 0x04, 0x04, 0x7c, 0xf7, 0x17, 0x00, 0x2f, 0xe5, 0xf7,
+        0xef, 0xef, 0x2c, 0x00, 0x00, 0x00, 0x00, 0x12, 0x15, 0x00, 0x00, 0x00,
+        /* ch = '6' */
+        0x00, 0x00, 0x08, 0x50, 0xab, 0x74, 0x22, 0x00, 0x00, 0x0d, 0xd4, 0xc4,
+        0x3e, 0x77, 0xdb, 0x09, 0x00, 0x5a, 0xe5, 0x10, 0x00, 0x00, 0x0c, 0x00,
+        0x00, 0xcf, 0x5f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x14, 0xff, 0x52, 0x9e,
+        0xcf, 0x7f, 0x10, 0x00, 0x1c, 0xff, 0xff, 0x50, 0x20, 0xc4, 0xb7, 0x04,
+        0x1c, 0xff, 0x50, 0x00, 0x00, 0x24, 0xff, 0x2f, 0x1a, 0xff, 0x3b, 0x00,
+        0x00, 0x00, 0xff, 0x50, 0x00, 0xe5, 0x70, 0x00, 0x00, 0x14, 0xff, 0x35,
+        0x00, 0x5a, 0xf7, 0x21, 0x00, 0x6f, 0xf7, 0x0d, 0x00, 0x04, 0x7e, 0xff,
+        0xff, 0xef, 0x2c, 0x00, 0x00, 0x00, 0x00, 0x0c, 0x15, 0x00, 0x00, 0x00,
+        /* ch = '7' */
+        0x74, 0x74, 0x74, 0x74, 0x74, 0x74, 0x22, 0x74, 0x74, 0x74, 0x74, 0xb9,
+        0xff, 0x17, 0x00, 0x00, 0x00, 0x00, 0xc8, 0x8a, 0x00, 0x00, 0x00, 0x00,
+        0x2c, 0xff, 0x2c, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xe5, 0x00, 0x00, 0x00,
+        0x00, 0x0d, 0xf7, 0x5a, 0x00, 0x00, 0x00, 0x00, 0x48, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x00, 0xa7, 0xa7, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x48,
+        0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x17, 0x00, 0x00, 0x00, 0x00, 0xc8,
+        0xa7, 0x00, 0x00, 0x00, 0x00,
+        /* ch = '8' */
+        0x00, 0x00, 0x28, 0x82, 0xab, 0x50, 0x04, 0x00, 0x00, 0x32, 0xff, 0x5a,
+        0x31, 0xdb, 0xa0, 0x00, 0x00, 0xa0, 0x90, 0x00, 0x00, 0x3b, 0xff, 0x1a,
+        0x00, 0x90, 0xc8, 0x04, 0x00, 0x50, 0xf7, 0x0d, 0x00, 0x1f, 0xf7, 0x99,
+        0x31, 0xf7, 0x50, 0x00, 0x00, 0x00, 0x57, 0xff, 0xff, 0x9e, 0x08, 0x00,
+        0x00, 0x77, 0xdb, 0x1b, 0x1b, 0xdb, 0xb1, 0x04, 0x1c, 0xff, 0x3b, 0x00,
+        0x00, 0x24, 0xff, 0x39, 0x2f, 0xff, 0x32, 0x00, 0x00, 0x0d, 0xff, 0x50,
+        0x0d, 0xe5, 0xb1, 0x08, 0x04, 0x64, 0xff, 0x1c, 0x00, 0x26, 0xd4, 0xff,
+        0xff, 0xef, 0x35, 0x00, 0x00, 0x00, 0x00, 0x12, 0x15, 0x00, 0x00, 0x00,
+        /* ch = '9' */
+        0x00, 0x00, 0x28, 0x74, 0x74, 0x2e, 0x00, 0x00, 0x00, 0x40, 0xff, 0x5a,
+        0x5a, 0xff, 0x4d, 0x00, 0x00, 0xe5, 0x64, 0x00, 0x00, 0x5f, 0xf7, 0x0d,
+        0x1c, 0xff, 0x32, 0x00, 0x00, 0x1f, 0xff, 0x2a, 0x14, 0xff, 0x3b, 0x00,
+        0x00, 0x1c, 0xff, 0x35, 0x00, 0xa0, 0xb7, 0x08, 0x08, 0x8a, 0xff, 0x50,
+        0x00, 0x10, 0xcb, 0xff, 0xff, 0xbb, 0xff, 0x35, 0x00, 0x00, 0x00, 0x12,
+        0x0c, 0x24, 0xff, 0x2f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x48, 0xf7, 0x0d,
+        0x00, 0x32, 0x3b, 0x00, 0x24, 0xe5, 0x5f, 0x00, 0x00, 0x66, 0xff, 0xff,
+        0xff, 0x73, 0x04, 0x00, 0x00, 0x00, 0x08, 0x15, 0x08, 0x00, 0x00, 0x00,
+        /* ch = ':' */
+        0x00, 0x0f, 0x0c, 0x22, 0xff, 0xe5, 0x0d, 0xab, 0x66, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x0d, 0x9e, 0x66, 0x22, 0xff, 0xe5,
+        0x00, 0x0f, 0x0c,
+        /* ch = ';' */
+        0x00, 0x0f, 0x0c, 0x00, 0x22, 0xff, 0xe5, 0x00, 0x0d, 0xab, 0x66, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x0d, 0x9e, 0x5b, 0x00, 0x22, 0xf7, 0xff, 0x1c, 0x00, 0x54, 0xf7, 0x0d,
+        0x04, 0xb1, 0x50, 0x00, 0x2d, 0x73, 0x00, 0x00,
+        /* ch = '<' */
+        0x00, 0x00, 0x00, 0x00, 0x13, 0x00, 0x00, 0x13, 0x73, 0xff, 0x08, 0x66,
+        0xf7, 0xa4, 0x1b, 0xf7, 0xb3, 0x1e, 0x00, 0x00, 0x2f, 0x00, 0x00, 0x00,
+        0x00, 0xf7, 0x50, 0x08, 0x00, 0x00, 0x28, 0xd4, 0xef, 0x37, 0x00, 0x00,
+        0x04, 0x37, 0xef, 0xbb, 0x00, 0x00, 0x00, 0x08, 0x73, 0x00, 0x00, 0x00,
+        0x00, 0x00,
+        /* ch = '=' */
+        0x1e, 0x36, 0x36, 0x36, 0x36, 0x36, 0x36, 0x26, 0x30, 0x74, 0x74, 0x74,
+        0x74, 0x74, 0x74, 0x42, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0xff, 0xff,
+        0xff, 0xff, 0xff, 0x7c, 0x0c, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x0f,
+        /* ch = '>' */
+        0x1b, 0x00, 0x00, 0x00, 0x00, 0xff, 0x94, 0x1b, 0x00, 0x00, 0x13, 0x7f,
+        0xff, 0x7f, 0x13, 0x00, 0x00, 0x16, 0x8d, 0xff, 0x00, 0x00, 0x00, 0x00,
+        0x1a, 0x00, 0x00, 0x00, 0x37, 0xef, 0x00, 0x28, 0xd4, 0xef, 0x37, 0xa4,
+        0xf7, 0x5a, 0x08, 0x00, 0x94, 0x13, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00,
+        /* ch = '?' */
+        0x00, 0x00, 0x04, 0x1a, 0x25, 0x0c, 0x00, 0x00, 0x00, 0x35, 0xef, 0xef,
+        0xe5, 0xff, 0x4d, 0x00, 0x11, 0xf7, 0x6b, 0x04, 0x04, 0x82, 0xff, 0x17,
+        0x00, 0x0c, 0x00, 0x00, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x5a, 0xff, 0x2a, 0x00, 0x00, 0x00, 0x00, 0x26, 0xf7, 0x7c, 0x00,
+        0x00, 0x00, 0x00, 0x17, 0xf7, 0x7c, 0x04, 0x00, 0x00, 0x00, 0x00, 0x44,
+        0xff, 0x04, 0x00, 0x00, 0x00, 0x00, 0x00, 0x45, 0xcf, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3d,
+        0xab, 0x10, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb1, 0xff, 0x36, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x08, 0x12, 0x00, 0x00, 0x00,
+        /* ch = '@' */
+        0x00, 0x00, 0x1e, 0x82, 0xcf, 0x73, 0x19, 0x00, 0x00, 0x40, 0xf7, 0x3f,
+        0x15, 0x6a, 0xf7, 0x1c, 0x17, 0xf7, 0x32, 0x00, 0x00, 0x00, 0x90, 0x7c,
+        0x50, 0xb7, 0x00, 0x00, 0x2a, 0x67, 0xb1, 0xb7, 0x82, 0x6b, 0x04, 0xb1,
+        0xc4, 0x3e, 0x82, 0xb7, 0xb7, 0x50, 0x2f, 0xff, 0x17, 0x00, 0x50, 0xb7,
+        0xa0, 0x5f, 0x2a, 0xff, 0x24, 0x00, 0x90, 0xb7, 0x5f, 0xa7, 0x00, 0x77,
+        0xf7, 0xdd, 0xef, 0xb7, 0x2a, 0xff, 0x24, 0x00, 0x0f, 0x0f, 0x00, 0x00,
+        0x00, 0x7c, 0xdb, 0x21, 0x00, 0x00, 0x22, 0x00, 0x00, 0x04, 0x66, 0xf7,
+        0xdd, 0xdd, 0xe5, 0x20, 0x00, 0x00, 0x00, 0x04, 0x15, 0x12, 0x00, 0x00,
+        /* ch = 'A' */
+        0x00, 0x00, 0x00, 0x3e, 0x22, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0xa7, 0x70, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x17, 0xff, 0xe5, 0x04,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x48, 0xc8, 0xff, 0x39, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0xb7, 0x5a, 0x8a, 0x90, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff,
+        0x22, 0x32, 0xff, 0x17, 0x00, 0x00, 0x00, 0x5a, 0xb7, 0x00, 0x04, 0xe5,
+        0x5a, 0x00, 0x00, 0x00, 0xc8, 0xff, 0xff, 0xff, 0xff, 0xc8, 0x00, 0x00,
+        0x22, 0xff, 0x2a, 0x00, 0x00, 0x2c, 0xff, 0x2c, 0x00, 0x5f, 0xe5, 0x00,
+        0x00, 0x00, 0x00, 0xe5, 0x70, 0x00, 0xcf, 0x6b, 0x00, 0x00, 0x00, 0x00,
+        0x5a, 0xf7, 0x0d, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'B' */
+        0x30, 0x74, 0x74, 0x74, 0x74, 0x37, 0x04, 0x00, 0x50, 0xff, 0x36, 0x36,
+        0x66, 0xf7, 0xb1, 0x00, 0x50, 0xff, 0x00, 0x00, 0x00, 0x35, 0xff, 0x2a,
+        0x50, 0xff, 0x00, 0x00, 0x00, 0x26, 0xff, 0x2a, 0x50, 0xff, 0x15, 0x15,
+        0x25, 0xd4, 0xb1, 0x04, 0x50, 0xff, 0xcf, 0xcf, 0xe5, 0xec, 0x2b, 0x00,
+        0x50, 0xff, 0x00, 0x00, 0x00, 0x43, 0xff, 0x2a, 0x50, 0xff, 0x00, 0x00,
+        0x00, 0x00, 0xcf, 0x7c, 0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0xcf, 0x82,
+        0x50, 0xff, 0x00, 0x00, 0x0c, 0x5f, 0xff, 0x2f, 0x50, 0xff, 0xff, 0xff,
+        0xff, 0xd4, 0x35, 0x00,
+        /* ch = 'C' */
+        0x00, 0x00, 0x13, 0x5b, 0x74, 0x67, 0x1b, 0x00, 0x00, 0x2c, 0xf7, 0x94,
+        0x36, 0x77, 0xf7, 0x32, 0x04, 0xdb, 0x82, 0x00, 0x00, 0x00, 0x82, 0x7b,
+        0x39, 0xff, 0x22, 0x00, 0x00, 0x00, 0x00, 0x00, 0x54, 0xe5, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x77, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x44, 0xff, 0x0d, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x22, 0xff, 0x48, 0x00, 0x00, 0x00, 0x0c, 0x00,
+        0x00, 0x77, 0xf7, 0x28, 0x00, 0x13, 0xc8, 0x7b, 0x00, 0x04, 0x73, 0xff,
+        0xe5, 0xff, 0x8d, 0x08, 0x00, 0x00, 0x00, 0x08, 0x15, 0x08, 0x00, 0x00,
+        /* ch = 'D' */
+        0x30, 0x74, 0x74, 0x74, 0x5b, 0x1b, 0x00, 0x00, 0x50, 0xff, 0x36, 0x36,
+        0xa4, 0xff, 0x4d, 0x00, 0x50, 0xff, 0x00, 0x00, 0x00, 0x64, 0xff, 0x1c,
+        0x50, 0xff, 0x00, 0x00, 0x00, 0x0d, 0xff, 0x5a, 0x50, 0xff, 0x00, 0x00,
+        0x00, 0x00, 0xb7, 0x90, 0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x82, 0xb7,
+        0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x90, 0xb1, 0x50, 0xff, 0x00, 0x00,
+        0x00, 0x00, 0xcf, 0x6b, 0x50, 0xff, 0x00, 0x00, 0x00, 0x2c, 0xff, 0x2c,
+        0x50, 0xff, 0x00, 0x00, 0x28, 0xdb, 0x7c, 0x00, 0x50, 0xff, 0xff, 0xff,
+        0xe5, 0x66, 0x04, 0x00,
+        /* ch = 'E' */
+        0x22, 0x74, 0x74, 0x74, 0x74, 0x74, 0x74, 0x30, 0x32, 0xff, 0x4a, 0x36,
+        0x36, 0x36, 0x36, 0x1e, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0xff, 0xff, 0xff, 0xff, 0x50, 0x00,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0xff, 0xff,
+        0xff, 0xff, 0xff, 0x50,
+        /* ch = 'F' */
+        0x74, 0x74, 0x74, 0x74, 0x74, 0x74, 0x30, 0xff, 0x82, 0x36, 0x36, 0x36,
+        0x36, 0x1e, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0xff, 0x5e, 0x15, 0x15, 0x15, 0x0c, 0x00, 0xff,
+        0xe5, 0xcf, 0xcf, 0xcf, 0x45, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50,
+        0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'G' */
+        0x00, 0x00, 0x1b, 0x67, 0x74, 0x67, 0x1b, 0x00, 0x00, 0x32, 0xf7, 0x94,
+        0x36, 0x85, 0xff, 0x32, 0x0d, 0xf7, 0x5f, 0x00, 0x00, 0x00, 0x82, 0x35,
+        0x44, 0xff, 0x0d, 0x00, 0x00, 0x00, 0x00, 0x00, 0x77, 0xb7, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x7c, 0xb7, 0x00, 0x00, 0x50, 0xff, 0xff, 0xb7, 0x5f, 0xf7, 0x04, 0x00,
+        0x00, 0x00, 0x7c, 0xb7, 0x2a, 0xff, 0x32, 0x00, 0x00, 0x00, 0x7c, 0xb7,
+        0x00, 0x90, 0xdb, 0x24, 0x00, 0x0c, 0xa5, 0xb7, 0x00, 0x04, 0x7f, 0xff,
+        0xff, 0xff, 0xb3, 0x28, 0x00, 0x00, 0x00, 0x08, 0x15, 0x08, 0x00, 0x00,
+        /* ch = 'H' */
+        0x22, 0x74, 0x1a, 0x00, 0x00, 0x00, 0x74, 0x37, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0xff, 0x50, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xff, 0x50,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xff, 0x50, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0xff, 0x50, 0x32, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x50,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xff, 0x50, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0xff, 0x50, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xff, 0x50,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xff, 0x50, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0xff, 0x50,
+        /* ch = 'I' */
+        0x58, 0x74, 0x74, 0x74, 0x74, 0x42, 0x2d, 0x36, 0xcf, 0xa5, 0x36, 0x26,
+        0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
+        0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
+        0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
+        0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00,
+        0xff, 0xff, 0xff, 0xff, 0xff, 0xb7,
+        /* ch = 'J' */
+        0x22, 0x74, 0x74, 0x74, 0x74, 0x58, 0x16, 0x36, 0x62, 0xff, 0x4a, 0x2d,
+        0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x44, 0xff, 0x14, 0x00, 0x13, 0x04, 0xb1, 0xb7, 0x00, 0x00,
+        0xff, 0xf7, 0xd4, 0x1f, 0x00, 0x00, 0x12, 0x15, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'K' */
+        0x42, 0x74, 0x0a, 0x00, 0x00, 0x19, 0x74, 0x35, 0x7c, 0xff, 0x00, 0x00,
+        0x10, 0xdb, 0xb1, 0x04, 0x7c, 0xff, 0x00, 0x04, 0xb1, 0xb1, 0x08, 0x00,
+        0x7c, 0xff, 0x04, 0x99, 0xdb, 0x10, 0x00, 0x00, 0x7c, 0xff, 0x7c, 0xf7,
+        0x1f, 0x00, 0x00, 0x00, 0x7c, 0xff, 0xff, 0xf7, 0x17, 0x00, 0x00, 0x00,
+        0x7c, 0xff, 0x26, 0xdb, 0xb1, 0x04, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x2f,
+        0xff, 0x50, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x6b, 0xff, 0x1f, 0x00,
+        0x7c, 0xff, 0x00, 0x00, 0x04, 0xc8, 0xdb, 0x04, 0x7c, 0xff, 0x00, 0x00,
+        0x00, 0x24, 0xff, 0x7c,
+        /* ch = 'L' */
+        0x14, 0x74, 0x2d, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0xff, 0xff,
+        0xff, 0xff, 0xff, 0x50,
+        /* ch = 'M' */
+        0x42, 0x4e, 0x00, 0x00, 0x00, 0x00, 0x32, 0x58, 0x7c, 0xff, 0x1c, 0x00,
+        0x00, 0x04, 0xe5, 0xb7, 0x7c, 0xff, 0x8a, 0x00, 0x00, 0x50, 0xff, 0xb7,
+        0x7c, 0xff, 0xff, 0x22, 0x0d, 0xe5, 0xf7, 0xb7, 0x7c, 0xb7, 0xa7, 0x8a,
+        0x5a, 0xc8, 0x82, 0xb7, 0x7c, 0xb7, 0x2c, 0xff, 0xf7, 0x32, 0x7c, 0xb7,
+        0x7c, 0xb7, 0x00, 0xa0, 0xb7, 0x00, 0x7c, 0xb7, 0x7c, 0xb7, 0x00, 0x0c,
+        0x0c, 0x00, 0x7c, 0xb7, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7,
+        0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7, 0x7c, 0xb7, 0x00, 0x00,
+        0x00, 0x00, 0x7c, 0xb7,
+        /* ch = 'N' */
+        0x30, 0x74, 0x10, 0x00, 0x00, 0x00, 0x58, 0x42, 0x50, 0xff, 0x6b, 0x00,
+        0x00, 0x00, 0xb7, 0x7c, 0x50, 0xff, 0xff, 0x1f, 0x00, 0x00, 0xb7, 0x7c,
+        0x50, 0xff, 0xc8, 0xa0, 0x00, 0x00, 0xb7, 0x7c, 0x50, 0xff, 0x32, 0xff,
+        0x32, 0x00, 0xb7, 0x7c, 0x50, 0xff, 0x00, 0xa0, 0xc8, 0x04, 0xb7, 0x7c,
+        0x50, 0xff, 0x00, 0x24, 0xff, 0x44, 0xb7, 0x7c, 0x50, 0xff, 0x00, 0x00,
+        0x6b, 0xe5, 0xcf, 0x7c, 0x50, 0xff, 0x00, 0x00, 0x10, 0xf7, 0xff, 0x7c,
+        0x50, 0xff, 0x00, 0x00, 0x00, 0x50, 0xff, 0x7c, 0x50, 0xff, 0x00, 0x00,
+        0x00, 0x04, 0xdb, 0x7c,
+        /* ch = 'O' */
+        0x00, 0x00, 0x2b, 0x82, 0x9e, 0x48, 0x04, 0x00, 0x00, 0x50, 0xff, 0x66,
+        0x50, 0xf7, 0xb1, 0x04, 0x22, 0xff, 0x3b, 0x00, 0x00, 0x24, 0xff, 0x48,
+        0x5f, 0xe5, 0x04, 0x00, 0x00, 0x00, 0xa0, 0xa0, 0xa0, 0x90, 0x00, 0x00,
+        0x00, 0x00, 0x5f, 0xf7, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff,
+        0xb7, 0x82, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x77, 0xcf, 0x00, 0x00,
+        0x00, 0x00, 0x77, 0xbd, 0x39, 0xff, 0x24, 0x00, 0x00, 0x04, 0xe5, 0x6b,
+        0x04, 0xb7, 0xdb, 0x1b, 0x08, 0x8a, 0xf7, 0x1c, 0x00, 0x10, 0xbb, 0xff,
+        0xff, 0xe5, 0x26, 0x00, 0x00, 0x00, 0x00, 0x0f, 0x12, 0x00, 0x00, 0x00,
+        /* ch = 'P' */
+        0x22, 0x74, 0x74, 0x74, 0x74, 0x50, 0x08, 0x00, 0x32, 0xff, 0x87, 0x74,
+        0x74, 0xef, 0xef, 0x10, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x10, 0xf7, 0x6b,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x1f, 0xff, 0x5a, 0x32, 0xff, 0xd4, 0xcf, 0xcf, 0xf7, 0xa9, 0x04,
+        0x32, 0xff, 0x4a, 0x36, 0x2a, 0x15, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x00, 0x00,
+        /* ch = 'Q' */
+        0x00, 0x00, 0x2b, 0x82, 0x9e, 0x48, 0x04, 0x00, 0x00, 0x50, 0xf7, 0x66,
+        0x47, 0xef, 0xb1, 0x04, 0x22, 0xff, 0x3b, 0x00, 0x00, 0x1f, 0xff, 0x48,
+        0x5f, 0xe5, 0x00, 0x00, 0x00, 0x00, 0xa0, 0xa0, 0xa0, 0x90, 0x00, 0x00,
+        0x00, 0x00, 0x54, 0xf7, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff,
+        0xb7, 0x82, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x77, 0xcf, 0x00, 0x00,
+        0x00, 0x00, 0x77, 0xbd, 0x39, 0xff, 0x24, 0x00, 0x00, 0x04, 0xe5, 0x6b,
+        0x04, 0xc8, 0xd4, 0x16, 0x04, 0x70, 0xf7, 0x1c, 0x00, 0x10, 0xb3, 0xff,
+        0xff, 0xe5, 0x2c, 0x00, 0x00, 0x00, 0x00, 0x54, 0xec, 0x04, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x1c, 0xf7, 0xa4, 0x74, 0x30, 0x00, 0x00, 0x00, 0x00,
+        0x16, 0x36, 0x36, 0x1e,
+        /* ch = 'R' */
+        0x22, 0x74, 0x74, 0x74, 0x74, 0x47, 0x08, 0x00, 0x32, 0xff, 0x87, 0x74,
+        0x74, 0xef, 0xd4, 0x0d, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x24, 0xff, 0x44,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xff, 0x66, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x32, 0xff, 0x39, 0x32, 0xff, 0xd4, 0xcf, 0xcf, 0xff, 0x7c, 0x00,
+        0x32, 0xff, 0x4a, 0x36, 0xf7, 0x6d, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
+        0x5a, 0xf7, 0x10, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x0d, 0xf7, 0x6b, 0x00,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x5a, 0xf7, 0x17, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x0d, 0xf7, 0x70,
+        /* ch = 'S' */
+        0x00, 0x00, 0x22, 0x74, 0x74, 0x50, 0x13, 0x00, 0x00, 0x50, 0xf7, 0x5a,
+        0x36, 0xab, 0xf7, 0x1a, 0x04, 0xf7, 0x54, 0x00, 0x00, 0x00, 0x51, 0x00,
+        0x04, 0xff, 0x70, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x6b, 0xff, 0x73,
+        0x0c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x37, 0xe5, 0xff, 0x7f, 0x13, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x2b, 0xc4, 0xf7, 0x1f, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x04, 0xe5, 0x77, 0x00, 0x21, 0x00, 0x00, 0x00, 0x00, 0xbd, 0x7c,
+        0x2d, 0xf7, 0x37, 0x04, 0x00, 0x3f, 0xff, 0x39, 0x04, 0x5b, 0xef, 0xff,
+        0xff, 0xf7, 0x50, 0x00, 0x00, 0x00, 0x00, 0x15, 0x15, 0x04, 0x00, 0x00,
+        /* ch = 'T' */
+        0x58, 0x74, 0x74, 0x74, 0x74, 0x74, 0x74, 0x58, 0x2d, 0x36, 0x36, 0xcf,
+        0xa5, 0x36, 0x36, 0x2d, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb7,
+        0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb7,
+        0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xb7,
+        0x7c, 0x00, 0x00, 0x00,
+        /* ch = 'U' */
+        0x30, 0x74, 0x11, 0x00, 0x00, 0x00, 0x42, 0x42, 0x50, 0xff, 0x00, 0x00,
+        0x00, 0x00, 0x7c, 0x7c, 0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x7c,
+        0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x7c, 0x50, 0xff, 0x00, 0x00,
+        0x00, 0x00, 0x7c, 0x7c, 0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x7c,
+        0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x7c, 0x7c, 0x50, 0xff, 0x00, 0x00,
+        0x00, 0x00, 0xa0, 0x7c, 0x3b, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xcf, 0x77,
+        0x17, 0xf7, 0x8a, 0x04, 0x00, 0x4a, 0xff, 0x2a, 0x00, 0x26, 0xe5, 0xef,
+        0xe5, 0xef, 0x3b, 0x00, 0x00, 0x00, 0x00, 0x12, 0x15, 0x04, 0x00, 0x00,
+        /* ch = 'V' */
+        0x53, 0x4e, 0x00, 0x00, 0x00, 0x00, 0x2a, 0x74, 0x0a, 0x5a, 0xf7, 0x0d,
+        0x00, 0x00, 0x00, 0x90, 0xa0, 0x00, 0x22, 0xff, 0x39, 0x00, 0x00, 0x0d,
+        0xf7, 0x44, 0x00, 0x00, 0xc8, 0x8a, 0x00, 0x00, 0x39, 0xff, 0x14, 0x00,
+        0x00, 0x5a, 0xf7, 0x0d, 0x00, 0x7c, 0xa0, 0x00, 0x00, 0x00, 0x1c, 0xff,
+        0x39, 0x04, 0xf7, 0x44, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x8a, 0x2c, 0xff,
+        0x14, 0x00, 0x00, 0x00, 0x00, 0x50, 0xf7, 0x7c, 0xa0, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x1c, 0xff, 0xff, 0x44, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0xb7, 0xff, 0x14, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xa0, 0x00,
+        0x00, 0x00, 0x00,
+        /* ch = 'W' */
+        0x74, 0x2a, 0x00, 0x00, 0x00, 0x00, 0x04, 0x74, 0x1a, 0xbd, 0x5f, 0x00,
+        0x1c, 0x6c, 0x00, 0x1c, 0xff, 0x1a, 0x82, 0x90, 0x00, 0x44, 0xe5, 0x00,
+        0x32, 0xf7, 0x00, 0x54, 0xcf, 0x00, 0x90, 0xff, 0x24, 0x4d, 0xb1, 0x00,
+        0x3b, 0xff, 0x08, 0xf7, 0xff, 0x50, 0x6b, 0x7c, 0x00, 0x24, 0xff, 0x3f,
+        0xe5, 0x6b, 0xa0, 0x90, 0x50, 0x00, 0x0d, 0xff, 0xb7, 0x7c, 0x3b, 0xff,
+        0xcf, 0x32, 0x00, 0x00, 0xcf, 0xff, 0x44, 0x14, 0xff, 0xff, 0x1c, 0x00,
+        0x00, 0x90, 0xff, 0x1c, 0x00, 0xbd, 0xff, 0x00, 0x00, 0x00, 0x6b, 0xcf,
+        0x00, 0x00, 0x6b, 0xbd, 0x00, 0x00, 0x00, 0x44, 0x6b, 0x00, 0x00, 0x32,
+        0x82, 0x00, 0x00,
+        /* ch = 'X' */
+        0x42, 0x74, 0x17, 0x00, 0x00, 0x04, 0x74, 0x35, 0x0d, 0xe5, 0x70, 0x00,
+        0x00, 0x50, 0xf7, 0x10, 0x00, 0x44, 0xff, 0x1c, 0x10, 0xf7, 0x5a, 0x00,
+        0x00, 0x04, 0xc8, 0x90, 0x5f, 0xf7, 0x0d, 0x00, 0x00, 0x00, 0x32, 0xff,
+        0xf7, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0xbd, 0xff, 0x10, 0x00, 0x00,
+        0x00, 0x00, 0x24, 0xff, 0xff, 0x44, 0x00, 0x00, 0x00, 0x00, 0xa0, 0xc8,
+        0x82, 0xe5, 0x0d, 0x00, 0x00, 0x2c, 0xff, 0x32, 0x17, 0xf7, 0x5f, 0x00,
+        0x00, 0xb7, 0xa7, 0x00, 0x00, 0x5f, 0xf7, 0x17, 0x3b, 0xff, 0x2a, 0x00,
+        0x00, 0x0d, 0xe5, 0x82,
+        /* ch = 'Y' */
+        0x4a, 0x67, 0x04, 0x00, 0x00, 0x00, 0x45, 0x64, 0x2c, 0xff, 0x3b, 0x00,
+        0x00, 0x0d, 0xf7, 0x5a, 0x00, 0xa0, 0xc8, 0x04, 0x00, 0x5a, 0xf7, 0x0d,
+        0x00, 0x2a, 0xff, 0x3b, 0x04, 0xe5, 0x6b, 0x00, 0x00, 0x00, 0xa0, 0xc8,
+        0x48, 0xff, 0x17, 0x00, 0x00, 0x00, 0x2a, 0xff, 0xf7, 0x70, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0xa7, 0xff, 0x22, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c,
+        0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c,
+        0xff, 0x00, 0x00, 0x00,
+        /* ch = 'Z' */
+        0x22, 0x74, 0x74, 0x74, 0x74, 0x74, 0x74, 0x42, 0x16, 0x36, 0x36, 0x36,
+        0x36, 0x57, 0xff, 0x44, 0x00, 0x00, 0x00, 0x00, 0x00, 0xa0, 0xb7, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x3b, 0xff, 0x24, 0x00, 0x00, 0x00, 0x00, 0x0d,
+        0xe5, 0x6b, 0x00, 0x00, 0x00, 0x00, 0x00, 0x6b, 0xe5, 0x10, 0x00, 0x00,
+        0x00, 0x00, 0x24, 0xff, 0x44, 0x00, 0x00, 0x00, 0x00, 0x04, 0xb7, 0xb7,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x44, 0xff, 0x24, 0x00, 0x00, 0x00, 0x00,
+        0x10, 0xf7, 0x6b, 0x00, 0x00, 0x00, 0x00, 0x0c, 0x50, 0xff, 0xff, 0xff,
+        0xff, 0xff, 0xff, 0xb7,
+        /* ch = '[' */
+        0x0d, 0x36, 0x36, 0x36, 0x36, 0x36, 0x0d, 0x1c, 0xff, 0x9c, 0x74, 0x74,
+        0x74, 0x14, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x1c,
+        0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00,
+        0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff,
+        0x32, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0x62, 0x36, 0x36, 0x36, 0x0d, 0x14, 0x74, 0x74, 0x74, 0x74,
+        0x74, 0x14,
+        /* ch = '\' */
+        0x00, 0x0f, 0x04, 0x11, 0xff, 0x48, 0x00, 0x70, 0xdb, 0x00, 0x22, 0xff,
+        0x00, 0x00, 0x8a, 0x00, 0x00, 0x2a, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00,
+        /* ch = ']' */
+        0x2d, 0x36, 0x36, 0x36, 0x36, 0x16, 0x58, 0x74, 0x74, 0x87, 0xff, 0x32,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        0x36, 0x36, 0x36, 0x4a, 0xff, 0x32, 0x74, 0x74, 0x74, 0x74, 0x74, 0x22,
+        /* ch = '^' */
+        0x00, 0x00, 0x1f, 0x45, 0x00, 0x00, 0x00, 0x00, 0xb1, 0xf7, 0x17, 0x00,
+        0x00, 0x3b, 0xf7, 0xdb, 0x7c, 0x00, 0x0d, 0xe5, 0x4d, 0x32, 0xff, 0x1c,
+        0x60, 0xb7, 0x04, 0x00, 0xa0, 0x7e, 0x00, 0x0c, 0x00, 0x00, 0x0c, 0x04,
+        /* ch = '_' */
+        0x42, 0x74, 0x74, 0x74, 0x74, 0x74, 0x74, 0x74, 0x26, 0x36, 0x36, 0x36,
+        0x36, 0x36, 0x36, 0x36,
+        /* ch = '`' */
+        0x1b, 0x16, 0x00, 0x00, 0xa7, 0x70, 0x00, 0x00, 0x44, 0xf7, 0x1f, 0x00,
+        0x0d, 0xe5, 0xef, 0x14, 0x00, 0x26, 0x74, 0x0d,
+        /* ch = 'a' */
+        0x00, 0x13, 0x8d, 0xe5, 0xef, 0xab, 0x21, 0x00, 0x00, 0x54, 0x84, 0x18,
+        0x0f, 0x7c, 0xf7, 0x0d, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        0x00, 0x00, 0x25, 0x47, 0x74, 0x87, 0xff, 0x32, 0x04, 0xa9, 0xdb, 0x47,
+        0x36, 0x36, 0xff, 0x32, 0x44, 0xff, 0x1c, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        0x44, 0xff, 0x28, 0x00, 0x08, 0xa0, 0xff, 0x32, 0x04, 0x94, 0xff, 0xcf,
+        0xf7, 0x94, 0xff, 0x32, 0x00, 0x00, 0x0f, 0x15, 0x08, 0x00, 0x00, 0x00,
+        /* ch = 'b' */
+        0x16, 0x36, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x32, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x64, 0xbd,
+        0xff, 0xc4, 0x26, 0x00, 0x32, 0xff, 0xdb, 0x20, 0x1a, 0xb1, 0xf7, 0x17,
+        0x32, 0xff, 0x3b, 0x00, 0x00, 0x17, 0xff, 0x5f, 0x32, 0xff, 0x32, 0x00,
+        0x00, 0x00, 0xbd, 0x90, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0xb7, 0x90,
+        0x32, 0xff, 0x35, 0x00, 0x00, 0x04, 0xf7, 0x5f, 0x32, 0xff, 0xb1, 0x08,
+        0x04, 0x7c, 0xff, 0x1c, 0x32, 0xf7, 0x73, 0xff, 0xff, 0xf7, 0x3b, 0x00,
+        0x00, 0x00, 0x00, 0x0c, 0x15, 0x04, 0x00, 0x00,
+        /* ch = 'c' */
+        0x00, 0x00, 0x35, 0xbd, 0xef, 0xcf, 0x5b, 0x04, 0x00, 0x50, 0xff, 0x50,
+        0x15, 0x31, 0xef, 0x6d, 0x14, 0xf7, 0x5f, 0x00, 0x00, 0x00, 0x30, 0x10,
+        0x32, 0xff, 0x2a, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x2a, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x5f, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x77, 0xf7, 0x31, 0x00, 0x13, 0x8d, 0x2c, 0x00, 0x04, 0x7f, 0xff,
+        0xff, 0xff, 0xbb, 0x19, 0x00, 0x00, 0x00, 0x08, 0x15, 0x0f, 0x00, 0x00,
+        /* ch = 'd' */
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x36, 0x24, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x13, 0x9e, 0xff,
+        0xe5, 0x50, 0xff, 0x50, 0x04, 0xdb, 0xb1, 0x16, 0x16, 0xc4, 0xff, 0x50,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x2c, 0xff, 0x50, 0x50, 0xff, 0x00, 0x00,
+        0x00, 0x1c, 0xff, 0x50, 0x50, 0xff, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x50,
+        0x3b, 0xff, 0x24, 0x00, 0x00, 0x2c, 0xff, 0x50, 0x0d, 0xf7, 0xb1, 0x08,
+        0x0c, 0xb1, 0xff, 0x50, 0x00, 0x2c, 0xef, 0xff, 0xff, 0x66, 0xff, 0x50,
+        0x00, 0x00, 0x04, 0x15, 0x08, 0x00, 0x00, 0x00,
+        /* ch = 'e' */
+        0x00, 0x04, 0x73, 0xe5, 0xff, 0xab, 0x19, 0x00, 0x00, 0xa0, 0xc8, 0x16,
+        0x08, 0x8a, 0xdb, 0x0d, 0x24, 0xff, 0x2c, 0x00, 0x00, 0x0d, 0xff, 0x3b,
+        0x4d, 0xff, 0x7b, 0x74, 0x74, 0x74, 0xff, 0x50, 0x50, 0xff, 0x17, 0x15,
+        0x15, 0x15, 0x15, 0x0c, 0x32, 0xff, 0x26, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x04, 0xdb, 0xb1, 0x13, 0x00, 0x13, 0x5b, 0x08, 0x00, 0x19, 0xbb, 0xff,
+        0xcf, 0xff, 0x8d, 0x04, 0x00, 0x00, 0x00, 0x0f, 0x15, 0x08, 0x00, 0x00,
+        /* ch = 'f' */
+        0x00, 0x00, 0x1e, 0x36, 0x2a, 0x04, 0x00, 0x04, 0x99, 0xef, 0x74, 0xd4,
+        0xd4, 0x0d, 0x39, 0xff, 0x24, 0x00, 0x04, 0x73, 0x00, 0x50, 0xff, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x82, 0xff, 0x36, 0x36, 0x1e, 0x00, 0x00, 0xb1,
+        0xff, 0x74, 0x74, 0x30, 0x00, 0x00, 0x50, 0xff, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'g' */
+        0x00, 0x19, 0xb3, 0xff, 0xef, 0x66, 0xc4, 0xff, 0x0d, 0xdb, 0x7c, 0x04,
+        0x28, 0xff, 0x4f, 0x00, 0x2f, 0xff, 0x1c, 0x00, 0x00, 0xb7, 0x77, 0x00,
+        0x1c, 0xff, 0x3b, 0x00, 0x10, 0xe5, 0x50, 0x00, 0x00, 0x50, 0xff, 0x9e,
+        0xef, 0xa9, 0x04, 0x00, 0x00, 0xa0, 0x64, 0x36, 0x20, 0x00, 0x00, 0x00,
+        0x00, 0xf7, 0x7c, 0x36, 0x36, 0x36, 0x0f, 0x00, 0x04, 0x8f, 0xab, 0x74,
+        0x74, 0xd4, 0xff, 0x32, 0x5a, 0xcf, 0x00, 0x00, 0x00, 0x00, 0x97, 0x7c,
+        0x66, 0xf7, 0x2b, 0x04, 0x04, 0x2b, 0xf7, 0x44, 0x04, 0x5b, 0xcf, 0xef,
+        0xe5, 0xbd, 0x37, 0x00,
+        /* ch = 'h' */
+        0x04, 0x15, 0x1e, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x50, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x59, 0x7f,
+        0xf7, 0xdd, 0x2f, 0x00, 0x1c, 0xff, 0xff, 0x65, 0x15, 0x8a, 0xf7, 0x14,
+        0x1c, 0xff, 0x7c, 0x00, 0x00, 0x24, 0xff, 0x32, 0x1c, 0xff, 0x50, 0x00,
+        0x00, 0x1c, 0xff, 0x32, 0x1c, 0xff, 0x50, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        0x1c, 0xff, 0x50, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x1c, 0xff, 0x50, 0x00,
+        0x00, 0x1c, 0xff, 0x32, 0x1c, 0xff, 0x50, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        /* ch = 'i' */
+        0x00, 0x00, 0x08, 0x0c, 0x00, 0x00, 0x00, 0x00, 0xb1, 0xff, 0x14, 0x00,
+        0x00, 0x00, 0x35, 0x5b, 0x04, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x45, 0xcf, 0xcf, 0x95, 0x00, 0x00, 0x0c, 0x15, 0x88, 0xb7, 0x00, 0x00,
+        0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00,
+        0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00,
+        0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x7c, 0xff, 0xff, 0xff, 0xff, 0x7c,
+        /* ch = 'j' */
+        0x00, 0x00, 0x00, 0x00, 0x12, 0x00, 0x00, 0x00, 0x00, 0x4d, 0xff, 0x44,
+        0x00, 0x00, 0x00, 0x19, 0x74, 0x19, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x1a, 0xcf, 0xcf, 0xcf, 0xcf, 0x2d, 0x04, 0x15, 0x15, 0x3e, 0xff, 0x32,
+        0x00, 0x00, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x32, 0xff, 0x32,
+        0x00, 0x00, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x32, 0xff, 0x32,
+        0x00, 0x00, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x32, 0xff, 0x2f,
+        0x0c, 0x00, 0x00, 0x3b, 0xff, 0x1c, 0xdb, 0x2b, 0x1a, 0xc8, 0xb1, 0x00,
+        0x8d, 0xf7, 0xf7, 0x8d, 0x10, 0x00,
+        /* ch = 'k' */
+        0x04, 0x15, 0x0c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0x32, 0x00, 0x00, 0x3b, 0xcf, 0x2d, 0x00, 0x1c, 0xff, 0x32,
+        0x00, 0x50, 0xf7, 0x32, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x5f, 0xf7, 0x26,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0xd4, 0xff, 0x5e, 0x00, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0xd4, 0x8a, 0xff, 0x32, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        0x04, 0xb1, 0xe5, 0x10, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x10, 0xdb,
+        0xb1, 0x04, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x1f, 0xf7, 0x7c, 0x04,
+        /* ch = 'l' */
+        0x12, 0x15, 0x15, 0x12, 0x00, 0x00, 0x00, 0x58, 0x74, 0xc8, 0xb7, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c,
+        0xb7, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x7c, 0xb7, 0x00, 0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x1c,
+        /* ch = 'm' */
+        0x67, 0xbd, 0xcb, 0xef, 0x47, 0xc4, 0xf7, 0x4d, 0x7c, 0xff, 0x1f, 0x97,
+        0xff, 0x32, 0x64, 0xf7, 0x7c, 0xb7, 0x00, 0x7c, 0xe5, 0x00, 0x50, 0xff,
+        0x7c, 0xb7, 0x00, 0x7c, 0xb7, 0x00, 0x50, 0xff, 0x7c, 0xb7, 0x00, 0x7c,
+        0xb7, 0x00, 0x50, 0xff, 0x7c, 0xb7, 0x00, 0x7c, 0xb7, 0x00, 0x50, 0xff,
+        0x7c, 0xb7, 0x00, 0x7c, 0xb7, 0x00, 0x50, 0xff, 0x7c, 0xb7, 0x00, 0x7c,
+        0xb7, 0x00, 0x50, 0xff,
+        /* ch = 'n' */
+        0x1a, 0xcf, 0x32, 0x7f, 0xf7, 0xdd, 0x2c, 0x00, 0x1c, 0xff, 0xf7, 0x5a,
+        0x15, 0x90, 0xf7, 0x0d, 0x1c, 0xff, 0x70, 0x00, 0x00, 0x24, 0xff, 0x32,
+        0x1c, 0xff, 0x3b, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x1c, 0xff, 0x32, 0x00,
+        0x00, 0x1c, 0xff, 0x32, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        0x1c, 0xff, 0x32, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x1c, 0xff, 0x32, 0x00,
+        0x00, 0x1c, 0xff, 0x32,
+        /* ch = 'o' */
+        0x00, 0x04, 0x66, 0xdd, 0xef, 0x9e, 0x19, 0x00, 0x00, 0x99, 0xdb, 0x2b,
+        0x1a, 0xb1, 0xe5, 0x10, 0x2c, 0xff, 0x2c, 0x00, 0x00, 0x17, 0xff, 0x5a,
+        0x6b, 0xff, 0x04, 0x00, 0x00, 0x00, 0xb7, 0xb1, 0x77, 0xff, 0x00, 0x00,
+        0x00, 0x00, 0xb7, 0xb7, 0x44, 0xff, 0x24, 0x00, 0x00, 0x04, 0xe5, 0x6b,
+        0x0d, 0xdb, 0xb1, 0x08, 0x00, 0x5f, 0xff, 0x24, 0x00, 0x19, 0xcb, 0xf7,
+        0xe5, 0xef, 0x35, 0x00, 0x00, 0x00, 0x00, 0x12, 0x15, 0x04, 0x00, 0x00,
+        /* ch = 'p' */
+        0x2d, 0xcf, 0x50, 0xab, 0xf7, 0xbd, 0x26, 0x00, 0x32, 0xff, 0xdb, 0x25,
+        0x1a, 0xb1, 0xff, 0x1f, 0x32, 0xff, 0x3b, 0x00, 0x00, 0x10, 0xff, 0x77,
+        0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0xb7, 0xb7, 0x32, 0xff, 0x32, 0x00,
+        0x00, 0x00, 0xa7, 0xb7, 0x32, 0xff, 0x35, 0x00, 0x00, 0x04, 0xe5, 0x7c,
+        0x32, 0xff, 0xb1, 0x08, 0x04, 0x5f, 0xff, 0x2a, 0x32, 0xff, 0xbb, 0xff,
+        0xf7, 0xf7, 0x44, 0x00, 0x32, 0xff, 0x32, 0x0c, 0x15, 0x08, 0x00, 0x00,
+        0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x2d, 0xcf, 0x2d, 0x00,
+        0x00, 0x00, 0x00, 0x00,
+        /* ch = 'q' */
+        0x00, 0x10, 0x8d, 0xf7, 0xef, 0x66, 0xcf, 0x45, 0x04, 0xc8, 0xb1, 0x16,
+        0x16, 0xb1, 0xff, 0x50, 0x39, 0xff, 0x22, 0x00, 0x00, 0x24, 0xff, 0x50,
+        0x5f, 0xff, 0x00, 0x00, 0x00, 0x1a, 0xff, 0x50, 0x5f, 0xff, 0x00, 0x00,
+        0x00, 0x14, 0xff, 0x50, 0x44, 0xff, 0x24, 0x00, 0x00, 0x24, 0xff, 0x50,
+        0x0d, 0xe5, 0xb1, 0x08, 0x08, 0xb1, 0xff, 0x50, 0x00, 0x21, 0xef, 0xff,
+        0xff, 0x66, 0xff, 0x50, 0x00, 0x00, 0x00, 0x15, 0x0c, 0x00, 0xff, 0x50,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0xcf, 0x45,
+        /* ch = 'r' */
+        0x67, 0xcf, 0x2f, 0xbd, 0xff, 0xd4, 0x2f, 0x7c, 0xff, 0xf7, 0x37, 0x15,
+        0x64, 0x50, 0x7c, 0xff, 0x44, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xff, 0x04,
+        0x00, 0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c,
+        0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 's' */
+        0x00, 0x08, 0x73, 0xe5, 0xff, 0xbd, 0x37, 0x00, 0x00, 0x8a, 0xdb, 0x16,
+        0x04, 0x3f, 0xff, 0x1a, 0x00, 0xb1, 0xc8, 0x08, 0x00, 0x00, 0x21, 0x00,
+        0x00, 0x2c, 0xef, 0xf7, 0x8f, 0x2a, 0x04, 0x00, 0x00, 0x00, 0x08, 0x31,
+        0x9e, 0xff, 0xd4, 0x10, 0x00, 0x0c, 0x00, 0x00, 0x00, 0x28, 0xff, 0x4d,
+        0x17, 0xef, 0x31, 0x00, 0x00, 0x3a, 0xff, 0x2c, 0x04, 0x5b, 0xef, 0xef,
+        0xef, 0xf7, 0x50, 0x00, 0x00, 0x00, 0x00, 0x15, 0x15, 0x00, 0x00, 0x00,
+        /* ch = 't' */
+        0x00, 0x00, 0x1a, 0xf7, 0x44, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xff, 0x32,
+        0x00, 0x00, 0x1a, 0xcf, 0xdd, 0xff, 0xdd, 0xcf, 0x95, 0x04, 0x15, 0x3e,
+        0xff, 0x28, 0x15, 0x12, 0x00, 0x00, 0x35, 0xff, 0x1c, 0x00, 0x00, 0x00,
+        0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x3b, 0xff,
+        0x3f, 0x08, 0x48, 0x00, 0x00, 0x04, 0xa9, 0xff, 0xff, 0xcb, 0x00, 0x00,
+        0x00, 0x00, 0x0f, 0x0c, 0x00,
+        /* ch = 'u' */
+        0x2d, 0xcf, 0x2d, 0x00, 0x00, 0x1a, 0xcf, 0x2d, 0x32, 0xff, 0x32, 0x00,
+        0x00, 0x1c, 0xff, 0x32, 0x32, 0xff, 0x32, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        0x32, 0xff, 0x32, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x32, 0xff, 0x32, 0x00,
+        0x00, 0x1c, 0xff, 0x32, 0x24, 0xff, 0x35, 0x00, 0x00, 0x2a, 0xff, 0x32,
+        0x04, 0xe5, 0xa0, 0x04, 0x08, 0xb1, 0xff, 0x32, 0x00, 0x2c, 0xef, 0xe5,
+        0xef, 0x84, 0xff, 0x3b, 0x00, 0x00, 0x04, 0x15, 0x0c, 0x00, 0x00, 0x00,
+        /* ch = 'v' */
+        0x4a, 0xcf, 0x1a, 0x00, 0x00, 0x00, 0x78, 0x73, 0x17, 0xff, 0x48, 0x00,
+        0x00, 0x04, 0xf7, 0x3b, 0x00, 0xa7, 0xc8, 0x00, 0x00, 0x39, 0xf7, 0x0d,
+        0x00, 0x39, 0xff, 0x22, 0x00, 0x97, 0x70, 0x00, 0x00, 0x04, 0xe5, 0x70,
+        0x22, 0xff, 0x22, 0x00, 0x00, 0x00, 0x6b, 0xf7, 0x82, 0xa7, 0x00, 0x00,
+        0x00, 0x00, 0x22, 0xff, 0xff, 0x39, 0x00, 0x00, 0x00, 0x00, 0x00, 0xa7,
+        0xe5, 0x04, 0x00, 0x00,
+        /* ch = 'w' */
+        0xcf, 0x45, 0x00, 0x00, 0x00, 0x00, 0x2d, 0xcf, 0x17, 0xb1, 0x6b, 0x00,
+        0x54, 0xb7, 0x00, 0x32, 0xff, 0x00, 0x6b, 0xb1, 0x00, 0xa0, 0xff, 0x17,
+        0x4d, 0xb7, 0x00, 0x3b, 0xff, 0x04, 0xff, 0xf7, 0x44, 0x5f, 0x82, 0x00,
+        0x1f, 0xff, 0x48, 0xcf, 0x6b, 0x90, 0x82, 0x54, 0x00, 0x04, 0xff, 0xc8,
+        0x6b, 0x32, 0xff, 0xcf, 0x35, 0x00, 0x00, 0xb1, 0xff, 0x32, 0x0d, 0xf7,
+        0xff, 0x1c, 0x00, 0x00, 0x6b, 0xff, 0x0d, 0x00, 0x90, 0xf7, 0x00, 0x00,
+        /* ch = 'x' */
+        0x28, 0xcf, 0x32, 0x00, 0x00, 0x32, 0xcf, 0x1d, 0x00, 0x6b, 0xf7, 0x17,
+        0x10, 0xe5, 0x5f, 0x00, 0x00, 0x04, 0xb7, 0xb1, 0x82, 0xc8, 0x04, 0x00,
+        0x00, 0x00, 0x1f, 0xf7, 0xff, 0x24, 0x00, 0x00, 0x00, 0x00, 0x17, 0xf7,
+        0xff, 0x24, 0x00, 0x00, 0x00, 0x00, 0xb1, 0xb7, 0xa0, 0xdb, 0x0d, 0x00,
+        0x00, 0x50, 0xff, 0x1f, 0x10, 0xe5, 0x7c, 0x00, 0x1f, 0xf7, 0x54, 0x00,
+        0x00, 0x32, 0xff, 0x35,
+        /* ch = 'y' */
+        0x3a, 0xcf, 0x2d, 0x00, 0x00, 0x00, 0x87, 0x82, 0x0d, 0xf7, 0x5a, 0x00,
+        0x00, 0x0d, 0xff, 0x44, 0x00, 0x70, 0xe5, 0x04, 0x00, 0x3b, 0xff, 0x14,
+        0x00, 0x22, 0xff, 0x39, 0x00, 0x90, 0x8a, 0x00, 0x00, 0x00, 0xa7, 0xa0,
+        0x14, 0xff, 0x32, 0x00, 0x00, 0x00, 0x39, 0xff, 0x65, 0xe5, 0x04, 0x00,
+        0x00, 0x00, 0x04, 0xf7, 0xff, 0x5f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x70,
+        0xff, 0x22, 0x00, 0x00, 0x00, 0x00, 0x00, 0x70, 0xa7, 0x00, 0x00, 0x00,
+        0x49, 0x28, 0x2b, 0xff, 0x44, 0x00, 0x00, 0x00, 0x6c, 0xf7, 0xef, 0x50,
+        0x00, 0x00, 0x00, 0x00,
+        /* ch = 'z' */
+        0x1a, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x1a, 0x04, 0x15, 0x15, 0x15,
+        0x17, 0xc6, 0xb1, 0x04, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xf7, 0x1c, 0x00,
+        0x00, 0x00, 0x00, 0x50, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff,
+        0x50, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xf7, 0x7c, 0x00, 0x00, 0x00, 0x00,
+        0x10, 0xdb, 0xb1, 0x04, 0x00, 0x00, 0x00, 0x0f, 0x50, 0xff, 0xff, 0xff,
+        0xff, 0xff, 0xff, 0x7c,
+        /* ch = '{' */
+        0x00, 0x28, 0xab, 0xcf, 0xcf, 0x22, 0xff, 0x5f, 0x15, 0x15, 0x50, 0xff,
+        0x00, 0x00, 0x00, 0x50, 0xff, 0x00, 0x00, 0x00, 0x50, 0xff, 0x00, 0x00,
+        0x00, 0xa7, 0x8a, 0x00, 0x00, 0x00, 0xc6, 0x08, 0x00, 0x00, 0x00, 0xdb,
+        0x4d, 0x00, 0x00, 0x00, 0x6b, 0xcf, 0x00, 0x00, 0x00, 0x5f, 0xff, 0x00,
+        0x00, 0x00, 0x7c, 0xcf, 0x00, 0x00, 0x00, 0x5f, 0xff, 0x04, 0x00, 0x00,
+        0x2a, 0xff, 0x84, 0x1a, 0x15, 0x00, 0x28, 0x74, 0xbd, 0x8f,
+        /* ch = '|' */
+        0x7c, 0xb7, 0x7c, 0xb7, 0x7c, 0xb7, 0x7c, 0xb7, 0x7c, 0xb7, 0x7c, 0xb7,
+        0x7c, 0xb7, 0x7c, 0xb7, 0x7c, 0xb7, 0x7c, 0xb7, 0x7c, 0xb7, 0x7c, 0xb7,
+        0x7c, 0xb7, 0x42, 0x58,
+        /* ch = '}' */
+        0x95, 0xcf, 0xbd, 0x37, 0x00, 0x12, 0x15, 0x3f, 0xff, 0x39, 0x00, 0x00,
+        0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0xb7,
+        0x7c, 0x00, 0x00, 0x00, 0x5a, 0xe5, 0x00, 0x00, 0x00, 0x04, 0x8f, 0x00,
+        0x00, 0x00, 0x2f, 0xf7, 0x00, 0x00, 0x00, 0x90, 0xb1, 0x00, 0x00, 0x00,
+        0xb7, 0xb1, 0x00, 0x00, 0x00, 0x82, 0xb7, 0x00, 0x00, 0x00, 0xb7, 0x90,
+        0x0f, 0x15, 0x65, 0xff, 0x44, 0x4a, 0xcf, 0x74, 0x37, 0x00,
+        /* ch = '~' */
+        0x50, 0xcf, 0xbd, 0x28, 0x00, 0x24, 0x5a, 0x04, 0xf7, 0x2b, 0x5a, 0xff,
+        0xa4, 0xf7, 0x77, 0x00, 0x0c, 0x00, 0x00, 0x21, 0x36, 0x22, 0x00, 0x00
 };
 
 /* font_inconsolata_18px */
 static const unsigned char pd_inconsolata_font_bitmap_18px_bytes[] = {
-	/* ch = '!' */
-	0x00, 0x94, 0xef, 0x14,
-	0x00, 0xb7, 0xff, 0x27,
-	0x00, 0xb7, 0xff, 0x1c,
-	0x00, 0x82, 0xff, 0x1a,
-	0x00, 0x7c, 0xff, 0x00,
-	0x00, 0x7c, 0xff, 0x00,
-	0x00, 0x54, 0xbd, 0x00,
-	0x00, 0x50, 0xb7, 0x00,
-	0x00, 0x30, 0x58, 0x00,
-	0x00, 0x00, 0x00, 0x00,
-	0x00, 0xa2, 0xe5, 0x1c,
-	0x04, 0xe5, 0xff, 0x27,
-	0x00, 0x0c, 0x12, 0x00,
-	/* ch = '"' */
-	0x99, 0xc0, 0x00, 0x6b, 0xdb, 0x04,
-	0xb7, 0xf7, 0x00, 0x82, 0xff, 0x14,
-	0xb7, 0x90, 0x00, 0x82, 0xb7, 0x00,
-	0xff, 0x39, 0x00, 0xe5, 0x50, 0x00,
-	0x5b, 0x0d, 0x0d, 0x5b, 0x17, 0x00,
-	/* ch = '#' */
-	0x00, 0x00, 0x04, 0x15, 0x04, 0x04, 0x15, 0x08, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x1a, 0x24, 0xff, 0x1f, 0x00,
-	0x00, 0x00, 0x3b, 0xff, 0x00, 0x32, 0xff, 0x0d, 0x00,
-	0x0c, 0x15, 0x5e, 0xc6, 0x15, 0x5e, 0xff, 0x15, 0x0c,
-	0x42, 0x74, 0xc8, 0xc8, 0x74, 0xc8, 0xe5, 0x74, 0x30,
-	0x00, 0x00, 0xa0, 0x77, 0x00, 0x82, 0x82, 0x00, 0x00,
-	0x00, 0x00, 0xbd, 0x50, 0x00, 0xb7, 0x6b, 0x00, 0x00,
-	0x12, 0x15, 0xff, 0x42, 0x2a, 0xf7, 0x82, 0x36, 0x0d,
-	0x58, 0x87, 0xff, 0x87, 0x87, 0xff, 0x6f, 0x36, 0x0d,
-	0x00, 0x24, 0xff, 0x1c, 0x1c, 0xff, 0x1f, 0x00, 0x00,
-	0x00, 0x32, 0xff, 0x00, 0x32, 0xff, 0x14, 0x00, 0x00,
-	0x00, 0x45, 0xab, 0x00, 0x3a, 0xcf, 0x00, 0x00, 0x00,
-	/* ch = '$' */
-	0x00, 0x00, 0x1a, 0xcf, 0x2d, 0x00, 0x00, 0x00,
-	0x00, 0x1b, 0x6b, 0xff, 0x9c, 0x25, 0x00, 0x00,
-	0x32, 0xff, 0x94, 0xff, 0xab, 0xf7, 0x84, 0x00,
-	0xb1, 0x82, 0x1c, 0xff, 0x32, 0x2a, 0x39, 0x00,
-	0xb1, 0xb7, 0x1f, 0xff, 0x32, 0x00, 0x00, 0x00,
-	0x32, 0xf7, 0xef, 0xff, 0x32, 0x00, 0x00, 0x00,
-	0x00, 0x13, 0x6b, 0xff, 0xf7, 0x8d, 0x13, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0x58, 0xd4, 0xdb, 0x04,
-	0x00, 0x00, 0x1c, 0xff, 0x32, 0x2c, 0xff, 0x2a,
-	0x73, 0x10, 0x1c, 0xff, 0x32, 0x3f, 0xff, 0x1a,
-	0xdb, 0xdb, 0x5f, 0xff, 0x99, 0xf7, 0x73, 0x00,
-	0x04, 0x3f, 0x95, 0xff, 0x9c, 0x31, 0x00, 0x00,
-	0x00, 0x00, 0x1a, 0xcf, 0x2d, 0x00, 0x00, 0x00,
-	/* ch = '%' */
-	0x00, 0x22, 0x36, 0x13, 0x00, 0x00, 0x08, 0x15, 0x04,
-	0x39, 0xf7, 0x95, 0xf7, 0x17, 0x00, 0x7c, 0xb7, 0x00,
-	0xa0, 0x82, 0x04, 0xff, 0x4d, 0x24, 0xff, 0x2a, 0x00,
-	0xa0, 0x82, 0x04, 0xff, 0x4d, 0xa0, 0x90, 0x00, 0x00,
-	0x2f, 0xff, 0xdd, 0xdb, 0x3f, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x0f, 0x15, 0x0c, 0xc8, 0x6b, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x44, 0xf7, 0x10, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x0d, 0xe5, 0x50, 0x22, 0x36, 0x22, 0x00,
-	0x00, 0x00, 0x5f, 0xdb, 0x2c, 0xff, 0x73, 0xff, 0x2f,
-	0x00, 0x17, 0xf7, 0x3b, 0x77, 0xa0, 0x00, 0x90, 0x77,
-	0x00, 0x7c, 0xb7, 0x00, 0x6b, 0xb7, 0x00, 0xb7, 0x6b,
-	0x24, 0xff, 0x2a, 0x00, 0x17, 0xdb, 0xdd, 0xdb, 0x1c,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x04, 0x15, 0x04, 0x00,
-	/* ch = '&' */
-	0x00, 0x00, 0x08, 0x25, 0x20, 0x04, 0x00, 0x00, 0x00,
-	0x00, 0x1c, 0xdb, 0xe5, 0xef, 0xd4, 0x0d, 0x00, 0x00,
-	0x00, 0x6b, 0xf7, 0x10, 0x1c, 0xff, 0x44, 0x00, 0x00,
-	0x00, 0x77, 0xe5, 0x04, 0x04, 0xff, 0x4d, 0x00, 0x00,
-	0x00, 0x2a, 0xff, 0x3b, 0x50, 0xf7, 0x17, 0x00, 0x00,
-	0x00, 0x00, 0x82, 0xff, 0xf7, 0x32, 0x00, 0x00, 0x00,
-	0x00, 0x32, 0xf7, 0xff, 0xc8, 0x04, 0x00, 0x0c, 0x00,
-	0x1c, 0xf7, 0x7c, 0x1f, 0xf7, 0x77, 0x04, 0xe5, 0x2f,
-	0x5f, 0xff, 0x17, 0x00, 0x4d, 0xff, 0x94, 0xf7, 0x1c,
-	0x7c, 0xff, 0x04, 0x00, 0x00, 0x88, 0xff, 0x54, 0x00,
-	0x48, 0xff, 0x54, 0x00, 0x37, 0xf7, 0xf7, 0xb1, 0x04,
-	0x04, 0x84, 0xff, 0xff, 0xf7, 0x50, 0x2f, 0xf7, 0x33,
-	0x00, 0x00, 0x0c, 0x15, 0x04, 0x00, 0x00, 0x0f, 0x00,
-	/* ch = ''' */
-	0x0d, 0xef, 0x66,
-	0x1a, 0xff, 0x7c,
-	0x14, 0xff, 0x44,
-	0x32, 0xff, 0x14,
-	0x24, 0x4e, 0x00,
-	/* ch = '(' */
-	0x00, 0x28, 0xd4, 0x2c,
-	0x4d, 0xff, 0x77, 0x0f,
-	0xff, 0x50, 0x00, 0x00,
-	0xa0, 0x00, 0x00, 0x00,
-	0x2c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00,
-	0x0d, 0x00, 0x00, 0x00,
-	0x48, 0x00, 0x00, 0x00,
-	0xdb, 0x04, 0x00, 0x00,
-	0xff, 0x7c, 0x00, 0x00,
-	0x32, 0xff, 0x8a, 0x08,
-	0x00, 0x26, 0xef, 0x44,
-	0x00, 0x00, 0x08, 0x04,
-	/* ch = ')' */
-	0x8a, 0x66, 0x04, 0x00,
-	0x37, 0xf7, 0xb1, 0x10,
-	0x00, 0x1f, 0xf7, 0xb1,
-	0x00, 0x00, 0x32, 0xff,
-	0x00, 0x00, 0x00, 0x90,
-	0x00, 0x00, 0x00, 0x3b,
-	0x00, 0x00, 0x00, 0x1c,
-	0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x1c,
-	0x00, 0x00, 0x00, 0x32,
-	0x00, 0x00, 0x00, 0x8a,
-	0x00, 0x00, 0x24, 0xff,
-	0x00, 0x10, 0xdb, 0xb1,
-	0x28, 0xdb, 0xd4, 0x10,
-	0xcf, 0x8d, 0x08, 0x00,
-	0x0c, 0x00, 0x00, 0x00,
-	/* ch = '*' */
-	0x00, 0x00, 0x00, 0x1e, 0x36, 0x13, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x44, 0xff, 0x1c, 0x00, 0x00, 0x00,
-	0x17, 0x37, 0x04, 0x32, 0xff, 0x04, 0x08, 0x2a, 0x00,
-	0x4a, 0xf7, 0xe5, 0x6f, 0xff, 0x66, 0xf7, 0xdd, 0x11,
-	0x00, 0x04, 0x25, 0xa7, 0xff, 0x74, 0x0f, 0x00, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x97, 0xdb, 0x10, 0x00, 0x00,
-	0x00, 0x1f, 0xf7, 0x5f, 0x04, 0xc8, 0xb1, 0x04, 0x00,
-	0x00, 0x51, 0xb7, 0x04, 0x00, 0x2a, 0xef, 0x22, 0x00,
-	/* ch = '+' */
-	0x00, 0x00, 0x00, 0x16, 0x36, 0x0d, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00,
-	0x1e, 0x36, 0x36, 0x62, 0xff, 0x4a, 0x36, 0x36, 0x0d,
-	0x45, 0xcf, 0xcf, 0xdd, 0xff, 0xd4, 0xcf, 0xcf, 0x1a,
-	0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x08, 0x15, 0x04, 0x00, 0x00, 0x00,
-	/* ch = ',' */
-	0x00, 0x9c, 0xbd, 0x10,
-	0x0d, 0xef, 0xff, 0x4d,
-	0x00, 0x26, 0xff, 0x32,
-	0x00, 0x5f, 0xb1, 0x00,
-	0x1e, 0xd4, 0x10, 0x00,
-	/* ch = '-' */
-	0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x12,
-	0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xb7,
-	/* ch = '.' */
-	0x00, 0x8d, 0xbd, 0x17,
-	0x04, 0xf7, 0xff, 0x27,
-	0x00, 0x0c, 0x0f, 0x00,
-	/* ch = '/' */
-	0x00, 0xa0, 0x5c,
-	0x22, 0xff, 0x44,
-	0x8a, 0xe5, 0x04,
-	0xff, 0x50, 0x00,
-	0xf7, 0x0d, 0x00,
-	0x5f, 0x00, 0x00,
-	0x17, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	/* ch = '0' */
-	0x00, 0x00, 0x00, 0x0f, 0x15, 0x08, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x6b, 0xff, 0xdd, 0xf7, 0x2c, 0x00, 0x00,
-	0x00, 0x44, 0xff, 0x26, 0x00, 0x64, 0xf7, 0x17, 0x00,
-	0x00, 0xcf, 0x70, 0x00, 0x00, 0x21, 0xff, 0x5f, 0x00,
-	0x1f, 0xff, 0x2a, 0x00, 0x10, 0xdb, 0xf7, 0xbd, 0x00,
-	0x32, 0xff, 0x1c, 0x04, 0xb1, 0xb1, 0x54, 0xff, 0x00,
-	0x49, 0xff, 0x17, 0x50, 0xf7, 0x1f, 0x3b, 0xff, 0x11,
-	0x32, 0xff, 0x50, 0xff, 0x32, 0x00, 0x50, 0xff, 0x00,
-	0x1f, 0xff, 0xff, 0x50, 0x00, 0x00, 0x6b, 0xcf, 0x00,
-	0x00, 0xc8, 0xd9, 0x00, 0x00, 0x04, 0xcf, 0x70, 0x00,
-	0x00, 0x3b, 0xff, 0x54, 0x04, 0x5f, 0xf7, 0x1c, 0x00,
-	0x00, 0x00, 0x5a, 0xff, 0xff, 0xef, 0x2c, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x0c, 0x15, 0x04, 0x00, 0x00, 0x00,
-	/* ch = '1' */
-	0x00, 0x00, 0x00, 0x15, 0x08,
-	0x00, 0x31, 0xd4, 0xff, 0x32,
-	0x60, 0xc4, 0x78, 0xff, 0x32,
-	0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x00, 0x00, 0x1c, 0xff, 0x32,
-	/* ch = '2' */
-	0x00, 0x00, 0x12, 0x15, 0x0f, 0x00, 0x00,
-	0x19, 0xbb, 0xf7, 0xdd, 0xff, 0x77, 0x00,
-	0xa4, 0xb1, 0x08, 0x00, 0x3b, 0xff, 0x44,
-	0x04, 0x08, 0x00, 0x00, 0x00, 0xbd, 0xa0,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xcf, 0x90,
-	0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x39,
-	0x00, 0x00, 0x00, 0x21, 0xf7, 0x7c, 0x00,
-	0x00, 0x00, 0x26, 0xf7, 0x7c, 0x04, 0x00,
-	0x00, 0x1f, 0xf7, 0x7c, 0x00, 0x00, 0x00,
-	0x10, 0xdb, 0xa0, 0x04, 0x00, 0x00, 0x00,
-	0x6b, 0xec, 0x1f, 0x15, 0x15, 0x15, 0x12,
-	0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xb7,
-	/* ch = '3' */
-	0x00, 0x00, 0x00, 0x15, 0x15, 0x08, 0x00, 0x00,
-	0x00, 0x26, 0xd4, 0xff, 0xef, 0xf7, 0x3b, 0x00,
-	0x00, 0x24, 0x5a, 0x04, 0x04, 0x6f, 0xff, 0x17,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x3b, 0xff, 0x22,
-	0x00, 0x00, 0x0d, 0x36, 0x66, 0xf7, 0x4d, 0x00,
-	0x00, 0x00, 0x14, 0x74, 0xc4, 0xf7, 0x5a, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x37, 0xff, 0x2c,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xe5, 0x6b,
-	0x00, 0x04, 0x08, 0x00, 0x00, 0x0d, 0xff, 0x6b,
-	0x04, 0x7c, 0x8a, 0x08, 0x08, 0x8a, 0xff, 0x24,
-	0x00, 0x35, 0xef, 0xff, 0xff, 0xef, 0x35, 0x00,
-	0x00, 0x00, 0x00, 0x15, 0x15, 0x00, 0x00, 0x00,
-	/* ch = '4' */
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x12, 0x0f, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x1f, 0xf7, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x04, 0xb1, 0xff, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x50, 0xdb, 0xff, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0x1f, 0xf7, 0x2a, 0xff, 0x7c, 0x00, 0x00,
-	0x00, 0x04, 0xb1, 0x6b, 0x00, 0xff, 0x7c, 0x00, 0x00,
-	0x00, 0x50, 0xdb, 0x0d, 0x00, 0xff, 0x7c, 0x00, 0x00,
-	0x1f, 0xf7, 0x42, 0x15, 0x15, 0xff, 0x88, 0x15, 0x04,
-	0x45, 0xcf, 0xcf, 0xcf, 0xcf, 0xff, 0xff, 0xff, 0x1c,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x7c, 0x00, 0x00,
-	/* ch = '5' */
-	0x00, 0x0c, 0x15, 0x15, 0x15, 0x15, 0x15, 0x0f,
-	0x00, 0x50, 0xff, 0xff, 0xff, 0xff, 0xff, 0x7c,
-	0x00, 0x50, 0xf7, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x77, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x7c, 0xb7, 0x12, 0x15, 0x0f, 0x00, 0x00,
-	0x00, 0x90, 0xff, 0xef, 0xd4, 0xff, 0x94, 0x04,
-	0x00, 0x6d, 0x73, 0x04, 0x00, 0x32, 0xff, 0x5f,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x90, 0xe5,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xff,
-	0x00, 0x10, 0x16, 0x00, 0x00, 0x00, 0xa7, 0xcf,
-	0x0a, 0xe5, 0xb1, 0x13, 0x00, 0x3f, 0xff, 0x50,
-	0x00, 0x21, 0xcb, 0xff, 0xff, 0xff, 0x66, 0x04,
-	0x00, 0x00, 0x00, 0x0f, 0x15, 0x08, 0x00, 0x00,
-	/* ch = '6' */
-	0x00, 0x00, 0x00, 0x08, 0x2a, 0x25, 0x08, 0x00,
-	0x00, 0x00, 0x3b, 0xf7, 0xe5, 0xe5, 0xf7, 0x36,
-	0x00, 0x1c, 0xff, 0x5f, 0x00, 0x00, 0x48, 0x08,
-	0x00, 0x7c, 0xe5, 0x04, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0xcf, 0x6b, 0x08, 0x15, 0x0f, 0x00, 0x00,
-	0x04, 0xff, 0xb1, 0xf7, 0xf7, 0xff, 0x84, 0x04,
-	0x1c, 0xff, 0xf7, 0x28, 0x00, 0x35, 0xff, 0x44,
-	0x1c, 0xff, 0x54, 0x00, 0x00, 0x00, 0xa0, 0xb1,
-	0x00, 0xff, 0x5f, 0x00, 0x00, 0x00, 0x7c, 0xb7,
-	0x00, 0xa0, 0xc8, 0x00, 0x00, 0x00, 0xa7, 0xa0,
-	0x00, 0x3b, 0xff, 0x54, 0x00, 0x35, 0xff, 0x3b,
-	0x00, 0x00, 0x50, 0xf7, 0xff, 0xff, 0x66, 0x00,
-	0x00, 0x00, 0x00, 0x08, 0x15, 0x08, 0x00, 0x00,
-	/* ch = '7' */
-	0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x12,
-	0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xa0,
-	0x00, 0x00, 0x00, 0x00, 0x2c, 0xff, 0x39,
-	0x00, 0x00, 0x00, 0x00, 0x8a, 0xe5, 0x04,
-	0x00, 0x00, 0x00, 0x17, 0xff, 0x5a, 0x00,
-	0x00, 0x00, 0x00, 0x5a, 0xff, 0x17, 0x00,
-	0x00, 0x00, 0x04, 0xe5, 0x90, 0x00, 0x00,
-	0x00, 0x00, 0x2c, 0xff, 0x39, 0x00, 0x00,
-	0x00, 0x00, 0x8a, 0xf7, 0x0d, 0x00, 0x00,
-	0x00, 0x0d, 0xf7, 0x7c, 0x00, 0x00, 0x00,
-	0x00, 0x39, 0xff, 0x32, 0x00, 0x00, 0x00,
-	0x00, 0x90, 0xf7, 0x04, 0x00, 0x00, 0x00,
-	/* ch = '8' */
-	0x00, 0x00, 0x00, 0x20, 0x36, 0x18, 0x00, 0x00,
-	0x00, 0x04, 0xa9, 0xf7, 0xcf, 0xff, 0x99, 0x04,
-	0x00, 0x5a, 0xf7, 0x13, 0x00, 0x32, 0xff, 0x40,
-	0x00, 0x7c, 0xbd, 0x00, 0x00, 0x00, 0xff, 0x50,
-	0x00, 0x48, 0xff, 0x32, 0x00, 0x3b, 0xff, 0x2a,
-	0x00, 0x04, 0x94, 0xff, 0x9e, 0xf7, 0x44, 0x00,
-	0x00, 0x04, 0x84, 0xef, 0xb3, 0xff, 0x5a, 0x00,
-	0x00, 0x7c, 0xdb, 0x10, 0x00, 0x3b, 0xff, 0x4d,
-	0x1a, 0xff, 0x48, 0x00, 0x00, 0x00, 0xa7, 0xbd,
-	0x1c, 0xff, 0x48, 0x00, 0x00, 0x00, 0x90, 0xcf,
-	0x00, 0xc8, 0xdb, 0x1b, 0x00, 0x37, 0xff, 0x5f,
-	0x00, 0x19, 0xbb, 0xff, 0xff, 0xff, 0x73, 0x04,
-	0x00, 0x00, 0x00, 0x0f, 0x15, 0x08, 0x00, 0x00,
-	/* ch = '9' */
-	0x00, 0x00, 0x00, 0x1a, 0x2a, 0x0c, 0x00, 0x00,
-	0x00, 0x10, 0xbb, 0xf7, 0xdd, 0xff, 0x44, 0x00,
-	0x00, 0x7c, 0xe5, 0x13, 0x00, 0x54, 0xff, 0x22,
-	0x00, 0xf7, 0x5f, 0x00, 0x00, 0x04, 0xf7, 0x6b,
-	0x11, 0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb1,
-	0x00, 0xe5, 0x7c, 0x00, 0x00, 0x04, 0xcf, 0xb7,
-	0x00, 0x4d, 0xff, 0x47, 0x1a, 0x99, 0xff, 0xb7,
-	0x00, 0x00, 0x50, 0xdd, 0xe5, 0x7f, 0xaf, 0xb7,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xcf, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x22, 0xff, 0x39,
-	0x00, 0x32, 0x50, 0x04, 0x16, 0xc4, 0xc8, 0x04,
-	0x00, 0x44, 0xf7, 0xff, 0xff, 0xbb, 0x13, 0x00,
-	0x00, 0x00, 0x04, 0x15, 0x0f, 0x00, 0x00, 0x00,
-	/* ch = ':' */
-	0x00, 0x48, 0x67, 0x04,
-	0x0a, 0xff, 0xff, 0x2f,
-	0x00, 0x22, 0x30, 0x04,
-	0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00,
-	0x00, 0x8d, 0xbd, 0x17,
-	0x04, 0xf7, 0xff, 0x27,
-	0x00, 0x0c, 0x0f, 0x00,
-	/* ch = ';' */
-	0x00, 0x48, 0x67, 0x04,
-	0x0a, 0xff, 0xff, 0x2f,
-	0x00, 0x22, 0x30, 0x04,
-	0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00,
-	0x00, 0x9c, 0xbd, 0x10,
-	0x0d, 0xef, 0xff, 0x4d,
-	0x00, 0x26, 0xff, 0x32,
-	0x00, 0x5f, 0xb1, 0x00,
-	0x1e, 0xd4, 0x10, 0x00,
-	/* ch = '<' */
-	0x00, 0x00, 0x00, 0x00, 0x08, 0x04,
-	0x00, 0x00, 0x04, 0x48, 0xef, 0x1c,
-	0x04, 0x37, 0xe5, 0xef, 0x3f, 0x04,
-	0xd4, 0xef, 0x48, 0x04, 0x00, 0x00,
-	0x50, 0x08, 0x00, 0x00, 0x00, 0x00,
-	0x04, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xd4, 0x2b, 0x00, 0x00, 0x00, 0x00,
-	0x5a, 0xf7, 0xbb, 0x1b, 0x00, 0x00,
-	0x00, 0x13, 0x94, 0xff, 0x8d, 0x10,
-	0x00, 0x00, 0x00, 0x28, 0xd4, 0x32,
-	0x00, 0x00, 0x00, 0x00, 0x04, 0x08,
-	/* ch = '=' */
-	0x45, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x1a,
-	0x0c, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x04,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x0c, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x04,
-	0x50, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x1c,
-	/* ch = '>' */
-	0x0c, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xbb, 0x28, 0x00, 0x00,
-	0x13, 0x73, 0xff, 0xb3, 0x1e,
-	0x00, 0x00, 0x13, 0x7f, 0xff,
-	0x00, 0x00, 0x00, 0x00, 0x16,
-	0x00, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x08, 0x50,
-	0x00, 0x00, 0x37, 0xef, 0xd4,
-	0x26, 0xbb, 0xf7, 0x50, 0x04,
-	0x7c, 0x94, 0x13, 0x00, 0x00,
-	0x0c, 0x00, 0x00, 0x00, 0x00,
-	/* ch = '?' */
-	0x00, 0x04, 0x66, 0xe5, 0xff, 0xdd, 0x35, 0x00,
-	0x04, 0xb1, 0xf7, 0x3f, 0x20, 0x99, 0xff, 0x2f,
-	0x00, 0x5a, 0x2a, 0x00, 0x00, 0x0d, 0xff, 0x90,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x04, 0xff, 0xb1,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x48, 0xff, 0x5a,
-	0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x8a, 0x04,
-	0x00, 0x00, 0x00, 0x0d, 0xe5, 0x82, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x24, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x22, 0x74, 0x22, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x32, 0xcf, 0x40, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x66, 0xff, 0x84, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x04, 0x15, 0x04, 0x00, 0x00,
-	/* ch = '@' */
-	0x00, 0x00, 0x00, 0x18, 0x36, 0x2a, 0x08, 0x00, 0x00,
-	0x00, 0x08, 0xa2, 0xef, 0x82, 0xcb, 0xdb, 0x1f, 0x00,
-	0x00, 0x90, 0xb1, 0x08, 0x00, 0x00, 0x7c, 0xc8, 0x00,
-	0x2a, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x1f, 0xff, 0x24,
-	0x5f, 0xb7, 0x00, 0x13, 0x8d, 0xf7, 0xff, 0xff, 0x32,
-	0x90, 0x7c, 0x00, 0xc8, 0xb1, 0x0c, 0x00, 0xff, 0x32,
-	0xb7, 0x7c, 0x1c, 0xff, 0x32, 0x00, 0x14, 0xff, 0x32,
-	0x7c, 0x82, 0x0d, 0xf7, 0x7c, 0x08, 0x64, 0xff, 0x32,
-	0x50, 0xe5, 0x04, 0x2c, 0xe5, 0xff, 0xb3, 0xcf, 0x2d,
-	0x17, 0xff, 0x4d, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x50, 0xf7, 0x3f, 0x00, 0x00, 0x13, 0x19, 0x00,
-	0x00, 0x00, 0x40, 0xef, 0xef, 0xd4, 0xff, 0x5e, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x15, 0x15, 0x04, 0x00, 0x00,
-	/* ch = 'A' */
-	0x00, 0x00, 0x00, 0x0d, 0x19, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x44, 0x8a, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xa0, 0xff, 0x14, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x17, 0xff, 0xff, 0x48, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x48, 0xe5, 0x7c, 0xc8, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0xa7, 0x6b, 0x2c, 0xff, 0x22, 0x00, 0x00,
-	0x00, 0x1c, 0xff, 0x2a, 0x00, 0xe5, 0x70, 0x00, 0x00,
-	0x00, 0x50, 0xec, 0x15, 0x15, 0x6d, 0xe5, 0x04, 0x00,
-	0x00, 0xc8, 0xe5, 0xcf, 0xcf, 0xd4, 0xff, 0x39, 0x00,
-	0x22, 0xff, 0x32, 0x00, 0x00, 0x00, 0xc8, 0xa0, 0x00,
-	0x5a, 0xf7, 0x04, 0x00, 0x00, 0x00, 0x5a, 0xff, 0x17,
-	0xcf, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x17, 0xff, 0x5a,
-	/* ch = 'B' */
-	0x0c, 0x15, 0x15, 0x15, 0x15, 0x0c, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0xd4, 0xcf, 0xef, 0xff, 0x94, 0x04, 0x00,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x35, 0xff, 0x5a, 0x00,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xbd, 0xb1, 0x00,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x13, 0xf7, 0x66, 0x00,
-	0x50, 0xff, 0x87, 0x74, 0x82, 0xef, 0xa9, 0x04, 0x00,
-	0x50, 0xff, 0x4a, 0x36, 0x74, 0xd4, 0xcb, 0x19, 0x00,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x04, 0xb7, 0xc8, 0x00,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1c,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x5f, 0xff, 0x1a,
-	0x50, 0xff, 0x28, 0x15, 0x15, 0x3f, 0xff, 0x90, 0x00,
-	0x50, 0xff, 0xff, 0xff, 0xff, 0xe5, 0x66, 0x04, 0x00,
-	/* ch = 'C' */
-	0x00, 0x00, 0x0c, 0x25, 0x1a, 0x04, 0x00, 0x00,
-	0x04, 0x66, 0xff, 0xcf, 0xe5, 0xef, 0x2f, 0x00,
-	0x6b, 0xf7, 0x26, 0x00, 0x04, 0x7c, 0xff, 0x1f,
-	0xff, 0x5f, 0x00, 0x00, 0x00, 0x14, 0x37, 0x00,
-	0xff, 0x1f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x04, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x2a, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xf7, 0x82, 0x00, 0x00, 0x00, 0x04, 0x0f, 0x00,
-	0x50, 0xff, 0x5f, 0x04, 0x08, 0x8a, 0xef, 0x17,
-	0x00, 0x50, 0xf7, 0xff, 0xff, 0xcb, 0x21, 0x00,
-	0x00, 0x00, 0x04, 0x15, 0x12, 0x00, 0x00, 0x00,
-	/* ch = 'D' */
-	0x08, 0x15, 0x15, 0x15, 0x15, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0xd4, 0xd4, 0xff, 0xef, 0x35, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x08, 0x8a, 0xff, 0x2f, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x04, 0xdb, 0xa7, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x5f, 0xff, 0x14,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x35, 0xff, 0x24,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x32, 0xff, 0x32,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x35, 0xff, 0x1c,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x5f, 0xf7, 0x04,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x10, 0xe5, 0x7c, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x1e, 0xb1, 0xdb, 0x10, 0x00,
-	0x32, 0xff, 0xff, 0xff, 0xf7, 0x8d, 0x13, 0x00, 0x00,
-	/* ch = 'E' */
-	0x08, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15,
-	0x32, 0xff, 0xdd, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x62, 0x36, 0x36, 0x36, 0x36, 0x00,
-	0x32, 0xff, 0xdd, 0xcf, 0xcf, 0xcf, 0xcf, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x3e, 0x15, 0x15, 0x15, 0x15, 0x12,
-	0x32, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xb7,
-	/* ch = 'F' */
-	0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x12,
-	0xff, 0xef, 0xcf, 0xcf, 0xcf, 0xcf, 0x95,
-	0xff, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0xc8, 0x74, 0x74, 0x74, 0x58, 0x00,
-	0xff, 0xa5, 0x36, 0x36, 0x36, 0x2d, 0x00,
-	0xff, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'G' */
-	0x00, 0x00, 0x00, 0x0f, 0x2a, 0x20, 0x08, 0x00, 0x00,
-	0x00, 0x04, 0x84, 0xff, 0xd4, 0xef, 0xef, 0x2f, 0x00,
-	0x00, 0x7c, 0xf7, 0x28, 0x00, 0x04, 0x7c, 0xf7, 0x11,
-	0x22, 0xff, 0x3b, 0x00, 0x00, 0x00, 0x0d, 0x21, 0x00,
-	0x4d, 0xff, 0x0d, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0xe5, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x7c, 0xbd, 0x00, 0x00, 0x16, 0x36, 0x36, 0x36, 0x16,
-	0x7c, 0xff, 0x00, 0x00, 0x2d, 0xcf, 0xd4, 0xff, 0x32,
-	0x4d, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x17, 0xff, 0x5f, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x00, 0x6b, 0xff, 0x3f, 0x04, 0x04, 0x43, 0xff, 0x32,
-	0x00, 0x00, 0x5b, 0xf7, 0xff, 0xff, 0xe5, 0x48, 0x04,
-	0x00, 0x00, 0x00, 0x04, 0x15, 0x12, 0x00, 0x00, 0x00,
-	/* ch = 'H' */
-	0x08, 0x15, 0x08, 0x00, 0x00, 0x00, 0x0f, 0x15,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x7c, 0xff,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x7c, 0xff,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x7c, 0xff,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x7c, 0xff,
-	0x32, 0xff, 0x62, 0x36, 0x36, 0x36, 0xa5, 0xff,
-	0x32, 0xff, 0x9c, 0x74, 0x74, 0x74, 0xc8, 0xff,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x7c, 0xff,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x7c, 0xff,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x7c, 0xff,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x7c, 0xff,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x7c, 0xff,
-	/* ch = 'I' */
-	0x0f, 0x15, 0x15, 0x15, 0x15, 0x15, 0x04,
-	0x67, 0xcf, 0xef, 0xff, 0xcf, 0xcf, 0x1a,
-	0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00,
-	0xb7, 0xff, 0xff, 0xff, 0xff, 0xff, 0x32,
-	/* ch = 'J' */
-	0x04, 0x15, 0x15, 0x15, 0x15, 0x15, 0x04,
-	0x1a, 0xcf, 0xcf, 0xff, 0xe5, 0xcf, 0x1a,
-	0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00,
-	0x00, 0x00, 0x14, 0xff, 0x50, 0x00, 0x00,
-	0x00, 0x00, 0x1f, 0xff, 0x44, 0x00, 0x00,
-	0x21, 0x00, 0x7c, 0xff, 0x17, 0x00, 0x00,
-	0xff, 0xff, 0xf7, 0x3b, 0x00, 0x00, 0x00,
-	0x0f, 0x15, 0x08, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'K' */
-	0x0c, 0x15, 0x08, 0x00, 0x00, 0x00, 0x21, 0x15, 0x04,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x32, 0xf7, 0x50, 0x00,
-	0x50, 0xff, 0x1c, 0x00, 0x1f, 0xf7, 0x7c, 0x00, 0x00,
-	0x50, 0xff, 0x1c, 0x10, 0xdb, 0xb1, 0x04, 0x00, 0x00,
-	0x50, 0xff, 0x26, 0xd4, 0xdb, 0x10, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0xdb, 0xff, 0x13, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0xd4, 0xff, 0x5f, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x1f, 0x6b, 0xff, 0x2a, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x1c, 0x04, 0xc8, 0xdb, 0x10, 0x00, 0x00,
-	0x50, 0xff, 0x1c, 0x00, 0x1f, 0xff, 0x7c, 0x00, 0x00,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x54, 0xff, 0x3b, 0x00,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x04, 0xb1, 0xf7, 0x1f,
-	/* ch = 'L' */
-	0x04, 0x15, 0x0f, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xb7,
-	/* ch = 'M' */
-	0x0f, 0x12, 0x00, 0x00, 0x00, 0x00, 0x00, 0x15, 0x08,
-	0x7c, 0xf7, 0x17, 0x00, 0x00, 0x00, 0x39, 0xff, 0x32,
-	0x7c, 0xff, 0x6b, 0x00, 0x00, 0x04, 0xc8, 0xff, 0x32,
-	0x7c, 0xff, 0xf7, 0x17, 0x00, 0x3b, 0xff, 0xff, 0x32,
-	0x7c, 0xbd, 0xe5, 0x6b, 0x04, 0xdb, 0x90, 0xff, 0x32,
-	0x7c, 0xb7, 0x48, 0xf7, 0x5f, 0xf7, 0x24, 0xff, 0x32,
-	0x7c, 0xb7, 0x04, 0xdb, 0xff, 0x50, 0x1c, 0xff, 0x32,
-	0x7c, 0xb7, 0x00, 0x44, 0xdb, 0x04, 0x1c, 0xff, 0x32,
-	0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
-	/* ch = 'N' */
-	0x0c, 0x15, 0x04, 0x00, 0x00, 0x00, 0x0c, 0x15, 0x04,
-	0x50, 0xff, 0x5f, 0x00, 0x00, 0x00, 0x50, 0xff, 0x00,
-	0x50, 0xff, 0xf7, 0x17, 0x00, 0x00, 0x50, 0xff, 0x00,
-	0x50, 0xff, 0xff, 0x7c, 0x00, 0x00, 0x50, 0xff, 0x00,
-	0x50, 0xff, 0x7c, 0xff, 0x24, 0x00, 0x50, 0xff, 0x00,
-	0x50, 0xff, 0x1f, 0xdb, 0xa0, 0x00, 0x50, 0xff, 0x00,
-	0x50, 0xff, 0x1c, 0x3b, 0xff, 0x3b, 0x50, 0xff, 0x00,
-	0x50, 0xff, 0x1c, 0x00, 0xa0, 0xdb, 0x54, 0xff, 0x00,
-	0x50, 0xff, 0x1c, 0x00, 0x24, 0xff, 0xe5, 0xff, 0x00,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x7c, 0xff, 0xff, 0x00,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x17, 0xf7, 0xff, 0x00,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x5f, 0xff, 0x00,
-	/* ch = 'O' */
-	0x00, 0x00, 0x00, 0x1a, 0x36, 0x12, 0x00, 0x00, 0x00,
-	0x00, 0x13, 0xcb, 0xff, 0xe5, 0xff, 0x94, 0x04, 0x00,
-	0x04, 0xb7, 0xdb, 0x13, 0x00, 0x35, 0xff, 0x77, 0x00,
-	0x39, 0xff, 0x2c, 0x00, 0x00, 0x00, 0x70, 0xff, 0x0d,
-	0x77, 0xe5, 0x00, 0x00, 0x00, 0x00, 0x2f, 0xff, 0x2f,
-	0xa0, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x4d,
-	0xb7, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x50,
-	0x90, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x44,
-	0x6b, 0xff, 0x0d, 0x00, 0x00, 0x00, 0x32, 0xff, 0x2a,
-	0x2c, 0xff, 0x48, 0x00, 0x00, 0x00, 0x7c, 0xf7, 0x04,
-	0x00, 0x90, 0xf7, 0x37, 0x0f, 0x5a, 0xff, 0x50, 0x00,
-	0x00, 0x04, 0x8d, 0xff, 0xff, 0xf7, 0x5a, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x0c, 0x15, 0x04, 0x00, 0x00, 0x00,
-	/* ch = 'P' */
-	0x08, 0x15, 0x15, 0x15, 0x15, 0x12, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0xff, 0xff, 0xff, 0xff, 0xd4, 0x19, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x1e, 0xdb, 0xc8, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x54, 0xff, 0x1c,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x54, 0xff, 0x1a,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x26, 0xe5, 0xa0, 0x00,
-	0x32, 0xff, 0xff, 0xff, 0xff, 0xff, 0x8d, 0x10, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'Q' */
-	0x00, 0x00, 0x00, 0x1a, 0x36, 0x12, 0x00, 0x00, 0x00,
-	0x00, 0x13, 0xcb, 0xff, 0xd4, 0xff, 0x94, 0x04, 0x00,
-	0x04, 0xb7, 0xc8, 0x13, 0x00, 0x28, 0xf7, 0x6b, 0x00,
-	0x39, 0xff, 0x2c, 0x00, 0x00, 0x00, 0x64, 0xff, 0x0d,
-	0x77, 0xe5, 0x00, 0x00, 0x00, 0x00, 0x2a, 0xff, 0x2f,
-	0xa0, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x1a, 0xff, 0x4d,
-	0xb7, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50,
-	0x82, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x1a, 0xff, 0x44,
-	0x5f, 0xff, 0x0d, 0x00, 0x00, 0x00, 0x2a, 0xff, 0x2f,
-	0x2a, 0xff, 0x44, 0x00, 0x00, 0x00, 0x70, 0xf7, 0x0d,
-	0x00, 0x90, 0xf7, 0x2b, 0x04, 0x3f, 0xff, 0x50, 0x00,
-	0x00, 0x04, 0x8d, 0xff, 0xff, 0xf7, 0x50, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x2a, 0xff, 0x24, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x0d, 0xdb, 0xc4, 0x74, 0x74, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x13, 0x5b, 0x74, 0x74, 0x00,
-	/* ch = 'R' */
-	0x08, 0x15, 0x15, 0x15, 0x15, 0x0f, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0xff, 0xff, 0xff, 0xff, 0xbb, 0x10, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x28, 0xf7, 0x8a, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x82, 0xff, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x82, 0xf7, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x04, 0x31, 0xf7, 0x6b, 0x00,
-	0x32, 0xff, 0xff, 0xff, 0xff, 0xff, 0x8d, 0x04, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x70, 0xf7, 0x0d, 0x00, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x17, 0xff, 0x5a, 0x00, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x70, 0xf7, 0x10, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x17, 0xff, 0x5f, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x70, 0xf7, 0x17,
-	/* ch = 'S' */
-	0x00, 0x00, 0x12, 0x15, 0x12, 0x00, 0x00, 0x00,
-	0x10, 0xbb, 0xf7, 0xcf, 0xf7, 0xd4, 0x21, 0x00,
-	0xa0, 0xc8, 0x10, 0x00, 0x08, 0xb1, 0x54, 0x00,
-	0xff, 0x7c, 0x00, 0x00, 0x00, 0x08, 0x04, 0x00,
-	0xb7, 0xe5, 0x13, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1f, 0xef, 0xf7, 0x66, 0x16, 0x00, 0x00, 0x00,
-	0x00, 0x08, 0x50, 0xe5, 0xff, 0x7e, 0x08, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x37, 0xf7, 0xa0, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1a,
-	0x39, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1a,
-	0xff, 0x77, 0x0c, 0x00, 0x28, 0xef, 0xa0, 0x00,
-	0x48, 0xe5, 0xff, 0xff, 0xff, 0x94, 0x10, 0x00,
-	0x00, 0x00, 0x12, 0x15, 0x0c, 0x00, 0x00, 0x00,
-	/* ch = 'T' */
-	0x12, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x08,
-	0xb7, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x32,
-	0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'U' */
-	0x0c, 0x15, 0x08, 0x00, 0x00, 0x00, 0x08, 0x15, 0x04,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c,
-	0x4d, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c,
-	0x2f, 0xff, 0x2c, 0x00, 0x00, 0x00, 0x5f, 0xff, 0x0d,
-	0x04, 0xdb, 0xc8, 0x13, 0x00, 0x28, 0xf7, 0x7c, 0x00,
-	0x00, 0x19, 0xcb, 0xff, 0xf7, 0xff, 0x7e, 0x04, 0x00,
-	0x00, 0x00, 0x00, 0x0f, 0x15, 0x0c, 0x00, 0x00, 0x00,
-	/* ch = 'V' */
-	0x12, 0x12, 0x00, 0x00, 0x00, 0x00, 0x00, 0x15, 0x0f,
-	0x70, 0xf7, 0x04, 0x00, 0x00, 0x00, 0x22, 0xff, 0x39,
-	0x2c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x50, 0xf7, 0x0d,
-	0x04, 0xe5, 0x7c, 0x00, 0x00, 0x00, 0xb7, 0x8a, 0x00,
-	0x00, 0x70, 0xf7, 0x04, 0x00, 0x17, 0xff, 0x39, 0x00,
-	0x00, 0x2c, 0xff, 0x32, 0x00, 0x48, 0xf7, 0x0d, 0x00,
-	0x00, 0x00, 0xe5, 0x7c, 0x00, 0xa0, 0x8a, 0x00, 0x00,
-	0x00, 0x00, 0x6b, 0xf7, 0x17, 0xff, 0x39, 0x00, 0x00,
-	0x00, 0x00, 0x2a, 0xff, 0x90, 0xf7, 0x0d, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xe5, 0xff, 0x8a, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x6b, 0xff, 0x39, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x2a, 0xf7, 0x0d, 0x00, 0x00, 0x00,
-	/* ch = 'W' */
-	0x15, 0x0c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x0f, 0x12,
-	0xcf, 0x6b, 0x00, 0x00, 0x2a, 0x00, 0x00, 0x82, 0x7c,
-	0x90, 0x90, 0x00, 0x0d, 0xff, 0x14, 0x00, 0xb7, 0x50,
-	0x6b, 0xcf, 0x00, 0x32, 0xff, 0x3b, 0x00, 0xff, 0x32,
-	0x44, 0xff, 0x0d, 0x6b, 0xff, 0x7c, 0x1a, 0xff, 0x1f,
-	0x2a, 0xff, 0x24, 0xcf, 0xcf, 0xe5, 0x24, 0xff, 0x04,
-	0x14, 0xff, 0x5f, 0xff, 0x39, 0xff, 0x54, 0xbd, 0x00,
-	0x00, 0xf7, 0xcf, 0xb7, 0x04, 0xf7, 0xe5, 0x90, 0x00,
-	0x00, 0xb1, 0xff, 0x5f, 0x00, 0xa0, 0xff, 0x5f, 0x00,
-	0x00, 0x77, 0xff, 0x2f, 0x00, 0x50, 0xff, 0x3b, 0x00,
-	0x00, 0x4d, 0xff, 0x0d, 0x00, 0x24, 0xff, 0x2a, 0x00,
-	0x00, 0x2f, 0xa0, 0x00, 0x00, 0x00, 0xf7, 0x14, 0x00,
-	/* ch = 'X' */
-	0x0c, 0x15, 0x04, 0x00, 0x00, 0x00, 0x0f, 0x15, 0x00,
-	0x1c, 0xff, 0x5f, 0x00, 0x00, 0x04, 0xc8, 0x8a, 0x00,
-	0x00, 0x6b, 0xf7, 0x17, 0x00, 0x44, 0xff, 0x1c, 0x00,
-	0x00, 0x10, 0xf7, 0x7c, 0x0d, 0xe5, 0x7c, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0x97, 0xff, 0x17, 0x00, 0x00,
-	0x00, 0x00, 0x04, 0xdb, 0xff, 0x70, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x82, 0xff, 0x3f, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x1c, 0xff, 0xff, 0xdb, 0x04, 0x00, 0x00,
-	0x00, 0x00, 0x90, 0xe5, 0x32, 0xff, 0x50, 0x00, 0x00,
-	0x00, 0x2a, 0xff, 0x44, 0x00, 0x90, 0xf7, 0x10, 0x00,
-	0x00, 0xa7, 0xdb, 0x04, 0x00, 0x1c, 0xff, 0x6b, 0x00,
-	0x35, 0xff, 0x3b, 0x00, 0x00, 0x00, 0x6b, 0xff, 0x1f,
-	/* ch = 'Y' */
-	0x12, 0x15, 0x00, 0x00, 0x00, 0x00, 0x04, 0x15, 0x0c,
-	0x44, 0xff, 0x2c, 0x00, 0x00, 0x00, 0x48, 0xff, 0x22,
-	0x04, 0xdb, 0xa7, 0x00, 0x00, 0x04, 0xe5, 0x8a, 0x00,
-	0x00, 0x44, 0xff, 0x32, 0x00, 0x39, 0xff, 0x24, 0x00,
-	0x00, 0x04, 0xdb, 0xb7, 0x00, 0xc8, 0xa0, 0x00, 0x00,
-	0x00, 0x00, 0x44, 0xff, 0x70, 0xff, 0x2c, 0x00, 0x00,
-	0x00, 0x00, 0x04, 0xc8, 0xff, 0xb7, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x3f, 0xff, 0x3b, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00,
-	/* ch = 'Z' */
-	0x04, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x00,
-	0x1c, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf7, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xf7, 0x54, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x90, 0xdb, 0x04, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x35, 0xff, 0x32, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x0d, 0xdb, 0x90, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x6b, 0xf7, 0x17, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x1f, 0xff, 0x54, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0xb1, 0xdb, 0x04, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x44, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x10, 0xf7, 0xa4, 0x15, 0x15, 0x15, 0x15, 0x15, 0x08,
-	0x4d, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x32,
-	/* ch = '[' */
-	0xff, 0xff, 0xff, 0xff, 0xff, 0x50,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x82, 0x36, 0x36, 0x36, 0x1e,
-	0x74, 0x74, 0x74, 0x74, 0x74, 0x30,
-	/* ch = '\' */
-	0x09, 0xb3, 0x48,
-	0x00, 0xa0, 0xc8,
-	0x00, 0x2c, 0xff,
-	0x00, 0x00, 0xb7,
-	0x00, 0x00, 0x39,
-	0x00, 0x00, 0x04,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00,
-	/* ch = ']' */
-	0xb7, 0xff, 0xff, 0xff, 0xff, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c,
-	0x2d, 0x36, 0x36, 0x36, 0xcf, 0x7c,
-	0x58, 0x74, 0x74, 0x74, 0x74, 0x42,
-	/* ch = '^' */
-	0x00, 0x00, 0x00, 0x12, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x22, 0x00, 0x00,
-	0x00, 0x04, 0xdb, 0xff, 0x90, 0x00, 0x00,
-	0x00, 0x54, 0xe5, 0x3f, 0xff, 0x2a, 0x00,
-	0x17, 0xf7, 0x3b, 0x00, 0xa0, 0xa0, 0x00,
-	0x36, 0x8d, 0x00, 0x00, 0x24, 0x9e, 0x13,
-	/* ch = '_' */
-	0x42, 0x74, 0x74, 0x74, 0x74, 0x74, 0x74, 0x74, 0x22,
-	0x26, 0x36, 0x36, 0x36, 0x36, 0x36, 0x36, 0x36, 0x16,
-	/* ch = '`' */
-	0x7f, 0x70, 0x00, 0x00,
-	0x3b, 0xf7, 0x17, 0x00,
-	0x0d, 0xf7, 0xc4, 0x10,
-	0x00, 0x50, 0xff, 0x4d,
-	0x00, 0x00, 0x12, 0x04,
-	/* ch = 'a' */
-	0x00, 0x00, 0x08, 0x2a, 0x36, 0x25, 0x04, 0x00,
-	0x00, 0x36, 0xf7, 0xdd, 0x8f, 0xef, 0xd4, 0x10,
-	0x00, 0x1f, 0x35, 0x00, 0x00, 0x10, 0xe5, 0x70,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xa0, 0xb7,
-	0x00, 0x08, 0x50, 0xab, 0xcf, 0xcf, 0xef, 0xb7,
-	0x0d, 0xd4, 0xc4, 0x25, 0x15, 0x15, 0x88, 0xb7,
-	0x3b, 0xff, 0x24, 0x00, 0x00, 0x00, 0xb7, 0xb7,
-	0x32, 0xff, 0x3f, 0x00, 0x04, 0x5f, 0xff, 0xb7,
-	0x00, 0x73, 0xff, 0xd4, 0xef, 0xb3, 0xa5, 0xb7,
-	0x00, 0x00, 0x0c, 0x15, 0x0c, 0x00, 0x00, 0x00,
-	/* ch = 'b' */
-	0x32, 0xff, 0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x32, 0x16, 0x36, 0x2a, 0x04, 0x00, 0x00,
-	0x32, 0xff, 0xa9, 0xef, 0xcf, 0xff, 0xdb, 0x16, 0x00,
-	0x32, 0xff, 0xb7, 0x08, 0x00, 0x21, 0xff, 0xa0, 0x00,
-	0x32, 0xff, 0x4d, 0x00, 0x00, 0x00, 0x7c, 0xff, 0x14,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1c,
-	0x32, 0xff, 0x35, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1c,
-	0x32, 0xff, 0x54, 0x00, 0x00, 0x00, 0x8a, 0xf7, 0x04,
-	0x32, 0xff, 0xdb, 0x1b, 0x04, 0x3f, 0xff, 0x6b, 0x00,
-	0x32, 0xff, 0x5b, 0xf7, 0xff, 0xff, 0x84, 0x04, 0x00,
-	0x00, 0x00, 0x00, 0x08, 0x15, 0x0c, 0x00, 0x00, 0x00,
-	/* ch = 'c' */
-	0x00, 0x00, 0x0f, 0x36, 0x36, 0x0f, 0x00, 0x00,
-	0x04, 0x94, 0xff, 0xd4, 0xdd, 0xff, 0x66, 0x00,
-	0x77, 0xf7, 0x21, 0x00, 0x00, 0x3f, 0xb1, 0x04,
-	0xff, 0x5f, 0x00, 0x00, 0x00, 0x04, 0x08, 0x00,
-	0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x3b, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xf7, 0xa0, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x5f, 0x08, 0x08, 0x5a, 0xa0, 0x04,
-	0x00, 0x50, 0xf7, 0xff, 0xff, 0xef, 0x35, 0x00,
-	0x00, 0x00, 0x04, 0x15, 0x15, 0x00, 0x00, 0x00,
-	/* ch = 'd' */
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xcf,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7,
-	0x00, 0x00, 0x0c, 0x36, 0x36, 0x16, 0x7c, 0xb7,
-	0x00, 0x32, 0xf7, 0xcb, 0x9e, 0xff, 0xdb, 0xb7,
-	0x0d, 0xf7, 0x7c, 0x00, 0x00, 0x26, 0xff, 0xb7,
-	0x3b, 0xff, 0x1f, 0x00, 0x00, 0x00, 0xbd, 0xb7,
-	0x50, 0xff, 0x0d, 0x00, 0x00, 0x00, 0xb7, 0xb7,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xb7, 0xb7,
-	0x2f, 0xff, 0x3b, 0x00, 0x00, 0x04, 0xe5, 0xb7,
-	0x04, 0xdb, 0xdb, 0x1b, 0x08, 0x6b, 0xff, 0xb7,
-	0x00, 0x1f, 0xd4, 0xff, 0xff, 0xa9, 0x97, 0xcf,
-	0x00, 0x00, 0x00, 0x12, 0x0f, 0x00, 0x00, 0x00,
-	/* ch = 'e' */
-	0x00, 0x00, 0x04, 0x2a, 0x36, 0x25, 0x04, 0x00,
-	0x00, 0x1f, 0xdb, 0xd4, 0x74, 0xef, 0xc4, 0x10,
-	0x00, 0xc8, 0xb1, 0x04, 0x00, 0x10, 0xe5, 0x70,
-	0x2a, 0xff, 0x32, 0x00, 0x00, 0x00, 0x7c, 0xcf,
-	0x44, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff,
-	0x44, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x24, 0xff, 0x48, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0xa0, 0xf7, 0x24, 0x00, 0x04, 0x66, 0x35,
-	0x00, 0x10, 0x94, 0xff, 0xe5, 0xff, 0xcb, 0x1f,
-	0x00, 0x00, 0x00, 0x08, 0x15, 0x0f, 0x00, 0x00,
-	/* ch = 'f' */
-	0x00, 0x1f, 0xc4, 0xff, 0xff, 0xb3, 0x19,
-	0x0d, 0xdb, 0x90, 0x08, 0x0c, 0x99, 0x48,
-	0x32, 0xff, 0x24, 0x00, 0x00, 0x08, 0x04,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0xdd, 0xff, 0xd4, 0xcf, 0x95, 0x00, 0x00,
-	0x3e, 0xff, 0x28, 0x15, 0x12, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'g' */
-	0x00, 0x00, 0x16, 0x36, 0x36, 0x13, 0x16, 0x36, 0x19,
-	0x00, 0x44, 0xff, 0x8f, 0xa4, 0xf7, 0xf7, 0x8f, 0x30,
-	0x0d, 0xf7, 0x54, 0x00, 0x00, 0x82, 0xc8, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x50, 0xff, 0x00, 0x00,
-	0x04, 0xe5, 0x90, 0x04, 0x10, 0xb7, 0xa0, 0x00, 0x00,
-	0x00, 0x31, 0xff, 0xef, 0xf7, 0xbb, 0x10, 0x00, 0x00,
-	0x00, 0x99, 0x75, 0x15, 0x12, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0xe5, 0xc4, 0x3e, 0x36, 0x36, 0x25, 0x04, 0x00,
-	0x00, 0x6d, 0xbb, 0x74, 0x74, 0x8f, 0xf7, 0xb1, 0x00,
-	0x44, 0xe5, 0x04, 0x00, 0x00, 0x00, 0x3b, 0xff, 0x1c,
-	0x6b, 0xff, 0x28, 0x00, 0x00, 0x0c, 0x90, 0xdb, 0x04,
-	0x08, 0x7f, 0xf7, 0xff, 0xef, 0xff, 0x9e, 0x19, 0x00,
-	/* ch = 'h' */
-	0xff, 0x64, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0xff, 0x50, 0x04, 0x30, 0x36, 0x0c, 0x00,
-	0xff, 0x82, 0xdb, 0xd4, 0xef, 0xf7, 0x1f,
-	0xff, 0xff, 0x35, 0x00, 0x17, 0xff, 0x77,
-	0xff, 0x82, 0x00, 0x00, 0x00, 0xb7, 0xb7,
-	0xff, 0x54, 0x00, 0x00, 0x00, 0xb7, 0xb7,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7,
-	0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7,
-	/* ch = 'i' */
-	0x00, 0x00, 0x39, 0xcf, 0x24, 0x00, 0x00,
-	0x00, 0x00, 0x60, 0xff, 0x3e, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x0c, 0x15, 0x15, 0x15, 0x04, 0x00, 0x00,
-	0x45, 0xcf, 0xe5, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00,
-	0x50, 0xff, 0xff, 0xff, 0xff, 0xff, 0x1c,
-	/* ch = 'j' */
-	0x00, 0x00, 0x00, 0x00, 0x0d, 0xab, 0x60,
-	0x00, 0x00, 0x00, 0x00, 0x17, 0xf7, 0xa0,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x15, 0x15, 0x15, 0x15, 0x0f,
-	0x00, 0x00, 0xcf, 0xcf, 0xcf, 0xff, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x7c,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x7c,
-	0x00, 0x0c, 0x00, 0x00, 0x0d, 0xff, 0x5f,
-	0x1a, 0xef, 0x24, 0x04, 0x7c, 0xff, 0x2a,
-	0x10, 0xb3, 0xff, 0xff, 0xef, 0x3b, 0x00,
-	0x00, 0x00, 0x08, 0x0f, 0x00, 0x00, 0x00,
-	/* ch = 'k' */
-	0x1c, 0xff, 0x54, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x12, 0x15, 0x00,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x5f, 0xf7, 0x35, 0x00,
-	0x1c, 0xff, 0x50, 0x00, 0x6b, 0xf7, 0x2c, 0x00, 0x00,
-	0x1c, 0xff, 0x54, 0x7c, 0xf7, 0x26, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0xf7, 0xff, 0xdb, 0x04, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0xc4, 0x35, 0xff, 0x7c, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x50, 0x00, 0x50, 0xff, 0x50, 0x00, 0x00,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x7c, 0xff, 0x32, 0x00,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x04, 0xb1, 0xf7, 0x21,
-	/* ch = 'l' */
-	0xb7, 0xff, 0xff, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00,
-	0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x50,
-	/* ch = 'm' */
-	0x0f, 0x12, 0x1e, 0x36, 0x13, 0x13, 0x36, 0x22, 0x00,
-	0x7c, 0xf7, 0xc4, 0xdb, 0xdb, 0xef, 0xab, 0xff, 0x27,
-	0x7c, 0xff, 0x10, 0x3b, 0xff, 0x3b, 0x1c, 0xff, 0x50,
-	0x7c, 0xb7, 0x00, 0x32, 0xff, 0x1c, 0x1c, 0xff, 0x50,
-	0x7c, 0xb7, 0x00, 0x32, 0xff, 0x1c, 0x1c, 0xff, 0x50,
-	0x7c, 0xb7, 0x00, 0x32, 0xff, 0x1c, 0x1c, 0xff, 0x50,
-	0x7c, 0xb7, 0x00, 0x32, 0xff, 0x1c, 0x1c, 0xff, 0x50,
-	0x7c, 0xb7, 0x00, 0x32, 0xff, 0x1c, 0x1c, 0xff, 0x50,
-	0x7c, 0xb7, 0x00, 0x32, 0xff, 0x1c, 0x1c, 0xff, 0x50,
-	/* ch = 'n' */
-	0x04, 0x15, 0x0c, 0x08, 0x30, 0x36, 0x0c, 0x00,
-	0x1c, 0xff, 0x82, 0xdb, 0xd4, 0xef, 0xef, 0x1c,
-	0x1c, 0xff, 0xff, 0x35, 0x00, 0x1a, 0xff, 0x6b,
-	0x1c, 0xff, 0x7c, 0x00, 0x00, 0x00, 0xb7, 0x90,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7,
-	/* ch = 'o' */
-	0x00, 0x00, 0x04, 0x25, 0x36, 0x25, 0x00, 0x00, 0x00,
-	0x00, 0x1f, 0xd4, 0xef, 0xcf, 0xf7, 0xbb, 0x10, 0x00,
-	0x04, 0xdb, 0xb1, 0x08, 0x00, 0x1f, 0xf7, 0x8a, 0x00,
-	0x39, 0xff, 0x32, 0x00, 0x00, 0x00, 0x64, 0xff, 0x14,
-	0x54, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x35, 0xff, 0x24,
-	0x54, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x35, 0xff, 0x24,
-	0x32, 0xff, 0x48, 0x00, 0x00, 0x00, 0x70, 0xf7, 0x0d,
-	0x04, 0xb1, 0xf7, 0x21, 0x00, 0x35, 0xff, 0x6b, 0x00,
-	0x00, 0x10, 0xa2, 0xff, 0xff, 0xff, 0x73, 0x04, 0x00,
-	0x00, 0x00, 0x00, 0x0f, 0x15, 0x0c, 0x00, 0x00, 0x00,
-	/* ch = 'p' */
-	0x08, 0x15, 0x08, 0x16, 0x36, 0x2a, 0x08, 0x00, 0x00,
-	0x32, 0xff, 0xa9, 0xef, 0xcf, 0xf7, 0xdb, 0x1f, 0x00,
-	0x32, 0xff, 0xb7, 0x08, 0x00, 0x1f, 0xf7, 0xb7, 0x00,
-	0x32, 0xff, 0x4d, 0x00, 0x00, 0x00, 0x5f, 0xff, 0x1c,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x35, 0xff, 0x32,
-	0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x35, 0xff, 0x2f,
-	0x32, 0xff, 0x54, 0x00, 0x00, 0x00, 0x70, 0xff, 0x14,
-	0x32, 0xff, 0xdb, 0x1b, 0x00, 0x31, 0xf7, 0x77, 0x00,
-	0x32, 0xff, 0x8a, 0xf7, 0xff, 0xff, 0x94, 0x08, 0x00,
-	0x1c, 0xff, 0x32, 0x08, 0x15, 0x0f, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'q' */
-	0x00, 0x00, 0x0c, 0x30, 0x36, 0x16, 0x0f, 0x15,
-	0x00, 0x2c, 0xf7, 0xcb, 0x8f, 0xf7, 0xdb, 0xff,
-	0x0d, 0xf7, 0x82, 0x00, 0x00, 0x26, 0xff, 0xff,
-	0x3b, 0xff, 0x24, 0x00, 0x00, 0x00, 0xb1, 0xff,
-	0x50, 0xff, 0x0d, 0x00, 0x00, 0x00, 0x7c, 0xff,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x82, 0xff,
-	0x32, 0xff, 0x3f, 0x00, 0x00, 0x04, 0xcf, 0xff,
-	0x04, 0xc8, 0xdb, 0x21, 0x04, 0x5f, 0xff, 0xff,
-	0x00, 0x19, 0xcb, 0xff, 0xff, 0xbb, 0x97, 0xff,
-	0x00, 0x00, 0x00, 0x12, 0x0f, 0x00, 0x7c, 0xff,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xff,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xff,
-	/* ch = 'r' */
-	0x0c, 0x15, 0x04, 0x16, 0x36, 0x30, 0x0c, 0x00,
-	0x50, 0xff, 0x99, 0xff, 0xcf, 0xe5, 0xf7, 0x11,
-	0x50, 0xff, 0xf7, 0x21, 0x00, 0x04, 0x73, 0x00,
-	0x50, 0xff, 0x48, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 's' */
-	0x00, 0x00, 0x04, 0x2a, 0x36, 0x2a, 0x08, 0x00,
-	0x00, 0x1f, 0xef, 0xcb, 0x74, 0xd4, 0xf7, 0x3b,
-	0x00, 0x90, 0xcf, 0x04, 0x00, 0x04, 0x7c, 0x35,
-	0x00, 0x6b, 0xff, 0x3f, 0x08, 0x00, 0x00, 0x00,
-	0x00, 0x08, 0x8d, 0xff, 0xff, 0x9e, 0x2b, 0x00,
-	0x00, 0x00, 0x00, 0x0c, 0x37, 0xbb, 0xff, 0x50,
-	0x00, 0x1e, 0x00, 0x00, 0x00, 0x00, 0xbd, 0xc8,
-	0x17, 0xf7, 0x5a, 0x08, 0x00, 0x1b, 0xe5, 0x8a,
-	0x00, 0x48, 0xe5, 0xff, 0xff, 0xff, 0x94, 0x10,
-	0x00, 0x00, 0x00, 0x12, 0x15, 0x08, 0x00, 0x00,
-	/* ch = 't' */
-	0x00, 0x00, 0x50, 0x4a, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0xff, 0x77, 0x00, 0x00, 0x00,
-	0x15, 0x1a, 0xff, 0x5e, 0x15, 0x15, 0x04,
-	0xcf, 0xd4, 0xff, 0xe5, 0xcf, 0xcf, 0x1a,
-	0x00, 0x1c, 0xff, 0x44, 0x00, 0x00, 0x00,
-	0x00, 0x2a, 0xff, 0x32, 0x00, 0x00, 0x00,
-	0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00,
-	0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00,
-	0x00, 0x32, 0xff, 0x35, 0x00, 0x00, 0x00,
-	0x00, 0x1c, 0xff, 0x9e, 0x0c, 0x2b, 0x6c,
-	0x00, 0x00, 0x77, 0xff, 0xff, 0xf7, 0x5b,
-	0x00, 0x00, 0x00, 0x0c, 0x15, 0x00, 0x00,
-	/* ch = 'u' */
-	0x04, 0x15, 0x0c, 0x00, 0x00, 0x00, 0x12, 0x12,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7,
-	0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7,
-	0x1c, 0xff, 0x54, 0x00, 0x00, 0x04, 0xe5, 0xb7,
-	0x00, 0xc8, 0xdb, 0x13, 0x04, 0x70, 0xff, 0xb7,
-	0x00, 0x1f, 0xd4, 0xff, 0xef, 0xa2, 0xcf, 0xbd,
-	0x00, 0x00, 0x00, 0x15, 0x12, 0x00, 0x00, 0x00,
-	/* ch = 'v' */
-	0x0f, 0x15, 0x08, 0x00, 0x00, 0x00, 0x08, 0x15, 0x04,
-	0x32, 0xff, 0x39, 0x00, 0x00, 0x00, 0x44, 0xf7, 0x04,
-	0x04, 0xe5, 0x8a, 0x00, 0x00, 0x00, 0x90, 0x8a, 0x00,
-	0x00, 0x5a, 0xff, 0x17, 0x00, 0x17, 0xff, 0x32, 0x00,
-	0x00, 0x17, 0xff, 0x5a, 0x00, 0x5a, 0xe5, 0x04, 0x00,
-	0x00, 0x00, 0xa0, 0xe5, 0x04, 0xe5, 0x5a, 0x00, 0x00,
-	0x00, 0x00, 0x39, 0xff, 0x7c, 0xf7, 0x10, 0x00, 0x00,
-	0x00, 0x00, 0x04, 0xe5, 0xff, 0x70, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x5f, 0xff, 0x22, 0x00, 0x00, 0x00,
-	/* ch = 'w' */
-	0x15, 0x0f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x12, 0x0f,
-	0xcf, 0x5f, 0x00, 0x10, 0x36, 0x00, 0x00, 0xb7, 0x54,
-	0x82, 0xa0, 0x00, 0x3b, 0xff, 0x24, 0x00, 0xff, 0x3b,
-	0x54, 0xf7, 0x00, 0x77, 0xff, 0x5f, 0x0d, 0xff, 0x2a,
-	0x2f, 0xff, 0x1c, 0xcf, 0xc8, 0xb7, 0x1f, 0xff, 0x14,
-	0x14, 0xff, 0x48, 0xff, 0x32, 0xff, 0x4c, 0xe5, 0x00,
-	0x00, 0xcf, 0xcf, 0xa0, 0x04, 0xf7, 0xe5, 0xa0, 0x00,
-	0x00, 0x82, 0xff, 0x50, 0x00, 0x7c, 0xff, 0x5f, 0x00,
-	0x00, 0x4d, 0xff, 0x24, 0x00, 0x3b, 0xff, 0x3b, 0x00,
-	/* ch = 'x' */
-	0x1c, 0x15, 0x08, 0x00, 0x00, 0x00, 0x12, 0x12, 0x00,
-	0x04, 0xdb, 0xb1, 0x04, 0x00, 0x2f, 0xff, 0x35, 0x00,
-	0x00, 0x1f, 0xff, 0x54, 0x0d, 0xdb, 0x82, 0x00, 0x00,
-	0x00, 0x00, 0x50, 0xff, 0xa9, 0xe5, 0x10, 0x00, 0x00,
-	0x00, 0x00, 0x04, 0xb7, 0xff, 0x37, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x10, 0xf7, 0xff, 0x7c, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0xa0, 0xdb, 0x43, 0xff, 0x3b, 0x00, 0x00,
-	0x00, 0x44, 0xff, 0x32, 0x00, 0x7c, 0xf7, 0x1c, 0x00,
-	0x1f, 0xf7, 0x7c, 0x00, 0x00, 0x0d, 0xdb, 0xb1, 0x04,
-	/* ch = 'y' */
-	0x0c, 0x15, 0x0c, 0x00, 0x00, 0x00, 0x08, 0x15, 0x08,
-	0x22, 0xff, 0x48, 0x00, 0x00, 0x00, 0x54, 0xff, 0x14,
-	0x00, 0xa7, 0xc8, 0x00, 0x00, 0x00, 0xa7, 0xa0, 0x00,
-	0x00, 0x39, 0xff, 0x2c, 0x00, 0x1c, 0xff, 0x39, 0x00,
-	0x00, 0x04, 0xe5, 0x70, 0x00, 0x5a, 0xf7, 0x04, 0x00,
-	0x00, 0x00, 0x6b, 0xf7, 0x0d, 0xc8, 0x70, 0x00, 0x00,
-	0x00, 0x00, 0x22, 0xff, 0x7c, 0xff, 0x2a, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0xa7, 0xff, 0xc8, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x39, 0xff, 0x50, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x3b, 0xff, 0x17, 0x00, 0x00, 0x00,
-	0x39, 0x26, 0x13, 0xdb, 0x8a, 0x00, 0x00, 0x00, 0x00,
-	0x97, 0xff, 0xff, 0xbb, 0x10, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x0c, 0x0c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
-	/* ch = 'z' */
-	0x00, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x0f, 0x00,
-	0x00, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x77, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x04, 0xb1, 0xdb, 0x10, 0x00,
-	0x00, 0x00, 0x00, 0x00, 0x7c, 0xf7, 0x1f, 0x00, 0x00,
-	0x00, 0x00, 0x00, 0x50, 0xff, 0x32, 0x00, 0x00, 0x00,
-	0x00, 0x00, 0x32, 0xff, 0x5f, 0x00, 0x00, 0x00, 0x00,
-	0x00, 0x1f, 0xf7, 0xb1, 0x04, 0x00, 0x00, 0x00, 0x00,
-	0x04, 0xdb, 0xec, 0x1f, 0x15, 0x15, 0x15, 0x15, 0x04,
-	0x4d, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x1c,
-	/* ch = '{' */
-	0x00, 0x00, 0x20, 0x36, 0x36, 0x16,
-	0x00, 0x7c, 0xf7, 0x82, 0x74, 0x22,
-	0x2a, 0xff, 0x39, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00,
-	0x32, 0xff, 0x1c, 0x00, 0x00, 0x00,
-	0x3b, 0xff, 0x1a, 0x00, 0x00, 0x00,
-	0xb1, 0x99, 0x00, 0x00, 0x00, 0x00,
-	0xd9, 0x16, 0x00, 0x00, 0x00, 0x00,
-	0x90, 0xc8, 0x00, 0x00, 0x00, 0x00,
-	0x44, 0xff, 0x1a, 0x00, 0x00, 0x00,
-	0x4d, 0xff, 0x1c, 0x00, 0x00, 0x00,
-	0x50, 0xff, 0x1c, 0x00, 0x00, 0x00,
-	0x3b, 0xff, 0x24, 0x00, 0x00, 0x00,
-	0x17, 0xf7, 0xb1, 0x1a, 0x15, 0x08,
-	0x00, 0x26, 0xab, 0xcf, 0xcf, 0x2d,
-	/* ch = '|' */
-	0x45, 0xcf, 0x1a,
-	0x50, 0xff, 0x1c,
-	0x50, 0xff, 0x1c,
-	0x50, 0xff, 0x1c,
-	0x50, 0xff, 0x1c,
-	0x50, 0xff, 0x1c,
-	0x50, 0xff, 0x1c,
-	0x50, 0xff, 0x1c,
-	0x50, 0xff, 0x1c,
-	0x50, 0xff, 0x1c,
-	0x50, 0xff, 0x1c,
-	0x50, 0xff, 0x1c,
-	0x50, 0xff, 0x1c,
-	0x50, 0xff, 0x1c,
-	0x45, 0xcf, 0x1a,
-	/* ch = '}' */
-	0x26, 0x36, 0x36, 0x16, 0x00,
-	0x42, 0x74, 0xa4, 0xff, 0x39,
-	0x00, 0x00, 0x00, 0x8a, 0xe5,
-	0x00, 0x00, 0x00, 0x50, 0xff,
-	0x00, 0x00, 0x00, 0x50, 0xff,
-	0x00, 0x00, 0x00, 0x4d, 0xff,
-	0x00, 0x00, 0x00, 0x10, 0xef,
-	0x00, 0x00, 0x00, 0x00, 0x36,
-	0x00, 0x00, 0x00, 0x1c, 0xff,
-	0x00, 0x00, 0x00, 0x4d, 0xff,
-	0x00, 0x00, 0x00, 0x50, 0xff,
-	0x00, 0x00, 0x00, 0x50, 0xff,
-	0x00, 0x00, 0x00, 0x5f, 0xff,
-	0x0f, 0x15, 0x2b, 0xf7, 0xa0,
-	0x67, 0xcf, 0xcf, 0x7f, 0x10,
-	/* ch = '~' */
-	0x00, 0x04, 0x2a, 0x2a, 0x04, 0x00, 0x00, 0x0c, 0x00,
-	0x10, 0xc4, 0xe5, 0xef, 0xd4, 0x24, 0x21, 0xf7, 0x33,
-	0x29, 0x9c, 0x08, 0x08, 0x94, 0xff, 0xff, 0x66, 0x04,
-	0x00, 0x00, 0x00, 0x00, 0x00, 0x12, 0x0c, 0x00, 0x00
+        /* ch = '!' */
+        0x00, 0x94, 0xef, 0x14, 0x00, 0xb7, 0xff, 0x27, 0x00, 0xb7, 0xff, 0x1c,
+        0x00, 0x82, 0xff, 0x1a, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x7c, 0xff, 0x00,
+        0x00, 0x54, 0xbd, 0x00, 0x00, 0x50, 0xb7, 0x00, 0x00, 0x30, 0x58, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0xa2, 0xe5, 0x1c, 0x04, 0xe5, 0xff, 0x27,
+        0x00, 0x0c, 0x12, 0x00,
+        /* ch = '"' */
+        0x99, 0xc0, 0x00, 0x6b, 0xdb, 0x04, 0xb7, 0xf7, 0x00, 0x82, 0xff, 0x14,
+        0xb7, 0x90, 0x00, 0x82, 0xb7, 0x00, 0xff, 0x39, 0x00, 0xe5, 0x50, 0x00,
+        0x5b, 0x0d, 0x0d, 0x5b, 0x17, 0x00,
+        /* ch = '#' */
+        0x00, 0x00, 0x04, 0x15, 0x04, 0x04, 0x15, 0x08, 0x00, 0x00, 0x00, 0x32,
+        0xff, 0x1a, 0x24, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x3b, 0xff, 0x00, 0x32,
+        0xff, 0x0d, 0x00, 0x0c, 0x15, 0x5e, 0xc6, 0x15, 0x5e, 0xff, 0x15, 0x0c,
+        0x42, 0x74, 0xc8, 0xc8, 0x74, 0xc8, 0xe5, 0x74, 0x30, 0x00, 0x00, 0xa0,
+        0x77, 0x00, 0x82, 0x82, 0x00, 0x00, 0x00, 0x00, 0xbd, 0x50, 0x00, 0xb7,
+        0x6b, 0x00, 0x00, 0x12, 0x15, 0xff, 0x42, 0x2a, 0xf7, 0x82, 0x36, 0x0d,
+        0x58, 0x87, 0xff, 0x87, 0x87, 0xff, 0x6f, 0x36, 0x0d, 0x00, 0x24, 0xff,
+        0x1c, 0x1c, 0xff, 0x1f, 0x00, 0x00, 0x00, 0x32, 0xff, 0x00, 0x32, 0xff,
+        0x14, 0x00, 0x00, 0x00, 0x45, 0xab, 0x00, 0x3a, 0xcf, 0x00, 0x00, 0x00,
+        /* ch = '$' */
+        0x00, 0x00, 0x1a, 0xcf, 0x2d, 0x00, 0x00, 0x00, 0x00, 0x1b, 0x6b, 0xff,
+        0x9c, 0x25, 0x00, 0x00, 0x32, 0xff, 0x94, 0xff, 0xab, 0xf7, 0x84, 0x00,
+        0xb1, 0x82, 0x1c, 0xff, 0x32, 0x2a, 0x39, 0x00, 0xb1, 0xb7, 0x1f, 0xff,
+        0x32, 0x00, 0x00, 0x00, 0x32, 0xf7, 0xef, 0xff, 0x32, 0x00, 0x00, 0x00,
+        0x00, 0x13, 0x6b, 0xff, 0xf7, 0x8d, 0x13, 0x00, 0x00, 0x00, 0x1c, 0xff,
+        0x58, 0xd4, 0xdb, 0x04, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x2c, 0xff, 0x2a,
+        0x73, 0x10, 0x1c, 0xff, 0x32, 0x3f, 0xff, 0x1a, 0xdb, 0xdb, 0x5f, 0xff,
+        0x99, 0xf7, 0x73, 0x00, 0x04, 0x3f, 0x95, 0xff, 0x9c, 0x31, 0x00, 0x00,
+        0x00, 0x00, 0x1a, 0xcf, 0x2d, 0x00, 0x00, 0x00,
+        /* ch = '%' */
+        0x00, 0x22, 0x36, 0x13, 0x00, 0x00, 0x08, 0x15, 0x04, 0x39, 0xf7, 0x95,
+        0xf7, 0x17, 0x00, 0x7c, 0xb7, 0x00, 0xa0, 0x82, 0x04, 0xff, 0x4d, 0x24,
+        0xff, 0x2a, 0x00, 0xa0, 0x82, 0x04, 0xff, 0x4d, 0xa0, 0x90, 0x00, 0x00,
+        0x2f, 0xff, 0xdd, 0xdb, 0x3f, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x0f, 0x15,
+        0x0c, 0xc8, 0x6b, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x44, 0xf7, 0x10,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x0d, 0xe5, 0x50, 0x22, 0x36, 0x22, 0x00,
+        0x00, 0x00, 0x5f, 0xdb, 0x2c, 0xff, 0x73, 0xff, 0x2f, 0x00, 0x17, 0xf7,
+        0x3b, 0x77, 0xa0, 0x00, 0x90, 0x77, 0x00, 0x7c, 0xb7, 0x00, 0x6b, 0xb7,
+        0x00, 0xb7, 0x6b, 0x24, 0xff, 0x2a, 0x00, 0x17, 0xdb, 0xdd, 0xdb, 0x1c,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x04, 0x15, 0x04, 0x00,
+        /* ch = '&' */
+        0x00, 0x00, 0x08, 0x25, 0x20, 0x04, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xdb,
+        0xe5, 0xef, 0xd4, 0x0d, 0x00, 0x00, 0x00, 0x6b, 0xf7, 0x10, 0x1c, 0xff,
+        0x44, 0x00, 0x00, 0x00, 0x77, 0xe5, 0x04, 0x04, 0xff, 0x4d, 0x00, 0x00,
+        0x00, 0x2a, 0xff, 0x3b, 0x50, 0xf7, 0x17, 0x00, 0x00, 0x00, 0x00, 0x82,
+        0xff, 0xf7, 0x32, 0x00, 0x00, 0x00, 0x00, 0x32, 0xf7, 0xff, 0xc8, 0x04,
+        0x00, 0x0c, 0x00, 0x1c, 0xf7, 0x7c, 0x1f, 0xf7, 0x77, 0x04, 0xe5, 0x2f,
+        0x5f, 0xff, 0x17, 0x00, 0x4d, 0xff, 0x94, 0xf7, 0x1c, 0x7c, 0xff, 0x04,
+        0x00, 0x00, 0x88, 0xff, 0x54, 0x00, 0x48, 0xff, 0x54, 0x00, 0x37, 0xf7,
+        0xf7, 0xb1, 0x04, 0x04, 0x84, 0xff, 0xff, 0xf7, 0x50, 0x2f, 0xf7, 0x33,
+        0x00, 0x00, 0x0c, 0x15, 0x04, 0x00, 0x00, 0x0f, 0x00,
+        /* ch = ''' */
+        0x0d, 0xef, 0x66, 0x1a, 0xff, 0x7c, 0x14, 0xff, 0x44, 0x32, 0xff, 0x14,
+        0x24, 0x4e, 0x00,
+        /* ch = '(' */
+        0x00, 0x28, 0xd4, 0x2c, 0x4d, 0xff, 0x77, 0x0f, 0xff, 0x50, 0x00, 0x00,
+        0xa0, 0x00, 0x00, 0x00, 0x2c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x0d, 0x00, 0x00, 0x00, 0x48, 0x00, 0x00, 0x00, 0xdb, 0x04, 0x00, 0x00,
+        0xff, 0x7c, 0x00, 0x00, 0x32, 0xff, 0x8a, 0x08, 0x00, 0x26, 0xef, 0x44,
+        0x00, 0x00, 0x08, 0x04,
+        /* ch = ')' */
+        0x8a, 0x66, 0x04, 0x00, 0x37, 0xf7, 0xb1, 0x10, 0x00, 0x1f, 0xf7, 0xb1,
+        0x00, 0x00, 0x32, 0xff, 0x00, 0x00, 0x00, 0x90, 0x00, 0x00, 0x00, 0x3b,
+        0x00, 0x00, 0x00, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1c,
+        0x00, 0x00, 0x00, 0x32, 0x00, 0x00, 0x00, 0x8a, 0x00, 0x00, 0x24, 0xff,
+        0x00, 0x10, 0xdb, 0xb1, 0x28, 0xdb, 0xd4, 0x10, 0xcf, 0x8d, 0x08, 0x00,
+        0x0c, 0x00, 0x00, 0x00,
+        /* ch = '*' */
+        0x00, 0x00, 0x00, 0x1e, 0x36, 0x13, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x44, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x17, 0x37, 0x04, 0x32, 0xff, 0x04,
+        0x08, 0x2a, 0x00, 0x4a, 0xf7, 0xe5, 0x6f, 0xff, 0x66, 0xf7, 0xdd, 0x11,
+        0x00, 0x04, 0x25, 0xa7, 0xff, 0x74, 0x0f, 0x00, 0x00, 0x00, 0x00, 0x32,
+        0xff, 0x97, 0xdb, 0x10, 0x00, 0x00, 0x00, 0x1f, 0xf7, 0x5f, 0x04, 0xc8,
+        0xb1, 0x04, 0x00, 0x00, 0x51, 0xb7, 0x04, 0x00, 0x2a, 0xef, 0x22, 0x00,
+        /* ch = '+' */
+        0x00, 0x00, 0x00, 0x16, 0x36, 0x0d, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c,
+        0x00, 0x00, 0x00, 0x1e, 0x36, 0x36, 0x62, 0xff, 0x4a, 0x36, 0x36, 0x0d,
+        0x45, 0xcf, 0xcf, 0xdd, 0xff, 0xd4, 0xcf, 0xcf, 0x1a, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x08, 0x15, 0x04, 0x00, 0x00, 0x00,
+        /* ch = ',' */
+        0x00, 0x9c, 0xbd, 0x10, 0x0d, 0xef, 0xff, 0x4d, 0x00, 0x26, 0xff, 0x32,
+        0x00, 0x5f, 0xb1, 0x00, 0x1e, 0xd4, 0x10, 0x00,
+        /* ch = '-' */
+        0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x12, 0xff, 0xff, 0xff, 0xff, 0xff,
+        0xff, 0xb7,
+        /* ch = '.' */
+        0x00, 0x8d, 0xbd, 0x17, 0x04, 0xf7, 0xff, 0x27, 0x00, 0x0c, 0x0f, 0x00,
+        /* ch = '/' */
+        0x00, 0xa0, 0x5c, 0x22, 0xff, 0x44, 0x8a, 0xe5, 0x04, 0xff, 0x50, 0x00,
+        0xf7, 0x0d, 0x00, 0x5f, 0x00, 0x00, 0x17, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00,
+        /* ch = '0' */
+        0x00, 0x00, 0x00, 0x0f, 0x15, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x6b,
+        0xff, 0xdd, 0xf7, 0x2c, 0x00, 0x00, 0x00, 0x44, 0xff, 0x26, 0x00, 0x64,
+        0xf7, 0x17, 0x00, 0x00, 0xcf, 0x70, 0x00, 0x00, 0x21, 0xff, 0x5f, 0x00,
+        0x1f, 0xff, 0x2a, 0x00, 0x10, 0xdb, 0xf7, 0xbd, 0x00, 0x32, 0xff, 0x1c,
+        0x04, 0xb1, 0xb1, 0x54, 0xff, 0x00, 0x49, 0xff, 0x17, 0x50, 0xf7, 0x1f,
+        0x3b, 0xff, 0x11, 0x32, 0xff, 0x50, 0xff, 0x32, 0x00, 0x50, 0xff, 0x00,
+        0x1f, 0xff, 0xff, 0x50, 0x00, 0x00, 0x6b, 0xcf, 0x00, 0x00, 0xc8, 0xd9,
+        0x00, 0x00, 0x04, 0xcf, 0x70, 0x00, 0x00, 0x3b, 0xff, 0x54, 0x04, 0x5f,
+        0xf7, 0x1c, 0x00, 0x00, 0x00, 0x5a, 0xff, 0xff, 0xef, 0x2c, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x0c, 0x15, 0x04, 0x00, 0x00, 0x00,
+        /* ch = '1' */
+        0x00, 0x00, 0x00, 0x15, 0x08, 0x00, 0x31, 0xd4, 0xff, 0x32, 0x60, 0xc4,
+        0x78, 0xff, 0x32, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x1c, 0xff,
+        0x32, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00,
+        0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x1c,
+        0xff, 0x32, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        /* ch = '2' */
+        0x00, 0x00, 0x12, 0x15, 0x0f, 0x00, 0x00, 0x19, 0xbb, 0xf7, 0xdd, 0xff,
+        0x77, 0x00, 0xa4, 0xb1, 0x08, 0x00, 0x3b, 0xff, 0x44, 0x04, 0x08, 0x00,
+        0x00, 0x00, 0xbd, 0xa0, 0x00, 0x00, 0x00, 0x00, 0x00, 0xcf, 0x90, 0x00,
+        0x00, 0x00, 0x00, 0x32, 0xff, 0x39, 0x00, 0x00, 0x00, 0x21, 0xf7, 0x7c,
+        0x00, 0x00, 0x00, 0x26, 0xf7, 0x7c, 0x04, 0x00, 0x00, 0x1f, 0xf7, 0x7c,
+        0x00, 0x00, 0x00, 0x10, 0xdb, 0xa0, 0x04, 0x00, 0x00, 0x00, 0x6b, 0xec,
+        0x1f, 0x15, 0x15, 0x15, 0x12, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xb7,
+        /* ch = '3' */
+        0x00, 0x00, 0x00, 0x15, 0x15, 0x08, 0x00, 0x00, 0x00, 0x26, 0xd4, 0xff,
+        0xef, 0xf7, 0x3b, 0x00, 0x00, 0x24, 0x5a, 0x04, 0x04, 0x6f, 0xff, 0x17,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x3b, 0xff, 0x22, 0x00, 0x00, 0x0d, 0x36, 0x66, 0xf7, 0x4d, 0x00,
+        0x00, 0x00, 0x14, 0x74, 0xc4, 0xf7, 0x5a, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x37, 0xff, 0x2c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xe5, 0x6b,
+        0x00, 0x04, 0x08, 0x00, 0x00, 0x0d, 0xff, 0x6b, 0x04, 0x7c, 0x8a, 0x08,
+        0x08, 0x8a, 0xff, 0x24, 0x00, 0x35, 0xef, 0xff, 0xff, 0xef, 0x35, 0x00,
+        0x00, 0x00, 0x00, 0x15, 0x15, 0x00, 0x00, 0x00,
+        /* ch = '4' */
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x12, 0x0f, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x1f, 0xf7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x04, 0xb1, 0xff,
+        0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xdb, 0xff, 0x7c, 0x00, 0x00,
+        0x00, 0x00, 0x1f, 0xf7, 0x2a, 0xff, 0x7c, 0x00, 0x00, 0x00, 0x04, 0xb1,
+        0x6b, 0x00, 0xff, 0x7c, 0x00, 0x00, 0x00, 0x50, 0xdb, 0x0d, 0x00, 0xff,
+        0x7c, 0x00, 0x00, 0x1f, 0xf7, 0x42, 0x15, 0x15, 0xff, 0x88, 0x15, 0x04,
+        0x45, 0xcf, 0xcf, 0xcf, 0xcf, 0xff, 0xff, 0xff, 0x1c, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0xff, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff,
+        0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x7c, 0x00, 0x00,
+        /* ch = '5' */
+        0x00, 0x0c, 0x15, 0x15, 0x15, 0x15, 0x15, 0x0f, 0x00, 0x50, 0xff, 0xff,
+        0xff, 0xff, 0xff, 0x7c, 0x00, 0x50, 0xf7, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x77, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7, 0x12,
+        0x15, 0x0f, 0x00, 0x00, 0x00, 0x90, 0xff, 0xef, 0xd4, 0xff, 0x94, 0x04,
+        0x00, 0x6d, 0x73, 0x04, 0x00, 0x32, 0xff, 0x5f, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x90, 0xe5, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xff,
+        0x00, 0x10, 0x16, 0x00, 0x00, 0x00, 0xa7, 0xcf, 0x0a, 0xe5, 0xb1, 0x13,
+        0x00, 0x3f, 0xff, 0x50, 0x00, 0x21, 0xcb, 0xff, 0xff, 0xff, 0x66, 0x04,
+        0x00, 0x00, 0x00, 0x0f, 0x15, 0x08, 0x00, 0x00,
+        /* ch = '6' */
+        0x00, 0x00, 0x00, 0x08, 0x2a, 0x25, 0x08, 0x00, 0x00, 0x00, 0x3b, 0xf7,
+        0xe5, 0xe5, 0xf7, 0x36, 0x00, 0x1c, 0xff, 0x5f, 0x00, 0x00, 0x48, 0x08,
+        0x00, 0x7c, 0xe5, 0x04, 0x00, 0x00, 0x00, 0x00, 0x00, 0xcf, 0x6b, 0x08,
+        0x15, 0x0f, 0x00, 0x00, 0x04, 0xff, 0xb1, 0xf7, 0xf7, 0xff, 0x84, 0x04,
+        0x1c, 0xff, 0xf7, 0x28, 0x00, 0x35, 0xff, 0x44, 0x1c, 0xff, 0x54, 0x00,
+        0x00, 0x00, 0xa0, 0xb1, 0x00, 0xff, 0x5f, 0x00, 0x00, 0x00, 0x7c, 0xb7,
+        0x00, 0xa0, 0xc8, 0x00, 0x00, 0x00, 0xa7, 0xa0, 0x00, 0x3b, 0xff, 0x54,
+        0x00, 0x35, 0xff, 0x3b, 0x00, 0x00, 0x50, 0xf7, 0xff, 0xff, 0x66, 0x00,
+        0x00, 0x00, 0x00, 0x08, 0x15, 0x08, 0x00, 0x00,
+        /* ch = '7' */
+        0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x12, 0xff, 0xff, 0xff, 0xff, 0xff,
+        0xff, 0xa0, 0x00, 0x00, 0x00, 0x00, 0x2c, 0xff, 0x39, 0x00, 0x00, 0x00,
+        0x00, 0x8a, 0xe5, 0x04, 0x00, 0x00, 0x00, 0x17, 0xff, 0x5a, 0x00, 0x00,
+        0x00, 0x00, 0x5a, 0xff, 0x17, 0x00, 0x00, 0x00, 0x04, 0xe5, 0x90, 0x00,
+        0x00, 0x00, 0x00, 0x2c, 0xff, 0x39, 0x00, 0x00, 0x00, 0x00, 0x8a, 0xf7,
+        0x0d, 0x00, 0x00, 0x00, 0x0d, 0xf7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x39,
+        0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x90, 0xf7, 0x04, 0x00, 0x00, 0x00,
+        /* ch = '8' */
+        0x00, 0x00, 0x00, 0x20, 0x36, 0x18, 0x00, 0x00, 0x00, 0x04, 0xa9, 0xf7,
+        0xcf, 0xff, 0x99, 0x04, 0x00, 0x5a, 0xf7, 0x13, 0x00, 0x32, 0xff, 0x40,
+        0x00, 0x7c, 0xbd, 0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x48, 0xff, 0x32,
+        0x00, 0x3b, 0xff, 0x2a, 0x00, 0x04, 0x94, 0xff, 0x9e, 0xf7, 0x44, 0x00,
+        0x00, 0x04, 0x84, 0xef, 0xb3, 0xff, 0x5a, 0x00, 0x00, 0x7c, 0xdb, 0x10,
+        0x00, 0x3b, 0xff, 0x4d, 0x1a, 0xff, 0x48, 0x00, 0x00, 0x00, 0xa7, 0xbd,
+        0x1c, 0xff, 0x48, 0x00, 0x00, 0x00, 0x90, 0xcf, 0x00, 0xc8, 0xdb, 0x1b,
+        0x00, 0x37, 0xff, 0x5f, 0x00, 0x19, 0xbb, 0xff, 0xff, 0xff, 0x73, 0x04,
+        0x00, 0x00, 0x00, 0x0f, 0x15, 0x08, 0x00, 0x00,
+        /* ch = '9' */
+        0x00, 0x00, 0x00, 0x1a, 0x2a, 0x0c, 0x00, 0x00, 0x00, 0x10, 0xbb, 0xf7,
+        0xdd, 0xff, 0x44, 0x00, 0x00, 0x7c, 0xe5, 0x13, 0x00, 0x54, 0xff, 0x22,
+        0x00, 0xf7, 0x5f, 0x00, 0x00, 0x04, 0xf7, 0x6b, 0x11, 0xff, 0x50, 0x00,
+        0x00, 0x00, 0xb7, 0xb1, 0x00, 0xe5, 0x7c, 0x00, 0x00, 0x04, 0xcf, 0xb7,
+        0x00, 0x4d, 0xff, 0x47, 0x1a, 0x99, 0xff, 0xb7, 0x00, 0x00, 0x50, 0xdd,
+        0xe5, 0x7f, 0xaf, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xcf, 0x7c,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x22, 0xff, 0x39, 0x00, 0x32, 0x50, 0x04,
+        0x16, 0xc4, 0xc8, 0x04, 0x00, 0x44, 0xf7, 0xff, 0xff, 0xbb, 0x13, 0x00,
+        0x00, 0x00, 0x04, 0x15, 0x0f, 0x00, 0x00, 0x00,
+        /* ch = ':' */
+        0x00, 0x48, 0x67, 0x04, 0x0a, 0xff, 0xff, 0x2f, 0x00, 0x22, 0x30, 0x04,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x8d, 0xbd, 0x17, 0x04, 0xf7, 0xff, 0x27, 0x00, 0x0c, 0x0f, 0x00,
+        /* ch = ';' */
+        0x00, 0x48, 0x67, 0x04, 0x0a, 0xff, 0xff, 0x2f, 0x00, 0x22, 0x30, 0x04,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x9c, 0xbd, 0x10, 0x0d, 0xef, 0xff, 0x4d, 0x00, 0x26, 0xff, 0x32,
+        0x00, 0x5f, 0xb1, 0x00, 0x1e, 0xd4, 0x10, 0x00,
+        /* ch = '<' */
+        0x00, 0x00, 0x00, 0x00, 0x08, 0x04, 0x00, 0x00, 0x04, 0x48, 0xef, 0x1c,
+        0x04, 0x37, 0xe5, 0xef, 0x3f, 0x04, 0xd4, 0xef, 0x48, 0x04, 0x00, 0x00,
+        0x50, 0x08, 0x00, 0x00, 0x00, 0x00, 0x04, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0xd4, 0x2b, 0x00, 0x00, 0x00, 0x00, 0x5a, 0xf7, 0xbb, 0x1b, 0x00, 0x00,
+        0x00, 0x13, 0x94, 0xff, 0x8d, 0x10, 0x00, 0x00, 0x00, 0x28, 0xd4, 0x32,
+        0x00, 0x00, 0x00, 0x00, 0x04, 0x08,
+        /* ch = '=' */
+        0x45, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0xcf, 0x1a, 0x0c, 0x15, 0x15,
+        0x15, 0x15, 0x15, 0x15, 0x15, 0x04, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x0c, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x04,
+        0x50, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x1c,
+        /* ch = '>' */
+        0x0c, 0x00, 0x00, 0x00, 0x00, 0x50, 0xbb, 0x28, 0x00, 0x00, 0x13, 0x73,
+        0xff, 0xb3, 0x1e, 0x00, 0x00, 0x13, 0x7f, 0xff, 0x00, 0x00, 0x00, 0x00,
+        0x16, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x08, 0x50, 0x00,
+        0x00, 0x37, 0xef, 0xd4, 0x26, 0xbb, 0xf7, 0x50, 0x04, 0x7c, 0x94, 0x13,
+        0x00, 0x00, 0x0c, 0x00, 0x00, 0x00, 0x00,
+        /* ch = '?' */
+        0x00, 0x04, 0x66, 0xe5, 0xff, 0xdd, 0x35, 0x00, 0x04, 0xb1, 0xf7, 0x3f,
+        0x20, 0x99, 0xff, 0x2f, 0x00, 0x5a, 0x2a, 0x00, 0x00, 0x0d, 0xff, 0x90,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x04, 0xff, 0xb1, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x48, 0xff, 0x5a, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x8a, 0x04,
+        0x00, 0x00, 0x00, 0x0d, 0xe5, 0x82, 0x00, 0x00, 0x00, 0x00, 0x00, 0x24,
+        0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x22, 0x74, 0x22, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32,
+        0xcf, 0x40, 0x00, 0x00, 0x00, 0x00, 0x00, 0x66, 0xff, 0x84, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x04, 0x15, 0x04, 0x00, 0x00,
+        /* ch = '@' */
+        0x00, 0x00, 0x00, 0x18, 0x36, 0x2a, 0x08, 0x00, 0x00, 0x00, 0x08, 0xa2,
+        0xef, 0x82, 0xcb, 0xdb, 0x1f, 0x00, 0x00, 0x90, 0xb1, 0x08, 0x00, 0x00,
+        0x7c, 0xc8, 0x00, 0x2a, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x1f, 0xff, 0x24,
+        0x5f, 0xb7, 0x00, 0x13, 0x8d, 0xf7, 0xff, 0xff, 0x32, 0x90, 0x7c, 0x00,
+        0xc8, 0xb1, 0x0c, 0x00, 0xff, 0x32, 0xb7, 0x7c, 0x1c, 0xff, 0x32, 0x00,
+        0x14, 0xff, 0x32, 0x7c, 0x82, 0x0d, 0xf7, 0x7c, 0x08, 0x64, 0xff, 0x32,
+        0x50, 0xe5, 0x04, 0x2c, 0xe5, 0xff, 0xb3, 0xcf, 0x2d, 0x17, 0xff, 0x4d,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xf7, 0x3f, 0x00, 0x00,
+        0x13, 0x19, 0x00, 0x00, 0x00, 0x40, 0xef, 0xef, 0xd4, 0xff, 0x5e, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x15, 0x15, 0x04, 0x00, 0x00,
+        /* ch = 'A' */
+        0x00, 0x00, 0x00, 0x0d, 0x19, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x44, 0x8a, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xa0, 0xff, 0x14,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x17, 0xff, 0xff, 0x48, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x48, 0xe5, 0x7c, 0xc8, 0x00, 0x00, 0x00, 0x00, 0x00, 0xa7,
+        0x6b, 0x2c, 0xff, 0x22, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x2a, 0x00, 0xe5,
+        0x70, 0x00, 0x00, 0x00, 0x50, 0xec, 0x15, 0x15, 0x6d, 0xe5, 0x04, 0x00,
+        0x00, 0xc8, 0xe5, 0xcf, 0xcf, 0xd4, 0xff, 0x39, 0x00, 0x22, 0xff, 0x32,
+        0x00, 0x00, 0x00, 0xc8, 0xa0, 0x00, 0x5a, 0xf7, 0x04, 0x00, 0x00, 0x00,
+        0x5a, 0xff, 0x17, 0xcf, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x17, 0xff, 0x5a,
+        /* ch = 'B' */
+        0x0c, 0x15, 0x15, 0x15, 0x15, 0x0c, 0x00, 0x00, 0x00, 0x50, 0xff, 0xd4,
+        0xcf, 0xef, 0xff, 0x94, 0x04, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x35,
+        0xff, 0x5a, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xbd, 0xb1, 0x00,
+        0x50, 0xff, 0x1c, 0x00, 0x00, 0x13, 0xf7, 0x66, 0x00, 0x50, 0xff, 0x87,
+        0x74, 0x82, 0xef, 0xa9, 0x04, 0x00, 0x50, 0xff, 0x4a, 0x36, 0x74, 0xd4,
+        0xcb, 0x19, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x04, 0xb7, 0xc8, 0x00,
+        0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x50, 0xff, 0x1c,
+        0x00, 0x00, 0x00, 0x5f, 0xff, 0x1a, 0x50, 0xff, 0x28, 0x15, 0x15, 0x3f,
+        0xff, 0x90, 0x00, 0x50, 0xff, 0xff, 0xff, 0xff, 0xe5, 0x66, 0x04, 0x00,
+        /* ch = 'C' */
+        0x00, 0x00, 0x0c, 0x25, 0x1a, 0x04, 0x00, 0x00, 0x04, 0x66, 0xff, 0xcf,
+        0xe5, 0xef, 0x2f, 0x00, 0x6b, 0xf7, 0x26, 0x00, 0x04, 0x7c, 0xff, 0x1f,
+        0xff, 0x5f, 0x00, 0x00, 0x00, 0x14, 0x37, 0x00, 0xff, 0x1f, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x04, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0xff, 0x2a, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0xf7, 0x82, 0x00, 0x00, 0x00, 0x04, 0x0f, 0x00, 0x50, 0xff, 0x5f, 0x04,
+        0x08, 0x8a, 0xef, 0x17, 0x00, 0x50, 0xf7, 0xff, 0xff, 0xcb, 0x21, 0x00,
+        0x00, 0x00, 0x04, 0x15, 0x12, 0x00, 0x00, 0x00,
+        /* ch = 'D' */
+        0x08, 0x15, 0x15, 0x15, 0x15, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0xd4,
+        0xd4, 0xff, 0xef, 0x35, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x08, 0x8a,
+        0xff, 0x2f, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x04, 0xdb, 0xa7, 0x00,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x5f, 0xff, 0x14, 0x32, 0xff, 0x1c,
+        0x00, 0x00, 0x00, 0x35, 0xff, 0x24, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x32, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x35, 0xff, 0x1c,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x5f, 0xf7, 0x04, 0x32, 0xff, 0x1c,
+        0x00, 0x00, 0x10, 0xe5, 0x7c, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x1e, 0xb1,
+        0xdb, 0x10, 0x00, 0x32, 0xff, 0xff, 0xff, 0xf7, 0x8d, 0x13, 0x00, 0x00,
+        /* ch = 'E' */
+        0x08, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x32, 0xff, 0xdd, 0xcf,
+        0xcf, 0xcf, 0xcf, 0xcf, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x32, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x62, 0x36, 0x36, 0x36, 0x36, 0x00,
+        0x32, 0xff, 0xdd, 0xcf, 0xcf, 0xcf, 0xcf, 0x00, 0x32, 0xff, 0x32, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x3e, 0x15,
+        0x15, 0x15, 0x15, 0x12, 0x32, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xb7,
+        /* ch = 'F' */
+        0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x12, 0xff, 0xef, 0xcf, 0xcf, 0xcf,
+        0xcf, 0x95, 0xff, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x7c, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0xff, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff,
+        0xc8, 0x74, 0x74, 0x74, 0x58, 0x00, 0xff, 0xa5, 0x36, 0x36, 0x36, 0x2d,
+        0x00, 0xff, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x7c, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0xff, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x7c,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'G' */
+        0x00, 0x00, 0x00, 0x0f, 0x2a, 0x20, 0x08, 0x00, 0x00, 0x00, 0x04, 0x84,
+        0xff, 0xd4, 0xef, 0xef, 0x2f, 0x00, 0x00, 0x7c, 0xf7, 0x28, 0x00, 0x04,
+        0x7c, 0xf7, 0x11, 0x22, 0xff, 0x3b, 0x00, 0x00, 0x00, 0x0d, 0x21, 0x00,
+        0x4d, 0xff, 0x0d, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xe5, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xbd, 0x00, 0x00, 0x16, 0x36,
+        0x36, 0x36, 0x16, 0x7c, 0xff, 0x00, 0x00, 0x2d, 0xcf, 0xd4, 0xff, 0x32,
+        0x4d, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x17, 0xff, 0x5f,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x6b, 0xff, 0x3f, 0x04, 0x04,
+        0x43, 0xff, 0x32, 0x00, 0x00, 0x5b, 0xf7, 0xff, 0xff, 0xe5, 0x48, 0x04,
+        0x00, 0x00, 0x00, 0x04, 0x15, 0x12, 0x00, 0x00, 0x00,
+        /* ch = 'H' */
+        0x08, 0x15, 0x08, 0x00, 0x00, 0x00, 0x0f, 0x15, 0x32, 0xff, 0x32, 0x00,
+        0x00, 0x00, 0x7c, 0xff, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x7c, 0xff,
+        0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x7c, 0xff, 0x32, 0xff, 0x32, 0x00,
+        0x00, 0x00, 0x7c, 0xff, 0x32, 0xff, 0x62, 0x36, 0x36, 0x36, 0xa5, 0xff,
+        0x32, 0xff, 0x9c, 0x74, 0x74, 0x74, 0xc8, 0xff, 0x32, 0xff, 0x32, 0x00,
+        0x00, 0x00, 0x7c, 0xff, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x7c, 0xff,
+        0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x7c, 0xff, 0x32, 0xff, 0x32, 0x00,
+        0x00, 0x00, 0x7c, 0xff, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x7c, 0xff,
+        /* ch = 'I' */
+        0x0f, 0x15, 0x15, 0x15, 0x15, 0x15, 0x04, 0x67, 0xcf, 0xef, 0xff, 0xcf,
+        0xcf, 0x1a, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c,
+        0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xff,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x7c, 0xff, 0x00, 0x00, 0x00, 0xb7, 0xff, 0xff, 0xff, 0xff, 0xff, 0x32,
+        /* ch = 'J' */
+        0x04, 0x15, 0x15, 0x15, 0x15, 0x15, 0x04, 0x1a, 0xcf, 0xcf, 0xff, 0xe5,
+        0xcf, 0x1a, 0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x14, 0xff,
+        0x50, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xff, 0x44, 0x00, 0x00, 0x21, 0x00,
+        0x7c, 0xff, 0x17, 0x00, 0x00, 0xff, 0xff, 0xf7, 0x3b, 0x00, 0x00, 0x00,
+        0x0f, 0x15, 0x08, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'K' */
+        0x0c, 0x15, 0x08, 0x00, 0x00, 0x00, 0x21, 0x15, 0x04, 0x50, 0xff, 0x1c,
+        0x00, 0x00, 0x32, 0xf7, 0x50, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x1f, 0xf7,
+        0x7c, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x10, 0xdb, 0xb1, 0x04, 0x00, 0x00,
+        0x50, 0xff, 0x26, 0xd4, 0xdb, 0x10, 0x00, 0x00, 0x00, 0x50, 0xff, 0xdb,
+        0xff, 0x13, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0xd4, 0xff, 0x5f, 0x00,
+        0x00, 0x00, 0x00, 0x50, 0xff, 0x1f, 0x6b, 0xff, 0x2a, 0x00, 0x00, 0x00,
+        0x50, 0xff, 0x1c, 0x04, 0xc8, 0xdb, 0x10, 0x00, 0x00, 0x50, 0xff, 0x1c,
+        0x00, 0x1f, 0xff, 0x7c, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x54,
+        0xff, 0x3b, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x04, 0xb1, 0xf7, 0x1f,
+        /* ch = 'L' */
+        0x04, 0x15, 0x0f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x50, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x50, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x50, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x50, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xb7,
+        /* ch = 'M' */
+        0x0f, 0x12, 0x00, 0x00, 0x00, 0x00, 0x00, 0x15, 0x08, 0x7c, 0xf7, 0x17,
+        0x00, 0x00, 0x00, 0x39, 0xff, 0x32, 0x7c, 0xff, 0x6b, 0x00, 0x00, 0x04,
+        0xc8, 0xff, 0x32, 0x7c, 0xff, 0xf7, 0x17, 0x00, 0x3b, 0xff, 0xff, 0x32,
+        0x7c, 0xbd, 0xe5, 0x6b, 0x04, 0xdb, 0x90, 0xff, 0x32, 0x7c, 0xb7, 0x48,
+        0xf7, 0x5f, 0xf7, 0x24, 0xff, 0x32, 0x7c, 0xb7, 0x04, 0xdb, 0xff, 0x50,
+        0x1c, 0xff, 0x32, 0x7c, 0xb7, 0x00, 0x44, 0xdb, 0x04, 0x1c, 0xff, 0x32,
+        0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x7c, 0xb7, 0x00,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0x32, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32,
+        /* ch = 'N' */
+        0x0c, 0x15, 0x04, 0x00, 0x00, 0x00, 0x0c, 0x15, 0x04, 0x50, 0xff, 0x5f,
+        0x00, 0x00, 0x00, 0x50, 0xff, 0x00, 0x50, 0xff, 0xf7, 0x17, 0x00, 0x00,
+        0x50, 0xff, 0x00, 0x50, 0xff, 0xff, 0x7c, 0x00, 0x00, 0x50, 0xff, 0x00,
+        0x50, 0xff, 0x7c, 0xff, 0x24, 0x00, 0x50, 0xff, 0x00, 0x50, 0xff, 0x1f,
+        0xdb, 0xa0, 0x00, 0x50, 0xff, 0x00, 0x50, 0xff, 0x1c, 0x3b, 0xff, 0x3b,
+        0x50, 0xff, 0x00, 0x50, 0xff, 0x1c, 0x00, 0xa0, 0xdb, 0x54, 0xff, 0x00,
+        0x50, 0xff, 0x1c, 0x00, 0x24, 0xff, 0xe5, 0xff, 0x00, 0x50, 0xff, 0x1c,
+        0x00, 0x00, 0x7c, 0xff, 0xff, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x17,
+        0xf7, 0xff, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x5f, 0xff, 0x00,
+        /* ch = 'O' */
+        0x00, 0x00, 0x00, 0x1a, 0x36, 0x12, 0x00, 0x00, 0x00, 0x00, 0x13, 0xcb,
+        0xff, 0xe5, 0xff, 0x94, 0x04, 0x00, 0x04, 0xb7, 0xdb, 0x13, 0x00, 0x35,
+        0xff, 0x77, 0x00, 0x39, 0xff, 0x2c, 0x00, 0x00, 0x00, 0x70, 0xff, 0x0d,
+        0x77, 0xe5, 0x00, 0x00, 0x00, 0x00, 0x2f, 0xff, 0x2f, 0xa0, 0xb7, 0x00,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0x4d, 0xb7, 0xb7, 0x00, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0x50, 0x90, 0xbd, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x44,
+        0x6b, 0xff, 0x0d, 0x00, 0x00, 0x00, 0x32, 0xff, 0x2a, 0x2c, 0xff, 0x48,
+        0x00, 0x00, 0x00, 0x7c, 0xf7, 0x04, 0x00, 0x90, 0xf7, 0x37, 0x0f, 0x5a,
+        0xff, 0x50, 0x00, 0x00, 0x04, 0x8d, 0xff, 0xff, 0xf7, 0x5a, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x0c, 0x15, 0x04, 0x00, 0x00, 0x00,
+        /* ch = 'P' */
+        0x08, 0x15, 0x15, 0x15, 0x15, 0x12, 0x00, 0x00, 0x00, 0x32, 0xff, 0xff,
+        0xff, 0xff, 0xff, 0xd4, 0x19, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x1e,
+        0xdb, 0xc8, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x54, 0xff, 0x1c,
+        0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x54, 0xff, 0x1a, 0x32, 0xff, 0x32,
+        0x00, 0x00, 0x26, 0xe5, 0xa0, 0x00, 0x32, 0xff, 0xff, 0xff, 0xff, 0xff,
+        0x8d, 0x10, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x32,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'Q' */
+        0x00, 0x00, 0x00, 0x1a, 0x36, 0x12, 0x00, 0x00, 0x00, 0x00, 0x13, 0xcb,
+        0xff, 0xd4, 0xff, 0x94, 0x04, 0x00, 0x04, 0xb7, 0xc8, 0x13, 0x00, 0x28,
+        0xf7, 0x6b, 0x00, 0x39, 0xff, 0x2c, 0x00, 0x00, 0x00, 0x64, 0xff, 0x0d,
+        0x77, 0xe5, 0x00, 0x00, 0x00, 0x00, 0x2a, 0xff, 0x2f, 0xa0, 0xb7, 0x00,
+        0x00, 0x00, 0x00, 0x1a, 0xff, 0x4d, 0xb7, 0xb7, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0xff, 0x50, 0x82, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x1a, 0xff, 0x44,
+        0x5f, 0xff, 0x0d, 0x00, 0x00, 0x00, 0x2a, 0xff, 0x2f, 0x2a, 0xff, 0x44,
+        0x00, 0x00, 0x00, 0x70, 0xf7, 0x0d, 0x00, 0x90, 0xf7, 0x2b, 0x04, 0x3f,
+        0xff, 0x50, 0x00, 0x00, 0x04, 0x8d, 0xff, 0xff, 0xf7, 0x50, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x2a, 0xff, 0x24, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x0d, 0xdb, 0xc4, 0x74, 0x74, 0x00, 0x00, 0x00, 0x00, 0x00, 0x13, 0x5b,
+        0x74, 0x74, 0x00,
+        /* ch = 'R' */
+        0x08, 0x15, 0x15, 0x15, 0x15, 0x0f, 0x00, 0x00, 0x00, 0x32, 0xff, 0xff,
+        0xff, 0xff, 0xff, 0xbb, 0x10, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x28,
+        0xf7, 0x8a, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x82, 0xff, 0x00,
+        0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x82, 0xf7, 0x00, 0x32, 0xff, 0x32,
+        0x00, 0x04, 0x31, 0xf7, 0x6b, 0x00, 0x32, 0xff, 0xff, 0xff, 0xff, 0xff,
+        0x8d, 0x04, 0x00, 0x32, 0xff, 0x32, 0x00, 0x70, 0xf7, 0x0d, 0x00, 0x00,
+        0x32, 0xff, 0x32, 0x00, 0x17, 0xff, 0x5a, 0x00, 0x00, 0x32, 0xff, 0x32,
+        0x00, 0x00, 0x70, 0xf7, 0x10, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x17,
+        0xff, 0x5f, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x70, 0xf7, 0x17,
+        /* ch = 'S' */
+        0x00, 0x00, 0x12, 0x15, 0x12, 0x00, 0x00, 0x00, 0x10, 0xbb, 0xf7, 0xcf,
+        0xf7, 0xd4, 0x21, 0x00, 0xa0, 0xc8, 0x10, 0x00, 0x08, 0xb1, 0x54, 0x00,
+        0xff, 0x7c, 0x00, 0x00, 0x00, 0x08, 0x04, 0x00, 0xb7, 0xe5, 0x13, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x1f, 0xef, 0xf7, 0x66, 0x16, 0x00, 0x00, 0x00,
+        0x00, 0x08, 0x50, 0xe5, 0xff, 0x7e, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x37, 0xf7, 0xa0, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1a,
+        0x39, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1a, 0xff, 0x77, 0x0c, 0x00,
+        0x28, 0xef, 0xa0, 0x00, 0x48, 0xe5, 0xff, 0xff, 0xff, 0x94, 0x10, 0x00,
+        0x00, 0x00, 0x12, 0x15, 0x0c, 0x00, 0x00, 0x00,
+        /* ch = 'T' */
+        0x12, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x08, 0xb7, 0xff, 0xff,
+        0xff, 0xff, 0xff, 0xff, 0xff, 0x32, 0x00, 0x00, 0x00, 0x7c, 0xff, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x7c, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xff, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x7c, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xff, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'U' */
+        0x0c, 0x15, 0x08, 0x00, 0x00, 0x00, 0x08, 0x15, 0x04, 0x50, 0xff, 0x1c,
+        0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x1c, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c,
+        0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x50, 0xff, 0x1c,
+        0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x1c, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c,
+        0x4d, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x2f, 0xff, 0x2c,
+        0x00, 0x00, 0x00, 0x5f, 0xff, 0x0d, 0x04, 0xdb, 0xc8, 0x13, 0x00, 0x28,
+        0xf7, 0x7c, 0x00, 0x00, 0x19, 0xcb, 0xff, 0xf7, 0xff, 0x7e, 0x04, 0x00,
+        0x00, 0x00, 0x00, 0x0f, 0x15, 0x0c, 0x00, 0x00, 0x00,
+        /* ch = 'V' */
+        0x12, 0x12, 0x00, 0x00, 0x00, 0x00, 0x00, 0x15, 0x0f, 0x70, 0xf7, 0x04,
+        0x00, 0x00, 0x00, 0x22, 0xff, 0x39, 0x2c, 0xff, 0x32, 0x00, 0x00, 0x00,
+        0x50, 0xf7, 0x0d, 0x04, 0xe5, 0x7c, 0x00, 0x00, 0x00, 0xb7, 0x8a, 0x00,
+        0x00, 0x70, 0xf7, 0x04, 0x00, 0x17, 0xff, 0x39, 0x00, 0x00, 0x2c, 0xff,
+        0x32, 0x00, 0x48, 0xf7, 0x0d, 0x00, 0x00, 0x00, 0xe5, 0x7c, 0x00, 0xa0,
+        0x8a, 0x00, 0x00, 0x00, 0x00, 0x6b, 0xf7, 0x17, 0xff, 0x39, 0x00, 0x00,
+        0x00, 0x00, 0x2a, 0xff, 0x90, 0xf7, 0x0d, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0xe5, 0xff, 0x8a, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x6b, 0xff, 0x39,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x2a, 0xf7, 0x0d, 0x00, 0x00, 0x00,
+        /* ch = 'W' */
+        0x15, 0x0c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x0f, 0x12, 0xcf, 0x6b, 0x00,
+        0x00, 0x2a, 0x00, 0x00, 0x82, 0x7c, 0x90, 0x90, 0x00, 0x0d, 0xff, 0x14,
+        0x00, 0xb7, 0x50, 0x6b, 0xcf, 0x00, 0x32, 0xff, 0x3b, 0x00, 0xff, 0x32,
+        0x44, 0xff, 0x0d, 0x6b, 0xff, 0x7c, 0x1a, 0xff, 0x1f, 0x2a, 0xff, 0x24,
+        0xcf, 0xcf, 0xe5, 0x24, 0xff, 0x04, 0x14, 0xff, 0x5f, 0xff, 0x39, 0xff,
+        0x54, 0xbd, 0x00, 0x00, 0xf7, 0xcf, 0xb7, 0x04, 0xf7, 0xe5, 0x90, 0x00,
+        0x00, 0xb1, 0xff, 0x5f, 0x00, 0xa0, 0xff, 0x5f, 0x00, 0x00, 0x77, 0xff,
+        0x2f, 0x00, 0x50, 0xff, 0x3b, 0x00, 0x00, 0x4d, 0xff, 0x0d, 0x00, 0x24,
+        0xff, 0x2a, 0x00, 0x00, 0x2f, 0xa0, 0x00, 0x00, 0x00, 0xf7, 0x14, 0x00,
+        /* ch = 'X' */
+        0x0c, 0x15, 0x04, 0x00, 0x00, 0x00, 0x0f, 0x15, 0x00, 0x1c, 0xff, 0x5f,
+        0x00, 0x00, 0x04, 0xc8, 0x8a, 0x00, 0x00, 0x6b, 0xf7, 0x17, 0x00, 0x44,
+        0xff, 0x1c, 0x00, 0x00, 0x10, 0xf7, 0x7c, 0x0d, 0xe5, 0x7c, 0x00, 0x00,
+        0x00, 0x00, 0x50, 0xff, 0x97, 0xff, 0x17, 0x00, 0x00, 0x00, 0x00, 0x04,
+        0xdb, 0xff, 0x70, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x82, 0xff, 0x3f,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0xff, 0xdb, 0x04, 0x00, 0x00,
+        0x00, 0x00, 0x90, 0xe5, 0x32, 0xff, 0x50, 0x00, 0x00, 0x00, 0x2a, 0xff,
+        0x44, 0x00, 0x90, 0xf7, 0x10, 0x00, 0x00, 0xa7, 0xdb, 0x04, 0x00, 0x1c,
+        0xff, 0x6b, 0x00, 0x35, 0xff, 0x3b, 0x00, 0x00, 0x00, 0x6b, 0xff, 0x1f,
+        /* ch = 'Y' */
+        0x12, 0x15, 0x00, 0x00, 0x00, 0x00, 0x04, 0x15, 0x0c, 0x44, 0xff, 0x2c,
+        0x00, 0x00, 0x00, 0x48, 0xff, 0x22, 0x04, 0xdb, 0xa7, 0x00, 0x00, 0x04,
+        0xe5, 0x8a, 0x00, 0x00, 0x44, 0xff, 0x32, 0x00, 0x39, 0xff, 0x24, 0x00,
+        0x00, 0x04, 0xdb, 0xb7, 0x00, 0xc8, 0xa0, 0x00, 0x00, 0x00, 0x00, 0x44,
+        0xff, 0x70, 0xff, 0x2c, 0x00, 0x00, 0x00, 0x00, 0x04, 0xc8, 0xff, 0xb7,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0x3b, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x32,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00,
+        /* ch = 'Z' */
+        0x04, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x00, 0x1c, 0xff, 0xff,
+        0xff, 0xff, 0xff, 0xff, 0xf7, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1c,
+        0xf7, 0x54, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x90, 0xdb, 0x04, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x35, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x0d, 0xdb, 0x90, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x6b, 0xf7, 0x17,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xff, 0x54, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0xb1, 0xdb, 0x04, 0x00, 0x00, 0x00, 0x00, 0x00, 0x44, 0xff,
+        0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x10, 0xf7, 0xa4, 0x15, 0x15, 0x15,
+        0x15, 0x15, 0x08, 0x4d, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x32,
+        /* ch = '[' */
+        0xff, 0xff, 0xff, 0xff, 0xff, 0x50, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00,
+        0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00,
+        0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00,
+        0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00,
+        0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00,
+        0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00,
+        0xff, 0x82, 0x36, 0x36, 0x36, 0x1e, 0x74, 0x74, 0x74, 0x74, 0x74, 0x30,
+        /* ch = '\' */
+        0x09, 0xb3, 0x48, 0x00, 0xa0, 0xc8, 0x00, 0x2c, 0xff, 0x00, 0x00, 0xb7,
+        0x00, 0x00, 0x39, 0x00, 0x00, 0x04, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00,
+        /* ch = ']' */
+        0xb7, 0xff, 0xff, 0xff, 0xff, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c,
+        0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c,
+        0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c,
+        0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c,
+        0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c,
+        0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c, 0x00, 0x00, 0x00, 0x00, 0xb7, 0x7c,
+        0x2d, 0x36, 0x36, 0x36, 0xcf, 0x7c, 0x58, 0x74, 0x74, 0x74, 0x74, 0x42,
+        /* ch = '^' */
+        0x00, 0x00, 0x00, 0x12, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x22,
+        0x00, 0x00, 0x00, 0x04, 0xdb, 0xff, 0x90, 0x00, 0x00, 0x00, 0x54, 0xe5,
+        0x3f, 0xff, 0x2a, 0x00, 0x17, 0xf7, 0x3b, 0x00, 0xa0, 0xa0, 0x00, 0x36,
+        0x8d, 0x00, 0x00, 0x24, 0x9e, 0x13,
+        /* ch = '_' */
+        0x42, 0x74, 0x74, 0x74, 0x74, 0x74, 0x74, 0x74, 0x22, 0x26, 0x36, 0x36,
+        0x36, 0x36, 0x36, 0x36, 0x36, 0x16,
+        /* ch = '`' */
+        0x7f, 0x70, 0x00, 0x00, 0x3b, 0xf7, 0x17, 0x00, 0x0d, 0xf7, 0xc4, 0x10,
+        0x00, 0x50, 0xff, 0x4d, 0x00, 0x00, 0x12, 0x04,
+        /* ch = 'a' */
+        0x00, 0x00, 0x08, 0x2a, 0x36, 0x25, 0x04, 0x00, 0x00, 0x36, 0xf7, 0xdd,
+        0x8f, 0xef, 0xd4, 0x10, 0x00, 0x1f, 0x35, 0x00, 0x00, 0x10, 0xe5, 0x70,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xa0, 0xb7, 0x00, 0x08, 0x50, 0xab,
+        0xcf, 0xcf, 0xef, 0xb7, 0x0d, 0xd4, 0xc4, 0x25, 0x15, 0x15, 0x88, 0xb7,
+        0x3b, 0xff, 0x24, 0x00, 0x00, 0x00, 0xb7, 0xb7, 0x32, 0xff, 0x3f, 0x00,
+        0x04, 0x5f, 0xff, 0xb7, 0x00, 0x73, 0xff, 0xd4, 0xef, 0xb3, 0xa5, 0xb7,
+        0x00, 0x00, 0x0c, 0x15, 0x0c, 0x00, 0x00, 0x00,
+        /* ch = 'b' */
+        0x32, 0xff, 0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x32,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x32, 0xff, 0x32, 0x16, 0x36, 0x2a, 0x04, 0x00, 0x00,
+        0x32, 0xff, 0xa9, 0xef, 0xcf, 0xff, 0xdb, 0x16, 0x00, 0x32, 0xff, 0xb7,
+        0x08, 0x00, 0x21, 0xff, 0xa0, 0x00, 0x32, 0xff, 0x4d, 0x00, 0x00, 0x00,
+        0x7c, 0xff, 0x14, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1c,
+        0x32, 0xff, 0x35, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x32, 0xff, 0x54,
+        0x00, 0x00, 0x00, 0x8a, 0xf7, 0x04, 0x32, 0xff, 0xdb, 0x1b, 0x04, 0x3f,
+        0xff, 0x6b, 0x00, 0x32, 0xff, 0x5b, 0xf7, 0xff, 0xff, 0x84, 0x04, 0x00,
+        0x00, 0x00, 0x00, 0x08, 0x15, 0x0c, 0x00, 0x00, 0x00,
+        /* ch = 'c' */
+        0x00, 0x00, 0x0f, 0x36, 0x36, 0x0f, 0x00, 0x00, 0x04, 0x94, 0xff, 0xd4,
+        0xdd, 0xff, 0x66, 0x00, 0x77, 0xf7, 0x21, 0x00, 0x00, 0x3f, 0xb1, 0x04,
+        0xff, 0x5f, 0x00, 0x00, 0x00, 0x04, 0x08, 0x00, 0xff, 0x32, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0xff, 0x3b, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0xf7, 0xa0, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x5f, 0x08,
+        0x08, 0x5a, 0xa0, 0x04, 0x00, 0x50, 0xf7, 0xff, 0xff, 0xef, 0x35, 0x00,
+        0x00, 0x00, 0x04, 0x15, 0x15, 0x00, 0x00, 0x00,
+        /* ch = 'd' */
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xcf, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x7c, 0xb7, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xb7,
+        0x00, 0x00, 0x0c, 0x36, 0x36, 0x16, 0x7c, 0xb7, 0x00, 0x32, 0xf7, 0xcb,
+        0x9e, 0xff, 0xdb, 0xb7, 0x0d, 0xf7, 0x7c, 0x00, 0x00, 0x26, 0xff, 0xb7,
+        0x3b, 0xff, 0x1f, 0x00, 0x00, 0x00, 0xbd, 0xb7, 0x50, 0xff, 0x0d, 0x00,
+        0x00, 0x00, 0xb7, 0xb7, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0xb7, 0xb7,
+        0x2f, 0xff, 0x3b, 0x00, 0x00, 0x04, 0xe5, 0xb7, 0x04, 0xdb, 0xdb, 0x1b,
+        0x08, 0x6b, 0xff, 0xb7, 0x00, 0x1f, 0xd4, 0xff, 0xff, 0xa9, 0x97, 0xcf,
+        0x00, 0x00, 0x00, 0x12, 0x0f, 0x00, 0x00, 0x00,
+        /* ch = 'e' */
+        0x00, 0x00, 0x04, 0x2a, 0x36, 0x25, 0x04, 0x00, 0x00, 0x1f, 0xdb, 0xd4,
+        0x74, 0xef, 0xc4, 0x10, 0x00, 0xc8, 0xb1, 0x04, 0x00, 0x10, 0xe5, 0x70,
+        0x2a, 0xff, 0x32, 0x00, 0x00, 0x00, 0x7c, 0xcf, 0x44, 0xff, 0xff, 0xff,
+        0xff, 0xff, 0xff, 0xff, 0x44, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x24, 0xff, 0x48, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xa0, 0xf7, 0x24,
+        0x00, 0x04, 0x66, 0x35, 0x00, 0x10, 0x94, 0xff, 0xe5, 0xff, 0xcb, 0x1f,
+        0x00, 0x00, 0x00, 0x08, 0x15, 0x0f, 0x00, 0x00,
+        /* ch = 'f' */
+        0x00, 0x1f, 0xc4, 0xff, 0xff, 0xb3, 0x19, 0x0d, 0xdb, 0x90, 0x08, 0x0c,
+        0x99, 0x48, 0x32, 0xff, 0x24, 0x00, 0x00, 0x08, 0x04, 0x32, 0xff, 0x1c,
+        0x00, 0x00, 0x00, 0x00, 0xdd, 0xff, 0xd4, 0xcf, 0x95, 0x00, 0x00, 0x3e,
+        0xff, 0x28, 0x15, 0x12, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00,
+        0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff,
+        0x1c, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'g' */
+        0x00, 0x00, 0x16, 0x36, 0x36, 0x13, 0x16, 0x36, 0x19, 0x00, 0x44, 0xff,
+        0x8f, 0xa4, 0xf7, 0xf7, 0x8f, 0x30, 0x0d, 0xf7, 0x54, 0x00, 0x00, 0x82,
+        0xc8, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x50, 0xff, 0x00, 0x00,
+        0x04, 0xe5, 0x90, 0x04, 0x10, 0xb7, 0xa0, 0x00, 0x00, 0x00, 0x31, 0xff,
+        0xef, 0xf7, 0xbb, 0x10, 0x00, 0x00, 0x00, 0x99, 0x75, 0x15, 0x12, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0xe5, 0xc4, 0x3e, 0x36, 0x36, 0x25, 0x04, 0x00,
+        0x00, 0x6d, 0xbb, 0x74, 0x74, 0x8f, 0xf7, 0xb1, 0x00, 0x44, 0xe5, 0x04,
+        0x00, 0x00, 0x00, 0x3b, 0xff, 0x1c, 0x6b, 0xff, 0x28, 0x00, 0x00, 0x0c,
+        0x90, 0xdb, 0x04, 0x08, 0x7f, 0xf7, 0xff, 0xef, 0xff, 0x9e, 0x19, 0x00,
+        /* ch = 'h' */
+        0xff, 0x64, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x50, 0x04,
+        0x30, 0x36, 0x0c, 0x00, 0xff, 0x82, 0xdb, 0xd4, 0xef, 0xf7, 0x1f, 0xff,
+        0xff, 0x35, 0x00, 0x17, 0xff, 0x77, 0xff, 0x82, 0x00, 0x00, 0x00, 0xb7,
+        0xb7, 0xff, 0x54, 0x00, 0x00, 0x00, 0xb7, 0xb7, 0xff, 0x50, 0x00, 0x00,
+        0x00, 0xb7, 0xb7, 0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7, 0xff, 0x50,
+        0x00, 0x00, 0x00, 0xb7, 0xb7, 0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7,
+        /* ch = 'i' */
+        0x00, 0x00, 0x39, 0xcf, 0x24, 0x00, 0x00, 0x00, 0x00, 0x60, 0xff, 0x3e,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x0c, 0x15, 0x15,
+        0x15, 0x04, 0x00, 0x00, 0x45, 0xcf, 0xe5, 0xff, 0x1c, 0x00, 0x00, 0x00,
+        0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff,
+        0x1c, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
+        0x50, 0xff, 0x1c, 0x00, 0x00, 0x50, 0xff, 0xff, 0xff, 0xff, 0xff, 0x1c,
+        /* ch = 'j' */
+        0x00, 0x00, 0x00, 0x00, 0x0d, 0xab, 0x60, 0x00, 0x00, 0x00, 0x00, 0x17,
+        0xf7, 0xa0, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x15,
+        0x15, 0x15, 0x15, 0x0f, 0x00, 0x00, 0xcf, 0xcf, 0xcf, 0xff, 0x7c, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0xff, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff,
+        0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x7c, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0xff, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x7c, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0xff, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x7c,
+        0x00, 0x0c, 0x00, 0x00, 0x0d, 0xff, 0x5f, 0x1a, 0xef, 0x24, 0x04, 0x7c,
+        0xff, 0x2a, 0x10, 0xb3, 0xff, 0xff, 0xef, 0x3b, 0x00, 0x00, 0x00, 0x08,
+        0x0f, 0x00, 0x00, 0x00,
+        /* ch = 'k' */
+        0x1c, 0xff, 0x54, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x50,
+        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x50, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0x12, 0x15, 0x00,
+        0x1c, 0xff, 0x50, 0x00, 0x00, 0x5f, 0xf7, 0x35, 0x00, 0x1c, 0xff, 0x50,
+        0x00, 0x6b, 0xf7, 0x2c, 0x00, 0x00, 0x1c, 0xff, 0x54, 0x7c, 0xf7, 0x26,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0xf7, 0xff, 0xdb, 0x04, 0x00, 0x00, 0x00,
+        0x1c, 0xff, 0xc4, 0x35, 0xff, 0x7c, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x50,
+        0x00, 0x50, 0xff, 0x50, 0x00, 0x00, 0x1c, 0xff, 0x50, 0x00, 0x00, 0x7c,
+        0xff, 0x32, 0x00, 0x1c, 0xff, 0x50, 0x00, 0x00, 0x04, 0xb1, 0xf7, 0x21,
+        /* ch = 'l' */
+        0xb7, 0xff, 0xff, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1c,
+        0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x50,
+        0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x00,
+        0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff,
+        0x1c, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00,
+        0x50, 0xff, 0x1c, 0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x50,
+        /* ch = 'm' */
+        0x0f, 0x12, 0x1e, 0x36, 0x13, 0x13, 0x36, 0x22, 0x00, 0x7c, 0xf7, 0xc4,
+        0xdb, 0xdb, 0xef, 0xab, 0xff, 0x27, 0x7c, 0xff, 0x10, 0x3b, 0xff, 0x3b,
+        0x1c, 0xff, 0x50, 0x7c, 0xb7, 0x00, 0x32, 0xff, 0x1c, 0x1c, 0xff, 0x50,
+        0x7c, 0xb7, 0x00, 0x32, 0xff, 0x1c, 0x1c, 0xff, 0x50, 0x7c, 0xb7, 0x00,
+        0x32, 0xff, 0x1c, 0x1c, 0xff, 0x50, 0x7c, 0xb7, 0x00, 0x32, 0xff, 0x1c,
+        0x1c, 0xff, 0x50, 0x7c, 0xb7, 0x00, 0x32, 0xff, 0x1c, 0x1c, 0xff, 0x50,
+        0x7c, 0xb7, 0x00, 0x32, 0xff, 0x1c, 0x1c, 0xff, 0x50,
+        /* ch = 'n' */
+        0x04, 0x15, 0x0c, 0x08, 0x30, 0x36, 0x0c, 0x00, 0x1c, 0xff, 0x82, 0xdb,
+        0xd4, 0xef, 0xef, 0x1c, 0x1c, 0xff, 0xff, 0x35, 0x00, 0x1a, 0xff, 0x6b,
+        0x1c, 0xff, 0x7c, 0x00, 0x00, 0x00, 0xb7, 0x90, 0x1c, 0xff, 0x50, 0x00,
+        0x00, 0x00, 0xb7, 0xb7, 0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7,
+        0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7, 0x1c, 0xff, 0x50, 0x00,
+        0x00, 0x00, 0xb7, 0xb7, 0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7,
+        /* ch = 'o' */
+        0x00, 0x00, 0x04, 0x25, 0x36, 0x25, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xd4,
+        0xef, 0xcf, 0xf7, 0xbb, 0x10, 0x00, 0x04, 0xdb, 0xb1, 0x08, 0x00, 0x1f,
+        0xf7, 0x8a, 0x00, 0x39, 0xff, 0x32, 0x00, 0x00, 0x00, 0x64, 0xff, 0x14,
+        0x54, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x35, 0xff, 0x24, 0x54, 0xff, 0x1c,
+        0x00, 0x00, 0x00, 0x35, 0xff, 0x24, 0x32, 0xff, 0x48, 0x00, 0x00, 0x00,
+        0x70, 0xf7, 0x0d, 0x04, 0xb1, 0xf7, 0x21, 0x00, 0x35, 0xff, 0x6b, 0x00,
+        0x00, 0x10, 0xa2, 0xff, 0xff, 0xff, 0x73, 0x04, 0x00, 0x00, 0x00, 0x00,
+        0x0f, 0x15, 0x0c, 0x00, 0x00, 0x00,
+        /* ch = 'p' */
+        0x08, 0x15, 0x08, 0x16, 0x36, 0x2a, 0x08, 0x00, 0x00, 0x32, 0xff, 0xa9,
+        0xef, 0xcf, 0xf7, 0xdb, 0x1f, 0x00, 0x32, 0xff, 0xb7, 0x08, 0x00, 0x1f,
+        0xf7, 0xb7, 0x00, 0x32, 0xff, 0x4d, 0x00, 0x00, 0x00, 0x5f, 0xff, 0x1c,
+        0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x35, 0xff, 0x32, 0x32, 0xff, 0x32,
+        0x00, 0x00, 0x00, 0x35, 0xff, 0x2f, 0x32, 0xff, 0x54, 0x00, 0x00, 0x00,
+        0x70, 0xff, 0x14, 0x32, 0xff, 0xdb, 0x1b, 0x00, 0x31, 0xf7, 0x77, 0x00,
+        0x32, 0xff, 0x8a, 0xf7, 0xff, 0xff, 0x94, 0x08, 0x00, 0x1c, 0xff, 0x32,
+        0x08, 0x15, 0x0f, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x1c, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'q' */
+        0x00, 0x00, 0x0c, 0x30, 0x36, 0x16, 0x0f, 0x15, 0x00, 0x2c, 0xf7, 0xcb,
+        0x8f, 0xf7, 0xdb, 0xff, 0x0d, 0xf7, 0x82, 0x00, 0x00, 0x26, 0xff, 0xff,
+        0x3b, 0xff, 0x24, 0x00, 0x00, 0x00, 0xb1, 0xff, 0x50, 0xff, 0x0d, 0x00,
+        0x00, 0x00, 0x7c, 0xff, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x82, 0xff,
+        0x32, 0xff, 0x3f, 0x00, 0x00, 0x04, 0xcf, 0xff, 0x04, 0xc8, 0xdb, 0x21,
+        0x04, 0x5f, 0xff, 0xff, 0x00, 0x19, 0xcb, 0xff, 0xff, 0xbb, 0x97, 0xff,
+        0x00, 0x00, 0x00, 0x12, 0x0f, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x7c, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xff,
+        /* ch = 'r' */
+        0x0c, 0x15, 0x04, 0x16, 0x36, 0x30, 0x0c, 0x00, 0x50, 0xff, 0x99, 0xff,
+        0xcf, 0xe5, 0xf7, 0x11, 0x50, 0xff, 0xf7, 0x21, 0x00, 0x04, 0x73, 0x00,
+        0x50, 0xff, 0x48, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 's' */
+        0x00, 0x00, 0x04, 0x2a, 0x36, 0x2a, 0x08, 0x00, 0x00, 0x1f, 0xef, 0xcb,
+        0x74, 0xd4, 0xf7, 0x3b, 0x00, 0x90, 0xcf, 0x04, 0x00, 0x04, 0x7c, 0x35,
+        0x00, 0x6b, 0xff, 0x3f, 0x08, 0x00, 0x00, 0x00, 0x00, 0x08, 0x8d, 0xff,
+        0xff, 0x9e, 0x2b, 0x00, 0x00, 0x00, 0x00, 0x0c, 0x37, 0xbb, 0xff, 0x50,
+        0x00, 0x1e, 0x00, 0x00, 0x00, 0x00, 0xbd, 0xc8, 0x17, 0xf7, 0x5a, 0x08,
+        0x00, 0x1b, 0xe5, 0x8a, 0x00, 0x48, 0xe5, 0xff, 0xff, 0xff, 0x94, 0x10,
+        0x00, 0x00, 0x00, 0x12, 0x15, 0x08, 0x00, 0x00,
+        /* ch = 't' */
+        0x00, 0x00, 0x50, 0x4a, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0x77, 0x00,
+        0x00, 0x00, 0x15, 0x1a, 0xff, 0x5e, 0x15, 0x15, 0x04, 0xcf, 0xd4, 0xff,
+        0xe5, 0xcf, 0xcf, 0x1a, 0x00, 0x1c, 0xff, 0x44, 0x00, 0x00, 0x00, 0x00,
+        0x2a, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00,
+        0x00, 0x00, 0x32, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x32, 0xff, 0x35,
+        0x00, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x9e, 0x0c, 0x2b, 0x6c, 0x00, 0x00,
+        0x77, 0xff, 0xff, 0xf7, 0x5b, 0x00, 0x00, 0x00, 0x0c, 0x15, 0x00, 0x00,
+        /* ch = 'u' */
+        0x04, 0x15, 0x0c, 0x00, 0x00, 0x00, 0x12, 0x12, 0x1c, 0xff, 0x50, 0x00,
+        0x00, 0x00, 0xb7, 0xb7, 0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7,
+        0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7, 0x1c, 0xff, 0x50, 0x00,
+        0x00, 0x00, 0xb7, 0xb7, 0x1c, 0xff, 0x50, 0x00, 0x00, 0x00, 0xb7, 0xb7,
+        0x1c, 0xff, 0x54, 0x00, 0x00, 0x04, 0xe5, 0xb7, 0x00, 0xc8, 0xdb, 0x13,
+        0x04, 0x70, 0xff, 0xb7, 0x00, 0x1f, 0xd4, 0xff, 0xef, 0xa2, 0xcf, 0xbd,
+        0x00, 0x00, 0x00, 0x15, 0x12, 0x00, 0x00, 0x00,
+        /* ch = 'v' */
+        0x0f, 0x15, 0x08, 0x00, 0x00, 0x00, 0x08, 0x15, 0x04, 0x32, 0xff, 0x39,
+        0x00, 0x00, 0x00, 0x44, 0xf7, 0x04, 0x04, 0xe5, 0x8a, 0x00, 0x00, 0x00,
+        0x90, 0x8a, 0x00, 0x00, 0x5a, 0xff, 0x17, 0x00, 0x17, 0xff, 0x32, 0x00,
+        0x00, 0x17, 0xff, 0x5a, 0x00, 0x5a, 0xe5, 0x04, 0x00, 0x00, 0x00, 0xa0,
+        0xe5, 0x04, 0xe5, 0x5a, 0x00, 0x00, 0x00, 0x00, 0x39, 0xff, 0x7c, 0xf7,
+        0x10, 0x00, 0x00, 0x00, 0x00, 0x04, 0xe5, 0xff, 0x70, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x5f, 0xff, 0x22, 0x00, 0x00, 0x00,
+        /* ch = 'w' */
+        0x15, 0x0f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x12, 0x0f, 0xcf, 0x5f, 0x00,
+        0x10, 0x36, 0x00, 0x00, 0xb7, 0x54, 0x82, 0xa0, 0x00, 0x3b, 0xff, 0x24,
+        0x00, 0xff, 0x3b, 0x54, 0xf7, 0x00, 0x77, 0xff, 0x5f, 0x0d, 0xff, 0x2a,
+        0x2f, 0xff, 0x1c, 0xcf, 0xc8, 0xb7, 0x1f, 0xff, 0x14, 0x14, 0xff, 0x48,
+        0xff, 0x32, 0xff, 0x4c, 0xe5, 0x00, 0x00, 0xcf, 0xcf, 0xa0, 0x04, 0xf7,
+        0xe5, 0xa0, 0x00, 0x00, 0x82, 0xff, 0x50, 0x00, 0x7c, 0xff, 0x5f, 0x00,
+        0x00, 0x4d, 0xff, 0x24, 0x00, 0x3b, 0xff, 0x3b, 0x00,
+        /* ch = 'x' */
+        0x1c, 0x15, 0x08, 0x00, 0x00, 0x00, 0x12, 0x12, 0x00, 0x04, 0xdb, 0xb1,
+        0x04, 0x00, 0x2f, 0xff, 0x35, 0x00, 0x00, 0x1f, 0xff, 0x54, 0x0d, 0xdb,
+        0x82, 0x00, 0x00, 0x00, 0x00, 0x50, 0xff, 0xa9, 0xe5, 0x10, 0x00, 0x00,
+        0x00, 0x00, 0x04, 0xb7, 0xff, 0x37, 0x00, 0x00, 0x00, 0x00, 0x00, 0x10,
+        0xf7, 0xff, 0x7c, 0x00, 0x00, 0x00, 0x00, 0x00, 0xa0, 0xdb, 0x43, 0xff,
+        0x3b, 0x00, 0x00, 0x00, 0x44, 0xff, 0x32, 0x00, 0x7c, 0xf7, 0x1c, 0x00,
+        0x1f, 0xf7, 0x7c, 0x00, 0x00, 0x0d, 0xdb, 0xb1, 0x04,
+        /* ch = 'y' */
+        0x0c, 0x15, 0x0c, 0x00, 0x00, 0x00, 0x08, 0x15, 0x08, 0x22, 0xff, 0x48,
+        0x00, 0x00, 0x00, 0x54, 0xff, 0x14, 0x00, 0xa7, 0xc8, 0x00, 0x00, 0x00,
+        0xa7, 0xa0, 0x00, 0x00, 0x39, 0xff, 0x2c, 0x00, 0x1c, 0xff, 0x39, 0x00,
+        0x00, 0x04, 0xe5, 0x70, 0x00, 0x5a, 0xf7, 0x04, 0x00, 0x00, 0x00, 0x6b,
+        0xf7, 0x0d, 0xc8, 0x70, 0x00, 0x00, 0x00, 0x00, 0x22, 0xff, 0x7c, 0xff,
+        0x2a, 0x00, 0x00, 0x00, 0x00, 0x00, 0xa7, 0xff, 0xc8, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x39, 0xff, 0x50, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        0x3b, 0xff, 0x17, 0x00, 0x00, 0x00, 0x39, 0x26, 0x13, 0xdb, 0x8a, 0x00,
+        0x00, 0x00, 0x00, 0x97, 0xff, 0xff, 0xbb, 0x10, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x0c, 0x0c, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+        /* ch = 'z' */
+        0x00, 0x15, 0x15, 0x15, 0x15, 0x15, 0x15, 0x0f, 0x00, 0x00, 0xff, 0xff,
+        0xff, 0xff, 0xff, 0xff, 0x77, 0x00, 0x00, 0x00, 0x00, 0x00, 0x04, 0xb1,
+        0xdb, 0x10, 0x00, 0x00, 0x00, 0x00, 0x00, 0x7c, 0xf7, 0x1f, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x50, 0xff, 0x32, 0x00, 0x00, 0x00, 0x00, 0x00, 0x32,
+        0xff, 0x5f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xf7, 0xb1, 0x04, 0x00,
+        0x00, 0x00, 0x00, 0x04, 0xdb, 0xec, 0x1f, 0x15, 0x15, 0x15, 0x15, 0x04,
+        0x4d, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x1c,
+        /* ch = '{' */
+        0x00, 0x00, 0x20, 0x36, 0x36, 0x16, 0x00, 0x7c, 0xf7, 0x82, 0x74, 0x22,
+        0x2a, 0xff, 0x39, 0x00, 0x00, 0x00, 0x32, 0xff, 0x1c, 0x00, 0x00, 0x00,
+        0x32, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x3b, 0xff, 0x1a, 0x00, 0x00, 0x00,
+        0xb1, 0x99, 0x00, 0x00, 0x00, 0x00, 0xd9, 0x16, 0x00, 0x00, 0x00, 0x00,
+        0x90, 0xc8, 0x00, 0x00, 0x00, 0x00, 0x44, 0xff, 0x1a, 0x00, 0x00, 0x00,
+        0x4d, 0xff, 0x1c, 0x00, 0x00, 0x00, 0x50, 0xff, 0x1c, 0x00, 0x00, 0x00,
+        0x3b, 0xff, 0x24, 0x00, 0x00, 0x00, 0x17, 0xf7, 0xb1, 0x1a, 0x15, 0x08,
+        0x00, 0x26, 0xab, 0xcf, 0xcf, 0x2d,
+        /* ch = '|' */
+        0x45, 0xcf, 0x1a, 0x50, 0xff, 0x1c, 0x50, 0xff, 0x1c, 0x50, 0xff, 0x1c,
+        0x50, 0xff, 0x1c, 0x50, 0xff, 0x1c, 0x50, 0xff, 0x1c, 0x50, 0xff, 0x1c,
+        0x50, 0xff, 0x1c, 0x50, 0xff, 0x1c, 0x50, 0xff, 0x1c, 0x50, 0xff, 0x1c,
+        0x50, 0xff, 0x1c, 0x50, 0xff, 0x1c, 0x45, 0xcf, 0x1a,
+        /* ch = '}' */
+        0x26, 0x36, 0x36, 0x16, 0x00, 0x42, 0x74, 0xa4, 0xff, 0x39, 0x00, 0x00,
+        0x00, 0x8a, 0xe5, 0x00, 0x00, 0x00, 0x50, 0xff, 0x00, 0x00, 0x00, 0x50,
+        0xff, 0x00, 0x00, 0x00, 0x4d, 0xff, 0x00, 0x00, 0x00, 0x10, 0xef, 0x00,
+        0x00, 0x00, 0x00, 0x36, 0x00, 0x00, 0x00, 0x1c, 0xff, 0x00, 0x00, 0x00,
+        0x4d, 0xff, 0x00, 0x00, 0x00, 0x50, 0xff, 0x00, 0x00, 0x00, 0x50, 0xff,
+        0x00, 0x00, 0x00, 0x5f, 0xff, 0x0f, 0x15, 0x2b, 0xf7, 0xa0, 0x67, 0xcf,
+        0xcf, 0x7f, 0x10,
+        /* ch = '~' */
+        0x00, 0x04, 0x2a, 0x2a, 0x04, 0x00, 0x00, 0x0c, 0x00, 0x10, 0xc4, 0xe5,
+        0xef, 0xd4, 0x24, 0x21, 0xf7, 0x33, 0x29, 0x9c, 0x08, 0x08, 0x94, 0xff,
+        0xff, 0x66, 0x04, 0x00, 0x00, 0x00, 0x00, 0x00, 0x12, 0x0c, 0x00, 0x00
 };
 
 static const unsigned char *pd_inconsolata_font_bitmap[SIZE_TOTAL] = {
-	pd_inconsolata_font_bitmap_12px_bytes,
-	pd_inconsolata_font_bitmap_13px_bytes,
-	pd_inconsolata_font_bitmap_14px_bytes,
-	pd_inconsolata_font_bitmap_15px_bytes,
-	pd_inconsolata_font_bitmap_16px_bytes,
-	pd_inconsolata_font_bitmap_17px_bytes,
-	pd_inconsolata_font_bitmap_18px_bytes
+        pd_inconsolata_font_bitmap_12px_bytes,
+        pd_inconsolata_font_bitmap_13px_bytes,
+        pd_inconsolata_font_bitmap_14px_bytes,
+        pd_inconsolata_font_bitmap_15px_bytes,
+        pd_inconsolata_font_bitmap_16px_bytes,
+        pd_inconsolata_font_bitmap_17px_bytes,
+        pd_inconsolata_font_bitmap_18px_bytes
 };
 
-int pd_render_inconsolata_font_bitmap(pd_font_bitmap_t *bmp, unsigned ch, int size)
+int pd_render_inconsolata_font_bitmap(pd_glyph_bitmap_t *bmp, unsigned ch,
+                                      int size)
 {
-	int i, j, *ptr;
-	const uint8_t *byte_ptr;
+        int i, j, *ptr;
+        const uint8_t *byte_ptr;
 
-	if (size < 12) {
-		return -1;
-	}
-	/* 不在范围内的字符都用框框表示 */
-	if (ch < ' ' || ch > '~' || size > 18) {
-		bmp->metrics.hori_advance = (int)(size / 2.0 + 0.5);
-		bmp->metrics.vert_advance = size;
-		bmp->metrics.bbox_height = size;
-		bmp->metrics.bbox_width = bmp->metrics.hori_advance;
-		bmp->metrics.ascender = size * 4 / 5;
-		bmp->rows = size;
-		bmp->width = bmp->metrics.hori_advance;
-		bmp->buffer = calloc(bmp->rows * bmp->width, 1);
-		bmp->pitch = bmp->width;
-		bmp->top = size * 4 / 5;
-		bmp->left = 0;
-		j = (bmp->rows - 1) * bmp->width;
-		for (i = 0; i < bmp->width; ++i, ++j) {
-			bmp->buffer[i] = 255;
-			bmp->buffer[j] = 255;
-		}
-		i = 0;
-		j = bmp->width - 1;
-		size = bmp->width * bmp->rows;
-		while (i < size) {
-			bmp->buffer[i] = 255;
-			bmp->buffer[j] = 255;
-			i += bmp->width;
-			j += bmp->width;
-		}
-		return -2;
-	}
-	/* 空格就直接填充空白 */
-	if (ch == ' ') {
-		bmp->metrics.hori_advance = (int)(size / 2.0 + 0.5);
-		bmp->metrics.vert_advance = size;
-		bmp->metrics.bbox_height = size;
-		bmp->metrics.bbox_width = bmp->metrics.hori_advance;
-		bmp->metrics.ascender = size;
-		bmp->rows = size;
-		bmp->width = bmp->metrics.hori_advance;
-		bmp->buffer = calloc(bmp->rows*bmp->width, 1);
-		bmp->pitch = bmp->width;
-		bmp->top = 0;
-		bmp->left = 0;
-		return 0;
-	}
-	i = size - 12;
-	j = ch - ' ';
-	*bmp = pd_inconsolata_font_bitmap_info[i][j];
-	j = *(ptr = (int*)&bmp->buffer);
-	byte_ptr = &pd_inconsolata_font_bitmap[i][j];
-	size = sizeof(unsigned char)*bmp->width*bmp->rows;
-	bmp->metrics.bbox_height = size;
-	bmp->metrics.bbox_width = bmp->metrics.hori_advance;
-	bmp->metrics.ascender = bmp->top;
-	bmp->buffer = (uint8_t*)malloc(size);
-	memcpy(bmp->buffer, byte_ptr, size);
-	return 0;
+        if (size < 12) {
+                return -1;
+        }
+        /* 不在范围内的字符都用框框表示 */
+        if (ch < ' ' || ch > '~' || size > 18) {
+                bmp->metrics.hori_advance = (int)(size / 2.0 + 0.5);
+                bmp->metrics.vert_advance = size;
+                bmp->metrics.bbox_height = size;
+                bmp->metrics.bbox_width = bmp->metrics.hori_advance;
+                bmp->metrics.ascender = size * 4 / 5;
+                bmp->rows = size;
+                bmp->width = bmp->metrics.hori_advance;
+                bmp->buffer = calloc(bmp->rows * bmp->width, 1);
+                bmp->pitch = bmp->width;
+                bmp->top = size * 4 / 5;
+                bmp->left = 0;
+                j = (bmp->rows - 1) * bmp->width;
+                for (i = 0; i < bmp->width; ++i, ++j) {
+                        bmp->buffer[i] = 255;
+                        bmp->buffer[j] = 255;
+                }
+                i = 0;
+                j = bmp->width - 1;
+                size = bmp->width * bmp->rows;
+                while (i < size) {
+                        bmp->buffer[i] = 255;
+                        bmp->buffer[j] = 255;
+                        i += bmp->width;
+                        j += bmp->width;
+                }
+                return -2;
+        }
+        /* 空格就直接填充空白 */
+        if (ch == ' ') {
+                bmp->metrics.hori_advance = (int)(size / 2.0 + 0.5);
+                bmp->metrics.vert_advance = size;
+                bmp->metrics.bbox_height = size;
+                bmp->metrics.bbox_width = bmp->metrics.hori_advance;
+                bmp->metrics.ascender = size;
+                bmp->rows = size;
+                bmp->width = bmp->metrics.hori_advance;
+                bmp->buffer = calloc(bmp->rows * bmp->width, 1);
+                bmp->pitch = bmp->width;
+                bmp->top = 0;
+                bmp->left = 0;
+                return 0;
+        }
+        i = size - 12;
+        j = ch - ' ';
+        *bmp = pd_inconsolata_font_bitmap_info[i][j];
+        j = *(ptr = (int *)&bmp->buffer);
+        byte_ptr = &pd_inconsolata_font_bitmap[i][j];
+        size = sizeof(unsigned char) * bmp->width * bmp->rows;
+        bmp->metrics.bbox_height = size;
+        bmp->metrics.bbox_width = bmp->metrics.hori_advance;
+        bmp->metrics.ascender = bmp->top;
+        bmp->buffer = (uint8_t *)malloc(size);
+        memcpy(bmp->buffer, byte_ptr, size);
+        return 0;
 }
diff --git a/lib/pandagl/src/font/inconsolata.h b/lib/pandagl/src/font/inconsolata.h
index a01d66d64..1abb3b108 100644
--- a/lib/pandagl/src/font/inconsolata.h
+++ b/lib/pandagl/src/font/inconsolata.h
@@ -1,12 +1,13 @@
 /*
  * lib/pandagl/src/font/inconsolata.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
-int pd_render_inconsolata_font_bitmap(pd_font_bitmap_t *bmp, unsigned ch, int size);
+int pd_render_inconsolata_font_bitmap(pd_glyph_bitmap_t *bmp, unsigned ch,
+                                      int size);
diff --git a/lib/pandagl/src/font/incore.c b/lib/pandagl/src/font/incore.c
index c833a0bd1..c68481e62 100644
--- a/lib/pandagl/src/font/incore.c
+++ b/lib/pandagl/src/font/incore.c
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/src/font/incore.c: -- basic in-core font-engine.
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <string.h>
@@ -16,54 +16,61 @@
 #include "incore.h"
 #include "inconsolata.h"
 
-enum in_core_font_type {
-	FONT_INCONSOLATA
-};
+enum in_core_font_type { FONT_INCONSOLATA };
 
-static int pd_incore_font_open(const char *filepath, pd_font_t ***outfonts)
+static int pd_incore_font_open(const char *filepath, pd_font_face_t ***outfonts)
 {
-	int *code;
-	pd_font_t **fonts, *font;
-	if (strcmp(filepath, "in-core.inconsolata") != 0) {
-		return 0;
-	}
-	code = malloc(sizeof(int));
-	*code = FONT_INCONSOLATA;
-	font = pd_font_create("inconsolata", "Regular");
-	fonts = malloc(sizeof(pd_font_t*));
-	font->data = code;
-	fonts[0] = font;
-	*outfonts = fonts;
-	return 1;
+        int *code;
+        pd_font_face_t **fonts, *font;
+        if (strcmp(filepath, "in-core.inconsolata") != 0) {
+                return 0;
+        }
+        code = malloc(sizeof(int));
+        *code = FONT_INCONSOLATA;
+        font = pd_font_face_create("inconsolata", "Regular");
+        fonts = malloc(sizeof(pd_font_face_t *));
+        font->data = code;
+        fonts[0] = font;
+        *outfonts = fonts;
+        return 1;
 }
 
 static void pd_incore_font_close(void *face)
 {
-	free(face);
+        free(face);
 }
 
-static int pd_incore_font_render(pd_font_bitmap_t *bmp, unsigned ch,
-			     int pixel_size, pd_font_t *font)
+static int pd_incore_font_render(pd_glyph_bitmap_t *bmp, unsigned ch,
+                                 int pixel_size, pd_font_face_t *font)
 {
-	int *code = (int*)font->data;
-	switch (*code) {
-	case FONT_INCONSOLATA:
-	default:
-		return pd_render_inconsolata_font_bitmap(bmp, ch, pixel_size);
-	}
-	return -1;
+        int *code = (int *)font->data;
+        switch (*code) {
+        case FONT_INCONSOLATA:
+        default:
+                return pd_render_inconsolata_font_bitmap(bmp, ch, pixel_size);
+        }
+        return -1;
 }
 
-int pd_incore_font_create(font_engine_t *engine)
+static unsigned pd_incore_font_get_glyph_index(pd_font_face_t *face,
+                                               unsigned ch)
 {
-	engine->render = pd_incore_font_render;
-	engine->close = pd_incore_font_close;
-	engine->open = pd_incore_font_open;
-	strcpy(engine->name, "in-core");
-	return 0;
+        (void)face;
+        /* 内置位图字体没有 cmap，字符码即字形索引 */
+        return ch;
+}
+
+int pd_incore_font_create(pd_font_engine_t *engine)
+{
+        engine->render = pd_incore_font_render;
+        engine->close = pd_incore_font_close;
+        engine->open = pd_incore_font_open;
+        engine->get_glyph_index = pd_incore_font_get_glyph_index;
+        strcpy(engine->name, "in-core");
+        return 0;
 }
 
 int pd_incore_font_destroy(void)
 {
-	return 0;
+        return 0;
 }
diff --git a/lib/pandagl/src/font/incore.h b/lib/pandagl/src/font/incore.h
index 5069bf409..d94c60996 100644
--- a/lib/pandagl/src/font/incore.h
+++ b/lib/pandagl/src/font/incore.h
@@ -1,13 +1,13 @@
 /*
  * lib/pandagl/src/font/incore.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
-int pd_incore_font_create(font_engine_t *engine);
+int pd_incore_font_create(pd_font_engine_t *engine);
 int pd_incore_font_destroy(void);
diff --git a/lib/pandagl/src/font/library.c b/lib/pandagl/src/font/library.c
index 8090b60b7..dd517394f 100644
--- a/lib/pandagl/src/font/library.c
+++ b/lib/pandagl/src/font/library.c
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/src/font/library.c: -- The font info and font bitmap cache
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <errno.h>
@@ -22,22 +22,22 @@
 
 #define FONT_CACHE_SIZE		32
 #define FONT_CACHE_MAX_SIZE	1024
+#define GLYPH_CACHE_DEFAULT_CAPACITY	8192
 
 /**
- * 库中缓存的字体位图是分组存放的，共有三级分组，分别为：
- * 字符->字体信息->字体大小
- * 获取字体位图时的搜索顺序为：先找到字符的记录，然后在记录中的字体数据库里找
- * 到指定字体样式标识号的字体位图库，之后在字体位图库中找到指定像素大小的字体
- * 位图。
+ * 字形位图缓存使用扁平 hash 表 + LRU 双链表：
+ * key   = (face_id, glyph_index, size) 打包为 64 位整数
+ * value = glyph_cache_entry_t，包含位图数据和指向 LRU 链表节点的反向引用
+ * 命中时移动到链首；超过 capacity 时从链尾驱逐。
  */
 
 typedef struct font_style_node {
 	/* 字体列表，按粗细程度存放 */
-	pd_font_t *weights[PD_FONT_WEIGHT_TOTAL_NUM];
+	pd_font_face_t *weights[PD_FONT_WEIGHT_TOTAL_NUM];
 } font_style_node_t;
 
 typedef struct font_cache {
-	pd_font_t *fonts[FONT_CACHE_SIZE];
+	pd_font_face_t *fonts[FONT_CACHE_SIZE];
 } font_cache_t;
 
 /** 字体字族索引结点 */
@@ -49,6 +49,18 @@ typedef struct font_family_node {
 	font_style_node_t styles[PD_FONT_STYLE_TOTAL_NUM];
 } font_family_node_t;
 
+typedef struct glyph_cache_key {
+	int face_id;
+	unsigned glyph_index;
+	int size;
+} glyph_cache_key_t;
+
+typedef struct glyph_cache_entry {
+	uint64_t key;
+	pd_glyph_bitmap_t bitmap;
+	list_node_t *lru_node;
+} glyph_cache_entry_t;
+
 static struct font_library_module {
 	int count;
 	int font_cache_num;
@@ -60,43 +72,122 @@ static struct font_library_module {
 	/** dict_t<string, string> */
 	dict_t *font_family_aliases;
 
-	/** rbtree_t<wchar_t, rbtree_t<int, rbtree_t<int, pd_font_bitmap_t>>>  */
-	rbtree_t bitmap_cache;
+	/** dict_t<uint64_t, glyph_cache_entry_t> */
+	dict_t *glyph_cache;
+	list_t glyph_lru;
+	size_t glyph_cache_capacity;
 
 	font_cache_t **font_cache;
-	pd_font_t *default_font;
-	pd_font_t *incore_font;
-	font_engine_t engines[2];
-	font_engine_t *engine;
+	pd_font_face_t *default_font;
+	pd_font_face_t *incore_font;
+	pd_font_engine_t engines[2];
+	pd_font_engine_t *engine;
 } fontlib;
 
 /* clang-format on */
 
-PD_INLINE rbtree_t *select_char_cache(wchar_t ch)
+PD_INLINE font_family_node_t *select_font_family_cache(const char *family_name)
 {
-        return rbtree_get_data_by_key(&fontlib.bitmap_cache, ch);
+        return dict_fetch_value(fontlib.font_families, family_name);
 }
 
-PD_INLINE rbtree_t *select_font_cache(rbtree_t *font_cache, int font_id)
+PD_INLINE uint64_t glyph_cache_pack_key(int face_id, unsigned glyph_index,
+                                        int size)
 {
-        return rbtree_get_data_by_key(font_cache, font_id);
+        /* face_id 占高 16 位，glyph_index 占中间 32 位，size 占低 16 位。 */
+        return ((uint64_t)(unsigned)face_id << 48) |
+               ((uint64_t)glyph_index << 16) |
+               (uint64_t)((unsigned)size & 0xFFFFu);
 }
 
-PD_INLINE pd_font_bitmap_t *select_bitmap_cache(rbtree_t *bmp_cache, int size)
+static uint64_t glyph_cache_key_hash(const void *key)
 {
-        return rbtree_get_data_by_key(bmp_cache, size);
+        return dict_gen_hash_function(key, (int)sizeof(uint64_t));
 }
 
-PD_INLINE font_family_node_t *select_font_family_cache(const char *family_name)
+static int glyph_cache_key_compare(void *priv_data, const void *key1,
+                                   const void *key2)
 {
-        return dict_fetch_value(fontlib.font_families, family_name);
+        (void)priv_data;
+        return *(const uint64_t *)key1 == *(const uint64_t *)key2;
+}
+
+static void *glyph_cache_key_dup(void *priv_data, const void *key)
+{
+        uint64_t *copy;
+        (void)priv_data;
+        copy = malloc(sizeof(uint64_t));
+        if (copy) {
+                *copy = *(const uint64_t *)key;
+        }
+        return copy;
+}
+
+static void glyph_cache_key_destructor(void *priv_data, void *key)
+{
+        (void)priv_data;
+        free(key);
+}
+
+static void glyph_cache_entry_destructor(void *priv_data, void *val)
+{
+        glyph_cache_entry_t *entry = val;
+        (void)priv_data;
+        if (!entry) {
+                return;
+        }
+        if (entry->lru_node) {
+                list_unlink(&fontlib.glyph_lru, entry->lru_node);
+                list_node_free(entry->lru_node);
+        }
+        pd_glyph_bitmap_destroy(&entry->bitmap);
+        free(entry);
+}
+
+static void glyph_cache_evict_one(void)
+{
+        list_node_t *node = list_get_first_node(&fontlib.glyph_lru);
+        glyph_cache_entry_t *victim;
+
+        if (!node) {
+                return;
+        }
+        victim = node->data;
+        /* dict_delete 触发 destructor 会再次解链 lru_node，
+         * 所以这里只清掉反向引用并把 list_node 自己处理掉 */
+        list_unlink(&fontlib.glyph_lru, node);
+        list_node_free(node);
+        victim->lru_node = NULL;
+        dict_delete(fontlib.glyph_cache, &victim->key);
+}
+
+static void glyph_cache_touch(glyph_cache_entry_t *entry)
+{
+        if (!entry->lru_node) {
+                return;
+        }
+        if (entry->lru_node == fontlib.glyph_lru.tail.prev) {
+                return;
+        }
+        list_unlink(&fontlib.glyph_lru, entry->lru_node);
+        list_append_node(&fontlib.glyph_lru, entry->lru_node);
+}
+
+static unsigned resolve_glyph_index(unsigned ch, int font_id)
+{
+        pd_font_face_t *face = pd_font_get(font_id);
+
+        if (!face || !face->engine || !face->engine->get_glyph_index) {
+                return ch;
+        }
+        return face->engine->get_glyph_index(face, ch);
 }
 
 #ifdef PANDAGL_HAS_FONTCONFIG
 #include <fontconfig/fontconfig.h>
 #endif
 
-char *pd_font_library_get_font_path(const char *name)
+char *pd_font_find_path(const char *name)
 {
 #ifdef PANDAGL_HAS_FONTCONFIG
         char *path = NULL;
@@ -131,22 +222,23 @@ char *pd_font_library_get_font_path(const char *name)
 #endif
 }
 
-pd_font_t *pd_font_create(const char *family_name, const char *style_name)
+pd_font_face_t *pd_font_face_create(const char *family_name,
+                                    const char *style_name)
 {
-        pd_font_t *font;
+        pd_font_face_t *font;
 
-        font = malloc(sizeof(pd_font_t));
+        font = malloc(sizeof(pd_font_face_t));
         font->id = 0;
         font->data = NULL;
         font->engine = NULL;
-        font->family_name = strdup2(family_name);
-        font->style_name = strdup2(style_name);
-        font->weight = pd_font_library_detect_weight(style_name);
-        font->style = pd_font_library_detect_style(style_name);
+        font->family_name = y_strdup(family_name);
+        font->style_name = y_strdup(style_name);
+        font->weight = pd_font_parse_weight(style_name);
+        font->style = pd_font_parse_style(style_name);
         return font;
 }
 
-void pd_font_destroy(pd_font_t *font)
+void pd_font_face_destroy(pd_font_face_t *font)
 {
         free(font->family_name);
         free(font->style_name);
@@ -167,73 +259,64 @@ static void destroy_font_family_node(void *privdata, void *data)
         free(node);
 }
 
-static void destroy_font_bitmap(void *arg)
+pd_glyph_bitmap_t *pd_font_cache_add_bitmap(wchar_t ch, int font_id, int size,
+                                            const pd_glyph_bitmap_t *bmp)
 {
-        pd_font_bitmap_destroy(arg);
-        free(arg);
-}
-
-static void destroy_tree_node(void *arg)
-{
-        rbtree_destroy(arg);
-        free(arg);
-}
-
-pd_font_bitmap_t *pd_font_library_add_bitmap(wchar_t ch, int font_id, int size,
-                                             const pd_font_bitmap_t *bmp)
-{
-        pd_font_bitmap_t *bmp_cache;
-        rbtree_t *tree_font, *tree_bmp;
+        uint64_t key;
+        unsigned glyph_index;
+        glyph_cache_entry_t *entry;
 
         if (!fontlib.active) {
                 return NULL;
         }
-        /* 获取字符的字体信息集 */
-        tree_font = select_char_cache(ch);
-        if (!tree_font) {
-                tree_font = malloc(sizeof(rbtree_t));
-                if (!tree_font) {
-                        return NULL;
-                }
-                rbtree_init(tree_font);
-                rbtree_set_destroy_func(tree_font, destroy_tree_node);
-                rbtree_insert_by_key(&fontlib.bitmap_cache, ch, tree_font);
-        }
         /* 当字体ID不大于0时，使用内置字体 */
         if (font_id <= 0) {
                 font_id = fontlib.incore_font->id;
         }
-        /* 获取相应字体样式标识号的字体位图库 */
-        tree_bmp = select_font_cache(tree_font, font_id);
-        if (!tree_bmp) {
-                tree_bmp = malloc(sizeof(rbtree_t));
-                if (!tree_bmp) {
-                        return NULL;
-                }
-                rbtree_init(tree_bmp);
-                rbtree_set_destroy_func(tree_bmp, destroy_font_bitmap);
-                rbtree_insert_by_key(tree_font, font_id, tree_bmp);
-        }
-        /* 在字体位图库中获取指定像素大小的字体位图 */
-        bmp_cache = select_bitmap_cache(tree_bmp, size);
-        if (!bmp_cache) {
-                bmp_cache = malloc(sizeof(pd_font_bitmap_t));
-                if (!bmp_cache) {
-                        return NULL;
-                }
-                rbtree_insert_by_key(tree_bmp, size, bmp_cache);
+        glyph_index = resolve_glyph_index(ch, font_id);
+        key = glyph_cache_pack_key(font_id, glyph_index, size);
+        entry = dict_fetch_value(fontlib.glyph_cache, &key);
+        if (entry) {
+                /* 已存在则就地覆盖位图数据 */
+                pd_glyph_bitmap_destroy(&entry->bitmap);
+                memcpy(&entry->bitmap, bmp, sizeof(pd_glyph_bitmap_t));
+                glyph_cache_touch(entry);
+                return &entry->bitmap;
+        }
+        /* 容量到上限时驱逐链尾 */
+        while (fontlib.glyph_cache_capacity > 0 &&
+               fontlib.glyph_lru.length >= fontlib.glyph_cache_capacity) {
+                glyph_cache_evict_one();
+        }
+        entry = malloc(sizeof(glyph_cache_entry_t));
+        if (!entry) {
+                return NULL;
+        }
+        entry->key = key;
+        memcpy(&entry->bitmap, bmp, sizeof(pd_glyph_bitmap_t));
+        entry->lru_node = NULL;
+        if (dict_add(fontlib.glyph_cache, &key, entry) != DICT_OK) {
+                free(entry);
+                return NULL;
         }
-        /* 拷贝数据至该空间内 */
-        memcpy(bmp_cache, bmp, sizeof(pd_font_bitmap_t));
-        return bmp_cache;
+        entry->lru_node = malloc(sizeof(list_node_t));
+        if (entry->lru_node) {
+                entry->lru_node->data = entry;
+                entry->lru_node->prev = NULL;
+                entry->lru_node->next = NULL;
+                list_append_node(&fontlib.glyph_lru, entry->lru_node);
+        }
+        return &entry->bitmap;
 }
 
-int pd_font_library_get_bitmap(unsigned ch, int font_id, int size,
-                               const pd_font_bitmap_t **bmp)
+int pd_font_cache_get_bitmap(unsigned ch, int font_id, int size,
+                             const pd_glyph_bitmap_t **bmp)
 {
         int ret;
-        rbtree_t *ctx;
-        pd_font_bitmap_t bmp_cache;
+        uint64_t key;
+        unsigned glyph_index;
+        glyph_cache_entry_t *entry;
+        pd_glyph_bitmap_t tmp;
 
         *bmp = NULL;
         if (!fontlib.active) {
@@ -246,37 +329,47 @@ int pd_font_library_get_bitmap(unsigned ch, int font_id, int size,
                         font_id = fontlib.incore_font->id;
                 }
         }
-        do {
-                if (!(ctx = select_char_cache(ch))) {
-                        break;
-                }
-                ctx = select_font_cache(ctx, font_id);
-                if (!ctx) {
-                        break;
-                }
-                *bmp = select_bitmap_cache(ctx, size);
-                if (*bmp) {
-                        return 0;
-                }
-                break;
-        } while (0);
+        glyph_index = resolve_glyph_index(ch, font_id);
+        key = glyph_cache_pack_key(font_id, glyph_index, size);
+        entry = dict_fetch_value(fontlib.glyph_cache, &key);
+        if (entry) {
+                glyph_cache_touch(entry);
+                *bmp = &entry->bitmap;
+                return 0;
+        }
         if (ch == 0) {
                 return -1;
         }
-        pd_font_bitmap_init(&bmp_cache);
-        ret = pd_font_library_render_bitmap(&bmp_cache, ch, font_id, size);
+        pd_glyph_bitmap_init(&tmp);
+        ret = pd_font_render_glyph(&tmp, ch, font_id, size);
         if (ret == 0) {
-                *bmp =
-                    pd_font_library_add_bitmap(ch, font_id, size, &bmp_cache);
+                *bmp = pd_font_cache_add_bitmap(ch, font_id, size, &tmp);
                 return 0;
         }
-        ret = pd_font_library_get_bitmap(0, font_id, size, bmp);
+        /* 渲染失败：回退到 .notdef（ch == 0）位图 */
+        ret = pd_font_cache_get_bitmap(0, font_id, size, bmp);
         if (ret != 0) {
-                *bmp = pd_font_library_add_bitmap(0, font_id, size, &bmp_cache);
+                *bmp = pd_font_cache_add_bitmap(0, font_id, size, &tmp);
         }
         return -1;
 }
 
+void pd_font_cache_set_capacity(size_t capacity)
+{
+        fontlib.glyph_cache_capacity = capacity;
+        if (capacity == 0) {
+                return;
+        }
+        while (fontlib.glyph_lru.length > capacity) {
+                glyph_cache_evict_one();
+        }
+}
+
+size_t pd_font_cache_count(void)
+{
+        return fontlib.glyph_lru.length;
+}
+
 static font_cache_t *font_cache_create(void)
 {
         font_cache_t *cache;
@@ -292,14 +385,14 @@ static void font_cache_destroy(font_cache_t *cache)
         int i;
         for (i = 0; i < FONT_CACHE_SIZE; ++i) {
                 if (cache->fonts[i]) {
-                        pd_font_destroy(cache->fonts[i]);
+                        pd_font_face_destroy(cache->fonts[i]);
                 }
                 cache->fonts[i] = NULL;
         }
         free(cache);
 }
 
-static pd_font_t *pd_font_library_get_cached_font(int id)
+static pd_font_face_t *pd_font_library_get_cached_font(int id)
 {
         if (id > fontlib.font_cache_num * FONT_CACHE_SIZE) {
                 return NULL;
@@ -308,7 +401,7 @@ static pd_font_t *pd_font_library_get_cached_font(int id)
             ->fonts[id % FONT_CACHE_SIZE];
 }
 
-static int pd_font_library_add_cached_font(pd_font_t *font)
+static int pd_font_library_add_cached_font(pd_font_face_t *font)
 {
         size_t size;
         font_cache_t **caches, *cache;
@@ -337,16 +430,16 @@ static int pd_font_library_add_cached_font(pd_font_t *font)
         return 0;
 }
 
-pd_font_weight_t pd_font_library_detect_weight(const char *str)
+pd_font_weight_t pd_font_parse_weight(const char *str)
 {
         char *buf;
         pd_font_weight_t weight = PD_FONT_WEIGHT_NORMAL;
 
-        buf = strdup2(str);
+        buf = y_strdup(str);
         if (!buf) {
                 return weight;
         }
-        strtolower(buf, str);
+        y_strlower(buf, str);
         if (strstr(buf, "thin")) {
                 weight = PD_FONT_WEIGHT_THIN;
         } else if (strstr(buf, "semilight")) {
@@ -366,16 +459,16 @@ pd_font_weight_t pd_font_library_detect_weight(const char *str)
         return weight;
 }
 
-pd_font_style_t pd_font_library_detect_style(const char *str)
+pd_font_style_t pd_font_parse_style(const char *str)
 {
         char *buf;
         pd_font_style_t style = PD_FONT_STYLE_NORMAL;
 
-        buf = strdup2(str);
+        buf = y_strdup(str);
         if (!buf) {
                 return style;
         }
-        strtolower(buf, str);
+        y_strlower(buf, str);
         if (strstr(buf, "oblique")) {
                 style = PD_FONT_STYLE_OBLIQUE;
         } else if (strstr(buf, "italic")) {
@@ -385,16 +478,16 @@ pd_font_style_t pd_font_library_detect_style(const char *str)
         return style;
 }
 
-int pd_font_library_add_font(pd_font_t *font)
+int pd_font_register(pd_font_face_t *font)
 {
-        pd_font_t *exists_font;
+        pd_font_face_t *exists_font;
         font_family_node_t *node;
         font_style_node_t *style_node;
 
         node = select_font_family_cache(font->family_name);
         if (!node) {
                 node = malloc(sizeof(font_family_node_t));
-                node->family_name = strdup2(font->family_name);
+                node->family_name = y_strdup(font->family_name);
                 memset(node->styles, 0, sizeof(node->styles));
                 dict_add(fontlib.font_families, node->family_name, node);
         }
@@ -407,7 +500,7 @@ int pd_font_library_add_font(pd_font_t *font)
                         fontlib.default_font = font;
                 }
                 style_node->weights[font->weight - 1] = NULL;
-                pd_font_destroy(exists_font);
+                pd_font_face_destroy(exists_font);
         } else {
                 font->id = ++fontlib.count;
         }
@@ -416,7 +509,7 @@ int pd_font_library_add_font(pd_font_t *font)
         return font->id;
 }
 
-pd_font_t *pd_font_library_get_font(int id)
+pd_font_face_t *pd_font_get(int id)
 {
         if (!fontlib.active) {
                 return NULL;
@@ -478,8 +571,8 @@ static pd_font_weight_t font_weight_fallback(font_style_node_t *snode,
         return PD_FONT_WEIGHT_NONE;
 }
 
-int pd_font_library_get_font_id(const char *family_name, pd_font_style_t style,
-                                pd_font_weight_t weight)
+int pd_font_get_id(const char *family_name, pd_font_style_t style,
+                   pd_font_weight_t weight)
 {
         int style_num;
         const char *name;
@@ -514,12 +607,11 @@ int pd_font_library_get_font_id(const char *family_name, pd_font_style_t style,
         return -3;
 }
 
-size_t pd_font_library_update_font_weight(const int *font_ids,
-                                          pd_font_weight_t weight,
-                                          int **new_font_ids)
+size_t pd_font_replace_weight(const int *font_ids, pd_font_weight_t weight,
+                              int **new_font_ids)
 {
         int id, *ids;
-        pd_font_t *font;
+        pd_font_face_t *font;
         size_t i, count, len;
 
         if (!font_ids) {
@@ -534,9 +626,8 @@ size_t pd_font_library_update_font_weight(const int *font_ids,
                 return 0;
         }
         for (i = 0, count = 0; i < len; ++i) {
-                font = pd_font_library_get_font(font_ids[i]);
-                id = pd_font_library_get_font_id(font->family_name, font->style,
-                                                 weight);
+                font = pd_font_get(font_ids[i]);
+                id = pd_font_get_id(font->family_name, font->style, weight);
                 if (id > 0) {
                         ids[count++] = id;
                 }
@@ -551,12 +642,11 @@ size_t pd_font_library_update_font_weight(const int *font_ids,
         return count;
 }
 
-size_t pd_font_library_update_font_style(const int *font_ids,
-                                         pd_font_style_t style,
-                                         int **new_font_ids)
+size_t pd_font_replace_style(const int *font_ids, pd_font_style_t style,
+                             int **new_font_ids)
 {
         int id, *ids;
-        pd_font_t *font;
+        pd_font_face_t *font;
         size_t i, count, len;
 
         if (!font_ids) {
@@ -571,9 +661,8 @@ size_t pd_font_library_update_font_style(const int *font_ids,
                 return 0;
         }
         for (i = 0, count = 0; i < len; ++i) {
-                font = pd_font_library_get_font(font_ids[i]);
-                id = pd_font_library_get_font_id(font->family_name, style,
-                                                 font->weight);
+                font = pd_font_get(font_ids[i]);
+                id = pd_font_get_id(font->family_name, style, font->weight);
                 if (id > 0) {
                         ids[count++] = id;
                 }
@@ -588,9 +677,8 @@ size_t pd_font_library_update_font_style(const int *font_ids,
         return count;
 }
 
-unsigned pd_font_library_query(int **font_ids, pd_font_style_t style,
-                               pd_font_weight_t weight,
-                               const char *const *names)
+unsigned pd_font_query(int **font_ids, pd_font_style_t style,
+                       pd_font_weight_t weight, const char *const *names)
 {
         int *ids;
         unsigned i, count, loaded_count;
@@ -608,8 +696,7 @@ unsigned pd_font_library_query(int **font_ids, pd_font_style_t style,
                 return 0;
         }
         for (loaded_count = 0, i = 0; i < count; ++i) {
-                ids[loaded_count] =
-                    pd_font_library_get_font_id(names[i], style, weight);
+                ids[loaded_count] = pd_font_get_id(names[i], style, weight);
                 if (ids[loaded_count] > 0) {
                         ++loaded_count;
                 }
@@ -623,7 +710,7 @@ unsigned pd_font_library_query(int **font_ids, pd_font_style_t style,
         return loaded_count;
 }
 
-int pd_font_library_get_default_font(void)
+int pd_font_get_default(void)
 {
         if (!fontlib.default_font) {
                 return -1;
@@ -631,18 +718,18 @@ int pd_font_library_get_default_font(void)
         return fontlib.default_font->id;
 }
 
-void pd_font_library_set_default_font(int id)
+void pd_font_set_default(int id)
 {
-        pd_font_t *font = pd_font_library_get_font(id);
+        pd_font_face_t *font = pd_font_get(id);
         if (font) {
                 fontlib.default_font = font;
                 logger_debug("[font] select: %s\n", font->family_name);
         }
 }
 
-int pd_font_library_load_file(const char *filepath)
+int pd_font_load_file(const char *filepath)
 {
-        pd_font_t **fonts;
+        pd_font_face_t **fonts;
         int i, num_fonts, id;
 
         logger_debug("[font] load file: %s\n", filepath);
@@ -656,7 +743,7 @@ int pd_font_library_load_file(const char *filepath)
         }
         for (i = 0; i < num_fonts; ++i) {
                 fonts[i]->engine = fontlib.engine;
-                id = pd_font_library_add_font(fonts[i]);
+                id = pd_font_register(fonts[i]);
                 logger_debug("[font] add font: %d, family: %s, style name: %s, "
                              "weight: %d\n",
                              id, fonts[i]->family_name, fonts[i]->style_name,
@@ -666,15 +753,15 @@ int pd_font_library_load_file(const char *filepath)
         return 0;
 }
 
-int pd_font_library_render_bitmap(pd_font_bitmap_t *buff, unsigned ch,
-                                  int font_id, int pixel_size)
+int pd_font_render_glyph(pd_glyph_bitmap_t *buff, unsigned ch, int font_id,
+                         int pixel_size)
 {
-        pd_font_t *font = fontlib.default_font;
+        pd_font_face_t *font = fontlib.default_font;
         do {
                 if (font_id < 0 || !fontlib.engine) {
                         break;
                 }
-                font = pd_font_library_get_font(font_id);
+                font = pd_font_get(font_id);
                 if (font) {
                         break;
                 }
@@ -691,8 +778,7 @@ int pd_font_library_render_bitmap(pd_font_bitmap_t *buff, unsigned ch,
         return font->engine->render(buff, ch, pixel_size, font);
 }
 
-bool pd_font_library_set_font_family_alias(const char *alias,
-                                           const char *family_name)
+bool pd_font_family_set_alias(const char *alias, const char *family_name)
 {
         return dict_add(fontlib.font_family_aliases, (void *)alias,
                         (void *)family_name) == DICT_OK;
@@ -705,19 +791,19 @@ static void font_family_dict_val_destructor(void *privdata, void *data)
 
 static void *font_family_dict_val_dup(void *privdata, const void *data)
 {
-        return strdup2(data);
+        return y_strdup(data);
 }
 
 static void pd_font_library_init_base(void)
 {
         static dict_type_t dict_type;
         static dict_type_t alias_dict_type;
+        static dict_type_t glyph_dict_type;
 
         fontlib.count = 0;
         fontlib.font_cache_num = 1;
         fontlib.font_cache = malloc(sizeof(font_cache_t));
         fontlib.font_cache[0] = font_cache_create();
-        rbtree_init(&fontlib.bitmap_cache);
         dict_init_string_key_type(&dict_type);
         dict_init_string_copy_key_type(&alias_dict_type);
         dict_type.val_destructor = destroy_font_family_node;
@@ -725,7 +811,18 @@ static void pd_font_library_init_base(void)
         alias_dict_type.val_dup = font_family_dict_val_dup;
         fontlib.font_families = dict_create(&dict_type, NULL);
         fontlib.font_family_aliases = dict_create(&alias_dict_type, NULL);
-        rbtree_set_destroy_func(&fontlib.bitmap_cache, destroy_tree_node);
+
+        /* glyph 位图缓存：key 为打包后的 64 位整数 */
+        memset(&glyph_dict_type, 0, sizeof(glyph_dict_type));
+        glyph_dict_type.hash_function = glyph_cache_key_hash;
+        glyph_dict_type.key_compare = glyph_cache_key_compare;
+        glyph_dict_type.key_dup = glyph_cache_key_dup;
+        glyph_dict_type.key_destructor = glyph_cache_key_destructor;
+        glyph_dict_type.val_destructor = glyph_cache_entry_destructor;
+        fontlib.glyph_cache = dict_create(&glyph_dict_type, NULL);
+        list_create(&fontlib.glyph_lru);
+        fontlib.glyph_cache_capacity = GLYPH_CACHE_DEFAULT_CAPACITY;
+
         fontlib.active = true;
 }
 
@@ -735,9 +832,9 @@ static void pd_font_library_init_engine(void)
         /* 先初始化内置的字体引擎 */
         fontlib.engine = &fontlib.engines[0];
         pd_incore_font_create(fontlib.engine);
-        pd_font_library_load_file("in-core.inconsolata");
-        fid = pd_font_library_get_font_id("inconsolata", 0, 0);
-        fontlib.incore_font = pd_font_library_get_font(fid);
+        pd_font_load_file("in-core.inconsolata");
+        fid = pd_font_get_id("inconsolata", 0, 0);
+        fontlib.incore_font = pd_font_get(fid);
         fontlib.default_font = fontlib.incore_font;
         /* 然后看情况启用其它字体引擎 */
 #ifdef PANDAGL_HAS_FREETYPE
@@ -765,11 +862,13 @@ static void pd_font_library_destroy_base(void)
         }
         dict_destroy(fontlib.font_family_aliases);
         dict_destroy(fontlib.font_families);
-        rbtree_destroy(&fontlib.bitmap_cache);
+        /* dict 的 val_destructor 会解链并释放各 entry 的 LRU 节点 */
+        dict_destroy(fontlib.glyph_cache);
         free(fontlib.font_cache);
         fontlib.font_cache = NULL;
         fontlib.font_families = NULL;
         fontlib.font_family_aliases = NULL;
+        fontlib.glyph_cache = NULL;
 }
 
 static void pd_font_library_destroy_engine(void)
diff --git a/lib/pandagl/src/font/library.h b/lib/pandagl/src/font/library.h
index 5cb5608a5..7a68bafe6 100644
--- a/lib/pandagl/src/font/library.h
+++ b/lib/pandagl/src/font/library.h
@@ -1,14 +1,15 @@
 /*
  * lib/pandagl/src/font/library.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
-pd_font_t *pd_font_create(const char *family_name, const char *style_name);
+pd_font_face_t *pd_font_face_create(const char *family_name,
+                                    const char *style_name);
 
-void pd_font_destroy(pd_font_t *font);
+void pd_font_face_destroy(pd_font_face_t *font);
diff --git a/lib/pandagl/src/image/bmp.c b/lib/pandagl/src/image/bmp.c
index ad8d8cbab..a08729e4f 100644
--- a/lib/pandagl/src/image/bmp.c
+++ b/lib/pandagl/src/image/bmp.c
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/src/image/bmp.c: -- LCUI BMP image file processing module.
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
diff --git a/lib/pandagl/src/image/bmp_private.h b/lib/pandagl/src/image/bmp_private.h
index 646c5e765..6e29aa6d0 100644
--- a/lib/pandagl/src/image/bmp_private.h
+++ b/lib/pandagl/src/image/bmp_private.h
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/src/image/bmp_private.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 void pd_bmp_reader_create(pd_image_reader_t *reader);
diff --git a/lib/pandagl/src/image/jpeg.c b/lib/pandagl/src/image/jpeg.c
index 31ff7565e..dc2410a84 100644
--- a/lib/pandagl/src/image/jpeg.c
+++ b/lib/pandagl/src/image/jpeg.c
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/src/image/jpeg.c: -- LCUI JPEG image file processing module.
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdbool.h>
@@ -25,185 +25,184 @@
 #define BUFFER_SIZE 4096
 
 typedef struct pd_jpeg_error {
-	struct jpeg_error_mgr pub;
-	pd_image_reader_t *reader;
+        struct jpeg_error_mgr pub;
+        pd_image_reader_t *reader;
 } pd_jpeg_error_t;
 
 typedef struct pd_jpeg_reader {
-	struct jpeg_source_mgr src;
-	struct jpeg_decompress_struct cinfo;
-	jmp_buf env;
-	pd_jpeg_error_t err;
-	bool start_of_file;
-	pd_image_reader_t *base;
-	unsigned char buffer[BUFFER_SIZE];
+        struct jpeg_source_mgr src;
+        struct jpeg_decompress_struct cinfo;
+        jmp_buf env;
+        pd_jpeg_error_t err;
+        bool start_of_file;
+        pd_image_reader_t *base;
+        unsigned char buffer[BUFFER_SIZE];
 } pd_jpeg_reader_t;
 
 METHODDEF(void) pd_jpeg_reader_on_error_exit(j_common_ptr cinfo)
 {
-	pd_jpeg_error_t *err = (pd_jpeg_error_t *)cinfo->err;
-	pd_jpeg_reader_t *reader = err->reader->reader_data;
-	cinfo->err->format_message(cinfo, err->reader->error_message);
-	longjmp(reader->env, PD_ERROR_IMAGE_READING);
+        pd_jpeg_error_t *err = (pd_jpeg_error_t *)cinfo->err;
+        pd_jpeg_reader_t *reader = err->reader->reader_data;
+        cinfo->err->format_message(cinfo, err->reader->error_message);
+        longjmp(reader->env, PD_ERROR_IMAGE_READING);
 }
 
 static void pd_jpeg_reader_on_init(j_decompress_ptr cinfo)
 {
-	pd_jpeg_reader_t *jpeg_reader;
-	jpeg_reader = (pd_jpeg_reader_t *)cinfo->src;
-	jpeg_reader->start_of_file = true;
+        pd_jpeg_reader_t *jpeg_reader;
+        jpeg_reader = (pd_jpeg_reader_t *)cinfo->src;
+        jpeg_reader->start_of_file = true;
 }
 
 static boolean pd_jpeg_reader_on_read(j_decompress_ptr cinfo)
 {
-	size_t size;
-	pd_jpeg_reader_t *jpeg_reader = (pd_jpeg_reader_t *)cinfo->src;
-	pd_image_reader_t *reader = jpeg_reader->base;
-
-	size = pd_file_reader_read(reader->file_reader, jpeg_reader->buffer,
-			       BUFFER_SIZE);
-	if (size <= 0) {
-		/* 将空的输入文件视为致命错误 */
-		if (jpeg_reader->start_of_file) {
-			ERREXIT(cinfo, JERR_INPUT_EMPTY);
-		}
-		WARNMS(cinfo, JWRN_JPEG_EOF);
-		/* 插入一个无用的 EOI 标记 */
-		jpeg_reader->buffer[0] = (JOCTET)0xFF;
-		jpeg_reader->buffer[1] = (JOCTET)JPEG_EOI;
-		size = 2;
-	}
-	/* 设置数据缓存地址和大小，供 jpeg 解码器使用 */
-	jpeg_reader->src.next_input_byte = jpeg_reader->buffer;
-	jpeg_reader->src.bytes_in_buffer = size;
-	jpeg_reader->start_of_file = false;
-	return true;
+        size_t size;
+        pd_jpeg_reader_t *jpeg_reader = (pd_jpeg_reader_t *)cinfo->src;
+        pd_image_reader_t *reader = jpeg_reader->base;
+
+        size = pd_file_reader_read(reader->file_reader, jpeg_reader->buffer,
+                                   BUFFER_SIZE);
+        if (size <= 0) {
+                /* 将空的输入文件视为致命错误 */
+                if (jpeg_reader->start_of_file) {
+                        ERREXIT(cinfo, JERR_INPUT_EMPTY);
+                }
+                WARNMS(cinfo, JWRN_JPEG_EOF);
+                /* 插入一个无用的 EOI 标记 */
+                jpeg_reader->buffer[0] = (JOCTET)0xFF;
+                jpeg_reader->buffer[1] = (JOCTET)JPEG_EOI;
+                size = 2;
+        }
+        /* 设置数据缓存地址和大小，供 jpeg 解码器使用 */
+        jpeg_reader->src.next_input_byte = jpeg_reader->buffer;
+        jpeg_reader->src.bytes_in_buffer = size;
+        jpeg_reader->start_of_file = false;
+        return true;
 }
 
 static void pd_jpeg_reader_on_skip(j_decompress_ptr cinfo, long num_bytes)
 {
-	struct jpeg_source_mgr *src = cinfo->src;
-	pd_jpeg_reader_t * jpeg_reader = (pd_jpeg_reader_t *)cinfo->src;
-	pd_image_reader_t *reader = jpeg_reader->base;
-
-	/* 如果跳过的字节数小于当前缓存的数据大小，则直接移动数据读取指针 */
-	if (src->bytes_in_buffer > (size_t)num_bytes) {
-		src->next_input_byte += num_bytes;
-		src->bytes_in_buffer -= num_bytes;
-		return;
-	}
-	num_bytes -= (long)src->bytes_in_buffer;
-	pd_file_reader_skip(reader->file_reader, num_bytes);
-	/* 重置当前缓存 */
-	src->bytes_in_buffer = 0;
-	src->next_input_byte = jpeg_reader->buffer;
+        struct jpeg_source_mgr *src = cinfo->src;
+        pd_jpeg_reader_t *jpeg_reader = (pd_jpeg_reader_t *)cinfo->src;
+        pd_image_reader_t *reader = jpeg_reader->base;
+
+        /* 如果跳过的字节数小于当前缓存的数据大小，则直接移动数据读取指针 */
+        if (src->bytes_in_buffer > (size_t)num_bytes) {
+                src->next_input_byte += num_bytes;
+                src->bytes_in_buffer -= num_bytes;
+                return;
+        }
+        num_bytes -= (long)src->bytes_in_buffer;
+        pd_file_reader_skip(reader->file_reader, num_bytes);
+        /* 重置当前缓存 */
+        src->bytes_in_buffer = 0;
+        src->next_input_byte = jpeg_reader->buffer;
 }
 
 static void pd_jpeg_reader_on_terminate(j_decompress_ptr cinfo)
 {
 }
 
-
 void pd_jpeg_reader_create(pd_image_reader_t *reader)
 {
-	pd_jpeg_reader_t *jpeg_reader;
-
-	jpeg_reader = malloc(sizeof(pd_jpeg_reader_t));
-	jpeg_reader->src.init_source = pd_jpeg_reader_on_init;
-	jpeg_reader->src.term_source = pd_jpeg_reader_on_terminate;
-	jpeg_reader->src.skip_input_data = pd_jpeg_reader_on_skip;
-	jpeg_reader->src.fill_input_buffer = pd_jpeg_reader_on_read;
-	jpeg_reader->src.resync_to_restart = jpeg_resync_to_restart;
-	jpeg_reader->src.bytes_in_buffer = 0;
-	jpeg_reader->src.next_input_byte = NULL;
-	jpeg_reader->err.pub.error_exit = pd_jpeg_reader_on_error_exit;
-	jpeg_reader->err.reader = reader;
-	jpeg_reader->base = reader;
-	jpeg_create_decompress(&jpeg_reader->cinfo);
-	jpeg_reader->cinfo.src = &jpeg_reader->src;
-	jpeg_reader->cinfo.err = jpeg_std_error(&jpeg_reader->err.pub);
-	reader->reader_data = jpeg_reader;
+        pd_jpeg_reader_t *jpeg_reader;
+
+        jpeg_reader = malloc(sizeof(pd_jpeg_reader_t));
+        jpeg_reader->src.init_source = pd_jpeg_reader_on_init;
+        jpeg_reader->src.term_source = pd_jpeg_reader_on_terminate;
+        jpeg_reader->src.skip_input_data = pd_jpeg_reader_on_skip;
+        jpeg_reader->src.fill_input_buffer = pd_jpeg_reader_on_read;
+        jpeg_reader->src.resync_to_restart = jpeg_resync_to_restart;
+        jpeg_reader->src.bytes_in_buffer = 0;
+        jpeg_reader->src.next_input_byte = NULL;
+        jpeg_reader->err.pub.error_exit = pd_jpeg_reader_on_error_exit;
+        jpeg_reader->err.reader = reader;
+        jpeg_reader->base = reader;
+        jpeg_create_decompress(&jpeg_reader->cinfo);
+        jpeg_reader->cinfo.src = &jpeg_reader->src;
+        jpeg_reader->cinfo.err = jpeg_std_error(&jpeg_reader->err.pub);
+        reader->reader_data = jpeg_reader;
 }
 
 void pd_jpeg_reader_start(pd_image_reader_t *reader)
 {
-	pd_jpeg_reader_t *jpeg_reader = reader->reader_data;
-	jpeg_start_decompress(&jpeg_reader->cinfo);
+        pd_jpeg_reader_t *jpeg_reader = reader->reader_data;
+        jpeg_start_decompress(&jpeg_reader->cinfo);
 }
 
 void pd_jpeg_reader_finish(pd_image_reader_t *reader)
 {
-	pd_jpeg_reader_t *jpeg_reader = reader->reader_data;
+        pd_jpeg_reader_t *jpeg_reader = reader->reader_data;
 
-	jpeg_finish_decompress(&jpeg_reader->cinfo);
+        jpeg_finish_decompress(&jpeg_reader->cinfo);
 }
 
 void pd_jpeg_reader_destroy(pd_image_reader_t *reader)
 {
-	pd_jpeg_reader_t *jpeg_reader = reader->reader_data;
-	jpeg_destroy_decompress(&jpeg_reader->cinfo);
-	free(jpeg_reader);
+        pd_jpeg_reader_t *jpeg_reader = reader->reader_data;
+        jpeg_destroy_decompress(&jpeg_reader->cinfo);
+        free(jpeg_reader);
 }
 
 jmp_buf *pd_jpeg_reader_jmpbuf(pd_image_reader_t *reader)
 {
-	pd_jpeg_reader_t *jpeg_reader = reader->reader_data;
-	return &jpeg_reader->env;
+        pd_jpeg_reader_t *jpeg_reader = reader->reader_data;
+        return &jpeg_reader->env;
 }
 
 pd_error_t pd_jpeg_reader_read_header(pd_image_reader_t *reader)
 {
-	size_t size;
-	short int *buffer;
-	pd_image_header_t *header = &reader->header;
-	pd_jpeg_reader_t *jpeg_reader = reader->reader_data;
-	j_decompress_ptr cinfo = &jpeg_reader->cinfo;
-
-	size = pd_file_reader_read(reader->file_reader, jpeg_reader->buffer,
-			       sizeof(short int));
-	if (size < sizeof(short int)) {
-		return PD_ERROR_IMAGE_HEADER_INVALID;
-	}
-	jpeg_reader->src.bytes_in_buffer = sizeof(short int);
-	jpeg_reader->src.next_input_byte = jpeg_reader->buffer;
-	buffer = (short int *)jpeg_reader->buffer;
-	if (buffer[0] != -9985) {
-		return PD_ERROR_IMAGE_HEADER_INVALID;
-	}
-	if (setjmp(jpeg_reader->env)) {
-		return PD_ERROR_IMAGE_HEADER_INVALID;
-	}
-	jpeg_read_header(cinfo, true);
-	header->width = cinfo->image_width;
-	header->height = cinfo->image_height;
-	header->type = PD_JPEG_IMAGE;
-	header->color_type = PD_COLOR_TYPE_RGB;
-	if (cinfo->jpeg_color_space == JCS_RGB) {
-		header->bit_depth = 24;
-	}
-	return PD_OK;
+        size_t size;
+        short int *buffer;
+        pd_image_header_t *header = &reader->header;
+        pd_jpeg_reader_t *jpeg_reader = reader->reader_data;
+        j_decompress_ptr cinfo = &jpeg_reader->cinfo;
+
+        size = pd_file_reader_read(reader->file_reader, jpeg_reader->buffer,
+                                   sizeof(short int));
+        if (size < sizeof(short int)) {
+                return PD_ERROR_IMAGE_HEADER_INVALID;
+        }
+        jpeg_reader->src.bytes_in_buffer = sizeof(short int);
+        jpeg_reader->src.next_input_byte = jpeg_reader->buffer;
+        buffer = (short int *)jpeg_reader->buffer;
+        if (buffer[0] != -9985) {
+                return PD_ERROR_IMAGE_HEADER_INVALID;
+        }
+        if (setjmp(jpeg_reader->env)) {
+                return PD_ERROR_IMAGE_HEADER_INVALID;
+        }
+        jpeg_read_header(cinfo, true);
+        header->width = cinfo->image_width;
+        header->height = cinfo->image_height;
+        header->type = PD_JPEG_IMAGE;
+        header->color_type = PD_COLOR_TYPE_RGB;
+        if (cinfo->jpeg_color_space == JCS_RGB) {
+                header->bit_depth = 24;
+        }
+        return PD_OK;
 }
 
 void pd_jpeg_reader_read_row(pd_image_reader_t *reader, pd_canvas_t *out)
 {
-	uint8_t *bytep;
-	JSAMPARRAY buffer;
-	pd_jpeg_reader_t *jpeg_reader = reader->reader_data;
-	j_decompress_ptr cinfo = &jpeg_reader->cinfo;
-	int row_stride = cinfo->output_width * cinfo->output_components;
-	int k;
-	unsigned x;
-
-	buffer = cinfo->mem->alloc_sarray((j_common_ptr)cinfo, JPOOL_IMAGE,
-					  row_stride, 1);
-	bytep = out->bytes + cinfo->output_scanline * out->bytes_per_row;
-	jpeg_read_scanlines(cinfo, buffer, 1);
-	for (x = 0; x < out->width; ++x) {
-		k = x * 3;
-		*bytep++ = buffer[0][k + 2];
-		*bytep++ = buffer[0][k + 1];
-		*bytep++ = buffer[0][k];
-	}
+        uint8_t *bytep;
+        JSAMPARRAY buffer;
+        pd_jpeg_reader_t *jpeg_reader = reader->reader_data;
+        j_decompress_ptr cinfo = &jpeg_reader->cinfo;
+        int row_stride = cinfo->output_width * cinfo->output_components;
+        int k;
+        unsigned x;
+
+        buffer = cinfo->mem->alloc_sarray((j_common_ptr)cinfo, JPOOL_IMAGE,
+                                          row_stride, 1);
+        bytep = out->bytes + cinfo->output_scanline * out->bytes_per_row;
+        jpeg_read_scanlines(cinfo, buffer, 1);
+        for (x = 0; x < out->width; ++x) {
+                k = x * 3;
+                *bytep++ = buffer[0][k + 2];
+                *bytep++ = buffer[0][k + 1];
+                *bytep++ = buffer[0][k];
+        }
 }
 
 #endif
diff --git a/lib/pandagl/src/image/jpeg_private.h b/lib/pandagl/src/image/jpeg_private.h
index d7d8ef43e..d36e04551 100644
--- a/lib/pandagl/src/image/jpeg_private.h
+++ b/lib/pandagl/src/image/jpeg_private.h
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/src/image/jpeg_private.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 void pd_jpeg_reader_create(pd_image_reader_t *reader);
diff --git a/lib/pandagl/src/image/png.c b/lib/pandagl/src/image/png.c
index d1f6a7454..d637e5580 100644
--- a/lib/pandagl/src/image/png.c
+++ b/lib/pandagl/src/image/png.c
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/src/image/png.c: -- LCUI PNG image file processing module.
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
diff --git a/lib/pandagl/src/image/png_private.h b/lib/pandagl/src/image/png_private.h
index 4f3c8a956..af2edcd47 100644
--- a/lib/pandagl/src/image/png_private.h
+++ b/lib/pandagl/src/image/png_private.h
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/src/image/png_private.h
  *
- * Copyright (c) 2024-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 void pd_png_reader_create(pd_image_reader_t *reader);
diff --git a/lib/pandagl/src/image/reader.c b/lib/pandagl/src/image/reader.c
index 0889544f7..e61e4f99e 100644
--- a/lib/pandagl/src/image/reader.c
+++ b/lib/pandagl/src/image/reader.c
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/src/image/reader.c: -- Image read operations set
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <errno.h>
diff --git a/lib/pandagl/src/line.c b/lib/pandagl/src/line.c
index 08131aa35..0a70c8845 100644
--- a/lib/pandagl/src/line.c
+++ b/lib/pandagl/src/line.c
@@ -1,126 +1,126 @@
 /*
  * lib/pandagl/src/line.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <pandagl.h>
 
 void pd_canvas_draw_horizontal_line(pd_canvas_t *canvas, pd_color_t color,
-				    int size, pd_pos_t start, int len)
+                                    int size, pd_pos_t start, int len)
 {
-	int y, x;
-	pd_rect_t area;
-	pd_canvas_t *des;
+        int y, x;
+        pd_rect_t area;
+        pd_canvas_t *des;
 
-	des = pd_canvas_get_quote_source(canvas);
-	pd_canvas_get_quote_rect(canvas, &area);
-	start.x = area.x + start.x;
-	start.y = area.y + start.y;
+        des = pd_canvas_get_quote_source(canvas);
+        pd_canvas_get_quote_rect(canvas, &area);
+        start.x = area.x + start.x;
+        start.y = area.y + start.y;
 
-	if (start.x < area.x) {
-		len -= (area.x - start.x);
-		start.x = area.x;
-	}
-	if (len > area.x + area.width) {
-		len = area.x + area.width;
-	}
-	if (start.y < area.y) {
-		size -= (area.y - start.y);
-		start.y = area.y;
-	}
-	if (start.y + size > area.y + area.height) {
-		size = area.y + area.height - start.y;
-	}
-	if (des->color_type == PD_COLOR_TYPE_ARGB) {
-		pd_color_t *pPixel, *pRowPixel;
-		pRowPixel = des->argb + start.y * des->width + start.x;
-		for (y = 0; y < size; ++y) {
-			pPixel = pRowPixel;
-			for (x = 0; x < len; ++x) {
-				pPixel->b = color.blue;
-				pPixel->g = color.green;
-				pPixel->r = color.red;
-				pPixel->a = 255;
-				++pPixel;
-			}
-			pRowPixel += des->width;
-		}
-	} else {
-		uint8_t *pByte, *pRowByte;
-		pRowByte =
-		    des->bytes + start.y * des->bytes_per_row + start.x * 3;
-		for (y = 0; y < size; ++y) {
-			pByte = pRowByte;
-			for (x = 0; x < len; ++x) {
-				*pByte++ = color.blue;
-				*pByte++ = color.green;
-				*pByte++ = color.red;
-			}
-			pRowByte += des->bytes_per_row;
-		}
-	}
+        if (start.x < area.x) {
+                len -= (area.x - start.x);
+                start.x = area.x;
+        }
+        if (len > area.x + area.width) {
+                len = area.x + area.width;
+        }
+        if (start.y < area.y) {
+                size -= (area.y - start.y);
+                start.y = area.y;
+        }
+        if (start.y + size > area.y + area.height) {
+                size = area.y + area.height - start.y;
+        }
+        if (des->color_type == PD_COLOR_TYPE_ARGB) {
+                pd_color_t *pPixel, *pRowPixel;
+                pRowPixel = des->argb + start.y * des->width + start.x;
+                for (y = 0; y < size; ++y) {
+                        pPixel = pRowPixel;
+                        for (x = 0; x < len; ++x) {
+                                pPixel->b = color.blue;
+                                pPixel->g = color.green;
+                                pPixel->r = color.red;
+                                pPixel->a = 255;
+                                ++pPixel;
+                        }
+                        pRowPixel += des->width;
+                }
+        } else {
+                uint8_t *pByte, *pRowByte;
+                pRowByte =
+                    des->bytes + start.y * des->bytes_per_row + start.x * 3;
+                for (y = 0; y < size; ++y) {
+                        pByte = pRowByte;
+                        for (x = 0; x < len; ++x) {
+                                *pByte++ = color.blue;
+                                *pByte++ = color.green;
+                                *pByte++ = color.red;
+                        }
+                        pRowByte += des->bytes_per_row;
+                }
+        }
 }
 
 void pd_canvas_draw_vertical_line(pd_canvas_t *canvas, pd_color_t color,
-				  int size, pd_pos_t start, int len)
+                                  int size, pd_pos_t start, int len)
 {
-	int y, x;
-	pd_rect_t area;
-	pd_canvas_t *des;
+        int y, x;
+        pd_rect_t area;
+        pd_canvas_t *des;
 
-	des = pd_canvas_get_quote_source(canvas);
-	pd_canvas_get_quote_rect(canvas, &area);
-	start.x = area.x + start.x;
-	start.y = area.y + start.y;
+        des = pd_canvas_get_quote_source(canvas);
+        pd_canvas_get_quote_rect(canvas, &area);
+        start.x = area.x + start.x;
+        start.y = area.y + start.y;
 
-	if (start.x < area.x) {
-		size -= (area.x - start.x);
-		start.x = area.x;
-	}
-	if (start.x + size > area.x + area.width) {
-		size = area.x + area.width - start.x;
-	}
+        if (start.x < area.x) {
+                size -= (area.x - start.x);
+                start.x = area.x;
+        }
+        if (start.x + size > area.x + area.width) {
+                size = area.x + area.width - start.x;
+        }
 
-	if (start.y < area.y) {
-		len -= (area.y - start.y);
-		start.y = area.y;
-	}
-	if (start.y + len > area.y + area.height) {
-		len = area.y + area.height - start.y;
-	}
+        if (start.y < area.y) {
+                len -= (area.y - start.y);
+                start.y = area.y;
+        }
+        if (start.y + len > area.y + area.height) {
+                len = area.y + area.height - start.y;
+        }
 
-	if (des->color_type == PD_COLOR_TYPE_ARGB) {
-		pd_color_t *pPixel, *pRowPixel;
-		pRowPixel = des->argb + start.y * des->width + start.x;
-		for (y = 0; y < len; ++y) {
-			pPixel = pRowPixel;
-			for (x = 0; x < size; ++x) {
-				pPixel->b = color.blue;
-				pPixel->g = color.green;
-				pPixel->r = color.red;
-				pPixel->a = 255;
-				++pPixel;
-			}
-			pRowPixel += des->width;
-		}
-	} else {
-		uint8_t *pByte, *pRowByte;
-		pRowByte =
-		    des->bytes + start.y * des->bytes_per_row + start.x * 3;
-		for (y = 0; y < len; ++y) {
-			pByte = pRowByte;
-			for (x = 0; x < size; ++x) {
-				*pByte++ = color.blue;
-				*pByte++ = color.green;
-				*pByte++ = color.red;
-			}
-			pRowByte += des->bytes_per_row;
-		}
-	}
+        if (des->color_type == PD_COLOR_TYPE_ARGB) {
+                pd_color_t *pPixel, *pRowPixel;
+                pRowPixel = des->argb + start.y * des->width + start.x;
+                for (y = 0; y < len; ++y) {
+                        pPixel = pRowPixel;
+                        for (x = 0; x < size; ++x) {
+                                pPixel->b = color.blue;
+                                pPixel->g = color.green;
+                                pPixel->r = color.red;
+                                pPixel->a = 255;
+                                ++pPixel;
+                        }
+                        pRowPixel += des->width;
+                }
+        } else {
+                uint8_t *pByte, *pRowByte;
+                pRowByte =
+                    des->bytes + start.y * des->bytes_per_row + start.x * 3;
+                for (y = 0; y < len; ++y) {
+                        pByte = pRowByte;
+                        for (x = 0; x < size; ++x) {
+                                *pByte++ = color.blue;
+                                *pByte++ = color.green;
+                                *pByte++ = color.red;
+                        }
+                        pRowByte += des->bytes_per_row;
+                }
+        }
 }
diff --git a/lib/pandagl/src/pixel.c b/lib/pandagl/src/pixel.c
index cc6d7ff77..ad53c6f0c 100644
--- a/lib/pandagl/src/pixel.c
+++ b/lib/pandagl/src/pixel.c
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/src/pixel.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <math.h>
@@ -15,90 +15,93 @@
 
 unsigned pd_get_pixel_size(pd_color_type_t color_type)
 {
-	switch (color_type) {
-	case PD_COLOR_TYPE_INDEX8:
-	case PD_COLOR_TYPE_GRAY8:
-	case PD_COLOR_TYPE_RGB323:
-	case PD_COLOR_TYPE_ARGB2222:
-		return 1;
-	case PD_COLOR_TYPE_RGB555:
-	case PD_COLOR_TYPE_RGB565:
-		return 2;
-	case PD_COLOR_TYPE_RGB888:
-		return 3;
-	case PD_COLOR_TYPE_ARGB8888:
-	default:
-		break;
-	}
-	return 4;
+        switch (color_type) {
+        case PD_COLOR_TYPE_INDEX8:
+        case PD_COLOR_TYPE_GRAY8:
+        case PD_COLOR_TYPE_RGB323:
+        case PD_COLOR_TYPE_ARGB2222:
+                return 1;
+        case PD_COLOR_TYPE_RGB555:
+        case PD_COLOR_TYPE_RGB565:
+                return 2;
+        case PD_COLOR_TYPE_RGB888:
+                return 3;
+        case PD_COLOR_TYPE_ARGB8888:
+        default:
+                break;
+        }
+        return 4;
 }
 
 unsigned pd_get_pixel_row_size(pd_color_type_t color_type, size_t len)
 {
-	return (unsigned)(ceil(pd_get_pixel_size(color_type) * len / 4.0)) * 4;
+        return (unsigned)(ceil(pd_get_pixel_size(color_type) * len / 4.0)) * 4;
 }
 
 static void pd_format_pixels_argb2rgb(const pd_color_t *in_pixels,
-				      uint8_t *out_pixels, size_t count)
+                                      uint8_t *out_pixels, size_t count)
 {
-	const pd_color_t *p_px, *p_end_px;
-	uint8_t *p_out_byte;
+        const pd_color_t *p_px, *p_end_px;
+        uint8_t *p_out_byte;
 
-	p_px = in_pixels;
-	p_out_byte = out_pixels;
-	/* 遍历到倒数第二个像素为止 */
-	p_end_px = p_px + count - 1;
-	for (; p_px < p_end_px; ++p_px) {
-		*((pd_color_t*)p_out_byte) = *p_px;
-		p_out_byte += 3;
-	}
-	/* 最后一个像素，以逐个字节的形式写数据 */
-	*p_out_byte++ = p_px->blue;
-	*p_out_byte++ = p_px->green;
-	*p_out_byte++ = p_px->red;
+        p_px = in_pixels;
+        p_out_byte = out_pixels;
+        /* 遍历到倒数第二个像素为止 */
+        p_end_px = p_px + count - 1;
+        for (; p_px < p_end_px; ++p_px) {
+                *((pd_color_t *)p_out_byte) = *p_px;
+                p_out_byte += 3;
+        }
+        /* 最后一个像素，以逐个字节的形式写数据 */
+        *p_out_byte++ = p_px->blue;
+        *p_out_byte++ = p_px->green;
+        *p_out_byte++ = p_px->red;
 }
 
 static void pd_format_pixels_rgb2argb(const uint8_t *in_bytes,
-				      pd_color_t *out_pixels, size_t count)
+                                      pd_color_t *out_pixels, size_t count)
 {
-	pd_color_t *p_px, *p_end_px;
-	const uint8_t *p_in_byte;
+        pd_color_t *p_px, *p_end_px;
+        const uint8_t *p_in_byte;
 
-	p_in_byte = in_bytes;
-	p_px = (pd_color_t *)out_pixels;
-	p_end_px = p_px + count;
-	while (p_px < p_end_px) {
-		p_px->blue = *p_in_byte++;
-		p_px->green = *p_in_byte++;
-		p_px->red = *p_in_byte++;
-		p_px->alpha = 255;
-		++p_px;
-	}
+        p_in_byte = in_bytes;
+        p_px = (pd_color_t *)out_pixels;
+        p_end_px = p_px + count;
+        while (p_px < p_end_px) {
+                p_px->blue = *p_in_byte++;
+                p_px->green = *p_in_byte++;
+                p_px->red = *p_in_byte++;
+                p_px->alpha = 255;
+                ++p_px;
+        }
 }
 
 int pd_format_pixels(const uint8_t *in_pixels, pd_color_type_t in_color_type,
-		     uint8_t *out_pixels, pd_color_type_t out_color_type,
-		     size_t count)
+                     uint8_t *out_pixels, pd_color_type_t out_color_type,
+                     size_t count)
 {
-	if (in_color_type == out_color_type) {
-		memcpy(out_pixels, in_pixels, pd_get_pixel_row_size(in_color_type, count));
-		return 0;
-	}
-	switch (in_color_type) {
-	case PD_COLOR_TYPE_ARGB8888:
-		if (out_color_type == PD_COLOR_TYPE_RGB888) {
-			pd_format_pixels_argb2rgb((pd_color_t*)in_pixels, out_pixels, count);
-			return 0;
-		}
-		break;
-	case PD_COLOR_TYPE_RGB888:
-		if (out_color_type == PD_COLOR_TYPE_ARGB8888) {
-			pd_format_pixels_rgb2argb(in_pixels, (pd_color_t*)out_pixels, count);
-			return 0;
-		}
-		break;
-	default:
-		break;
-	}
-	return -1;
+        if (in_color_type == out_color_type) {
+                memcpy(out_pixels, in_pixels,
+                       pd_get_pixel_row_size(in_color_type, count));
+                return 0;
+        }
+        switch (in_color_type) {
+        case PD_COLOR_TYPE_ARGB8888:
+                if (out_color_type == PD_COLOR_TYPE_RGB888) {
+                        pd_format_pixels_argb2rgb((pd_color_t *)in_pixels,
+                                                  out_pixels, count);
+                        return 0;
+                }
+                break;
+        case PD_COLOR_TYPE_RGB888:
+                if (out_color_type == PD_COLOR_TYPE_ARGB8888) {
+                        pd_format_pixels_rgb2argb(
+                            in_pixels, (pd_color_t *)out_pixels, count);
+                        return 0;
+                }
+                break;
+        default:
+                break;
+        }
+        return -1;
 }
diff --git a/lib/pandagl/src/rect.c b/lib/pandagl/src/rect.c
index 8ee89740d..5e1b92f42 100644
--- a/lib/pandagl/src/rect.c
+++ b/lib/pandagl/src/rect.c
@@ -1,24 +1,18 @@
 /*
  * lib/pandagl/src/rect.c: -- Rectangle area handling
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
 #include <stdlib.h>
 #include <pandagl/rect.h>
 
-pd_rect_t pd_rect(int x, int y, int width, int height)
-{
-        pd_rect_t rect = { x, y, width, height };
-        return rect;
-}
-
 pd_rect_t pd_rect_crop(const pd_rect_t *rect, int container_width,
                        int container_height)
 {
@@ -42,8 +36,7 @@ pd_rect_t pd_rect_crop(const pd_rect_t *rect, int container_width,
         return cropped_rect;
 }
 
-bool pd_rect_correct(pd_rect_t *rect, int container_width,
-                          int container_height)
+bool pd_rect_correct(pd_rect_t *rect, int container_width, int container_height)
 {
         bool overflow = false;
 
@@ -101,7 +94,7 @@ bool pd_rect_is_cover(const pd_rect_t *a, const pd_rect_t *b)
 }
 
 bool pd_rect_overlap(const pd_rect_t *a, const pd_rect_t *b,
-                          pd_rect_t *overlapping_rect)
+                     pd_rect_t *overlapping_rect)
 {
         if (a->x > b->x) {
                 if (b->x + b->width > a->x + a->width) {
diff --git a/lib/pandagl/src/text/style.c b/lib/pandagl/src/text/style.c
index 6208cbe84..ec7452e30 100644
--- a/lib/pandagl/src/text/style.c
+++ b/lib/pandagl/src/text/style.c
@@ -1,12 +1,12 @@
 /*
  * lib/pandagl/src/text/style.c: -- text style processing module.
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <string.h>
@@ -16,161 +16,156 @@
 
 void pd_text_style_init(pd_text_style_t *data)
 {
-	data->has_style = false;
-	data->has_weight = false;
-	data->has_family = false;
-	data->has_pixel_size = false;
-	data->has_back_color = false;
-	data->has_fore_color = false;
-	data->font_ids = NULL;
-	data->style = PD_FONT_STYLE_NORMAL;
-	data->weight = PD_FONT_WEIGHT_NORMAL;
-	data->fore_color.value = 0xff333333;
-	data->back_color.value = 0xffffffff;
-	data->pixel_size = 13;
+        data->has_style = false;
+        data->has_weight = false;
+        data->has_family = false;
+        data->has_pixel_size = false;
+        data->has_back_color = false;
+        data->has_fore_color = false;
+        data->font_ids = NULL;
+        data->style = PD_FONT_STYLE_NORMAL;
+        data->weight = PD_FONT_WEIGHT_NORMAL;
+        data->fore_color.value = 0xff333333;
+        data->back_color.value = 0xffffffff;
+        data->pixel_size = 13;
 }
 
 int pd_text_style_copy_family(pd_text_style_t *dst, pd_text_style_t *src)
 {
-	size_t len;
+        size_t len;
 
-	if (!src->font_ids) {
-		return 0;
-	}
-	for (len = 0; src->font_ids[len]; ++len)
-		;
-	len += 1;
-	if (dst->font_ids) {
-		free(dst->font_ids);
-	}
-	dst->font_ids = malloc(len * sizeof(int));
-	if (!dst->font_ids) {
-		return -ENOMEM;
-	}
-	dst->has_family = true;
-	memcpy(dst->font_ids, src->font_ids, len * sizeof(int));
-	return 0;
+        if (!src->font_ids) {
+                return 0;
+        }
+        for (len = 0; src->font_ids[len]; ++len);
+        len += 1;
+        if (dst->font_ids) {
+                free(dst->font_ids);
+        }
+        dst->font_ids = malloc(len * sizeof(int));
+        if (!dst->font_ids) {
+                return -ENOMEM;
+        }
+        dst->has_family = true;
+        memcpy(dst->font_ids, src->font_ids, len * sizeof(int));
+        return 0;
 }
 
 int pd_text_style_copy(pd_text_style_t *dst, pd_text_style_t *src)
 {
-	*dst = *src;
-	dst->font_ids = NULL;
-	return pd_text_style_copy_family(dst, src);
+        *dst = *src;
+        dst->font_ids = NULL;
+        return pd_text_style_copy_family(dst, src);
 }
 
 void pd_text_style_destroy(pd_text_style_t *data)
 {
-	if (data->font_ids) {
-		free(data->font_ids);
-	}
-	data->font_ids = NULL;
+        if (data->font_ids) {
+                free(data->font_ids);
+        }
+        data->font_ids = NULL;
 }
 
 void pd_text_style_merge(pd_text_style_t *base, pd_text_style_t *target)
 {
-	int *font_ids = NULL;
-	base->has_family = true;
-	pd_text_style_copy_family(base, target);
-	if (target->has_style && !base->has_style &&
-	    target->style != PD_FONT_STYLE_NORMAL) {
-		base->has_style = true;
-		base->style = target->style;
-	}
-	if (pd_font_library_update_font_style(base->font_ids, base->style,
-					      &font_ids) > 0) {
-		free(base->font_ids);
-		base->font_ids = font_ids;
-	}
-	if (target->has_weight && !base->has_weight &&
-	    target->weight != PD_FONT_WEIGHT_NORMAL) {
-		base->has_weight = true;
-		base->weight = target->weight;
-	}
-	if (pd_font_library_update_font_weight(base->font_ids, base->weight,
-					       &font_ids) > 0) {
-		free(base->font_ids);
-		base->font_ids = font_ids;
-	}
+        int *font_ids = NULL;
+        base->has_family = true;
+        pd_text_style_copy_family(base, target);
+        if (target->has_style && !base->has_style &&
+            target->style != PD_FONT_STYLE_NORMAL) {
+                base->has_style = true;
+                base->style = target->style;
+        }
+        if (pd_font_replace_style(base->font_ids, base->style, &font_ids) > 0) {
+                free(base->font_ids);
+                base->font_ids = font_ids;
+        }
+        if (target->has_weight && !base->has_weight &&
+            target->weight != PD_FONT_WEIGHT_NORMAL) {
+                base->has_weight = true;
+                base->weight = target->weight;
+        }
+        if (pd_font_replace_weight(base->font_ids, base->weight, &font_ids) >
+            0) {
+                free(base->font_ids);
+                base->font_ids = font_ids;
+        }
 }
 
 void pd_text_style_set_size(pd_text_style_t *ts, int pixel_size)
 {
-	ts->pixel_size = pixel_size;
-	ts->has_pixel_size = true;
+        ts->pixel_size = pixel_size;
+        ts->has_pixel_size = true;
 }
 
 void pd_text_style_set_fore_color(pd_text_style_t *ts, pd_color_t color)
 {
-	ts->fore_color = color;
-	ts->has_fore_color = true;
+        ts->fore_color = color;
+        ts->has_fore_color = true;
 }
 
 void pd_text_style_set_back_color(pd_text_style_t *ts, pd_color_t color)
 {
-	ts->back_color = color;
-	ts->has_back_color = true;
+        ts->back_color = color;
+        ts->has_back_color = true;
 }
 
 int pd_text_style_set_weight(pd_text_style_t *ts, pd_font_weight_t weight)
 {
-	int *font_ids;
-	ts->weight = weight;
-	ts->has_weight = true;
-	if (pd_font_library_update_font_weight(ts->font_ids, weight,
-					       &font_ids) > 0) {
-		free(ts->font_ids);
-		ts->font_ids = font_ids;
-		return 0;
-	}
-	return -1;
+        int *font_ids;
+        ts->weight = weight;
+        ts->has_weight = true;
+        if (pd_font_replace_weight(ts->font_ids, weight, &font_ids) > 0) {
+                free(ts->font_ids);
+                ts->font_ids = font_ids;
+                return 0;
+        }
+        return -1;
 }
 
 int pd_text_style_set_style(pd_text_style_t *ts, pd_font_style_t style)
 {
-	int *font_ids;
-	ts->style = style;
-	ts->has_style = true;
-	if (pd_font_library_update_font_style(ts->font_ids, style, &font_ids) >
-	    0) {
-		free(ts->font_ids);
-		ts->font_ids = font_ids;
-		return 0;
-	}
-	return -1;
+        int *font_ids;
+        ts->style = style;
+        ts->has_style = true;
+        if (pd_font_replace_style(ts->font_ids, style, &font_ids) > 0) {
+                free(ts->font_ids);
+                ts->font_ids = font_ids;
+                return 0;
+        }
+        return -1;
 }
 
 int pd_text_style_set_font(pd_text_style_t *ts, const char *const *names)
 {
-	size_t count;
+        size_t count;
 
-	if (ts->has_family && ts->font_ids) {
-		free(ts->font_ids);
-	}
-	ts->font_ids = NULL;
-	ts->has_family = false;
-	count =
-	    pd_font_library_query(&ts->font_ids, ts->style, ts->weight, names);
-	if (count > 0) {
-		ts->has_family = true;
-		return 0;
-	}
-	return -1;
+        if (ts->has_family && ts->font_ids) {
+                free(ts->font_ids);
+        }
+        ts->font_ids = NULL;
+        ts->has_family = false;
+        count = pd_font_query(&ts->font_ids, ts->style, ts->weight, names);
+        if (count > 0) {
+                ts->has_family = true;
+                return 0;
+        }
+        return -1;
 }
 
 int pd_text_style_set_default_font(pd_text_style_t *ts)
 {
-	if (ts->has_family && ts->font_ids) {
-		free(ts->font_ids);
-		ts->has_family = false;
-	}
-	ts->font_ids = malloc(sizeof(int) * 2);
-	if (!ts->font_ids) {
-		ts->font_ids = NULL;
-		return -ENOMEM;
-	}
-	ts->has_family = true;
-	ts->font_ids[0] = pd_font_library_get_default_font();
-	ts->font_ids[1] = 0;
-	return 0;
+        if (ts->has_family && ts->font_ids) {
+                free(ts->font_ids);
+                ts->has_family = false;
+        }
+        ts->font_ids = malloc(sizeof(int) * 2);
+        if (!ts->font_ids) {
+                ts->font_ids = NULL;
+                return -ENOMEM;
+        }
+        ts->has_family = true;
+        ts->font_ids[0] = pd_font_get_default();
+        ts->font_ids[1] = 0;
+        return 0;
 }
diff --git a/lib/pandagl/src/text/style_tag.c b/lib/pandagl/src/text/style_tag.c
index 21f884c80..d32dd1e8a 100644
--- a/lib/pandagl/src/text/style_tag.c
+++ b/lib/pandagl/src/text/style_tag.c
@@ -1,398 +1,398 @@
 /*
  * lib/pandagl/src/text/style_tag.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <pandagl.h>
 #include <stdio.h>
 
 typedef enum pd_text_style_type_t {
-	PD_TEXT_STYLE_TYPE_STYLE,
-	PD_TEXT_STYLE_TYPE_BOLD,
-	PD_TEXT_STYLE_TYPE_ITALIC,
-	PD_TEXT_STYLE_TYPE_SIZE,
-	PD_TEXT_STYLE_TYPE_COLOR,
-	PD_TEXT_STYLE_TYPE_BG_COLOR,
-	PD_TEXT_STYLE_TYPE_TOTAL_NUM
+        PD_TEXT_STYLE_TYPE_STYLE,
+        PD_TEXT_STYLE_TYPE_BOLD,
+        PD_TEXT_STYLE_TYPE_ITALIC,
+        PD_TEXT_STYLE_TYPE_SIZE,
+        PD_TEXT_STYLE_TYPE_COLOR,
+        PD_TEXT_STYLE_TYPE_BG_COLOR,
+        PD_TEXT_STYLE_TYPE_TOTAL_NUM
 } pd_text_style_type_t;
 
 typedef struct pd_style_tag {
-	pd_text_style_type_t id;
-	union {
-		pd_color_t color;
-		int number;
-	} data;
+        pd_text_style_type_t id;
+        union {
+                pd_color_t color;
+                int number;
+        } data;
 } pd_style_tag_t;
 
 void pd_style_tags_clear(list_t *tags)
 {
-	list_destroy(tags, free);
+        list_destroy(tags, free);
 }
 
 /** 获取当前的文本样式 */
 pd_text_style_t *pd_style_tags_get_text_style(list_t *tags)
 {
-	int count = 0;
-	list_node_t *node;
-	pd_style_tag_t *tag;
-	pd_text_style_t *style;
-	bool found_tags[PD_TEXT_STYLE_TYPE_TOTAL_NUM] = { 0 };
+        int count = 0;
+        list_node_t *node;
+        pd_style_tag_t *tag;
+        pd_text_style_t *style;
+        bool found_tags[PD_TEXT_STYLE_TYPE_TOTAL_NUM] = { 0 };
 
-	if (tags->length <= 0) {
-		return NULL;
-	}
-	style = malloc(sizeof(pd_text_style_t));
-	pd_text_style_init(style);
-	/* 根据已经记录的各种样式，生成当前应有的文本样式 */
-	for (list_each_reverse(node, tags)) {
-		tag = node->data;
-		switch (tag->id) {
-		case PD_TEXT_STYLE_TYPE_COLOR:
-			if (found_tags[tag->id]) {
-				break;
-			}
-			style->has_fore_color = true;
-			style->fore_color = tag->data.color;
-			found_tags[tag->id] = true;
-			++count;
-			break;
-		case PD_TEXT_STYLE_TYPE_BG_COLOR:
-			if (found_tags[tag->id]) {
-				break;
-			}
-			style->has_back_color = true;
-			style->back_color = tag->data.color;
-			found_tags[tag->id] = true;
-			++count;
-			break;
-		case PD_TEXT_STYLE_TYPE_BOLD:
-			if (found_tags[tag->id]) {
-				break;
-			}
-			found_tags[tag->id] = true;
-			pd_text_style_set_weight(style, PD_FONT_WEIGHT_BOLD);
-			++count;
-			break;
-		case PD_TEXT_STYLE_TYPE_ITALIC:
-			if (found_tags[tag->id]) {
-				break;
-			}
-			found_tags[tag->id] = true;
-			pd_text_style_set_style(style, PD_FONT_STYLE_ITALIC);
-			++count;
-			break;
-		case PD_TEXT_STYLE_TYPE_SIZE:
-			if (found_tags[tag->id]) {
-				break;
-			}
-			style->has_pixel_size = true;
-			style->pixel_size = tag->data.number;
-			found_tags[tag->id] = true;
-			++count;
-			break;
-		default:
-			break;
-		}
-		if (count == 4) {
-			break;
-		}
-	}
-	if (count == 0) {
-		free(style);
-		return NULL;
-	}
-	return style;
+        if (tags->length <= 0) {
+                return NULL;
+        }
+        style = malloc(sizeof(pd_text_style_t));
+        pd_text_style_init(style);
+        /* 根据已经记录的各种样式，生成当前应有的文本样式 */
+        for (list_each(node, tags)) {
+                tag = node->data;
+                switch (tag->id) {
+                case PD_TEXT_STYLE_TYPE_COLOR:
+                        if (found_tags[tag->id]) {
+                                break;
+                        }
+                        style->has_fore_color = true;
+                        style->fore_color = tag->data.color;
+                        found_tags[tag->id] = true;
+                        ++count;
+                        break;
+                case PD_TEXT_STYLE_TYPE_BG_COLOR:
+                        if (found_tags[tag->id]) {
+                                break;
+                        }
+                        style->has_back_color = true;
+                        style->back_color = tag->data.color;
+                        found_tags[tag->id] = true;
+                        ++count;
+                        break;
+                case PD_TEXT_STYLE_TYPE_BOLD:
+                        if (found_tags[tag->id]) {
+                                break;
+                        }
+                        found_tags[tag->id] = true;
+                        pd_text_style_set_weight(style, PD_FONT_WEIGHT_BOLD);
+                        ++count;
+                        break;
+                case PD_TEXT_STYLE_TYPE_ITALIC:
+                        if (found_tags[tag->id]) {
+                                break;
+                        }
+                        found_tags[tag->id] = true;
+                        pd_text_style_set_style(style, PD_FONT_STYLE_ITALIC);
+                        ++count;
+                        break;
+                case PD_TEXT_STYLE_TYPE_SIZE:
+                        if (found_tags[tag->id]) {
+                                break;
+                        }
+                        style->has_pixel_size = true;
+                        style->pixel_size = tag->data.number;
+                        found_tags[tag->id] = true;
+                        ++count;
+                        break;
+                default:
+                        break;
+                }
+                if (count == 4) {
+                        break;
+                }
+        }
+        if (count == 0) {
+                free(style);
+                return NULL;
+        }
+        return style;
 }
 
-/** 将指定标签的样式数据从队列中删除，只删除队列尾部第一个匹配的标签 */
+/** 将指定标签的样式数据从队列中删除，只删除队列头部第一个匹配的标签 */
 static void pd_style_tags_remove(list_t *tags, int id)
 {
-	pd_style_tag_t *tag;
-	list_node_t *node;
+        pd_style_tag_t *tag;
+        list_node_t *node;
 
-	if (tags->length <= 0) {
-		return;
-	}
-	for (list_each(node, tags)) {
-		tag = node->data;
-		if (tag->id == id) {
-			free(tag);
-			list_delete_node(tags, node);
-			break;
-		}
-	}
+        if (tags->length <= 0) {
+                return;
+        }
+        for (list_each(node, tags)) {
+                tag = node->data;
+                if (tag->id == id) {
+                        free(tag);
+                        list_delete_node(tags, node);
+                        break;
+                }
+        }
 }
 
 /** 在字符串中获取样式的结束标签，输出的是标签名 */
 const wchar_t *pd_scan_style_close_tag(const wchar_t *wstr, wchar_t *name)
 {
-	size_t i, j, len;
+        size_t i, j, len;
 
-	len = wcslen(wstr);
-	if (wstr[0] != '[' || wstr[1] != '/') {
-		return NULL;
-	}
-	/* 匹配标签,获取标签名 */
-	for (j = 0, i = 2; i < len; ++i) {
-		switch (wstr[i]) {
-		case ' ':
-			break;
-		case ']':
-			++i;
-			goto end_tag_search;
-		default:
-			if (name) {
-				name[j] = wstr[i];
-			}
-			++j;
-			break;
-		}
-	}
+        len = wcslen(wstr);
+        if (wstr[0] != '[' || wstr[1] != '/') {
+                return NULL;
+        }
+        /* 匹配标签,获取标签名 */
+        for (j = 0, i = 2; i < len; ++i) {
+                switch (wstr[i]) {
+                case ' ':
+                        break;
+                case ']':
+                        ++i;
+                        goto end_tag_search;
+                default:
+                        if (name) {
+                                name[j] = wstr[i];
+                        }
+                        ++j;
+                        break;
+                }
+        }
 
 end_tag_search:;
-	if (name) {
-		name[j] = 0;
-	}
-	if (j < 1) {
-		return NULL;
-	}
-	return wstr + i;
+        if (name) {
+                name[j] = 0;
+        }
+        if (j < 1) {
+                return NULL;
+        }
+        return wstr + i;
 }
 
 /** 从字符串中获取样式标签的名字及样式属性 */
 const wchar_t *pd_scan_style_open_tag(const wchar_t *wstr, wchar_t *name,
-				      int max_name_len, wchar_t *data)
+                                      int max_name_len, wchar_t *data)
 {
-	size_t i, j, len;
-	bool end_name = false;
+        size_t i, j, len;
+        bool end_name = false;
 
-	len = wcslen(wstr);
-	if (wstr[0] != '<') {
-		return NULL;
-	}
-	/* 匹配标签前半部分 */
-	for (j = 0, i = 1; i < len; ++i) {
-		if (wstr[i] == ' ') {
-			/* 如果上个字符不是空格，说明标签名已经结束 */
-			if (i > 0 && wstr[i - 1] != ' ') {
-				end_name = true;
-			}
-			/* 标签名首部和尾部可包含空格 */
-			if (j == 0 || max_name_len == 0 ||
-			    (max_name_len > 0 && end_name)) {
-				continue;
-			}
-			/* 标签名中间不能包含空格 */
-			return NULL;
-		}
-		/* 如果标签名部分已经匹配完 */
-		if (wstr[i] == '=') {
-			++i;
-			break;
-		}
-		/* 如果标签名已经结束了 */
-		if (end_name) {
-			return NULL;
-		}
-		if (max_name_len > 0 && data) {
-			name[j] = wstr[i];
-		}
-		++j;
-	}
+        len = wcslen(wstr);
+        if (wstr[0] != '<') {
+                return NULL;
+        }
+        /* 匹配标签前半部分 */
+        for (j = 0, i = 1; i < len; ++i) {
+                if (wstr[i] == ' ') {
+                        /* 如果上个字符不是空格，说明标签名已经结束 */
+                        if (i > 0 && wstr[i - 1] != ' ') {
+                                end_name = true;
+                        }
+                        /* 标签名首部和尾部可包含空格 */
+                        if (j == 0 || max_name_len == 0 ||
+                            (max_name_len > 0 && end_name)) {
+                                continue;
+                        }
+                        /* 标签名中间不能包含空格 */
+                        return NULL;
+                }
+                /* 如果标签名部分已经匹配完 */
+                if (wstr[i] == '=') {
+                        ++i;
+                        break;
+                }
+                /* 如果标签名已经结束了 */
+                if (end_name) {
+                        return NULL;
+                }
+                if (max_name_len > 0 && data) {
+                        name[j] = wstr[i];
+                }
+                ++j;
+        }
 
-	if (data) {
-		name[j] = 0;
-	}
-	/* 获取标签后半部分 */
-	for (j = 0; i < len; ++i) {
-		if (wstr[i] == ' ') {
-			continue;
-		}
-		/* 标签结束，退出 */
-		if (wstr[i] == '>') {
-			++i;
-			break;
-		}
-		if (data) {
-			/* 保存标签内的数据 */
-			data[j] = wstr[i];
-		}
-		++j;
-	}
-	if (data) {
-		data[j] = 0;
-	}
-	if (i >= len) {
-		return NULL;
-	}
-	return wstr + i;
+        if (data) {
+                name[j] = 0;
+        }
+        /* 获取标签后半部分 */
+        for (j = 0; i < len; ++i) {
+                if (wstr[i] == ' ') {
+                        continue;
+                }
+                /* 标签结束，退出 */
+                if (wstr[i] == '>') {
+                        ++i;
+                        break;
+                }
+                if (data) {
+                        /* 保存标签内的数据 */
+                        data[j] = wstr[i];
+                }
+                ++j;
+        }
+        if (data) {
+                data[j] = 0;
+        }
+        if (i >= len) {
+                return NULL;
+        }
+        return wstr + i;
 }
 
 /** 在字符串中获取指定样式标签中的数据 */
 static const wchar_t *pd_scan_style_tag_by_name(const wchar_t *wstr,
-						const wchar_t *name, char *data)
+                                                const wchar_t *name, char *data)
 {
-	size_t i, j, len, tag_len;
+        size_t i, j, len, tag_len;
 
-	len = wcslen(wstr);
-	tag_len = wcslen(name);
-	if (wstr[0] != '[') {
-		return NULL;
-	}
-	/* 匹配标签前半部分 */
-	for (j = 0, i = 1; i < len; ++i) {
-		if (wstr[i] == ' ') {
-			if (j == 0 || j >= tag_len) {
-				continue;
-			}
-			return NULL;
-		}
-		if (j < tag_len) {
-			if (wstr[i] == name[j]) {
-				++j;
-				continue;
-			}
-		} else if (wstr[i] == '=') {
-			++i;
-			break;
-		} else if (wstr[i] == ']') {
-			break;
-		}
-		return NULL;
-	}
-	/* 获取标签后半部分 */
-	for (j = 0; i < len; ++i) {
-		if (wstr[i] == ' ') {
-			continue;
-		}
-		/* 标签结束，退出 */
-		if (wstr[i] == ']') {
-			++i;
-			break;
-		}
-		/* 保存标签内的数据 */
-		data[j] = (char)wstr[i];
-		++j;
-	}
-	data[j] = 0;
-	if (i >= len) {
-		return NULL;
-	}
-	return wstr + i;
+        len = wcslen(wstr);
+        tag_len = wcslen(name);
+        if (wstr[0] != '[') {
+                return NULL;
+        }
+        /* 匹配标签前半部分 */
+        for (j = 0, i = 1; i < len; ++i) {
+                if (wstr[i] == ' ') {
+                        if (j == 0 || j >= tag_len) {
+                                continue;
+                        }
+                        return NULL;
+                }
+                if (j < tag_len) {
+                        if (wstr[i] == name[j]) {
+                                ++j;
+                                continue;
+                        }
+                } else if (wstr[i] == '=') {
+                        ++i;
+                        break;
+                } else if (wstr[i] == ']') {
+                        break;
+                }
+                return NULL;
+        }
+        /* 获取标签后半部分 */
+        for (j = 0; i < len; ++i) {
+                if (wstr[i] == ' ') {
+                        continue;
+                }
+                /* 标签结束，退出 */
+                if (wstr[i] == ']') {
+                        ++i;
+                        break;
+                }
+                /* 保存标签内的数据 */
+                data[j] = (char)wstr[i];
+                ++j;
+        }
+        data[j] = 0;
+        if (i >= len) {
+                return NULL;
+        }
+        return wstr + i;
 }
 
 static bool pd_parse_color(const char *str, pd_color_t *value)
 {
-	size_t len = strlen(str);
-	int r, g, b;
+        size_t len = strlen(str);
+        int r, g, b;
 
-	if (str[0] != '#') {
-		return false;
-	}
-	if (len == 4) {
-		len = sscanf(str, "#%1X%1X%1X", &r, &g, &b);
-		r *= 255 / 0xf;
-		g *= 255 / 0xf;
-		b *= 255 / 0xf;
-	} else if (len == 7) {
-		len = sscanf(str, "#%2X%2X%2X", &r, &g, &b);
-	} else {
-		return false;
-	}
-	if (len == 3) {
-		value->r = r;
-		value->g = g;
-		value->b = b;
-		value->a = 255;
-		return true;
-	}
-	return false;
+        if (str[0] != '#') {
+                return false;
+        }
+        if (len == 4) {
+                len = sscanf(str, "#%1X%1X%1X", &r, &g, &b);
+                r *= 255 / 0xf;
+                g *= 255 / 0xf;
+                b *= 255 / 0xf;
+        } else if (len == 7) {
+                len = sscanf(str, "#%2X%2X%2X", &r, &g, &b);
+        } else {
+                return false;
+        }
+        if (len == 3) {
+                value->r = r;
+                value->g = g;
+                value->b = b;
+                value->a = 255;
+                return true;
+        }
+        return false;
 }
 
 /** 根据字符串中的标签得到相应的样式数据，并返回指向标签后面字符的指针 */
 static const wchar_t *pd_scan_style_tag_by_name_data(const wchar_t *wstr,
-						     pd_style_tag_t *tag)
+                                                     pd_style_tag_t *tag)
 {
-	const wchar_t *p, *q;
-	char tag_data[256];
+        const wchar_t *p, *q;
+        char tag_data[256];
 
-	p = wstr;
-	if ((q = pd_scan_style_tag_by_name(p, L"color", tag_data))) {
-		if (!pd_parse_color(tag_data, &tag->data.color)) {
-			return NULL;
-		}
-		tag->id = PD_TEXT_STYLE_TYPE_COLOR;
-		return q;
-	}
-	if ((q = pd_scan_style_tag_by_name(p, L"bgcolor", tag_data))) {
-		if (pd_parse_color(tag_data, &tag->data.color) != 1) {
-			return NULL;
-		}
-		tag->id = PD_TEXT_STYLE_TYPE_BG_COLOR;
-		return q;
-	}
-	if ((q = pd_scan_style_tag_by_name(p, L"size", tag_data))) {
-		if (sscanf(tag_data, "%d", &tag->data.number) != 1) {
-			return NULL;
-		}
-		tag->id = PD_TEXT_STYLE_TYPE_SIZE;
-		return q;
-	}
-	if ((q = pd_scan_style_tag_by_name(p, L"b", tag_data))) {
-		tag->id = PD_TEXT_STYLE_TYPE_BOLD;
-		return q;
-	}
-	if ((q = pd_scan_style_tag_by_name(p, L"i", tag_data))) {
-		tag->id = PD_TEXT_STYLE_TYPE_ITALIC;
-		return q;
-	}
-	return NULL;
+        p = wstr;
+        if ((q = pd_scan_style_tag_by_name(p, L"color", tag_data))) {
+                if (!pd_parse_color(tag_data, &tag->data.color)) {
+                        return NULL;
+                }
+                tag->id = PD_TEXT_STYLE_TYPE_COLOR;
+                return q;
+        }
+        if ((q = pd_scan_style_tag_by_name(p, L"bgcolor", tag_data))) {
+                if (pd_parse_color(tag_data, &tag->data.color) != 1) {
+                        return NULL;
+                }
+                tag->id = PD_TEXT_STYLE_TYPE_BG_COLOR;
+                return q;
+        }
+        if ((q = pd_scan_style_tag_by_name(p, L"size", tag_data))) {
+                if (sscanf(tag_data, "%d", &tag->data.number) != 1) {
+                        return NULL;
+                }
+                tag->id = PD_TEXT_STYLE_TYPE_SIZE;
+                return q;
+        }
+        if ((q = pd_scan_style_tag_by_name(p, L"b", tag_data))) {
+                tag->id = PD_TEXT_STYLE_TYPE_BOLD;
+                return q;
+        }
+        if ((q = pd_scan_style_tag_by_name(p, L"i", tag_data))) {
+                tag->id = PD_TEXT_STYLE_TYPE_ITALIC;
+                return q;
+        }
+        return NULL;
 }
 
 const wchar_t *pd_style_tags_next_open_tag(list_t *tags, const wchar_t *str)
 {
-	const wchar_t *q;
-	pd_style_tag_t *tag;
+        const wchar_t *q;
+        pd_style_tag_t *tag;
 
-	tag = malloc(sizeof(pd_style_tag_t));
-	q = pd_scan_style_tag_by_name_data(str, tag);
-	if (q) {
-		/* 将标签样式数据加入队列 */
-		list_insert(tags, 0, tag);
-	} else {
-		free(tag);
-	}
-	return q;
+        tag = malloc(sizeof(pd_style_tag_t));
+        q = pd_scan_style_tag_by_name_data(str, tag);
+        if (q) {
+                /* 将标签样式数据加入队列 */
+                list_insert(tags, 0, tag);
+        } else {
+                free(tag);
+        }
+        return q;
 }
 
 const wchar_t *pd_style_tags_next_close_tag(list_t *tags, const wchar_t *str)
 {
-	const wchar_t *p;
-	wchar_t tagname[256];
-	/* 获取标签名 */
-	p = pd_scan_style_close_tag(str, tagname);
-	if (!p) {
-		return NULL;
-	}
-	/* 删除相应的样式标签 */
-	if (wcscmp(tagname, L"color") == 0) {
-		pd_style_tags_remove(tags, PD_TEXT_STYLE_TYPE_COLOR);
-	} else if (wcscmp(tagname, L"bgcolor") == 0) {
-		pd_style_tags_remove(tags, PD_TEXT_STYLE_TYPE_BG_COLOR);
-	} else if (wcscmp(tagname, L"size") == 0) {
-		pd_style_tags_remove(tags, PD_TEXT_STYLE_TYPE_SIZE);
-	} else if (wcscmp(tagname, L"b") == 0) {
-		pd_style_tags_remove(tags, PD_TEXT_STYLE_TYPE_BOLD);
-	} else if (wcscmp(tagname, L"i") == 0) {
-		pd_style_tags_remove(tags, PD_TEXT_STYLE_TYPE_ITALIC);
-	} else {
-		return NULL;
-	}
-	return p;
+        const wchar_t *p;
+        wchar_t tagname[256];
+        /* 获取标签名 */
+        p = pd_scan_style_close_tag(str, tagname);
+        if (!p) {
+                return NULL;
+        }
+        /* 删除相应的样式标签 */
+        if (wcscmp(tagname, L"color") == 0) {
+                pd_style_tags_remove(tags, PD_TEXT_STYLE_TYPE_COLOR);
+        } else if (wcscmp(tagname, L"bgcolor") == 0) {
+                pd_style_tags_remove(tags, PD_TEXT_STYLE_TYPE_BG_COLOR);
+        } else if (wcscmp(tagname, L"size") == 0) {
+                pd_style_tags_remove(tags, PD_TEXT_STYLE_TYPE_SIZE);
+        } else if (wcscmp(tagname, L"b") == 0) {
+                pd_style_tags_remove(tags, PD_TEXT_STYLE_TYPE_BOLD);
+        } else if (wcscmp(tagname, L"i") == 0) {
+                pd_style_tags_remove(tags, PD_TEXT_STYLE_TYPE_ITALIC);
+        } else {
+                return NULL;
+        }
+        return p;
 }
diff --git a/lib/pandagl/src/text/text.c b/lib/pandagl/src/text/text.c
index a51949e29..45ed32846 100644
--- a/lib/pandagl/src/text/text.c
+++ b/lib/pandagl/src/text/text.c
@@ -1,29 +1,28 @@
 /*
  * lib/pandagl/src/text/text.c
  *
- * Copyright (c) 2018-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2018-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdlib.h>
-#include <wctype.h>
-#include <pandagl.h>
+#include <string.h>
 #include <math.h>
-
-typedef enum { PD_TEXT_ACTION_INSERT, PD_TEXT_ACTION_APPEND } pd_text_action_t;
+#include <pandagl.h>
+#include "text_internal.h"
 
 #define DEFAULT_LINE_HEIGHT 1.42857143
-#define isalpha(ch) (ch >= 'a' && ch <= 'z') || (ch >= 'a' && ch <= 'z')
 
 static void pd_text_line_init(pd_text_line_t *line)
 {
         line->width = 0;
         line->height = 0;
         line->length = 0;
+        line->baseline_y = 0;
         line->string = NULL;
         line->eol = PD_TEXT_EOL_NONE;
 }
@@ -45,7 +44,7 @@ static void pd_text_line_destroy(pd_text_line_t *line)
         line->string = NULL;
 }
 
-static pd_text_line_t *pd_text_insert_line(pd_text_t *text, size_t line_num)
+pd_text_line_t *pd_text_insert_line(pd_text_t *text, size_t line_num)
 {
         size_t i, size;
         pd_text_line_t *line, **lines;
@@ -75,7 +74,7 @@ static pd_text_line_t *pd_text_insert_line(pd_text_t *text, size_t line_num)
         return line;
 }
 
-static int pd_text_delete_line(pd_text_t *text, int line_num)
+int pd_text_delete_line(pd_text_t *text, int line_num)
 {
         if (line_num < 0 || line_num >= text->lines_length) {
                 return -1;
@@ -90,20 +89,21 @@ static int pd_text_delete_line(pd_text_t *text, int line_num)
         return 0;
 }
 
-PD_INLINE pd_text_line_t *pd_text_append_line(pd_text_t *text)
+pd_text_line_t *pd_text_append_line(pd_text_t *text)
 {
         return pd_text_insert_line(text, text->lines_length);
 }
 
-PD_INLINE pd_text_line_t *pd_text_get_line(pd_text_t *text, int line_num)
+pd_text_line_t *pd_text_get_line(pd_text_t *text, int line_num)
 {
         return (line_num >= text->lines_length) ? NULL : text->lines[line_num];
 }
 
-static void pd_text_update_line_size(pd_text_t *text, pd_text_line_t *line)
+void pd_text_update_line_size(pd_text_t *text, pd_text_line_t *line)
 {
         int i;
         int text_height = text->default_style.pixel_size;
+        int max_asc = 0, max_desc = 0;
         pd_char_t *ch;
 
         line->width = 0;
@@ -116,16 +116,30 @@ static void pd_text_update_line_size(pd_text_t *text, pd_text_line_t *line)
                 if (text_height < ch->bitmap->metrics.vert_advance) {
                         text_height = ch->bitmap->metrics.vert_advance;
                 }
+                int ascender = ch->bitmap->metrics.ascender;
+                int descender = ch->bitmap->metrics.bbox_height - ascender;
+                if (descender < 0) {
+                        descender = 0;
+                }
+                if (max_asc < ascender) {
+                        max_asc = ascender;
+                }
+                if (max_desc < descender) {
+                        max_desc = descender;
+                }
         }
         if (text->line_height > 0) {
                 line->height = text->line_height;
         } else {
                 line->height = (int)round(text_height * DEFAULT_LINE_HEIGHT);
         }
+        line->baseline_y = (line->height + max_asc - max_desc) / 2;
 }
 
-static int pd_text_line_set_length(pd_text_line_t *line, int len)
+int pd_text_line_set_length(pd_text_line_t *line, int len)
 {
+        int i;
+        int old_len = line->length;
         pd_char_t **txtstr;
 
         if (len < 0) {
@@ -135,14 +149,53 @@ static int pd_text_line_set_length(pd_text_line_t *line, int len)
         if (!txtstr) {
                 return -1;
         }
+        /* 清零新增槽位，防止遗留指针被误用或重复释放 */
+        for (i = old_len; i < len; ++i) {
+                txtstr[i] = NULL;
+        }
         txtstr[len] = NULL;
         line->string = txtstr;
         line->length = len;
         return 0;
 }
 
-static int pd_text_line_insert(pd_text_line_t *line, int offset,
-                               pd_char_t *txtchar)
+/* 释放并清空指定区间 [start, end) 内的字符槽位 */
+void pd_text_line_erase(pd_text_line_t *line, int start, int end)
+{
+        int i;
+
+        if (start < 0) {
+                start = 0;
+        }
+        if (end > line->length) {
+                end = line->length;
+        }
+        for (i = start; i < end; ++i) {
+                if (line->string[i]) {
+                        free(line->string[i]);
+                        line->string[i] = NULL;
+                }
+        }
+}
+
+/* 将 src 行 [src_start, src_end) 的字符所有权转移到 dst 行的 dst_start
+ * 起始位置。 转移后 src 对应槽位被置 NULL，防止 delete_line 时被重复释放。
+ * 调用者负责保证 dst 已有足够容量。 */
+void pd_text_line_move(pd_text_line_t *dst, int dst_start, pd_text_line_t *src,
+                       int src_start, int src_end)
+{
+        int i, j;
+
+        if (src_end > src->length) {
+                src_end = src->length;
+        }
+        for (i = dst_start, j = src_start; j < src_end; ++i, ++j) {
+                dst->string[i] = src->string[j];
+                src->string[j] = NULL;
+        }
+}
+
+int pd_text_line_insert(pd_text_line_t *line, int offset, pd_char_t *txtchar)
 {
         size_t i, insert_index;
 
@@ -164,8 +217,8 @@ static int pd_text_line_insert(pd_text_line_t *line, int offset,
         return 0;
 }
 
-static int pd_text_line_insert_copy(pd_text_line_t *line, int ins_pos,
-                                    pd_char_t *txtchar)
+int pd_text_line_insert_copy(pd_text_line_t *line, int ins_pos,
+                             pd_char_t *txtchar)
 {
         pd_char_t *txtchar2;
         txtchar2 = malloc(sizeof(pd_char_t));
@@ -173,31 +226,6 @@ static int pd_text_line_insert_copy(pd_text_line_t *line, int ins_pos,
         return pd_text_line_insert(line, ins_pos, txtchar2);
 }
 
-static void pd_char_update_bitmap(pd_char_t *ch, pd_text_style_t *style)
-{
-        int i = 0;
-        int size = style->pixel_size;
-        int *font_ids = style->font_ids;
-
-        if (ch->style) {
-                if (ch->style->has_family) {
-                        font_ids = ch->style->font_ids;
-                }
-                if (ch->style->has_pixel_size) {
-                        size = ch->style->pixel_size;
-                }
-        }
-        while (font_ids && font_ids[i] > 0) {
-                int ret = pd_font_library_get_bitmap(ch->code, font_ids[i],
-                                                     size, &ch->bitmap);
-                if (ret == 0) {
-                        return;
-                }
-                ++i;
-        }
-        pd_font_library_get_bitmap(ch->code, -1, size, &ch->bitmap);
-}
-
 pd_text_t *pd_text_create(void)
 {
         pd_text_t *text;
@@ -206,8 +234,8 @@ pd_text_t *pd_text_create(void)
         text->length = 0;
         text->offset_x = 0;
         text->offset_y = 0;
-        text->insert_x = 0;
-        text->insert_y = 0;
+        text->caret.x = 0;
+        text->caret.y = 0;
         text->max_width = 0;
         text->max_height = 0;
         text->fixed_width = 0;
@@ -219,7 +247,7 @@ pd_text_t *pd_text_create(void)
         text->lines = NULL;
         text->text_align = PD_TEXT_ALIGN_LEFT;
         text->autowrap_enabled = false;
-        text->mulitiline_enabled = false;
+        text->multiline_enabled = false;
         text->style_tag_enabled = false;
         text->word_break = PD_WORD_BREAK_NORMAL;
         text->task.typeset_start_line = 0;
@@ -239,7 +267,7 @@ static void on_destroy_text_style(void *data)
         free(data);
 }
 
-static void pd_text_clear(pd_text_t *text)
+static void pd_text_reset_lines(pd_text_t *text)
 {
         int line_num;
 
@@ -256,28 +284,28 @@ static void pd_text_clear(pd_text_t *text)
         text->lines_length = 0;
         text->width = 0;
         text->length = 0;
-        text->insert_x = 0;
-        text->insert_y = 0;
+        text->caret.x = 0;
+        text->caret.y = 0;
         list_destroy(&text->styles, on_destroy_text_style);
         text->task.redraw_all = true;
 }
 
-void pd_text_empty(pd_text_t *text)
+void pd_text_clear(pd_text_t *text)
 {
-        pd_text_clear(text);
+        pd_text_reset_lines(text);
         pd_text_insert_line(text, 0);
 }
 
 void pd_text_destroy(pd_text_t *text)
 {
-        pd_text_clear(text);
+        pd_text_reset_lines(text);
         pd_rects_clear(&text->dirty_rects);
         pd_text_style_destroy(&text->default_style);
         free(text);
 }
 
 /* 根据对齐方式，计算文本行的起始x轴位置 */
-static int pd_text_get_line_start_x(pd_text_t *text, pd_text_line_t *line)
+int pd_text_get_line_start_x(pd_text_t *text, pd_text_line_t *line)
 {
         int width;
         if (text->fixed_width > 0) {
@@ -318,7 +346,7 @@ int pd_text_get_line_length(pd_text_t *text, int line_num)
         return text->lines[line_num]->length;
 }
 
-void pd_text_set_typeset_task(pd_text_t *text, int start_line)
+void pd_text_request_typeset(pd_text_t *text, int start_line)
 {
         if (start_line < text->task.typeset_start_line) {
                 text->task.typeset_start_line = start_line;
@@ -327,8 +355,8 @@ void pd_text_set_typeset_task(pd_text_t *text, int start_line)
 }
 
 /** 获取指定文本行中的文本段的矩形区域 */
-static int pd_text_get_line_rect(pd_text_t *text, int line_num, int start_col,
-                                 int end_col, pd_rect_t *rect)
+int pd_text_get_line_rect(pd_text_t *text, int line_num, int start_col,
+                          int end_col, pd_rect_t *rect)
 {
         int i;
         pd_text_line_t *line;
@@ -373,8 +401,7 @@ static int pd_text_get_line_rect(pd_text_t *text, int line_num, int start_col,
         return 0;
 }
 
-static void pd_text_mark_line_dirty(pd_text_t *text, int line_num, int start,
-                                    int end)
+void pd_text_mark_line_dirty(pd_text_t *text, int line_num, int start, int end)
 {
         pd_rect_t rect;
         if (pd_text_get_line_rect(text, line_num, start, end, &rect) == 0) {
@@ -409,407 +436,6 @@ void pd_text_mark_dirty(pd_text_t *text, int start_line, int end_line)
         }
 }
 
-void pd_text_set_insert_position(pd_text_t *text, int line_num, int col)
-{
-        if (line_num < 0) {
-                line_num = 0;
-        } else if (line_num >= text->lines_length) {
-                if (text->lines_length < 0) {
-                        line_num = 0;
-                } else {
-                        line_num = text->lines_length - 1;
-                }
-        }
-        if (col < 0) {
-                col = 0;
-        } else if (text->lines_length > 0) {
-                if (col >= text->lines[line_num]->length) {
-                        col = text->lines[line_num]->length;
-                }
-        } else {
-                col = 0;
-        }
-        text->insert_x = col;
-        text->insert_y = line_num;
-}
-
-int pd_text_set_insert_pixel_position(pd_text_t *text, int x, int y)
-{
-        pd_text_line_t *line;
-        int i, pixel_pos, ins_x, ins_y = 0;
-
-        pixel_pos = text->offset_y;
-        for (i = 0; i < text->lines_length; ++i) {
-                pixel_pos += text->lines[i]->height;
-                if (pixel_pos >= y) {
-                        ins_y = i;
-                        break;
-                }
-        }
-        if (i >= text->lines_length) {
-                if (text->lines_length > 0) {
-                        ins_y = text->lines_length - 1;
-                } else {
-                        text->insert_x = 0;
-                        text->insert_y = 0;
-                        return -1;
-                }
-        }
-        line = text->lines[ins_y];
-        ins_x = line->length;
-        pixel_pos = text->offset_x;
-        pixel_pos += pd_text_get_line_start_x(text, line);
-        for (i = 0; i < line->length; ++i) {
-                pd_char_t *txtchar;
-                txtchar = line->string[i];
-                if (!txtchar->bitmap) {
-                        continue;
-                }
-                pixel_pos += txtchar->bitmap->metrics.hori_advance;
-                /* 如果在当前字中心点的前面 */
-                if (x <=
-                    pixel_pos - txtchar->bitmap->metrics.hori_advance / 2) {
-                        ins_x = i;
-                        break;
-                }
-        }
-        pd_text_set_insert_position(text, ins_y, ins_x);
-        return 0;
-}
-
-/** 获取指定行列的文字的像素坐标 */
-int pd_text_get_char_pixel_position(pd_text_t *text, int line_num, int col,
-                                    pd_pos_t *pixel_pos)
-{
-        pd_text_line_t *line;
-        int i, pixel_x = 0, pixel_y = 0;
-
-        if (line_num < 0 || line_num >= text->lines_length) {
-                return -1;
-        }
-        if (col < 0) {
-                return -2;
-        } else if (col > text->lines[line_num]->length) {
-                return -3;
-        }
-        /* 累加前几行的高度 */
-        for (i = 0; i < line_num; ++i) {
-                pixel_y += text->lines[i]->height;
-        }
-        line = text->lines[line_num];
-        pixel_x = pd_text_get_line_start_x(text, line);
-        for (i = 0; i < col; ++i) {
-                pd_char_t *txtchar = line->string[i];
-                if (!txtchar || !txtchar->bitmap) {
-                        continue;
-                }
-                pixel_x += txtchar->bitmap->metrics.hori_advance;
-        }
-        pixel_pos->x = pixel_x;
-        pixel_pos->y = pixel_y;
-        return 0;
-}
-
-int pd_text_get_insert_pixel_position(pd_text_t *text, pd_pos_t *pixel_pos)
-{
-        return pd_text_get_char_pixel_position(text, text->insert_y,
-                                               text->insert_x, pixel_pos);
-}
-
-static void pd_text_break_line(pd_text_t *text, int line_num, int col,
-                               pd_text_eol_t eol)
-{
-        int n;
-        pd_text_line_t *line, *next;
-
-        line = pd_text_get_line(text, line_num);
-        next = pd_text_insert_line(text, line_num + 1);
-        /* 将本行原有的行尾符转移至下一行 */
-        next->eol = line->eol;
-        line->eol = eol;
-        for (n = line->length - 1; n >= col; --n) {
-                pd_text_line_insert(next, 0, line->string[n]);
-                line->string[n] = NULL;
-        }
-        line->length = col;
-        pd_text_update_line_size(text, line);
-        pd_text_update_line_size(text, next);
-}
-
-static void pd_text_merge_line(pd_text_t *text, int line_num)
-{
-        int i, j;
-        pd_text_line_t *line = pd_text_get_line(text, line_num);
-        pd_text_line_t *next = pd_text_get_line(text, line_num + 1);
-
-        if (!line || !next) {
-                return;
-        }
-        if (text->insert_y > line_num) {
-                --text->insert_y;
-                if (text->insert_y == line_num) {
-                        text->insert_x += line->length;
-                }
-        }
-        i = line->length;
-        pd_text_line_set_length(line, line->length + next->length);
-        for (j = 0; j < next->length; ++i, ++j) {
-                line->string[i] = next->string[j];
-                next->string[j] = NULL;
-        }
-        line->eol = next->eol;
-        pd_text_update_line_size(text, line);
-        pd_text_delete_line(text, line_num + 1);
-}
-
-static void pd_text_typeset_line(pd_text_t *text, int line_num)
-{
-        int col, line_width = 0, word_col = 0;
-        int max_width =
-            text->fixed_width > 0 ? text->fixed_width : text->max_width;
-
-        pd_char_t *txtchar;
-        pd_text_line_t *line = text->lines[line_num];
-        bool autowrap =
-            max_width > 0 && text->autowrap_enabled && text->mulitiline_enabled;
-
-        for (col = 0; col < line->length; ++col) {
-                txtchar = line->string[col];
-                if (!txtchar->bitmap) {
-                        continue;
-                }
-                /* 累加行宽度 */
-                line_width += txtchar->bitmap->metrics.hori_advance;
-                /* 如果是当前行的第一个字符，或者行宽度没有超过宽度限制 */
-                if (!autowrap || col < 1 || line_width <= max_width) {
-                        if (isalpha(txtchar->code)) {
-                        } else {
-                                word_col = col + 1;
-                        }
-                        continue;
-                }
-                if (text->word_break == PD_WORD_BREAK_NORMAL) {
-                        if (word_col < 1) {
-                                continue;
-                        }
-                        col = word_col;
-                }
-                pd_text_break_line(text, line_num, col, PD_TEXT_EOL_NONE);
-                return;
-        }
-        pd_text_update_line_size(text, line);
-        /* 如果本行有换行符，或者是最后一行 */
-        if (line->eol != PD_TEXT_EOL_NONE ||
-            line_num == text->lines_length - 1) {
-                return;
-        }
-        line_width = line->width;
-        /* 本行的文本宽度未达到限制宽度，需要将下行的文本转移至本行 */
-        if (line->eol == PD_TEXT_EOL_NONE) {
-                pd_text_mark_line_dirty(text, line_num, 0, -1);
-                pd_text_mark_line_dirty(text, line_num + 1, 0, -1);
-                pd_text_merge_line(text, line_num);
-                pd_text_typeset_line(text, line_num);
-        }
-}
-
-/** 从指定行开始，对文本进行排版 */
-static void pd_text_typeset(pd_text_t *text, int start_line)
-{
-        int line_num;
-        /* 记录排版前各个文本行的矩形区域 */
-        pd_text_mark_dirty(text, start_line, -1);
-        for (line_num = start_line; line_num < text->lines_length; ++line_num) {
-                pd_text_typeset_line(text, line_num);
-        }
-        /* 记录排版后各个文本行的矩形区域 */
-        pd_text_mark_dirty(text, start_line, -1);
-}
-
-static const wchar_t *pd_text_process_style_tags(pd_text_t *text,
-                                                 const wchar_t *p, list_t *tags,
-                                                 pd_text_style_t **style)
-{
-        pd_text_style_t *s;
-        const wchar_t *pp;
-
-        pp = pd_style_tags_next_close_tag(tags, p);
-        if (pp) {
-                s = pd_style_tags_get_text_style(tags);
-                if (s) {
-                        pd_text_style_merge(s, &text->default_style);
-                        list_append(&text->styles, s);
-                }
-                *style = s;
-                return pp;
-        }
-        pp = pd_style_tags_next_open_tag(tags, p);
-        if (pp) {
-                s = pd_style_tags_get_text_style(tags);
-                if (s) {
-                        pd_text_style_merge(s, &text->default_style);
-                        list_append(&text->styles, s);
-                }
-                *style = s;
-                return pp;
-        }
-        return NULL;
-}
-
-static int pd_text_process(pd_text_t *text, const wchar_t *wstr,
-                           pd_text_action_t action, list_t *tags)
-{
-        pd_text_eol_t eol;
-        pd_text_line_t *line;
-        pd_char_t txtchar;
-        list_t tmp_tags;
-        const wchar_t *p;
-        int cur_col, cur_line, start_line, ins_x, ins_y;
-        bool need_typeset, rect_has_added;
-        pd_text_style_t *style = NULL;
-
-        if (!wstr) {
-                return -1;
-        }
-        need_typeset = false;
-        rect_has_added = false;
-        list_create(&tmp_tags);
-        if (!tags) {
-                tags = &tmp_tags;
-        }
-        /* 如果是将文本追加至文本末尾 */
-        if (action == PD_TEXT_ACTION_APPEND) {
-                if (text->lines_length > 0) {
-                        cur_line = text->lines_length - 1;
-                } else {
-                        cur_line = 0;
-                }
-                line = pd_text_get_line(text, cur_line);
-                if (!line) {
-                        line = pd_text_append_line(text);
-                }
-                cur_col = line->length;
-        } else { /* 否则，是将文本插入至当前插入点 */
-                cur_line = text->insert_y;
-                cur_col = text->insert_x;
-                line = pd_text_get_line(text, cur_line);
-                if (!line) {
-                        line = pd_text_append_line(text);
-                }
-        }
-        start_line = cur_line;
-        ins_x = cur_col;
-        ins_y = cur_line;
-        for (p = wstr; *p; ++p) {
-                if (text->style_tag_enabled) {
-                        const wchar_t *pp;
-                        pp = pd_text_process_style_tags(text, p, tags, &style);
-                        if (pp) {
-                                p = pp - 1;
-                                continue;
-                        }
-                }
-                if (*p == '\r' || *p == '\n') {
-                        /* 判断是哪一种换行模式 */
-                        if (*p == '\r') {
-                                if (*(p + 1) == '\n') {
-                                        eol = PD_TEXT_EOL_CR_LF;
-                                } else {
-                                        eol = PD_TEXT_EOL_CR;
-                                }
-                        } else {
-                                eol = PD_TEXT_EOL_LF;
-                        }
-                        /* 如果没有记录过文本行的矩形区域 */
-                        if (!rect_has_added) {
-                                pd_text_mark_dirty(text, ins_y, -1);
-                                rect_has_added = true;
-                                start_line = ins_y;
-                        }
-                        /* 将当前行中的插入点为截点，进行断行 */
-                        pd_text_break_line(text, ins_y, ins_x, eol);
-                        text->width = y_max(text->width, line->width);
-                        need_typeset = true;
-                        ++text->length;
-                        ins_x = 0;
-                        ++ins_y;
-                        line = pd_text_get_line(text, ins_y);
-                        continue;
-                }
-                txtchar.style = style;
-                txtchar.code = *p;
-                pd_char_update_bitmap(&txtchar, &text->default_style);
-                pd_text_line_insert_copy(line, ins_x, &txtchar);
-                ++text->length;
-                ++ins_x;
-        }
-        /* 更新当前行的尺寸 */
-        pd_text_update_line_size(text, line);
-        text->width = y_max(text->width, line->width);
-        if (action == PD_TEXT_ACTION_INSERT) {
-                text->insert_x = ins_x;
-                text->insert_y = ins_y;
-        }
-        /* 若启用了自动换行模式，则标记需要重新对文本进行排版 */
-        if (text->autowrap_enabled || need_typeset) {
-                pd_text_set_typeset_task(text, cur_line);
-        } else {
-                pd_text_mark_line_dirty(text, cur_line, 0, -1);
-        }
-        /* 如果已经记录过文本行矩形区域 */
-        if (rect_has_added) {
-                pd_text_mark_dirty(text, start_line, -1);
-                rect_has_added = true;
-        }
-        pd_style_tags_clear(&tmp_tags);
-        return 0;
-}
-
-int pd_text_insert(pd_text_t *text, const wchar_t *wstr, list_t *tags)
-{
-        return pd_text_process(text, wstr, PD_TEXT_ACTION_INSERT, tags);
-}
-
-int pd_text_append(pd_text_t *text, const wchar_t *wstr, list_t *tag_stack)
-{
-        return pd_text_process(text, wstr, PD_TEXT_ACTION_APPEND, tag_stack);
-}
-
-int pd_text_write(pd_text_t *text, const wchar_t *wstr, list_t *tag_stack)
-{
-        pd_text_empty(text);
-        return pd_text_append(text, wstr, tag_stack);
-}
-
-size_t pd_text_dump(pd_text_t *text, size_t start_pos, size_t max_len,
-                    wchar_t *wstr_buff)
-{
-        size_t i, line_num, col;
-        pd_text_line_t *line;
-
-        if (max_len == 0) {
-                wstr_buff[0] = 0;
-                return 0;
-        }
-        /* 先根据一维坐标计算行列坐标 */
-        for (i = 0, line_num = 0, col = 0; line_num < text->lines_length;
-             ++line_num) {
-                if (i >= start_pos) {
-                        col = start_pos - i;
-                        break;
-                }
-                i += text->lines[line_num]->length;
-        }
-        for (i = 0; line_num < text->lines_length && i < max_len; ++line_num) {
-                line = text->lines[line_num];
-                for (; col < line->length && i < max_len; ++col, ++i) {
-                        wstr_buff[i] = line->string[col]->code;
-                }
-        }
-        wstr_buff[i] = 0;
-        return i;
-}
-
 int pd_text_get_width(pd_text_t *text)
 {
         int i, line_num, w, max_w;
@@ -865,244 +491,6 @@ int pd_text_set_max_size(pd_text_t *text, int width, int height)
         return 0;
 }
 
-/** 设置是否启用多行文本模式 */
-void pd_text_set_multiline(pd_text_t *text, bool enabled)
-{
-        if (text->mulitiline_enabled != enabled) {
-                text->mulitiline_enabled = enabled;
-                pd_text_set_typeset_task(text, 0);
-        }
-}
-
-/** 删除指定行列的文字及其右边的文本 */
-static int pd_text_delete_ex(pd_text_t *text, int char_y, int char_x,
-                             int n_char)
-{
-        int end_x, end_y, i, j, len;
-        pd_text_line_t *line, *end_line, *prev_line;
-
-        if (char_x < 0) {
-                char_x = 0;
-        }
-        if (char_y < 0) {
-                char_y = 0;
-        }
-        if (n_char <= 0) {
-                return -1;
-        }
-        if (char_y >= text->lines_length) {
-                return -2;
-        }
-        line = text->lines[char_y];
-        if (char_x > line->length) {
-                char_x = line->length;
-        }
-        i = n_char;
-        end_x = char_x;
-        end_y = char_y;
-        /* 计算结束点的位置 */
-        for (; end_y < text->lines_length && n_char > 0; ++end_y) {
-                line = text->lines[end_y];
-                if (end_x + n_char <= line->length) {
-                        end_x += n_char;
-                        n_char = 0;
-                        break;
-                }
-                n_char -= (line->length - end_x);
-                if (line->eol == PD_TEXT_EOL_NONE) {
-                        end_x = 0;
-                } else {
-                        n_char -= 1;
-                        end_x = 0;
-                }
-        }
-        if (n_char >= 0) {
-                text->length -= i - n_char;
-        } else {
-                text->length -= n_char;
-        }
-        if (end_y >= text->lines_length) {
-                end_y = text->lines_length - 1;
-                end_line = text->lines[end_y];
-                end_x = end_line->length;
-        } else {
-                end_line = text->lines[end_y];
-        }
-        if (end_x > end_line->length) {
-                end_x = end_line->length;
-        }
-        if (end_x == char_x && end_y == char_y) {
-                return 0;
-        }
-        /* 获取上一行文本 */
-        prev_line = text->lines[char_y - 1];
-        // 计算起始行与结束行拼接后的长度
-        // 起始行：0 1 2 3 4 5，起点位置：2
-        // 结束行：0 1 2 3 4 5，终点位置：4
-        // 拼接后的长度：2 + 6 - 4 = 4
-        len = char_x + end_line->length - end_x;
-        if (len < 0) {
-                return -3;
-        }
-        /* 如果是同一行 */
-        if (line == end_line) {
-                if (end_x > end_line->length) {
-                        return -4;
-                }
-                pd_text_mark_line_dirty(text, char_y, char_x, -1);
-                pd_text_set_typeset_task(text, char_y);
-                for (i = char_x, j = end_x; j < line->length; ++i, ++j) {
-                        line->string[i] = line->string[j];
-                }
-                /* 如果当前行为空，也不是第一行，并且上一行没有结束符 */
-                if (len <= 0 && end_y > 0 &&
-                    prev_line->eol != PD_TEXT_EOL_NONE) {
-                        pd_text_delete_line(text, end_y);
-                }
-                /* 调整起始行的容量 */
-                pd_text_line_set_length(line, len);
-                /* 更新文本行的尺寸 */
-                pd_text_update_line_size(text, line);
-                return 0;
-        }
-        /* 如果结束点在行尾，并且该行不是最后一行 */
-        if (end_x == end_line->length && end_y < text->lines_length - 1) {
-                ++end_y;
-                end_line = pd_text_get_line(text, end_y);
-                end_x = -1;
-                len = char_x + end_line->length;
-        }
-        pd_text_line_set_length(line, len);
-        /* 标记当前行后面的所有行的矩形需区域需要刷新 */
-        pd_text_mark_dirty(text, char_y + 1, -1);
-        /* 移除起始行与结束行之间的文本行 */
-        for (i = char_y + 1, j = i; j < end_y; ++j) {
-                pd_text_mark_line_dirty(text, i, 0, -1);
-                pd_text_delete_line(text, i);
-        }
-        i = char_x;
-        j = end_x + 1;
-        end_y = char_y + 1;
-        /* 将结束行的内容拼接至起始行 */
-        for (; i < len && j < end_line->length; ++i, ++j) {
-                line->string[i] = end_line->string[j];
-        }
-        pd_text_update_line_size(text, line);
-        pd_text_mark_line_dirty(text, end_y, 0, -1);
-        /* 移除结束行 */
-        pd_text_delete_line(text, end_y);
-        /* 如果起始行无内容，并且上一行没有结束符（换行符），则
-         * 说明需要删除起始行 */
-        if (len <= 0 && char_y > 0 && prev_line->eol != PD_TEXT_EOL_NONE) {
-                pd_text_mark_line_dirty(text, char_y, 0, -1);
-                pd_text_delete_line(text, char_y);
-        }
-        pd_text_set_typeset_task(text, char_y);
-        return 0;
-}
-
-/** 删除文本光标的当前坐标右边的文本 */
-int pd_text_delete(pd_text_t *text, int n_char)
-{
-        return pd_text_delete_ex(text, text->insert_y, text->insert_x, n_char);
-}
-
-/** 退格删除文本，即删除文本光标的当前坐标左边的文本 */
-int pd_text_backspace(pd_text_t *text, int n_char)
-{
-        int n_del;
-        int char_x, char_y;
-        pd_text_line_t *line;
-
-        /* 先获取当前字的位置 */
-        char_x = text->insert_x;
-        char_y = text->insert_y;
-        /* 再计算删除 n_char 个字后的位置 */
-        for (n_del = n_char; char_y >= 0; --char_y) {
-                line = text->lines[char_y];
-                /* 如果不是当前行，则重定位至行尾 */
-                if (char_y < text->insert_y) {
-                        char_x = line->length;
-                        if (line->eol == PD_TEXT_EOL_NONE) {
-                                --char_x;
-                        }
-                }
-                if (char_x >= n_del) {
-                        char_x = char_x - n_del;
-                        n_del = 0;
-                        break;
-                }
-                n_del = n_del - char_x - 1;
-        }
-        if (char_y < 0 || n_del == n_char) {
-                return -1;
-        }
-        /* 若能够被删除的字不够 n_char 个，则调整需删除的字数 */
-        if (n_del > 0) {
-                n_char -= n_del;
-        }
-        /* 开始删除文本 */
-        pd_text_delete_ex(text, char_y, char_x, n_char);
-        /* 若最后一行被完全移除，则移动输入点至上一行的行尾处 */
-        if (char_x == 0 && text->lines_length > 0 &&
-            char_y >= text->lines_length) {
-                char_y = text->lines_length - 1;
-                char_x = text->lines[char_y]->length;
-        }
-        /* 更新文本光标的位置 */
-        pd_text_set_insert_position(text, char_y, char_x);
-        return 0;
-}
-
-void pd_text_set_autowrap(pd_text_t *text, bool autowrap)
-{
-        if (text->autowrap_enabled != autowrap) {
-                text->autowrap_enabled = autowrap;
-                pd_text_set_typeset_task(text, 0);
-        }
-}
-
-void pd_text_set_word_break(pd_text_t *text, pd_word_break_t word_break)
-{
-        if (text->word_break != word_break) {
-                text->word_break = word_break;
-                pd_text_set_typeset_task(text, 0);
-        }
-}
-
-/** 设置是否使用样式标签 */
-void pd_text_set_style_tag(pd_text_t *text, bool enabled)
-{
-        text->style_tag_enabled = enabled;
-}
-
-static void pd_text_update_style_cache(pd_text_t *text)
-{
-        list_node_t *node;
-        if (!text->default_style.has_family) {
-                pd_text_style_set_default_font(&text->default_style);
-        }
-        /* 替换缺省字体，确保能够正确应用字体设置 */
-        for (list_each(node, &text->styles)) {
-                pd_text_style_merge(node->data, &text->default_style);
-        }
-}
-
-/** 重新载入各个文字的字体位图 */
-void pd_text_reload_bitmap(pd_text_t *text)
-{
-        int line_num, col;
-        pd_text_update_style_cache(text);
-        for (line_num = 0; line_num < text->lines_length; ++line_num) {
-                pd_text_line_t *line = text->lines[line_num];
-                for (col = 0; col < line->length; ++col) {
-                        pd_char_t *txtchar = line->string[col];
-                        pd_char_update_bitmap(txtchar, &text->default_style);
-                }
-                pd_text_update_line_size(text, line);
-        }
-}
-
 void pd_text_update(pd_text_t *text, list_t *rects)
 {
         if (text->task.update_bitmap) {
@@ -1132,130 +520,6 @@ void pd_text_update(pd_text_t *text, list_t *rects)
         }
 }
 
-static void pd_text_validate_rect(pd_text_t *text, pd_rect_t *area)
-{
-        int width, height;
-
-        if (text->fixed_width > 0) {
-                width = text->fixed_width;
-        } else if (text->max_width > 0) {
-                width = text->max_width;
-        } else {
-                width = text->width;
-        }
-        if (text->fixed_height > 0) {
-                height = text->fixed_height;
-        } else {
-                height = pd_text_get_height(text);
-        }
-        pd_rect_correct(area, width, height);
-}
-
-static void pd_text_render_char(pd_text_t *text, pd_char_t *ch,
-                                pd_canvas_t *graph, pd_pos_t ch_pos)
-{
-        /* 判断文字使用的前景颜色，再进行绘制 */
-        if (ch->style && ch->style->has_fore_color) {
-                pd_canvas_mix_font_bitmap(graph, ch_pos, ch->bitmap,
-                                          ch->style->fore_color);
-        } else {
-                pd_canvas_mix_font_bitmap(graph, ch_pos, ch->bitmap,
-                                          text->default_style.fore_color);
-        }
-}
-
-static void pd_text_render_line(pd_text_t *text, pd_rect_t *area,
-                                pd_canvas_t *graph, pd_pos_t layer_pos,
-                                pd_text_line_t *line, int y)
-{
-        pd_char_t *ch;
-        pd_pos_t pen;
-        int col, x;
-
-        x = pd_text_get_line_start_x(text, line) + text->offset_x;
-        for (col = 0; col < line->length && x < area->x + area->width; ++col) {
-                ch = line->string[col];
-                if (!ch->bitmap) {
-                        continue;
-                }
-                if (x + ch->bitmap->metrics.hori_advance < area->x) {
-                        x += ch->bitmap->metrics.hori_advance;
-                        continue;
-                }
-                pen.x = layer_pos.x + x;
-                pen.y = layer_pos.y + y;
-                if (ch->style && ch->style->has_back_color) {
-                        pd_rect_t rect;
-                        rect.x = pen.x;
-                        rect.y = pen.y;
-                        rect.height = line->height;
-                        rect.width = ch->bitmap->metrics.hori_advance;
-                        pd_canvas_fill_rect(graph, ch->style->back_color, rect);
-                }
-                pen.x += ch->bitmap->left;
-                pen.y += (line->height - ch->bitmap->metrics.bbox_height) / 2 +
-                         ch->bitmap->metrics.ascender - ch->bitmap->top;
-                pd_text_render_char(text, ch, graph, pen);
-                x += ch->bitmap->metrics.hori_advance;
-        }
-}
-
-int pd_text_render_to(pd_text_t *text, pd_rect_t area, pd_pos_t layer_pos,
-                      pd_canvas_t *canvas)
-{
-        int y;
-        int line_num;
-        pd_text_line_t *line;
-
-        y = text->offset_y;
-        /* 确定可绘制的最大区域范围 */
-        pd_text_validate_rect(text, &area);
-        for (line_num = 0; line_num < text->lines_length; ++line_num) {
-                line = pd_text_get_line(text, line_num);
-                y += line->height;
-                if (y > area.y) {
-                        y -= line->height;
-                        break;
-                }
-        }
-        /* 如果没有可绘制的文本行 */
-        if (line_num >= text->lines_length) {
-                return -1;
-        }
-        for (; line_num < text->lines_length; ++line_num) {
-                line = pd_text_get_line(text, line_num);
-                pd_text_render_line(text, &area, canvas, layer_pos, line, y);
-                y += line->height;
-                /* 超出绘制区域范围就不绘制了 */
-                if (y > area.y + area.height) {
-                        break;
-                }
-        }
-        return 0;
-}
-
-/** 设置全局文本样式 */
-void pd_text_set_style(pd_text_t *text, pd_text_style_t *style)
-{
-        pd_text_style_destroy(&text->default_style);
-        pd_text_style_copy(&text->default_style, style);
-        text->task.update_bitmap = true;
-}
-
-void pd_text_set_align(pd_text_t *text, int align)
-{
-        text->text_align = align;
-        text->task.update_typeset = true;
-        text->task.typeset_start_line = 0;
-}
-
-void pd_text_set_line_height(pd_text_t *text, int height)
-{
-        text->line_height = height;
-        text->task.update_typeset = true;
-        text->task.typeset_start_line = 0;
-}
-
 bool pd_text_set_offset(pd_text_t *text, int offset_x, int offset_y)
 {
         if (text->new_offset_x != offset_x || text->new_offset_y != offset_y) {
diff --git a/lib/pandagl/src/text/text_edit.c b/lib/pandagl/src/text/text_edit.c
new file mode 100644
index 000000000..0b488d58a
--- /dev/null
+++ b/lib/pandagl/src/text/text_edit.c
@@ -0,0 +1,558 @@
+/*
+ * lib/pandagl/src/text/text_edit.c
+ *
+ * Copyright (c) 2018-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <stdlib.h>
+#include <stdio.h>
+#include <wchar.h>
+#include <pandagl.h>
+#include "text_internal.h"
+
+typedef enum { PD_TEXT_ACTION_INSERT, PD_TEXT_ACTION_APPEND } pd_text_action_t;
+
+void pd_text_set_caret(pd_text_t *text, int line_num, int col)
+{
+        if (line_num < 0) {
+                line_num = 0;
+        } else if (line_num >= text->lines_length) {
+                if (text->lines_length < 0) {
+                        line_num = 0;
+                } else {
+                        line_num = text->lines_length - 1;
+                }
+        }
+        if (col < 0) {
+                col = 0;
+        } else if (text->lines_length > 0) {
+                if (col >= text->lines[line_num]->length) {
+                        col = text->lines[line_num]->length;
+                }
+        } else {
+                col = 0;
+        }
+        text->caret.x = col;
+        text->caret.y = line_num;
+}
+
+int pd_text_set_caret_pixel(pd_text_t *text, int x, int y)
+{
+        pd_text_line_t *line;
+        int i, pixel_pos, ins_x, ins_y = 0;
+
+        pixel_pos = text->offset_y;
+        for (i = 0; i < text->lines_length; ++i) {
+                pixel_pos += text->lines[i]->height;
+                if (pixel_pos >= y) {
+                        ins_y = i;
+                        break;
+                }
+        }
+        if (i >= text->lines_length) {
+                if (text->lines_length > 0) {
+                        ins_y = text->lines_length - 1;
+                } else {
+                        text->caret.x = 0;
+                        text->caret.y = 0;
+                        return -1;
+                }
+        }
+        line = text->lines[ins_y];
+        ins_x = line->length;
+        pixel_pos = text->offset_x;
+        pixel_pos += pd_text_get_line_start_x(text, line);
+        for (i = 0; i < line->length; ++i) {
+                pd_char_t *txtchar;
+                txtchar = line->string[i];
+                if (!txtchar->bitmap) {
+                        continue;
+                }
+                pixel_pos += txtchar->bitmap->metrics.hori_advance;
+                /* 如果在当前字中心点的前面 */
+                if (x <=
+                    pixel_pos - txtchar->bitmap->metrics.hori_advance / 2) {
+                        ins_x = i;
+                        break;
+                }
+        }
+        pd_text_set_caret(text, ins_y, ins_x);
+        return 0;
+}
+
+/** 获取指定行列的文字的像素坐标 */
+int pd_text_get_char_pixel(pd_text_t *text, int line_num, int col,
+                           pd_pos_t *pixel_pos)
+{
+        pd_text_line_t *line;
+        int i, pixel_x = 0, pixel_y = 0;
+
+        if (line_num < 0 || line_num >= text->lines_length) {
+                return -1;
+        }
+        if (col < 0) {
+                return -2;
+        } else if (col > text->lines[line_num]->length) {
+                return -3;
+        }
+        /* 累加前几行的高度 */
+        for (i = 0; i < line_num; ++i) {
+                pixel_y += text->lines[i]->height;
+        }
+        line = text->lines[line_num];
+        pixel_x = pd_text_get_line_start_x(text, line);
+        for (i = 0; i < col; ++i) {
+                pd_char_t *txtchar = line->string[i];
+                if (!txtchar || !txtchar->bitmap) {
+                        continue;
+                }
+                pixel_x += txtchar->bitmap->metrics.hori_advance;
+        }
+        pixel_pos->x = pixel_x;
+        pixel_pos->y = pixel_y;
+        return 0;
+}
+
+int pd_text_get_caret_pixel(pd_text_t *text, pd_pos_t *pixel_pos)
+{
+        return pd_text_get_char_pixel(text, text->caret.y, text->caret.x,
+                                      pixel_pos);
+}
+
+static const wchar_t *pd_text_process_style_tags(pd_text_t *text,
+                                                 const wchar_t *p, list_t *tags,
+                                                 pd_text_style_t **style)
+{
+        pd_text_style_t *s;
+        const wchar_t *pp;
+
+        pp = pd_style_tags_next_close_tag(tags, p);
+        if (pp) {
+                s = pd_style_tags_get_text_style(tags);
+                if (s) {
+                        pd_text_style_merge(s, &text->default_style);
+                        list_append(&text->styles, s);
+                }
+                *style = s;
+                return pp;
+        }
+        pp = pd_style_tags_next_open_tag(tags, p);
+        if (pp) {
+                s = pd_style_tags_get_text_style(tags);
+                if (s) {
+                        pd_text_style_merge(s, &text->default_style);
+                        list_append(&text->styles, s);
+                }
+                *style = s;
+                return pp;
+        }
+        return NULL;
+}
+
+static int pd_text_process(pd_text_t *text, const wchar_t *wstr,
+                           pd_text_action_t action, list_t *tags)
+{
+        pd_text_eol_t eol;
+        pd_text_line_t *line;
+        pd_char_t txtchar;
+        list_t tmp_tags;
+        const wchar_t *p;
+        int cur_col, cur_line, start_line, ins_x, ins_y;
+        bool need_typeset, rect_has_added;
+        pd_text_style_t *style = NULL;
+
+        if (!wstr) {
+                return -1;
+        }
+        need_typeset = false;
+        rect_has_added = false;
+        list_create(&tmp_tags);
+        if (!tags) {
+                tags = &tmp_tags;
+        }
+        /* 如果是将文本追加至文本末尾 */
+        if (action == PD_TEXT_ACTION_APPEND) {
+                if (text->lines_length > 0) {
+                        cur_line = text->lines_length - 1;
+                } else {
+                        cur_line = 0;
+                }
+                line = pd_text_get_line(text, cur_line);
+                if (!line) {
+                        line = pd_text_append_line(text);
+                }
+                cur_col = line->length;
+        } else { /* 否则，是将文本插入至当前插入点 */
+                cur_line = text->caret.y;
+                cur_col = text->caret.x;
+                line = pd_text_get_line(text, cur_line);
+                if (!line) {
+                        line = pd_text_append_line(text);
+                }
+        }
+        start_line = cur_line;
+        ins_x = cur_col;
+        ins_y = cur_line;
+        for (p = wstr; *p; ++p) {
+                if (text->style_tag_enabled && *p != L'\\') {
+                        const wchar_t *pp;
+                        pp = pd_text_process_style_tags(text, p, tags, &style);
+                        if (pp) {
+                                p = pp - 1;
+                                continue;
+                        }
+                }
+                if (*p == L'\\' &&
+                    (p[1] == L'[' || p[1] == L']' || p[1] == L'\\')) {
+                        ++p;
+                } else if (*p == '\r' || *p == '\n') {
+                        /* 判断是哪一种换行模式 */
+                        if (*p == '\r') {
+                                if (*(p + 1) == '\n') {
+                                        eol = PD_TEXT_EOL_CR_LF;
+                                } else {
+                                        eol = PD_TEXT_EOL_CR;
+                                }
+                        } else {
+                                eol = PD_TEXT_EOL_LF;
+                        }
+                        /* 如果没有记录过文本行的矩形区域 */
+                        if (!rect_has_added) {
+                                pd_text_mark_dirty(text, ins_y, -1);
+                                rect_has_added = true;
+                                start_line = ins_y;
+                        }
+                        /* 将当前行中的插入点为截点，进行断行 */
+                        pd_text_break_line(text, ins_y, ins_x, eol);
+                        text->width = y_max(text->width, line->width);
+                        need_typeset = true;
+                        ++text->length;
+                        ins_x = 0;
+                        ++ins_y;
+                        line = pd_text_get_line(text, ins_y);
+                        continue;
+                }
+                txtchar.style = style;
+                txtchar.code = *p;
+                pd_char_update_bitmap(&txtchar, &text->default_style);
+                pd_text_line_insert_copy(line, ins_x, &txtchar);
+                ++text->length;
+                ++ins_x;
+        }
+        /* 更新当前行的尺寸 */
+        pd_text_update_line_size(text, line);
+        text->width = y_max(text->width, line->width);
+        if (action == PD_TEXT_ACTION_INSERT) {
+                text->caret.x = ins_x;
+                text->caret.y = ins_y;
+        }
+        /* 若启用了自动换行模式，则标记需要重新对文本进行排版 */
+        if (text->autowrap_enabled || need_typeset) {
+                pd_text_request_typeset(text, cur_line);
+        } else {
+                pd_text_mark_line_dirty(text, cur_line, 0, -1);
+        }
+        /* 如果已经记录过文本行矩形区域 */
+        if (rect_has_added) {
+                pd_text_mark_dirty(text, start_line, -1);
+                rect_has_added = true;
+        }
+        pd_style_tags_clear(&tmp_tags);
+        return 0;
+}
+
+int pd_text_insert(pd_text_t *text, const wchar_t *wstr, list_t *tags)
+{
+        return pd_text_process(text, wstr, PD_TEXT_ACTION_INSERT, tags);
+}
+
+int pd_text_append(pd_text_t *text, const wchar_t *wstr, list_t *tag_stack)
+{
+        return pd_text_process(text, wstr, PD_TEXT_ACTION_APPEND, tag_stack);
+}
+
+int pd_text_write(pd_text_t *text, const wchar_t *wstr, list_t *tag_stack)
+{
+        pd_text_clear(text);
+        return pd_text_append(text, wstr, tag_stack);
+}
+
+size_t pd_text_read(pd_text_t *text, size_t start_pos, size_t max_len,
+                    wchar_t *wstr_buff)
+{
+        size_t i, line_num, col;
+        pd_text_line_t *line;
+
+        if (max_len == 0) {
+                wstr_buff[0] = 0;
+                return 0;
+        }
+        /* 先根据一维坐标计算行列坐标 */
+        for (i = 0, line_num = 0, col = 0; line_num < text->lines_length;
+             ++line_num) {
+                if (i >= start_pos) {
+                        col = start_pos - i;
+                        break;
+                }
+                i += text->lines[line_num]->length;
+        }
+        for (i = 0; line_num < text->lines_length && i < max_len; ++line_num) {
+                line = text->lines[line_num];
+                for (; col < line->length && i < max_len; ++col, ++i) {
+                        wstr_buff[i] = line->string[col]->code;
+                }
+                /* 进入下一行前，按行尾符还原对应的换行字符 */
+                if (i >= max_len) {
+                        break;
+                }
+                switch (line->eol) {
+                case PD_TEXT_EOL_CR:
+                        wstr_buff[i++] = L'\r';
+                        break;
+                case PD_TEXT_EOL_LF:
+                        wstr_buff[i++] = L'\n';
+                        break;
+                case PD_TEXT_EOL_CR_LF:
+                        wstr_buff[i++] = L'\r';
+                        if (i >= max_len) {
+                                break;
+                        }
+                        wstr_buff[i++] = L'\n';
+                        break;
+                case PD_TEXT_EOL_NONE:
+                default:
+                        break;
+                }
+                /* 切换到下一行时必须重置列号 */
+                col = 0;
+        }
+        wstr_buff[i] = 0;
+        return i;
+}
+
+wchar_t *pd_text_to_wcs(pd_text_t *text)
+{
+        size_t total = 0;
+        int line_num;
+        pd_text_line_t *line;
+        wchar_t *buf;
+
+        for (line_num = 0; line_num < text->lines_length; ++line_num) {
+                line = text->lines[line_num];
+                total += (size_t)line->length;
+                switch (line->eol) {
+                case PD_TEXT_EOL_CR:
+                case PD_TEXT_EOL_LF:
+                        total += 1;
+                        break;
+                case PD_TEXT_EOL_CR_LF:
+                        total += 2;
+                        break;
+                default:
+                        break;
+                }
+        }
+        buf = malloc(sizeof(wchar_t) * (total + 1));
+        if (!buf) {
+                return NULL;
+        }
+        pd_text_read(text, 0, total, buf);
+        buf[total] = 0;
+        return buf;
+}
+
+/** 删除指定行列的文字及其右边的文本 */
+static int pd_text_delete_ex(pd_text_t *text, int char_y, int char_x,
+                             int n_char)
+{
+        int end_x, end_y, i, j, len;
+        pd_text_line_t *line, *end_line, *prev_line;
+
+        if (char_x < 0) {
+                char_x = 0;
+        }
+        if (char_y < 0) {
+                char_y = 0;
+        }
+        if (n_char <= 0) {
+                return -1;
+        }
+        if (char_y >= text->lines_length) {
+                return -2;
+        }
+        line = text->lines[char_y];
+        if (char_x > line->length) {
+                char_x = line->length;
+        }
+        i = n_char;
+        end_x = char_x;
+        end_y = char_y;
+        /* 计算结束点的位置 */
+        for (; end_y < text->lines_length && n_char > 0; ++end_y) {
+                line = text->lines[end_y];
+                if (end_x + n_char <= line->length) {
+                        end_x += n_char;
+                        n_char = 0;
+                        break;
+                }
+                n_char -= (line->length - end_x);
+                if (line->eol == PD_TEXT_EOL_NONE) {
+                        end_x = 0;
+                } else {
+                        n_char -= 1;
+                        end_x = 0;
+                }
+        }
+        if (n_char >= 0) {
+                text->length -= i - n_char;
+        } else {
+                text->length -= n_char;
+        }
+        if (end_y >= text->lines_length) {
+                end_y = text->lines_length - 1;
+                end_line = text->lines[end_y];
+                end_x = end_line->length;
+        } else {
+                end_line = text->lines[end_y];
+        }
+        if (end_x > end_line->length) {
+                end_x = end_line->length;
+        }
+        if (end_x == char_x && end_y == char_y) {
+                return 0;
+        }
+        /* 获取上一行文本（首行时无上一行） */
+        prev_line = char_y > 0 ? text->lines[char_y - 1] : NULL;
+        // 计算起始行与结束行拼接后的长度
+        // 起始行：0 1 2 3 4 5，起点位置：2
+        // 结束行：0 1 2 3 4 5，终点位置：4
+        // 拼接后的长度：2 + 6 - 4 = 4
+        len = char_x + end_line->length - end_x;
+        if (len < 0) {
+                return -3;
+        }
+        /* 如果是同一行 */
+        if (line == end_line) {
+                if (end_x > end_line->length) {
+                        return -4;
+                }
+                pd_text_mark_line_dirty(text, char_y, char_x, -1);
+                pd_text_request_typeset(text, char_y);
+                /* 释放被删除范围内的字符 */
+                pd_text_line_erase(line, char_x, end_x);
+                /* 将结束点之后的内容向前搬移 */
+                pd_text_line_move(line, char_x, line, end_x, line->length);
+                /* 如果当前行为空，也不是第一行，并且上一行没有结束符，
+                 * 则直接移除当前行，不能再访问 line */
+                if (len <= 0 && char_y > 0 && prev_line &&
+                    prev_line->eol != PD_TEXT_EOL_NONE) {
+                        pd_text_delete_line(text, char_y);
+                        return 0;
+                }
+                /* 调整起始行的容量 */
+                pd_text_line_set_length(line, len);
+                /* 更新文本行的尺寸 */
+                pd_text_update_line_size(text, line);
+                return 0;
+        }
+        /* 释放起始行中被删除的字符（区间为 [char_x, line->length)） */
+        pd_text_line_erase(line, char_x, line->length);
+        /* 释放结束行中被删除的字符（区间为 [0, end_x)） */
+        pd_text_line_erase(end_line, 0, end_x);
+        /* 如果结束点在行尾，并且该行不是最后一行，
+         * 则将结束点推进到下一行的行首 */
+        if (end_x == end_line->length && end_y < text->lines_length - 1) {
+                ++end_y;
+                end_line = pd_text_get_line(text, end_y);
+                end_x = 0;
+                len = char_x + end_line->length;
+        }
+        pd_text_line_set_length(line, len);
+        /* 标记当前行后面的所有行的矩形需区域需要刷新 */
+        pd_text_mark_dirty(text, char_y + 1, -1);
+        /* 移除起始行与结束行之间的文本行 */
+        for (i = char_y + 1, j = i; j < end_y; ++j) {
+                pd_text_mark_line_dirty(text, i, 0, -1);
+                pd_text_delete_line(text, i);
+        }
+        end_y = char_y + 1;
+        /* 将结束行的内容拼接至起始行（所有权随之转移） */
+        pd_text_line_move(line, char_x, end_line, end_x, end_line->length);
+        pd_text_update_line_size(text, line);
+        pd_text_mark_line_dirty(text, end_y, 0, -1);
+        /* 移除结束行 */
+        pd_text_delete_line(text, end_y);
+        /* 如果起始行无内容，并且上一行没有结束符（换行符），则
+         * 说明需要删除起始行 */
+        if (len <= 0 && char_y > 0 && prev_line &&
+            prev_line->eol != PD_TEXT_EOL_NONE) {
+                pd_text_mark_line_dirty(text, char_y, 0, -1);
+                pd_text_delete_line(text, char_y);
+        }
+        pd_text_request_typeset(text, char_y);
+        return 0;
+}
+
+/** 删除文本光标的当前坐标右边的文本 */
+int pd_text_delete(pd_text_t *text, int n_char)
+{
+        return pd_text_delete_ex(text, text->caret.y, text->caret.x, n_char);
+}
+
+/** 退格删除文本，即删除文本光标的当前坐标左边的文本 */
+int pd_text_backspace(pd_text_t *text, int n_char)
+{
+        int n_del;
+        int char_x, char_y;
+        pd_text_line_t *line;
+
+        /* 先获取当前字的位置 */
+        char_x = text->caret.x;
+        char_y = text->caret.y;
+        /* 再计算删除 n_char 个字后的位置 */
+        for (n_del = n_char; char_y >= 0; --char_y) {
+                line = text->lines[char_y];
+                /* 如果不是当前行，则重定位至行尾 */
+                if (char_y < text->caret.y) {
+                        char_x = line->length;
+                        if (line->eol == PD_TEXT_EOL_NONE) {
+                                --char_x;
+                        }
+                }
+                if (char_x >= n_del) {
+                        char_x = char_x - n_del;
+                        n_del = 0;
+                        break;
+                }
+                n_del = n_del - char_x - 1;
+        }
+        if (char_y < 0 || n_del == n_char) {
+                return -1;
+        }
+        /* 若能够被删除的字不够 n_char 个，则调整需删除的字数 */
+        if (n_del > 0) {
+                n_char -= n_del;
+        }
+        /* 开始删除文本 */
+        pd_text_delete_ex(text, char_y, char_x, n_char);
+        /* 若最后一行被完全移除，则移动输入点至上一行的行尾处 */
+        if (char_x == 0 && text->lines_length > 0 &&
+            char_y >= text->lines_length) {
+                char_y = text->lines_length - 1;
+                char_x = text->lines[char_y]->length;
+        }
+        /* 更新文本光标的位置 */
+        pd_text_set_caret(text, char_y, char_x);
+        return 0;
+}
+
+/** 设置是否使用样式标签 */
+void pd_text_set_style_tag(pd_text_t *text, bool enabled)
+{
+        text->style_tag_enabled = enabled;
+}
diff --git a/lib/pandagl/src/text/text_internal.h b/lib/pandagl/src/text/text_internal.h
new file mode 100644
index 000000000..0a99ad23f
--- /dev/null
+++ b/lib/pandagl/src/text/text_internal.h
@@ -0,0 +1,48 @@
+/*
+ * lib/pandagl/src/text/text_internal.h
+ *
+ * Copyright (c) 2018-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#ifndef LIB_PANDAGL_SRC_TEXT_TEXT_INTERNAL_H
+#define LIB_PANDAGL_SRC_TEXT_TEXT_INTERNAL_H
+
+#include <pandagl.h>
+
+/* line storage */
+pd_text_line_t *pd_text_get_line(pd_text_t *text, int line_num);
+pd_text_line_t *pd_text_insert_line(pd_text_t *text, size_t line_num);
+pd_text_line_t *pd_text_append_line(pd_text_t *text);
+int pd_text_delete_line(pd_text_t *text, int line_num);
+
+/* line-level helpers */
+int pd_text_line_set_length(pd_text_line_t *line, int len);
+int pd_text_line_insert(pd_text_line_t *line, int offset, pd_char_t *txtchar);
+int pd_text_line_insert_copy(pd_text_line_t *line, int ins_pos,
+                             pd_char_t *txtchar);
+void pd_text_line_erase(pd_text_line_t *line, int start, int end);
+void pd_text_line_move(pd_text_line_t *dst, int dst_start, pd_text_line_t *src,
+                       int src_start, int src_end);
+
+/* line geometry */
+void pd_text_update_line_size(pd_text_t *text, pd_text_line_t *line);
+int pd_text_get_line_start_x(pd_text_t *text, pd_text_line_t *line);
+int pd_text_get_line_rect(pd_text_t *text, int line_num, int start_col,
+                          int end_col, pd_rect_t *rect);
+void pd_text_mark_line_dirty(pd_text_t *text, int line_num, int start, int end);
+
+/* render helpers */
+void pd_char_update_bitmap(pd_char_t *ch, pd_text_style_t *style);
+void pd_text_update_style_cache(pd_text_t *text);
+
+/* typeset entry called by core/edit */
+void pd_text_typeset(pd_text_t *text, int start_line);
+void pd_text_break_line(pd_text_t *text, int line_num, int col,
+                        pd_text_eol_t eol);
+
+#endif
diff --git a/lib/pandagl/src/text/text_render.c b/lib/pandagl/src/text/text_render.c
new file mode 100644
index 000000000..3f91c54fb
--- /dev/null
+++ b/lib/pandagl/src/text/text_render.c
@@ -0,0 +1,175 @@
+/*
+ * lib/pandagl/src/text/text_render.c
+ *
+ * Copyright (c) 2018-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <stdlib.h>
+#include <pandagl.h>
+#include "text_internal.h"
+
+void pd_char_update_bitmap(pd_char_t *ch, pd_text_style_t *style)
+{
+        int i = 0;
+        int size = style->pixel_size;
+        int *font_ids = style->font_ids;
+
+        if (ch->style) {
+                if (ch->style->has_family) {
+                        font_ids = ch->style->font_ids;
+                }
+                if (ch->style->has_pixel_size) {
+                        size = ch->style->pixel_size;
+                }
+        }
+        while (font_ids && font_ids[i] > 0) {
+                int ret = pd_font_cache_get_bitmap(ch->code, font_ids[i], size,
+                                                   &ch->bitmap);
+                if (ret == 0) {
+                        return;
+                }
+                ++i;
+        }
+        pd_font_cache_get_bitmap(ch->code, -1, size, &ch->bitmap);
+}
+
+void pd_text_update_style_cache(pd_text_t *text)
+{
+        list_node_t *node;
+        if (!text->default_style.has_family) {
+                pd_text_style_set_default_font(&text->default_style);
+        }
+        /* 替换缺省字体，确保能够正确应用字体设置 */
+        for (list_each(node, &text->styles)) {
+                pd_text_style_merge(node->data, &text->default_style);
+        }
+}
+
+/** 重新载入各个文字的字体位图 */
+void pd_text_reload_bitmap(pd_text_t *text)
+{
+        int line_num, col;
+        pd_text_update_style_cache(text);
+        for (line_num = 0; line_num < text->lines_length; ++line_num) {
+                pd_text_line_t *line = text->lines[line_num];
+                for (col = 0; col < line->length; ++col) {
+                        pd_char_t *txtchar = line->string[col];
+                        pd_char_update_bitmap(txtchar, &text->default_style);
+                }
+                pd_text_update_line_size(text, line);
+        }
+}
+
+static void pd_text_validate_rect(pd_text_t *text, pd_rect_t *area)
+{
+        int width, height;
+
+        if (text->fixed_width > 0) {
+                width = text->fixed_width;
+        } else if (text->max_width > 0) {
+                width = text->max_width;
+        } else {
+                width = text->width;
+        }
+        if (text->fixed_height > 0) {
+                height = text->fixed_height;
+        } else {
+                height = pd_text_get_height(text);
+        }
+        pd_rect_correct(area, width, height);
+}
+
+static void pd_text_render_char(pd_text_t *text, pd_char_t *ch,
+                                pd_canvas_t *graph, pd_pos_t ch_pos)
+{
+        /* 判断文字使用的前景颜色，再进行绘制 */
+        if (ch->style && ch->style->has_fore_color) {
+                pd_canvas_mix_glyph_bitmap(graph, ch_pos, ch->bitmap,
+                                           ch->style->fore_color);
+        } else {
+                pd_canvas_mix_glyph_bitmap(graph, ch_pos, ch->bitmap,
+                                           text->default_style.fore_color);
+        }
+}
+
+static void pd_text_render_line(pd_text_t *text, pd_rect_t *area,
+                                pd_canvas_t *graph, pd_pos_t layer_pos,
+                                pd_text_line_t *line, int y)
+{
+        pd_char_t *ch;
+        pd_pos_t pen;
+        int col, x;
+
+        x = pd_text_get_line_start_x(text, line) + text->offset_x;
+        for (col = 0; col < line->length && x < area->x + area->width; ++col) {
+                ch = line->string[col];
+                if (!ch->bitmap) {
+                        continue;
+                }
+                if (x + ch->bitmap->metrics.hori_advance < area->x) {
+                        x += ch->bitmap->metrics.hori_advance;
+                        continue;
+                }
+                pen.x = layer_pos.x + x;
+                pen.y = layer_pos.y + y;
+                if (ch->style && ch->style->has_back_color) {
+                        pd_rect_t rect;
+                        rect.x = pen.x;
+                        rect.y = pen.y;
+                        rect.height = line->height;
+                        rect.width = ch->bitmap->metrics.hori_advance;
+                        pd_canvas_fill_rect(graph, ch->style->back_color, rect);
+                }
+                pen.x += ch->bitmap->left;
+                pen.y += line->baseline_y - ch->bitmap->top;
+                pd_text_render_char(text, ch, graph, pen);
+                x += ch->bitmap->metrics.hori_advance;
+        }
+}
+
+int pd_text_render_to(pd_text_t *text, pd_rect_t area, pd_pos_t layer_pos,
+                      pd_canvas_t *canvas)
+{
+        int y;
+        int line_num;
+        pd_text_line_t *line;
+
+        y = text->offset_y;
+        /* 确定可绘制的最大区域范围 */
+        pd_text_validate_rect(text, &area);
+        for (line_num = 0; line_num < text->lines_length; ++line_num) {
+                line = pd_text_get_line(text, line_num);
+                y += line->height;
+                if (y > area.y) {
+                        y -= line->height;
+                        break;
+                }
+        }
+        /* 如果没有可绘制的文本行 */
+        if (line_num >= text->lines_length) {
+                return -1;
+        }
+        for (; line_num < text->lines_length; ++line_num) {
+                line = pd_text_get_line(text, line_num);
+                pd_text_render_line(text, &area, canvas, layer_pos, line, y);
+                y += line->height;
+                /* 超出绘制区域范围就不绘制了 */
+                if (y > area.y + area.height) {
+                        break;
+                }
+        }
+        return 0;
+}
+
+/** 设置全局文本样式 */
+void pd_text_set_style(pd_text_t *text, pd_text_style_t *style)
+{
+        pd_text_style_destroy(&text->default_style);
+        pd_text_style_copy(&text->default_style, style);
+        text->task.update_bitmap = true;
+}
diff --git a/lib/pandagl/src/text/text_typeset.c b/lib/pandagl/src/text/text_typeset.c
new file mode 100644
index 000000000..ff6226e59
--- /dev/null
+++ b/lib/pandagl/src/text/text_typeset.c
@@ -0,0 +1,162 @@
+/*
+ * lib/pandagl/src/text/text_typeset.c
+ *
+ * Copyright (c) 2018-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <stdlib.h>
+#include <pandagl.h>
+#include "text_internal.h"
+
+#define isalpha_(ch) ((ch >= 'a' && ch <= 'z') || (ch >= 'A' && ch <= 'Z'))
+
+void pd_text_break_line(pd_text_t *text, int line_num, int col,
+                        pd_text_eol_t eol)
+{
+        int n;
+        pd_text_line_t *line, *next;
+
+        line = pd_text_get_line(text, line_num);
+        next = pd_text_insert_line(text, line_num + 1);
+        /* 将本行原有的行尾符转移至下一行 */
+        next->eol = line->eol;
+        line->eol = eol;
+        for (n = line->length - 1; n >= col; --n) {
+                pd_text_line_insert(next, 0, line->string[n]);
+                line->string[n] = NULL;
+        }
+        line->length = col;
+        pd_text_update_line_size(text, line);
+        pd_text_update_line_size(text, next);
+}
+
+static void pd_text_merge_line(pd_text_t *text, int line_num)
+{
+        int old_len;
+        pd_text_line_t *line = pd_text_get_line(text, line_num);
+        pd_text_line_t *next = pd_text_get_line(text, line_num + 1);
+
+        if (!line || !next) {
+                return;
+        }
+        if (text->caret.y > line_num) {
+                --text->caret.y;
+                if (text->caret.y == line_num) {
+                        text->caret.x += line->length;
+                }
+        }
+        old_len = line->length;
+        pd_text_line_set_length(line, line->length + next->length);
+        pd_text_line_move(line, old_len, next, 0, next->length);
+        line->eol = next->eol;
+        pd_text_update_line_size(text, line);
+        pd_text_delete_line(text, line_num + 1);
+}
+
+static void pd_text_typeset_line(pd_text_t *text, int line_num)
+{
+        int col, line_width = 0, word_col = 0;
+        int max_width =
+            text->fixed_width > 0 ? text->fixed_width : text->max_width;
+
+        pd_char_t *txtchar;
+        pd_text_line_t *line = text->lines[line_num];
+        bool autowrap =
+            max_width > 0 && text->autowrap_enabled && text->multiline_enabled;
+
+        for (col = 0; col < line->length; ++col) {
+                txtchar = line->string[col];
+                if (!txtchar->bitmap) {
+                        continue;
+                }
+                /* 累加行宽度 */
+                line_width += txtchar->bitmap->metrics.hori_advance;
+                /* 如果是当前行的第一个字符，或者行宽度没有超过宽度限制 */
+                if (!autowrap || col < 1 || line_width <= max_width) {
+                        if (isalpha_(txtchar->code)) {
+                        } else {
+                                word_col = col + 1;
+                        }
+                        continue;
+                }
+                if (text->word_break == PD_WORD_BREAK_NORMAL) {
+                        if (word_col < 1) {
+                                continue;
+                        }
+                        col = word_col;
+                }
+                pd_text_break_line(text, line_num, col, PD_TEXT_EOL_NONE);
+                return;
+        }
+        pd_text_update_line_size(text, line);
+        /* 如果本行有换行符，或者是最后一行 */
+        if (line->eol != PD_TEXT_EOL_NONE ||
+            line_num == text->lines_length - 1) {
+                return;
+        }
+        line_width = line->width;
+        /* 本行的文本宽度未达到限制宽度，需要将下行的文本转移至本行 */
+        if (line->eol == PD_TEXT_EOL_NONE) {
+                pd_text_mark_line_dirty(text, line_num, 0, -1);
+                pd_text_mark_line_dirty(text, line_num + 1, 0, -1);
+                pd_text_merge_line(text, line_num);
+                pd_text_typeset_line(text, line_num);
+        }
+}
+
+/** 从指定行开始，对文本进行排版 */
+void pd_text_typeset(pd_text_t *text, int start_line)
+{
+        int line_num;
+        /* 记录排版前各个文本行的矩形区域 */
+        pd_text_mark_dirty(text, start_line, -1);
+        for (line_num = start_line; line_num < text->lines_length; ++line_num) {
+                pd_text_typeset_line(text, line_num);
+        }
+        /* 记录排版后各个文本行的矩形区域 */
+        pd_text_mark_dirty(text, start_line, -1);
+}
+
+/** 设置是否启用多行文本模式 */
+void pd_text_set_multiline(pd_text_t *text, bool enabled)
+{
+        if (text->multiline_enabled != enabled) {
+                text->multiline_enabled = enabled;
+                pd_text_request_typeset(text, 0);
+        }
+}
+
+void pd_text_set_autowrap(pd_text_t *text, bool autowrap)
+{
+        if (text->autowrap_enabled != autowrap) {
+                text->autowrap_enabled = autowrap;
+                pd_text_request_typeset(text, 0);
+        }
+}
+
+void pd_text_set_word_break(pd_text_t *text, pd_word_break_t word_break)
+{
+        if (text->word_break != word_break) {
+                text->word_break = word_break;
+                pd_text_request_typeset(text, 0);
+        }
+}
+
+void pd_text_set_align(pd_text_t *text, int align)
+{
+        text->text_align = align;
+        text->task.update_typeset = true;
+        text->task.typeset_start_line = 0;
+}
+
+void pd_text_set_line_height(pd_text_t *text, int height)
+{
+        text->line_height = height;
+        text->task.update_typeset = true;
+        text->task.typeset_start_line = 0;
+}
diff --git a/lib/pandagl/src/tile.c b/lib/pandagl/src/tile.c
index 81a7ded93..d015d9c7c 100644
--- a/lib/pandagl/src/tile.c
+++ b/lib/pandagl/src/tile.c
@@ -1,33 +1,33 @@
 /*
  * lib/pandagl/src/tile.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <pandagl.h>
 
-int pd_canvas_tile(pd_canvas_t *buff, const pd_canvas_t *canvas,
-		   bool replace, bool with_alpha)
+int pd_canvas_tile(pd_canvas_t *buff, const pd_canvas_t *canvas, bool replace,
+                   bool with_alpha)
 {
-	int ret = 0;
-	unsigned x, y;
+        int ret = 0;
+        unsigned x, y;
 
-	if (!pd_canvas_is_valid(canvas) || !pd_canvas_is_valid(buff)) {
-		return -1;
-	}
-	for (y = 0; y < buff->height; y += canvas->height) {
-		for (x = 0; x < buff->width; x += canvas->width) {
-			if (replace) {
-				ret += pd_canvas_replace(buff, canvas, y, x);
-				continue;
-			}
-			ret += pd_canvas_mix(buff, canvas, y, x, with_alpha);
-		}
-	}
-	return ret;
+        if (!pd_canvas_is_valid(canvas) || !pd_canvas_is_valid(buff)) {
+                return -1;
+        }
+        for (y = 0; y < buff->height; y += canvas->height) {
+                for (x = 0; x < buff->width; x += canvas->width) {
+                        if (replace) {
+                                ret += pd_canvas_replace(buff, canvas, y, x);
+                                continue;
+                        }
+                        ret += pd_canvas_mix(buff, canvas, y, x, with_alpha);
+                }
+        }
+        return ret;
 }
diff --git a/lib/pandagl/src/zoom.c b/lib/pandagl/src/zoom.c
index 8ba2a16b0..ad31577e4 100644
--- a/lib/pandagl/src/zoom.c
+++ b/lib/pandagl/src/zoom.c
@@ -1,176 +1,176 @@
 /*
  * lib/pandagl/src/zoom.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <pandagl.h>
 
 static uint8_t canvas_bilinear_resampling_core(uint8_t a, uint8_t b, uint8_t c,
-					       uint8_t d, float dx, float dy)
+                                               uint8_t d, float dx, float dy)
 {
-	return (uint8_t)(a * (1 - dx) * (1 - dy) + b * (dx) * (1 - dy) +
-			 c * (dy) * (1 - dx) + d * (dx * dy));
+        return (uint8_t)(a * (1 - dx) * (1 - dy) + b * (dx) * (1 - dy) +
+                         c * (dy) * (1 - dx) + d * (dx * dy));
 }
 
 int pd_canvas_zoom(const pd_canvas_t *canvas, pd_canvas_t *buff,
-		   bool keep_scale, int width, int height)
+                   bool keep_scale, int width, int height)
 {
-	pd_rect_t rect;
-	int x, y, src_x, src_y;
-	double scale_x = 0.0, scale_y = 0.0;
+        pd_rect_t rect;
+        int x, y, src_x, src_y;
+        double scale_x = 0.0, scale_y = 0.0;
 
-	if (!pd_canvas_is_valid(canvas) || (width <= 0 && height <= 0)) {
-		return -1;
-	}
-	/* 获取引用的有效区域，以及指向引用的对象的指针 */
-	pd_canvas_get_quote_rect(canvas, &rect);
-	canvas = pd_canvas_get_quote_source_readonly(canvas);
-	if (width > 0) {
-		scale_x = 1.0 * rect.width / width;
-	}
-	if (height > 0) {
-		scale_y = 1.0 * rect.height / height;
-	}
-	if (width <= 0) {
-		scale_x = scale_y;
-		width = (int)(0.5 + 1.0 * canvas->width / scale_x);
-	}
-	if (height <= 0) {
-		scale_y = scale_x;
-		height = (int)(0.5 + 1.0 * canvas->height / scale_y);
-	}
-	/* 如果保持宽高比 */
-	if (keep_scale) {
-		if (scale_x < scale_y) {
-			scale_y = scale_x;
-		} else {
-			scale_x = scale_y;
-		}
-	}
-	buff->color_type = canvas->color_type;
-	if (pd_canvas_create(buff, width, height) < 0) {
-		return -2;
-	}
-	if (canvas->color_type == PD_COLOR_TYPE_ARGB) {
-		pd_color_t *px_src, *px_des, *px_row_src;
-		for (y = 0; y < height; ++y) {
-			src_y = (int)(y * scale_y);
-			px_row_src = canvas->argb;
-			px_row_src += (src_y + rect.y) * canvas->width + rect.x;
-			px_des = buff->argb + y * width;
-			for (x = 0; x < width; ++x) {
-				src_x = (int)(x * scale_x);
-				px_src = px_row_src + src_x;
-				*px_des++ = *px_src;
-			}
-		}
-	} else {
-		uint8_t *byte_src, *byte_des, *byte_row_src;
-		for (y = 0; y < height; ++y) {
-			byte_row_src = pd_canvas_pixel_at(
-			    canvas, rect.x, (int)(y * scale_y) + rect.y);
-			byte_des = pd_canvas_pixel_at(buff, 0, y);
-			for (x = 0; x < width; ++x) {
-				src_x = (int)(x * scale_x);
-				src_x *= canvas->bytes_per_pixel;
-				byte_src = byte_row_src + src_x;
-				*byte_des++ = *byte_src++;
-				*byte_des++ = *byte_src++;
-				*byte_des++ = *byte_src;
-			}
-		}
-	}
-	return 0;
+        if (!pd_canvas_is_valid(canvas) || (width <= 0 && height <= 0)) {
+                return -1;
+        }
+        /* 获取引用的有效区域，以及指向引用的对象的指针 */
+        pd_canvas_get_quote_rect(canvas, &rect);
+        canvas = pd_canvas_get_quote_source_readonly(canvas);
+        if (width > 0) {
+                scale_x = 1.0 * rect.width / width;
+        }
+        if (height > 0) {
+                scale_y = 1.0 * rect.height / height;
+        }
+        if (width <= 0) {
+                scale_x = scale_y;
+                width = (int)(0.5 + 1.0 * canvas->width / scale_x);
+        }
+        if (height <= 0) {
+                scale_y = scale_x;
+                height = (int)(0.5 + 1.0 * canvas->height / scale_y);
+        }
+        /* 如果保持宽高比 */
+        if (keep_scale) {
+                if (scale_x < scale_y) {
+                        scale_y = scale_x;
+                } else {
+                        scale_x = scale_y;
+                }
+        }
+        buff->color_type = canvas->color_type;
+        if (pd_canvas_create(buff, width, height) < 0) {
+                return -2;
+        }
+        if (canvas->color_type == PD_COLOR_TYPE_ARGB) {
+                pd_color_t *px_src, *px_des, *px_row_src;
+                for (y = 0; y < height; ++y) {
+                        src_y = (int)(y * scale_y);
+                        px_row_src = canvas->argb;
+                        px_row_src += (src_y + rect.y) * canvas->width + rect.x;
+                        px_des = buff->argb + y * width;
+                        for (x = 0; x < width; ++x) {
+                                src_x = (int)(x * scale_x);
+                                px_src = px_row_src + src_x;
+                                *px_des++ = *px_src;
+                        }
+                }
+        } else {
+                uint8_t *byte_src, *byte_des, *byte_row_src;
+                for (y = 0; y < height; ++y) {
+                        byte_row_src = pd_canvas_pixel_at(
+                            canvas, rect.x, (int)(y * scale_y) + rect.y);
+                        byte_des = pd_canvas_pixel_at(buff, 0, y);
+                        for (x = 0; x < width; ++x) {
+                                src_x = (int)(x * scale_x);
+                                src_x *= canvas->bytes_per_pixel;
+                                byte_src = byte_row_src + src_x;
+                                *byte_des++ = *byte_src++;
+                                *byte_des++ = *byte_src++;
+                                *byte_des++ = *byte_src;
+                        }
+                }
+        }
+        return 0;
 }
 
 int pd_canvas_zoom_bilinear(const pd_canvas_t *canvas, pd_canvas_t *buff,
-			    bool keep_scale, int width, int height)
+                            bool keep_scale, int width, int height)
 {
-	pd_rect_t rect;
-	pd_color_t a, b, c, d, t_color;
+        pd_rect_t rect;
+        pd_color_t a, b, c, d, t_color;
 
-	int x, y, i, j;
-	float x_diff, y_diff;
-	double scale_x = 0.0, scale_y = 0.0;
+        int x, y, i, j;
+        float x_diff, y_diff;
+        double scale_x = 0.0, scale_y = 0.0;
 
-	if (canvas->color_type != PD_COLOR_TYPE_RGB &&
-	    canvas->color_type != PD_COLOR_TYPE_ARGB) {
-		/* fall back to nearest scaling */
-		logger_debug("[canvas] unable to perform bilinear scaling, "
-			     "fallback...\n");
-		return pd_canvas_zoom(canvas, buff, keep_scale, width, height);
-	}
-	if (!pd_canvas_is_valid(canvas) || (width <= 0 && height <= 0)) {
-		return -1;
-	}
-	/* 获取引用的有效区域，以及指向引用的对象的指针 */
-	pd_canvas_get_quote_rect(canvas, &rect);
-	canvas = pd_canvas_get_quote_source_readonly(canvas);
-	if (width > 0) {
-		scale_x = 1.0 * rect.width / width;
-	}
-	if (height > 0) {
-		scale_y = 1.0 * rect.height / height;
-	}
-	if (width <= 0) {
-		scale_x = scale_y;
-		width = (int)(0.5 + 1.0 * canvas->width / scale_x);
-	}
-	if (height <= 0) {
-		scale_y = scale_x;
-		height = (int)(0.5 + 1.0 * canvas->height / scale_y);
-	}
-	/* 如果保持宽高比 */
-	if (keep_scale) {
-		if (scale_x < scale_y) {
-			scale_y = scale_x;
-		} else {
-			scale_x = scale_y;
-		}
-	}
-	buff->color_type = canvas->color_type;
-	if (pd_canvas_create(buff, width, height) < 0) {
-		return -2;
-	}
-	for (i = 0; i < height; i++) {
-		for (j = 0; j < width; j++) {
-			/*
-			 * Qmn = (m, n).
-			 * Qxy1 = (x2 - x) / (x2 - x1) * Q11 + (x - x1) / (x2
-			 * - x1) * Q21
-			 * Qxy2 = (x2 - x) / (x2 - x1) * Q12 + (x - x1) / (x2
-			 * - x1) * Q22
-			 * Qxy = (y2 - y) / (y2 - y1) * Qxy1 + (y - y1) / (y2 -
-			 * y1) * Qxy2
-			 */
-			x = (int)(scale_x * j);
-			y = (int)(scale_y * i);
-			x_diff = (float)((scale_x * j) - x);
-			y_diff = (float)((scale_y * i) - y);
-			a = pd_canvas_get_pixel(canvas, x + rect.x + 0,
-						y + rect.y + 0);
-			b = pd_canvas_get_pixel(canvas, x + rect.x + 1,
-						y + rect.y + 0);
-			c = pd_canvas_get_pixel(canvas, x + rect.x + 0,
-						y + rect.y + 1);
-			d = pd_canvas_get_pixel(canvas, x + rect.x + 1,
-						y + rect.y + 1);
-			t_color.b = canvas_bilinear_resampling_core(
-			    a.b, b.b, c.b, d.b, x_diff, y_diff);
-			t_color.g = canvas_bilinear_resampling_core(
-			    a.g, b.g, c.g, d.g, x_diff, y_diff);
-			t_color.r = canvas_bilinear_resampling_core(
-			    a.r, b.r, c.r, d.r, x_diff, y_diff);
-			t_color.a = canvas_bilinear_resampling_core(
-			    a.a, b.a, c.a, d.a, x_diff, y_diff);
-			pd_canvas_set_pixel(buff, j, i, t_color);
-		}
-	}
-	return 0;
+        if (canvas->color_type != PD_COLOR_TYPE_RGB &&
+            canvas->color_type != PD_COLOR_TYPE_ARGB) {
+                /* fall back to nearest scaling */
+                logger_debug("[canvas] unable to perform bilinear scaling, "
+                             "fallback...\n");
+                return pd_canvas_zoom(canvas, buff, keep_scale, width, height);
+        }
+        if (!pd_canvas_is_valid(canvas) || (width <= 0 && height <= 0)) {
+                return -1;
+        }
+        /* 获取引用的有效区域，以及指向引用的对象的指针 */
+        pd_canvas_get_quote_rect(canvas, &rect);
+        canvas = pd_canvas_get_quote_source_readonly(canvas);
+        if (width > 0) {
+                scale_x = 1.0 * rect.width / width;
+        }
+        if (height > 0) {
+                scale_y = 1.0 * rect.height / height;
+        }
+        if (width <= 0) {
+                scale_x = scale_y;
+                width = (int)(0.5 + 1.0 * canvas->width / scale_x);
+        }
+        if (height <= 0) {
+                scale_y = scale_x;
+                height = (int)(0.5 + 1.0 * canvas->height / scale_y);
+        }
+        /* 如果保持宽高比 */
+        if (keep_scale) {
+                if (scale_x < scale_y) {
+                        scale_y = scale_x;
+                } else {
+                        scale_x = scale_y;
+                }
+        }
+        buff->color_type = canvas->color_type;
+        if (pd_canvas_create(buff, width, height) < 0) {
+                return -2;
+        }
+        for (i = 0; i < height; i++) {
+                for (j = 0; j < width; j++) {
+                        /*
+                         * Qmn = (m, n).
+                         * Qxy1 = (x2 - x) / (x2 - x1) * Q11 + (x - x1) / (x2
+                         * - x1) * Q21
+                         * Qxy2 = (x2 - x) / (x2 - x1) * Q12 + (x - x1) / (x2
+                         * - x1) * Q22
+                         * Qxy = (y2 - y) / (y2 - y1) * Qxy1 + (y - y1) / (y2 -
+                         * y1) * Qxy2
+                         */
+                        x = (int)(scale_x * j);
+                        y = (int)(scale_y * i);
+                        x_diff = (float)((scale_x * j) - x);
+                        y_diff = (float)((scale_y * i) - y);
+                        a = pd_canvas_get_pixel(canvas, x + rect.x + 0,
+                                                y + rect.y + 0);
+                        b = pd_canvas_get_pixel(canvas, x + rect.x + 1,
+                                                y + rect.y + 0);
+                        c = pd_canvas_get_pixel(canvas, x + rect.x + 0,
+                                                y + rect.y + 1);
+                        d = pd_canvas_get_pixel(canvas, x + rect.x + 1,
+                                                y + rect.y + 1);
+                        t_color.b = canvas_bilinear_resampling_core(
+                            a.b, b.b, c.b, d.b, x_diff, y_diff);
+                        t_color.g = canvas_bilinear_resampling_core(
+                            a.g, b.g, c.g, d.g, x_diff, y_diff);
+                        t_color.r = canvas_bilinear_resampling_core(
+                            a.r, b.r, c.r, d.r, x_diff, y_diff);
+                        t_color.a = canvas_bilinear_resampling_core(
+                            a.a, b.a, c.a, d.a, x_diff, y_diff);
+                        pd_canvas_set_pixel(buff, j, i, t_color);
+                }
+        }
+        return 0;
 }
diff --git a/lib/pandagl/test/test.c b/lib/pandagl/test/test.c
deleted file mode 100644
index 8b5f57ed9..000000000
--- a/lib/pandagl/test/test.c
+++ /dev/null
@@ -1,19 +0,0 @@
-/*
- * lib/pandagl/test/test.c
- *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include "test.h"
-#include "ctest.h"
-
-int main()
-{
-	ctest_describe("test_canvas_mix", test_canvas_mix);
-	return ctest_finish();
-}
diff --git a/lib/pandagl/test/test.h b/lib/pandagl/test/test.h
deleted file mode 100644
index 33aaef077..000000000
--- a/lib/pandagl/test/test.h
+++ /dev/null
@@ -1,12 +0,0 @@
-/*
- * lib/pandagl/test/test.h
- *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-void test_canvas_mix(void);
diff --git a/lib/pandagl/test/test_canvas_mix.c b/lib/pandagl/test/test_canvas_mix.c
deleted file mode 100644
index 595046ed2..000000000
--- a/lib/pandagl/test/test_canvas_mix.c
+++ /dev/null
@@ -1,71 +0,0 @@
-/*
- * lib/pandagl/test/test_canvas_mix.c
- *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <stdio.h>
-#include "test.h"
-#include "ctest.h"
-#include <pandagl.h>
-
-int color2str(char *str, const pd_color_t *color)
-{
-	return sprintf(str, "rgba(%d, %d, %d, %g)", color->r, color->g,
-		       color->b, color->a / 255.f);
-}
-
-void test_canvas_mix(void)
-{
-	char rgba_str[64];
-	pd_color_t *pixel;
-	pd_color_t white = pd_rgb(255, 255, 255);
-	pd_color_t red = pd_rgb(255, 0, 0);
-	pd_color_t blue = pd_argb(204, 0, 0, 255);
-	pd_canvas_t white_layer;
-	pd_canvas_t red_layer;
-	pd_canvas_t blue_layer;
-
-	pd_canvas_init(&white_layer);
-	white_layer.color_type = PD_COLOR_TYPE_ARGB;
-	pd_canvas_create(&white_layer, 100, 100);
-	pd_canvas_fill(&white_layer, white);
-
-	pd_canvas_init(&red_layer);
-	red_layer.color_type = PD_COLOR_TYPE_ARGB;
-	red_layer.opacity = 0.5;
-	pd_canvas_create(&red_layer, 80, 80);
-	pd_canvas_fill(&red_layer, red);
-
-	pd_canvas_init(&blue_layer);
-	blue_layer.color_type = PD_COLOR_TYPE_ARGB;
-	pd_canvas_create(&blue_layer, 60, 60);
-	pd_canvas_fill(&blue_layer, blue);
-
-	pd_canvas_mix(&red_layer, &blue_layer, 10, 10, true);
-	pixel = pd_canvas_pixel_at(&red_layer, 15, 15);
-	color2str(rgba_str, pixel);
-	ctest_equal_str("red_layer(15, 15)", rgba_str, "rgba(50, 0, 204, 1)");
-
-	pd_canvas_mix(&white_layer, &red_layer, 10, 10, true);
-	pixel = pd_canvas_pixel_at(&white_layer, 0, 0);
-	color2str(rgba_str, pixel);
-	ctest_equal_str("white_layer(0, 0)", rgba_str, "rgba(255, 255, 255, 1)");
-
-	pixel = pd_canvas_pixel_at(&white_layer, 15, 15);
-	color2str(rgba_str, pixel);
-	ctest_equal_str("white_layer(15, 15)", rgba_str, "rgba(255, 127, 127, 1)");
-
-	pixel = pd_canvas_pixel_at(&white_layer, 25, 25);
-	color2str(rgba_str, pixel);
-	ctest_equal_str("white_layer(25, 25)", rgba_str, "rgba(152, 127, 229, 1)");
-
-	pd_canvas_destroy(&white_layer);
-	pd_canvas_destroy(&red_layer);
-	pd_canvas_destroy(&blue_layer);
-}
diff --git a/tests/test_font_load.ttf b/lib/pandagl/tests/fixtures/test_font_load.ttf
similarity index 100%
rename from tests/test_font_load.ttf
rename to lib/pandagl/tests/fixtures/test_font_load.ttf
diff --git a/tests/test_image_reader.bmp b/lib/pandagl/tests/fixtures/test_image_reader.bmp
similarity index 100%
rename from tests/test_image_reader.bmp
rename to lib/pandagl/tests/fixtures/test_image_reader.bmp
diff --git a/tests/test_image_reader.jpg b/lib/pandagl/tests/fixtures/test_image_reader.jpg
similarity index 100%
rename from tests/test_image_reader.jpg
rename to lib/pandagl/tests/fixtures/test_image_reader.jpg
diff --git a/lib/pandagl/tests/fixtures/test_image_reader.png b/lib/pandagl/tests/fixtures/test_image_reader.png
new file mode 100644
index 000000000..cb3fef4cf
Binary files /dev/null and b/lib/pandagl/tests/fixtures/test_image_reader.png differ
diff --git a/lib/pandagl/tests/main.c b/lib/pandagl/tests/main.c
new file mode 100644
index 000000000..f43b886aa
--- /dev/null
+++ b/lib/pandagl/tests/main.c
@@ -0,0 +1,33 @@
+/*
+ * lib/pandagl/tests/main.c
+ *
+ * Copyright (c) 2026, Liu Chao <i@lc-soft.io> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <ctest.h>
+
+extern void test_pandagl_canvas_mix(void);
+extern void test_pandagl_image_reader(void);
+extern void test_pandagl_font_load(void);
+extern void test_pandagl_text_edit(void);
+extern void test_pandagl_font_cache(void);
+extern void test_pandagl_text_baseline(void);
+extern void test_pandagl_text_style_tag(void);
+
+static const ctest_suite_t suites[] = {
+        { "pandagl/canvas mix", test_pandagl_canvas_mix },
+        { "pandagl/image reader", test_pandagl_image_reader },
+        { "pandagl/font load", test_pandagl_font_load },
+        { "pandagl/text edit", test_pandagl_text_edit },
+        { "pandagl/font cache", test_pandagl_font_cache },
+        { "pandagl/text baseline", test_pandagl_text_baseline },
+        { "pandagl/text style tag", test_pandagl_text_style_tag },
+        { NULL, NULL }
+};
+
+CTEST_MAIN(suites)
diff --git a/lib/pandagl/tests/test_canvas_mix.c b/lib/pandagl/tests/test_canvas_mix.c
new file mode 100644
index 000000000..12dbd73ec
--- /dev/null
+++ b/lib/pandagl/tests/test_canvas_mix.c
@@ -0,0 +1,73 @@
+/*
+ * lib/pandagl/tests/test_canvas_mix.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <stdio.h>
+#include <ctest.h>
+#include <pandagl.h>
+
+int color2str(char *str, const pd_color_t *color)
+{
+        return sprintf(str, "rgba(%d, %d, %d, %g)", color->r, color->g,
+                       color->b, color->a / 255.f);
+}
+
+void test_pandagl_canvas_mix(void)
+{
+        char rgba_str[64];
+        pd_color_t *pixel;
+        pd_color_t white = pd_rgb(255, 255, 255);
+        pd_color_t red = pd_rgb(255, 0, 0);
+        pd_color_t blue = pd_argb(204, 0, 0, 255);
+        pd_canvas_t white_layer;
+        pd_canvas_t red_layer;
+        pd_canvas_t blue_layer;
+
+        pd_canvas_init(&white_layer);
+        white_layer.color_type = PD_COLOR_TYPE_ARGB;
+        pd_canvas_create(&white_layer, 100, 100);
+        pd_canvas_fill(&white_layer, white);
+
+        pd_canvas_init(&red_layer);
+        red_layer.color_type = PD_COLOR_TYPE_ARGB;
+        red_layer.opacity = 0.5;
+        pd_canvas_create(&red_layer, 80, 80);
+        pd_canvas_fill(&red_layer, red);
+
+        pd_canvas_init(&blue_layer);
+        blue_layer.color_type = PD_COLOR_TYPE_ARGB;
+        pd_canvas_create(&blue_layer, 60, 60);
+        pd_canvas_fill(&blue_layer, blue);
+
+        pd_canvas_mix(&red_layer, &blue_layer, 10, 10, true);
+        pixel = pd_canvas_pixel_at(&red_layer, 15, 15);
+        color2str(rgba_str, pixel);
+        ctest_equal_str("red_layer(15, 15)", rgba_str, "rgba(50, 0, 204, 1)");
+
+        pd_canvas_mix(&white_layer, &red_layer, 10, 10, true);
+        pixel = pd_canvas_pixel_at(&white_layer, 0, 0);
+        color2str(rgba_str, pixel);
+        ctest_equal_str("white_layer(0, 0)", rgba_str,
+                        "rgba(255, 255, 255, 1)");
+
+        pixel = pd_canvas_pixel_at(&white_layer, 15, 15);
+        color2str(rgba_str, pixel);
+        ctest_equal_str("white_layer(15, 15)", rgba_str,
+                        "rgba(255, 127, 127, 1)");
+
+        pixel = pd_canvas_pixel_at(&white_layer, 25, 25);
+        color2str(rgba_str, pixel);
+        ctest_equal_str("white_layer(25, 25)", rgba_str,
+                        "rgba(152, 127, 229, 1)");
+
+        pd_canvas_destroy(&white_layer);
+        pd_canvas_destroy(&red_layer);
+        pd_canvas_destroy(&blue_layer);
+}
diff --git a/lib/pandagl/tests/test_font_cache.c b/lib/pandagl/tests/test_font_cache.c
new file mode 100644
index 000000000..8866f32bd
--- /dev/null
+++ b/lib/pandagl/tests/test_font_cache.c
@@ -0,0 +1,95 @@
+/*
+ * lib/pandagl/tests/test_font_cache.c
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <stdio.h>
+#include <string.h>
+#include <pandagl.h>
+#include <ctest.h>
+
+/*
+ * 字形位图缓存的功能测试：
+ * - 同一 (face, ch, size) 第二次请求应命中缓存，返回相同指针；
+ * - 不同 size 应得到不同 entry；
+ * - 渲染失败的字符回退到 .notdef，不应崩溃。
+ */
+
+static void should_return_same_pointer_on_cache_hit(void)
+{
+        const pd_glyph_bitmap_t *bmp1 = NULL;
+        const pd_glyph_bitmap_t *bmp2 = NULL;
+
+        ctest_equal_int("first lookup should succeed",
+                        pd_font_cache_get_bitmap('A', -1, 14, &bmp1), 0);
+        ctest_equal_int("second lookup should succeed",
+                        pd_font_cache_get_bitmap('A', -1, 14, &bmp2), 0);
+        ctest_equal_bool("cached bitmaps should share the same address",
+                         bmp1 == bmp2, true);
+}
+
+static void should_treat_different_sizes_as_different_entries(void)
+{
+        const pd_glyph_bitmap_t *bmp1 = NULL;
+        const pd_glyph_bitmap_t *bmp2 = NULL;
+
+        pd_font_cache_get_bitmap('B', -1, 12, &bmp1);
+        pd_font_cache_get_bitmap('B', -1, 24, &bmp2);
+        ctest_equal_bool("different sizes should yield different entries",
+                         bmp1 != NULL && bmp2 != NULL && bmp1 != bmp2, true);
+}
+
+static void should_not_crash_on_unknown_codepoint(void)
+{
+        const pd_glyph_bitmap_t *bmp = NULL;
+        /* 超出 BMP 的字符大概率没有 glyph，应回退而非崩溃 */
+        int ret = pd_font_cache_get_bitmap(0x10FFFD, -1, 14, &bmp);
+        ctest_equal_bool("should return non-positive code", ret <= 0, true);
+}
+
+static void should_evict_least_recently_used(void)
+{
+        const pd_glyph_bitmap_t *bmp = NULL;
+        size_t before;
+
+        /* 先用很大上限，预热若干 entry */
+        pd_font_cache_set_capacity(1024);
+        pd_font_cache_get_bitmap('X', -1, 10, &bmp);
+        pd_font_cache_get_bitmap('Y', -1, 10, &bmp);
+        pd_font_cache_get_bitmap('Z', -1, 10, &bmp);
+        before = pd_font_cache_count();
+        ctest_equal_bool("should hold at least 3 entries", before >= 3, true);
+
+        /* 把上限缩到 2，应立即驱逐 */
+        pd_font_cache_set_capacity(2);
+        ctest_equal_uint("count should drop to capacity",
+                         (unsigned)pd_font_cache_count(), 2u);
+
+        /* 添加新 entry 时仍不超过上限 */
+        pd_font_cache_get_bitmap('W', -1, 10, &bmp);
+        ctest_equal_uint("count should stay at capacity after new insert",
+                         (unsigned)pd_font_cache_count(), 2u);
+
+        /* 恢复无限制 */
+        pd_font_cache_set_capacity(0);
+}
+
+void test_pandagl_font_cache(void)
+{
+        pd_font_library_init();
+        ctest_describe("glyph cache hit returns same pointer",
+                       should_return_same_pointer_on_cache_hit);
+        ctest_describe("glyph cache differentiates by size",
+                       should_treat_different_sizes_as_different_entries);
+        ctest_describe("glyph cache handles unknown codepoint",
+                       should_not_crash_on_unknown_codepoint);
+        ctest_describe("glyph cache lru eviction",
+                       should_evict_least_recently_used);
+        pd_font_library_destroy();
+}
diff --git a/lib/pandagl/tests/test_font_load.c b/lib/pandagl/tests/test_font_load.c
new file mode 100644
index 000000000..9a007fa64
--- /dev/null
+++ b/lib/pandagl/tests/test_font_load.c
@@ -0,0 +1,174 @@
+/*
+ * lib/pandagl/tests/test_font_load.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <stdio.h>
+#include <pandagl.h>
+#include <ctest.h>
+
+#define GetSegoeUIFont(S, W) pd_font_get_id("Segoe UI", S, W)
+#define GetArialFont(S, W) pd_font_get_id("Arial", S, W)
+
+#ifdef _WIN32
+static void test_segoe_ui_font_load(void)
+{
+        pd_font_face_t *font;
+        int id;
+        if (pd_font_load_file("C:/windows/fonts/segoeui.ttf") != 0) {
+                return;
+        }
+        ctest_equal_int("should load segoeui.ttf",
+                        pd_font_load_file("C:/windows/fonts/segoeui.ttf"), 0);
+        ctest_equal_int("should load segoeuib.ttf",
+                        pd_font_load_file("C:/windows/fonts/segoeuib.ttf"), 0);
+        ctest_equal_int("should load segoeuii.ttf",
+                        pd_font_load_file("C:/windows/fonts/segoeuii.ttf"), 0);
+        ctest_equal_int("should load segoeuil.ttf",
+                        pd_font_load_file("C:/windows/fonts/segoeuil.ttf"), 0);
+        ctest_equal_int("should load segoeuisl.ttf",
+                        pd_font_load_file("C:/windows/fonts/segoeuisl.ttf"), 0);
+        ctest_equal_int("should load segoeuiz.ttf",
+                        pd_font_load_file("C:/windows/fonts/segoeuiz.ttf"), 0);
+        ctest_equal_int("should load seguibl.ttf",
+                        pd_font_load_file("C:/windows/fonts/seguibl.ttf"), 0);
+        ctest_equal_int("should load seguili.ttf",
+                        pd_font_load_file("C:/windows/fonts/seguili.ttf"), 0);
+        id = GetSegoeUIFont(PD_FONT_STYLE_NORMAL, PD_FONT_WEIGHT_NORMAL);
+        ctest_equal_bool("should resolve font (style: normal, weight: normal)",
+                         id > 0, true);
+        if (id > 0) {
+                font = pd_font_get(id);
+                ctest_equal_int("should match font style", font->style,
+                                PD_FONT_STYLE_NORMAL);
+                ctest_equal_int("should match font weight", font->weight,
+                                PD_FONT_WEIGHT_NORMAL);
+        }
+        id = GetSegoeUIFont(PD_FONT_STYLE_ITALIC, PD_FONT_WEIGHT_NORMAL);
+        ctest_equal_bool("should resolve font (style: italic, weight: normal)",
+                         id > 0, true);
+        if (id > 0) {
+                font = pd_font_get(id);
+                ctest_equal_int("should match font style", font->style,
+                                PD_FONT_STYLE_ITALIC);
+                ctest_equal_int("should match font weight", font->weight,
+                                PD_FONT_WEIGHT_NORMAL);
+        }
+        id = GetSegoeUIFont(PD_FONT_STYLE_NORMAL, PD_FONT_WEIGHT_BOLD);
+        ctest_equal_bool("should resolve font (style: normal, weight: bold)",
+                         id > 0, true);
+        if (id > 0) {
+                font = pd_font_get(id);
+                ctest_equal_int("should match font style", font->style,
+                                PD_FONT_STYLE_NORMAL);
+                ctest_equal_int("should match font weight", font->weight,
+                                PD_FONT_WEIGHT_BOLD);
+        }
+        id = GetSegoeUIFont(PD_FONT_STYLE_NORMAL, PD_FONT_WEIGHT_LIGHT);
+        ctest_equal_bool("should resolve font (style: normal, weight: light)",
+                         id > 0, true);
+        if (id > 0) {
+                font = pd_font_get(id);
+                ctest_equal_int("should match font style", font->style,
+                                PD_FONT_STYLE_NORMAL);
+                ctest_equal_int("should match font weight", font->weight,
+                                PD_FONT_WEIGHT_LIGHT);
+        }
+        id = GetSegoeUIFont(PD_FONT_STYLE_ITALIC, PD_FONT_WEIGHT_EXTRA_LIGHT);
+        ctest_equal_bool(
+            "should resolve font (style: italic, weight: extra light)", id > 0,
+            true);
+        if (id > 0) {
+                font = pd_font_get(id);
+                ctest_equal_int("should match font style", font->style,
+                                PD_FONT_STYLE_ITALIC);
+                ctest_equal_int("should match font weight", font->weight,
+                                PD_FONT_WEIGHT_EXTRA_LIGHT);
+        }
+}
+
+static void test_arial_font_load(void)
+{
+        int id;
+        pd_font_face_t *font;
+        if (pd_font_load_file("C:/windows/fonts/arial.ttf") != 0) {
+                return;
+        }
+        ctest_equal_int("should load arialbd.ttf",
+                        pd_font_load_file("C:/windows/fonts/arialbd.ttf"), 0);
+        ctest_equal_int("should load ariblk.ttf",
+                        pd_font_load_file("C:/windows/fonts/ariblk.ttf"), 0);
+        ctest_equal_int("should load arialbi.ttf",
+                        pd_font_load_file("C:/windows/fonts/arialbi.ttf"), 0);
+        ctest_equal_int("should load ariali.ttf",
+                        pd_font_load_file("C:/windows/fonts/ariali.ttf"), 0);
+        id = GetArialFont(PD_FONT_STYLE_NORMAL, PD_FONT_WEIGHT_NORMAL);
+        ctest_equal_bool("should resolve font (style: normal, weight: normal)",
+                         id > 0, true);
+        if (id > 0) {
+                font = pd_font_get(id);
+                ctest_equal_int("should match font style", font->style,
+                                PD_FONT_STYLE_NORMAL);
+                ctest_equal_int("should match font weight", font->weight,
+                                PD_FONT_WEIGHT_NORMAL);
+        }
+        id = GetArialFont(PD_FONT_STYLE_ITALIC, PD_FONT_WEIGHT_NORMAL);
+        ctest_equal_bool("should resolve font (style: italic, weight: normal)",
+                         id > 0, true);
+        if (id > 0) {
+                font = pd_font_get(id);
+                ctest_equal_int("should match font style", font->style,
+                                PD_FONT_STYLE_ITALIC);
+                ctest_equal_int("should match font weight", font->weight,
+                                PD_FONT_WEIGHT_NORMAL);
+        }
+        id = GetArialFont(PD_FONT_STYLE_NORMAL, PD_FONT_WEIGHT_BOLD);
+        ctest_equal_bool("should resolve font (style: normal, weight: bold)",
+                         id > 0, true);
+        if (id > 0) {
+                font = pd_font_get(id);
+                ctest_equal_int("should match font style", font->style,
+                                PD_FONT_STYLE_NORMAL);
+                ctest_equal_int("should match font weight", font->weight,
+                                PD_FONT_WEIGHT_BOLD);
+        }
+        id = GetArialFont(PD_FONT_STYLE_NORMAL, PD_FONT_WEIGHT_BLACK);
+        ctest_equal_bool("should resolve font (style: normal, weight: black)",
+                         id > 0, true);
+        if (id > 0) {
+                font = pd_font_get(id);
+                ctest_equal_int("should match font style", font->style,
+                                PD_FONT_STYLE_NORMAL);
+                ctest_equal_int("should match font weight", font->weight,
+                                PD_FONT_WEIGHT_BLACK);
+        }
+        id = GetSegoeUIFont(PD_FONT_STYLE_ITALIC, PD_FONT_WEIGHT_BOLD);
+        ctest_equal_bool("should resolve font (style: italic, weight: bold)",
+                         id > 0, true);
+        if (id > 0) {
+                font = pd_font_get(id);
+                ctest_equal_int("should match font style", font->style,
+                                PD_FONT_STYLE_ITALIC);
+                ctest_equal_int("should match font weight", font->weight,
+                                PD_FONT_WEIGHT_BOLD);
+        }
+}
+#endif
+
+void test_pandagl_font_load(void)
+{
+        pd_font_library_init();
+        ctest_equal_int("should load font from file",
+                        pd_font_load_file("test_font_load.ttf"), 0);
+#ifdef _WIN32
+        ctest_describe("segoe ui font load", test_segoe_ui_font_load);
+        ctest_describe("arial font load", test_arial_font_load);
+#endif
+        pd_font_library_destroy();
+}
diff --git a/lib/pandagl/tests/test_image_reader.c b/lib/pandagl/tests/test_image_reader.c
new file mode 100644
index 000000000..907a3365c
--- /dev/null
+++ b/lib/pandagl/tests/test_image_reader.c
@@ -0,0 +1,35 @@
+/*
+ * lib/pandagl/tests/test_image_reader.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <stdio.h>
+#include <pandagl.h>
+#include <yutil.h>
+#include <ctest.h>
+
+void test_pandagl_image_reader(void)
+{
+        pd_canvas_t img;
+        int i;
+        char file[256], *formats[] = { "png", "bmp", "jpg" };
+
+        for (i = 0; i < 3; ++i) {
+                pd_canvas_init(&img);
+                snprintf(file, 255, "test_image_reader.%s", formats[i]);
+                logger_debug("image file: %s\n", file);
+                ctest_equal_int("should read image from file successfully",
+                                pd_read_image_from_file(file, &img), 0);
+                ctest_equal_int("should have correct image width", img.width,
+                                91);
+                ctest_equal_int("should have correct image height", img.height,
+                                69);
+                pd_canvas_destroy(&img);
+        }
+}
diff --git a/lib/pandagl/tests/test_text_baseline.c b/lib/pandagl/tests/test_text_baseline.c
new file mode 100644
index 000000000..3b13c86d3
--- /dev/null
+++ b/lib/pandagl/tests/test_text_baseline.c
@@ -0,0 +1,209 @@
+/*
+ * lib/pandagl/tests/test_text_baseline.c
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <stdio.h>
+#include <stdlib.h>
+#include <string.h>
+#include <wchar.h>
+#include <pandagl.h>
+#include <ctest.h>
+
+/*
+ * These cases cover pd_text baseline alignment when characters come from
+ * different fallback fonts. The current implementation has a bug:
+ * line->height uses a uniform value (pixel_size * 1.42857) while the
+ * per-character baseline formula mixes face-global bbox_height and
+ * ascender, so different-font characters get misaligned baselines
+ * within the same line (CJK sits lower than ASCII).
+ *
+ * Baseline detection: for each character, scan ink rows inside its
+ * horizontal range and take the bottom-most ink row as the glyph
+ * bottom (baseline_y - 1), so baseline_y = bottom_y + 1. Since both
+ * A and the CJK sample here have no descenders, this is stable.
+ */
+
+#define TEST_BG pd_rgb(245, 245, 245)
+
+typedef struct baseline_report {
+        int baseline_y;
+        int top_y;
+        int bottom_y;
+} baseline_report_t;
+
+#ifdef _WIN32
+static int g_consolas_id = -1;
+static int g_msyh_id = -1;
+
+static int is_ink(const pd_canvas_t *canvas, unsigned x, unsigned y)
+{
+        pd_color_t c;
+
+        if (x >= canvas->width || y >= canvas->height) {
+                return 0;
+        }
+        c = pd_canvas_get_pixel(canvas, x, y);
+        return c.r < 128 && c.g < 128 && c.b < 128;
+}
+
+static int scan_char_bounds(const pd_canvas_t *canvas, int x_left, int x_right,
+                            baseline_report_t *out)
+{
+        int top = -1, bottom = -1;
+        int x, y;
+
+        for (y = 0; y < (int)canvas->height; ++y) {
+                for (x = x_left; x < x_right; ++x) {
+                        if (is_ink(canvas, (unsigned)x, (unsigned)y)) {
+                                if (top < 0) {
+                                        top = y;
+                                }
+                                bottom = y;
+                                break;
+                        }
+                }
+        }
+        out->top_y = top;
+        out->bottom_y = bottom;
+        out->baseline_y = bottom + 1;
+        return (top >= 0 && bottom >= top) ? 0 : -1;
+}
+
+static int try_load_dual_font(void)
+{
+        if (pd_font_load_file("C:/Windows/Fonts/consola.ttf") != 0) {
+                return -1;
+        }
+        if (pd_font_load_file("C:/Windows/Fonts/msyh.ttc") != 0) {
+                return -1;
+        }
+        g_consolas_id = pd_font_get_id("Consolas", 0, 0);
+        g_msyh_id = pd_font_get_id("Microsoft YaHei", 0, 0);
+        if (g_consolas_id < 0 || g_msyh_id < 0) {
+                return -1;
+        }
+        return 0;
+}
+
+static pd_text_t *make_text(const wchar_t *content, int pixel_size)
+{
+        pd_text_t *text;
+        pd_text_style_t base;
+
+        text = pd_text_create();
+        pd_text_style_init(&base);
+        base.pixel_size = pixel_size;
+        base.has_pixel_size = true;
+        {
+                const char *names[] = { "Consolas", "Microsoft YaHei", NULL };
+                pd_text_style_set_font(&base, names);
+        }
+        pd_text_set_style(text, &base);
+        pd_text_style_destroy(&base);
+        pd_text_write(text, content, NULL);
+        pd_text_update(text, NULL);
+        return text;
+}
+
+static void render_and_scan(pd_text_t *text, const wchar_t *content,
+                            baseline_report_t *reports, size_t report_len,
+                            int canvas_height)
+{
+        pd_canvas_t canvas;
+        pd_rect_t area = { 0, 0, 800, canvas_height };
+        pd_pos_t layer_pos = { 0, 0 };
+        pd_text_line_t *line;
+        int pen_x = text->offset_x;
+        size_t idx = 0;
+        int col;
+
+        pd_canvas_init(&canvas);
+        pd_canvas_create(&canvas, 800, canvas_height);
+        pd_canvas_fill(&canvas, TEST_BG);
+        pd_text_render_to(text, area, layer_pos, &canvas);
+
+        line = text->lines[0];
+        for (col = 0; col < line->length && idx < report_len; ++col) {
+                pd_char_t *ch = line->string[col];
+                int x_left = pen_x;
+                int x_right = pen_x + ch->bitmap->metrics.hori_advance;
+
+                scan_char_bounds(&canvas, x_left, x_right, &reports[idx]);
+                ++idx;
+                pen_x += ch->bitmap->metrics.hori_advance;
+        }
+        (void)content;
+        pd_canvas_destroy(&canvas);
+}
+
+static void should_align_baseline_across_fonts(void)
+{
+        pd_text_t *text;
+        baseline_report_t reps[2];
+        static const wchar_t content[] = { L'A', 0x5B57, 0 };
+        int diff;
+
+        text = make_text(content, 16);
+        render_and_scan(text, content, reps, 2, 80);
+        ctest_equal_int("should render 2 chars (ascii + cjk)",
+                        reps[0].top_y >= 0 && reps[1].top_y >= 0, 1);
+        diff = reps[0].baseline_y - reps[1].baseline_y;
+        ctest_printf("  [diag 16px] baseline diff = %d (A=%d, zi=%d)\n", diff,
+                     reps[0].baseline_y, reps[1].baseline_y);
+        ctest_equal_int("should align face baseline within 3px across fonts",
+                        abs(diff) <= 3, 1);
+        pd_text_destroy(text);
+}
+
+static void should_align_baseline_at_larger_size(void)
+{
+        pd_text_t *text;
+        baseline_report_t reps[2];
+        static const wchar_t content[] = { L'A', 0x5B57, 0 };
+        int diff;
+
+        text = make_text(content, 24);
+        render_and_scan(text, content, reps, 2, 120);
+        diff = reps[0].baseline_y - reps[1].baseline_y;
+        ctest_printf("  [diag 24px] baseline diff = %d (A=%d, zi=%d)\n", diff,
+                     reps[0].baseline_y, reps[1].baseline_y);
+        ctest_equal_int(
+            "should align face baseline within 3px across fonts at 24px",
+            abs(diff) <= 3, 1);
+        pd_text_destroy(text);
+}
+
+static void should_set_line_baseline_field(void)
+{
+        pd_text_t *text;
+        static const wchar_t content[] = { L'A', 0x5B57, 0 };
+
+        text = make_text(content, 16);
+        ctest_equal_bool("line baseline_y should be set",
+                         text->lines[0]->baseline_y > 0, true);
+        pd_text_destroy(text);
+}
+#endif
+
+void test_pandagl_text_baseline(void)
+{
+        pd_font_library_init();
+#ifdef _WIN32
+        if (try_load_dual_font() == 0) {
+                ctest_describe("baseline alignment 16px",
+                               should_align_baseline_across_fonts);
+                ctest_describe("baseline alignment 24px",
+                               should_align_baseline_at_larger_size);
+                ctest_describe("baseline field set",
+                               should_set_line_baseline_field);
+        }
+#endif
+        pd_font_library_destroy();
+}
diff --git a/lib/pandagl/tests/test_text_edit.c b/lib/pandagl/tests/test_text_edit.c
new file mode 100644
index 000000000..04f48ac68
--- /dev/null
+++ b/lib/pandagl/tests/test_text_edit.c
@@ -0,0 +1,362 @@
+/*
+ * lib/pandagl/tests/test_text_edit.c
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <stdio.h>
+#include <wchar.h>
+#include <pandagl.h>
+#include <ctest.h>
+
+/*
+ * 这些用例覆盖 pd_text_delete_ex 的关键分支，包括同行删除、跨行合并、
+ * 以及边界场景。由于 pd_text_read 在多行场景下存在已知问题（不在本次
+ * 修复范围），这里通过断言每行长度来验证缓冲区状态。
+ */
+
+static void should_backspace_last_char_on_last_line(void)
+{
+        pd_text_t *text = pd_text_create();
+
+        pd_text_set_multiline(text, true);
+        pd_text_write(text, L"123\n123\n123\n", NULL);
+        /* 光标置于末尾的空行，按退格删除前一行的换行符，
+         * 此时空行被丢弃 */
+        pd_text_set_caret(text, 3, 0);
+        ctest_equal_int("should not crash on backspace last char",
+                        pd_text_backspace(text, 1), 0);
+        ctest_equal_int("should drop the trailing empty line",
+                        pd_text_get_lines_length(text), 3);
+        ctest_equal_int("line 0 keeps 3 chars",
+                        pd_text_get_line_length(text, 0), 3);
+        ctest_equal_int("line 1 keeps 3 chars",
+                        pd_text_get_line_length(text, 1), 3);
+        ctest_equal_int("line 2 keeps 3 chars",
+                        pd_text_get_line_length(text, 2), 3);
+        pd_text_destroy(text);
+}
+
+static void should_backspace_then_continue_typing(void)
+{
+        pd_text_t *text = pd_text_create();
+
+        pd_text_set_multiline(text, true);
+        pd_text_write(text, L"abc\ndef\n", NULL);
+        pd_text_set_caret(text, 2, 0);
+        pd_text_backspace(text, 1);
+        pd_text_insert(text, L"X", NULL);
+        ctest_equal_int("should merge into two lines after backspace + insert",
+                        pd_text_get_lines_length(text), 2);
+        ctest_equal_int("line 0 keeps 'abc'", pd_text_get_line_length(text, 0),
+                        3);
+        ctest_equal_int("line 1 becomes 'defX'",
+                        pd_text_get_line_length(text, 1), 4);
+        pd_text_destroy(text);
+}
+
+static void should_not_crash_on_backspace_at_start(void)
+{
+        pd_text_t *text = pd_text_create();
+
+        pd_text_set_multiline(text, true);
+        pd_text_write(text, L"abc", NULL);
+        pd_text_set_caret(text, 0, 0);
+        ctest_equal_int("should return error at buffer start",
+                        pd_text_backspace(text, 1), -1);
+        ctest_equal_int("should keep one line", pd_text_get_lines_length(text),
+                        1);
+        ctest_equal_int("line content unchanged",
+                        pd_text_get_line_length(text, 0), 3);
+        pd_text_destroy(text);
+}
+
+static void should_delete_char_at_caret(void)
+{
+        pd_text_t *text = pd_text_create();
+        wchar_t buf[16];
+
+        pd_text_set_multiline(text, true);
+        pd_text_write(text, L"abcdef", NULL);
+        pd_text_set_caret(text, 0, 2);
+        ctest_equal_int("should delete one char", pd_text_delete(text, 1), 0);
+        pd_text_read(text, 0, 16, buf);
+        ctest_equal_wcs("should produce expected text", buf, L"abdef");
+        ctest_equal_int("line length is 5", pd_text_get_line_length(text, 0),
+                        5);
+        pd_text_destroy(text);
+}
+
+static void should_join_next_line_when_delete_at_line_end(void)
+{
+        pd_text_t *text = pd_text_create();
+
+        pd_text_set_multiline(text, true);
+        pd_text_write(text, L"abc\ndef\nghi", NULL);
+        /* 在第二行最后一个字符处使用 delete，触发跨行拼接，
+         * 之前 +1 偏移 bug 会导致 'd' 字符丢失 */
+        pd_text_set_caret(text, 1, 3);
+        ctest_equal_int("should not crash when delete at line end",
+                        pd_text_delete(text, 1), 0);
+        ctest_equal_int("should reduce one line after merge",
+                        pd_text_get_lines_length(text), 2);
+        ctest_equal_int("line 0 keeps 'abc'", pd_text_get_line_length(text, 0),
+                        3);
+        ctest_equal_int("line 1 becomes 'defghi' (6 chars)",
+                        pd_text_get_line_length(text, 1), 6);
+        pd_text_destroy(text);
+}
+
+static void should_preserve_chars_when_joining_lines(void)
+{
+        pd_text_t *text = pd_text_create();
+
+        pd_text_set_multiline(text, true);
+        pd_text_write(text, L"abc\ndef\n", NULL);
+        /* 在第一行末尾处用 delete 删除换行符 */
+        pd_text_set_caret(text, 0, 3);
+        pd_text_delete(text, 1);
+        ctest_equal_int("should reduce to two lines",
+                        pd_text_get_lines_length(text), 2);
+        ctest_equal_int("line 0 becomes 'abcdef' (6 chars)",
+                        pd_text_get_line_length(text, 0), 6);
+        ctest_equal_int("line 1 stays empty", pd_text_get_line_length(text, 1),
+                        0);
+        pd_text_destroy(text);
+}
+
+static void should_handle_multi_line_backspace_sequence(void)
+{
+        pd_text_t *text = pd_text_create();
+
+        pd_text_set_multiline(text, true);
+        pd_text_write(text, L"123\n123\n123\n", NULL);
+        pd_text_set_caret(text, 3, 0);
+        /* 连续 backspace，模拟用户按住退格。每次删一格：
+         * 1) 删第 4 行（空行） -> 3 行
+         * 2) 删第 3 行的 '3' -> 2.x（剩 '12'）
+         * 3) 删 '2'
+         * 4) 删 '1' -> 第 3 行空且无 eol，进入下次 backspace 跨行 */
+        pd_text_backspace(text, 1);
+        pd_text_backspace(text, 1);
+        pd_text_backspace(text, 1);
+        pd_text_backspace(text, 1);
+        ctest_equal_int("should remain 2 full lines",
+                        pd_text_get_lines_length(text), 2);
+        ctest_equal_int("line 0 keeps 3 chars",
+                        pd_text_get_line_length(text, 0), 3);
+        ctest_equal_int("line 1 keeps 3 chars",
+                        pd_text_get_line_length(text, 1), 3);
+        pd_text_destroy(text);
+}
+
+static void should_dump_single_line(void)
+{
+        pd_text_t *text = pd_text_create();
+        wchar_t buf[32];
+
+        pd_text_write(text, L"hello", NULL);
+        ctest_equal_uint("should return char count",
+                         (unsigned)pd_text_read(text, 0, 32, buf), 5u);
+        ctest_equal_wcs("should produce same single-line text", buf, L"hello");
+        pd_text_destroy(text);
+}
+
+static void should_dump_multiline_with_lf(void)
+{
+        pd_text_t *text = pd_text_create();
+        wchar_t buf[32];
+
+        pd_text_set_multiline(text, true);
+        pd_text_write(text, L"abc\ndef\nghi", NULL);
+        pd_text_read(text, 0, 32, buf);
+        ctest_equal_wcs("should preserve LF line endings", buf,
+                        L"abc\ndef\nghi");
+        pd_text_destroy(text);
+}
+
+static void should_dump_multiline_with_trailing_newline(void)
+{
+        pd_text_t *text = pd_text_create();
+        wchar_t buf[32];
+
+        pd_text_set_multiline(text, true);
+        pd_text_write(text, L"a\nb\n", NULL);
+        pd_text_read(text, 0, 32, buf);
+        ctest_equal_wcs("should preserve trailing newline", buf, L"a\nb\n");
+        pd_text_destroy(text);
+}
+
+static void should_dump_respect_max_len(void)
+{
+        pd_text_t *text = pd_text_create();
+        wchar_t buf[8];
+
+        pd_text_set_multiline(text, true);
+        pd_text_write(text, L"abc\ndef\nghi", NULL);
+        /* 只允许写 4 个 wchar，第 5 位是终止符 */
+        ctest_equal_uint("should stop at max_len",
+                         (unsigned)pd_text_read(text, 0, 4, buf), 4u);
+        ctest_equal_wcs("should truncate without crossing buffer", buf,
+                        L"abc\n");
+        pd_text_destroy(text);
+}
+
+static void should_to_wcs_return_full_text(void)
+{
+        pd_text_t *text = pd_text_create();
+        wchar_t *buf;
+
+        pd_text_set_multiline(text, true);
+        pd_text_write(text, L"hello\nworld\n", NULL);
+        buf = pd_text_to_wcs(text);
+        ctest_equal_bool("should not return NULL", buf != NULL, true);
+        if (buf) {
+                ctest_equal_wcs("should match original including trailing LF",
+                                buf, L"hello\nworld\n");
+                free(buf);
+        }
+        pd_text_destroy(text);
+}
+
+static void should_to_wcs_handle_empty_text(void)
+{
+        pd_text_t *text = pd_text_create();
+        wchar_t *buf = pd_text_to_wcs(text);
+
+        ctest_equal_bool("should not return NULL on empty text", buf != NULL,
+                         true);
+        if (buf) {
+                ctest_equal_wcs("should produce empty wide string", buf, L"");
+                free(buf);
+        }
+        pd_text_destroy(text);
+}
+
+static void should_escape_open_bracket(void)
+{
+        pd_text_t *text = pd_text_create();
+        wchar_t *buf;
+
+        pd_text_set_style_tag(text, true);
+        pd_text_write(text, L"\\[b\\]hello\\[/b\\]", NULL);
+        buf = pd_text_to_wcs(text);
+        ctest_equal_bool("should not return NULL", buf != NULL, true);
+        if (buf) {
+                ctest_equal_wcs("should produce literal brackets", buf,
+                                L"[b]hello[/b]");
+                free(buf);
+        }
+        pd_text_destroy(text);
+}
+
+static void should_escape_close_bracket(void)
+{
+        pd_text_t *text = pd_text_create();
+        wchar_t buf[64];
+
+        pd_text_set_style_tag(text, true);
+        pd_text_write(text, L"a\\]b", NULL);
+        ctest_equal_uint("should preserve escaped close bracket",
+                         (unsigned)pd_text_read(text, 0, 64, buf), 3u);
+        ctest_equal_wcs("should produce literal close bracket", buf, L"a]b");
+        pd_text_destroy(text);
+}
+
+static void should_escape_backslash(void)
+{
+        pd_text_t *text = pd_text_create();
+        wchar_t buf[64];
+
+        pd_text_set_style_tag(text, true);
+        pd_text_write(text, L"a\\\\b", NULL);
+        ctest_equal_uint("should keep single backslash",
+                         (unsigned)pd_text_read(text, 0, 64, buf), 3u);
+        ctest_equal_wcs("should collapse double backslash", buf, L"a\\b");
+        pd_text_destroy(text);
+}
+
+static void should_mix_real_and_escaped_tags(void)
+{
+        pd_text_t *text = pd_text_create();
+        wchar_t buf[64];
+
+        pd_text_set_style_tag(text, true);
+        pd_text_write(text, L"[b]bold\\[/b\\]not-bold[/b]", NULL);
+        ctest_equal_uint("should keep total chars",
+                         (unsigned)pd_text_read(text, 0, 64, buf), 16u);
+        ctest_equal_wcs("should mix real and escaped tags", buf,
+                        L"bold[/b]not-bold");
+        pd_text_destroy(text);
+}
+
+static void should_not_apply_style_for_escaped_tag(void)
+{
+        pd_text_t *text = pd_text_create();
+        wchar_t *buf;
+
+        pd_text_set_style_tag(text, true);
+        pd_text_write(text, L"\\[b\\]hello\\[/b\\]", NULL);
+        buf = pd_text_to_wcs(text);
+        ctest_equal_bool("should not return NULL", buf != NULL, true);
+        if (buf) {
+                ctest_equal_wcs("should produce literal brackets without style",
+                                buf, L"[b]hello[/b]");
+                free(buf);
+        }
+        pd_text_destroy(text);
+}
+
+static void should_leave_unrelated_backslash_alone(void)
+{
+        pd_text_t *text = pd_text_create();
+        wchar_t buf[64];
+
+        pd_text_set_style_tag(text, true);
+        pd_text_write(text, L"a\\nb", NULL);
+        ctest_equal_uint("should keep backslash when followed by n",
+                         (unsigned)pd_text_read(text, 0, 64, buf), 4u);
+        ctest_equal_wcs("should not consume unrelated escape", buf, L"a\\nb");
+        pd_text_destroy(text);
+}
+
+void test_pandagl_text_edit(void)
+{
+        pd_font_library_init();
+        ctest_describe("text backspace",
+                       should_backspace_last_char_on_last_line);
+        ctest_describe("text backspace + insert",
+                       should_backspace_then_continue_typing);
+        ctest_describe("text backspace at buffer start",
+                       should_not_crash_on_backspace_at_start);
+        ctest_describe("text delete at caret", should_delete_char_at_caret);
+        ctest_describe("text delete at line end",
+                       should_join_next_line_when_delete_at_line_end);
+        ctest_describe("text delete preserves chars",
+                       should_preserve_chars_when_joining_lines);
+        ctest_describe("text backspace sequence",
+                       should_handle_multi_line_backspace_sequence);
+        ctest_describe("text dump single line", should_dump_single_line);
+        ctest_describe("text dump multiline lf", should_dump_multiline_with_lf);
+        ctest_describe("text dump trailing newline",
+                       should_dump_multiline_with_trailing_newline);
+        ctest_describe("text dump max len", should_dump_respect_max_len);
+        ctest_describe("text to_wcs full text", should_to_wcs_return_full_text);
+        ctest_describe("text to_wcs empty", should_to_wcs_handle_empty_text);
+        ctest_describe("text escape open bracket", should_escape_open_bracket);
+        ctest_describe("text escape close bracket",
+                       should_escape_close_bracket);
+        ctest_describe("text escape backslash", should_escape_backslash);
+        ctest_describe("text mix real and escaped tags",
+                       should_mix_real_and_escaped_tags);
+        ctest_describe("text escape prevents style",
+                       should_not_apply_style_for_escaped_tag);
+        ctest_describe("text unrelated backslash",
+                       should_leave_unrelated_backslash_alone);
+        pd_font_library_destroy();
+}
diff --git a/lib/pandagl/tests/test_text_style_tag.c b/lib/pandagl/tests/test_text_style_tag.c
new file mode 100644
index 000000000..3bffafb04
--- /dev/null
+++ b/lib/pandagl/tests/test_text_style_tag.c
@@ -0,0 +1,217 @@
+/*
+ * lib/pandagl/tests/test_text_style_tag.c
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <stdio.h>
+#include <string.h>
+#include <wchar.h>
+#include <pandagl.h>
+#include <ctest.h>
+
+/*
+ * 这些用例覆盖 pd_text 在 style_tag 模式下对嵌套 [color] / [bgcolor]
+ * 标签的处理。bug 是 pd_style_tags_get_text_style 用了 list_each_reverse
+ * 反向遍历标签栈，导致嵌套时取到最旧（最外层）的颜色而不是最新（最内
+ * 层）的颜色。例如对于
+ *
+ *   [color=#116329]<[color=#0550ae]Field[/color]>[/color]
+ *
+ * 修复前 "Field" 的 fore_color 是 #116329（外层绿色），修复后应是
+ * #0550ae（内层蓝色）。这是 field-basic.tsx 渲染异常（"全部字符都
+ * 是 #116329"）的根因。
+ *
+ * 用例通过遍历 pd_text_t 的字符缓冲区（text->lines[0]->string[col]）
+ * 检查每个字符的 style->has_fore_color 与 fore_color.r/g/b 来断言，
+ * 不依赖字体渲染，因此不调用 pd_font_library_init。
+ */
+
+#define GREEN pd_color(255, 0x11, 0x63, 0x29)
+#define BLUE pd_color(255, 0x05, 0x50, 0xae)
+#define DBLUE pd_color(255, 0x0a, 0x30, 0x69)
+#define RED pd_color(255, 0xcf, 0x22, 0x2e)
+
+static void assert_char_fore(pd_text_t *text, int col, pd_color_t expect,
+                             const char *scope)
+{
+        pd_char_t *ch = text->lines[0]->string[col];
+        char prefix[64];
+
+        if (!ch->style) {
+                snprintf(prefix, sizeof(prefix), "%s[%d] should have style",
+                         scope, col);
+                ctest_equal_bool(prefix, false, true);
+                return;
+        }
+        snprintf(prefix, sizeof(prefix), "%s[%d] has_fore_color", scope, col);
+        ctest_equal_bool(prefix, ch->style->has_fore_color, true);
+        snprintf(prefix, sizeof(prefix), "%s[%d] fore.r", scope, col);
+        ctest_equal_int(prefix, ch->style->fore_color.r, expect.r);
+        snprintf(prefix, sizeof(prefix), "%s[%d] fore.g", scope, col);
+        ctest_equal_int(prefix, ch->style->fore_color.g, expect.g);
+        snprintf(prefix, sizeof(prefix), "%s[%d] fore.b", scope, col);
+        ctest_equal_int(prefix, ch->style->fore_color.b, expect.b);
+}
+
+static void assert_char_back(pd_text_t *text, int col, pd_color_t expect,
+                             const char *scope)
+{
+        pd_char_t *ch = text->lines[0]->string[col];
+        char prefix[64];
+
+        if (!ch->style) {
+                snprintf(prefix, sizeof(prefix), "%s[%d] should have style",
+                         scope, col);
+                ctest_equal_bool(prefix, false, true);
+                return;
+        }
+        snprintf(prefix, sizeof(prefix), "%s[%d] has_back_color", scope, col);
+        ctest_equal_bool(prefix, ch->style->has_back_color, true);
+        snprintf(prefix, sizeof(prefix), "%s[%d] back.r", scope, col);
+        ctest_equal_int(prefix, ch->style->back_color.r, expect.r);
+        snprintf(prefix, sizeof(prefix), "%s[%d] back.g", scope, col);
+        ctest_equal_int(prefix, ch->style->back_color.g, expect.g);
+        snprintf(prefix, sizeof(prefix), "%s[%d] back.b", scope, col);
+        ctest_equal_int(prefix, ch->style->back_color.b, expect.b);
+}
+
+static pd_text_t *make_text_with_tag(const wchar_t *wstr)
+{
+        pd_text_t *text = pd_text_create();
+        pd_text_set_style_tag(text, true);
+        pd_text_write(text, wstr, NULL);
+        return text;
+}
+
+static void should_apply_single_color_tag(void)
+{
+        pd_text_t *text = make_text_with_tag(L"[color=#116329]hello[/color]");
+
+        ctest_equal_int("single color line length", text->lines[0]->length, 5);
+        for (int i = 0; i < 5; ++i) {
+                assert_char_fore(text, i, GREEN, "single");
+        }
+        pd_text_destroy(text);
+}
+
+static void should_use_innermost_color_in_two_level_nesting(void)
+{
+        pd_text_t *text = make_text_with_tag(
+            L"[color=#116329]<[color=#0550ae]Field[/color]>[/color]");
+
+        ctest_equal_int("two-level line length", text->lines[0]->length, 7);
+        assert_char_fore(text, 0, GREEN, "<");
+        assert_char_fore(text, 1, BLUE, "Field[0]");
+        assert_char_fore(text, 2, BLUE, "Field[1]");
+        assert_char_fore(text, 3, BLUE, "Field[2]");
+        assert_char_fore(text, 4, BLUE, "Field[3]");
+        assert_char_fore(text, 5, BLUE, "Field[4]");
+        assert_char_fore(text, 6, GREEN, ">");
+        pd_text_destroy(text);
+}
+
+static void should_use_innermost_color_in_three_level_nesting(void)
+{
+        pd_text_t *text = make_text_with_tag(
+            L"[color=#116329]A[color=#0550ae]B[color=#0a3069]C"
+            L"[/color][/color][/color]");
+
+        ctest_equal_int("three-level line length", text->lines[0]->length, 3);
+        assert_char_fore(text, 0, GREEN, "A");
+        assert_char_fore(text, 1, BLUE, "B");
+        assert_char_fore(text, 2, DBLUE, "C");
+        pd_text_destroy(text);
+}
+
+static void should_handle_field_basic_flex_1_line(void)
+{
+        pd_text_t *text = make_text_with_tag(
+            L"[color=#116329]<[color=#0550ae]Field[/color] "
+            L"[color=#0550ae]className[/color]=[color=#0a3069]"
+            L"\"flex-1\"[/color]>[/color]");
+
+        /* 期望字符序列与染色（0-indexed）：
+         *   '<'         (0)        绿
+         *   'Field'     (1-5)      蓝
+         *   ' '         (6)        绿
+         *   'className' (7-15)     蓝
+         *   '='         (16)       绿
+         *   '"'         (17)       深蓝
+         *   'flex-1'    (18-23)    深蓝
+         *   '"'         (24)       深蓝
+         *   '>'         (25)       绿
+         */
+        ctest_equal_int("field basic line length", text->lines[0]->length, 26);
+
+        assert_char_fore(text, 0, GREEN, "<");
+        for (int i = 1; i <= 5; ++i) {
+                assert_char_fore(text, i, BLUE, "Field");
+        }
+        assert_char_fore(text, 6, GREEN, "space");
+        for (int i = 7; i <= 15; ++i) {
+                assert_char_fore(text, i, BLUE, "className");
+        }
+        assert_char_fore(text, 16, GREEN, "eq");
+        for (int i = 17; i <= 24; ++i) {
+                assert_char_fore(text, i, DBLUE, "string");
+        }
+        assert_char_fore(text, 25, GREEN, ">");
+
+        pd_text_destroy(text);
+}
+
+static void should_reapply_color_after_sibling_close(void)
+{
+        pd_text_t *text = make_text_with_tag(
+            L"[color=#0550ae]A[/color][color=#cf222e]B[/color]");
+
+        ctest_equal_int("sibling line length", text->lines[0]->length, 2);
+        assert_char_fore(text, 0, BLUE, "A");
+        assert_char_fore(text, 1, RED, "B");
+        pd_text_destroy(text);
+}
+
+static void should_use_innermost_bgcolor_in_two_level_nesting(void)
+{
+        pd_text_t *text = make_text_with_tag(
+            L"[bgcolor=#116329]<[bgcolor=#0550ae]X[/bgcolor]>[/bgcolor]");
+
+        ctest_equal_int("nested bgcolor line length", text->lines[0]->length,
+                        3);
+        assert_char_back(text, 1, BLUE, "X");
+        pd_text_destroy(text);
+}
+
+static void should_keep_color_and_bgcolor_independent_when_nested(void)
+{
+        pd_text_t *text = make_text_with_tag(
+            L"[bgcolor=#116329][color=#0550ae]X[/color][/bgcolor]");
+
+        ctest_equal_int("bg+fg nested line length", text->lines[0]->length, 1);
+        assert_char_fore(text, 0, BLUE, "X.fore");
+        assert_char_back(text, 0, GREEN, "X.back");
+        pd_text_destroy(text);
+}
+
+void test_pandagl_text_style_tag(void)
+{
+        ctest_describe("single color tag", should_apply_single_color_tag);
+        ctest_describe("nested color two levels",
+                       should_use_innermost_color_in_two_level_nesting);
+        ctest_describe("nested color three levels",
+                       should_use_innermost_color_in_three_level_nesting);
+        ctest_describe("field basic flex-1 line",
+                       should_handle_field_basic_flex_1_line);
+        ctest_describe("sibling color reopen",
+                       should_reapply_color_after_sibling_close);
+        ctest_describe("nested bgcolor two levels",
+                       should_use_innermost_bgcolor_in_two_level_nesting);
+        ctest_describe("nested color and bgcolor sibling",
+                       should_keep_color_and_bgcolor_independent_when_nested);
+}
diff --git a/lib/pandagl/xmake.lua b/lib/pandagl/xmake.lua
index 3cb9cae93..aaa191a0a 100644
--- a/lib/pandagl/xmake.lua
+++ b/lib/pandagl/xmake.lua
@@ -1,5 +1,3 @@
-set_project("pandagl")
-set_version("0.1.0-a")
 add_requires("libpng", "libjpeg", {optional = true})
 add_requires("freetype", {optional = true, configs = {shared = false}})
 
@@ -23,6 +21,7 @@ option("with-pandagl-text")
     set_configvar("PANDAGL_HAS_TEXT", 1)
 
 target("pandagl")
+    set_version("0.1.0-a")
     set_kind("$(kind)")
     add_files("src/*.c")
     add_deps("yutil")
@@ -59,8 +58,14 @@ target("pandagl")
         end
     end
 
-target("pandagl_tests")
+target("pandagl-tests")
     set_default(false)
     set_kind("binary")
-    add_files("test/*.c")
+    set_group("tests")
+    set_rundir("tests/fixtures")
+    add_files("tests/main.c", "tests/test_canvas_mix.c", "tests/test_image_reader.c", "tests/test_font_load.c", "tests/test_text_edit.c", "tests/test_font_cache.c", "tests/test_text_baseline.c", "tests/test_text_style_tag.c")
     add_deps("ctest", "pandagl")
+    add_rules("tests.runnable")
+    add_tests("default", {group = "tests"})
+
+includes("examples/*/xmake.lua")
diff --git a/lib/ptk/include/ptk.h b/lib/ptk/include/ptk.h
index e3abaafd8..7369315e8 100644
--- a/lib/ptk/include/ptk.h
+++ b/lib/ptk/include/ptk.h
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/include/ptk.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef PTK_INCLUDE_PLATFORM_H
diff --git a/lib/ptk/include/ptk/app.h b/lib/ptk/include/ptk/app.h
index 36e861762..6f13f11b1 100644
--- a/lib/ptk/include/ptk/app.h
+++ b/lib/ptk/include/ptk/app.h
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/include/ptk/app.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef PTK_INCLUDE_PLATFORM_APP_H
diff --git a/lib/ptk/include/ptk/clipboard.h b/lib/ptk/include/ptk/clipboard.h
index 2ba29637e..3477ab19f 100644
--- a/lib/ptk/include/ptk/clipboard.h
+++ b/lib/ptk/include/ptk/clipboard.h
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/include/ptk/clipboard.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef PTK_INCLUDE_PLATFORM_CLIPBOARD_H
@@ -23,14 +23,15 @@ PTK_BEGIN_DECLS
  */
 
 typedef struct ptk_clipboard {
-	pd_canvas_t *image;
-	wchar_t *text;
-	size_t len;
+        pd_canvas_t *image;
+        wchar_t *text;
+        size_t len;
 } ptk_clipboard_t;
 
 typedef void (*ptk_clipboard_callback_t)(ptk_clipboard_t *, void *);
 
-PTK_PUBLIC int ptk_clipboard_request_text(ptk_clipboard_callback_t action, void *arg);
+PTK_PUBLIC int ptk_clipboard_request_text(ptk_clipboard_callback_t action,
+                                          void *arg);
 PTK_PUBLIC int ptk_clipboard_set_text(const wchar_t *text, size_t len);
 
 PTK_END_DECLS
diff --git a/lib/ptk/include/ptk/common.h b/lib/ptk/include/ptk/common.h
index 5eefc5094..46989d4a4 100644
--- a/lib/ptk/include/ptk/common.h
+++ b/lib/ptk/include/ptk/common.h
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/include/ptk/common.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "config.h"
@@ -39,12 +39,12 @@
 #endif
 
 #ifdef _WIN32
-	#define PTK_WIN32
-	#if defined(WINAPI_FAMILY) && (WINAPI_FAMILY == WINAPI_FAMILY_APP)
-	#define PTK_UWP
-	#else
-	#define PTK_WIN_DESKTOP
-	#endif
+#define PTK_WIN32
+#if defined(WINAPI_FAMILY) && (WINAPI_FAMILY == WINAPI_FAMILY_APP)
+#define PTK_UWP
 #else
-	#define PTK_LINUX
+#define PTK_WIN_DESKTOP
+#endif
+#else
+#define PTK_LINUX
 #endif
diff --git a/lib/ptk/include/ptk/events.h b/lib/ptk/include/ptk/events.h
index a6eb9e982..041aa4957 100644
--- a/lib/ptk/include/ptk/events.h
+++ b/lib/ptk/include/ptk/events.h
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/include/ptk/events.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef PTK_INCLUDE_PLATFORM_EVENTS_H
@@ -20,50 +20,52 @@ PTK_BEGIN_DECLS
 PTK_PUBLIC int ptk_process_native_events(ptk_process_events_option_t option);
 
 PTK_PUBLIC int ptk_add_native_event_listener(int event_type,
-					   ptk_native_event_handler_t handler,
-					   void *data);
+                                             ptk_native_event_handler_t handler,
+                                             void *data);
 PTK_PUBLIC int ptk_remove_native_event_listener(
     int event_type, ptk_native_event_handler_t handler);
 
 PTK_INLINE int ptk_on_native_event(int event_type,
-			       ptk_native_event_handler_t handler, void *data)
+                                   ptk_native_event_handler_t handler,
+                                   void *data)
 {
-	return ptk_add_native_event_listener(event_type, handler, data);
+        return ptk_add_native_event_listener(event_type, handler, data);
 }
 
 PTK_INLINE int ptk_off_native_event(int event_type,
-				ptk_native_event_handler_t handler)
+                                    ptk_native_event_handler_t handler)
 {
-	return ptk_remove_native_event_listener(event_type, handler);
+        return ptk_remove_native_event_listener(event_type, handler);
 }
 
 // Events
 
 PTK_PUBLIC int ptk_touch_event_init(ptk_event_t *e, touch_point_t *points,
-				  int n_points);
+                                    int n_points);
 PTK_PUBLIC int ptk_composition_event_init(ptk_event_t *e, const wchar_t *text,
-					size_t len);
+                                          size_t len);
 PTK_PUBLIC int ptk_event_copy(ptk_event_t *dest, ptk_event_t *src);
 PTK_PUBLIC void ptk_event_destroy(ptk_event_t *e);
 PTK_PUBLIC int ptk_touch_event_init(ptk_event_t *e, touch_point_t *points,
-				  int n_points);
+                                    int n_points);
 PTK_PUBLIC void ptk_tick(void);
 PTK_PUBLIC int ptk_post_event(ptk_event_t *e);
 PTK_PUBLIC int ptk_process_event(ptk_event_t *e);
 
-PTK_PUBLIC int ptk_add_event_listener(int event_type, ptk_event_handler_t handler,
-				    void *data);
+PTK_PUBLIC int ptk_add_event_listener(int event_type,
+                                      ptk_event_handler_t handler, void *data);
 PTK_PUBLIC int ptk_remove_event_listener(int event_type,
-				       ptk_event_handler_t handler);
+                                         ptk_event_handler_t handler);
 
-PTK_INLINE int ptk_on_event(int event_type, ptk_event_handler_t handler, void *data)
+PTK_INLINE int ptk_on_event(int event_type, ptk_event_handler_t handler,
+                            void *data)
 {
-	return ptk_add_event_listener(event_type, handler, data);
+        return ptk_add_event_listener(event_type, handler, data);
 }
 
 PTK_INLINE int ptk_off_event(int event_type, ptk_event_handler_t handler)
 {
-	return ptk_remove_event_listener(event_type, handler);
+        return ptk_remove_event_listener(event_type, handler);
 }
 
 PTK_PUBLIC void ptk_set_event_dispatcher(ptk_event_dispatcher_t dispatcher);
@@ -77,12 +79,12 @@ PTK_PUBLIC int ptk_reset_timer(int timer_id, long ms);
 
 PTK_INLINE int ptk_clear_timeout(int timer_id)
 {
-	return ptk_clear_timer(timer_id);
+        return ptk_clear_timer(timer_id);
 }
 
 PTK_INLINE int ptk_clear_interval(int timer_id)
 {
-	return ptk_clear_timer(timer_id);
+        return ptk_clear_timer(timer_id);
 }
 
 PTK_END_DECLS
diff --git a/lib/ptk/include/ptk/ime.h b/lib/ptk/include/ptk/ime.h
index bebd152e2..e2ba83fa6 100644
--- a/lib/ptk/include/ptk/ime.h
+++ b/lib/ptk/include/ptk/ime.h
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/include/ptk/ime.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef PTK_INCLUDE_PLATFORM_IME_H
@@ -18,11 +18,11 @@
 PTK_BEGIN_DECLS
 
 typedef struct ptk_ime_handler {
-	bool (*prockey)(int, bool);
-	void (*totext)(int);
-	bool (*open)(void);
-	bool (*close)(void);
-	void (*setcaret)(int, int);
+        bool (*prockey)(int, bool);
+        void (*totext)(int);
+        bool (*open)(void);
+        bool (*close)(void);
+        void (*setcaret)(int, int);
 } ptk_ime_handler_t;
 
 PTK_PUBLIC int ptk_ime_add(const char *ime_name, ptk_ime_handler_t *handler);
diff --git a/lib/ptk/include/ptk/main.h b/lib/ptk/include/ptk/main.h
index 639308e16..34b6e8c12 100644
--- a/lib/ptk/include/ptk/main.h
+++ b/lib/ptk/include/ptk/main.h
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/include/ptk/main.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <i@lc-soft.io> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifdef _WIN32
diff --git a/lib/ptk/include/ptk/steptimer.h b/lib/ptk/include/ptk/steptimer.h
index c8884e582..011e912c1 100644
--- a/lib/ptk/include/ptk/steptimer.h
+++ b/lib/ptk/include/ptk/steptimer.h
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/include/ptk/steptimer.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef PTK_INCLUDE_PLATFORM_STEP_TIMER_H
@@ -29,6 +29,13 @@ PTK_BEGIN_DECLS
  * driving stable physics simulation or animation timelines, NOT for
  * throttling render frame rate. Render throttling should be implemented as
  * a separate minimum-interval gate by the caller.
+ *
+ * When enable_catch_up is false (the default), fixed-step mode invokes the
+ * handler at most once per tick, treating target_elapsed_time as a cadence
+ * gate. This is appropriate for visual callbacks like requestAnimationFrame
+ * where replaying missed frames would cause a burst of renders. When true,
+ * the original DirectXTK catch-up behavior is preserved, suitable for
+ * physics or simulation where accumulated time must be fully consumed.
  */
 
 typedef struct ptk_steptimer {
@@ -49,6 +56,7 @@ typedef struct ptk_steptimer {
 
         // Members for configuring fixed timestep mode.
         bool is_fixed_time_step;
+        bool enable_catch_up;
         uint64_t target_elapsed_time;
 } ptk_steptimer_t;
 
@@ -59,7 +67,12 @@ PTK_PUBLIC void ptk_steptimer_init(ptk_steptimer_t *timer);
 // Update timer state, calling the specified Update function the appropriate
 // number of times.
 PTK_PUBLIC void ptk_steptimer_tick(ptk_steptimer_t *timer,
-                                    ptk_steptimer_handler_t handler, void *data);
+                                   ptk_steptimer_handler_t handler, void *data);
+
+// After an intentional timing discontinuity (for instance a blocking IO
+// operation or a long pause), call this to avoid having the fixed timestep
+// logic attempt a set of catch-up Update calls.
+PTK_PUBLIC void ptk_steptimer_reset_elapsed_time(ptk_steptimer_t *timer);
 
 PTK_END_DECLS
 
diff --git a/lib/ptk/include/ptk/types.h b/lib/ptk/include/ptk/types.h
index bd5e19b80..637f24882 100644
--- a/lib/ptk/include/ptk/types.h
+++ b/lib/ptk/include/ptk/types.h
@@ -1,12 +1,12 @@
-/*
+/*
  * lib/ptk/include/ptk/types.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef PTK_INCLUDE_PLATFORM_TYPES_H
@@ -19,49 +19,52 @@ typedef pd_context_t ptk_window_paint_t;
 typedef void (*ptk_timer_cb)(void *);
 
 typedef enum {
-	PTK_APP_ID_UNKNOWN,
-	PTK_APP_ID_LINUX,
-	PTK_APP_ID_LINUX_X11,
-	PTK_APP_ID_WIN_DESKTOP,
-	PTK_APP_ID_UWP
+        PTK_APP_ID_UNKNOWN,
+        PTK_APP_ID_LINUX_FRAMEBUFFER,
+        PTK_APP_ID_LINUX_X11,
+        PTK_APP_ID_LINUX_WAYLAND,
+        PTK_APP_ID_WIN_DESKTOP,
+        PTK_APP_ID_UWP
 } ptk_app_id_t;
 
 /** @see
  * https://docs.microsoft.com/en-us/uwp/api/Windows.UI.Core.CoreProcessEventsOption?view=winrt-22000
  */
 typedef enum {
-	PTK_PROCESS_EVENTS_ONE_AND_ALL_PENDING,
-	PTK_PROCESS_EVENTS_ONE_IF_PRESENT,
-	PTK_PROCESS_EVENTS_UNTIL_QUIT,
-	PTK_PROCESS_EVENTS_ALL_IF_PRESENT,
+        PTK_PROCESS_EVENTS_ONE_AND_ALL_PENDING,
+        PTK_PROCESS_EVENTS_ONE_IF_PRESENT,
+        PTK_PROCESS_EVENTS_UNTIL_QUIT,
+        PTK_PROCESS_EVENTS_ALL_IF_PRESENT,
 } ptk_process_events_option_t;
 
 #define PTK_APP_ID_WIN32 PTK_APP_ID_WIN_DESKTOP
 
 typedef enum {
-	PTK_EVENT_NONE,
-	PTK_EVENT_TICK,
-	PTK_EVENT_QUIT,
-	PTK_EVENT_CLOSE,
-	PTK_EVENT_PAINT,
-	PTK_EVENT_SIZE,
-	PTK_EVENT_MINMAXINFO,
-	PTK_EVENT_VISIBILITY_CHANGE,
-	PTK_EVENT_KEYDOWN,
-	PTK_EVENT_KEYPRESS,
-	PTK_EVENT_KEYUP,
-	PTK_EVENT_MOUSE,
-	PTK_EVENT_MOUSEMOVE,
-	PTK_EVENT_MOUSEDOWN,
-	PTK_EVENT_MOUSEUP,
-	PTK_EVENT_WHEEL,
-	PTK_EVENT_COMPOSITION,
-	PTK_EVENT_TOUCH,
-	PTK_EVENT_TOUCHMOVE,
-	PTK_EVENT_TOUCHDOWN,
-	PTK_EVENT_TOUCHUP,
-	PTK_EVENT_DPICHANGED,
-	PTK_EVENT_USER = 100
+        PTK_EVENT_NONE,
+        PTK_EVENT_TICK,
+        PTK_EVENT_QUIT,
+        PTK_EVENT_CREATE,
+        PTK_EVENT_CLOSE,
+        PTK_EVENT_PAINT,
+        PTK_EVENT_MOVE,
+        PTK_EVENT_SIZE,
+        PTK_EVENT_MINMAXINFO,
+        PTK_EVENT_VISIBILITY_CHANGE,
+        PTK_EVENT_KEYDOWN,
+        PTK_EVENT_KEYPRESS,
+        PTK_EVENT_KEYUP,
+        PTK_EVENT_MOUSE,
+        PTK_EVENT_MOUSEMOVE,
+        PTK_EVENT_MOUSEDOWN,
+        PTK_EVENT_MOUSEUP,
+        PTK_EVENT_WHEEL,
+        PTK_EVENT_COMPOSITION,
+        PTK_EVENT_TOUCH,
+        PTK_EVENT_TOUCHMOVE,
+        PTK_EVENT_TOUCHDOWN,
+        PTK_EVENT_TOUCHUP,
+        PTK_EVENT_DPICHANGED,
+        PTK_EVENT_USER = 100
 } ptk_event_type_t;
 
 #define PTK_EVENT_TEXTINPUT PTK_EVENT_COMPOSITION
@@ -73,81 +76,81 @@ typedef void (*ptk_event_handler_t)(ptk_event_t *, void *);
 typedef int (*ptk_event_dispatcher_t)(ptk_event_t *);
 
 typedef struct ptk_event_listener {
-	ptk_event_type_t type;
-	ptk_event_handler_t handler;
-	void *data;
+        ptk_event_type_t type;
+        ptk_event_handler_t handler;
+        void *data;
 } ptk_event_listener_t;
 
 /**
  * @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode
  */
 typedef enum {
-	KEY_BACKSPACE = 8,
-	KEY_TAB = 9,
-	KEY_ENTER = 13,
-	KEY_SHIFT = 16,
-	KEY_CONTROL = 17,
-	KEY_ALT = 18,
-	KEY_CAPITAL = 20,
-	KEY_ESCAPE = 27,
-	KEY_SPACE = ' ',
-	KEY_PAGEUP = 33,
-	KEY_PAGEDOWN = 34,
-	KEY_END = 35,
-	KEY_HOME = 36,
-	KEY_LEFT = 37,
-	KEY_UP = 38,
-	KEY_RIGHT = 39,
-	KEY_DOWN = 40,
-	KEY_INSERT = 45,
-	KEY_DELETE = 46,
-	KEY_0 = '0',
-	KEY_1 = '1',
-	KEY_2 = '2',
-	KEY_3 = '3',
-	KEY_4 = '4',
-	KEY_5 = '5',
-	KEY_6 = '6',
-	KEY_7 = '7',
-	KEY_8 = '8',
-	KEY_9 = '9',
-	KEY_A = 'A',
-	KEY_B = 'B',
-	KEY_C = 'C',
-	KEY_D = 'D',
-	KEY_E = 'E',
-	KEY_F = 'F',
-	KEY_G = 'G',
-	KEY_H = 'H',
-	KEY_I = 'I',
-	KEY_J = 'J',
-	KEY_K = 'K',
-	KEY_L = 'L',
-	KEY_M = 'M',
-	KEY_N = 'N',
-	KEY_O = 'O',
-	KEY_P = 'P',
-	KEY_Q = 'Q',
-	KEY_R = 'R',
-	KEY_S = 'S',
-	KEY_T = 'T',
-	KEY_U = 'U',
-	KEY_V = 'V',
-	KEY_W = 'W',
-	KEY_X = 'X',
-	KEY_Y = 'Y',
-	KEY_Z = 'Z',
-	KEY_SEMICOLON = 186,
-	KEY_EQUAL = 187,
-	KEY_COMMA = 188,
-	KEY_MINUS = 189,
-	KEY_PERIOD = 190,
-	KEY_SLASH = 191,
-	KEY_GRAVE = 192,
-	KEY_BRACKETLEFT = 219,
-	KEY_BACKSLASH = 220,
-	KEY_BRACKETRIGHT = 221,
-	KEY_APOSTROPHE = 222
+        KEY_BACKSPACE = 8,
+        KEY_TAB = 9,
+        KEY_ENTER = 13,
+        KEY_SHIFT = 16,
+        KEY_CONTROL = 17,
+        KEY_ALT = 18,
+        KEY_CAPITAL = 20,
+        KEY_ESCAPE = 27,
+        KEY_SPACE = ' ',
+        KEY_PAGEUP = 33,
+        KEY_PAGEDOWN = 34,
+        KEY_END = 35,
+        KEY_HOME = 36,
+        KEY_LEFT = 37,
+        KEY_UP = 38,
+        KEY_RIGHT = 39,
+        KEY_DOWN = 40,
+        KEY_INSERT = 45,
+        KEY_DELETE = 46,
+        KEY_0 = '0',
+        KEY_1 = '1',
+        KEY_2 = '2',
+        KEY_3 = '3',
+        KEY_4 = '4',
+        KEY_5 = '5',
+        KEY_6 = '6',
+        KEY_7 = '7',
+        KEY_8 = '8',
+        KEY_9 = '9',
+        KEY_A = 'A',
+        KEY_B = 'B',
+        KEY_C = 'C',
+        KEY_D = 'D',
+        KEY_E = 'E',
+        KEY_F = 'F',
+        KEY_G = 'G',
+        KEY_H = 'H',
+        KEY_I = 'I',
+        KEY_J = 'J',
+        KEY_K = 'K',
+        KEY_L = 'L',
+        KEY_M = 'M',
+        KEY_N = 'N',
+        KEY_O = 'O',
+        KEY_P = 'P',
+        KEY_Q = 'Q',
+        KEY_R = 'R',
+        KEY_S = 'S',
+        KEY_T = 'T',
+        KEY_U = 'U',
+        KEY_V = 'V',
+        KEY_W = 'W',
+        KEY_X = 'X',
+        KEY_Y = 'Y',
+        KEY_Z = 'Z',
+        KEY_SEMICOLON = 186,
+        KEY_EQUAL = 187,
+        KEY_COMMA = 188,
+        KEY_MINUS = 189,
+        KEY_PERIOD = 190,
+        KEY_SLASH = 191,
+        KEY_GRAVE = 192,
+        KEY_BRACKETLEFT = 219,
+        KEY_BACKSLASH = 220,
+        KEY_BRACKETRIGHT = 221,
+        KEY_APOSTROPHE = 222
 } ptk_key_t;
 
 /**
@@ -155,11 +158,11 @@ typedef enum {
  * https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button#return_value
  */
 typedef enum mouse_button_code_t {
-	MOUSE_BUTTON_MAIN,
-	MOUSE_BUTTON_AUXILIARY,
-	MOUSE_BUTTON_SECNODARY,
-	MOUSE_BUTTON_FORTH_BUTTON,
-	MOUSE_BUTTON_FIFTH_BUTTON
+        MOUSE_BUTTON_MAIN,
+        MOUSE_BUTTON_AUXILIARY,
+        MOUSE_BUTTON_SECNODARY,
+        MOUSE_BUTTON_FORTH_BUTTON,
+        MOUSE_BUTTON_FIFTH_BUTTON
 } mouse_button_code_t;
 
 #define MOUSE_BUTTON_LEFT MOUSE_BUTTON_MAIN
@@ -171,146 +174,150 @@ typedef enum mouse_button_code_t {
  * @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent
  */
 typedef struct app_keyboard_event {
-	int code;
-	bool alt_key;
-	bool ctrl_key;
-	bool shift_key;
-	bool meta_key;
-	bool is_composing;
+        int code;
+        bool alt_key;
+        bool ctrl_key;
+        bool shift_key;
+        bool meta_key;
+        bool is_composing;
 } app_keyboard_event_t;
 
 typedef struct touch_point {
-	int x;
-	int y;
-	int id;
-	int state;
-	bool is_primary;
+        int x;
+        int y;
+        int id;
+        int state;
+        bool is_primary;
 } touch_point_t;
 
 typedef struct app_touch_event {
-	unsigned n_points;
-	touch_point_t *points;
+        unsigned n_points;
+        touch_point_t *points;
 } app_touch_event_t;
 
 typedef struct app_paint_event {
-	pd_rect_t rect;
+        pd_rect_t rect;
 } app_paint_event_t;
 
 typedef struct app_textinput_event {
-	wchar_t *text;
-	size_t length;
+        wchar_t *text;
+        size_t length;
 } app_textinput_event_t;
 
 /**
  * @see https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent
  */
 typedef struct app_mouse_event {
-	int x;
-	int y;
-	int button;
+        int x;
+        int y;
+        int button;
 } app_mouse_event_t;
 
 typedef enum app_wheel_delta_mode_t {
-	APP_WHEEL_DELTA_PIXEL = 0,
-	APP_WHEEL_DELTA_LINE,
-	APP_WHEEL_DELTA_PAGE
+        APP_WHEEL_DELTA_PIXEL = 0,
+        APP_WHEEL_DELTA_LINE,
+        APP_WHEEL_DELTA_PAGE
 } app_wheel_delta_mode_t;
 
 /**
  * @see https://developer.mozilla.org/en-US/docs/Web/API/WheelEvent
  */
 typedef struct app_wheel_event {
-	int delta_x;
-	int delta_y;
-	int delta_z;
-	int delta_mode;
+        int delta_x;
+        int delta_y;
+        int delta_z;
+        int delta_mode;
 } app_wheel_event_t;
 
 typedef struct app_size_event {
-	int width;
-	int height;
+        int width;
+        int height;
 } app_size_event_t;
 
 typedef struct app_minmaxinfo_event {
-	int min_width;
-	int min_height;
-	int max_width;
-	int max_height;
+        int min_width;
+        int min_height;
+        int max_width;
+        int max_height;
 } app_minmaxinfo_event_t;
 
 typedef struct app_visibility_change_event {
-	bool visible;
+        bool visible;
 } app_visibility_change_event_t;
 
 typedef struct app_dpi_change_event {
-	int dpi;
+        int dpi;
 } app_dpi_change_event_t;
 
 struct ptk_event {
-	ptk_event_type_t type;
-	ptk_window_t *window;
-	void *data;
-
-	union {
-		app_mouse_event_t mouse;
-		app_wheel_event_t wheel;
-		app_textinput_event_t composition;
-		app_textinput_event_t text;
-		app_keyboard_event_t key;
-		app_touch_event_t touch;
-		app_paint_event_t paint;
-		app_size_event_t size;
-		app_minmaxinfo_event_t minmaxinfo;
-		app_visibility_change_event_t visibility_change;
-		app_dpi_change_event_t dpi_change;
-	};
+        ptk_event_type_t type;
+        ptk_window_t *window;
+        void *data;
+
+        union {
+                app_mouse_event_t mouse;
+                app_wheel_event_t wheel;
+                app_textinput_event_t composition;
+                app_textinput_event_t text;
+                app_keyboard_event_t key;
+                app_touch_event_t touch;
+                app_paint_event_t paint;
+                app_size_event_t size;
+                app_minmaxinfo_event_t minmaxinfo;
+                app_visibility_change_event_t visibility_change;
+                app_dpi_change_event_t dpi_change;
+        };
 };
 
 typedef void ptk_native_event_t;
 typedef void (*ptk_native_event_handler_t)(ptk_native_event_t *, void *);
 
 typedef struct ptk_native_event_listener {
-	int type;
-	ptk_native_event_handler_t handler;
-	void *data;
+        int type;
+        ptk_native_event_handler_t handler;
+        void *data;
 } ptk_native_event_listener_t;
 
 typedef struct ptk_window_driver {
-	void (*hide)(ptk_window_t *);
-	void (*show)(ptk_window_t *);
-	void (*activate)(ptk_window_t *);
-	void (*close)(ptk_window_t *);
-	void (*destroy)(ptk_window_t *);
-	void (*set_title)(ptk_window_t *, const wchar_t *);
-	void (*set_size)(ptk_window_t *, int, int);
-	void (*set_position)(ptk_window_t *, int, int);
-	void *(*get_handle)(ptk_window_t *);
-	int (*get_width)(ptk_window_t *);
-	int (*get_height)(ptk_window_t *);
-	void (*set_min_width)(ptk_window_t *, int);
-	void (*set_min_height)(ptk_window_t *, int);
-	void (*set_max_width)(ptk_window_t *, int);
-	void (*set_max_height)(ptk_window_t *, int);
-	ptk_window_paint_t *(*begin_paint)(ptk_window_t *, pd_rect_t *);
-	void (*end_paint)(ptk_window_t *, ptk_window_paint_t *);
-	void (*present)(ptk_window_t *);
+        void (*hide)(ptk_window_t *);
+        void (*show)(ptk_window_t *);
+        void (*activate)(ptk_window_t *);
+        void (*close)(ptk_window_t *);
+        void (*destroy)(ptk_window_t *);
+        void (*set_title)(ptk_window_t *, const wchar_t *);
+        void (*set_size)(ptk_window_t *, int, int);
+        void (*set_position)(ptk_window_t *, int, int);
+        void (*get_position)(ptk_window_t *, int *, int *);
+        void (*set_maximized)(ptk_window_t *, bool);
+        void *(*get_handle)(ptk_window_t *);
+        unsigned (*get_dpi)(ptk_window_t *);
+        int (*get_width)(ptk_window_t *);
+        int (*get_height)(ptk_window_t *);
+        bool (*is_maximized)(ptk_window_t *);
+        void (*set_min_width)(ptk_window_t *, int);
+        void (*set_min_height)(ptk_window_t *, int);
+        void (*set_max_width)(ptk_window_t *, int);
+        void (*set_max_height)(ptk_window_t *, int);
+        ptk_window_paint_t *(*begin_paint)(ptk_window_t *, pd_rect_t *);
+        void (*end_paint)(ptk_window_t *, ptk_window_paint_t *);
+        void (*present)(ptk_window_t *);
 } ptk_window_driver_t;
 
 typedef struct ptk_app_driver {
-	int (*init)(const wchar_t *);
-	int (*destroy)(void);
-	int (*process_events)(ptk_process_events_option_t option);
-	int (*on_event)(int type, ptk_native_event_handler_t handler,
-			void *data);
-	int (*off_event)(int type, ptk_native_event_handler_t handler);
-	int (*get_screen_width)(void);
-	int (*get_screen_height)(void);
-	ptk_window_t *(*create_window)(const wchar_t *title, int x, int y,
-				       int width, int height,
-				       ptk_window_t *parent);
-	ptk_window_t *(*get_window)(void *handle);
-	void (*present)(void);
-	void (*exit)(int exit_code);
+        int (*init)(const wchar_t *);
+        int (*destroy)(void);
+        int (*process_events)(ptk_process_events_option_t option);
+        int (*on_event)(int type, ptk_native_event_handler_t handler,
+                        void *data);
+        int (*off_event)(int type, ptk_native_event_handler_t handler);
+        int (*get_screen_width)(void);
+        int (*get_screen_height)(void);
+        ptk_window_t *(*create_window)(const wchar_t *title, int x, int y,
+                                       int width, int height,
+                                       ptk_window_t *parent);
+        ptk_window_t *(*get_window)(void *handle);
+        void (*present)(void);
+        void (*exit)(int exit_code);
 } ptk_app_driver_t;
 
 // Window
diff --git a/lib/ptk/include/ptk/win32_main.h b/lib/ptk/include/ptk/win32_main.h
index 84567109e..155c19a1f 100644
--- a/lib/ptk/include/ptk/win32_main.h
+++ b/lib/ptk/include/ptk/win32_main.h
@@ -1,45 +1,30 @@
 /*
  * lib/ptk/include/ptk/win32_main.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIBPLATFORM_INCLUDE_PLATFORM_MAIN_H
 #define LIBPLATFORM_INCLUDE_PLATFORM_MAIN_H
 
 #include <Windows.h>
+#include <stdlib.h>
 #include <ptk.h>
 
 #ifdef PTK_WIN_DESKTOP
-#include <yutil.h>
-#include <errno.h>
 
 extern int main(int argc, char *argv[]);
 
-int APIENTRY WinMain(_In_ HINSTANCE hInstance,
-		     _In_opt_ HINSTANCE hPrevInstance,
-		     _In_ LPSTR lpCmdLine,
-		     _In_ int nCmdShow)
+int APIENTRY WinMain(_In_ HINSTANCE hInstance, _In_opt_ HINSTANCE hPrevInstance,
+                     _In_ LPSTR lpCmdLine, _In_ int nCmdShow)
 {
-	char *cmdline;
-	int ret, argc = 0;
-	char **argv = NULL;
-	UNREFERENCED_PARAMETER(hPrevInstance);
-	UNREFERENCED_PARAMETER(lpCmdLine);
-	ptk_set_instance(hInstance);
-	cmdline = GetCommandLineA();
-	argc = cmdsplit(cmdline, &argv);
-	ret = main(argc, (char**)argv);
-	while (argc-- > 0) {
-		free(argv[argc]);
-	}
-	free(argv);
-	return ret;
+        ptk_set_instance(hInstance);
+        return main(__argc, __argv);
 }
 
 #endif
diff --git a/lib/ptk/include/ptk/window.h b/lib/ptk/include/ptk/window.h
index 20dba76be..f3d456c1f 100644
--- a/lib/ptk/include/ptk/window.h
+++ b/lib/ptk/include/ptk/window.h
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/include/ptk/window.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef PTK_INCLUDE_PLATFORM_WINDOW_H
@@ -24,15 +24,17 @@ PTK_PUBLIC unsigned ptk_window_get_dpi(ptk_window_t *wnd);
 
 PTK_PUBLIC ptk_window_t *ptk_find_window(void *handle);
 PTK_PUBLIC ptk_window_t *ptk_window_create(const wchar_t *title, int x, int y,
-					 int width, int height,
-					 ptk_window_t *parent);
+                                           int width, int height,
+                                           ptk_window_t *parent);
 
 PTK_PUBLIC void ptk_window_close(ptk_window_t *wnd);
 PTK_PUBLIC void ptk_window_destroy(ptk_window_t *wnd);
 PTK_PUBLIC void ptk_window_set_fullscreen(ptk_window_t *wnd, bool fullscreen);
 PTK_PUBLIC void ptk_window_set_position(ptk_window_t *wnd, int x, int y);
+PTK_PUBLIC void ptk_window_get_position(ptk_window_t *wnd, int *x, int *y);
+PTK_PUBLIC void ptk_window_set_maximized(ptk_window_t *wnd, bool maximized);
 PTK_PUBLIC void ptk_window_set_framebuffer_size(ptk_window_t *wnd, int width,
-					      int height);
+                                                int height);
 PTK_PUBLIC void ptk_window_set_size(ptk_window_t *wnd, int width, int height);
 PTK_PUBLIC void ptk_window_show(ptk_window_t *wnd);
 PTK_PUBLIC void ptk_window_hide(ptk_window_t *wnd);
@@ -40,14 +42,15 @@ PTK_PUBLIC void ptk_window_activate(ptk_window_t *wnd);
 PTK_PUBLIC void ptk_window_set_title(ptk_window_t *wnd, const wchar_t *title);
 PTK_PUBLIC int ptk_window_get_width(ptk_window_t *wnd);
 PTK_PUBLIC int ptk_window_get_height(ptk_window_t *wnd);
+PTK_PUBLIC bool ptk_window_is_maximized(ptk_window_t *wnd);
 PTK_PUBLIC void ptk_window_set_min_width(ptk_window_t *wnd, int min_width);
 PTK_PUBLIC void ptk_window_set_min_height(ptk_window_t *wnd, int min_height);
 PTK_PUBLIC void ptk_window_set_max_width(ptk_window_t *wnd, int max_width);
 PTK_PUBLIC void ptk_window_set_max_height(ptk_window_t *wnd, int max_height);
 PTK_PUBLIC ptk_window_paint_t *ptk_window_begin_paint(ptk_window_t *wnd,
-						    pd_rect_t *rect);
+                                                      pd_rect_t *rect);
 PTK_PUBLIC void ptk_window_end_paint(ptk_window_t *wnd,
-				   ptk_window_paint_t *paint);
+                                     ptk_window_paint_t *paint);
 PTK_PUBLIC void ptk_window_present(ptk_window_t *wnd);
 
 PTK_END_DECLS
diff --git a/lib/ptk/rules/xmake.lua b/lib/ptk/rules/xmake.lua
new file mode 100644
index 000000000..2959b9a7b
--- /dev/null
+++ b/lib/ptk/rules/xmake.lua
@@ -0,0 +1,27 @@
+rule("wayland.protocol")
+    on_load(function(target)
+        if target:sourcebatches()["wayland.protocol"] then
+            local generatedir = path.join(target:autogendir(), "rules", "wayland")
+            target:add("includedirs", generatedir)
+        end
+    end)
+
+    before_buildcmd_file(function(target, batchcmds, sourcefile, opt)
+        local generatedir = path.join(target:autogendir(), "rules", "wayland")
+        local basename = path.basename(sourcefile)
+        local headerfile = path.join(generatedir, basename .. "-client-protocol.h")
+        local sourcefile_c = path.join(generatedir, basename .. "-protocol.c")
+        local objectfile = target:objectfile(sourcefile_c)
+        local scanner = os.getenv("WAYLAND_SCANNER") or "/usr/bin/wayland-scanner"
+        local code_mode = target:kind() == "shared" and "public-code" or "private-code"
+
+        table.insert(target:objectfiles(), objectfile)
+        batchcmds:show_progress(opt.progress, "${color.build.object}wayland-scanner %s", sourcefile)
+        batchcmds:mkdir(generatedir)
+        batchcmds:vrunv(scanner, {"client-header", path(sourcefile), path(headerfile)})
+        batchcmds:vrunv(scanner, {code_mode, path(sourcefile), path(sourcefile_c)})
+        batchcmds:compile(sourcefile_c, objectfile)
+        batchcmds:add_depfiles(sourcefile)
+        batchcmds:set_depmtime(os.mtime(objectfile))
+        batchcmds:set_depcache(target:dependfile(objectfile))
+    end)
diff --git a/lib/ptk/src/app.c b/lib/ptk/src/app.c
index 2e834c12c..c52281030 100644
--- a/lib/ptk/src/app.c
+++ b/lib/ptk/src/app.c
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/src/app.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "ptk/app.h"
diff --git a/lib/ptk/src/clipboard.c b/lib/ptk/src/clipboard.c
index 8014046e4..59ec8c3a4 100644
--- a/lib/ptk/src/clipboard.c
+++ b/lib/ptk/src/clipboard.c
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/src/clipboard.c: -- Clipboard support
  *
- * Copyright (c) 2022-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2022-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <yutil.h>
@@ -41,7 +41,6 @@ int ptk_clipboard_request_text(ptk_clipboard_callback_t callback, void *arg)
 
         if (len > 1) {
                 len = decode_utf8(wstr, ptk_clipboard.text, len);
-                wstr[len] = 0;
         } else {
                 wstr[0] = 0;
         }
@@ -73,7 +72,6 @@ int ptk_clipboard_set_text(const wchar_t *text, size_t len)
         if (ptk_clipboard.text) {
                 free(ptk_clipboard.text);
         }
-        raw_text[raw_len] = '\0';
         ptk_clipboard.text = raw_text;
         ptk_clipboard.text_len = raw_len;
         return 0;
diff --git a/lib/ptk/src/clipboard.h b/lib/ptk/src/clipboard.h
index ada5ab3c3..92d2a6472 100644
--- a/lib/ptk/src/clipboard.h
+++ b/lib/ptk/src/clipboard.h
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/src/clipboard.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "ptk/clipboard.h"
diff --git a/lib/ptk/src/config.h.in b/lib/ptk/src/config.h.in
index a7d50bbfb..39a0a46e4 100644
--- a/lib/ptk/src/config.h.in
+++ b/lib/ptk/src/config.h.in
@@ -4,3 +4,4 @@
 #define PTK_VERSION_ALTER ${VERSION_ALTER}
 ${define PTK_STATIC_BUILD}
 ${define PTK_HAS_LIBX11}
+${define PTK_HAS_WAYLAND}
diff --git a/lib/ptk/src/events.c b/lib/ptk/src/events.c
index 02aa69bad..bd970398d 100644
--- a/lib/ptk/src/events.c
+++ b/lib/ptk/src/events.c
@@ -1,17 +1,18 @@
 /*
  * lib/ptk/src/events.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <errno.h>
 #include <yutil.h>
 #include "events.h"
+#include "timer_scheduler.h"
 
 static struct {
         /** list_t<ptk_event_t> */
@@ -20,7 +21,7 @@ static struct {
         /** list_t<app_listener_t> */
         list_t listeners;
 
-        timer_list_t *timers;
+        timer_scheduler_t *timers;
 
         ptk_event_dispatcher_t dispatcher;
 } ptk_events;
@@ -146,42 +147,43 @@ void ptk_tick(void)
         ptk_process_event(&tick_event);
 }
 
-int ptk_reset_timer(int timer_id, long ms)
+int ptk_clear_timer(int timer_id)
 {
-        return timer_reset(ptk_events.timers, timer_id, ms);
+        return timer_scheduler_remove(ptk_events.timers, timer_id);
 }
 
-int ptk_clear_timer(int timer_id)
+int ptk_reset_timer(int timer_id, long ms)
 {
-        return timer_destroy(ptk_events.timers, timer_id);
+        return timer_scheduler_reset(ptk_events.timers, timer_id, ms);
 }
 
 int ptk_set_timeout(long ms, ptk_timer_cb cb, void *cb_arg)
 {
-        return timer_list_add_timeout(ptk_events.timers, ms, cb,
-                                      cb_arg);
+        return timer_scheduler_add_timeout(ptk_events.timers, ms, cb, cb_arg);
 }
 
 int ptk_set_interval(long ms, ptk_timer_cb cb, void *cb_arg)
 {
-        return timer_list_add_interval(ptk_events.timers, ms, cb,
-                                      cb_arg);
+        return timer_scheduler_add_interval(ptk_events.timers, ms, cb, cb_arg);
 }
 
 int ptk_process_event(ptk_event_t *e)
 {
         int count = 0;
         list_node_t *node;
+        list_node_t *next;
         ptk_event_listener_t *listener;
 
-        for (list_each(node, &ptk_events.listeners)) {
+        for (node = list_get_first_node(&ptk_events.listeners); node;
+             node = next) {
+                next = node->next;
                 listener = node->data;
                 if (listener->type == e->type) {
                         listener->handler(e, listener->data);
                         ++count;
                 }
         }
-        timer_list_process(ptk_events.timers);
+        timer_scheduler_process(ptk_events.timers);
         if (ptk_events.dispatcher) {
                 ptk_events.dispatcher(e);
         }
@@ -207,7 +209,7 @@ void ptk_set_event_dispatcher(ptk_event_dispatcher_t dispatcher)
 
 void ptk_events_init(void)
 {
-        ptk_events.timers = timer_list_create();
+        ptk_events.timers = timer_scheduler_create();
         list_create(&ptk_events.queue);
 }
 
@@ -215,5 +217,5 @@ void ptk_events_destroy(void)
 {
         ptk_set_event_dispatcher(NULL);
         list_destroy(&ptk_events.queue, free);
-        timer_list_destroy(ptk_events.timers);
+        timer_scheduler_destroy(ptk_events.timers);
 }
diff --git a/lib/ptk/src/events.h b/lib/ptk/src/events.h
index bb7537006..823d82aa0 100644
--- a/lib/ptk/src/events.h
+++ b/lib/ptk/src/events.h
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/src/events.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "ptk/events.h"
diff --git a/lib/ptk/src/ime.c b/lib/ptk/src/ime.c
index 0a48414c0..363721ab3 100644
--- a/lib/ptk/src/ime.c
+++ b/lib/ptk/src/ime.c
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/src/ime.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <yutil.h>
diff --git a/lib/ptk/src/ime.h b/lib/ptk/src/ime.h
index 37bc7d1bb..c24493bf7 100644
--- a/lib/ptk/src/ime.h
+++ b/lib/ptk/src/ime.h
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/src/ime.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "ptk/ime.h"
diff --git a/lib/ptk/src/linux/app.c b/lib/ptk/src/linux/app.c
index 7c14b8b3b..ecf97d8e5 100644
--- a/lib/ptk/src/linux/app.c
+++ b/lib/ptk/src/linux/app.c
@@ -1,14 +1,15 @@
-/*
+/*
  * lib/ptk/src/linux/app.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
+#include <stdlib.h>
 #include <string.h>
 #include <yutil.h>
 #include "ptk.h"
@@ -16,6 +17,10 @@
 #include "keyboard.h"
 #include "fbapp.h"
 #include "x11app.h"
+
+#ifdef PTK_HAS_WAYLAND
+#include "waylandapp.h"
+#endif
 #include "x11clipboard.h"
 
 #ifdef PTK_LINUX
@@ -94,6 +99,16 @@ void ptk_window_set_position(ptk_window_t *wnd, int x, int y)
         return linux_app.window.set_position(wnd, x, y);
 }
 
+void ptk_window_get_position(ptk_window_t *wnd, int *x, int *y)
+{
+        linux_app.window.get_position(wnd, x, y);
+}
+
+void ptk_window_set_maximized(ptk_window_t *wnd, bool maximized)
+{
+        linux_app.window.set_maximized(wnd, maximized);
+}
+
 void *ptk_window_get_handle(ptk_window_t *wnd)
 {
         return linux_app.window.get_handle(wnd);
@@ -101,7 +116,9 @@ void *ptk_window_get_handle(ptk_window_t *wnd)
 
 unsigned ptk_window_get_dpi(ptk_window_t *wnd)
 {
-        // TODO: get dpi from x11 window or framebuffer?
+        if (linux_app.window.get_dpi) {
+                return linux_app.window.get_dpi(wnd);
+        }
         return 96;
 }
 
@@ -115,6 +132,11 @@ int ptk_window_get_height(ptk_window_t *wnd)
         return linux_app.window.get_height(wnd);
 }
 
+bool ptk_window_is_maximized(ptk_window_t *wnd)
+{
+        return linux_app.window.is_maximized(wnd);
+}
+
 void ptk_window_set_min_width(ptk_window_t *wnd, int min_width)
 {
         linux_app.window.set_min_width(wnd, min_width);
@@ -183,19 +205,45 @@ ptk_app_id_t ptk_get_app_id(void)
 
 int ptk_app_init(const wchar_t *name)
 {
-        linux_app.id = PTK_APP_ID_LINUX;
-#ifdef PTK_HAS_LIBX11
-        ptk_x11app_driver_init(&linux_app.app);
-        ptk_x11window_driver_init(&linux_app.window);
-        if (linux_app.app.init(name) == 0) {
-                logger_debug("[app] use engine: x11app\n");
-                linux_app.id = PTK_APP_ID_LINUX_X11;
-                linux_app.active = true;
-                return 0;
+        const char *env;
+
+        linux_app.id = PTK_APP_ID_LINUX_FRAMEBUFFER;
+        env = getenv("WAYLAND_DISPLAY");
+        if (env && *env) {
+#ifdef PTK_HAS_WAYLAND
+                ptk_waylandapp_driver_init(&linux_app.app);
+                ptk_waylandwindow_driver_init(&linux_app.window);
+                if (linux_app.app.init(name) == 0) {
+                        logger_debug("[app] use engine: waylandapp\n");
+                        linux_app.id = PTK_APP_ID_LINUX_WAYLAND;
+                        linux_app.active = true;
+                        return 0;
+                }
+                memset(&linux_app.app, 0, sizeof(linux_app.app));
+                memset(&linux_app.window, 0, sizeof(linux_app.window));
+#else
+                logger_warning("[app] WAYLAND_DISPLAY is set but wayland "
+                               "backend is not compiled in\n");
+#endif
         }
-        memset(&linux_app.app, 0, sizeof(linux_app.app));
-        memset(&linux_app.window, 0, sizeof(linux_app.window));
+        env = getenv("DISPLAY");
+        if (env && *env) {
+#ifdef PTK_HAS_LIBX11
+                ptk_x11app_driver_init(&linux_app.app);
+                ptk_x11window_driver_init(&linux_app.window);
+                if (linux_app.app.init(name) == 0) {
+                        logger_debug("[app] use engine: x11app\n");
+                        linux_app.id = PTK_APP_ID_LINUX_X11;
+                        linux_app.active = true;
+                        return 0;
+                }
+                memset(&linux_app.app, 0, sizeof(linux_app.app));
+                memset(&linux_app.window, 0, sizeof(linux_app.window));
+#else
+                logger_warning("[app] DISPLAY is set but x11 backend is not "
+                               "compiled in\n");
 #endif
+        }
         logger_debug("[app] use engine: fbapp\n");
         ptk_fbapp_driver_init(&linux_app.app);
         ptk_fbwindow_driver_init(&linux_app.window);
@@ -214,7 +262,7 @@ int ptk_app_destroy(void)
                 return -1;
         }
         linux_app.active = false;
-        if (linux_app.id != PTK_APP_ID_LINUX_X11) {
+        if (linux_app.id == PTK_APP_ID_LINUX_FRAMEBUFFER) {
                 ptk_linux_mouse_destroy();
                 ptk_linux_keyboard_destroy();
         }
diff --git a/lib/ptk/src/linux/fbapp.c b/lib/ptk/src/linux/fbapp.c
index 39ed973cb..394c55bb3 100644
--- a/lib/ptk/src/linux/fbapp.c
+++ b/lib/ptk/src/linux/fbapp.c
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/src/linux/fbapp.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "ptk.h"
@@ -242,6 +242,35 @@ static void ptk_fb_window_set_size(ptk_window_t *wnd, int width, int height)
 
 static void ptk_fb_window_set_position(ptk_window_t *wnd, int x, int y)
 {
+        wnd->x = x;
+        wnd->y = y;
+        wnd->rect.x = x;
+        wnd->rect.y = y;
+        wnd->actual_rect = wnd->rect;
+        pd_rect_correct(&wnd->actual_rect, fbapp.screen_width,
+                        fbapp.screen_height);
+}
+
+static void ptk_fb_window_get_position(ptk_window_t *wnd, int *x, int *y)
+{
+        if (x) {
+                *x = wnd->x;
+        }
+        if (y) {
+                *y = wnd->y;
+        }
+}
+
+static void ptk_fb_window_set_maximized(ptk_window_t *wnd, bool maximized)
+{
+        (void)wnd;
+        (void)maximized;
+}
+
+static bool ptk_fb_window_is_maximized(ptk_window_t *wnd)
+{
+        (void)wnd;
+        return false;
 }
 
 static ptk_window_t *ptk_fbapp_get_window_by_handle(void *handle)
@@ -519,7 +548,6 @@ static int ptk_fb_off_event(int type, ptk_native_event_handler_t handler)
 
 static int ptk_fb_process_events(ptk_process_events_option_t option)
 {
-
         fbapp.exit_code = 0;
         if (option == PTK_PROCESS_EVENTS_ONE_IF_PRESENT ||
             option == PTK_PROCESS_EVENTS_ALL_IF_PRESENT) {
@@ -530,8 +558,9 @@ static int ptk_fb_process_events(ptk_process_events_option_t option)
         do {
                 ptk_tick();
                 ptk_process_events();
-                sleep_ms(1);
-        } while (option == PTK_PROCESS_EVENTS_UNTIL_QUIT && !fbapp.should_quit_loop);
+                y_sleep(1);
+        } while (option == PTK_PROCESS_EVENTS_UNTIL_QUIT &&
+                 !fbapp.should_quit_loop);
         fbapp.should_quit_loop = false;
         return fbapp.exit_code;
 }
@@ -560,15 +589,18 @@ void ptk_fbapp_driver_init(ptk_app_driver_t *driver)
 void ptk_fbwindow_driver_init(ptk_window_driver_t *driver)
 {
         driver->close = ptk_fb_window_close;
-        driver->close = ptk_fb_window_destroy;
+        driver->destroy = ptk_fb_window_destroy;
         driver->show = ptk_fb_window_show;
         driver->hide = ptk_fb_window_hide;
         driver->activate = ptk_fb_window_activate;
         driver->set_title = ptk_fb_window_set_title;
         driver->set_size = ptk_fb_window_set_size;
         driver->set_position = ptk_fb_window_set_position;
+        driver->get_position = ptk_fb_window_get_position;
+        driver->set_maximized = ptk_fb_window_set_maximized;
         driver->get_width = ptk_fb_window_get_width;
         driver->get_height = ptk_fb_window_get_height;
+        driver->is_maximized = ptk_fb_window_is_maximized;
         driver->get_handle = ptk_fb_window_get_handle;
         driver->set_max_width = ptk_fb_window_set_max_width;
         driver->set_max_height = ptk_fb_window_set_max_height;
diff --git a/lib/ptk/src/linux/fbapp.h b/lib/ptk/src/linux/fbapp.h
index 046ec0927..b5c3863d2 100644
--- a/lib/ptk/src/linux/fbapp.h
+++ b/lib/ptk/src/linux/fbapp.h
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/src/linux/fbapp.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "ptk.h"
diff --git a/lib/ptk/src/linux/ime.c b/lib/ptk/src/linux/ime.c
index 177015756..f04af5011 100644
--- a/lib/ptk/src/linux/ime.c
+++ b/lib/ptk/src/linux/ime.c
@@ -1,12 +1,12 @@
-/*
+/*
  * lib/ptk/src/linux/ime.c: -- The input method engine support for linux.
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "ptk.h"
@@ -17,6 +17,14 @@
 #include <stdio.h>
 #include <stdlib.h>
 
+/* Shared by both X11 and Wayland: convert KEYPRESS key.code (Unicode codepoint)
+ * to a wchar_t and commit it through the IME layer. */
+static void on_key_press(ptk_event_t *e, void *arg)
+{
+        wchar_t text[2] = { (wchar_t)e->key.code, 0 };
+        ptk_ime_commit(text, 2);
+}
+
 #ifdef PTK_HAS_LIBX11
 
 static bool ptk_x11ime_process_key(int key, bool pressed)
@@ -30,12 +38,6 @@ static void ptk_x11ime_to_text(int ch)
         ptk_ime_commit(text, 2);
 }
 
-static void on_key_press(ptk_event_t *e, void *arg)
-{
-        wchar_t text[2] = { e->key.code, 0 };
-        ptk_ime_commit(text, 2);
-}
-
 static bool ptk_x11ime_open(void)
 {
         ptk_on_event(PTK_EVENT_KEYPRESS, on_key_press, NULL);
@@ -62,6 +64,15 @@ int ptk_ime_add_linux(void)
                 return ptk_ime_add("LCUI X11 Input Method", &handler);
         }
 #endif
+        if (ptk_get_app_id() == PTK_APP_ID_LINUX_WAYLAND) {
+                /* Wayland backend: PTK_EVENT_KEYPRESS carries the Unicode
+                 * codepoint in key.code (written by xkb_state_key_get_utf32).
+                 * Register directly — no full IME handler needed for basic
+                 * ASCII/Unicode input without a compositor text-input protocol.
+                 */
+                ptk_on_event(PTK_EVENT_KEYPRESS, on_key_press, NULL);
+                return 0;
+        }
         return -1;
 }
 
diff --git a/lib/ptk/src/linux/keyboard.c b/lib/ptk/src/linux/keyboard.c
index 08bf48272..2368cfe39 100644
--- a/lib/ptk/src/linux/keyboard.c
+++ b/lib/ptk/src/linux/keyboard.c
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/src/linux/keyboard.c: -- Keyboard support for linux.
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "ptk.h"
@@ -22,157 +22,158 @@
 #include <thread.h>
 
 static struct linux_keyboard {
-	int fd;
-	struct termios tm;
-	thread_t tid;
-	bool active;
+        int fd;
+        struct termios tm;
+        thread_t tid;
+        bool active;
 } linux_keyboard;
 
 static void linux_keyboard_dispatch_event(int key)
 {
-	wchar_t str[2];
-	ptk_event_t ev = { 0 };
+        wchar_t str[2];
+        ptk_event_t ev = { 0 };
 
-	ev.key.code = key;
-	switch (ev.key.code) {
-	case 183:
-		ev.key.code = KEY_UP;
-		break;
-	case 184:
-		ev.key.code = KEY_DOWN;
-		break;
-	case 185:
-		ev.key.code = KEY_RIGHT;
-		break;
-	case 186:
-		ev.key.code = KEY_LEFT;
-		break;
-	case 127:
-		ev.key.code = KEY_BACKSPACE;
-		break;
-	case 293:
-		ev.key.code = KEY_HOME;
-		break;
-	case 295:
-		ev.key.code = KEY_DELETE;
-		break;
-	case 296:
-		ev.key.code = KEY_END;
-		break;
-	case 297:
-		ev.key.code = KEY_PAGEUP;
-		break;
-	case 298:
-		ev.key.code = KEY_PAGEDOWN;
-	default:
-		break;
-	}
-	ev.type = PTK_EVENT_KEYDOWN;
-	ptk_post_event(&ev);
-	ptk_event_destroy(&ev);
-	/* FIXME: this driver is not yet possible to get the key state directly,
-	 * the following is a temporary solution.
-	 */
-	ev.type = PTK_EVENT_KEYUP;
-	ptk_post_event(&ev);
-	ptk_event_destroy(&ev);
-	if (ev.key.code >= ' ' && ev.key.code <= '~') {
-		str[0] = ev.key.code;
-		ev.type = PTK_EVENT_KEYPRESS;
-		ptk_post_event(&ev);
-		ptk_event_destroy(&ev);
-		ptk_ime_commit(str, 1);
-	}
+        ev.key.code = key;
+        switch (ev.key.code) {
+        case 183:
+                ev.key.code = KEY_UP;
+                break;
+        case 184:
+                ev.key.code = KEY_DOWN;
+                break;
+        case 185:
+                ev.key.code = KEY_RIGHT;
+                break;
+        case 186:
+                ev.key.code = KEY_LEFT;
+                break;
+        case 127:
+                ev.key.code = KEY_BACKSPACE;
+                break;
+        case 293:
+                ev.key.code = KEY_HOME;
+                break;
+        case 295:
+                ev.key.code = KEY_DELETE;
+                break;
+        case 296:
+                ev.key.code = KEY_END;
+                break;
+        case 297:
+                ev.key.code = KEY_PAGEUP;
+                break;
+        case 298:
+                ev.key.code = KEY_PAGEDOWN;
+        default:
+                break;
+        }
+        ev.type = PTK_EVENT_KEYDOWN;
+        ptk_post_event(&ev);
+        ptk_event_destroy(&ev);
+        /* FIXME: this driver is not yet possible to get the key state directly,
+         * the following is a temporary solution.
+         */
+        ev.type = PTK_EVENT_KEYUP;
+        ptk_post_event(&ev);
+        ptk_event_destroy(&ev);
+        if (ev.key.code >= ' ' && ev.key.code <= '~') {
+                str[0] = ev.key.code;
+                ev.type = PTK_EVENT_KEYPRESS;
+                ptk_post_event(&ev);
+                ptk_event_destroy(&ev);
+                ptk_ime_commit(str, 1);
+        }
 }
 
 static bool kbhit(void)
 {
-	int ch, flags;
-	struct termios tm;
+        int ch, flags;
+        struct termios tm;
 
-	tcgetattr(linux_keyboard.fd, &tm);
-	flags = fcntl(linux_keyboard.fd, F_GETFL, 0);
-	fcntl(linux_keyboard.fd, F_SETFL, flags | O_NONBLOCK);
-	ch = getchar();
-	tcsetattr(linux_keyboard.fd, TCSANOW, &tm);
-	fcntl(linux_keyboard.fd, F_SETFL, flags);
-	if (ch != EOF) {
-		ungetc(ch, stdin);
-		return true;
-	}
-	return false;
+        tcgetattr(linux_keyboard.fd, &tm);
+        flags = fcntl(linux_keyboard.fd, F_GETFL, 0);
+        fcntl(linux_keyboard.fd, F_SETFL, flags | O_NONBLOCK);
+        ch = getchar();
+        tcsetattr(linux_keyboard.fd, TCSANOW, &tm);
+        fcntl(linux_keyboard.fd, F_SETFL, flags);
+        if (ch != EOF) {
+                ungetc(ch, stdin);
+                return true;
+        }
+        return false;
 }
 
 static int getch(void)
 {
-	int c = EOF;
-	struct termios tm;
+        int c = EOF;
+        struct termios tm;
 
-	tm = linux_keyboard.tm;
+        tm = linux_keyboard.tm;
 
-	/* canonical input and echo modes */
-	tm.c_lflag &= ~(ICANON | ECHO);
-	tm.c_cc[VMIN] = 0;
-	tm.c_cc[VTIME] = 1;
-	tcsetattr(linux_keyboard.fd, TCSANOW, &tm);
-	/* get char from modified stdin */
-	c = getchar();
-	/* reset stdin to previous state */
-	tcsetattr(linux_keyboard.fd, TCSANOW, &linux_keyboard.tm);
-	return c;
+        /* canonical input and echo modes */
+        tm.c_lflag &= ~(ICANON | ECHO);
+        tm.c_cc[VMIN] = 0;
+        tm.c_cc[VTIME] = 1;
+        tcsetattr(linux_keyboard.fd, TCSANOW, &tm);
+        /* get char from modified stdin */
+        c = getchar();
+        /* reset stdin to previous state */
+        tcsetattr(linux_keyboard.fd, TCSANOW, &linux_keyboard.tm);
+        return c;
 }
 
 static void on_signal(int signal)
 {
-	tcsetattr(linux_keyboard.fd, TCSANOW, &linux_keyboard.tm);
-	exit(1);
+        tcsetattr(linux_keyboard.fd, TCSANOW, &linux_keyboard.tm);
+        exit(1);
 }
 
 static void linux_keyboard_thread(void *arg)
 {
-	int key;
-	while (linux_keyboard.active) {
-		key = getch();
-		if (key == EOF) {
-			continue;
-		}
-		while (kbhit()) {
-			key += getch();
-		}
-		linux_keyboard_dispatch_event(key);
-	}
+        int key;
+        while (linux_keyboard.active) {
+                key = getch();
+                if (key == EOF) {
+                        continue;
+                }
+                while (kbhit()) {
+                        key += getch();
+                }
+                linux_keyboard_dispatch_event(key);
+        }
 }
 
 int ptk_linux_keyboard_init(void)
 {
-	int i = 0;
-	int signals[] = { SIGABRT, SIGINT, SIGKILL, SIGQUIT, SIGSTOP, SIGTERM };
-	int len = sizeof(signals) / sizeof(signals[0]);
+        int i = 0;
+        int signals[] = { SIGABRT, SIGINT, SIGKILL, SIGQUIT, SIGSTOP, SIGTERM };
+        int len = sizeof(signals) / sizeof(signals[0]);
 
-	linux_keyboard.fd = STDIN_FILENO;
-	if (tcgetattr(linux_keyboard.fd, &linux_keyboard.tm) < 0) {
-		return -1;
-	}
-	for (; i < len; ++i) {
-		signal(signals[i], on_signal);
-	}
-	linux_keyboard.active = true;
-	thread_create(&linux_keyboard.tid, linux_keyboard_thread, NULL);
-	logger_debug("[input] keyboard driver thread: %lld\n", linux_keyboard.tid);
-	return 0;
+        linux_keyboard.fd = STDIN_FILENO;
+        if (tcgetattr(linux_keyboard.fd, &linux_keyboard.tm) < 0) {
+                return -1;
+        }
+        for (; i < len; ++i) {
+                signal(signals[i], on_signal);
+        }
+        linux_keyboard.active = true;
+        thread_create(&linux_keyboard.tid, linux_keyboard_thread, NULL);
+        logger_debug("[input] keyboard driver thread: %lld\n",
+                     linux_keyboard.tid);
+        return 0;
 }
 
 int ptk_linux_keyboard_destroy(void)
 {
-	if (!linux_keyboard.active) {
-		return 0;
-	}
-	linux_keyboard.active = false;
-	thread_join(linux_keyboard.tid, NULL);
-	if (tcsetattr(linux_keyboard.fd, TCSANOW, &linux_keyboard.tm) < 0) {
-		return -1;
-	}
-	return 0;
+        if (!linux_keyboard.active) {
+                return 0;
+        }
+        linux_keyboard.active = false;
+        thread_join(linux_keyboard.tid, NULL);
+        if (tcsetattr(linux_keyboard.fd, TCSANOW, &linux_keyboard.tm) < 0) {
+                return -1;
+        }
+        return 0;
 }
 
 #endif
diff --git a/lib/ptk/src/linux/keyboard.h b/lib/ptk/src/linux/keyboard.h
index af553ce08..8791bc4e2 100644
--- a/lib/ptk/src/linux/keyboard.h
+++ b/lib/ptk/src/linux/keyboard.h
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/src/linux/keyboard.h
  *
- * Copyright (c) 2024-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 int ptk_linux_keyboard_init(void);
diff --git a/lib/ptk/src/linux/mouse.c b/lib/ptk/src/linux/mouse.c
index 3572bd5d5..1e9565c61 100644
--- a/lib/ptk/src/linux/mouse.c
+++ b/lib/ptk/src/linux/mouse.c
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/src/linux/mouse.c: -- Mouse support for linux.
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "ptk.h"
diff --git a/lib/ptk/src/linux/mouse.h b/lib/ptk/src/linux/mouse.h
index f6e761dbe..e2feca6ab 100644
--- a/lib/ptk/src/linux/mouse.h
+++ b/lib/ptk/src/linux/mouse.h
@@ -1,14 +1,13 @@
 /*
  * lib/ptk/src/linux/mouse.h
  *
- * Copyright (c) 2024-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 int ptk_linux_mouse_init(void);
 int ptk_linux_mouse_destroy(void);
-
diff --git a/lib/ptk/src/linux/uri.c b/lib/ptk/src/linux/uri.c
index 066ced555..f5d53883d 100644
--- a/lib/ptk/src/linux/uri.c
+++ b/lib/ptk/src/linux/uri.c
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/src/linux/uri.c: -- uri processing
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
@@ -18,9 +18,9 @@
 
 int ptk_open_uri(const char *uri)
 {
-	char cmd[512] = { 0 };
-	snprintf(cmd, 511, "xdg-open %s", uri);
-	return system(cmd);
+        char cmd[512] = { 0 };
+        snprintf(cmd, 511, "xdg-open %s", uri);
+        return system(cmd);
 }
 
 #endif
diff --git a/lib/ptk/src/linux/wayland_internal.h b/lib/ptk/src/linux/wayland_internal.h
new file mode 100644
index 000000000..d72b56f90
--- /dev/null
+++ b/lib/ptk/src/linux/wayland_internal.h
@@ -0,0 +1,127 @@
+#ifndef PTK_LINUX_WAYLAND_INTERNAL_H
+#define PTK_LINUX_WAYLAND_INTERNAL_H
+
+#if defined(PTK_LINUX) && defined(PTK_HAS_WAYLAND)
+
+#ifndef _GNU_SOURCE
+#define _GNU_SOURCE
+#endif
+#include <errno.h>
+#include <fcntl.h>
+#include <math.h>
+#include <poll.h>
+#include <stdlib.h>
+#include <string.h>
+#include <sys/mman.h>
+#include <unistd.h>
+#include <wayland-client.h>
+#include <wayland-cursor.h>
+#include <xkbcommon/xkbcommon.h>
+#include <pandagl.h>
+#include <yutil.h>
+
+#include "ptk.h"
+#include "keyboard.h"
+#include "waylandapp.h"
+#include "xdg-shell-client-protocol.h"
+#include "xdg-decoration-unstable-v1-client-protocol.h"
+#include "viewporter-client-protocol.h"
+#include "fractional-scale-v1-client-protocol.h"
+
+#ifndef WL_KEYBOARD_KEY_STATE_REPEATED
+#define WL_KEYBOARD_KEY_STATE_REPEATED 2
+#endif
+
+#define WAYLAND_DEFAULT_SCREEN_WIDTH 1280
+#define WAYLAND_DEFAULT_SCREEN_HEIGHT 720
+
+typedef struct ptk_window {
+        struct wl_surface *surface;
+        struct xdg_surface *xdg_surface;
+        struct xdg_toplevel *xdg_toplevel;
+        struct zxdg_toplevel_decoration_v1 *decoration;
+        struct wp_viewport *viewport;
+        struct wp_fractional_scale_v1 *fractional_scale;
+        struct wl_buffer *buffer;
+        void *buffer_data;
+        size_t buffer_size;
+        int width;
+        int height;
+        double scale;
+        bool configured;
+        int min_width;
+        int min_height;
+        int max_width;
+        int max_height;
+        /** Full-window canvas wrapping buffer_data (external memory, not
+         *  owned by pandagl). Used as the quote source in begin_paint. */
+        pd_canvas_t canvas;
+        pd_context_t *paint_ctx;
+        list_node_t node;
+} ptk_window_t;
+
+typedef struct ptk_wayland_app {
+        struct wl_display *display;
+        struct wl_registry *registry;
+        struct wl_compositor *compositor;
+        struct wl_shm *shm;
+        struct zxdg_decoration_manager_v1 *decoration_manager;
+        struct wp_viewporter *viewporter;
+        struct wp_fractional_scale_manager_v1 *fractional_scale_manager;
+        struct xdg_wm_base *wm_base;
+        struct wl_output *output;
+        struct wl_seat *seat;
+        struct wl_pointer *pointer;
+        struct wl_keyboard *keyboard;
+        ptk_window_t *pointer_focus;
+        ptk_window_t *keyboard_focus;
+        double pointer_x;
+        double pointer_y;
+        list_t windows;
+        int exit_code;
+        int screen_width;
+        int screen_height;
+        double output_scale;
+
+        struct xkb_context *xkb_context;
+        struct xkb_keymap *xkb_map;
+        struct xkb_state *xkb_state;
+        uint32_t shift_mask;
+        uint32_t ctrl_mask;
+        uint32_t alt_mask;
+        uint32_t meta_mask;
+        uint32_t modifiers;
+
+        /* Key repeat parameters from wl_keyboard.repeat_info (rate=0 means
+         * disabled) */
+        int repeat_rate;  /* characters/second */
+        int repeat_delay; /* milliseconds before first repeat */
+
+        struct wl_cursor_theme *cursor_theme;
+        struct wl_cursor *default_cursor;
+        struct wl_surface *cursor_surface;
+
+        bool running;
+} ptk_wayland_app_t;
+
+extern ptk_wayland_app_t wl_app;
+
+extern const struct wl_output_listener output_listener;
+extern const struct wl_seat_listener seat_listener;
+extern const struct wl_registry_listener registry_listener;
+extern const struct xdg_wm_base_listener wm_base_listener;
+extern const struct xdg_surface_listener xdg_surface_listener;
+extern const struct xdg_toplevel_listener xdg_toplevel_listener;
+extern const struct wp_fractional_scale_v1_listener fractional_scale_listener;
+void ptk_waylandwindow_destroy(ptk_window_t *wnd);
+
+ptk_window_t *ptk_waylandapp_get_window(void *handle);
+void ptk_waylandwindow_destroy_buffer(ptk_window_t *wnd);
+void ptk_waylandwindow_post_size_event(ptk_window_t *wnd);
+ptk_window_t *ptk_waylandwindow_create(const wchar_t *title, int x, int y,
+                                       int width, int height,
+                                       ptk_window_t *parent);
+
+#endif /* PTK_LINUX && PTK_HAS_WAYLAND */
+
+#endif
diff --git a/lib/ptk/src/linux/waylandapp.h b/lib/ptk/src/linux/waylandapp.h
new file mode 100644
index 000000000..48760aea1
--- /dev/null
+++ b/lib/ptk/src/linux/waylandapp.h
@@ -0,0 +1,9 @@
+#ifndef LIB_PTK_SRC_LINUX_WAYLANDAPP_H
+#define LIB_PTK_SRC_LINUX_WAYLANDAPP_H
+
+#include "ptk/types.h"
+
+void ptk_waylandapp_driver_init(ptk_app_driver_t *driver);
+void ptk_waylandwindow_driver_init(ptk_window_driver_t *driver);
+
+#endif
diff --git a/lib/ptk/src/linux/waylandapp_core.c b/lib/ptk/src/linux/waylandapp_core.c
new file mode 100644
index 000000000..000dd0f73
--- /dev/null
+++ b/lib/ptk/src/linux/waylandapp_core.c
@@ -0,0 +1,319 @@
+#define _GNU_SOURCE
+#include "ptk.h"
+
+#if defined(PTK_LINUX) && defined(PTK_HAS_WAYLAND)
+
+#include "wayland_internal.h"
+
+ptk_wayland_app_t wl_app;
+
+ptk_window_t *ptk_waylandapp_get_window(void *handle)
+{
+        list_node_t *node;
+
+        for (list_each(node, &wl_app.windows)) {
+                ptk_window_t *wnd = node->data;
+
+                if (wnd && wnd->surface == handle) {
+                        return wnd;
+                }
+        }
+        return NULL;
+}
+
+static void ptk_waylandapp_on_registry_global(void *data,
+                                              struct wl_registry *registry,
+                                              uint32_t name,
+                                              const char *interface,
+                                              uint32_t version)
+{
+        if (strcmp(interface, wl_compositor_interface.name) == 0) {
+                wl_app.compositor = wl_registry_bind(
+                    registry, name, &wl_compositor_interface, 4);
+                return;
+        }
+        if (strcmp(interface, wl_shm_interface.name) == 0) {
+                wl_app.shm =
+                    wl_registry_bind(registry, name, &wl_shm_interface, 1);
+                return;
+        }
+        if (strcmp(interface, xdg_wm_base_interface.name) == 0) {
+                uint32_t bind_version = version < 1 ? version : 1;
+                wl_app.wm_base = wl_registry_bind(
+                    registry, name, &xdg_wm_base_interface, bind_version);
+                return;
+        }
+        if (strcmp(interface, zxdg_decoration_manager_v1_interface.name) == 0) {
+                wl_app.decoration_manager = wl_registry_bind(
+                    registry, name, &zxdg_decoration_manager_v1_interface, 1);
+                return;
+        }
+        if (strcmp(interface, wl_output_interface.name) == 0 &&
+            !wl_app.output) {
+                wl_app.output =
+                    wl_registry_bind(registry, name, &wl_output_interface, 2);
+                wl_output_add_listener(wl_app.output, &output_listener, NULL);
+                return;
+        }
+        if (strcmp(interface, wl_seat_interface.name) == 0 && !wl_app.seat) {
+                wl_app.seat =
+                    wl_registry_bind(registry, name, &wl_seat_interface, 5);
+                wl_seat_add_listener(wl_app.seat, &seat_listener, NULL);
+                return;
+        }
+        if (strcmp(interface, wp_viewporter_interface.name) == 0) {
+                wl_app.viewporter = wl_registry_bind(
+                    registry, name, &wp_viewporter_interface, 1);
+                return;
+        }
+        if (strcmp(interface, wp_fractional_scale_manager_v1_interface.name) ==
+            0) {
+                wl_app.fractional_scale_manager = wl_registry_bind(
+                    registry, name, &wp_fractional_scale_manager_v1_interface,
+                    1);
+                return;
+        }
+}
+
+static void ptk_waylandapp_on_registry_global_remove(
+    void *data, struct wl_registry *registry, uint32_t name)
+{
+}
+
+const struct wl_registry_listener registry_listener = {
+        ptk_waylandapp_on_registry_global,
+        ptk_waylandapp_on_registry_global_remove
+};
+
+static int ptk_waylandapp_poll_events(int timeout_ms, bool dispatch_all)
+{
+        struct pollfd pfd;
+        int result;
+
+        result = wl_display_dispatch_pending(wl_app.display);
+        if (result < 0) {
+                return -1;
+        }
+        if (dispatch_all && result > 0) {
+                do {
+                        result = wl_display_dispatch_pending(wl_app.display);
+                } while (result > 0);
+                if (result < 0) {
+                        return -1;
+                }
+        }
+        if (wl_display_flush(wl_app.display) < 0 && errno != EAGAIN) {
+                return -1;
+        }
+
+        pfd.fd = wl_display_get_fd(wl_app.display);
+        pfd.events = POLLIN;
+        pfd.revents = 0;
+        result = poll(&pfd, 1, timeout_ms);
+        if (result <= 0) {
+                return result;
+        }
+        if (pfd.revents & (POLLERR | POLLHUP | POLLNVAL)) {
+                return -1;
+        }
+        if (!(pfd.revents & POLLIN)) {
+                return 0;
+        }
+        result = wl_display_dispatch(wl_app.display);
+        if (result < 0) {
+                return -1;
+        }
+        if (!dispatch_all) {
+                return result;
+        }
+        while ((result = wl_display_dispatch_pending(wl_app.display)) > 0) {
+        }
+        return result < 0 ? -1 : 1;
+}
+
+static int ptk_waylandapp_destroy(void)
+{
+        list_node_t *node, *next;
+
+        for (node = wl_app.windows.head.next; node; node = next) {
+                next = node->next;
+                ptk_waylandwindow_destroy(node->data);
+        }
+        list_create(&wl_app.windows);
+        if (wl_app.pointer) {
+                wl_pointer_destroy(wl_app.pointer);
+        }
+        if (wl_app.cursor_surface) {
+                wl_surface_destroy(wl_app.cursor_surface);
+                wl_app.cursor_surface = NULL;
+        }
+        if (wl_app.cursor_theme) {
+                wl_cursor_theme_destroy(wl_app.cursor_theme);
+                wl_app.cursor_theme = NULL;
+                wl_app.default_cursor = NULL;
+        }
+        if (wl_app.keyboard) {
+                wl_keyboard_destroy(wl_app.keyboard);
+        }
+        if (wl_app.xkb_state) {
+                xkb_state_unref(wl_app.xkb_state);
+                wl_app.xkb_state = NULL;
+        }
+        if (wl_app.xkb_map) {
+                xkb_keymap_unref(wl_app.xkb_map);
+                wl_app.xkb_map = NULL;
+        }
+        if (wl_app.xkb_context) {
+                xkb_context_unref(wl_app.xkb_context);
+                wl_app.xkb_context = NULL;
+        }
+        if (wl_app.seat) {
+                wl_seat_destroy(wl_app.seat);
+        }
+        if (wl_app.output) {
+                wl_output_destroy(wl_app.output);
+        }
+        if (wl_app.fractional_scale_manager) {
+                wp_fractional_scale_manager_v1_destroy(
+                    wl_app.fractional_scale_manager);
+        }
+        if (wl_app.viewporter) {
+                wp_viewporter_destroy(wl_app.viewporter);
+        }
+        if (wl_app.decoration_manager) {
+                zxdg_decoration_manager_v1_destroy(wl_app.decoration_manager);
+        }
+        if (wl_app.wm_base) {
+                xdg_wm_base_destroy(wl_app.wm_base);
+        }
+        if (wl_app.shm) {
+                wl_shm_destroy(wl_app.shm);
+        }
+        if (wl_app.compositor) {
+                wl_compositor_destroy(wl_app.compositor);
+        }
+        if (wl_app.registry) {
+                wl_registry_destroy(wl_app.registry);
+        }
+        if (wl_app.display) {
+                wl_display_disconnect(wl_app.display);
+        }
+        memset(&wl_app, 0, sizeof(wl_app));
+        return 0;
+}
+
+static int ptk_waylandapp_init(const wchar_t *name)
+{
+        memset(&wl_app, 0, sizeof(wl_app));
+        wl_app.output_scale = 1.0;
+        wl_app.display = wl_display_connect(NULL);
+        if (!wl_app.display) {
+                logger_error("[wayland] wl_display_connect() failed\n");
+                return -1;
+        }
+        wl_app.screen_width = WAYLAND_DEFAULT_SCREEN_WIDTH;
+        wl_app.screen_height = WAYLAND_DEFAULT_SCREEN_HEIGHT;
+        wl_app.registry = wl_display_get_registry(wl_app.display);
+        if (!wl_app.registry) {
+                logger_error("[wayland] wl_display_get_registry() failed\n");
+                wl_display_disconnect(wl_app.display);
+                wl_app.display = NULL;
+                return -1;
+        }
+        list_create(&wl_app.windows);
+        wl_registry_add_listener(wl_app.registry, &registry_listener, NULL);
+        if (wl_display_roundtrip(wl_app.display) < 0) {
+                logger_error("[wayland] wl_display_roundtrip() failed during "
+                             "registry init\n");
+                ptk_waylandapp_destroy();
+                return -1;
+        }
+        if (!wl_app.compositor || !wl_app.shm || !wl_app.wm_base) {
+                logger_error("[wayland] missing globals: compositor=%p shm=%p "
+                             "wm_base=%p\n",
+                             wl_app.compositor, wl_app.shm, wl_app.wm_base);
+                ptk_waylandapp_destroy();
+                return -1;
+        }
+        xdg_wm_base_add_listener(wl_app.wm_base, &wm_base_listener, NULL);
+        wl_app.running = true;
+        wl_app.exit_code = 0;
+        return 0;
+}
+
+static int ptk_waylandapp_process_events(ptk_process_events_option_t option)
+{
+        int result = 0;
+
+        wl_app.exit_code = 0;
+        if (option == PTK_PROCESS_EVENTS_ONE_IF_PRESENT ||
+            option == PTK_PROCESS_EVENTS_ALL_IF_PRESENT) {
+                ptk_tick();
+                ptk_process_events();
+                result = ptk_waylandapp_poll_events(
+                    0, option == PTK_PROCESS_EVENTS_ALL_IF_PRESENT);
+                ptk_process_events();
+                return result < 0 ? -1 : wl_app.exit_code;
+        }
+        while (wl_app.running) {
+                ptk_tick();
+                ptk_process_events();
+                result = ptk_waylandapp_poll_events(1, true);
+                if (result < 0) {
+                        break;
+                }
+                ptk_process_events();
+        }
+        return wl_app.exit_code;
+}
+
+static void ptk_waylandapp_present(void)
+{
+        wl_display_flush(wl_app.display);
+}
+
+static void ptk_waylandapp_exit(int exit_code)
+{
+        wl_app.running = false;
+        wl_app.exit_code = exit_code;
+}
+
+static int ptk_waylandapp_on_event(int type, ptk_native_event_handler_t handler,
+                                   void *data)
+{
+        return -1;
+}
+
+static int ptk_waylandapp_off_event(int type,
+                                    ptk_native_event_handler_t handler)
+{
+        return -1;
+}
+
+static int ptk_waylandapp_get_screen_width(void)
+{
+        return wl_app.screen_width;
+}
+
+static int ptk_waylandapp_get_screen_height(void)
+{
+        return wl_app.screen_height;
+}
+
+void ptk_waylandapp_driver_init(ptk_app_driver_t *driver)
+{
+        memset(driver, 0, sizeof(*driver));
+        driver->init = ptk_waylandapp_init;
+        driver->destroy = ptk_waylandapp_destroy;
+        driver->process_events = ptk_waylandapp_process_events;
+        driver->on_event = ptk_waylandapp_on_event;
+        driver->off_event = ptk_waylandapp_off_event;
+        driver->get_screen_width = ptk_waylandapp_get_screen_width;
+        driver->get_screen_height = ptk_waylandapp_get_screen_height;
+        driver->create_window = ptk_waylandwindow_create;
+        driver->get_window = ptk_waylandapp_get_window;
+        driver->present = ptk_waylandapp_present;
+        driver->exit = ptk_waylandapp_exit;
+}
+
+#endif /* PTK_LINUX && PTK_HAS_WAYLAND */
diff --git a/lib/ptk/src/linux/waylandapp_input.c b/lib/ptk/src/linux/waylandapp_input.c
new file mode 100644
index 000000000..db8c617fc
--- /dev/null
+++ b/lib/ptk/src/linux/waylandapp_input.c
@@ -0,0 +1,438 @@
+#define _GNU_SOURCE
+#include "ptk.h"
+
+#if defined(PTK_LINUX) && defined(PTK_HAS_WAYLAND)
+
+#include "wayland_internal.h"
+
+static void ptk_waylandapp_on_pointer_enter(
+    void *data, struct wl_pointer *wl_pointer, uint32_t serial,
+    struct wl_surface *surface, wl_fixed_t surface_x, wl_fixed_t surface_y)
+{
+        wl_app.pointer_focus = ptk_waylandapp_get_window(surface);
+        /* surface_x/y are in logical pixels (compositor coordinate space);
+         * store physical coords internally for cursor hotspot math */
+        wl_app.pointer_x = wl_fixed_to_double(surface_x);
+        wl_app.pointer_y = wl_fixed_to_double(surface_y);
+
+        if (wl_app.default_cursor && wl_app.cursor_surface) {
+                struct wl_cursor_image *image =
+                    wl_app.default_cursor->images[0];
+                wl_pointer_set_cursor(wl_pointer, serial, wl_app.cursor_surface,
+                                      image->hotspot_x, image->hotspot_y);
+                wl_surface_set_buffer_scale(wl_app.cursor_surface,
+                                            wl_app.pointer_focus->scale);
+                wl_surface_attach(wl_app.cursor_surface,
+                                  wl_cursor_image_get_buffer(image), 0, 0);
+                wl_surface_damage_buffer(wl_app.cursor_surface, 0, 0,
+                                         image->width, image->height);
+                wl_surface_commit(wl_app.cursor_surface);
+        }
+
+        /* Wayland enter does not emit motion, but LCUI needs initial
+         * coordinate state applied immediately */
+        if (wl_app.pointer_focus) {
+                ptk_event_t e = { 0 };
+                double scale = wl_app.pointer_focus->scale;
+
+                e.type = PTK_EVENT_MOUSEMOVE;
+                e.window = wl_app.pointer_focus;
+                e.mouse.x = (int)lround(wl_app.pointer_x * scale);
+                e.mouse.y = (int)lround(wl_app.pointer_y * scale);
+                ptk_post_event(&e);
+        }
+}
+
+static void ptk_waylandapp_on_pointer_leave(void *data,
+                                            struct wl_pointer *wl_pointer,
+                                            uint32_t serial,
+                                            struct wl_surface *surface)
+{
+        wl_app.pointer_focus = NULL;
+}
+
+static void ptk_waylandapp_on_pointer_motion(void *data,
+                                             struct wl_pointer *wl_pointer,
+                                             uint32_t time,
+                                             wl_fixed_t surface_x,
+                                             wl_fixed_t surface_y)
+{
+        ptk_event_t e = { 0 };
+
+        /* surface_x/y are in logical pixels (compositor coordinate space) */
+        wl_app.pointer_x = wl_fixed_to_double(surface_x);
+        wl_app.pointer_y = wl_fixed_to_double(surface_y);
+
+        if (wl_app.pointer_focus) {
+                double scale = wl_app.pointer_focus->scale;
+
+                e.type = PTK_EVENT_MOUSEMOVE;
+                e.window = wl_app.pointer_focus;
+                e.mouse.x = (int)lround(wl_app.pointer_x * scale);
+                e.mouse.y = (int)lround(wl_app.pointer_y * scale);
+                ptk_post_event(&e);
+        }
+}
+
+static void ptk_waylandapp_on_pointer_button(void *data,
+                                             struct wl_pointer *wl_pointer,
+                                             uint32_t serial, uint32_t time,
+                                             uint32_t button, uint32_t state)
+{
+        ptk_event_t e = { 0 };
+
+        if (wl_app.pointer_focus) {
+                double scale = wl_app.pointer_focus->scale;
+
+                e.type = state == WL_POINTER_BUTTON_STATE_PRESSED
+                             ? PTK_EVENT_MOUSEDOWN
+                             : PTK_EVENT_MOUSEUP;
+                e.window = wl_app.pointer_focus;
+                e.mouse.x = (int)lround(wl_app.pointer_x * scale);
+                e.mouse.y = (int)lround(wl_app.pointer_y * scale);
+                if (button == (0x110)) { /* BTN_LEFT */
+                        e.mouse.button = MOUSE_BUTTON_LEFT;
+                } else if (button == (0x111)) { /* BTN_RIGHT */
+                        e.mouse.button = MOUSE_BUTTON_RIGHT;
+                } else if (button == (0x112)) { /* BTN_MIDDLE */
+                        e.mouse.button = MOUSE_BUTTON_MIDDLE;
+                }
+                ptk_post_event(&e);
+        }
+}
+
+static void ptk_waylandapp_on_pointer_axis(void *data,
+                                           struct wl_pointer *wl_pointer,
+                                           uint32_t time, uint32_t axis,
+                                           wl_fixed_t value)
+{
+        ptk_event_t e = { 0 };
+
+        if (wl_app.pointer_focus) {
+                e.type = PTK_EVENT_WHEEL;
+                e.window = wl_app.pointer_focus;
+                e.wheel.delta_mode = APP_WHEEL_DELTA_PIXEL;
+                if (axis == WL_POINTER_AXIS_VERTICAL_SCROLL) {
+                        e.wheel.delta_y = (int)wl_fixed_to_double(value);
+                } else if (axis == WL_POINTER_AXIS_HORIZONTAL_SCROLL) {
+                        e.wheel.delta_x = (int)wl_fixed_to_double(value);
+                }
+                ptk_post_event(&e);
+        }
+}
+
+static void ptk_waylandapp_on_pointer_frame(void *data,
+                                            struct wl_pointer *wl_pointer)
+{
+}
+
+static void ptk_waylandapp_on_pointer_axis_source(void *data,
+                                                  struct wl_pointer *wl_pointer,
+                                                  uint32_t axis_source)
+{
+}
+
+static void ptk_waylandapp_on_pointer_axis_stop(void *data,
+                                                struct wl_pointer *wl_pointer,
+                                                uint32_t time, uint32_t axis)
+{
+}
+
+static void ptk_waylandapp_on_pointer_axis_discrete(
+    void *data, struct wl_pointer *wl_pointer, uint32_t axis, int32_t discrete)
+{
+}
+
+static const struct wl_pointer_listener pointer_listener = {
+        .enter = ptk_waylandapp_on_pointer_enter,
+        .leave = ptk_waylandapp_on_pointer_leave,
+        .motion = ptk_waylandapp_on_pointer_motion,
+        .button = ptk_waylandapp_on_pointer_button,
+        .axis = ptk_waylandapp_on_pointer_axis,
+        .frame = ptk_waylandapp_on_pointer_frame,
+        .axis_source = ptk_waylandapp_on_pointer_axis_source,
+        .axis_stop = ptk_waylandapp_on_pointer_axis_stop,
+        .axis_discrete = ptk_waylandapp_on_pointer_axis_discrete,
+};
+
+/* Map an XKB keysym to LCUI's keycode (Web/Windows-style virtual key codes). */
+static int ptk_waylandapp_keysym_to_keycode(xkb_keysym_t sym)
+{
+        /* Latin letters: XKB_KEY_a..z → KEY_A..Z ('A'..'Z') */
+        if (sym >= XKB_KEY_a && sym <= XKB_KEY_z) {
+                return KEY_A + (sym - XKB_KEY_a);
+        }
+        /* Already uppercase */
+        if (sym >= XKB_KEY_A && sym <= XKB_KEY_Z) {
+                return (int)sym; /* XKB_KEY_A = 0x41 = 'A' = KEY_A */
+        }
+        /* Digits: XKB_KEY_0..9 = 0x30..0x39 = '0'..'9' = KEY_0..KEY_9 */
+        if (sym >= XKB_KEY_0 && sym <= XKB_KEY_9) {
+                return (int)sym;
+        }
+        switch (sym) {
+        case XKB_KEY_BackSpace:
+                return KEY_BACKSPACE;
+        case XKB_KEY_Tab:
+                return KEY_TAB;
+        case XKB_KEY_Return:
+                return KEY_ENTER;
+        case XKB_KEY_Escape:
+                return KEY_ESCAPE;
+        case XKB_KEY_space:
+                return KEY_SPACE;
+        case XKB_KEY_Delete:
+                return KEY_DELETE;
+        case XKB_KEY_Insert:
+                return KEY_INSERT;
+        case XKB_KEY_Home:
+                return KEY_HOME;
+        case XKB_KEY_End:
+                return KEY_END;
+        case XKB_KEY_Page_Up:
+                return KEY_PAGEUP;
+        case XKB_KEY_Page_Down:
+                return KEY_PAGEDOWN;
+        case XKB_KEY_Left:
+                return KEY_LEFT;
+        case XKB_KEY_Right:
+                return KEY_RIGHT;
+        case XKB_KEY_Up:
+                return KEY_UP;
+        case XKB_KEY_Down:
+                return KEY_DOWN;
+        case XKB_KEY_Shift_L:
+        case XKB_KEY_Shift_R:
+                return KEY_SHIFT;
+        case XKB_KEY_Control_L:
+        case XKB_KEY_Control_R:
+                return KEY_CONTROL;
+        case XKB_KEY_Alt_L:
+        case XKB_KEY_Alt_R:
+                return KEY_ALT;
+        case XKB_KEY_Caps_Lock:
+                return KEY_CAPITAL;
+        case XKB_KEY_semicolon:
+                return KEY_SEMICOLON;
+        case XKB_KEY_equal:
+                return KEY_EQUAL;
+        case XKB_KEY_comma:
+                return KEY_COMMA;
+        case XKB_KEY_minus:
+                return KEY_MINUS;
+        case XKB_KEY_period:
+                return KEY_PERIOD;
+        case XKB_KEY_slash:
+                return KEY_SLASH;
+        case XKB_KEY_grave:
+                return KEY_GRAVE;
+        case XKB_KEY_bracketleft:
+                return KEY_BRACKETLEFT;
+        case XKB_KEY_backslash:
+                return KEY_BACKSLASH;
+        case XKB_KEY_bracketright:
+                return KEY_BRACKETRIGHT;
+        case XKB_KEY_apostrophe:
+                return KEY_APOSTROPHE;
+        default:
+                return 0;
+        }
+}
+
+static void ptk_waylandapp_on_keyboard_keymap(void *data,
+                                              struct wl_keyboard *wl_keyboard,
+                                              uint32_t format, int32_t fd,
+                                              uint32_t size)
+{
+        void *map_str;
+
+        if (format != WL_KEYBOARD_KEYMAP_FORMAT_XKB_V1) {
+                close(fd);
+                return;
+        }
+        map_str = mmap(NULL, size, PROT_READ, MAP_SHARED, fd, 0);
+        if (map_str == MAP_FAILED) {
+                close(fd);
+                return;
+        }
+        if (!wl_app.xkb_context) {
+                wl_app.xkb_context = xkb_context_new(XKB_CONTEXT_NO_FLAGS);
+                if (!wl_app.xkb_context) {
+                        munmap(map_str, size);
+                        close(fd);
+                        return;
+                }
+        }
+        if (wl_app.xkb_state) {
+                xkb_state_unref(wl_app.xkb_state);
+                wl_app.xkb_state = NULL;
+        }
+        if (wl_app.xkb_map) {
+                xkb_keymap_unref(wl_app.xkb_map);
+        }
+        wl_app.xkb_map = xkb_keymap_new_from_string(
+            wl_app.xkb_context, map_str, XKB_KEYMAP_FORMAT_TEXT_V1,
+            XKB_KEYMAP_COMPILE_NO_FLAGS);
+        munmap(map_str, size);
+        close(fd);
+        if (!wl_app.xkb_map) {
+                return;
+        }
+        wl_app.xkb_state = xkb_state_new(wl_app.xkb_map);
+        /* Cache modifier indices for fast lookup in modifiers handler */
+        wl_app.shift_mask =
+            1u << xkb_keymap_mod_get_index(wl_app.xkb_map, "Shift");
+        wl_app.ctrl_mask =
+            1u << xkb_keymap_mod_get_index(wl_app.xkb_map, "Control");
+        wl_app.alt_mask = 1u
+                          << xkb_keymap_mod_get_index(wl_app.xkb_map, "Mod1");
+        wl_app.meta_mask = 1u
+                           << xkb_keymap_mod_get_index(wl_app.xkb_map, "Super");
+}
+
+static void ptk_waylandapp_on_keyboard_enter(void *data,
+                                             struct wl_keyboard *wl_keyboard,
+                                             uint32_t serial,
+                                             struct wl_surface *surface,
+                                             struct wl_array *keys)
+{
+        wl_app.keyboard_focus = ptk_waylandapp_get_window(surface);
+}
+
+static void ptk_waylandapp_on_keyboard_leave(void *data,
+                                             struct wl_keyboard *wl_keyboard,
+                                             uint32_t serial,
+                                             struct wl_surface *surface)
+{
+        wl_app.keyboard_focus = NULL;
+}
+
+static void ptk_waylandapp_on_keyboard_key(void *data,
+                                           struct wl_keyboard *wl_keyboard,
+                                           uint32_t serial, uint32_t time,
+                                           uint32_t key, uint32_t state)
+{
+        /* evdev scancode → XKB keycode: XKB adds a fixed offset of 8 */
+        xkb_keycode_t xkb_key = key + 8;
+        xkb_keysym_t sym = XKB_KEY_NoSymbol;
+        uint32_t codepoint;
+        ptk_event_t e = { 0 };
+        bool pressed;
+
+        /* Some compositors send WL_KEYBOARD_KEY_STATE_REPEATED for
+         * auto-repeat. Map it to pressed, same as SDL does
+         * (SDL_waylandevents.c). */
+        if (state == WL_KEYBOARD_KEY_STATE_PRESSED ||
+            state == WL_KEYBOARD_KEY_STATE_REPEATED) {
+                pressed = true;
+        } else {
+                pressed = false;
+        }
+
+        if (wl_app.xkb_state) {
+                sym = xkb_state_key_get_one_sym(wl_app.xkb_state, xkb_key);
+        }
+        if (!wl_app.keyboard_focus || sym == XKB_KEY_NoSymbol) {
+                return;
+        }
+        e.type = pressed ? PTK_EVENT_KEYDOWN : PTK_EVENT_KEYUP;
+        e.window = wl_app.keyboard_focus;
+        e.key.code = ptk_waylandapp_keysym_to_keycode(sym);
+        e.key.shift_key = !!(wl_app.modifiers & wl_app.shift_mask);
+        e.key.ctrl_key = !!(wl_app.modifiers & wl_app.ctrl_mask);
+        e.key.alt_key = !!(wl_app.modifiers & wl_app.alt_mask);
+        e.key.meta_key = !!(wl_app.modifiers & wl_app.meta_mask);
+        ptk_post_event(&e);
+
+        /* After KEYDOWN/REPEATED, post PTK_EVENT_KEYPRESS for printable chars
+         * (non-Ctrl combinations). key.code = Unicode codepoint, matching the
+         * X11 backend and what the LCUI text widget / IME layer expect. */
+        if (pressed && !e.key.ctrl_key && wl_app.xkb_state) {
+                codepoint = xkb_state_key_get_utf32(wl_app.xkb_state, xkb_key);
+                if (codepoint >= 0x20 && codepoint != 0x7f) {
+                        e.type = PTK_EVENT_KEYPRESS;
+                        e.key.code = (int)codepoint;
+                        ptk_post_event(&e);
+                }
+        }
+}
+
+static void ptk_waylandapp_on_keyboard_modifiers(
+    void *data, struct wl_keyboard *wl_keyboard, uint32_t serial,
+    uint32_t mods_depressed, uint32_t mods_latched, uint32_t mods_locked,
+    uint32_t group)
+{
+        if (!wl_app.xkb_state) {
+                return;
+        }
+        xkb_state_update_mask(wl_app.xkb_state, mods_depressed, mods_latched,
+                              mods_locked, 0, 0, group);
+        wl_app.modifiers = xkb_state_serialize_mods(wl_app.xkb_state,
+                                                    XKB_STATE_MODS_EFFECTIVE);
+}
+
+static void ptk_waylandapp_on_keyboard_repeat_info(
+    void *data, struct wl_keyboard *wl_keyboard, int32_t rate, int32_t delay)
+{
+        /* rate: characters per second (0 = no repeat); delay: ms before repeat
+         * starts. Store for future key-repeat implementation (cf. SDL
+         * keyboard_handle_repeat_info). */
+        wl_app.repeat_rate = rate;
+        wl_app.repeat_delay = delay;
+}
+
+static const struct wl_keyboard_listener keyboard_listener = {
+        .keymap = ptk_waylandapp_on_keyboard_keymap,
+        .enter = ptk_waylandapp_on_keyboard_enter,
+        .leave = ptk_waylandapp_on_keyboard_leave,
+        .key = ptk_waylandapp_on_keyboard_key,
+        .modifiers = ptk_waylandapp_on_keyboard_modifiers,
+        .repeat_info = ptk_waylandapp_on_keyboard_repeat_info,
+};
+
+static void ptk_waylandapp_on_seat_capabilities(void *data,
+                                                struct wl_seat *seat,
+                                                uint32_t caps)
+{
+        if ((caps & WL_SEAT_CAPABILITY_POINTER) && !wl_app.pointer) {
+                wl_app.pointer = wl_seat_get_pointer(seat);
+                wl_pointer_add_listener(wl_app.pointer, &pointer_listener,
+                                        NULL);
+                if (wl_app.shm && !wl_app.cursor_theme) {
+                        wl_app.cursor_theme =
+                            wl_cursor_theme_load(NULL, 32, wl_app.shm);
+                        if (wl_app.cursor_theme) {
+                                wl_app.default_cursor =
+                                    wl_cursor_theme_get_cursor(
+                                        wl_app.cursor_theme, "left_ptr");
+                                wl_app.cursor_surface =
+                                    wl_compositor_create_surface(
+                                        wl_app.compositor);
+                        }
+                }
+        } else if (!(caps & WL_SEAT_CAPABILITY_POINTER) && wl_app.pointer) {
+                wl_pointer_destroy(wl_app.pointer);
+                wl_app.pointer = NULL;
+        }
+
+        if ((caps & WL_SEAT_CAPABILITY_KEYBOARD) && !wl_app.keyboard) {
+                wl_app.keyboard = wl_seat_get_keyboard(seat);
+                wl_keyboard_add_listener(wl_app.keyboard, &keyboard_listener,
+                                         NULL);
+        } else if (!(caps & WL_SEAT_CAPABILITY_KEYBOARD) && wl_app.keyboard) {
+                wl_keyboard_destroy(wl_app.keyboard);
+                wl_app.keyboard = NULL;
+        }
+}
+
+static void ptk_waylandapp_on_seat_name(void *data, struct wl_seat *seat,
+                                        const char *name)
+{
+}
+
+const struct wl_seat_listener seat_listener = {
+        .capabilities = ptk_waylandapp_on_seat_capabilities,
+        .name = ptk_waylandapp_on_seat_name,
+};
+
+#endif /* PTK_LINUX && PTK_HAS_WAYLAND */
diff --git a/lib/ptk/src/linux/waylandapp_output.c b/lib/ptk/src/linux/waylandapp_output.c
new file mode 100644
index 000000000..a40ecf740
--- /dev/null
+++ b/lib/ptk/src/linux/waylandapp_output.c
@@ -0,0 +1,61 @@
+#define _GNU_SOURCE
+#include "ptk.h"
+
+#if defined(PTK_LINUX) && defined(PTK_HAS_WAYLAND)
+
+#include "wayland_internal.h"
+
+static void ptk_waylandapp_on_output_geometry(
+    void *data, struct wl_output *wl_output, int32_t x, int32_t y,
+    int32_t physical_width, int32_t physical_height, int32_t subpixel,
+    const char *make, const char *model, int32_t transform)
+{
+}
+
+static void ptk_waylandapp_on_output_mode(void *data,
+                                          struct wl_output *wl_output,
+                                          uint32_t flags, int32_t width,
+                                          int32_t height, int32_t refresh)
+{
+        if (flags & WL_OUTPUT_MODE_CURRENT) {
+                wl_app.screen_width = width;
+                wl_app.screen_height = height;
+        }
+}
+
+static void ptk_waylandapp_on_output_done(void *data,
+                                          struct wl_output *wl_output)
+{
+}
+
+static void ptk_waylandapp_on_output_scale(void *data,
+                                           struct wl_output *wl_output,
+                                           int32_t factor)
+{
+        list_node_t *node;
+
+        if (factor <= 0 || wl_app.output_scale == (double)factor) {
+                return;
+        }
+        wl_app.output_scale = (double)factor;
+        /* Destroy buffers so they are recreated at the new scale on
+         * the next paint. The compositor will send a configure event
+         * with updated logical size. */
+        for (list_each(node, &wl_app.windows)) {
+                ptk_window_t *wnd = node->data;
+                if (wnd && !wnd->fractional_scale) {
+                        wnd->scale = wl_app.output_scale;
+                        ptk_waylandwindow_destroy_buffer(wnd);
+                        ptk_waylandwindow_post_size_event(wnd);
+                }
+        }
+}
+
+const struct wl_output_listener output_listener = {
+        .geometry = ptk_waylandapp_on_output_geometry,
+        .mode = ptk_waylandapp_on_output_mode,
+        .done = ptk_waylandapp_on_output_done,
+        .scale = ptk_waylandapp_on_output_scale,
+};
+
+#endif /* PTK_LINUX && PTK_HAS_WAYLAND */
diff --git a/lib/ptk/src/linux/waylandapp_window.c b/lib/ptk/src/linux/waylandapp_window.c
new file mode 100644
index 000000000..8b43e478c
--- /dev/null
+++ b/lib/ptk/src/linux/waylandapp_window.c
@@ -0,0 +1,471 @@
+#define _GNU_SOURCE
+#include "ptk.h"
+
+#if defined(PTK_LINUX) && defined(PTK_HAS_WAYLAND)
+
+#include "wayland_internal.h"
+
+void ptk_waylandwindow_destroy_buffer(ptk_window_t *wnd)
+{
+        if (wnd->buffer) {
+                wl_buffer_destroy(wnd->buffer);
+                wnd->buffer = NULL;
+        }
+        if (wnd->buffer_data) {
+                munmap(wnd->buffer_data, wnd->buffer_size);
+                wnd->buffer_data = NULL;
+                wnd->canvas.bytes = NULL;
+        }
+        wnd->buffer_size = 0;
+}
+
+static int ptk_waylandwindow_get_width(ptk_window_t *wnd)
+{
+        return (int)lround(wnd->width * wnd->scale);
+}
+
+static int ptk_waylandwindow_get_height(ptk_window_t *wnd)
+{
+        return (int)lround(wnd->height * wnd->scale);
+}
+
+void ptk_waylandwindow_post_size_event(ptk_window_t *wnd)
+{
+        ptk_event_t e = { 0 };
+
+        e.type = PTK_EVENT_SIZE;
+        e.window = wnd;
+        e.size.width = (int)lround(wnd->width * wnd->scale);
+        e.size.height = (int)lround(wnd->height * wnd->scale);
+        ptk_post_event(&e);
+}
+
+static void ptk_waylandapp_on_wm_base_ping(void *data,
+                                           struct xdg_wm_base *wm_base,
+                                           uint32_t serial)
+{
+        xdg_wm_base_pong(wm_base, serial);
+}
+
+const struct xdg_wm_base_listener wm_base_listener = {
+        ptk_waylandapp_on_wm_base_ping
+};
+
+static void ptk_waylandwindow_on_xdg_surface_configure(
+    void *data, struct xdg_surface *surface, uint32_t serial)
+{
+        ptk_window_t *wnd = data;
+
+        xdg_surface_ack_configure(surface, serial);
+        wnd->configured = true;
+}
+
+const struct xdg_surface_listener xdg_surface_listener = {
+        ptk_waylandwindow_on_xdg_surface_configure
+};
+
+static void ptk_waylandwindow_on_toplevel_configure(
+    void *data, struct xdg_toplevel *xdg_toplevel, int32_t width,
+    int32_t height, struct wl_array *states)
+{
+        ptk_window_t *wnd = data;
+
+        if (width <= 0 || height <= 0) {
+                return;
+        }
+        if (wnd->width == width && wnd->height == height) {
+                return;
+        }
+        wnd->width = width;
+        wnd->height = height;
+        ptk_waylandwindow_destroy_buffer(wnd);
+        ptk_waylandwindow_post_size_event(wnd);
+}
+
+static void ptk_waylandwindow_on_toplevel_close(
+    void *data, struct xdg_toplevel *xdg_toplevel)
+{
+        ptk_window_t *wnd = data;
+        ptk_event_t e = { 0 };
+
+        e.type = PTK_EVENT_CLOSE;
+        e.window = wnd;
+        ptk_post_event(&e);
+}
+
+static void ptk_waylandwindow_on_toplevel_configure_bounds(
+    void *data, struct xdg_toplevel *xdg_toplevel, int32_t width,
+    int32_t height)
+{
+}
+
+static void ptk_waylandwindow_on_toplevel_wm_capabilities(
+    void *data, struct xdg_toplevel *xdg_toplevel,
+    struct wl_array *capabilities)
+{
+}
+
+const struct xdg_toplevel_listener xdg_toplevel_listener = {
+        ptk_waylandwindow_on_toplevel_configure,
+        ptk_waylandwindow_on_toplevel_close,
+        ptk_waylandwindow_on_toplevel_configure_bounds,
+        ptk_waylandwindow_on_toplevel_wm_capabilities
+};
+
+static void ptk_waylandwindow_on_fractional_scale_preferred(
+    void *data, struct wp_fractional_scale_v1 *wp_fractional_scale_v1,
+    uint32_t scale)
+{
+        ptk_window_t *wnd = data;
+        double new_scale = scale / 120.0;
+
+        if (new_scale != wnd->scale) {
+                wnd->scale = new_scale;
+                ptk_waylandwindow_destroy_buffer(wnd);
+                ptk_waylandwindow_post_size_event(wnd);
+        }
+}
+
+const struct wp_fractional_scale_v1_listener fractional_scale_listener = {
+        ptk_waylandwindow_on_fractional_scale_preferred
+};
+
+ptk_window_t *ptk_waylandwindow_create(const wchar_t *title, int x, int y,
+                                       int width, int height,
+                                       ptk_window_t *parent)
+{
+        ptk_window_t *wnd;
+        int physical_w;
+        int physical_h;
+
+        if (!wl_app.compositor || !wl_app.wm_base || !wl_app.shm) {
+                return NULL;
+        }
+        wnd = calloc(1, sizeof(*wnd));
+        if (!wnd) {
+                return NULL;
+        }
+        wnd->scale = wl_app.output_scale > 0.0 ? wl_app.output_scale : 1.0;
+        physical_w = width > 0 ? width : PTK_WINDOW_DEFAULT_WIDTH;
+        physical_h = height > 0 ? height : PTK_WINDOW_DEFAULT_HEIGHT;
+        wnd->width = (int)lround(physical_w / wnd->scale);
+        wnd->height = (int)lround(physical_h / wnd->scale);
+        wnd->surface = wl_compositor_create_surface(wl_app.compositor);
+        if (!wnd->surface) {
+                free(wnd);
+                return NULL;
+        }
+        wnd->xdg_surface =
+            xdg_wm_base_get_xdg_surface(wl_app.wm_base, wnd->surface);
+        wnd->xdg_toplevel = xdg_surface_get_toplevel(wnd->xdg_surface);
+        if (!wnd->xdg_surface || !wnd->xdg_toplevel) {
+                if (wnd->xdg_toplevel) {
+                        xdg_toplevel_destroy(wnd->xdg_toplevel);
+                }
+                if (wnd->xdg_surface) {
+                        xdg_surface_destroy(wnd->xdg_surface);
+                }
+                wl_surface_destroy(wnd->surface);
+                free(wnd);
+                return NULL;
+        }
+        wnd->node.data = wnd;
+        xdg_surface_add_listener(wnd->xdg_surface, &xdg_surface_listener, wnd);
+        xdg_toplevel_add_listener(wnd->xdg_toplevel, &xdg_toplevel_listener,
+                                  wnd);
+
+        if (wl_app.decoration_manager) {
+                wnd->decoration =
+                    zxdg_decoration_manager_v1_get_toplevel_decoration(
+                        wl_app.decoration_manager, wnd->xdg_toplevel);
+                if (wnd->decoration) {
+                        zxdg_toplevel_decoration_v1_set_mode(
+                            wnd->decoration,
+                            ZXDG_TOPLEVEL_DECORATION_V1_MODE_SERVER_SIDE);
+                }
+        }
+        if (wl_app.viewporter) {
+                /* -1 means "source size follows the attached buffer"; the
+                 * viewport will scale the buffer to the destination set in
+                 * end_paint. */
+                wnd->viewport =
+                    wp_viewporter_get_viewport(wl_app.viewporter, wnd->surface);
+                wp_viewport_set_source(
+                    wnd->viewport, wl_fixed_from_int(-1), wl_fixed_from_int(-1),
+                    wl_fixed_from_int(-1), wl_fixed_from_int(-1));
+        }
+        if (wl_app.fractional_scale_manager) {
+                wnd->fractional_scale =
+                    wp_fractional_scale_manager_v1_get_fractional_scale(
+                        wl_app.fractional_scale_manager, wnd->surface);
+                wp_fractional_scale_v1_add_listener(
+                    wnd->fractional_scale, &fractional_scale_listener, wnd);
+        }
+        xdg_surface_set_window_geometry(wnd->xdg_surface, 0, 0, wnd->width,
+                                        wnd->height);
+        if (title) {
+                size_t len = encode_utf8(NULL, title, 0) + 1;
+                char *utf8_title = malloc(sizeof(char) * len);
+
+                if (utf8_title) {
+                        encode_utf8(utf8_title, title, len);
+                        xdg_toplevel_set_title(wnd->xdg_toplevel, utf8_title);
+                        free(utf8_title);
+                }
+        }
+        wl_surface_commit(wnd->surface);
+        wl_display_roundtrip(wl_app.display);
+        list_append_node(&wl_app.windows, &wnd->node);
+        return wnd;
+}
+
+static void ptk_waylandwindow_close(ptk_window_t *wnd)
+{
+        ptk_event_t e = { 0 };
+
+        e.type = PTK_EVENT_CLOSE;
+        e.window = wnd;
+        ptk_post_event(&e);
+}
+
+static void ptk_waylandwindow_show(ptk_window_t *wnd)
+{
+        wl_surface_commit(wnd->surface);
+}
+
+static void ptk_waylandwindow_activate(ptk_window_t *wnd)
+{
+        wl_surface_commit(wnd->surface);
+}
+
+static void ptk_waylandwindow_set_title(ptk_window_t *wnd, const wchar_t *title)
+{
+        size_t len;
+        char *utf8_title;
+
+        if (!title || !wnd->xdg_toplevel) {
+                return;
+        }
+        len = encode_utf8(NULL, title, 0) + 1;
+        utf8_title = malloc(sizeof(char) * len);
+        if (!utf8_title) {
+                return;
+        }
+        encode_utf8(utf8_title, title, len);
+        xdg_toplevel_set_title(wnd->xdg_toplevel, utf8_title);
+        free(utf8_title);
+}
+
+void ptk_waylandwindow_destroy(ptk_window_t *wnd)
+{
+        if (!wnd) {
+                return;
+        }
+        list_unlink(&wl_app.windows, &wnd->node);
+        if (wnd->fractional_scale) {
+                wp_fractional_scale_v1_destroy(wnd->fractional_scale);
+        }
+        if (wnd->viewport) {
+                wp_viewport_destroy(wnd->viewport);
+        }
+        if (wnd->decoration) {
+                zxdg_toplevel_decoration_v1_destroy(wnd->decoration);
+        }
+        if (wnd->xdg_toplevel) {
+                xdg_toplevel_destroy(wnd->xdg_toplevel);
+        }
+        if (wnd->xdg_surface) {
+                xdg_surface_destroy(wnd->xdg_surface);
+        }
+        if (wnd->surface) {
+                wl_surface_destroy(wnd->surface);
+        }
+        ptk_waylandwindow_destroy_buffer(wnd);
+        free(wnd->paint_ctx);
+        free(wnd);
+}
+
+static void ptk_waylandwindow_set_size(ptk_window_t *wnd, int width, int height)
+{
+        int logical_w = (int)lround(width / wnd->scale);
+        int logical_h = (int)lround(height / wnd->scale);
+
+        if (width <= 0 || height <= 0) {
+                return;
+        }
+        if (wnd->width == logical_w && wnd->height == logical_h) {
+                return;
+        }
+        wnd->width = logical_w;
+        wnd->height = logical_h;
+        ptk_waylandwindow_destroy_buffer(wnd);
+}
+
+static void ptk_waylandwindow_set_position(ptk_window_t *wnd, int x, int y)
+{
+}
+
+static void *ptk_waylandwindow_get_handle(ptk_window_t *wnd)
+{
+        return wnd->surface;
+}
+
+static void ptk_waylandwindow_apply_size_hints(ptk_window_t *wnd)
+{
+        if (!wnd->xdg_toplevel) {
+                return;
+        }
+        xdg_toplevel_set_min_size(wnd->xdg_toplevel,
+                                  (int)lround(wnd->min_width / wnd->scale),
+                                  (int)lround(wnd->min_height / wnd->scale));
+        xdg_toplevel_set_max_size(wnd->xdg_toplevel,
+                                  (int)lround(wnd->max_width / wnd->scale),
+                                  (int)lround(wnd->max_height / wnd->scale));
+}
+
+static void ptk_waylandwindow_set_min_width(ptk_window_t *wnd, int min_width)
+{
+        wnd->min_width = min_width;
+        ptk_waylandwindow_apply_size_hints(wnd);
+}
+
+static void ptk_waylandwindow_set_min_height(ptk_window_t *wnd, int min_height)
+{
+        wnd->min_height = min_height;
+        ptk_waylandwindow_apply_size_hints(wnd);
+}
+
+static void ptk_waylandwindow_set_max_width(ptk_window_t *wnd, int max_width)
+{
+        wnd->max_width = max_width;
+        ptk_waylandwindow_apply_size_hints(wnd);
+}
+
+static void ptk_waylandwindow_set_max_height(ptk_window_t *wnd, int max_height)
+{
+        wnd->max_height = max_height;
+        ptk_waylandwindow_apply_size_hints(wnd);
+}
+
+static unsigned ptk_waylandwindow_get_dpi(ptk_window_t *wnd)
+{
+        return (unsigned)lround(wnd->scale * 96);
+}
+
+static ptk_window_paint_t *ptk_waylandwindow_begin_paint(ptk_window_t *wnd,
+                                                         pd_rect_t *rect)
+{
+        int fd;
+        int buf_width;
+        int buf_height;
+        struct wl_shm_pool *pool;
+
+        if (!wnd->configured || !rect) {
+                return NULL;
+        }
+        buf_width = (int)lround(wnd->width * wnd->scale);
+        buf_height = (int)lround(wnd->height * wnd->scale);
+        if (buf_width <= 0)
+                buf_width = 1;
+        if (buf_height <= 0)
+                buf_height = 1;
+        if (!wnd->buffer) {
+                size_t size = (size_t)buf_width * (size_t)buf_height * 4;
+                fd = memfd_create("lcui-wayland-buffer", MFD_CLOEXEC);
+                if (fd < 0) {
+                        return NULL;
+                }
+                if (ftruncate(fd, (off_t)size) < 0) {
+                        close(fd);
+                        return NULL;
+                }
+                wnd->buffer_data =
+                    mmap(NULL, size, PROT_READ | PROT_WRITE, MAP_SHARED, fd, 0);
+                if (wnd->buffer_data == MAP_FAILED) {
+                        wnd->buffer_data = NULL;
+                        close(fd);
+                        return NULL;
+                }
+                pool = wl_shm_create_pool(wl_app.shm, fd, (int)size);
+                wnd->buffer = wl_shm_pool_create_buffer(
+                    pool, 0, buf_width, buf_height, buf_width * 4,
+                    WL_SHM_FORMAT_XRGB8888);
+                wl_shm_pool_destroy(pool);
+                close(fd);
+                wnd->buffer_size = size;
+                pd_canvas_init(&wnd->canvas);
+                wnd->canvas.width = buf_width;
+                wnd->canvas.height = buf_height;
+                wnd->canvas.color_type = PD_COLOR_TYPE_ARGB;
+                wnd->canvas.bytes = wnd->buffer_data;
+                wnd->canvas.bytes_per_pixel = 4;
+                wnd->canvas.bytes_per_row = buf_width * 4;
+        }
+        if (!wnd->paint_ctx) {
+                wnd->paint_ctx = calloc(1, sizeof(*wnd->paint_ctx));
+                if (!wnd->paint_ctx) {
+                        return NULL;
+                }
+        }
+        wnd->paint_ctx->rect = *rect;
+        wnd->paint_ctx->with_alpha = false;
+        pd_rect_correct(&wnd->paint_ctx->rect, buf_width, buf_height);
+        pd_canvas_init(&wnd->paint_ctx->canvas);
+        pd_canvas_quote(&wnd->paint_ctx->canvas, &wnd->canvas,
+                        &wnd->paint_ctx->rect);
+        pd_canvas_fill(&wnd->paint_ctx->canvas, pd_rgb(255, 255, 255));
+        return wnd->paint_ctx;
+}
+
+static void ptk_waylandwindow_end_paint(ptk_window_t *wnd,
+                                        ptk_window_paint_t *paint)
+{
+        if (!wnd || !paint || !wnd->buffer) {
+                return;
+        }
+        if (wnd->viewport) {
+                wp_viewport_set_destination(wnd->viewport, wnd->width,
+                                            wnd->height);
+                wl_surface_set_buffer_scale(wnd->surface, 1);
+        } else {
+                wl_surface_set_buffer_scale(wnd->surface, (int)wnd->scale);
+        }
+        wl_surface_attach(wnd->surface, wnd->buffer, 0, 0);
+        xdg_surface_set_window_geometry(wnd->xdg_surface, 0, 0, wnd->width,
+                                        wnd->height);
+        wl_surface_damage_buffer(wnd->surface, paint->rect.x, paint->rect.y,
+                                 paint->rect.width, paint->rect.height);
+        wl_surface_commit(wnd->surface);
+        wl_display_flush(wl_app.display);
+}
+
+static void ptk_waylandwindow_present(ptk_window_t *wnd)
+{
+        wl_surface_commit(wnd->surface);
+        wl_display_flush(wl_app.display);
+}
+
+void ptk_waylandwindow_driver_init(ptk_window_driver_t *driver)
+{
+        memset(driver, 0, sizeof(*driver));
+        driver->show = ptk_waylandwindow_show;
+        driver->activate = ptk_waylandwindow_activate;
+        driver->close = ptk_waylandwindow_close;
+        driver->destroy = ptk_waylandwindow_destroy;
+        driver->set_title = ptk_waylandwindow_set_title;
+        driver->set_size = ptk_waylandwindow_set_size;
+        driver->set_position = ptk_waylandwindow_set_position;
+        driver->get_handle = ptk_waylandwindow_get_handle;
+        driver->get_width = ptk_waylandwindow_get_width;
+        driver->get_height = ptk_waylandwindow_get_height;
+        driver->get_dpi = ptk_waylandwindow_get_dpi;
+        driver->set_min_width = ptk_waylandwindow_set_min_width;
+        driver->set_min_height = ptk_waylandwindow_set_min_height;
+        driver->set_max_width = ptk_waylandwindow_set_max_width;
+        driver->set_max_height = ptk_waylandwindow_set_max_height;
+        driver->begin_paint = ptk_waylandwindow_begin_paint;
+        driver->end_paint = ptk_waylandwindow_end_paint;
+        driver->present = ptk_waylandwindow_present;
+}
+
+#endif /* PTK_LINUX && PTK_HAS_WAYLAND */
diff --git a/lib/ptk/src/linux/x11app.c b/lib/ptk/src/linux/x11app.c
index 5a8c5a534..8d34d3e2a 100644
--- a/lib/ptk/src/linux/x11app.c
+++ b/lib/ptk/src/linux/x11app.c
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/src/linux/x11app.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <X11/Xutil.h>
@@ -25,675 +25,791 @@
 #include <pandagl.h>
 
 struct ptk_window {
-	Window handle;
-	int x, y;
-	int width, height;
-	int min_width, min_height;
-	int max_width, max_height;
-
-	GC gc;
-	XImage *ximage;
-	pd_canvas_t fb;
-
-	/** list_t<pd_rect_t> */
-	list_t rects;
-	list_node_t node;
+        Window handle;
+        int x, y;
+        int width, height;
+        int min_width, min_height;
+        int max_width, max_height;
+
+        GC gc;
+        XImage *ximage;
+        pd_canvas_t fb;
+
+        /** list_t<pd_rect_t> */
+        list_t rects;
+        list_node_t node;
 };
 
 static struct ptk_x11app {
-	int screen;
-	Display *display;
-	Window win_root;
-	Window win_events;
-	Atom wm_delete;
-	Atom wm_exit;
-	Colormap cmap;
+        int screen;
+        Display *display;
+        Window win_root;
+        Window win_events;
+        Atom wm_delete;
+        Atom wm_exit;
+        Colormap cmap;
 
-	int exit_code;
+        int exit_code;
 
-	/** list_t<ptk_native_event_listener_t> */
-	list_t native_listeners;
+        /** list_t<ptk_native_event_listener_t> */
+        list_t native_listeners;
 
-	/** list_t<ptk_window_t> */
-	list_t windows;
+        /** list_t<ptk_window_t> */
+        list_t windows;
 } x11_app;
 
 static void ptk_x11window__show(ptk_window_t *wnd);
 static void ptk_x11window__set_size(ptk_window_t *wnd, int width, int height);
 
+static bool ptk_x11window__update_position(ptk_window_t *wnd, int *x, int *y)
+{
+        Window child, root;
+        int actual_x = wnd ? wnd->x : 0;
+        int actual_y = wnd ? wnd->y : 0;
+
+        if (!wnd) {
+                return false;
+        }
+        root = DefaultRootWindow(x11_app.display);
+        if (!XTranslateCoordinates(x11_app.display, wnd->handle, root, 0, 0,
+                                   &actual_x, &actual_y, &child)) {
+                return false;
+        }
+        wnd->x = actual_x;
+        wnd->y = actual_y;
+        if (x) {
+                *x = actual_x;
+        }
+        if (y) {
+                *y = actual_y;
+        }
+        return true;
+}
+
+static bool ptk_x11window__is_maximized(ptk_window_t *wnd)
+{
+        Atom actual_type;
+        Atom wm_state;
+        Atom max_horz;
+        Atom max_vert;
+        int actual_format;
+        unsigned long i, nitems, bytes_after;
+        unsigned char *data = NULL;
+        bool maximized = false;
+
+        if (!wnd) {
+                return false;
+        }
+        wm_state = XInternAtom(x11_app.display, "_NET_WM_STATE", False);
+        max_horz =
+            XInternAtom(x11_app.display, "_NET_WM_STATE_MAXIMIZED_HORZ", False);
+        max_vert =
+            XInternAtom(x11_app.display, "_NET_WM_STATE_MAXIMIZED_VERT", False);
+        if (XGetWindowProperty(x11_app.display, wnd->handle, wm_state, 0, 32,
+                               False, XA_ATOM, &actual_type, &actual_format,
+                               &nitems, &bytes_after, &data) == Success &&
+            actual_type == XA_ATOM && actual_format == 32 && data) {
+                Atom *atoms = (Atom *)data;
+                bool has_horz = false;
+                bool has_vert = false;
+
+                for (i = 0; i < nitems; ++i) {
+                        if (atoms[i] == max_horz) {
+                                has_horz = true;
+                        } else if (atoms[i] == max_vert) {
+                                has_vert = true;
+                        }
+                }
+                maximized = has_horz && has_vert;
+        }
+        if (data) {
+                XFree(data);
+        }
+        return maximized;
+}
+
+static void ptk_x11window__set_maximized(ptk_window_t *wnd, bool maximized)
+{
+        Atom max_horz;
+        Atom max_vert;
+        Atom wm_state;
+        Window root;
+        XEvent event = { 0 };
+
+        if (!wnd) {
+                return;
+        }
+        root = DefaultRootWindow(x11_app.display);
+        wm_state = XInternAtom(x11_app.display, "_NET_WM_STATE", False);
+        max_horz =
+            XInternAtom(x11_app.display, "_NET_WM_STATE_MAXIMIZED_HORZ", False);
+        max_vert =
+            XInternAtom(x11_app.display, "_NET_WM_STATE_MAXIMIZED_VERT", False);
+        event.xclient.type = ClientMessage;
+        event.xclient.window = wnd->handle;
+        event.xclient.message_type = wm_state;
+        event.xclient.format = 32;
+        event.xclient.data.l[0] = maximized ? 1 : 0;
+        event.xclient.data.l[1] = max_horz;
+        event.xclient.data.l[2] = max_vert;
+        event.xclient.data.l[3] = 1;
+        XSendEvent(x11_app.display, root, False,
+                   SubstructureNotifyMask | SubstructureRedirectMask, &event);
+        XFlush(x11_app.display);
+}
+
 static int convert_keycode(KeySym keysym)
 {
-	switch (keysym) {
-	case XK_Tab:
-		return KEY_TAB;
-	case XK_Escape:
-		return KEY_ESCAPE;
-	case XK_Return:
-		return KEY_ENTER;
-	case XK_Delete:
-		return KEY_DELETE;
-	case XK_BackSpace:
-		return KEY_BACKSPACE;
-	case XK_Home:
-		return KEY_HOME;
-	case XK_Left:
-		return KEY_LEFT;
-	case XK_Up:
-		return KEY_UP;
-	case XK_Right:
-		return KEY_RIGHT;
-	case XK_Down:
-		return KEY_DOWN;
-	case XK_Page_Up:
-		return KEY_PAGEUP;
-	case XK_Page_Down:
-		return KEY_PAGEDOWN;
-	case XK_End:
-		return KEY_END;
-	case XK_Control_R:
-	case XK_Control_L:
-		return KEY_CONTROL;
-	case XK_Shift_R:
-	case XK_Shift_L:
-		return KEY_SHIFT;
-	case XK_Alt_L:
-	case XK_Alt_R:
-		return KEY_ALT;
-	case XK_Caps_Lock:
-		return KEY_CAPITAL;
-	case XK_comma:
-		return KEY_COMMA;
-	case XK_period:
-		return KEY_PERIOD;
-	case XK_minus:
-		return KEY_MINUS;
-	case XK_slash:
-		return KEY_SLASH;
-	case XK_semicolon:
-		return KEY_SEMICOLON;
-	case XK_equal:
-		return KEY_EQUAL;
-	case XK_bracketleft:
-		return KEY_BRACKETLEFT;
-	case XK_bracketright:
-		return KEY_BRACKETRIGHT;
-	case XK_backslash:
-		return KEY_BACKSLASH;
-	case XK_apostrophe:
-		return KEY_APOSTROPHE;
-	case XK_grave:
-		return KEY_GRAVE;
-	default:
-		break;
-	}
-	return keysym;
+        switch (keysym) {
+        case XK_Tab:
+                return KEY_TAB;
+        case XK_Escape:
+                return KEY_ESCAPE;
+        case XK_Return:
+                return KEY_ENTER;
+        case XK_Delete:
+                return KEY_DELETE;
+        case XK_BackSpace:
+                return KEY_BACKSPACE;
+        case XK_Home:
+                return KEY_HOME;
+        case XK_Left:
+                return KEY_LEFT;
+        case XK_Up:
+                return KEY_UP;
+        case XK_Right:
+                return KEY_RIGHT;
+        case XK_Down:
+                return KEY_DOWN;
+        case XK_Page_Up:
+                return KEY_PAGEUP;
+        case XK_Page_Down:
+                return KEY_PAGEDOWN;
+        case XK_End:
+                return KEY_END;
+        case XK_Control_R:
+        case XK_Control_L:
+                return KEY_CONTROL;
+        case XK_Shift_R:
+        case XK_Shift_L:
+                return KEY_SHIFT;
+        case XK_Alt_L:
+        case XK_Alt_R:
+                return KEY_ALT;
+        case XK_Caps_Lock:
+                return KEY_CAPITAL;
+        case XK_comma:
+                return KEY_COMMA;
+        case XK_period:
+                return KEY_PERIOD;
+        case XK_minus:
+                return KEY_MINUS;
+        case XK_slash:
+                return KEY_SLASH;
+        case XK_semicolon:
+                return KEY_SEMICOLON;
+        case XK_equal:
+                return KEY_EQUAL;
+        case XK_bracketleft:
+                return KEY_BRACKETLEFT;
+        case XK_bracketright:
+                return KEY_BRACKETRIGHT;
+        case XK_backslash:
+                return KEY_BACKSLASH;
+        case XK_apostrophe:
+                return KEY_APOSTROPHE;
+        case XK_grave:
+                return KEY_GRAVE;
+        default:
+                break;
+        }
+        return keysym;
 }
 
 static ptk_window_t *ptk_x11window__create(const wchar_t *title, int x, int y,
-					   int width, int height,
-					   ptk_window_t *parent)
-{
-	ptk_window_t *wnd;
-	unsigned long bdcolor = BlackPixel(x11_app.display, x11_app.screen);
-	unsigned long bgcolor = WhitePixel(x11_app.display, x11_app.screen);
-
-	wnd = calloc(sizeof(ptk_window_t), 1);
-	wnd->gc = NULL;
-	wnd->ximage = NULL;
-	wnd->node.data = wnd;
-	wnd->width = width;
-	wnd->height = height;
-	wnd->x = x;
-	wnd->y = y;
-	pd_canvas_init(&wnd->fb);
-	list_create(&wnd->rects);
-	wnd->fb.color_type = PD_COLOR_TYPE_ARGB;
-	wnd->handle = XCreateSimpleWindow(x11_app.display, x11_app.win_root, x,
-					  y, y_max(width, MIN_WINDOW_WIDTH),
-					  y_max(height, MIN_WINDOW_HEIGHT), 1,
-					  bdcolor, bgcolor);
-	list_append_node(&x11_app.windows, &wnd->node);
-	return wnd;
+                                           int width, int height,
+                                           ptk_window_t *parent)
+{
+        ptk_window_t *wnd;
+        unsigned long bdcolor = BlackPixel(x11_app.display, x11_app.screen);
+        unsigned long bgcolor = WhitePixel(x11_app.display, x11_app.screen);
+
+        wnd = calloc(sizeof(ptk_window_t), 1);
+        wnd->gc = NULL;
+        wnd->ximage = NULL;
+        wnd->node.data = wnd;
+        wnd->width = width;
+        wnd->height = height;
+        wnd->x = x;
+        wnd->y = y;
+        pd_canvas_init(&wnd->fb);
+        list_create(&wnd->rects);
+        wnd->fb.color_type = PD_COLOR_TYPE_ARGB;
+        wnd->handle = XCreateSimpleWindow(x11_app.display, x11_app.win_root, x,
+                                          y, y_max(width, MIN_WINDOW_WIDTH),
+                                          y_max(height, MIN_WINDOW_HEIGHT), 1,
+                                          bdcolor, bgcolor);
+        list_append_node(&x11_app.windows, &wnd->node);
+        return wnd;
 }
 
 static void ptk_x11window__on_destroy(ptk_window_t *wnd)
 {
-	list_unlink(&x11_app.windows, &wnd->node);
-	list_destroy(&wnd->rects, free);
-	if (wnd->ximage) {
-		XDestroyImage(wnd->ximage);
-		wnd->ximage = NULL;
-	}
-	if (wnd->gc) {
-		XFreeGC(x11_app.display, wnd->gc);
-		wnd->gc = NULL;
-	}
-	free(wnd);
+        list_unlink(&x11_app.windows, &wnd->node);
+        list_destroy(&wnd->rects, free);
+        if (wnd->ximage) {
+                XDestroyImage(wnd->ximage);
+                wnd->ximage = NULL;
+        }
+        if (wnd->gc) {
+                XFreeGC(x11_app.display, wnd->gc);
+                wnd->gc = NULL;
+        }
+        free(wnd);
 }
 
 static ptk_window_t *ptk_x11app_get_window_by_handle(void *handle)
 {
-	list_node_t *node;
+        list_node_t *node;
 
-	for (list_each(node, &x11_app.windows)) {
-		if (((ptk_window_t *)node->data)->handle == *(Window *)handle) {
-			return node->data;
-		}
-	}
-	return NULL;
+        for (list_each(node, &x11_app.windows)) {
+                if (((ptk_window_t *)node->data)->handle == *(Window *)handle) {
+                        return node->data;
+                }
+        }
+        return NULL;
 }
 
 static void ptk_x11window__on_size(ptk_window_t *wnd, int width, int height)
 {
-	int depth;
-	XGCValues gcv;
-	Visual *visual;
-
-	width = y_max(MIN_WINDOW_WIDTH, width);
-	height = y_max(MIN_WINDOW_HEIGHT, height);
-	if (width == wnd->width && height == wnd->height && wnd->ximage &&
-	    wnd->gc) {
-		return;
-	}
-	if (wnd->ximage) {
-		XDestroyImage(wnd->ximage);
-		wnd->ximage = NULL;
-	}
-	if (wnd->gc) {
-		XFreeGC(x11_app.display, wnd->gc);
-		wnd->gc = NULL;
-	}
-	pd_canvas_init(&wnd->fb);
-	wnd->width = width;
-	wnd->height = height;
-	depth = DefaultDepth(x11_app.display, x11_app.screen);
-	switch (depth) {
-	case 32:
-	case 24:
-		wnd->fb.color_type = PD_COLOR_TYPE_ARGB;
-		break;
-	default:
-		logger_error("[x11_app] unsupport depth: %d.\n", depth);
-		break;
-	}
-	pd_canvas_create(&wnd->fb, width, height);
-	visual = DefaultVisual(x11_app.display, x11_app.screen);
-	wnd->ximage =
-	    XCreateImage(x11_app.display, visual, depth, ZPixmap, 0,
-			 (char *)(wnd->fb.bytes), width, height, 32, 0);
-	if (!wnd->ximage) {
-		pd_canvas_destroy(&wnd->fb);
-		logger_error("[x11_app] create XImage faild.\n");
-		return;
-	}
-	gcv.graphics_exposures = False;
-	wnd->gc =
-	    XCreateGC(x11_app.display, wnd->handle, GCGraphicsExposures, &gcv);
-	if (!wnd->gc) {
-		logger_error("[x11_app] create graphics context faild.\n");
-	}
+        int depth;
+        XGCValues gcv;
+        Visual *visual;
+
+        width = y_max(MIN_WINDOW_WIDTH, width);
+        height = y_max(MIN_WINDOW_HEIGHT, height);
+        if (width == wnd->width && height == wnd->height && wnd->ximage &&
+            wnd->gc) {
+                return;
+        }
+        if (wnd->ximage) {
+                XDestroyImage(wnd->ximage);
+                wnd->ximage = NULL;
+        }
+        if (wnd->gc) {
+                XFreeGC(x11_app.display, wnd->gc);
+                wnd->gc = NULL;
+        }
+        pd_canvas_init(&wnd->fb);
+        wnd->width = width;
+        wnd->height = height;
+        depth = DefaultDepth(x11_app.display, x11_app.screen);
+        switch (depth) {
+        case 32:
+        case 24:
+                wnd->fb.color_type = PD_COLOR_TYPE_ARGB;
+                break;
+        default:
+                logger_error("[x11_app] unsupport depth: %d.\n", depth);
+                break;
+        }
+        pd_canvas_create(&wnd->fb, width, height);
+        visual = DefaultVisual(x11_app.display, x11_app.screen);
+        wnd->ximage =
+            XCreateImage(x11_app.display, visual, depth, ZPixmap, 0,
+                         (char *)(wnd->fb.bytes), width, height, 32, 0);
+        if (!wnd->ximage) {
+                pd_canvas_destroy(&wnd->fb);
+                logger_error("[x11_app] create XImage faild.\n");
+                return;
+        }
+        gcv.graphics_exposures = False;
+        wnd->gc =
+            XCreateGC(x11_app.display, wnd->handle, GCGraphicsExposures, &gcv);
+        if (!wnd->gc) {
+                logger_error("[x11_app] create graphics context faild.\n");
+        }
 }
 
 static int x11_ptk_process_native_event(void)
 {
-	KeySym keysym;
-	Display *dsp = x11_app.display;
-	XEvent xe = { 0 };
-
-	list_node_t *node;
-	ptk_native_event_listener_t *listener;
-	ptk_event_t e = { 0 };
-
-	XNextEvent(x11_app.display, &xe);
-	e.window = ptk_x11app_get_window_by_handle(&xe.xany.window);
-	switch (xe.type) {
-	case ConfigureNotify:
-		e.type = PTK_EVENT_SIZE;
-		e.size.width = xe.xconfigure.width;
-		e.size.height = xe.xconfigure.height;
-		ptk_x11window__on_size(e.window, xe.xconfigure.width,
-				       xe.xconfigure.height);
-		ptk_process_event(&e);
-		// TODO: add MOVE event?
-		break;
-	case Expose:
-		e.type = PTK_EVENT_PAINT;
-		e.paint.rect.x = xe.xexpose.x;
-		e.paint.rect.y = xe.xexpose.y;
-		e.paint.rect.width = xe.xexpose.width;
-		e.paint.rect.height = xe.xexpose.height;
-		ptk_process_event(&e);
-		break;
-	case KeyPress:
-	case KeyRelease: {
-		int min_keycode, max_keycode;
-
-		e.type =
-		    xe.type == KeyPress ? PTK_EVENT_KEYDOWN : PTK_EVENT_KEYUP;
-		XAutoRepeatOn(dsp);
-		keysym = XkbKeycodeToKeysym(dsp, xe.xkey.keycode, 0, 1);
-		e.key.code = convert_keycode(keysym);
-		e.key.shift_key = xe.xkey.state & ShiftMask ? true : false;
-		e.key.ctrl_key = xe.xkey.state & ControlMask ? true : false;
-		// @WhoAteDaCake
-		// TODO: this triggers and line 155 causes event to trigger
-		// twice? I tried to remove the one in if statement and put it
-		// to the end of the function but it doesn't seem to work
-		// properly then? Needs investigation
-		ptk_process_event(&e);
-		XDisplayKeycodes(dsp, &min_keycode, &max_keycode);
-		if (keysym >= min_keycode && keysym <= max_keycode &&
-		    e.type == PTK_EVENT_KEYDOWN && !e.key.ctrl_key) {
-			e.type = PTK_EVENT_KEYPRESS;
-			e.key.code = XkbKeycodeToKeysym(
-			    dsp, xe.xkey.keycode, 0,
-			    xe.xkey.state & ShiftMask ? 1 : 0);
-			ptk_process_event(&e);
-		}
-		break;
-	}
-	case MotionNotify:
-		e.type = PTK_EVENT_MOUSEMOVE;
-		e.mouse.x = xe.xmotion.x;
-		e.mouse.y = xe.xmotion.y;
-		ptk_process_event(&e);
-		break;
-	case ButtonPress:
-		if (xe.xbutton.button == Button4) {
-			e.type = PTK_EVENT_WHEEL;
-			e.wheel.delta_y = MOUSE_WHEEL_DELTA;
-		} else if (xe.xbutton.button == Button5) {
-			e.type = PTK_EVENT_WHEEL;
-			e.wheel.delta_y = -MOUSE_WHEEL_DELTA;
-		} else {
-			e.type = PTK_EVENT_MOUSEDOWN;
-			e.mouse.x = xe.xbutton.x;
-			e.mouse.y = xe.xbutton.y;
-			e.mouse.button = xe.xbutton.button;
-		}
-		ptk_process_event(&e);
-		break;
-	case ButtonRelease:
-		e.type = PTK_EVENT_MOUSEUP;
-		e.mouse.x = xe.xbutton.x;
-		e.mouse.y = xe.xbutton.y;
-		e.mouse.button = xe.xbutton.button;
-		ptk_process_event(&e);
-		break;
-	/**
-	 * FIXME: 调用 XDestroyWindow() 后未接收到 DestroyNotify 事件
-	 */
-	// case DestroyNotify:
-	case ClientMessage:
-		if (xe.xclient.data.l[0] == x11_app.wm_delete) {
-			logger_debug("WM_DELETE_WINNDOW\n");
-			e.type = PTK_EVENT_CLOSE;
-			ptk_process_event(&e);
-			ptk_x11window__on_destroy(e.window);
-		} else if (xe.xclient.data.l[0] == x11_app.wm_exit) {
-			logger_debug("WM_EXIT\n");
-			e.type = PTK_EVENT_QUIT;
-			ptk_process_event(&e);
-			return 0;
-		}
-		break;
-	default:
-		break;
-	}
-	ptk_event_destroy(&e);
-	for (list_each(node, &x11_app.native_listeners)) {
-		listener = node->data;
-		if (listener->type == xe.type) {
-			listener->handler(&xe, listener->data);
-		}
-	}
-	return 1;
+        KeySym keysym;
+        Display *dsp = x11_app.display;
+        XEvent xe = { 0 };
+
+        list_node_t *node;
+        ptk_native_event_listener_t *listener;
+        ptk_event_t e = { 0 };
+
+        XNextEvent(x11_app.display, &xe);
+        e.window = ptk_x11app_get_window_by_handle(&xe.xany.window);
+        switch (xe.type) {
+        case ConfigureNotify:
+                if (!e.window) {
+                        break;
+                }
+                ptk_x11window__update_position(e.window, NULL, NULL);
+                e.type = PTK_EVENT_MOVE;
+                ptk_process_event(&e);
+                e.type = PTK_EVENT_SIZE;
+                e.size.width = xe.xconfigure.width;
+                e.size.height = xe.xconfigure.height;
+                ptk_x11window__on_size(e.window, xe.xconfigure.width,
+                                       xe.xconfigure.height);
+                ptk_process_event(&e);
+                break;
+        case Expose:
+                e.type = PTK_EVENT_PAINT;
+                e.paint.rect.x = xe.xexpose.x;
+                e.paint.rect.y = xe.xexpose.y;
+                e.paint.rect.width = xe.xexpose.width;
+                e.paint.rect.height = xe.xexpose.height;
+                ptk_process_event(&e);
+                break;
+        case KeyPress:
+        case KeyRelease: {
+                int min_keycode, max_keycode;
+
+                e.type =
+                    xe.type == KeyPress ? PTK_EVENT_KEYDOWN : PTK_EVENT_KEYUP;
+                XAutoRepeatOn(dsp);
+                keysym = XkbKeycodeToKeysym(dsp, xe.xkey.keycode, 0, 1);
+                e.key.code = convert_keycode(keysym);
+                e.key.shift_key = xe.xkey.state & ShiftMask ? true : false;
+                e.key.ctrl_key = xe.xkey.state & ControlMask ? true : false;
+                // @WhoAteDaCake
+                // TODO: this triggers and line 155 causes event to trigger
+                // twice? I tried to remove the one in if statement and put it
+                // to the end of the function but it doesn't seem to work
+                // properly then? Needs investigation
+                ptk_process_event(&e);
+                XDisplayKeycodes(dsp, &min_keycode, &max_keycode);
+                if (keysym >= min_keycode && keysym <= max_keycode &&
+                    e.type == PTK_EVENT_KEYDOWN && !e.key.ctrl_key) {
+                        e.type = PTK_EVENT_KEYPRESS;
+                        e.key.code = XkbKeycodeToKeysym(
+                            dsp, xe.xkey.keycode, 0,
+                            xe.xkey.state & ShiftMask ? 1 : 0);
+                        ptk_process_event(&e);
+                }
+                break;
+        }
+        case MotionNotify:
+                e.type = PTK_EVENT_MOUSEMOVE;
+                e.mouse.x = xe.xmotion.x;
+                e.mouse.y = xe.xmotion.y;
+                ptk_process_event(&e);
+                break;
+        case ButtonPress:
+                if (xe.xbutton.button == Button4) {
+                        e.type = PTK_EVENT_WHEEL;
+                        e.wheel.delta_y = MOUSE_WHEEL_DELTA;
+                } else if (xe.xbutton.button == Button5) {
+                        e.type = PTK_EVENT_WHEEL;
+                        e.wheel.delta_y = -MOUSE_WHEEL_DELTA;
+                } else {
+                        e.type = PTK_EVENT_MOUSEDOWN;
+                        e.mouse.x = xe.xbutton.x;
+                        e.mouse.y = xe.xbutton.y;
+                        e.mouse.button = xe.xbutton.button;
+                }
+                ptk_process_event(&e);
+                break;
+        case ButtonRelease:
+                e.type = PTK_EVENT_MOUSEUP;
+                e.mouse.x = xe.xbutton.x;
+                e.mouse.y = xe.xbutton.y;
+                e.mouse.button = xe.xbutton.button;
+                ptk_process_event(&e);
+                break;
+        /**
+         * FIXME: 调用 XDestroyWindow() 后未接收到 DestroyNotify 事件
+         */
+        // case DestroyNotify:
+        case ClientMessage:
+                if (xe.xclient.data.l[0] == x11_app.wm_delete) {
+                        logger_debug("WM_DELETE_WINNDOW\n");
+                        e.type = PTK_EVENT_CLOSE;
+                        ptk_process_event(&e);
+                        ptk_x11window__on_destroy(e.window);
+                } else if (xe.xclient.data.l[0] == x11_app.wm_exit) {
+                        logger_debug("WM_EXIT\n");
+                        e.type = PTK_EVENT_QUIT;
+                        ptk_process_event(&e);
+                        return 0;
+                }
+                break;
+        default:
+                break;
+        }
+        ptk_event_destroy(&e);
+        for (list_each(node, &x11_app.native_listeners)) {
+                listener = node->data;
+                if (listener->type == xe.type) {
+                        listener->handler(&xe, listener->data);
+                }
+        }
+        return 1;
 }
 
 static int ptk_x11app_pending(void)
 {
-	XFlush(x11_app.display);
-	return XEventsQueued(x11_app.display, QueuedAlready);
+        XFlush(x11_app.display);
+        return XEventsQueued(x11_app.display, QueuedAlready);
 }
 
 static int x11_ptk_process_native_events(ptk_process_events_option_t option)
 {
-	int ret = 0;
-
-	x11_app.exit_code = 0;
-	if (option == PTK_PROCESS_EVENTS_ONE_IF_PRESENT ||
-	    option == PTK_PROCESS_EVENTS_ALL_IF_PRESENT) {
-		do {
-			ptk_tick();
-			if (!ptk_x11app_pending()) {
-				break;
-			}
-			x11_ptk_process_native_event();
-			ptk_process_events();
-		} while (option == PTK_PROCESS_EVENTS_ALL_IF_PRESENT);
-		return x11_app.exit_code;
-	}
-	do {
-		for (ptk_tick(); !ptk_x11app_pending(); ptk_tick()) {
-			ptk_process_events();
-			sleep_ms(1);
-		}
-		ret = x11_ptk_process_native_event();
-		ptk_process_events();
-	} while (option == PTK_PROCESS_EVENTS_UNTIL_QUIT && ret != 0);
-	return x11_app.exit_code;
+        int ret = 0;
+
+        x11_app.exit_code = 0;
+        if (option == PTK_PROCESS_EVENTS_ONE_IF_PRESENT ||
+            option == PTK_PROCESS_EVENTS_ALL_IF_PRESENT) {
+                do {
+                        ptk_tick();
+                        if (!ptk_x11app_pending()) {
+                                break;
+                        }
+                        x11_ptk_process_native_event();
+                        ptk_process_events();
+                } while (option == PTK_PROCESS_EVENTS_ALL_IF_PRESENT);
+                return x11_app.exit_code;
+        }
+        do {
+                for (ptk_tick(); !ptk_x11app_pending(); ptk_tick()) {
+                        ptk_process_events();
+                        y_sleep(1);
+                }
+                ret = x11_ptk_process_native_event();
+                ptk_process_events();
+        } while (option == PTK_PROCESS_EVENTS_UNTIL_QUIT && ret != 0);
+        return x11_app.exit_code;
 }
 
 static int x11_ptk_add_native_event_listener(int type,
-					     ptk_native_event_handler_t handler,
-					     void *data)
+                                             ptk_native_event_handler_t handler,
+                                             void *data)
 {
-	ptk_native_event_listener_t *listener;
+        ptk_native_event_listener_t *listener;
 
-	listener = malloc(sizeof(ptk_native_event_listener_t));
-	if (!listener) {
-		return -1;
-	}
-	listener->handler = handler;
-	listener->data = data;
-	listener->type = type;
-	list_append(&x11_app.native_listeners, listener);
-	return 0;
+        listener = malloc(sizeof(ptk_native_event_listener_t));
+        if (!listener) {
+                return -1;
+        }
+        listener->handler = handler;
+        listener->data = data;
+        listener->type = type;
+        list_append(&x11_app.native_listeners, listener);
+        return 0;
 }
 
 static int x11_ptk_remove_native_event_listener(
     int type, ptk_native_event_handler_t handler)
 {
-	list_node_t *node, *prev;
-	ptk_native_event_listener_t *listener;
+        list_node_t *node, *prev;
+        ptk_native_event_listener_t *listener;
 
-	for (list_each(node, &x11_app.native_listeners)) {
-		prev = node->prev;
-		listener = node->data;
-		if (listener->handler == handler && listener->type == type) {
-			list_delete_node(&x11_app.native_listeners, node);
-			free(listener);
-			node = prev;
-			return 0;
-		}
-	}
-	return -1;
+        for (list_each(node, &x11_app.native_listeners)) {
+                prev = node->prev;
+                listener = node->data;
+                if (listener->handler == handler && listener->type == type) {
+                        list_delete_node(&x11_app.native_listeners, node);
+                        free(listener);
+                        node = prev;
+                        return 0;
+                }
+        }
+        return -1;
 }
 
 static int x11_ptk_screen_get_width(void)
 {
-	Screen *s = DefaultScreenOfDisplay(x11_app.display);
-	return XWidthOfScreen(s);
+        Screen *s = DefaultScreenOfDisplay(x11_app.display);
+        return XWidthOfScreen(s);
 }
 
 static int x11_ptk_screen_get_height(void)
 {
-	Screen *s = DefaultScreenOfDisplay(x11_app.display);
-	return XHeightOfScreen(s);
+        Screen *s = DefaultScreenOfDisplay(x11_app.display);
+        return XHeightOfScreen(s);
 }
 
 static void ptk_x11window__activate(ptk_window_t *wnd)
 {
-	XSetWMProtocols(x11_app.display, wnd->handle, &x11_app.wm_delete, 1);
-	XSelectInput(x11_app.display, wnd->handle,
-		     ExposureMask | KeyPressMask | ButtonPress |
-			 StructureNotifyMask | ButtonReleaseMask |
-			 KeyReleaseMask | EnterWindowMask | LeaveWindowMask |
-			 PointerMotionMask | Button1MotionMask |
-			 VisibilityChangeMask);
-	XFlush(x11_app.display);
-	ptk_x11window__show(wnd);
+        XSetWMProtocols(x11_app.display, wnd->handle, &x11_app.wm_delete, 1);
+        XSelectInput(x11_app.display, wnd->handle,
+                     ExposureMask | KeyPressMask | ButtonPress |
+                         StructureNotifyMask | ButtonReleaseMask |
+                         KeyReleaseMask | EnterWindowMask | LeaveWindowMask |
+                         PointerMotionMask | Button1MotionMask |
+                         VisibilityChangeMask);
+        XFlush(x11_app.display);
+        ptk_x11window__show(wnd);
 }
 
 static void ptk_x11window__close(ptk_window_t *wnd)
 {
-	XEvent xe = { 0 };
+        XEvent xe = { 0 };
 
-	xe.xclient.type = ClientMessage;
-	xe.xclient.data.l[0] = x11_app.wm_delete;
-	xe.xclient.serial = 0;
-	xe.xclient.send_event = 1;
-	xe.xclient.format = 32;
-	xe.xclient.window = wnd->handle;
-	XSendEvent(x11_app.display, x11_app.win_events, 0, NoEventMask,
-		       &xe);
+        xe.xclient.type = ClientMessage;
+        xe.xclient.data.l[0] = x11_app.wm_delete;
+        xe.xclient.serial = 0;
+        xe.xclient.send_event = 1;
+        xe.xclient.format = 32;
+        xe.xclient.window = wnd->handle;
+        XSendEvent(x11_app.display, x11_app.win_events, 0, NoEventMask, &xe);
 }
 
 static void ptk_x11window__destroy(ptk_window_t *wnd)
 {
-	XDestroyWindow(x11_app.display, wnd->handle);
+        XDestroyWindow(x11_app.display, wnd->handle);
 }
 
 static void ptk_x11window__set_title(ptk_window_t *wnd, const wchar_t *title)
 {
-	size_t len;
-	char *utf8_title;
-	XTextProperty name;
+        size_t len;
+        char *utf8_title;
+        XTextProperty name;
 
-	len = encode_utf8(NULL, title, 0) + 1;
-	utf8_title = malloc(sizeof(char) * len);
-	if (!title) {
-		return;
-	}
-	len = encode_utf8(utf8_title, title, len);
-	name.value = (unsigned char *)utf8_title;
-	name.encoding = XA_STRING;
-	name.format = 8 * sizeof(char);
-	name.nitems = len;
-	XSetWMName(x11_app.display, wnd->handle, &name);
-	free(utf8_title);
+        len = encode_utf8(NULL, title, 0) + 1;
+        utf8_title = malloc(sizeof(char) * len);
+        if (!title) {
+                return;
+        }
+        len = encode_utf8(utf8_title, title, len);
+        name.value = (unsigned char *)utf8_title;
+        name.encoding = XA_STRING;
+        name.format = 8 * sizeof(char);
+        name.nitems = len;
+        XSetWMName(x11_app.display, wnd->handle, &name);
+        free(utf8_title);
 }
 
 static void ptk_x11window__set_size(ptk_window_t *wnd, int width, int height)
 {
-	// Ignore useless events and avoid infinite window size changes
-	if (wnd->width == width && wnd->height == height) {
-		return;
-	}
-	XResizeWindow(x11_app.display, wnd->handle, width, height);
-	// When XResizeWindow() is called, the x and y values in the
-	// ConfigureNotify event sent by XResizeWindow() are old because the
-	// position set by the previous call to XMoveWindow() has not been
-	// updated. Therefore, we need to set the latest position again.
-	XMoveWindow(x11_app.display, wnd->handle, wnd->x, wnd->y);
+        // Ignore useless events and avoid infinite window size changes
+        if (wnd->width == width && wnd->height == height) {
+                return;
+        }
+        XResizeWindow(x11_app.display, wnd->handle, width, height);
+        // When XResizeWindow() is called, the x and y values in the
+        // ConfigureNotify event sent by XResizeWindow() are old because the
+        // position set by the previous call to XMoveWindow() has not been
+        // updated. Therefore, we need to set the latest position again.
+        XMoveWindow(x11_app.display, wnd->handle, wnd->x, wnd->y);
 }
 
 static void ptk_x11window__set_position(ptk_window_t *wnd, int x, int y)
 {
-	if (wnd->x == x && wnd->y == y) {
-		return;
-	}
-	wnd->x = x;
-	wnd->y = y;
-	XMoveWindow(x11_app.display, wnd->handle, x, y);
+        if (wnd->x == x && wnd->y == y) {
+                return;
+        }
+        wnd->x = x;
+        wnd->y = y;
+        XMoveWindow(x11_app.display, wnd->handle, x, y);
+}
+
+static void ptk_x11window__get_position(ptk_window_t *wnd, int *x, int *y)
+{
+        if (!ptk_x11window__update_position(wnd, x, y)) {
+                if (x) {
+                        *x = wnd ? wnd->x : 0;
+                }
+                if (y) {
+                        *y = wnd ? wnd->y : 0;
+                }
+        }
 }
 
 static void *ptk_x11window__get_handle(ptk_window_t *wnd)
 {
-	return &wnd->handle;
+        return &wnd->handle;
 }
 
 static int ptk_x11window__get_width(ptk_window_t *wnd)
 {
-	return wnd->width;
+        return wnd->width;
 }
 
 static int ptk_x11window__get_height(ptk_window_t *wnd)
 {
-	return wnd->height;
+        return wnd->height;
 }
 
 static void ptk_x11window__set_min_width(ptk_window_t *wnd, int min_width)
 {
-	wnd->min_width = min_width;
+        wnd->min_width = min_width;
 }
 
 static void ptk_x11window__set_min_height(ptk_window_t *wnd, int min_height)
 {
-	wnd->min_height = min_height;
+        wnd->min_height = min_height;
 }
 
 static void ptk_x11window__set_max_width(ptk_window_t *wnd, int max_width)
 {
-	wnd->max_width = max_width;
+        wnd->max_width = max_width;
 }
 
 static void ptk_x11window__set_max_height(ptk_window_t *wnd, int max_height)
 {
-	wnd->max_height = max_height;
+        wnd->max_height = max_height;
 }
 
 static void ptk_x11window__show(ptk_window_t *wnd)
 {
-	XMapWindow(x11_app.display, wnd->handle);
+        XMapWindow(x11_app.display, wnd->handle);
 }
 
 static void ptk_x11window__hide(ptk_window_t *wnd)
 {
-	XUnmapWindow(x11_app.display, wnd->handle);
+        XUnmapWindow(x11_app.display, wnd->handle);
 }
 
 static ptk_window_paint_t *ptk_x11window__begin_paint(ptk_window_t *wnd,
-						      pd_rect_t *rect)
+                                                      pd_rect_t *rect)
 {
-	pd_context_t *paint;
+        pd_context_t *paint;
 
-	paint = malloc(sizeof(pd_context_t));
-	paint->rect = *rect;
-	paint->with_alpha = false;
-	pd_canvas_init(&paint->canvas);
-	pd_rect_correct(&paint->rect, wnd->width, wnd->height);
-	pd_canvas_quote(&paint->canvas, &wnd->fb, &paint->rect);
-	pd_canvas_fill(&paint->canvas, pd_rgb(255, 255, 255));
-	return paint;
+        paint = malloc(sizeof(pd_context_t));
+        paint->rect = *rect;
+        paint->with_alpha = false;
+        pd_canvas_init(&paint->canvas);
+        pd_rect_correct(&paint->rect, wnd->width, wnd->height);
+        pd_canvas_quote(&paint->canvas, &wnd->fb, &paint->rect);
+        pd_canvas_fill(&paint->canvas, pd_rgb(255, 255, 255));
+        return paint;
 }
 
 static void ptk_x11window__end_paint(ptk_window_t *wnd,
-				     ptk_window_paint_t *paint)
+                                     ptk_window_paint_t *paint)
 {
-	pd_rect_t *rect;
+        pd_rect_t *rect;
 
-	rect = malloc(sizeof(pd_rect_t));
-	*rect = paint->rect;
-	list_append(&wnd->rects, rect);
-	pd_canvas_init(&paint->canvas);
-	free(paint);
+        rect = malloc(sizeof(pd_rect_t));
+        *rect = paint->rect;
+        list_append(&wnd->rects, rect);
+        pd_canvas_init(&paint->canvas);
+        free(paint);
 }
 
 static void ptk_x11window__present(ptk_window_t *wnd)
 {
-	list_node_t *node;
-	list_t rects;
-	pd_rect_t *rect;
+        list_node_t *node;
+        list_t rects;
+        pd_rect_t *rect;
 
-	if (!wnd->gc || !wnd->ximage) {
-		return;
-	}
-	list_create(&rects);
-	list_concat(&rects, &wnd->rects);
-	for (list_each(node, &rects)) {
-		rect = node->data;
-		XPutImage(x11_app.display, wnd->handle, wnd->gc, wnd->ximage,
-			  rect->x, rect->y, rect->x, rect->y, rect->width,
-			  rect->height);
-	}
-	list_destroy(&rects, free);
+        if (!wnd->gc || !wnd->ximage) {
+                return;
+        }
+        list_create(&rects);
+        list_concat(&rects, &wnd->rects);
+        for (list_each(node, &rects)) {
+                rect = node->data;
+                XPutImage(x11_app.display, wnd->handle, wnd->gc, wnd->ximage,
+                          rect->x, rect->y, rect->x, rect->y, rect->width,
+                          rect->height);
+        }
+        list_destroy(&rects, free);
 }
 
 static void ptk_x11app_present(void)
 {
-	list_node_t *node;
+        list_node_t *node;
 
-	for (list_each(node, &x11_app.windows)) {
-		ptk_x11window__present(node->data);
-	}
+        for (list_each(node, &x11_app.windows)) {
+                ptk_x11window__present(node->data);
+        }
 }
 
 static int ptk_x11app_init(const wchar_t *name)
 {
-	x11_app.display = XOpenDisplay(NULL);
-	if (!x11_app.display) {
-		return -1;
-	}
-	x11_app.screen = DefaultScreen(x11_app.display);
-	x11_app.win_root = RootWindow(x11_app.display, x11_app.screen);
-	x11_app.win_events = XCreateSimpleWindow(
-	    x11_app.display, x11_app.win_root, 0, 0, 10, 10, 0, 0, 0);
-	x11_app.cmap = DefaultColormap(x11_app.display, x11_app.screen);
-	x11_app.wm_delete =
-	    XInternAtom(x11_app.display, "WM_DELETE_WINDOW", false);
-	x11_app.wm_exit = XInternAtom(x11_app.display, "WM_EXIT", false);
-	XSelectInput(x11_app.display, x11_app.win_events, StructureNotifyMask);
-	return 0;
+        x11_app.display = XOpenDisplay(NULL);
+        if (!x11_app.display) {
+                return -1;
+        }
+        x11_app.screen = DefaultScreen(x11_app.display);
+        x11_app.win_root = RootWindow(x11_app.display, x11_app.screen);
+        x11_app.win_events = XCreateSimpleWindow(
+            x11_app.display, x11_app.win_root, 0, 0, 10, 10, 0, 0, 0);
+        x11_app.cmap = DefaultColormap(x11_app.display, x11_app.screen);
+        x11_app.wm_delete =
+            XInternAtom(x11_app.display, "WM_DELETE_WINDOW", false);
+        x11_app.wm_exit = XInternAtom(x11_app.display, "WM_EXIT", false);
+        XSelectInput(x11_app.display, x11_app.win_events, StructureNotifyMask);
+        return 0;
 }
 
 static int ptk_x11app_destroy(void)
 {
-	list_destroy_without_node(
-	    &x11_app.windows,
-	    (list_item_destructor_t)ptk_x11window__on_destroy);
-	XCloseDisplay(x11_app.display);
-	return 0;
+        list_destroy_without_node(
+            &x11_app.windows,
+            (list_item_destructor_t)ptk_x11window__on_destroy);
+        XCloseDisplay(x11_app.display);
+        return 0;
 }
 
 static void ptk_x11app_exit(int exit_code)
 {
-	XEvent xe = { 0 };
+        XEvent xe = { 0 };
 
-	xe.xclient.type = ClientMessage;
-	xe.xclient.data.l[0] = x11_app.wm_exit;
-	xe.xclient.serial = 0;
-	xe.xclient.send_event = 1;
-	xe.xclient.format = 32;
-	xe.xclient.window = x11_app.win_events;
-	XSendEvent(x11_app.display, x11_app.win_events, 0, NoEventMask, &xe);
+        xe.xclient.type = ClientMessage;
+        xe.xclient.data.l[0] = x11_app.wm_exit;
+        xe.xclient.serial = 0;
+        xe.xclient.send_event = 1;
+        xe.xclient.format = 32;
+        xe.xclient.window = x11_app.win_events;
+        XSendEvent(x11_app.display, x11_app.win_events, 0, NoEventMask, &xe);
 }
 
 Display *ptk_x11_get_display(void)
 {
-	return x11_app.display;
+        return x11_app.display;
 }
 
 Window ptk_x11_get_main_window(void)
 {
-	return x11_app.win_events;
+        return x11_app.win_events;
 }
 
 void ptk_x11app_driver_init(ptk_app_driver_t *driver)
 {
-	driver->init = ptk_x11app_init;
-	driver->destroy = ptk_x11app_destroy;
-	driver->process_events = x11_ptk_process_native_events;
-	driver->on_event = x11_ptk_add_native_event_listener;
-	driver->off_event = x11_ptk_remove_native_event_listener;
-	driver->create_window = ptk_x11window__create;
-	driver->get_window = ptk_x11app_get_window_by_handle;
-	driver->get_screen_width = x11_ptk_screen_get_width;
-	driver->get_screen_height = x11_ptk_screen_get_height;
-	driver->present = ptk_x11app_present;
-	driver->exit = ptk_x11app_exit;
+        driver->init = ptk_x11app_init;
+        driver->destroy = ptk_x11app_destroy;
+        driver->process_events = x11_ptk_process_native_events;
+        driver->on_event = x11_ptk_add_native_event_listener;
+        driver->off_event = x11_ptk_remove_native_event_listener;
+        driver->create_window = ptk_x11window__create;
+        driver->get_window = ptk_x11app_get_window_by_handle;
+        driver->get_screen_width = x11_ptk_screen_get_width;
+        driver->get_screen_height = x11_ptk_screen_get_height;
+        driver->present = ptk_x11app_present;
+        driver->exit = ptk_x11app_exit;
 }
 
 void ptk_x11window_driver_init(ptk_window_driver_t *driver)
 {
-	driver->show = ptk_x11window__show;
-	driver->hide = ptk_x11window__hide;
-	driver->close = ptk_x11window__close;
-	driver->destroy = ptk_x11window__destroy;
-	driver->activate = ptk_x11window__activate;
-	driver->set_title = ptk_x11window__set_title;
-	driver->set_position = ptk_x11window__set_position;
-	driver->set_size = ptk_x11window__set_size;
-	driver->get_width = ptk_x11window__get_width;
-	driver->get_height = ptk_x11window__get_height;
-	driver->get_handle = ptk_x11window__get_handle;
-	driver->set_max_width = ptk_x11window__set_max_width;
-	driver->set_max_height = ptk_x11window__set_max_height;
-	driver->set_min_width = ptk_x11window__set_min_width;
-	driver->set_min_height = ptk_x11window__set_min_height;
-	driver->begin_paint = ptk_x11window__begin_paint;
-	driver->end_paint = ptk_x11window__end_paint;
-	driver->present = ptk_x11window__present;
+        driver->show = ptk_x11window__show;
+        driver->hide = ptk_x11window__hide;
+        driver->close = ptk_x11window__close;
+        driver->destroy = ptk_x11window__destroy;
+        driver->activate = ptk_x11window__activate;
+        driver->set_title = ptk_x11window__set_title;
+        driver->set_position = ptk_x11window__set_position;
+        driver->get_position = ptk_x11window__get_position;
+        driver->set_size = ptk_x11window__set_size;
+        driver->set_maximized = ptk_x11window__set_maximized;
+        driver->get_width = ptk_x11window__get_width;
+        driver->get_height = ptk_x11window__get_height;
+        driver->is_maximized = ptk_x11window__is_maximized;
+        driver->get_handle = ptk_x11window__get_handle;
+        driver->set_max_width = ptk_x11window__set_max_width;
+        driver->set_max_height = ptk_x11window__set_max_height;
+        driver->set_min_width = ptk_x11window__set_min_width;
+        driver->set_min_height = ptk_x11window__set_min_height;
+        driver->begin_paint = ptk_x11window__begin_paint;
+        driver->end_paint = ptk_x11window__end_paint;
+        driver->present = ptk_x11window__present;
 }
 
 #endif
diff --git a/lib/ptk/src/linux/x11app.h b/lib/ptk/src/linux/x11app.h
index 0bc5c871b..1fc3c2f30 100644
--- a/lib/ptk/src/linux/x11app.h
+++ b/lib/ptk/src/linux/x11app.h
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/src/linux/x11app.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <X11/Xlib.h>
diff --git a/lib/ptk/src/linux/x11clipboard.c b/lib/ptk/src/linux/x11clipboard.c
index 8ba6e7178..56c9f6fdd 100644
--- a/lib/ptk/src/linux/x11clipboard.c
+++ b/lib/ptk/src/linux/x11clipboard.c
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/src/linux/x11clipboard.c: clipboard support for linux x11
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 /*
@@ -89,7 +89,6 @@ void ptk_x11clipboard_execute_action(void)
         wchar_t *wstr = malloc(sizeof(wchar_t) * len);
 
         len = decode_utf8(wstr, ptk_x11clipboard.text, len);
-        wstr[len] = 0;
         // Assign the data
         clipboard_data.text = wstr;
         clipboard_data.len = len;
@@ -123,7 +122,6 @@ int ptk_x11clipboard_set_text(const wchar_t *text, size_t len)
         char *raw_text = malloc((raw_len + 1) * sizeof(char));
 
         raw_len = encode_utf8(raw_text, text, raw_len);
-        raw_text[raw_len] = '\0';
         if (raw_len == -1) {
                 logger_debug("Failed converting wchar_t* to char*\n");
                 // Something failed here, should probably add debug message
diff --git a/lib/ptk/src/linux/x11clipboard.h b/lib/ptk/src/linux/x11clipboard.h
index 8461508fd..5106e06fa 100644
--- a/lib/ptk/src/linux/x11clipboard.h
+++ b/lib/ptk/src/linux/x11clipboard.h
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/src/linux/x11clipboard.h
  *
- * Copyright (c) 2024-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "ptk/clipboard.h"
diff --git a/lib/ptk/src/steptimer.c b/lib/ptk/src/steptimer.c
index dd1f0e8bf..38e934da4 100644
--- a/lib/ptk/src/steptimer.c
+++ b/lib/ptk/src/steptimer.c
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/src/steptimer.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 /**
@@ -19,82 +19,114 @@
 
 void ptk_steptimer_init(ptk_steptimer_t *timer)
 {
-	timer->last_time = get_time_ms();
-	timer->elapsed_time = 0;
-	timer->total_time = 0;
-	timer->left_over_time = 0;
-	timer->frame_count = 0;
-	timer->frames_per_second = 0;
-	timer->frames_this_second = 0;
-	timer->second_counter = 0;
-	timer->is_fixed_time_step = false;
-	timer->target_elapsed_time = 1000 / 60;
-	timer->max_delta = 1000;
+        timer->last_time = y_gettime();
+        timer->elapsed_time = 0;
+        timer->total_time = 0;
+        timer->left_over_time = 0;
+        timer->frame_count = 0;
+        timer->frames_per_second = 0;
+        timer->frames_this_second = 0;
+        timer->second_counter = 0;
+        timer->is_fixed_time_step = false;
+        timer->enable_catch_up = false;
+        timer->target_elapsed_time = 1000 / 60;
+        timer->max_delta = 1000;
 }
 
 void ptk_steptimer_tick(ptk_steptimer_t *timer, ptk_steptimer_handler_t handler,
-		     void *data)
+                        void *data)
 {
-	// Query the current time.
-	uint64_t current_time = get_time_ms();
-	uint64_t time_delta = current_time - timer->last_time;
-
-	timer->last_time = current_time;
-	timer->second_counter += time_delta;
-
-	// Clamp excessively large time deltas (e.g. after paused in the
-	// debugger).
-	if (time_delta > timer->max_delta) {
-		time_delta = timer->max_delta;
-	}
-
-	uint32_t last_frame_count = timer->frame_count;
-
-	if (timer->is_fixed_time_step) {
-		// Fixed timestep update logic
-
-		// If the app is running very close to the target elapsed time
-		// (within 1/4 of a millisecond) just clamp the clock to exactly
-		// match the target value. This prevents tiny and irrelevant
-		// errors from accumulating over time. Without this clamping, a
-		// game that requested a 60 fps fixed update, running with vsync
-		// enabled on a 59.94 NTSC display, would eventually accumulate
-		// enough tiny errors that it would drop a frame. It is better
-		// to just round small deviations down to zero to leave things
-		// running smoothly.
-
-		if (abs((int)(time_delta - timer->target_elapsed_time)) < 4) {
-			time_delta = timer->target_elapsed_time;
-		}
-
-		timer->left_over_time += time_delta;
-
-		while (timer->left_over_time >= timer->target_elapsed_time) {
-			timer->elapsed_time = timer->target_elapsed_time;
-			timer->total_time += timer->target_elapsed_time;
-			timer->left_over_time -= timer->target_elapsed_time;
-			timer->frame_count++;
-
-			handler(timer, data);
-		}
-	} else {
-		// Variable timestep update logic.
-		timer->elapsed_time = time_delta;
-		timer->total_time += time_delta;
-		timer->left_over_time = 0;
-		timer->frame_count++;
-
-		handler(timer, data);
-	}
-
-	// Track the current framerate.
-	if (timer->frame_count != last_frame_count) {
-		timer->frames_this_second++;
-	}
-
-	if (timer->second_counter >= 1000) {
-		timer->frames_per_second = timer->frames_this_second;
-		timer->frames_this_second = 0;
-		timer->second_counter %= 1000;
-	}
+        // Query the current time.
+        uint64_t current_time = y_gettime();
+        uint64_t time_delta = current_time - timer->last_time;
+
+        timer->last_time = current_time;
+        timer->second_counter += time_delta;
+
+        // Clamp excessively large time deltas (e.g. after paused in the
+        // debugger).
+        if (time_delta > timer->max_delta) {
+                time_delta = timer->max_delta;
+        }
+
+        uint32_t last_frame_count = timer->frame_count;
+
+        if (timer->is_fixed_time_step) {
+                // Fixed timestep update logic
+
+                // If the app is running very close to the target elapsed time
+                // (within 1/4 of a millisecond) just clamp the clock to exactly
+                // match the target value. This prevents tiny and irrelevant
+                // errors from accumulating over time. Without this clamping, a
+                // game that requested a 60 fps fixed update, running with vsync
+                // enabled on a 59.94 NTSC display, would eventually accumulate
+                // enough tiny errors that it would drop a frame. It is better
+                // to just round small deviations down to zero to leave things
+                // running smoothly.
+
+                if (abs((int)(time_delta - timer->target_elapsed_time)) < 4) {
+                        time_delta = timer->target_elapsed_time;
+                }
+
+                timer->left_over_time += time_delta;
+
+                if (timer->enable_catch_up) {
+                        // DirectXTK behavior: catch up by invoking the handler
+                        // multiple times to fully consume accumulated time.
+                        while (timer->left_over_time >=
+                               timer->target_elapsed_time) {
+                                timer->elapsed_time =
+                                    timer->target_elapsed_time;
+                                timer->total_time += timer->target_elapsed_time;
+                                timer->left_over_time -=
+                                    timer->target_elapsed_time;
+                                timer->frame_count++;
+
+                                handler(timer, data);
+                        }
+                } else if (timer->left_over_time >=
+                           timer->target_elapsed_time) {
+                        // No catch-up: invoke the handler at most once per
+                        // tick. elapsed_time reflects the actual accumulated
+                        // delta so the handler can respond to real-time passage
+                        // (useful for visual callbacks like
+                        // requestAnimationFrame). The remainder is preserved
+                        // via modulo to prevent long-term drift without causing
+                        // a burst of calls.
+                        timer->elapsed_time = timer->left_over_time;
+                        timer->total_time += timer->left_over_time;
+                        timer->left_over_time %= timer->target_elapsed_time;
+                        timer->frame_count++;
+
+                        handler(timer, data);
+                }
+        } else {
+                // Variable timestep update logic.
+                timer->elapsed_time = time_delta;
+                timer->total_time += time_delta;
+                timer->left_over_time = 0;
+                timer->frame_count++;
+
+                handler(timer, data);
+        }
+
+        // Track the current framerate.
+        if (timer->frame_count != last_frame_count) {
+                timer->frames_this_second++;
+        }
+
+        if (timer->second_counter >= 1000) {
+                timer->frames_per_second = timer->frames_this_second;
+                timer->frames_this_second = 0;
+                timer->second_counter %= 1000;
+        }
+}
+
+void ptk_steptimer_reset_elapsed_time(ptk_steptimer_t *timer)
+{
+        timer->last_time = y_gettime();
+        timer->left_over_time = 0;
+        timer->frames_per_second = 0;
+        timer->frames_this_second = 0;
+        timer->second_counter = 0;
 }
diff --git a/lib/ptk/src/timer_scheduler.c b/lib/ptk/src/timer_scheduler.c
new file mode 100644
index 000000000..c8ccc1538
--- /dev/null
+++ b/lib/ptk/src/timer_scheduler.c
@@ -0,0 +1,193 @@
+/*
+ * lib/ptk/src/timer_scheduler.c -- Internal timer scheduler.
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <stdlib.h>
+#include <stdint.h>
+#include <yutil.h>
+#include "timer_scheduler.h"
+
+typedef enum { TIMER_STATE_ACTIVE, TIMER_STATE_DELETED } timer_state_t;
+
+typedef struct {
+        timer_state_t state;
+        long int id;
+        bool reuse;
+
+        int64_t start_time;
+        long int total_ms;
+
+        ptk_timer_cb callback;
+        void *arg;
+
+        list_node_t node;
+} timer_entry_t;
+
+struct timer_scheduler {
+        int id_count;
+        list_t timers;
+};
+
+static void timer_scheduler_reorder(timer_scheduler_t *scheduler,
+                                    list_node_t *node)
+{
+        timer_entry_t *entry;
+        int64_t remaining, cur_remaining;
+        list_node_t *cur;
+
+        entry = (timer_entry_t *)node->data;
+        remaining = entry->total_ms - (y_gettime() - entry->start_time);
+        list_for_each(cur, &scheduler->timers)
+        {
+                entry = (timer_entry_t *)cur->data;
+                cur_remaining =
+                    entry->total_ms - (y_gettime() - entry->start_time);
+                if (remaining <= cur_remaining) {
+                        list_link(&scheduler->timers, cur->prev, node);
+                        return;
+                }
+        }
+        list_append_node(&scheduler->timers, node);
+}
+
+static timer_entry_t *timer_find(timer_scheduler_t *scheduler, int timer_id)
+{
+        timer_entry_t *entry;
+        list_node_t *node;
+        list_for_each(node, &scheduler->timers)
+        {
+                entry = (timer_entry_t *)node->data;
+                if (entry && entry->id == timer_id) {
+                        return entry;
+                }
+        }
+        return NULL;
+}
+
+static int timer_scheduler_add(timer_scheduler_t *scheduler, long int n_ms,
+                               ptk_timer_cb callback, void *arg, bool reuse)
+{
+        timer_entry_t *entry;
+
+        entry = (timer_entry_t *)malloc(sizeof(timer_entry_t));
+        if (entry == NULL) {
+                return -1;
+        }
+        entry->arg = arg;
+        entry->callback = callback;
+        entry->reuse = reuse;
+        entry->total_ms = n_ms;
+        entry->state = TIMER_STATE_ACTIVE;
+        entry->id = ++scheduler->id_count;
+        entry->start_time = y_gettime();
+        entry->node.next = NULL;
+        entry->node.prev = NULL;
+        entry->node.data = entry;
+        timer_scheduler_reorder(scheduler, &entry->node);
+
+        return entry->id;
+}
+
+timer_scheduler_t *timer_scheduler_create(void)
+{
+        timer_scheduler_t *scheduler =
+            (timer_scheduler_t *)malloc(sizeof(timer_scheduler_t));
+        if (!scheduler) {
+                return NULL;
+        }
+        scheduler->id_count = 0;
+        list_create(&scheduler->timers);
+        return scheduler;
+}
+
+void timer_scheduler_destroy(timer_scheduler_t *scheduler)
+{
+        list_destroy_without_node(&scheduler->timers, free);
+        free(scheduler);
+}
+
+int timer_scheduler_remove(timer_scheduler_t *scheduler, int timer_id)
+{
+        timer_entry_t *entry = timer_find(scheduler, timer_id);
+        if (entry) {
+                entry->state = TIMER_STATE_DELETED;
+                return 0;
+        }
+        return -1;
+}
+
+int timer_scheduler_reset(timer_scheduler_t *scheduler, int timer_id,
+                          long int n_ms)
+{
+        timer_entry_t *entry = timer_find(scheduler, timer_id);
+        if (entry) {
+                entry->total_ms = n_ms;
+                entry->start_time = y_gettime();
+        }
+        return entry ? 0 : -1;
+}
+
+int timer_scheduler_add_timeout(timer_scheduler_t *scheduler, long int n_ms,
+                                ptk_timer_cb callback, void *arg)
+{
+        return timer_scheduler_add(scheduler, n_ms, callback, arg, false);
+}
+
+int timer_scheduler_add_interval(timer_scheduler_t *scheduler, long int n_ms,
+                                 ptk_timer_cb callback, void *arg)
+{
+        return timer_scheduler_add(scheduler, n_ms, callback, arg, true);
+}
+
+size_t timer_scheduler_process(timer_scheduler_t *scheduler)
+{
+        size_t count = 0;
+        long elapsed_ms;
+        timer_entry_t *entry = NULL;
+        list_node_t *node, *prev_node;
+
+        while (scheduler) {
+                list_for_each(node, &scheduler->timers)
+                {
+                        entry = (timer_entry_t *)node->data;
+                        if (entry) {
+                                if (entry->state == TIMER_STATE_DELETED) {
+                                        prev_node = node->prev;
+                                        list_unlink(&scheduler->timers, node);
+                                        free(entry);
+                                        node = prev_node;
+                                        continue;
+                                }
+                                if (entry->state == TIMER_STATE_ACTIVE) {
+                                        break;
+                                }
+                        }
+                }
+                if (!node) {
+                        break;
+                }
+                count += 1;
+                elapsed_ms = (long)(y_gettime() - entry->start_time);
+                if (elapsed_ms < entry->total_ms) {
+                        break;
+                }
+                entry->callback(entry->arg);
+                list_unlink(&scheduler->timers, node);
+                if (entry->reuse) {
+                        entry->start_time = y_gettime();
+                        timer_scheduler_reorder(scheduler, node);
+                } else {
+                        free(entry);
+                }
+        }
+        return count;
+}
diff --git a/lib/ptk/src/timer_scheduler.h b/lib/ptk/src/timer_scheduler.h
new file mode 100644
index 000000000..15082de23
--- /dev/null
+++ b/lib/ptk/src/timer_scheduler.h
@@ -0,0 +1,33 @@
+/*
+ * lib/ptk/src/timer_scheduler.h -- Internal timer scheduler.
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#ifndef PTK_SRC_TIMER_SCHEDULER_H
+#define PTK_SRC_TIMER_SCHEDULER_H
+
+#include "ptk/types.h"
+
+typedef struct timer_scheduler timer_scheduler_t;
+
+timer_scheduler_t *timer_scheduler_create(void);
+void timer_scheduler_destroy(timer_scheduler_t *scheduler);
+size_t timer_scheduler_process(timer_scheduler_t *scheduler);
+
+int timer_scheduler_add_interval(timer_scheduler_t *scheduler, long int n_ms,
+                                 ptk_timer_cb callback, void *arg);
+int timer_scheduler_add_timeout(timer_scheduler_t *scheduler, long int n_ms,
+                                ptk_timer_cb callback, void *arg);
+int timer_scheduler_remove(timer_scheduler_t *scheduler, int timer_id);
+int timer_scheduler_reset(timer_scheduler_t *scheduler, int timer_id,
+                          long int n_ms);
+
+#endif
diff --git a/lib/ptk/src/windows/uri.c b/lib/ptk/src/windows/uri.c
index 8ad57f71c..2e73bf77f 100644
--- a/lib/ptk/src/windows/uri.c
+++ b/lib/ptk/src/windows/uri.c
@@ -1,12 +1,12 @@
 /*
  * lib/ptk/src/windows/uri.c: -- uri processing
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
@@ -15,20 +15,20 @@
 #include "ptk/app.h"
 
 #if defined(PTK_WIN32) && !defined(WINAPI_PARTITION_APP)
-#pragma warning(disable:4091)
+#pragma warning(disable : 4091)
 #include <Windows.h>
 #include <ShlObj.h>
 
 int ptk_open_uri(const char *uri)
 {
-	ShellExecuteA(NULL, "open", uri, NULL, NULL, SW_SHOW);
-	return 0;
+        ShellExecuteA(NULL, "open", uri, NULL, NULL, SW_SHOW);
+        return 0;
 }
 
 #else
 
 int ptk_open_uri(const char *uri)
 {
-	return -1;
+        return -1;
 }
 #endif
diff --git a/lib/ptk/src/windows/win32app.c b/lib/ptk/src/windows/win32app.c
index 67e411a07..34e9da230 100644
--- a/lib/ptk/src/windows/win32app.c
+++ b/lib/ptk/src/windows/win32app.c
@@ -1,12 +1,12 @@
 /*
- * lib/ptk/src/windows/win32_app.c
+ * lib/ptk/src/windows/win32app.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "ptk/app.h"
@@ -35,6 +35,7 @@ struct ptk_window {
         DWORD ex_style;
         WINDOWPLACEMENT placement;
 
+        int x, y;
         int width, height;
         int min_width, min_height;
         int max_width, max_height;
@@ -113,7 +114,6 @@ static int ptk_process_native_event(void)
         ret = GetMessage(&msg, NULL, 0, 0);
         ptk_process_events();
         if (ret == 0) {
-                logger_debug("[win32-app] WM_QUIT\n");
                 win32_app.exit_code = (int)msg.wParam;
                 e.type = PTK_EVENT_QUIT;
                 ptk_process_event(&e);
@@ -136,7 +136,6 @@ static int ptk_process_native_event(void)
         return ret;
 }
 
-
 static int ptk_win32_pending(void)
 {
         MSG msg;
@@ -163,7 +162,7 @@ int ptk_process_native_events(ptk_process_events_option_t option)
         do {
                 for (ptk_tick(); !ptk_win32_pending(); ptk_tick()) {
                         ptk_process_events();
-                        sleep_ms(1);
+                        y_sleep(1);
                 }
                 ret = ptk_process_native_event();
                 ptk_process_events();
@@ -227,7 +226,8 @@ unsigned ptk_window_get_dpi(ptk_window_t *wnd)
 {
         UINT dpi = GetDpiForWindow(wnd->hwnd);
         if (dpi == 0) {
-                logger_error("[win32-app] GetDpiForWindow failed, hwnd: %p\n", wnd->hwnd);
+                logger_error("[win32-app] GetDpiForWindow failed, hwnd: %p\n",
+                             wnd->hwnd);
                 dpi = GetDpiForSystem();
         }
         return dpi;
@@ -305,14 +305,19 @@ static LRESULT CALLBACK ptk_window_process(HWND hwnd, UINT msg, WPARAM arg1,
                 e.window->visible = arg1 ? true : false;
                 e.visibility_change.visible = e.window->visible;
                 break;
+        case WM_MOVE:
+                if (!wnd) {
+                        break;
+                }
+                e.type = PTK_EVENT_MOVE;
+                wnd->x = (int)(short)LOWORD(arg2);
+                wnd->y = (int)(short)HIWORD(arg2);
+                break;
         case WM_SIZE: {
                 e.type = PTK_EVENT_SIZE;
                 e.size.width = LOWORD(arg2);
                 e.size.height = HIWORD(arg2);
                 ptk_window_on_size(wnd, e.size.width, e.size.height);
-                logger_debug(
-                    "[win32-app] [window %p] on WM_SIZE, size: (%d, %d)\n", wnd,
-                    e.size.width, e.size.height);
                 break;
         }
         case WM_GETMINMAXINFO: {
@@ -373,7 +378,9 @@ static LRESULT CALLBACK ptk_window_process(HWND hwnd, UINT msg, WPARAM arg1,
         }
         case WM_CLOSE:
                 e.type = PTK_EVENT_CLOSE;
-                break;
+                ptk_process_event(&e);
+                ptk_event_destroy(&e);
+                return DefWindowProc(hwnd, msg, arg1, arg2);
         case WM_DESTROY:
                 if (wnd) {
                         list_unlink(&win32_app.windows, &wnd->node);
@@ -498,11 +505,10 @@ ptk_window_t *ptk_window_create(const wchar_t *title, int x, int y, int width,
                                 int height, ptk_window_t *parent)
 {
         ptk_window_t *wnd;
+        DWORD err;
+        wchar_t errmsg[256];
 
         wnd = malloc(sizeof(ptk_window_t));
-        if (!wnd) {
-                return NULL;
-        }
         if (x == PTK_WINDOW_DEFAULT_X) {
                 x = CW_USEDEFAULT;
         } else if (x == PTK_WINDOW_CENTER_X) {
@@ -522,6 +528,8 @@ ptk_window_t *ptk_window_create(const wchar_t *title, int x, int y, int width,
         wnd->node.data = wnd;
         wnd->min_width = MIN_WIDTH;
         wnd->min_height = MIN_HEIGHT;
+        wnd->x = x;
+        wnd->y = y;
         wnd->width = width;
         wnd->height = height;
         wnd->visible = false;
@@ -534,11 +542,43 @@ ptk_window_t *ptk_window_create(const wchar_t *title, int x, int y, int width,
             CreateWindowW(win32_app.class_name, title, WIN32_WINDOW_STYLE, x, y,
                           width, height, parent ? parent->hwnd : NULL, NULL,
                           win32_app.main_instance, NULL);
+        if (!wnd->hwnd) {
+                err = GetLastError();
+                format_error_message(err, errmsg, 256);
+                logger_error(
+                    "[win32-app] CreateWindowW failed, error %d: %ls\n", err,
+                    errmsg);
+                list_unlink(&win32_app.windows, &wnd->node);
+                free(wnd);
+                return NULL;
+        }
 #ifdef PTK_TOUCH_ENABLED
         RegisterTouchWindow(wnd->hwnd, 0);
 #endif
         wnd->hdc_client = GetDC(wnd->hwnd);
+        if (!wnd->hdc_client) {
+                err = GetLastError();
+                format_error_message(err, errmsg, 256);
+                logger_error("[win32-app] GetDC failed, error %d: %ls\n", err,
+                             errmsg);
+                DestroyWindow(wnd->hwnd);
+                list_unlink(&win32_app.windows, &wnd->node);
+                free(wnd);
+                return NULL;
+        }
         wnd->hdc_fb = CreateCompatibleDC(wnd->hdc_client);
+        if (!wnd->hdc_fb) {
+                err = GetLastError();
+                format_error_message(err, errmsg, 256);
+                logger_error(
+                    "[win32-app] CreateCompatibleDC failed, error %d: %ls\n",
+                    err, errmsg);
+                ReleaseDC(wnd->hwnd, wnd->hdc_client);
+                DestroyWindow(wnd->hwnd);
+                list_unlink(&win32_app.windows, &wnd->node);
+                free(wnd);
+                return NULL;
+        }
         return wnd;
 }
 
@@ -597,6 +637,35 @@ void ptk_window_set_position(ptk_window_t *wnd, int x, int y)
                      SWP_NOSIZE | SWP_NOZORDER);
 }
 
+void ptk_window_get_position(ptk_window_t *wnd, int *x, int *y)
+{
+        POINT point = { 0, 0 };
+
+        if (!wnd || !wnd->hwnd || !ClientToScreen(wnd->hwnd, &point)) {
+                if (x) {
+                        *x = 0;
+                }
+                if (y) {
+                        *y = 0;
+                }
+                return;
+        }
+        if (x) {
+                *x = point.x;
+        }
+        if (y) {
+                *y = point.y;
+        }
+}
+
+void ptk_window_set_maximized(ptk_window_t *wnd, bool maximized)
+{
+        if (!wnd || !wnd->hwnd) {
+                return;
+        }
+        ShowWindow(wnd->hwnd, maximized ? SW_MAXIMIZE : SW_RESTORE);
+}
+
 void ptk_window_set_size(ptk_window_t *wnd, int width, int height)
 {
         if (wnd->width == width && wnd->height == height) {
@@ -636,6 +705,11 @@ int ptk_window_get_height(ptk_window_t *wnd)
         return wnd->height;
 }
 
+bool ptk_window_is_maximized(ptk_window_t *wnd)
+{
+        return wnd && wnd->hwnd && IsZoomed(wnd->hwnd) ? true : false;
+}
+
 void ptk_window_set_min_width(ptk_window_t *wnd, int min_width)
 {
         wnd->min_width = min_width;
diff --git a/lib/ptk/src/windows/win32clipboard.c b/lib/ptk/src/windows/win32clipboard.c
index ba712cda6..bfac6af72 100644
--- a/lib/ptk/src/windows/win32clipboard.c
+++ b/lib/ptk/src/windows/win32clipboard.c
@@ -1,12 +1,12 @@
-/*
+/*
  * lib/ptk/src/windows/win32clipboard.c: clipboard support for Windows
  *
- * Copyright (c) 2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2025-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 /*
@@ -171,7 +171,6 @@ int ptk_win32clipboard_set_text(const wchar_t *text, size_t len)
         char *utf8_text = malloc((utf8_len + 1) * sizeof(char));
         if (utf8_text != NULL) {
                 utf8_len = encode_utf8(utf8_text, text, utf8_len);
-                utf8_text[utf8_len] = '\0';
 
                 if (ptk_win32clipboard.text) {
                         free(ptk_win32clipboard.text);
@@ -194,9 +193,6 @@ void ptk_win32clipboard_init(void)
         if (ptk_win32clipboard.hwnd == NULL) {
                 ptk_win32clipboard.hwnd = GetDesktopWindow();
         }
-
-        logger_debug("Win32 clipboard initialized with HWND: %p\n",
-                     ptk_win32clipboard.hwnd);
 }
 
 void ptk_win32clipboard_destroy(void)
diff --git a/lib/ptk/src/windows/win32clipboard.h b/lib/ptk/src/windows/win32clipboard.h
index 289fd8b36..860d8efd6 100644
--- a/lib/ptk/src/windows/win32clipboard.h
+++ b/lib/ptk/src/windows/win32clipboard.h
@@ -1,12 +1,12 @@
-/*
+/*
  * lib/ptk/src/windows/win32clipboard.h
  *
- * Copyright (c) 2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2025-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef PTK_WIN32CLIPBOARD_H
diff --git a/lib/ptk/src/windows/win32ime.c b/lib/ptk/src/windows/win32ime.c
index b404d71a2..255828994 100644
--- a/lib/ptk/src/windows/win32ime.c
+++ b/lib/ptk/src/windows/win32ime.c
@@ -1,12 +1,12 @@
 /*
- * lib/ptk/src/windows/win32_ime.c
+ * lib/ptk/src/windows/win32ime.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <errno.h>
@@ -22,63 +22,63 @@
 
 static bool ptk_win32ime_process_key(int key, bool is_pressed)
 {
-	return false;
+        return false;
 }
 
 static void ptk_win32ime_to_text(int ch)
 {
-	wchar_t text[2] = { ch, 0 };
-	ptk_ime_commit(text, 2);
+        wchar_t text[2] = { ch, 0 };
+        ptk_ime_commit(text, 2);
 }
 
 static void ptk_win32ime_on_char(MSG *msg, void *arg)
 {
-	wchar_t text[2];
+        wchar_t text[2];
 
-	if (GetKeyState(VK_CONTROL) & 0x8000) {
-		return;
-	}
-	text[0] = (wchar_t)msg->wParam;
-	text[1] = 0;
-	ptk_ime_commit(text, 2);
+        if (GetKeyState(VK_CONTROL) & 0x8000) {
+                return;
+        }
+        text[0] = (wchar_t)msg->wParam;
+        text[1] = 0;
+        ptk_ime_commit(text, 2);
 }
 
 static void ptk_win32ime_set_caret(int x, int y)
 {
-	HWND hwnd = GetActiveWindow();
-	HIMC himc = ImmGetContext(hwnd);
-	if (himc) {
-		COMPOSITIONFORM composition;
-		composition.dwStyle = CFS_POINT;
-		composition.ptCurrentPos.x = x;
-		composition.ptCurrentPos.y = y;
-		ImmSetCompositionWindow(himc, &composition);
-		ImmReleaseContext(hwnd, himc);
-	}
+        HWND hwnd = GetActiveWindow();
+        HIMC himc = ImmGetContext(hwnd);
+        if (himc) {
+                COMPOSITIONFORM composition;
+                composition.dwStyle = CFS_POINT;
+                composition.ptCurrentPos.x = x;
+                composition.ptCurrentPos.y = y;
+                ImmSetCompositionWindow(himc, &composition);
+                ImmReleaseContext(hwnd, himc);
+        }
 }
 
 static bool ptk_win32ime_open(void)
 {
-	ptk_on_native_event(WM_CHAR, ptk_win32ime_on_char, NULL);
-	return true;
+        ptk_on_native_event(WM_CHAR, ptk_win32ime_on_char, NULL);
+        return true;
 }
 
 static bool ptk_win32ime_close(void)
 {
-	ptk_off_native_event(WM_CHAR, ptk_win32ime_on_char);
-	return true;
+        ptk_off_native_event(WM_CHAR, ptk_win32ime_on_char);
+        return true;
 }
 
 int ptk_ime_add_win32(void)
 {
-	ptk_ime_handler_t handler;
+        ptk_ime_handler_t handler;
 
-	handler.prockey = ptk_win32ime_process_key;
-	handler.totext = ptk_win32ime_to_text;
-	handler.close = ptk_win32ime_close;
-	handler.open = ptk_win32ime_open;
-	handler.setcaret = ptk_win32ime_set_caret;
-	return ptk_ime_add("Win32 Input Method", &handler);
+        handler.prockey = ptk_win32ime_process_key;
+        handler.totext = ptk_win32ime_to_text;
+        handler.close = ptk_win32ime_close;
+        handler.open = ptk_win32ime_open;
+        handler.setcaret = ptk_win32ime_set_caret;
+        return ptk_ime_add("Win32 Input Method", &handler);
 }
 
 #endif
diff --git a/lib/ptk/tests/main.c b/lib/ptk/tests/main.c
new file mode 100644
index 000000000..de79ee31d
--- /dev/null
+++ b/lib/ptk/tests/main.c
@@ -0,0 +1,22 @@
+/*
+ * lib/ptk/tests/main.c
+ *
+ * Copyright (c) 2026, Liu Chao <i@lc-soft.io> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <ctest.h>
+
+extern void test_ptk_steptimer(void);
+extern void test_ptk_timer_scheduler(void);
+
+static const ctest_suite_t suites[] = { { "ptk/steptimer", test_ptk_steptimer },
+                                        { "ptk/timer_scheduler",
+                                          test_ptk_timer_scheduler },
+                                        { NULL, NULL } };
+
+CTEST_MAIN(suites)
diff --git a/tests/cases/test_steptimer.c b/lib/ptk/tests/test_steptimer.c
similarity index 56%
rename from tests/cases/test_steptimer.c
rename to lib/ptk/tests/test_steptimer.c
index 6e9b8bb90..fd7a5a92c 100644
--- a/tests/cases/test_steptimer.c
+++ b/lib/ptk/tests/test_steptimer.c
@@ -1,17 +1,17 @@
-/*
- * tests/cases/test_steptimer.c
+/*
+ * lib/ptk/tests/test_steptimer.c
  *
- * Copyright (c) 2026, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <yutil.h>
 #include <ptk/steptimer.h>
-#include <ctest-custom.h>
+#include <ctest.h>
 
 typedef struct steptimer_probe {
         unsigned call_count;
@@ -36,8 +36,8 @@ static void test_steptimer_init_sets_last_time(void)
 
         // After init, last_time is the wall clock, so the first tick should
         // observe a near-zero delta rather than a huge one.
-        ctest_equal_uint("first tick should call handler once", probe.call_count,
-                         1);
+        ctest_equal_uint("first tick should call handler once",
+                         probe.call_count, 1);
         ctest_equal_bool("first tick elapsed_time should be small (< 100ms)",
                          probe.last_elapsed_time < 100, true);
 }
@@ -50,7 +50,7 @@ static void test_steptimer_variable_step(void)
         ptk_steptimer_init(&timer);
         timer.is_fixed_time_step = false;
         // Simulate 500ms elapsed since last tick.
-        timer.last_time = (uint64_t)get_time_ms() - 500;
+        timer.last_time = (uint64_t)y_gettime() - 500;
 
         ptk_steptimer_tick(&timer, on_steptimer_tick, &probe);
 
@@ -66,9 +66,10 @@ static void test_steptimer_fixed_step_catch_up(void)
 
         ptk_steptimer_init(&timer);
         timer.is_fixed_time_step = true;
+        timer.enable_catch_up = true;
         timer.target_elapsed_time = 8;
         // max_delta defaults to 1000; a 500ms delta will not be clamped.
-        timer.last_time = (uint64_t)get_time_ms() - 500;
+        timer.last_time = (uint64_t)y_gettime() - 500;
 
         ptk_steptimer_tick(&timer, on_steptimer_tick, &probe);
 
@@ -80,6 +81,54 @@ static void test_steptimer_fixed_step_catch_up(void)
             count_in_range, true);
 }
 
+static void test_steptimer_fixed_step_no_catch_up(void)
+{
+        ptk_steptimer_t timer;
+        steptimer_probe_t probe = { 0 };
+
+        ptk_steptimer_init(&timer);
+        timer.is_fixed_time_step = true;
+        timer.enable_catch_up = false;
+        timer.target_elapsed_time = 8;
+        timer.last_time = (uint64_t)y_gettime() - 500;
+
+        ptk_steptimer_tick(&timer, on_steptimer_tick, &probe);
+
+        ctest_equal_uint("no-catch-up should invoke handler exactly once",
+                         probe.call_count, 1);
+        ctest_equal_bool(
+            "no-catch-up elapsed_time should reflect real delta (~500ms)",
+            probe.last_elapsed_time >= 400 && probe.last_elapsed_time <= 600,
+            true);
+}
+
+static void test_steptimer_reset_elapsed_time(void)
+{
+        ptk_steptimer_t timer;
+        steptimer_probe_t probe = { 0 };
+
+        ptk_steptimer_init(&timer);
+        timer.is_fixed_time_step = true;
+        timer.enable_catch_up = false;
+        timer.target_elapsed_time = 16;
+
+        // Accumulate some left-over time by ticking twice with a gap.
+        ptk_steptimer_tick(&timer, on_steptimer_tick, &probe);
+        y_sleep(20);
+        ptk_steptimer_tick(&timer, on_steptimer_tick, &probe);
+
+        // Before reset, left_over_time should be non-zero.
+        ctest_equal_bool("left_over_time is non-zero before reset",
+                         timer.left_over_time > 0, true);
+
+        ptk_steptimer_reset_elapsed_time(&timer);
+
+        ctest_equal_bool("left_over_time is zero after reset",
+                         timer.left_over_time == 0, true);
+        ctest_equal_uint("frames_per_second is zero after reset",
+                         timer.frames_per_second, 0);
+}
+
 static void test_steptimer_max_delta_clamp(void)
 {
         ptk_steptimer_t timer;
@@ -89,7 +138,7 @@ static void test_steptimer_max_delta_clamp(void)
         timer.is_fixed_time_step = false;
         timer.max_delta = 1000;
         // Pretend 10 seconds have elapsed; max_delta should clamp this.
-        timer.last_time = (uint64_t)get_time_ms() - 10000;
+        timer.last_time = (uint64_t)y_gettime() - 10000;
 
         ptk_steptimer_tick(&timer, on_steptimer_tick, &probe);
 
@@ -100,7 +149,7 @@ static void test_steptimer_max_delta_clamp(void)
             probe.last_elapsed_time <= 1000, true);
 }
 
-void test_steptimer(void)
+void test_ptk_steptimer(void)
 {
         ctest_describe("init sets last_time to wall clock",
                        test_steptimer_init_sets_last_time);
@@ -108,6 +157,10 @@ void test_steptimer(void)
                        test_steptimer_variable_step);
         ctest_describe("fixed-step catch-up replays missed updates",
                        test_steptimer_fixed_step_catch_up);
+        ctest_describe("fixed-step no-catch-up fires handler once",
+                       test_steptimer_fixed_step_no_catch_up);
+        ctest_describe("reset_elapsed_time clears leftovers",
+                       test_steptimer_reset_elapsed_time);
         ctest_describe("max_delta clamps excessive deltas",
                        test_steptimer_max_delta_clamp);
 }
diff --git a/lib/ptk/tests/test_timer_scheduler.c b/lib/ptk/tests/test_timer_scheduler.c
new file mode 100644
index 000000000..f9637e91c
--- /dev/null
+++ b/lib/ptk/tests/test_timer_scheduler.c
@@ -0,0 +1,112 @@
+/*
+ * lib/ptk/tests/test_timer_scheduler.c
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <ctest.h>
+#include <yutil.h>
+#include "timer_scheduler.h"
+
+static timer_scheduler_t *scheduler;
+static int timeout_triggered;
+static int interval_count;
+
+static void on_timeout(void *arg)
+{
+        timeout_triggered = 1;
+}
+
+static void on_interval(void *arg)
+{
+        interval_count++;
+}
+
+static void create_scheduler(void)
+{
+        scheduler = timer_scheduler_create();
+        ctest_equal_bool("should create scheduler", scheduler != NULL, true);
+}
+
+static void destroy_scheduler(void)
+{
+        timer_scheduler_destroy(scheduler);
+}
+
+static void test_timer_scheduler_lifecycle(void)
+{
+        ctest_describe("lifecycle", create_scheduler);
+        ctest_describe("lifecycle", destroy_scheduler);
+}
+
+static void test_timeout(void)
+{
+        int id;
+
+        create_scheduler();
+        id = timer_scheduler_add_timeout(scheduler, 10, on_timeout, NULL);
+        ctest_equal_bool("should return valid id", id != -1, true);
+
+        timeout_triggered = 0;
+        y_sleep(20L);
+        timer_scheduler_process(scheduler);
+        ctest_equal_int("should trigger timeout callback", timeout_triggered,
+                        1);
+
+        destroy_scheduler();
+}
+
+static void test_interval(void)
+{
+        int id;
+
+        create_scheduler();
+        id = timer_scheduler_add_interval(scheduler, 10, on_interval, NULL);
+        ctest_equal_bool("should return valid id", id != -1, true);
+
+        interval_count = 0;
+        y_sleep(20L);
+        timer_scheduler_process(scheduler);
+        ctest_equal_bool("should trigger interval callback at least once",
+                         interval_count > 0, true);
+
+        timer_scheduler_remove(scheduler, id);
+        interval_count = 0;
+        y_sleep(20L);
+        timer_scheduler_process(scheduler);
+        ctest_equal_int("should stop after remove", interval_count, 0);
+
+        destroy_scheduler();
+}
+
+static void test_remove(void)
+{
+        int id;
+
+        create_scheduler();
+        id = timer_scheduler_add_timeout(scheduler, 50, on_timeout, NULL);
+        timer_scheduler_remove(scheduler, id);
+        timeout_triggered = 0;
+        y_sleep(60L);
+        timer_scheduler_process(scheduler);
+        ctest_equal_int("should not trigger after remove", timeout_triggered,
+                        0);
+
+        ctest_equal_int("should return -1 for unknown id",
+                        timer_scheduler_remove(scheduler, 999), -1);
+
+        destroy_scheduler();
+}
+
+void test_ptk_timer_scheduler(void)
+{
+        ctest_describe("lifecycle", test_timer_scheduler_lifecycle);
+        ctest_describe("timeout", test_timeout);
+        ctest_describe("interval", test_interval);
+        ctest_describe("remove", test_remove);
+}
diff --git a/lib/ptk/xmake.lua b/lib/ptk/xmake.lua
index e2c8a2967..39b96961a 100644
--- a/lib/ptk/xmake.lua
+++ b/lib/ptk/xmake.lua
@@ -1,5 +1,13 @@
+includes("rules/xmake.lua")
+
+local wayland_protocol_root = os.getenv("WAYLAND_PROTOCOLS_DIR") or "/usr/share/wayland-protocols"
+local xdg_shell_xml = path.join(wayland_protocol_root, "stable", "xdg-shell", "xdg-shell.xml")
+local xdg_decoration_xml = path.join(wayland_protocol_root, "unstable", "xdg-decoration", "xdg-decoration-unstable-v1.xml")
+local viewporter_xml = path.join(wayland_protocol_root, "stable", "viewporter", "viewporter.xml")
+local fractional_scale_xml = path.join(wayland_protocol_root, "staging", "fractional-scale", "fractional-scale-v1.xml")
+
 if is_plat("linux") then
-    add_requires("libx11", {optional = true})
+    add_requires("libx11", "wayland", "xkbcommon", "wayland-cursor", {optional = true})
 end
 
 option("enable-touch")
@@ -26,9 +34,34 @@ target("libptk")
         add_links("Shell32")
     else
         add_files("src/linux/*.c")
-        add_packages("libx11")
+        add_packages("libx11", "wayland", "xkbcommon", "wayland-cursor")
         if has_package("libx11") then
             set_configvar("PTK_HAS_LIBX11", 1)
         end
+        if has_package("wayland") then
+            add_rules("wayland.protocol")
+            add_files(xdg_shell_xml, {rule = "wayland.protocol"})
+            add_files(xdg_decoration_xml, {rule = "wayland.protocol"})
+            add_files(viewporter_xml, {rule = "wayland.protocol"})
+            add_files(fractional_scale_xml, {rule = "wayland.protocol"})
+            set_configvar("PTK_HAS_WAYLAND", 1)
+            add_files("src/linux/waylandapp_core.c")
+            add_files("src/linux/waylandapp_input.c")
+            add_files("src/linux/waylandapp_output.c")
+            add_files("src/linux/waylandapp_window.c")
+        end
         add_syslinks("pthread", "dl")
     end
+
+target("libptk-tests")
+    set_default(false)
+    set_kind("binary")
+    set_group("tests")
+    set_rundir("tests")
+    add_includedirs("src")
+    add_files("tests/main.c", "tests/test_steptimer.c",
+              "tests/test_timer_scheduler.c")
+    add_deps("ctest", "libptk")
+    add_rules("tests.runnable")
+    add_tests("default", {group = "tests"})
+
diff --git a/lib/router/include/router.h b/lib/router/include/router.h
index a3d2fcc28..dc790dd5c 100644
--- a/lib/router/include/router.h
+++ b/lib/router/include/router.h
@@ -1,12 +1,12 @@
 /*
  * lib/router/include/router.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <router/route.h>
diff --git a/lib/router/include/router/common.h b/lib/router/include/router/common.h
index ccd75b60d..7eb61346e 100644
--- a/lib/router/include/router/common.h
+++ b/lib/router/include/router/common.h
@@ -1,12 +1,12 @@
 /*
  * lib/router/include/router/common.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "version.h"
diff --git a/lib/router/include/router/config.h b/lib/router/include/router/config.h
index c1f43a5b6..8d3dbac77 100644
--- a/lib/router/include/router/config.h
+++ b/lib/router/include/router/config.h
@@ -1,12 +1,12 @@
 /*
  * lib/router/include/router/config.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_ROUTER_INCLUDE_ROUTER_CONFIG_H
@@ -22,14 +22,14 @@ LIBROUTER_PUBLIC router_config_t *router_config_create(void);
 LIBROUTER_PUBLIC void router_config_destroy(router_config_t *config);
 
 LIBROUTER_PUBLIC void router_config_set_name(router_config_t *config,
-                                                const char *name);
+                                             const char *name);
 
 LIBROUTER_PUBLIC void router_config_set_path(router_config_t *config,
-                                                const char *path);
+                                             const char *path);
 
 LIBROUTER_PUBLIC void router_config_set_component(router_config_t *config,
-                                                     const char *name,
-                                                     const char *component);
+                                                  const char *name,
+                                                  const char *component);
 
 LIBROUTER_END_DECLS
 
diff --git a/lib/router/include/router/history.h b/lib/router/include/router/history.h
index 16b86af87..0022ed92b 100644
--- a/lib/router/include/router/history.h
+++ b/lib/router/include/router/history.h
@@ -1,12 +1,12 @@
 /*
  * lib/router/include/router/history.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_ROUTER_INCLUDE_ROUTER_HISTORY_H
@@ -25,16 +25,15 @@ LIBROUTER_PUBLIC router_watcher_t *router_history_watch(
     router_history_t *history, router_callback_t callback, void *data);
 
 LIBROUTER_PUBLIC void router_history_unwatch(router_history_t *history,
-                                                router_watcher_t *watcher);
+                                             router_watcher_t *watcher);
 
 LIBROUTER_PUBLIC void router_history_push(router_history_t *history,
-                                             router_route_t *route);
+                                          router_route_t *route);
 
 LIBROUTER_PUBLIC void router_history_replace(router_history_t *history,
-                                                router_route_t *route);
+                                             router_route_t *route);
 
-LIBROUTER_PUBLIC void router_history_go(router_history_t *history,
-                                           int delta);
+LIBROUTER_PUBLIC void router_history_go(router_history_t *history, int delta);
 
 LIBROUTER_PUBLIC size_t
 router_history_get_index(const router_history_t *history);
diff --git a/lib/router/include/router/location.h b/lib/router/include/router/location.h
index c7e2563a9..0cc81bad3 100644
--- a/lib/router/include/router/location.h
+++ b/lib/router/include/router/location.h
@@ -1,12 +1,12 @@
 /*
  * lib/router/include/router/location.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_ROUTER_INCLUDE_ROUTER_LOCATION_H
@@ -18,12 +18,12 @@
 LIBROUTER_BEGIN_DECLS
 
 LIBROUTER_PUBLIC router_location_t *router_location_create(const char *name,
-                                                              const char *path);
+                                                           const char *path);
 
 LIBROUTER_PUBLIC void router_location_destroy(router_location_t *location);
 
 LIBROUTER_PUBLIC void router_location_set_name(router_location_t *location,
-                                                  const char *name);
+                                               const char *name);
 
 LIBROUTER_PUBLIC router_location_t *router_location_duplicate(
     const router_location_t *location);
@@ -32,15 +32,15 @@ LIBROUTER_PUBLIC router_location_t *router_location_normalize(
     const router_location_t *raw, const router_route_t *current, bool append);
 
 LIBROUTER_PUBLIC int router_location_set_param(router_location_t *location,
-                                                  const char *key,
-                                                  const char *value);
+                                               const char *key,
+                                               const char *value);
 
 LIBROUTER_PUBLIC const char *router_location_get_param(
     const router_location_t *location, const char *key);
 
 LIBROUTER_PUBLIC int router_location_set_query(router_location_t *location,
-                                                  const char *key,
-                                                  const char *value);
+                                               const char *key,
+                                               const char *value);
 
 LIBROUTER_PUBLIC const char *router_location_get_query(
     const router_location_t *location, const char *key);
diff --git a/lib/router/include/router/matcher.h b/lib/router/include/router/matcher.h
index a40e47a46..94dcd80eb 100644
--- a/lib/router/include/router/matcher.h
+++ b/lib/router/include/router/matcher.h
@@ -1,12 +1,12 @@
 /*
  * lib/router/include/router/matcher.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_ROUTER_INCLUDE_ROUTER_MATCHER_H
diff --git a/lib/router/include/router/route.h b/lib/router/include/router/route.h
index adfa28498..8a5c3be5a 100644
--- a/lib/router/include/router/route.h
+++ b/lib/router/include/router/route.h
@@ -1,12 +1,12 @@
 /*
  * lib/router/include/router/route.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_ROUTER_INCLUDE_ROUTER_ROUTE_H
@@ -22,23 +22,21 @@ LIBROUTER_PUBLIC router_route_t *router_route_create(
 
 LIBROUTER_PUBLIC void router_route_destroy(router_route_t *route);
 
-LIBROUTER_PUBLIC const router_route_record_t *
-router_route_get_matched_record(const router_route_t *route, size_t index);
+LIBROUTER_PUBLIC const router_route_record_t *router_route_get_matched_record(
+    const router_route_t *route, size_t index);
 
 LIBROUTER_PUBLIC const char *router_route_get_full_path(
     const router_route_t *route);
 
-LIBROUTER_PUBLIC const char *router_route_get_path(
-    const router_route_t *route);
+LIBROUTER_PUBLIC const char *router_route_get_path(const router_route_t *route);
 
-LIBROUTER_PUBLIC const char *router_route_get_hash(
-    const router_route_t *route);
+LIBROUTER_PUBLIC const char *router_route_get_hash(const router_route_t *route);
 
-LIBROUTER_PUBLIC const char *router_route_get_param(
-    const router_route_t *route, const char *key);
+LIBROUTER_PUBLIC const char *router_route_get_param(const router_route_t *route,
+                                                    const char *key);
 
-LIBROUTER_PUBLIC const char *router_route_get_query(
-    const router_route_t *route, const char *key);
+LIBROUTER_PUBLIC const char *router_route_get_query(const router_route_t *route,
+                                                    const char *key);
 
 LIBROUTER_END_DECLS
 
diff --git a/lib/router/include/router/route_record.h b/lib/router/include/router/route_record.h
index e86c70ff5..0d374553d 100644
--- a/lib/router/include/router/route_record.h
+++ b/lib/router/include/router/route_record.h
@@ -1,12 +1,12 @@
 /*
  * lib/router/include/router/route_record.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_ROUTER_INCLUDE_ROUTER_ROUTE_RECORD_H
diff --git a/lib/router/include/router/router.h b/lib/router/include/router/router.h
index 34368bccb..c8bc2a059 100644
--- a/lib/router/include/router/router.h
+++ b/lib/router/include/router/router.h
@@ -1,12 +1,12 @@
 /*
  * lib/router/include/router/router.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_ROUTER_INCLUDE_ROUTER_ROUTER_H
@@ -35,14 +35,15 @@ LIBROUTER_PUBLIC router_route_record_t *router_get_matched_route_record(
 LIBROUTER_PUBLIC router_history_t *router_get_history(router_t *router);
 
 LIBROUTER_PUBLIC router_watcher_t *router_watch(router_t *router,
-                                                   router_callback_t callback,
-                                                   void *data);
+                                                router_callback_t callback,
+                                                void *data);
 
 LIBROUTER_PUBLIC void router_unwatch(router_t *router,
-                                        router_watcher_t *watcher);
+                                     router_watcher_t *watcher);
 
-LIBROUTER_PUBLIC router_resolved_t *router_resolve(
-    router_t *router, router_location_t *location, bool append);
+LIBROUTER_PUBLIC router_resolved_t *router_resolve(router_t *router,
+                                                   router_location_t *location,
+                                                   bool append);
 
 LIBROUTER_PUBLIC router_location_t *router_resolved_get_location(
     router_resolved_t *resolved);
@@ -56,10 +57,10 @@ LIBROUTER_PUBLIC const router_route_t *router_get_current_route(
     router_t *router);
 
 LIBROUTER_PUBLIC void router_push(router_t *router,
-                                     router_location_t *location);
+                                  router_location_t *location);
 
 LIBROUTER_PUBLIC void router_replace(router_t *router,
-                                        router_location_t *location);
+                                     router_location_t *location);
 
 LIBROUTER_PUBLIC void router_go(router_t *router, int delta);
 
diff --git a/lib/router/include/router/strmap.h b/lib/router/include/router/strmap.h
index fc0cc11cb..af3bd959a 100644
--- a/lib/router/include/router/strmap.h
+++ b/lib/router/include/router/strmap.h
@@ -1,12 +1,12 @@
 /*
  * lib/router/include/router/strmap.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_ROUTER_INCLUDE_ROUTER_STRMAP_H
@@ -24,7 +24,7 @@ LIBROUTER_PUBLIC void strmap_destroy(strmap_t *dict);
 LIBROUTER_PUBLIC void strmap_delete(strmap_t *dict, const char *key);
 
 LIBROUTER_PUBLIC int strmap_set(strmap_t *dict, const char *key,
-                                   const char *value);
+                                const char *value);
 
 LIBROUTER_PUBLIC const char *strmap_get(strmap_t *dict, const char *key);
 
diff --git a/lib/router/include/router/types.h b/lib/router/include/router/types.h
index 38b988651..2fda21b2e 100644
--- a/lib/router/include/router/types.h
+++ b/lib/router/include/router/types.h
@@ -1,12 +1,12 @@
 /*
  * lib/router/include/router/types.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_ROUTER_INCLUDE_ROUTER_TYPES_H
diff --git a/lib/router/include/router/utils.h b/lib/router/include/router/utils.h
index e5129d8be..d33a33b08 100644
--- a/lib/router/include/router/utils.h
+++ b/lib/router/include/router/utils.h
@@ -1,12 +1,12 @@
 /*
  * lib/router/include/router/utils.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_ROUTER_INCLUDE_ROUTER_UTILS_H
@@ -18,17 +18,17 @@
 LIBROUTER_BEGIN_DECLS
 
 LIBROUTER_PUBLIC char *router_path_fill_params(const char *path,
-                                                  strmap_t *params);
+                                               strmap_t *params);
 
 LIBROUTER_PUBLIC const char *router_path_parse_key(const char *path,
-                                                      char key[256],
-                                                      size_t *key_len);
+                                                   char key[256],
+                                                   size_t *key_len);
 
 LIBROUTER_PUBLIC size_t router_path_parse_keys(const char *path,
-                                                  router_linkedlist_t *keys);
+                                               router_linkedlist_t *keys);
 
 LIBROUTER_PUBLIC char *router_path_resolve(const char *relative,
-                                              const char *base, bool append);
+                                           const char *base, bool append);
 
 LIBROUTER_PUBLIC strmap_t *router_parse_query(const char *query_str);
 
@@ -37,13 +37,13 @@ LIBROUTER_PUBLIC int router_string_compare(const char *a, const char *b);
 LIBROUTER_PUBLIC int router_path_compare(const char *a, const char *b);
 
 LIBROUTER_PUBLIC bool router_path_starts_with(const char *path,
-                                                 const char *subpath);
+                                              const char *subpath);
 
 LIBROUTER_PUBLIC bool router_is_same_route(const router_route_t *a,
-                                              const router_route_t *b);
+                                           const router_route_t *b);
 
 LIBROUTER_PUBLIC bool router_is_included_route(const router_route_t *current,
-                                                  const router_route_t *target);
+                                               const router_route_t *target);
 
 LIBROUTER_END_DECLS
 
diff --git a/lib/router/include/router/version.h b/lib/router/include/router/version.h
index bb1db901c..48cf575bc 100644
--- a/lib/router/include/router/version.h
+++ b/lib/router/include/router/version.h
@@ -1,7 +1,7 @@
-/*
+/*
  * lib/router/include/router/version.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2025, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
diff --git a/lib/router/src/config.c b/lib/router/src/config.c
index 855506d95..29f5d3d5d 100644
--- a/lib/router/src/config.c
+++ b/lib/router/src/config.c
@@ -1,12 +1,12 @@
 /*
  * lib/router/src/config.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "private.h"
@@ -14,45 +14,45 @@
 
 router_config_t *router_config_create(void)
 {
-	router_config_t *config;
+        router_config_t *config;
 
-	config = malloc(sizeof(router_config_t));
-	config->components = strmap_create();
-	config->name = NULL;
-	config->path = NULL;
-	return config;
+        config = malloc(sizeof(router_config_t));
+        config->components = strmap_create();
+        config->name = NULL;
+        config->path = NULL;
+        return config;
 }
 
 void router_config_destroy(router_config_t *config)
 {
-	router_mem_free(config->name);
-	router_mem_free(config->path);
-	strmap_destroy(config->components);
-	config->components = NULL;
-	free(config);
+        router_mem_free(config->name);
+        router_mem_free(config->path);
+        strmap_destroy(config->components);
+        config->components = NULL;
+        free(config);
 }
 
 void router_config_set_name(router_config_t *config, const char *name)
 {
-	router_mem_free(config->name);
-	if (name) {
-		config->name = strdup(name);
-	}
+        router_mem_free(config->name);
+        if (name) {
+                config->name = strdup(name);
+        }
 }
 
 void router_config_set_path(router_config_t *config, const char *path)
 {
-	router_mem_free(config->path);
-	if (path) {
-		config->path = strdup(path);
-	}
+        router_mem_free(config->path);
+        if (path) {
+                config->path = strdup(path);
+        }
 }
 
 void router_config_set_component(router_config_t *config, const char *name,
-				 const char *component)
+                                 const char *component)
 {
-	if (!name) {
-		name = "default";
-	}
-	strmap_set(config->components, name, component);
+        if (!name) {
+                name = "default";
+        }
+        strmap_set(config->components, name, component);
 }
diff --git a/lib/router/src/history.c b/lib/router/src/history.c
index 0f2d1b432..af1386aee 100644
--- a/lib/router/src/history.c
+++ b/lib/router/src/history.c
@@ -1,12 +1,12 @@
 /*
  * lib/router/src/history.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "private.h"
diff --git a/lib/router/src/location.c b/lib/router/src/location.c
index 3b45458aa..0d588b687 100644
--- a/lib/router/src/location.c
+++ b/lib/router/src/location.c
@@ -1,12 +1,12 @@
 /*
  * lib/router/src/location.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "private.h"
diff --git a/lib/router/src/matcher.c b/lib/router/src/matcher.c
index dc567e696..5d44df436 100644
--- a/lib/router/src/matcher.c
+++ b/lib/router/src/matcher.c
@@ -1,12 +1,12 @@
 /*
  * lib/router/src/matcher.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "private.h"
@@ -110,8 +110,8 @@ bool router_matcher_match_route(router_route_record_t *record, const char *path,
         bool matched = true;
         bool match_all = false;
 
-        nodes_count = strsplit(path, "/", &nodes);
-        record_nodes_count = strsplit(record->path, "/", &record_nodes);
+        nodes_count = y_strsplit(path, "/", &nodes);
+        record_nodes_count = y_strsplit(record->path, "/", &record_nodes);
         // record->path: "/example/:type/:name/info"
         // path: "/exmaple/food/orange/info"
         for (i = 0, j = 0; i < nodes_count && j < record_nodes_count; ++i) {
@@ -172,9 +172,9 @@ bool router_matcher_match_route(router_route_record_t *record, const char *path,
 
 // https://github.com/vuejs/vue-router/blob/65de048ee9f0ebf899ae99c82b71ad397727e55d/dist/vue-router.esm.js#L1457
 
-router_route_t *router_matcher_match_by_name(router_matcher_t *matcher,
-                                             router_location_t *location,
-                                             const router_route_t *current_route)
+router_route_t *router_matcher_match_by_name(
+    router_matcher_t *matcher, router_location_t *location,
+    const router_route_t *current_route)
 {
         char *key;
         const char *value;
diff --git a/lib/router/src/private.h b/lib/router/src/private.h
index 1611b07fd..cc3fe6952 100644
--- a/lib/router/src/private.h
+++ b/lib/router/src/private.h
@@ -1,12 +1,12 @@
 /*
  * lib/router/src/private.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef ROUTER_PRIVATE_H
diff --git a/lib/router/src/route.c b/lib/router/src/route.c
index 037997a93..67af27d24 100644
--- a/lib/router/src/route.c
+++ b/lib/router/src/route.c
@@ -1,12 +1,12 @@
 /*
  * lib/router/src/route.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "private.h"
@@ -16,80 +16,80 @@
 // https://github.com/vuejs/vue-router/blob/65de048ee9f0ebf899ae99c82b71ad397727e55d/dist/vue-router.esm.js#L266
 
 router_route_t *router_route_create(const router_route_record_t *record,
-				    const router_location_t *location)
+                                    const router_location_t *location)
 {
-	router_route_t *route;
+        router_route_t *route;
 
-	route = malloc(sizeof(router_route_t));
-	if (location->name) {
-		route->name = strdup(location->name);
-	} else if (record && record->name) {
-		route->name = strdup(record->name);
-	} else {
-		route->name = NULL;
-	}
-	route->path = strdup(location->path ? location->path : "/");
-	route->hash = strdup(location->hash ? location->hash : "");
-	route->query = strmap_duplicate(location->query);
-	route->params = strmap_duplicate(location->params);
-	route->full_path = router_location_stringify(location);
-	list_create(&route->matched);
-	while (record) {
-		list_insert(&route->matched, 0, (void *)record);
-		record = record->parent;
-	}
-	return route;
+        route = malloc(sizeof(router_route_t));
+        if (location->name) {
+                route->name = strdup(location->name);
+        } else if (record && record->name) {
+                route->name = strdup(record->name);
+        } else {
+                route->name = NULL;
+        }
+        route->path = strdup(location->path ? location->path : "/");
+        route->hash = strdup(location->hash ? location->hash : "");
+        route->query = strmap_duplicate(location->query);
+        route->params = strmap_duplicate(location->params);
+        route->full_path = router_location_stringify(location);
+        list_create(&route->matched);
+        while (record) {
+                list_insert(&route->matched, 0, (void *)record);
+                record = record->parent;
+        }
+        return route;
 }
 
 void router_route_destroy(router_route_t *route)
 {
-	router_mem_free(route->name);
-	router_mem_free(route->path);
-	router_mem_free(route->full_path);
-	router_mem_free(route->hash);
-	if (route->params) {
-		strmap_destroy(route->params);
-	}
-	if (route->query) {
-		strmap_destroy(route->query);
-	}
-	list_destroy(&route->matched, NULL);
-	free(route);
+        router_mem_free(route->name);
+        router_mem_free(route->path);
+        router_mem_free(route->full_path);
+        router_mem_free(route->hash);
+        if (route->params) {
+                strmap_destroy(route->params);
+        }
+        if (route->query) {
+                strmap_destroy(route->query);
+        }
+        list_destroy(&route->matched, NULL);
+        free(route);
 }
 
 const router_route_record_t *router_route_get_matched_record(
     const router_route_t *route, size_t index)
 {
-	return list_get(&route->matched, index);
+        return list_get(&route->matched, index);
 }
 
 const char *router_route_get_full_path(const router_route_t *route)
 {
-	return route->full_path;
+        return route->full_path;
 }
 
 const char *router_route_get_path(const router_route_t *route)
 {
-	return route->path;
+        return route->path;
 }
 
 const char *router_route_get_hash(const router_route_t *route)
 {
-	return route->hash;
+        return route->hash;
 }
 
 const char *router_route_get_param(const router_route_t *route, const char *key)
 {
-	if (!route->params) {
-		return NULL;
-	}
-	return strmap_get(route->params, key);
+        if (!route->params) {
+                return NULL;
+        }
+        return strmap_get(route->params, key);
 }
 
 const char *router_route_get_query(const router_route_t *route, const char *key)
 {
-	if (!route->query) {
-		return NULL;
-	}
-	return strmap_get(route->query, key);
+        if (!route->query) {
+                return NULL;
+        }
+        return strmap_get(route->query, key);
 }
diff --git a/lib/router/src/route_record.c b/lib/router/src/route_record.c
index 432109182..85b9e77a0 100644
--- a/lib/router/src/route_record.c
+++ b/lib/router/src/route_record.c
@@ -1,12 +1,12 @@
 /*
  * lib/router/src/route_record.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "private.h"
@@ -14,45 +14,45 @@
 
 router_route_record_t *router_route_record_create(void)
 {
-	router_route_record_t *record;
+        router_route_record_t *record;
 
-	record = malloc(sizeof(router_route_record_t));
-	record->name = NULL;
-	record->path = NULL;
-	record->components = strmap_create();
-	record->node.data = record;
-	record->node.prev = NULL;
-	record->node.next = NULL;
-	record->parent = NULL;
-	return record;
+        record = malloc(sizeof(router_route_record_t));
+        record->name = NULL;
+        record->path = NULL;
+        record->components = strmap_create();
+        record->node.data = record;
+        record->node.prev = NULL;
+        record->node.next = NULL;
+        record->parent = NULL;
+        return record;
 }
 
 void router_route_record_destroy(router_route_record_t *record)
 {
-	if (record->name) {
-		free(record->name);
-	}
-	if (record->path) {
-		free(record->path);
-	}
-	record->name = NULL;
-	record->path = NULL;
-	strmap_destroy(record->components);
-	free(record);
+        if (record->name) {
+                free(record->name);
+        }
+        if (record->path) {
+                free(record->path);
+        }
+        record->name = NULL;
+        record->path = NULL;
+        strmap_destroy(record->components);
+        free(record);
 }
 
 void router_route_record_set_path(router_route_record_t *record,
-				  const char *path)
+                                  const char *path)
 {
-	router_mem_free(record->path);
-	record->path = strdup(path);
+        router_mem_free(record->path);
+        record->path = strdup(path);
 }
 
 const char *router_route_record_get_component(
     const router_route_record_t *record, const char *key)
 {
-	if (!key) {
-		key = "default";
-	}
-	return strmap_get(record->components, key);
+        if (!key) {
+                key = "default";
+        }
+        return strmap_get(record->components, key);
 }
diff --git a/lib/router/src/router.c b/lib/router/src/router.c
index c0b5cd377..56301ea31 100644
--- a/lib/router/src/router.c
+++ b/lib/router/src/router.c
@@ -1,12 +1,12 @@
 /*
  * lib/router/src/router.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "private.h"
@@ -17,165 +17,165 @@ static dict_type_t routers_dict_type;
 
 router_t *router_create(const char *name)
 {
-	router_t *router;
-
-	router = malloc(sizeof(router_t));
-	if (!name) {
-		name = "default";
-	}
-	router->name = strdup(name);
-	router->link_active_class = strdup("router-link-active");
-	router->link_exact_active_class = strdup("router-link-exact-active");
-	router->matcher = router_matcher_create();
-	router->history = router_history_create();
-	if (!routers) {
-		dict_init_string_key_type(&routers_dict_type);
-		routers = dict_create(&routers_dict_type, NULL);
-	}
-	dict_add(routers, router->name, router);
-	return router;
+        router_t *router;
+
+        router = malloc(sizeof(router_t));
+        if (!name) {
+                name = "default";
+        }
+        router->name = strdup(name);
+        router->link_active_class = strdup("router-link-active");
+        router->link_exact_active_class = strdup("router-link-exact-active");
+        router->matcher = router_matcher_create();
+        router->history = router_history_create();
+        if (!routers) {
+                dict_init_string_key_type(&routers_dict_type);
+                routers = dict_create(&routers_dict_type, NULL);
+        }
+        dict_add(routers, router->name, router);
+        return router;
 }
 
 void router_destroy(router_t *router)
 {
-	dict_delete(routers, router->name);
-	router_mem_free(router->name);
-	router_mem_free(router->link_active_class);
-	router_mem_free(router->link_exact_active_class);
-	router_matcher_destroy(router->matcher);
-	router_history_destroy(router->history);
-	router->matcher = NULL;
-	free(router);
+        dict_delete(routers, router->name);
+        router_mem_free(router->name);
+        router_mem_free(router->link_active_class);
+        router_mem_free(router->link_exact_active_class);
+        router_matcher_destroy(router->matcher);
+        router_history_destroy(router->history);
+        router->matcher = NULL;
+        free(router);
 }
 
 router_route_record_t *router_add_route_record(
     router_t *router, const router_config_t *config,
     const router_route_record_t *parent)
 {
-	return router_matcher_add_route_record(router->matcher, config, parent);
+        return router_matcher_add_route_record(router->matcher, config, parent);
 }
 
 router_route_t *router_match(router_t *router,
-			     const router_location_t *raw_location,
-			     const router_route_t *current_route)
+                             const router_location_t *raw_location,
+                             const router_route_t *current_route)
 {
-	return router_matcher_match(router->matcher, raw_location,
-				    current_route);
+        return router_matcher_match(router->matcher, raw_location,
+                                    current_route);
 }
 
 router_route_record_t *router_get_matched_route_record(router_t *router,
-						       size_t index)
+                                                       size_t index)
 {
-	return list_get(&router->history->current->matched, index);
+        return list_get(&router->history->current->matched, index);
 }
 
 router_history_t *router_get_history(router_t *router)
 {
-	return router->history;
+        return router->history;
 }
 
 router_watcher_t *router_watch(router_t *router, router_callback_t callback,
-			       void *data)
+                               void *data)
 {
-	return router_history_watch(router->history, callback, data);
+        return router_history_watch(router->history, callback, data);
 }
 
 void router_unwatch(router_t *router, router_watcher_t *watcher)
 {
-	router_history_unwatch(router->history, watcher);
+        router_history_unwatch(router->history, watcher);
 }
 
 // https://github.com/vuejs/vue-router/blob/65de048ee9f0ebf899ae99c82b71ad397727e55d/dist/vue-router.esm.js#L2827
 
 router_resolved_t *router_resolve(router_t *router, router_location_t *location,
-				  bool append)
+                                  bool append)
 {
-	const router_route_t *current;
-	router_resolved_t *resolved;
+        const router_route_t *current;
+        router_resolved_t *resolved;
 
-	current = router->history->current;
-	resolved = malloc(sizeof(router_resolved_t));
-	resolved->location =
-	    router_location_normalize(location, current, append);
-	resolved->route = router_match(router, resolved->location, current);
-	return resolved;
+        current = router->history->current;
+        resolved = malloc(sizeof(router_resolved_t));
+        resolved->location =
+            router_location_normalize(location, current, append);
+        resolved->route = router_match(router, resolved->location, current);
+        return resolved;
 }
 
 router_location_t *router_resolved_get_location(router_resolved_t *resolved)
 {
-	return resolved->location;
+        return resolved->location;
 }
 
 router_route_t *router_resolved_get_route(router_resolved_t *resolved)
 {
-	return resolved->route;
+        return resolved->route;
 }
 
 void router_resolved_destroy(router_resolved_t *resolved)
 {
-	router_location_destroy(resolved->location);
-	if (resolved->route) {
-		router_route_destroy(resolved->route);
-	}
-	free(resolved);
+        router_location_destroy(resolved->location);
+        if (resolved->route) {
+                router_route_destroy(resolved->route);
+        }
+        free(resolved);
 }
 
 const router_route_t *router_get_current_route(router_t *router)
 {
-	return router->history->current;
+        return router->history->current;
 }
 
 void router_push(router_t *router, router_location_t *location)
 {
-	router_resolved_t *resolved;
+        router_resolved_t *resolved;
 
-	resolved = router_resolve(router, location, false);
-	router_history_push(router->history, resolved->route);
-	resolved->route = NULL;
-	router_resolved_destroy(resolved);
+        resolved = router_resolve(router, location, false);
+        router_history_push(router->history, resolved->route);
+        resolved->route = NULL;
+        router_resolved_destroy(resolved);
 }
 
 void router_replace(router_t *router, router_location_t *location)
 {
-	router_resolved_t *resolved;
+        router_resolved_t *resolved;
 
-	resolved = router_resolve(router, location, false);
-	router_history_replace(router->history, resolved->route);
-	resolved->route = NULL;
-	router_resolved_destroy(resolved);
+        resolved = router_resolve(router, location, false);
+        router_history_replace(router->history, resolved->route);
+        resolved->route = NULL;
+        router_resolved_destroy(resolved);
 }
 
 void router_go(router_t *router, int delta)
 {
-	router_history_go(router->history, delta);
+        router_history_go(router->history, delta);
 }
 
 void router_back(router_t *router)
 {
-	router_history_go(router->history, -1);
+        router_history_go(router->history, -1);
 }
 
 void router_forward(router_t *router)
 {
-	router_history_go(router->history, 1);
+        router_history_go(router->history, 1);
 }
 
 router_t *router_get_by_name(const char *name)
 {
-	router_t *router;
+        router_t *router;
 
-	if (!routers) {
-		return NULL;
-	}
-	router = dict_fetch_value(routers, name);
-	if (router) {
-		return router;
-	}
-	logger_error("no router named \"%s\" was found", name);
-	return NULL;
+        if (!routers) {
+                return NULL;
+        }
+        router = dict_fetch_value(routers, name);
+        if (router) {
+                return router;
+        }
+        logger_error("no router named \"%s\" was found", name);
+        return NULL;
 }
 
 const char *router_get_version(void)
 {
-	return LIBROUTER_VERSION;
+        return LIBROUTER_VERSION;
 }
diff --git a/lib/router/src/strmap.c b/lib/router/src/strmap.c
index a0562b944..7920345ed 100644
--- a/lib/router/src/strmap.c
+++ b/lib/router/src/strmap.c
@@ -1,12 +1,12 @@
 /*
  * lib/router/src/strmap.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "private.h"
@@ -176,4 +176,4 @@ strmap_item_t *strmap_next(strmap_iterator_t *iter)
                 iter->next_item = NULL;
         }
         return iter->item;
-}
\ No newline at end of file
+}
diff --git a/lib/router/src/utils.c b/lib/router/src/utils.c
index 973588549..f9ef7e5bd 100644
--- a/lib/router/src/utils.c
+++ b/lib/router/src/utils.c
@@ -1,12 +1,12 @@
 /*
  * lib/router/src/utils.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "private.h"
@@ -145,12 +145,12 @@ char *router_path_resolve(const char *relative, const char *base, bool append)
         if (first_char == '?' || first_char == '#') {
                 return strcat(strcpy(path, base), relative);
         }
-        stack_size = strsplit(base, "/", &stack);
+        stack_size = y_strsplit(base, "/", &stack);
         if (!append || !stack[stack_size - 1][0]) {
                 stack_size--;
                 router_mem_free(stack[stack_size]);
         }
-        segments_size = strsplit(relative, "/", &segments);
+        segments_size = y_strsplit(relative, "/", &segments);
         for (i = 0; i < segments_size; ++i) {
                 if (strcmp(segments[i], "..") == 0) {
                         stack_size--;
@@ -196,7 +196,7 @@ strmap_t *router_parse_query(const char *query_str)
         if (!query_str) {
                 return query;
         }
-        pairs_size = strsplit(query_str, "&", &pairs);
+        pairs_size = y_strsplit(query_str, "&", &pairs);
         for (i = 0; i < pairs_size; ++i) {
                 for (split_i = 0; pairs[i][split_i]; ++split_i) {
                         if (pairs[i][split_i] == '=') {
diff --git a/lib/router/src/version.h.in b/lib/router/src/version.h.in
index 3a873e83e..14585d148 100644
--- a/lib/router/src/version.h.in
+++ b/lib/router/src/version.h.in
@@ -1,7 +1,7 @@
 /*
  * lib/router/include/router/version.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2025, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
diff --git a/lib/router/tests/test.c b/lib/router/tests/test.c
index c2bb4f391..e49ea46be 100644
--- a/lib/router/tests/test.c
+++ b/lib/router/tests/test.c
@@ -1,12 +1,12 @@
 /*
  * lib/router/tests/test.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "../src/private.h"
diff --git a/lib/router/xmake.lua b/lib/router/xmake.lua
index 9d1833b84..f548830bf 100644
--- a/lib/router/xmake.lua
+++ b/lib/router/xmake.lua
@@ -1,7 +1,5 @@
-set_project("librouter")
-set_version("0.1.0-a")
-
 target("librouter")
+    set_version("0.1.0-a")
     set_kind("$(kind)")
     add_files("src/*.c")
     add_deps("yutil", "libui")
@@ -14,29 +12,12 @@ target("librouter")
         add_defines("LIBROUTER_DLL_EXPORT")
     end
 
-target("librouter_tests")
+target("librouter-tests")
     set_default(false)
     set_kind("binary")
+    set_group("tests")
+    set_rundir("tests")
     add_files("tests/test.c")
-    add_deps("librouter", "ctest")
-    on_run(function (target)
-        import("core.base.option")
-        local argv = {}
-        local options = {{nil, "memcheck",  "k",  nil, "enable memory check."}}
-        local args = option.raw_parse(option.get("arguments") or {}, options)
-        os.cd("$(projectdir)/tests")
-        if args.memcheck then
-            if is_plat("windows") then
-                table.insert(argv, target:targetfile())
-                os.execv("drmemory", argv)
-            else
-                table.insert(argv, "valgrind")
-                table.insert(argv, "--leak-check=full")
-                table.insert(argv, "--error-exitcode=42")
-                table.insert(argv, target:targetfile())
-                os.execv("sudo", argv)
-            end
-        else
-            os.execv(target:targetfile())
-        end
-    end)
+    add_deps("ctest", "librouter")
+    add_rules("tests.runnable")
+    add_tests("default", {group = "tests"})
diff --git a/lib/thread/include/thread.h b/lib/thread/include/thread.h
index 6bc2856e1..8daf8b25f 100644
--- a/lib/thread/include/thread.h
+++ b/lib/thread/include/thread.h
@@ -1,4 +1,4 @@
-/*
+/*
  * lib/thread/include/thread.h: -- basic thread management
  *
  * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
diff --git a/lib/thread/src/pthread.c b/lib/thread/src/pthread.c
index dc332acf0..f15fd0750 100644
--- a/lib/thread/src/pthread.c
+++ b/lib/thread/src/pthread.c
@@ -1,12 +1,12 @@
 /*
  * lib/thread/src/pthread.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef _WIN32
@@ -19,238 +19,239 @@
 #include "thread.h"
 
 typedef union thread_mutex_record_t {
-	pthread_mutex_t handle;
+        pthread_mutex_t handle;
 } thread_mutex_record_t;
 
 typedef union thread_cond_record_t {
-	pthread_cond_t handle;
+        pthread_cond_t handle;
 } thread_cond_record_t;
 
 typedef struct thread_info {
-	void (*func)(void *);
-	void *arg;
-	thread_t tid;
-	list_node_t node;
+        void (*func)(void *);
+        void *arg;
+        thread_t tid;
+        list_node_t node;
 } thread_info_t;
 
 static struct thread_manager_module {
-	bool active;
-	thread_mutex_t mutex;
-	list_t threads;
+        bool active;
+        thread_mutex_t mutex;
+        list_t threads;
 } thread_manager;
 
 /** 初始化一个条件变量 */
 int thread_cond_init(thread_cond_t *cond)
 {
-	*cond = malloc(sizeof(thread_cond_record_t));
-	if (!*cond) {
-		return -1;
-	}
-	if (pthread_cond_init(&(*cond)->handle, NULL) != 0) {
-		free(*cond);
-		*cond = NULL;
-		return -1;
-	}
-	return 0;
+        *cond = malloc(sizeof(thread_cond_record_t));
+        if (!*cond) {
+                return -1;
+        }
+        if (pthread_cond_init(&(*cond)->handle, NULL) != 0) {
+                free(*cond);
+                *cond = NULL;
+                return -1;
+        }
+        return 0;
 }
 
 /** 销毁一个条件变量 */
 int thread_cond_destroy(thread_cond_t *cond)
 {
-	if (pthread_cond_destroy(&(*cond)->handle) != 0) {
-		return -1;
-	}
-	free(*cond);
-	*cond = NULL;
-	return 0;
+        if (pthread_cond_destroy(&(*cond)->handle) != 0) {
+                return -1;
+        }
+        free(*cond);
+        *cond = NULL;
+        return 0;
 }
 
 /** 阻塞当前线程，等待条件成立 */
 int thread_cond_wait(thread_cond_t *cond, thread_mutex_t *mutex)
 {
-	return pthread_cond_wait(&(*cond)->handle, &(*mutex)->handle);
+        return pthread_cond_wait(&(*cond)->handle, &(*mutex)->handle);
 }
 
 /** 计时阻塞当前线程，等待条件成立 */
 int thread_cond_timedwait(thread_cond_t *cond, thread_mutex_t *mutex,
-			  unsigned int ms)
+                          unsigned int ms)
 {
-	int ret;
-	long int out_usec;
-	struct timeval now;
-	struct timespec outtime;
-
-	gettimeofday(&now, NULL);
-	out_usec = now.tv_usec + ms * 1000;
-	outtime.tv_sec = now.tv_sec + out_usec / 1000000;
-	outtime.tv_nsec = (out_usec % 1000000) * 1000;
-	ret = pthread_cond_timedwait(&(*cond)->handle, &(*mutex)->handle, &outtime);
-	switch (ret) {
-	case 0:
-		return 0;
-	case ETIMEDOUT:
-		return 1;
-	default:
-		break;
-	}
-	return -1;
+        int ret;
+        long int out_usec;
+        struct timeval now;
+        struct timespec outtime;
+
+        gettimeofday(&now, NULL);
+        out_usec = now.tv_usec + ms * 1000;
+        outtime.tv_sec = now.tv_sec + out_usec / 1000000;
+        outtime.tv_nsec = (out_usec % 1000000) * 1000;
+        ret = pthread_cond_timedwait(&(*cond)->handle, &(*mutex)->handle,
+                                     &outtime);
+        switch (ret) {
+        case 0:
+                return 0;
+        case ETIMEDOUT:
+                return 1;
+        default:
+                break;
+        }
+        return -1;
 }
 
 /** 唤醒一个阻塞等待条件成立的线程 */
 int thread_cond_signal(thread_cond_t *cond)
 {
-	return pthread_cond_signal(&(*cond)->handle);
+        return pthread_cond_signal(&(*cond)->handle);
 }
 
 /** 唤醒所有阻塞等待条件成立的线程 */
 int thread_cond_broadcast(thread_cond_t *cond)
 {
-	return pthread_cond_broadcast(&(*cond)->handle);
+        return pthread_cond_broadcast(&(*cond)->handle);
 }
 
 /* init the mutex */
 int thread_mutex_init(thread_mutex_t *mutex)
 {
-	pthread_mutexattr_t attr;
-
-	*mutex = malloc(sizeof(thread_mutex_record_t));
-	if (!*mutex) {
-		return -1;
-	}
-	pthread_mutexattr_init(&attr);
-	pthread_mutexattr_settype(&attr, PTHREAD_MUTEX_RECURSIVE);
-	if (pthread_mutex_init(&(*mutex)->handle, &attr) != 0) {
-		free(*mutex);
-		*mutex = NULL;
-		return -1;
-	}
-	return 0;
+        pthread_mutexattr_t attr;
+
+        *mutex = malloc(sizeof(thread_mutex_record_t));
+        if (!*mutex) {
+                return -1;
+        }
+        pthread_mutexattr_init(&attr);
+        pthread_mutexattr_settype(&attr, PTHREAD_MUTEX_RECURSIVE);
+        if (pthread_mutex_init(&(*mutex)->handle, &attr) != 0) {
+                free(*mutex);
+                *mutex = NULL;
+                return -1;
+        }
+        return 0;
 }
 
 /* Free the mutex */
 void thread_mutex_destroy(thread_mutex_t *mutex)
 {
-	pthread_mutex_destroy(&(*mutex)->handle);
-	free(*mutex);
-	*mutex = NULL;
+        pthread_mutex_destroy(&(*mutex)->handle);
+        free(*mutex);
+        *mutex = NULL;
 }
 
 /* Try lock the mutex */
 int thread_mutex_trylock(thread_mutex_t *mutex)
 {
-	return pthread_mutex_trylock(&(*mutex)->handle);
+        return pthread_mutex_trylock(&(*mutex)->handle);
 }
 
 /* Lock the mutex */
 int thread_mutex_lock(thread_mutex_t *mutex)
 {
-	return pthread_mutex_lock(&(*mutex)->handle);
+        return pthread_mutex_lock(&(*mutex)->handle);
 }
 
 /* Unlock the mutex */
 int thread_mutex_unlock(thread_mutex_t *mutex)
 {
-	return pthread_mutex_unlock(&(*mutex)->handle);
+        return pthread_mutex_unlock(&(*mutex)->handle);
 }
 
 static void *run_thread(void *arg)
 {
-	thread_info_t *thread = arg;
-
-	thread->func(thread->arg);
-	thread_mutex_lock(&thread_manager.mutex);
-	list_unlink(&thread_manager.threads, &thread->node);
-	thread_mutex_unlock(&thread_manager.mutex);
-	free(thread);
-	pthread_exit(NULL);
+        thread_info_t *thread = arg;
+
+        thread->func(thread->arg);
+        thread_mutex_lock(&thread_manager.mutex);
+        list_unlink(&thread_manager.threads, &thread->node);
+        thread_mutex_unlock(&thread_manager.mutex);
+        free(thread);
+        pthread_exit(NULL);
 }
 
 static thread_info_t *get_thread_info(thread_t tid)
 {
-	list_node_t *node;
-	thread_info_t *thread;
-
-	for (list_each(node, &thread_manager.threads)) {
-		thread = node->data;
-		if (thread && thread->tid == tid) {
-			return thread;
-		}
-	}
-	return NULL;
+        list_node_t *node;
+        thread_info_t *thread;
+
+        for (list_each(node, &thread_manager.threads)) {
+                thread = node->data;
+                if (thread && thread->tid == tid) {
+                        return thread;
+                }
+        }
+        return NULL;
 }
 
 static thread_info_t *unlink_thread_info(thread_t tid)
 {
-	thread_info_t *thread;
-
-	thread_mutex_lock(&thread_manager.mutex);
-	thread = get_thread_info(tid);
-	if (thread) {
-		list_unlink(&thread_manager.threads, &thread->node);
-	}
-	thread_mutex_unlock(&thread_manager.mutex);
-	return thread;
+        thread_info_t *thread;
+
+        thread_mutex_lock(&thread_manager.mutex);
+        thread = get_thread_info(tid);
+        if (thread) {
+                list_unlink(&thread_manager.threads, &thread->node);
+        }
+        thread_mutex_unlock(&thread_manager.mutex);
+        return thread;
 }
 
 int thread_create(thread_t *tid, void (*func)(void *), void *arg)
 {
-	int ret;
-	thread_info_t *thread;
-
-	if (!thread_manager.active) {
-		list_create(&thread_manager.threads);
-		thread_mutex_init(&thread_manager.mutex);
-		thread_manager.active = true;
-	}
-	thread = malloc(sizeof(thread_info_t));
-	if (!thread) {
-		return -ENOMEM;
-	}
-	thread->arg = arg;
-	thread->func = func;
-	thread->node.data = thread;
-	ret = pthread_create(&thread->tid, NULL, run_thread, thread);
-	if (ret != 0) {
-		free(thread);
-		return ret;
-	}
-	thread_mutex_lock(&thread_manager.mutex);
-	list_append_node(&thread_manager.threads, &thread->node);
-	thread_mutex_unlock(&thread_manager.mutex);
-	*tid = thread->tid;
-	return ret;
+        int ret;
+        thread_info_t *thread;
+
+        if (!thread_manager.active) {
+                list_create(&thread_manager.threads);
+                thread_mutex_init(&thread_manager.mutex);
+                thread_manager.active = true;
+        }
+        thread = malloc(sizeof(thread_info_t));
+        if (!thread) {
+                return -ENOMEM;
+        }
+        thread->arg = arg;
+        thread->func = func;
+        thread->node.data = thread;
+        ret = pthread_create(&thread->tid, NULL, run_thread, thread);
+        if (ret != 0) {
+                free(thread);
+                return ret;
+        }
+        thread_mutex_lock(&thread_manager.mutex);
+        list_append_node(&thread_manager.threads, &thread->node);
+        thread_mutex_unlock(&thread_manager.mutex);
+        *tid = thread->tid;
+        return ret;
 }
 
 thread_t thread_self(void)
 {
-	return pthread_self();
+        return pthread_self();
 }
 
 void thread_exit(void *retval)
 {
-	thread_t tid;
-	thread_info_t *thread;
-
-	tid = thread_self();
-	thread = unlink_thread_info(tid);
-	if (thread) {
-		free(thread);
-	}
-	pthread_exit(retval);
+        thread_t tid;
+        thread_info_t *thread;
+
+        tid = thread_self();
+        thread = unlink_thread_info(tid);
+        if (thread) {
+                free(thread);
+        }
+        pthread_exit(retval);
 }
 
 void thread_cancel(thread_t tid)
 {
 #ifdef PTHREAD_CANCEL_ASYNCHRONOUS
-	pthread_cancel(tid);
+        pthread_cancel(tid);
 #else
-	pthread_kill(tid, SIGKILL);
+        pthread_kill(tid, SIGKILL);
 #endif
 }
 
 int thread_join(thread_t tid, void **retval)
 {
-	return pthread_join(tid, retval);
+        return pthread_join(tid, retval);
 }
 
 #endif
diff --git a/lib/thread/src/windows.c b/lib/thread/src/windows.c
index e129622cd..794fcbbb6 100644
--- a/lib/thread/src/windows.c
+++ b/lib/thread/src/windows.c
@@ -1,12 +1,12 @@
 /*
  * lib/thread/src/windows.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifdef _WIN32
@@ -18,315 +18,315 @@
 #include "thread.h"
 
 typedef union thread_mutex_record_t {
-	HANDLE handle;
+        HANDLE handle;
 } thread_mutex_record_t;
 
 typedef union thread_cond_record_t {
-	HANDLE handle;
+        HANDLE handle;
 } thread_cond_record_t;
 
 typedef struct thread_info {
-	HANDLE handle;
-	thread_t tid;
-	void (*func)(void *);
-	void *arg;
-	void *retval;
-	int has_waiter;
-	list_node_t node;
+        HANDLE handle;
+        thread_t tid;
+        void (*func)(void *);
+        void *arg;
+        void *retval;
+        int has_waiter;
+        list_node_t node;
 } thread_info_t;
 
 static struct thread_manager_module {
-	int active;
-	thread_mutex_t mutex;
-	list_t threads;
+        int active;
+        thread_mutex_t mutex;
+        list_t threads;
 } thread_manager;
 
 /** 初始化一个条件变量 */
 int thread_cond_init(thread_cond_t *cond)
 {
-	HANDLE handle;
-
-	handle = CreateEvent(NULL, false, false, NULL);
-	if (handle == 0) {
-		return -1;
-	}
-	*cond = malloc(sizeof(thread_cond_record_t));
-	if (!*cond) {
-		return -1;
-	}
-	(*cond)->handle = handle;
-	return 0;
+        HANDLE handle;
+
+        handle = CreateEvent(NULL, false, false, NULL);
+        if (handle == 0) {
+                return -1;
+        }
+        *cond = malloc(sizeof(thread_cond_record_t));
+        if (!*cond) {
+                return -1;
+        }
+        (*cond)->handle = handle;
+        return 0;
 }
 
 /** 销毁一个条件变量 */
 int thread_cond_destroy(thread_cond_t *cond)
 {
-	CloseHandle((*cond)->handle);
-	free(*cond);
-	*cond = NULL;
-	return 0;
+        CloseHandle((*cond)->handle);
+        free(*cond);
+        *cond = NULL;
+        return 0;
 }
 
 /** 阻塞当前线程，等待条件成立 */
 int thread_cond_wait(thread_cond_t *cond, thread_mutex_t *mutex)
 {
-	int ret;
-	thread_mutex_unlock(mutex);
-	ret = WaitForSingleObject((*cond)->handle, INFINITE);
-	switch (ret) {
-	case WAIT_TIMEOUT:
-		ret = ETIMEDOUT;
-		break;
-	case WAIT_OBJECT_0:
-		ret = 0;
-		break;
-	case WAIT_FAILED:
-	default:
-		ret = GetLastError();
-		break;
-	}
-	thread_mutex_lock(mutex);
-	return ret;
+        int ret;
+        thread_mutex_unlock(mutex);
+        ret = WaitForSingleObject((*cond)->handle, INFINITE);
+        switch (ret) {
+        case WAIT_TIMEOUT:
+                ret = ETIMEDOUT;
+                break;
+        case WAIT_OBJECT_0:
+                ret = 0;
+                break;
+        case WAIT_FAILED:
+        default:
+                ret = GetLastError();
+                break;
+        }
+        thread_mutex_lock(mutex);
+        return ret;
 }
 
 /** 计时阻塞当前线程，等待条件成立 */
 int thread_cond_timedwait(thread_cond_t *cond, thread_mutex_t *mutex,
-			  unsigned int ms)
+                          unsigned int ms)
 {
-	int ret;
-	thread_mutex_unlock(mutex);
-	ret = WaitForSingleObject((*cond)->handle, ms);
-	switch (ret) {
-	case WAIT_TIMEOUT:
-		ret = ETIMEDOUT;
-		break;
-	case WAIT_OBJECT_0:
-		ret = 0;
-		break;
-	case WAIT_FAILED:
-	default:
-		ret = GetLastError();
-		break;
-	}
-	thread_mutex_lock(mutex);
-	return ret;
+        int ret;
+        thread_mutex_unlock(mutex);
+        ret = WaitForSingleObject((*cond)->handle, ms);
+        switch (ret) {
+        case WAIT_TIMEOUT:
+                ret = ETIMEDOUT;
+                break;
+        case WAIT_OBJECT_0:
+                ret = 0;
+                break;
+        case WAIT_FAILED:
+        default:
+                ret = GetLastError();
+                break;
+        }
+        thread_mutex_lock(mutex);
+        return ret;
 }
 
 /** 唤醒一个阻塞等待条件成立的线程 */
 int thread_cond_signal(thread_cond_t *cond)
 {
-	/* 当编译为 Windows 运行时组件时，直接改为广播 */
+        /* 当编译为 Windows 运行时组件时，直接改为广播 */
 #ifdef PTK_UWP
-	return thread_cond_broadcast(cond);
+        return thread_cond_broadcast(cond);
 #else
-	if (PulseEvent((*cond)->handle)) {
-		return 0;
-	}
-	return -1;
+        if (PulseEvent((*cond)->handle)) {
+                return 0;
+        }
+        return -1;
 #endif
 }
 
 /** 唤醒所有阻塞等待条件成立的线程 */
 int thread_cond_broadcast(thread_cond_t *cond)
 {
-	if (SetEvent((*cond)->handle)) {
-		return 0;
-	}
-	return -1;
+        if (SetEvent((*cond)->handle)) {
+                return 0;
+        }
+        return -1;
 }
 
 int thread_mutex_init(thread_mutex_t *mutex)
 {
-	*mutex = malloc(sizeof(thread_mutex_record_t));
-	if (!*mutex) {
-		return -1;
-	}
-	(*mutex)->handle = CreateMutex(NULL, false, NULL);
-	return 0;
+        *mutex = malloc(sizeof(thread_mutex_record_t));
+        if (!*mutex) {
+                return -1;
+        }
+        (*mutex)->handle = CreateMutex(NULL, false, NULL);
+        return 0;
 }
 
 /* Free the mutex */
 void thread_mutex_destroy(thread_mutex_t *mutex)
 {
-	CloseHandle((*mutex)->handle);
-	free(*mutex);
-	*mutex = NULL;
+        CloseHandle((*mutex)->handle);
+        free(*mutex);
+        *mutex = NULL;
 }
 
 /* Try lock the mutex */
 int thread_mutex_trylock(thread_mutex_t *mutex)
 {
-	switch (WaitForSingleObject((*mutex)->handle, 0)) {
-	case WAIT_FAILED:
-		return -1;
-	case WAIT_OBJECT_0:
-		break;
-	default:
-		return -2;
-	}
-	return 0;
+        switch (WaitForSingleObject((*mutex)->handle, 0)) {
+        case WAIT_FAILED:
+                return -1;
+        case WAIT_OBJECT_0:
+                break;
+        default:
+                return -2;
+        }
+        return 0;
 }
 
 /* Lock the mutex */
 int thread_mutex_lock(thread_mutex_t *mutex)
 {
-	if (WaitForSingleObject((*mutex)->handle, INFINITE) == WAIT_FAILED) {
-		return -1;
-	}
-	return 0;
+        if (WaitForSingleObject((*mutex)->handle, INFINITE) == WAIT_FAILED) {
+                return -1;
+        }
+        return 0;
 }
 
 /* Unlock the mutex */
 int thread_mutex_unlock(thread_mutex_t *mutex)
 {
-	if (ReleaseMutex((*mutex)->handle) == false) {
-		return -1;
-	}
-	return 0;
+        if (ReleaseMutex((*mutex)->handle) == false) {
+                return -1;
+        }
+        return 0;
 }
 
 static unsigned __stdcall run_thread(void *arg)
 {
-	thread_info_t *thread = arg;
+        thread_info_t *thread = arg;
 
-	thread->func(thread->arg);
-	return 0;
+        thread->func(thread->arg);
+        return 0;
 }
 
 int thread_create(thread_t *tid, void (*func)(void *), void *arg)
 {
-	thread_info_t *thread;
-
-	if (!thread_manager.active) {
-		list_create(&thread_manager.threads);
-		thread_mutex_init(&thread_manager.mutex);
-		thread_manager.active = true;
-	}
-	thread = malloc(sizeof(thread_info_t));
-	if (!thread) {
-		return -ENOMEM;
-	}
-	thread->func = func;
-	thread->arg = arg;
-	thread->retval = NULL;
-	thread->node.data = thread;
-	thread->handle = (HANDLE)_beginthreadex(NULL, 0, run_thread, thread, 0,
-						&thread->tid);
-	if (thread->handle == 0) {
-		*tid = 0;
-		return -1;
-	}
-	thread_mutex_lock(&thread_manager.mutex);
-	list_append_node(&thread_manager.threads, &thread->node);
-	thread_mutex_unlock(&thread_manager.mutex);
-	*tid = thread->tid;
-	return 0;
+        thread_info_t *thread;
+
+        if (!thread_manager.active) {
+                list_create(&thread_manager.threads);
+                thread_mutex_init(&thread_manager.mutex);
+                thread_manager.active = true;
+        }
+        thread = malloc(sizeof(thread_info_t));
+        if (!thread) {
+                return -ENOMEM;
+        }
+        thread->func = func;
+        thread->arg = arg;
+        thread->retval = NULL;
+        thread->node.data = thread;
+        thread->handle = (HANDLE)_beginthreadex(NULL, 0, run_thread, thread, 0,
+                                                &thread->tid);
+        if (thread->handle == 0) {
+                *tid = 0;
+                return -1;
+        }
+        thread_mutex_lock(&thread_manager.mutex);
+        list_append_node(&thread_manager.threads, &thread->node);
+        thread_mutex_unlock(&thread_manager.mutex);
+        *tid = thread->tid;
+        return 0;
 }
 
 static thread_info_t *get_thread_info(thread_t tid)
 {
-	thread_info_t *thread;
-	list_node_t *node;
-
-	for (list_each(node, &thread_manager.threads)) {
-		thread = node->data;
-		if (thread && thread->tid == tid) {
-			return thread;
-		}
-	}
-	return NULL;
+        thread_info_t *thread;
+        list_node_t *node;
+
+        for (list_each(node, &thread_manager.threads)) {
+                thread = node->data;
+                if (thread && thread->tid == tid) {
+                        return thread;
+                }
+        }
+        return NULL;
 }
 
 static thread_info_t *unlink_thread_info(thread_t tid)
 {
-	thread_info_t *thread;
-
-	thread_mutex_lock(&thread_manager.mutex);
-	thread = get_thread_info(tid);
-	if (thread) {
-		list_unlink(&thread_manager.threads, &thread->node);
-	}
-	thread_mutex_unlock(&thread_manager.mutex);
-	return thread;
+        thread_info_t *thread;
+
+        thread_mutex_lock(&thread_manager.mutex);
+        thread = get_thread_info(tid);
+        if (thread) {
+                list_unlink(&thread_manager.threads, &thread->node);
+        }
+        thread_mutex_unlock(&thread_manager.mutex);
+        return thread;
 }
 
 static void thread_info_destroy(thread_info_t *thread)
 {
-	CloseHandle(thread->handle);
-	thread->handle = NULL;
-	free(thread);
+        CloseHandle(thread->handle);
+        thread->handle = NULL;
+        free(thread);
 }
 
 thread_t thread_self(void)
 {
-	return GetCurrentThreadId();
+        return GetCurrentThreadId();
 }
 
 void thread_exit(void *retval)
 {
-	thread_t tid;
-	thread_info_t *thread;
-
-	tid = thread_self();
-	thread = unlink_thread_info(tid);
-	if (!thread) {
-		return;
-	}
-	thread->retval = retval;
-	if (!thread->has_waiter) {
-		thread_info_destroy(thread);
-	}
-	_endthread();
+        thread_t tid;
+        thread_info_t *thread;
+
+        tid = thread_self();
+        thread = unlink_thread_info(tid);
+        if (!thread) {
+                return;
+        }
+        thread->retval = retval;
+        if (!thread->has_waiter) {
+                thread_info_destroy(thread);
+        }
+        _endthread();
 }
 
 void thread_cancel(thread_t tid)
 {
 #ifdef PTK_UWP
-	abort();
+        abort();
 #else
-	thread_info_t *thread;
+        thread_info_t *thread;
 
-	thread = unlink_thread_info(tid);
-	if (thread) {
-		TerminateThread(thread->handle, 0);
-		thread_info_destroy(thread);
-	}
+        thread = unlink_thread_info(tid);
+        if (thread) {
+                TerminateThread(thread->handle, 0);
+                thread_info_destroy(thread);
+        }
 #endif
 }
 
 int thread_join(thread_t tid, void **retval)
 {
-	DWORD code;
-	thread_info_t *thread;
-
-	thread_mutex_lock(&thread_manager.mutex);
-	thread = get_thread_info(tid);
-	if (thread == NULL) {
-		thread_mutex_unlock(&thread_manager.mutex);
-		return -1;
-	}
-	thread->has_waiter = true;
-	thread_mutex_unlock(&thread_manager.mutex);
-	do {
-		code = 0;
-		if (GetExitCodeThread(thread->handle, &code) == 0) {
-			break;
-		}
-		if (code == STILL_ACTIVE) {
-			WaitForSingleObject(thread->handle, 5000);
-		} else {
-			break;
-		}
-	} while (1);
-	thread = unlink_thread_info(tid);
-	if (thread) {
-		if (retval) {
-			*retval = thread->retval;
-		}
-		thread_info_destroy(thread);
-		return 0;
-	}
-	return -1;
+        DWORD code;
+        thread_info_t *thread;
+
+        thread_mutex_lock(&thread_manager.mutex);
+        thread = get_thread_info(tid);
+        if (thread == NULL) {
+                thread_mutex_unlock(&thread_manager.mutex);
+                return -1;
+        }
+        thread->has_waiter = true;
+        thread_mutex_unlock(&thread_manager.mutex);
+        do {
+                code = 0;
+                if (GetExitCodeThread(thread->handle, &code) == 0) {
+                        break;
+                }
+                if (code == STILL_ACTIVE) {
+                        WaitForSingleObject(thread->handle, 5000);
+                } else {
+                        break;
+                }
+        } while (1);
+        thread = unlink_thread_info(tid);
+        if (thread) {
+                if (retval) {
+                        *retval = thread->retval;
+                }
+                thread_info_destroy(thread);
+                return 0;
+        }
+        return -1;
 }
 
 #endif
diff --git a/lib/thread/tests/main.c b/lib/thread/tests/main.c
new file mode 100644
index 000000000..21764be3a
--- /dev/null
+++ b/lib/thread/tests/main.c
@@ -0,0 +1,19 @@
+/*
+ * lib/thread/tests/main.c
+ *
+ * Copyright (c) 2026, Liu Chao <i@lc-soft.io> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <ctest.h>
+
+extern void test_thread_worker(void);
+
+static const ctest_suite_t suites[] = { { "thread/worker", test_thread_worker },
+                                        { NULL, NULL } };
+
+CTEST_MAIN(suites)
diff --git a/lib/thread/tests/test_thread.c b/lib/thread/tests/test_thread.c
new file mode 100644
index 000000000..bb27ed201
--- /dev/null
+++ b/lib/thread/tests/test_thread.c
@@ -0,0 +1,95 @@
+/*
+ * lib/thread/tests/test_thread.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <string.h>
+#include <stdio.h>
+#include <thread.h>
+#include <yutil.h>
+#include <ctest.h>
+
+typedef struct TestWorkerRec_ {
+        char data[32];
+        int data_count;
+        bool cancel;
+        bool active;
+        thread_cond_t cond;
+        thread_mutex_t mutex;
+        thread_t thread;
+} TestWorkerRec, *TestWorker;
+
+static void TestWorker_Thread(void *arg)
+{
+        TestWorker worker = arg;
+
+        worker->cancel = false;
+        worker->active = true;
+        worker->data_count = 0;
+        thread_mutex_lock(&worker->mutex);
+        while (!worker->cancel && worker->data_count < 20) {
+                logger_debug("waiting...\n");
+                thread_cond_wait(&worker->cond, &worker->mutex);
+                logger_debug("get data: %s\n", worker->data);
+                worker->data_count += 1;
+        }
+        thread_mutex_unlock(&worker->mutex);
+        logger_debug("count: %d\n", worker->data_count);
+        worker->active = false;
+        thread_exit(NULL);
+}
+
+static void TestWorker_Send(TestWorker worker, const char *data)
+{
+        thread_mutex_lock(&worker->mutex);
+        strcpy(worker->data, data);
+        thread_cond_signal(&worker->cond);
+        thread_mutex_unlock(&worker->mutex);
+}
+
+static void TestWorker_Init(TestWorker worker)
+{
+        thread_mutex_init(&worker->mutex);
+        thread_cond_init(&worker->cond);
+}
+
+static void TestWorker_Destroy(TestWorker worker)
+{
+        thread_mutex_lock(&worker->mutex);
+        worker->cancel = true;
+        thread_cond_signal(&worker->cond);
+        thread_mutex_unlock(&worker->mutex);
+        thread_join(worker->thread, NULL);
+        thread_mutex_destroy(&worker->mutex);
+        thread_cond_destroy(&worker->cond);
+}
+
+void test_thread_worker(void)
+{
+        TestWorkerRec worker;
+
+        TestWorker_Init(&worker);
+        thread_create(&worker.thread, TestWorker_Thread, &worker);
+        y_sleep(100);
+        TestWorker_Send(&worker, "hello");
+        y_sleep(20);
+        TestWorker_Send(&worker, "world");
+        y_sleep(100);
+        TestWorker_Send(&worker, "this");
+        y_sleep(50);
+        TestWorker_Send(&worker, "is");
+        y_sleep(100);
+        TestWorker_Send(&worker, "test");
+        y_sleep(50);
+        TestWorker_Send(&worker, "bye!");
+        y_sleep(100);
+        TestWorker_Destroy(&worker);
+        ctest_equal_int("should receive 7 data items", worker.data_count, 7);
+        ctest_equal_bool("should no longer be active", worker.active, false);
+}
diff --git a/lib/thread/xmake.lua b/lib/thread/xmake.lua
index c8bd8b790..53d0d2b07 100644
--- a/lib/thread/xmake.lua
+++ b/lib/thread/xmake.lua
@@ -1,6 +1,5 @@
-set_version("0.1.0-a")
-
 target("libthread")
+    set_version("0.1.0-a")
     set_kind("$(kind)")
     add_files("src/*.c")
     set_configdir("include")
@@ -15,3 +14,14 @@ target("libthread")
     elseif is_plat("windows") then
         add_defines("LIBTHREAD_DLL_EXPORT")
     end
+
+target("libthread-tests")
+    set_default(false)
+    set_kind("binary")
+    set_group("tests")
+    set_rundir("tests")
+    add_files("tests/main.c", "tests/test_thread.c")
+    add_deps("ctest", "libthread")
+    add_rules("tests.runnable")
+    add_tests("default", {group = "tests"})
+
diff --git a/lib/ui-cursor/include/ui_cursor.h b/lib/ui-cursor/include/ui_cursor.h
index 647af038b..cd2aeb2df 100644
--- a/lib/ui-cursor/include/ui_cursor.h
+++ b/lib/ui-cursor/include/ui_cursor.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui-cursor/include/ui_cursor.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_UI_CURSOR_INCLUDE_UI_CURSOR_H
@@ -26,7 +26,8 @@ LIBUI_CURSOR_PUBLIC void ui_cursor_hide(void);
 LIBUI_CURSOR_PUBLIC void ui_cursor_set_position(int x, int y);
 LIBUI_CURSOR_PUBLIC int ui_cursor_set_image(pd_canvas_t *image);
 LIBUI_CURSOR_PUBLIC void ui_cursor_get_position(int *x, int *y);
-LIBUI_CURSOR_PUBLIC int ui_cursor_paint(ptk_window_t *w, ptk_window_paint_t* paint);
+LIBUI_CURSOR_PUBLIC int ui_cursor_paint(ptk_window_t *w,
+                                        ptk_window_paint_t *paint);
 LIBUI_CURSOR_PUBLIC void ui_cursor_init(void);
 LIBUI_CURSOR_PUBLIC void ui_cursor_destroy(void);
 
diff --git a/lib/ui-cursor/include/ui_cursor/common.h b/lib/ui-cursor/include/ui_cursor/common.h
index 7c0531673..c6d123584 100644
--- a/lib/ui-cursor/include/ui_cursor/common.h
+++ b/lib/ui-cursor/include/ui_cursor/common.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui-cursor/include/ui_cursor/common.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "config.h"
diff --git a/lib/ui-cursor/src/cursor.c b/lib/ui-cursor/src/cursor.c
index c5fdd3302..6847daa5e 100644
--- a/lib/ui-cursor/src/cursor.c
+++ b/lib/ui-cursor/src/cursor.c
@@ -1,226 +1,226 @@
 /*
  * lib/ui-cursor/src/cursor.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <ui_cursor.h>
 
 static struct ui_cursor {
-	int x, y;
-	bool visible;
-	pd_canvas_t image;
-	ptk_window_t *window;
+        int x, y;
+        bool visible;
+        pd_canvas_t image;
+        ptk_window_t *window;
 } ui_cursor;
 
 static unsigned char ui_cursor_image_data[4][12 * 19] = {
-	{ 3, 3, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 3, 3,
-	3, 0, 0, 0, 0, 0, 0, 0, 0, 0, 3, 229, 3, 3,
-	0, 0, 0, 0, 0, 0, 0, 0, 3, 255, 229, 3, 3, 0,
-	0, 0, 0, 0, 0, 0, 3, 255, 255, 229, 3, 3, 0, 0,
-	0, 0, 0, 0, 3, 255, 255, 255, 229, 3, 3, 0, 0, 0,
-	0, 0, 3, 255, 255, 255, 255, 229, 3, 3, 0, 0, 0, 0,
-	3, 255, 255, 255, 255, 253, 226, 3, 3, 0, 0, 0, 3, 255,
-	255, 255, 253, 251, 248, 220, 3, 3, 0, 0, 3, 255, 255, 253,
-	251, 248, 245, 241, 214, 3, 3, 0, 3, 255, 253, 251, 248, 245,
-	241, 238, 234, 207, 3, 3, 3, 253, 251, 248, 245, 241, 238, 234,
-	230, 226, 201, 3, 3, 251, 248, 245, 217, 238, 234, 3, 3, 3,
-	3, 3, 3, 248, 245, 217, 3, 164, 230, 3, 3, 0, 0, 0,
-	3, 245, 217, 3, 3, 3, 226, 201, 3, 0, 0, 0, 3, 217,
-	3, 3, 0, 3, 176, 219, 3, 3, 0, 0, 3, 3, 3, 0,
-	0, 3, 3, 216, 192, 3, 0, 0, 0, 0, 0, 0, 0, 0,
-	3, 192, 211, 3, 0, 0, 0, 0, 0, 0, 0, 0, 3, 3,
-	3, 3, 0, 0 },
-	{ 6, 6, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 6, 6,
-	6, 0, 0, 0, 0, 0, 0, 0, 0, 0, 6, 230, 6, 6,
-	0, 0, 0, 0, 0, 0, 0, 0, 6, 255, 230, 6, 6, 0,
-	0, 0, 0, 0, 0, 0, 6, 255, 255, 230, 6, 6, 0, 0,
-	0, 0, 0, 0, 6, 255, 255, 255, 230, 6, 6, 0, 0, 0,
-	0, 0, 6, 255, 255, 255, 255, 230, 6, 6, 0, 0, 0, 0,
-	6, 255, 255, 255, 255, 253, 226, 6, 6, 0, 0, 0, 6, 255,
-	255, 255, 253, 251, 248, 221, 6, 6, 0, 0, 6, 255, 255, 253,
-	251, 248, 245, 241, 214, 6, 6, 0, 6, 255, 253, 251, 248, 245,
-	241, 238, 234, 207, 6, 6, 6, 253, 251, 248, 245, 241, 238, 234,
-	230, 226, 201, 6, 6, 251, 248, 245, 217, 238, 234, 6, 6, 6,
-	6, 6, 6, 248, 245, 217, 6, 165, 230, 6, 6, 0, 0, 0,
-	6, 245, 217, 6, 6, 6, 226, 201, 6, 0, 0, 0, 6, 217,
-	6, 6, 0, 6, 176, 219, 6, 6, 0, 0, 6, 6, 6, 0,
-	0, 6, 6, 216, 192, 6, 0, 0, 0, 0, 0, 0, 0, 0,
-	6, 192, 211, 6, 0, 0, 0, 0, 0, 0, 0, 0, 6, 6,
-	6, 6, 0, 0 },
-	{ 26, 26, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 26, 26,
-	26, 0, 0, 0, 0, 0, 0, 0, 0, 0, 26, 232, 26, 26,
-	0, 0, 0, 0, 0, 0, 0, 0, 26, 255, 232, 26, 26, 0,
-	0, 0, 0, 0, 0, 0, 26, 255, 255, 232, 26, 26, 0, 0,
-	0, 0, 0, 0, 26, 255, 255, 255, 232, 26, 26, 0, 0, 0,
-	0, 0, 26, 255, 255, 255, 255, 232, 26, 26, 0, 0, 0, 0,
-	26, 255, 255, 255, 255, 253, 228, 26, 26, 0, 0, 0, 26, 255,
-	255, 255, 253, 251, 248, 223, 26, 26, 0, 0, 26, 255, 255, 253,
-	251, 248, 245, 241, 216, 26, 26, 0, 26, 255, 253, 251, 248, 245,
-	241, 238, 234, 209, 26, 26, 26, 253, 251, 248, 245, 241, 238, 234,
-	230, 226, 203, 26, 26, 251, 248, 245, 219, 238, 234, 26, 26, 26,
-	26, 26, 26, 248, 245, 219, 26, 171, 230, 26, 26, 0, 0, 0,
-	26, 245, 219, 26, 26, 26, 226, 203, 26, 0, 0, 0, 26, 219,
-	26, 26, 0, 26, 181, 219, 26, 26, 0, 0, 26, 26, 26, 0,
-	0, 26, 26, 216, 194, 26, 0, 0, 0, 0, 0, 0, 0, 0,
-	26, 194, 211, 26, 0, 0, 0, 0, 0, 0, 0, 0, 26, 26,
-	26, 26, 0, 0 },
-	{ 231, 55, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 231, 189,
-	55, 0, 0, 0, 0, 0, 0, 0, 0, 0, 231, 255, 189, 55,
-	0, 0, 0, 0, 0, 0, 0, 0, 231, 255, 255, 189, 55, 0,
-	0, 0, 0, 0, 0, 0, 231, 255, 255, 255, 189, 55, 0, 0,
-	0, 0, 0, 0, 231, 255, 255, 255, 255, 189, 55, 0, 0, 0,
-	0, 0, 231, 255, 255, 255, 255, 255, 189, 55, 0, 0, 0, 0,
-	231, 255, 255, 255, 255, 255, 255, 189, 55, 0, 0, 0, 231, 255,
-	255, 255, 255, 255, 255, 255, 189, 55, 0, 0, 231, 255, 255, 255,
-	255, 255, 255, 255, 255, 189, 55, 0, 231, 255, 255, 255, 255, 255,
-	255, 255, 255, 255, 189, 55, 231, 255, 255, 255, 255, 255, 255, 255,
-	255, 255, 255, 189, 231, 255, 255, 255, 255, 255, 255, 189, 189, 189,
-	189, 189, 231, 255, 255, 255, 244, 255, 255, 188, 77, 0, 0, 0,
-	231, 255, 255, 244, 55, 211, 255, 255, 211, 0, 0, 0, 231, 255,
-	244, 55, 0, 180, 255, 255, 180, 77, 0, 0, 189, 244, 55, 0,
-	0, 55, 215, 255, 255, 209, 0, 0, 0, 0, 0, 0, 0, 0,
-	180, 255, 255, 204, 0, 0, 0, 0, 0, 0, 0, 0, 26, 215,
-	158, 49, 0, 0 }
+        { 3,   3,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   3,   3,
+          3,   0,   0,   0,   0,   0,   0,   0,   0,   0,   3,   229, 3,   3,
+          0,   0,   0,   0,   0,   0,   0,   0,   3,   255, 229, 3,   3,   0,
+          0,   0,   0,   0,   0,   0,   3,   255, 255, 229, 3,   3,   0,   0,
+          0,   0,   0,   0,   3,   255, 255, 255, 229, 3,   3,   0,   0,   0,
+          0,   0,   3,   255, 255, 255, 255, 229, 3,   3,   0,   0,   0,   0,
+          3,   255, 255, 255, 255, 253, 226, 3,   3,   0,   0,   0,   3,   255,
+          255, 255, 253, 251, 248, 220, 3,   3,   0,   0,   3,   255, 255, 253,
+          251, 248, 245, 241, 214, 3,   3,   0,   3,   255, 253, 251, 248, 245,
+          241, 238, 234, 207, 3,   3,   3,   253, 251, 248, 245, 241, 238, 234,
+          230, 226, 201, 3,   3,   251, 248, 245, 217, 238, 234, 3,   3,   3,
+          3,   3,   3,   248, 245, 217, 3,   164, 230, 3,   3,   0,   0,   0,
+          3,   245, 217, 3,   3,   3,   226, 201, 3,   0,   0,   0,   3,   217,
+          3,   3,   0,   3,   176, 219, 3,   3,   0,   0,   3,   3,   3,   0,
+          0,   3,   3,   216, 192, 3,   0,   0,   0,   0,   0,   0,   0,   0,
+          3,   192, 211, 3,   0,   0,   0,   0,   0,   0,   0,   0,   3,   3,
+          3,   3,   0,   0 },
+        { 6,   6,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   6,   6,
+          6,   0,   0,   0,   0,   0,   0,   0,   0,   0,   6,   230, 6,   6,
+          0,   0,   0,   0,   0,   0,   0,   0,   6,   255, 230, 6,   6,   0,
+          0,   0,   0,   0,   0,   0,   6,   255, 255, 230, 6,   6,   0,   0,
+          0,   0,   0,   0,   6,   255, 255, 255, 230, 6,   6,   0,   0,   0,
+          0,   0,   6,   255, 255, 255, 255, 230, 6,   6,   0,   0,   0,   0,
+          6,   255, 255, 255, 255, 253, 226, 6,   6,   0,   0,   0,   6,   255,
+          255, 255, 253, 251, 248, 221, 6,   6,   0,   0,   6,   255, 255, 253,
+          251, 248, 245, 241, 214, 6,   6,   0,   6,   255, 253, 251, 248, 245,
+          241, 238, 234, 207, 6,   6,   6,   253, 251, 248, 245, 241, 238, 234,
+          230, 226, 201, 6,   6,   251, 248, 245, 217, 238, 234, 6,   6,   6,
+          6,   6,   6,   248, 245, 217, 6,   165, 230, 6,   6,   0,   0,   0,
+          6,   245, 217, 6,   6,   6,   226, 201, 6,   0,   0,   0,   6,   217,
+          6,   6,   0,   6,   176, 219, 6,   6,   0,   0,   6,   6,   6,   0,
+          0,   6,   6,   216, 192, 6,   0,   0,   0,   0,   0,   0,   0,   0,
+          6,   192, 211, 6,   0,   0,   0,   0,   0,   0,   0,   0,   6,   6,
+          6,   6,   0,   0 },
+        { 26,  26,  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   26,  26,
+          26,  0,   0,   0,   0,   0,   0,   0,   0,   0,   26,  232, 26,  26,
+          0,   0,   0,   0,   0,   0,   0,   0,   26,  255, 232, 26,  26,  0,
+          0,   0,   0,   0,   0,   0,   26,  255, 255, 232, 26,  26,  0,   0,
+          0,   0,   0,   0,   26,  255, 255, 255, 232, 26,  26,  0,   0,   0,
+          0,   0,   26,  255, 255, 255, 255, 232, 26,  26,  0,   0,   0,   0,
+          26,  255, 255, 255, 255, 253, 228, 26,  26,  0,   0,   0,   26,  255,
+          255, 255, 253, 251, 248, 223, 26,  26,  0,   0,   26,  255, 255, 253,
+          251, 248, 245, 241, 216, 26,  26,  0,   26,  255, 253, 251, 248, 245,
+          241, 238, 234, 209, 26,  26,  26,  253, 251, 248, 245, 241, 238, 234,
+          230, 226, 203, 26,  26,  251, 248, 245, 219, 238, 234, 26,  26,  26,
+          26,  26,  26,  248, 245, 219, 26,  171, 230, 26,  26,  0,   0,   0,
+          26,  245, 219, 26,  26,  26,  226, 203, 26,  0,   0,   0,   26,  219,
+          26,  26,  0,   26,  181, 219, 26,  26,  0,   0,   26,  26,  26,  0,
+          0,   26,  26,  216, 194, 26,  0,   0,   0,   0,   0,   0,   0,   0,
+          26,  194, 211, 26,  0,   0,   0,   0,   0,   0,   0,   0,   26,  26,
+          26,  26,  0,   0 },
+        { 231, 55,  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   231, 189,
+          55,  0,   0,   0,   0,   0,   0,   0,   0,   0,   231, 255, 189, 55,
+          0,   0,   0,   0,   0,   0,   0,   0,   231, 255, 255, 189, 55,  0,
+          0,   0,   0,   0,   0,   0,   231, 255, 255, 255, 189, 55,  0,   0,
+          0,   0,   0,   0,   231, 255, 255, 255, 255, 189, 55,  0,   0,   0,
+          0,   0,   231, 255, 255, 255, 255, 255, 189, 55,  0,   0,   0,   0,
+          231, 255, 255, 255, 255, 255, 255, 189, 55,  0,   0,   0,   231, 255,
+          255, 255, 255, 255, 255, 255, 189, 55,  0,   0,   231, 255, 255, 255,
+          255, 255, 255, 255, 255, 189, 55,  0,   231, 255, 255, 255, 255, 255,
+          255, 255, 255, 255, 189, 55,  231, 255, 255, 255, 255, 255, 255, 255,
+          255, 255, 255, 189, 231, 255, 255, 255, 255, 255, 255, 189, 189, 189,
+          189, 189, 231, 255, 255, 255, 244, 255, 255, 188, 77,  0,   0,   0,
+          231, 255, 255, 244, 55,  211, 255, 255, 211, 0,   0,   0,   231, 255,
+          244, 55,  0,   180, 255, 255, 180, 77,  0,   0,   189, 244, 55,  0,
+          0,   55,  215, 255, 255, 209, 0,   0,   0,   0,   0,   0,   0,   0,
+          180, 255, 255, 204, 0,   0,   0,   0,   0,   0,   0,   0,   26,  215,
+          158, 49,  0,   0 }
 };
 
 static int ui_cursor_load_default_image(pd_canvas_t *buff)
 {
-	unsigned x, y;
-	size_t i;
-	pd_color_t *p;
-
-	if (pd_canvas_is_valid(buff)) {
-		pd_canvas_destroy(buff);
-	}
-	pd_canvas_init(buff);
-	buff->color_type = PD_COLOR_TYPE_ARGB;
-	if (pd_canvas_create(buff, 12, 19) != 0) {
-		return -1;
-	}
-	for (y = 0; y < buff->height; ++y) {
-		i = y * buff->width;
-		p = buff->argb + i;
-		for (x = 0; x < buff->width; ++x, ++i) {
-			p->r = ui_cursor_image_data[0][i];
-			p->g = ui_cursor_image_data[1][i];
-			p->b = ui_cursor_image_data[2][i];
-			p->a = ui_cursor_image_data[3][i];
-		}
-	}
-	return 0;
+        unsigned x, y;
+        size_t i;
+        pd_color_t *p;
+
+        if (pd_canvas_is_valid(buff)) {
+                pd_canvas_destroy(buff);
+        }
+        pd_canvas_init(buff);
+        buff->color_type = PD_COLOR_TYPE_ARGB;
+        if (pd_canvas_create(buff, 12, 19) != 0) {
+                return -1;
+        }
+        for (y = 0; y < buff->height; ++y) {
+                i = y * buff->width;
+                p = buff->argb + i;
+                for (x = 0; x < buff->width; ++x, ++i) {
+                        p->r = ui_cursor_image_data[0][i];
+                        p->g = ui_cursor_image_data[1][i];
+                        p->b = ui_cursor_image_data[2][i];
+                        p->a = ui_cursor_image_data[3][i];
+                }
+        }
+        return 0;
 }
 
 static void ui_cursor_on_mouse_event(ptk_event_t *e, void *arg)
 {
-	// TODO: 事件中的 xy 是否需要转换为相对于窗口客户区？
-	ui_cursor.x = e->mouse.x;
-	ui_cursor.y = e->mouse.y;
-	if (ui_cursor.window != e->window) {
-		ui_cursor_refresh();
-	}
-	ui_cursor.window = e->window;
-	ui_cursor_refresh();
+        // TODO: 事件中的 xy 是否需要转换为相对于窗口客户区？
+        ui_cursor.x = e->mouse.x;
+        ui_cursor.y = e->mouse.y;
+        if (ui_cursor.window != e->window) {
+                ui_cursor_refresh();
+        }
+        ui_cursor.window = e->window;
+        ui_cursor_refresh();
 }
 
 static void ui_cursor_get_rect(pd_rect_t *rect)
 {
-	rect->x = ui_cursor.x;
-	rect->y = ui_cursor.y;
-	rect->width = ui_cursor.image.width;
-	rect->height = ui_cursor.image.height;
+        rect->x = ui_cursor.x;
+        rect->y = ui_cursor.y;
+        rect->width = ui_cursor.image.width;
+        rect->height = ui_cursor.image.height;
 }
 
 void ui_cursor_refresh(void)
 {
-	ptk_event_t e = { 0 };
-
-	if (!ui_cursor.visible || !ui_cursor.window) {
-		return;
-	}
-	e.type = PTK_EVENT_PAINT;
-	e.window = ui_cursor.window;
-	ui_cursor_get_rect(&e.paint.rect);
-	ptk_post_event(&e);
+        ptk_event_t e = { 0 };
+
+        if (!ui_cursor.visible || !ui_cursor.window) {
+                return;
+        }
+        e.type = PTK_EVENT_PAINT;
+        e.window = ui_cursor.window;
+        ui_cursor_get_rect(&e.paint.rect);
+        ptk_post_event(&e);
 }
 
 bool ui_cursor_is_visible(void)
 {
-	return ui_cursor.visible;
+        return ui_cursor.visible;
 }
 
 void ui_cursor_show(void)
 {
-	ui_cursor.visible = true;
-	ui_cursor_refresh();
+        ui_cursor.visible = true;
+        ui_cursor_refresh();
 }
 
 void ui_cursor_hide(void)
 {
-	ui_cursor_refresh();
-	ui_cursor.visible = false;
+        ui_cursor_refresh();
+        ui_cursor.visible = false;
 }
 
 void ui_cursor_set_position(int x, int y)
 {
-	ui_cursor_refresh();
-	ui_cursor.x = x;
-	ui_cursor.y = y;
-	ui_cursor_refresh();
+        ui_cursor_refresh();
+        ui_cursor.x = x;
+        ui_cursor.y = y;
+        ui_cursor_refresh();
 }
 
 int ui_cursor_set_image(pd_canvas_t *image)
 {
-	if (pd_canvas_is_valid(image)) {
-		ui_cursor_refresh();
-		if (pd_canvas_is_valid(&ui_cursor.image)) {
-			pd_canvas_destroy(&ui_cursor.image);
-		}
-		pd_canvas_copy(&ui_cursor.image, image);
-		ui_cursor_refresh();
-		return 0;
-	}
-	return -1;
+        if (pd_canvas_is_valid(image)) {
+                ui_cursor_refresh();
+                if (pd_canvas_is_valid(&ui_cursor.image)) {
+                        pd_canvas_destroy(&ui_cursor.image);
+                }
+                pd_canvas_copy(&ui_cursor.image, image);
+                ui_cursor_refresh();
+                return 0;
+        }
+        return -1;
 }
 
 void ui_cursor_get_position(int *x, int *y)
 {
-	*x = ui_cursor.x;
-	*y = ui_cursor.y;
+        *x = ui_cursor.x;
+        *y = ui_cursor.y;
 }
 
-int ui_cursor_paint(ptk_window_t *w, ptk_window_paint_t* paint)
+int ui_cursor_paint(ptk_window_t *w, ptk_window_paint_t *paint)
 {
-	int x, y;
-	if (!ui_cursor.visible) {
-		return 0;
-	}
-	// TODO: 转换为窗口客户区内的坐标
-	x = ui_cursor.x - paint->rect.x;
-	y = ui_cursor.y - paint->rect.y;
-	return pd_canvas_mix(&paint->canvas, &ui_cursor.image, x, y, false);
+        int x, y;
+        if (!ui_cursor.visible) {
+                return 0;
+        }
+        // TODO: 转换为窗口客户区内的坐标
+        x = ui_cursor.x - paint->rect.x;
+        y = ui_cursor.y - paint->rect.y;
+        return pd_canvas_mix(&paint->canvas, &ui_cursor.image, x, y, false);
 }
 
 void ui_cursor_init(void)
 {
-	pd_canvas_t image;
-
-	pd_canvas_init(&image);
-	pd_canvas_init(&ui_cursor.image);
-	/* 载入自带的游标的图形数据 */
-	ui_cursor_load_default_image(&image);
-	// TODO: 移除 app 依赖
-	ptk_on_event(PTK_EVENT_MOUSEMOVE, ui_cursor_on_mouse_event, NULL);
-	ui_cursor_set_image(&image);
-	pd_canvas_destroy(&image);
+        pd_canvas_t image;
+
+        pd_canvas_init(&image);
+        pd_canvas_init(&ui_cursor.image);
+        /* 载入自带的游标的图形数据 */
+        ui_cursor_load_default_image(&image);
+        // TODO: 移除 app 依赖
+        ptk_on_event(PTK_EVENT_MOUSEMOVE, ui_cursor_on_mouse_event, NULL);
+        ui_cursor_set_image(&image);
+        pd_canvas_destroy(&image);
 }
 
 void ui_cursor_destroy(void)
 {
-	pd_canvas_destroy(&ui_cursor.image);
+        pd_canvas_destroy(&ui_cursor.image);
 }
diff --git a/lib/ui-cursor/xmake.lua b/lib/ui-cursor/xmake.lua
index 3b99d0c76..0766a52a7 100644
--- a/lib/ui-cursor/xmake.lua
+++ b/lib/ui-cursor/xmake.lua
@@ -1,7 +1,5 @@
-set_project("libui-cursor")
-set_version("0.1.0-a")
-
 target("libui-cursor")
+    set_version("0.1.0-a")
     set_kind("$(kind)")
     add_files("src/**.c")
     add_deps("yutil", "pandagl", "libptk")
diff --git a/lib/ui-router/README.md b/lib/ui-router/README.md
new file mode 100644
index 000000000..3714eaa4d
--- /dev/null
+++ b/lib/ui-router/README.md
@@ -0,0 +1,29 @@
+# libui-router
+
+(**English**/[中文](README.zh-cn.md))
+
+`libui-router` is the UI binding layer that connects [librouter](../router/README.md) to [libui](../ui/) widgets.
+
+It ships two widgets:
+
+- `router-link` — a clickable widget that triggers navigation; mirrors `<router-link>` from Vue Router. Toggles `router-link-active` and `router-link-exact-active` classes based on the current route.
+- `router-view` — a route outlet that renders the matched component for the current route.
+
+## Usage
+
+```c
+#include <ui.h>
+#include <ui_router.h>
+
+ui_init();
+ui_register_router_link();
+ui_register_router_view();
+
+/* Now "router-link" and "router-view" widget types are available. */
+```
+
+When LCUI is used as a whole, `lcui_init()` already calls these registration functions through `lcui_widgets_init()`; this lib only needs to be called manually if you embed `libui-router` without the LCUI top-level shell.
+
+## License
+
+[MIT licensed](../../LICENSE.TXT).
diff --git a/lib/ui-router/README.zh-cn.md b/lib/ui-router/README.zh-cn.md
new file mode 100644
index 000000000..31b335efb
--- /dev/null
+++ b/lib/ui-router/README.zh-cn.md
@@ -0,0 +1,29 @@
+# libui-router
+
+([English](README.md)/**中文**)
+
+`libui-router` 是连接 [librouter](../router/README.zh-cn.md) 与 [libui](../ui/) 部件系统的 UI 绑定层。
+
+它提供两个部件：
+
+- `router-link` —— 可点击触发路由跳转的部件，对应 Vue Router 的 `<router-link>`。会根据当前路由切换 `router-link-active` 和 `router-link-exact-active` 类名。
+- `router-view` —— 路由出口，渲染当前路由匹配到的组件。
+
+## 用法
+
+```c
+#include <ui.h>
+#include <ui_router.h>
+
+ui_init();
+ui_register_router_link();
+ui_register_router_view();
+
+/* 此后 "router-link" 与 "router-view" 部件类型可用。 */
+```
+
+在使用完整的 LCUI 时，`lcui_init()` 会通过 `lcui_widgets_init()` 自动调用上述注册函数；只有在脱离 LCUI 顶层壳直接嵌入 `libui-router` 时才需要手动调用。
+
+## 许可
+
+代码基于 [MIT 许可协议](../../LICENSE.TXT) 发布。
diff --git a/lib/ui-router/include/ui_router.h b/lib/ui-router/include/ui_router.h
new file mode 100644
index 000000000..faa0afede
--- /dev/null
+++ b/lib/ui-router/include/ui_router.h
@@ -0,0 +1,19 @@
+/*
+ * lib/ui-router/include/ui_router.h: -- The router widgets for LCUI.
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#ifndef LIB_UI_ROUTER_INCLUDE_UI_ROUTER_H
+#define LIB_UI_ROUTER_INCLUDE_UI_ROUTER_H
+
+#include "ui_router/common.h"
+#include "ui_router/link.h"
+#include "ui_router/view.h"
+
+#endif
diff --git a/lib/ui-router/include/ui_router/common.h b/lib/ui-router/include/ui_router/common.h
new file mode 100644
index 000000000..92821add3
--- /dev/null
+++ b/lib/ui-router/include/ui_router/common.h
@@ -0,0 +1,33 @@
+/*
+ * lib/ui-router/include/ui_router/common.h
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include "config.h"
+#ifdef __cplusplus
+#define LIBUI_ROUTER_BEGIN_DECLS extern "C" {
+#define LIBUI_ROUTER_END_DECLS }
+#else
+#define LIBUI_ROUTER_BEGIN_DECLS
+#define LIBUI_ROUTER_END_DECLS
+#endif
+
+#ifndef LIBUI_ROUTER_PUBLIC
+#if defined(_MSC_VER) && !defined(LIBUI_ROUTER_STATIC_BUILD)
+#ifdef LIBUI_ROUTER_DLL_EXPORT
+#define LIBUI_ROUTER_PUBLIC __declspec(dllexport)
+#else
+#define LIBUI_ROUTER_PUBLIC __declspec(dllimport)
+#endif
+#elif __GNUC__ >= 4
+#define LIBUI_ROUTER_PUBLIC extern __attribute__((visibility("default")))
+#else
+#define LIBUI_ROUTER_PUBLIC extern
+#endif
+#endif
diff --git a/lib/ui-router/include/ui_router/link.h b/lib/ui-router/include/ui_router/link.h
new file mode 100644
index 000000000..8a1ac3b20
--- /dev/null
+++ b/lib/ui-router/include/ui_router/link.h
@@ -0,0 +1,30 @@
+/*
+ * lib/ui-router/include/ui_router/link.h
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#ifndef LIB_UI_ROUTER_INCLUDE_LINK_H
+#define LIB_UI_ROUTER_INCLUDE_LINK_H
+
+#include <ui/types.h>
+#include <router/types.h>
+#include "common.h"
+
+LIBUI_ROUTER_BEGIN_DECLS
+
+LIBUI_ROUTER_PUBLIC void ui_router_link_set_location(
+    ui_widget_t *w, router_location_t *location);
+
+LIBUI_ROUTER_PUBLIC void ui_router_link_set_exact(ui_widget_t *w, bool exact);
+
+LIBUI_ROUTER_PUBLIC void ui_register_router_link(void);
+
+LIBUI_ROUTER_END_DECLS
+
+#endif
diff --git a/lib/ui-router/include/ui_router/view.h b/lib/ui-router/include/ui_router/view.h
new file mode 100644
index 000000000..4faa53c49
--- /dev/null
+++ b/lib/ui-router/include/ui_router/view.h
@@ -0,0 +1,27 @@
+/*
+ * lib/ui-router/include/ui_router/view.h
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#ifndef LIB_UI_ROUTER_INCLUDE_VIEW_H
+#define LIB_UI_ROUTER_INCLUDE_VIEW_H
+
+#include <ui/types.h>
+#include "common.h"
+
+LIBUI_ROUTER_BEGIN_DECLS
+
+LIBUI_ROUTER_PUBLIC ui_widget_t *ui_router_view_get_matched_widget(
+    ui_widget_t *w);
+
+LIBUI_ROUTER_PUBLIC void ui_register_router_view(void);
+
+LIBUI_ROUTER_END_DECLS
+
+#endif
diff --git a/lib/ui-router/src/config.h.in b/lib/ui-router/src/config.h.in
new file mode 100644
index 000000000..f90df4501
--- /dev/null
+++ b/lib/ui-router/src/config.h.in
@@ -0,0 +1,5 @@
+#define LIBUI_ROUTER_VERSION "${VERSION}"
+#define LIBUI_ROUTER_VERSION_MAJOR ${VERSION_MAJOR}
+#define LIBUI_ROUTER_VERSION_MINOR ${VERSION_MINOR}
+#define LIBUI_ROUTER_VERSION_ALTER ${VERSION_ALTER}
+${define LIBUI_ROUTER_STATIC_BUILD}
diff --git a/src/widgets/router_link.c b/lib/ui-router/src/link.c
similarity index 93%
rename from src/widgets/router_link.c
rename to lib/ui-router/src/link.c
index 10ede9953..a6c931867 100644
--- a/src/widgets/router_link.c
+++ b/lib/ui-router/src/link.c
@@ -1,17 +1,17 @@
 /*
- * src/widgets/router_link.c
+ * lib/ui-router/src/link.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <ui.h>
 #include <router.h>
-#include <LCUI/widgets/router_link.h>
+#include <ui_router/link.h>
 
 // Refer: https://router.vuejs.org/api/#router-link-props
 
@@ -96,14 +96,14 @@ static void ui_router_link_on_set_attr(ui_widget_t *w, const char *name,
                         ui_widget_remove_class(w, link->exact_active_class);
                         free(link->exact_active_class);
                 }
-                link->exact_active_class = strdup2(value);
+                link->exact_active_class = y_strdup(value);
                 ui_router_link_refresh(w);
         } else if (strcmp(name, "active-class") == 0) {
                 if (link->active_class) {
                         ui_widget_remove_class(w, link->active_class);
                         free(link->active_class);
                 }
-                link->active_class = strdup2(value);
+                link->active_class = y_strdup(value);
                 ui_router_link_refresh(w);
         } else {
                 ui_router_link_proto->proto->setattr(w, name, value);
@@ -139,8 +139,8 @@ static void ui_router_link_on_init(ui_widget_t *w)
 
         link = ui_widget_add_data(w, ui_router_link_proto,
                                   sizeof(ui_router_link_t));
-        link->active_class = strdup2("router-link-active");
-        link->exact_active_class = strdup2("router-link-exact-active");
+        link->active_class = y_strdup("router-link-active");
+        link->exact_active_class = y_strdup("router-link-exact-active");
         link->to = NULL;
         link->replace = false;
         link->exact = false;
diff --git a/src/widgets/router_view.c b/lib/ui-router/src/view.c
similarity index 95%
rename from src/widgets/router_view.c
rename to lib/ui-router/src/view.c
index 4e8e4ee97..120193c50 100644
--- a/src/widgets/router_view.c
+++ b/lib/ui-router/src/view.c
@@ -1,17 +1,17 @@
 /*
- * src/widgets/router_view.c
+ * lib/ui-router/src/view.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <ui.h>
 #include <router.h>
-#include <LCUI/widgets/router_view.h>
+#include <ui_router/view.h>
 
 typedef struct ui_router_view {
         size_t index;
diff --git a/lib/ui-router/xmake.lua b/lib/ui-router/xmake.lua
new file mode 100644
index 000000000..ce143c738
--- /dev/null
+++ b/lib/ui-router/xmake.lua
@@ -0,0 +1,13 @@
+target("libui-router")
+    set_version("0.1.0-a")
+    set_kind("$(kind)")
+    add_files("src/**.c")
+    add_deps("yutil", "libui", "librouter")
+    set_configdir("include/ui_router")
+    add_configfiles("src/config.h.in")
+    add_headerfiles("include/ui_router.h", "include/(ui_router/*.h)")
+    if is_kind("static") then
+        set_configvar("LIBUI_ROUTER_STATIC_BUILD", 1)
+    elseif is_plat("windows") then
+        add_defines("LIBUI_ROUTER_DLL_EXPORT")
+    end
diff --git a/lib/ui-server/include/ui_server.h b/lib/ui-server/include/ui_server.h
index 035e023b5..bedd0c7c8 100644
--- a/lib/ui-server/include/ui_server.h
+++ b/lib/ui-server/include/ui_server.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui-server/include/ui_server.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_UI_SERVER_INCLUDE_UI_SERVER_H
@@ -21,8 +21,10 @@ LIBUI_SERVER_BEGIN_DECLS
 LIBUI_SERVER_PUBLIC ui_widget_t *ui_server_get_widget(ptk_window_t *window);
 LIBUI_SERVER_PUBLIC ptk_window_t *ui_server_get_window(ui_widget_t *widget);
 LIBUI_SERVER_PUBLIC float ui_server_get_window_scale(ptk_window_t *window);
-LIBUI_SERVER_PUBLIC int ui_server_disconnect(ui_widget_t *widget, ptk_window_t *window);
-LIBUI_SERVER_PUBLIC void ui_server_connect(ui_widget_t *widget, ptk_window_t *window);
+LIBUI_SERVER_PUBLIC int ui_server_disconnect(ui_widget_t *widget,
+                                             ptk_window_t *window);
+LIBUI_SERVER_PUBLIC void ui_server_connect(ui_widget_t *widget,
+                                           ptk_window_t *window);
 LIBUI_SERVER_PUBLIC size_t ui_server_render(void);
 LIBUI_SERVER_PUBLIC void ui_server_present(void);
 LIBUI_SERVER_PUBLIC void ui_server_update(void);
diff --git a/lib/ui-server/include/ui_server/common.h b/lib/ui-server/include/ui_server/common.h
index 01c65e8ae..34e2ba4ee 100644
--- a/lib/ui-server/include/ui_server/common.h
+++ b/lib/ui-server/include/ui_server/common.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui-server/include/ui_server/common.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "config.h"
diff --git a/lib/ui-server/src/server.c b/lib/ui-server/src/server.c
index 5550e92ae..13f395fb5 100644
--- a/lib/ui-server/src/server.c
+++ b/lib/ui-server/src/server.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui-server/src/server.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <string.h>
@@ -137,9 +137,6 @@ int ui_server_disconnect(ui_widget_t *widget, ptk_window_t *window)
                 conn = node->data;
                 if ((widget && conn->widget == widget) ||
                     (window && conn->window == window)) {
-                        logger_debug(
-                            "[ui-server] [window %p] disconnect widget: %p\n",
-                            conn->window, conn->widget);
                         ptk_window_close(conn->window);
                         count++;
                 }
@@ -164,11 +161,9 @@ static void ui_server_on_window_close(ptk_event_t *e, void *arg)
         ui_connection_t *conn;
         list_node_t *node;
 
-        logger_debug("[ui-server] [window %p] on close\n", e->window);
         for (list_each(node, &ui_server.connections)) {
                 conn = node->data;
                 if (conn->window == e->window) {
-                        ptk_window_destroy(conn->window);
                         ui_connection_destroy(conn);
                         list_delete_node(&ui_server.connections, node);
                         break;
@@ -224,16 +219,10 @@ static void ui_server_on_window_resize(ptk_event_t *e, void *arg)
         height = e->size.height / scale;
         ui_widget_mark_dirty_rect(conn->widget, NULL, UI_BOX_TYPE_GRAPH_BOX);
         ui_widget_resize(conn->widget, width, height);
-        logger_debug(
-            "[ui-server] [window %p] on_window_resize, widget: (%p, %s), size "
-            "(%g, %g)\n",
-            e->window, conn->widget, conn->widget->type, width, height);
 }
 
 static void ui_server_on_window_dpi_changed(ptk_event_t *e, void *arg)
 {
-        logger_debug("[ui-server] [window %p] on_window_dpi_changed, dpi: %d\n",
-                     e->window, e->dpi_change.dpi);
         ui_refresh_style();
 }
 
@@ -326,8 +315,6 @@ void ui_server_connect(ui_widget_t *widget, ptk_window_t *window)
         ui_mutation_observer_observe(ui_server.observer, widget, options);
         // 在同步前处理所有消息，包括窗口位置、大小变更消息，避免在初次更新时组件的位置和尺寸被窗口覆盖
         ptk_process_native_events(PTK_PROCESS_EVENTS_ALL_IF_PRESENT);
-        logger_debug("[ui-server] [window %p] connect widget(%p, %s)\n", window,
-                     widget, widget->type);
 }
 
 static void get_rendering_layer_size(int *width, int *height)
@@ -422,7 +409,7 @@ static size_t ui_server_render_flash_rect(ui_connection_t *conn,
         if (!paint) {
                 return 0;
         }
-        period = get_time_delta(flash_rect->paint_time);
+        period = (y_gettime() - flash_rect->paint_time);
         count = ui_widget_render(conn->widget, paint);
         ui_cursor_paint(conn->window, paint);
         if (period >= duration) {
@@ -480,14 +467,14 @@ static void ui_server_add_flash_rect(ui_connection_t *conn, pd_rect_t *rect)
         for (list_each(node, &conn->flash_rects)) {
                 flash_rect = node->data;
                 if (is_rect_equals(&flash_rect->rect, rect)) {
-                        flash_rect->paint_time = get_time_ms();
+                        flash_rect->paint_time = y_gettime();
                         return;
                 }
         }
 
         flash_rect = malloc(sizeof(ui_flash_rect_t));
         flash_rect->rect = *rect;
-        flash_rect->paint_time = get_time_ms();
+        flash_rect->paint_time = y_gettime();
         list_append(&conn->flash_rects, flash_rect);
 }
 
@@ -612,7 +599,7 @@ static int window_mutation_list_add(list_t *list,
             strcmp(mutation->property_name, "title") == 0;
         wnd_mutation->update_visible =
             wnd_mutation->update_visible ||
-            strcmp(mutation->property_name, "visible");
+            strcmp(mutation->property_name, "visible") == 0;
         wnd_mutation->update_position =
             wnd_mutation->update_position ||
             strcmp(mutation->property_name, "x") == 0 ||
@@ -655,31 +642,17 @@ static void ui_server_on_widget_mutation(ui_mutation_list_t *mutation_list,
                         ptk_window_set_position(wnd_mutation->window,
                                                 wnd_mutation->x,
                                                 wnd_mutation->y);
-                        logger_debug("[ui-server] [window %p] update position: "
-                                     "(%d, %d)\n",
-                                     wnd_mutation->window, wnd_mutation->x,
-                                     wnd_mutation->y);
                 }
                 if (wnd_mutation->update_size) {
                         ptk_window_set_size(wnd_mutation->window,
                                             wnd_mutation->width,
                                             wnd_mutation->height);
-                        logger_debug(
-                            "[ui-server] [window %p] update size: (%d, %d)\n",
-                            wnd_mutation->window, wnd_mutation->width,
-                            wnd_mutation->height);
                 }
                 if (wnd_mutation->update_title) {
                         ptk_window_set_title(wnd_mutation->window,
                                              wnd_mutation->title);
-                        logger_debug(
-                            "[ui-server] [window %p] update title: %ls\n",
-                            wnd_mutation->window, wnd_mutation->title);
                 }
                 if (wnd_mutation->update_visible) {
-                        logger_debug(
-                            "[ui-server] [window %p] update visible %d\n",
-                            wnd_mutation->window, wnd_mutation->visible);
                         if (wnd_mutation->visible) {
                                 ptk_window_show(wnd_mutation->window);
                         } else {
@@ -702,9 +675,14 @@ void ui_server_update(void)
                         ui_metrics.dpi = 1.f * ptk_window_get_dpi(conn->window);
                         ui_updater_update(conn->updater, conn->widget);
                         if (conn->state == UI_CONNECTION_STATE_PENDING) {
+                                ptk_event_t e = { 0 };
+
                                 conn->state = UI_CONNECTION_STATE_INITIALIZING;
                                 ui_server_refresh_window(conn);
                                 conn->state = UI_CONNECTION_STATE_INITIALIZED;
+                                e.type = PTK_EVENT_CREATE;
+                                e.window = conn->window;
+                                ptk_process_event(&e);
                         }
                 }
         } else {
diff --git a/lib/ui-server/xmake.lua b/lib/ui-server/xmake.lua
index 50b4ac5bb..b256eaac2 100644
--- a/lib/ui-server/xmake.lua
+++ b/lib/ui-server/xmake.lua
@@ -1,10 +1,9 @@
-set_project("libui-server")
-set_version("0.1.0-a")
 add_requires("libomp", {optional = true})
 
 option("with-openmp", {showmenu = true, default = true})
 
 target("libui-server")
+    set_version("0.1.0-a")
     set_kind("$(kind)")
     add_files("src/**.c")
     add_packages("libomp")
diff --git a/lib/ui-xml/include/ui_xml.h b/lib/ui-xml/include/ui_xml.h
index 8edd3bdc7..d67dfc22d 100644
--- a/lib/ui-xml/include/ui_xml.h
+++ b/lib/ui-xml/include/ui_xml.h
@@ -1,12 +1,26 @@
 /*
- * lib/ui-xml/include/ui_xml.h: -- The GUI build module, parse UI config code and build UI.
+ * lib/ui-xml/include/ui_xml.h
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+/*
+ * lib/ui-xml/include/ui_xml.h: -- The GUI build module, parse UI config code
+ * and build UI.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All
+ * rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part
+ * of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file
+ * in the root directory of this source tree.
  */
 
 #ifndef LIB_UI_XML_INCLUDE_XML_H
@@ -22,14 +36,14 @@ LIBUI_XML_BEGIN_DECLS
  * @param[in] str 包含界面配置代码的字符串
  * @return 正常解析会返回一个部件，出现错误则返回 NULL
  */
-LIBUI_XML_PUBLIC ui_widget_t* ui_load_xml_string(const char *str, int size);
+LIBUI_XML_PUBLIC ui_widget_t *ui_load_xml_string(const char *str, int size);
 
 /**
  * 从文件中载入界面配置代码，解析并生成相应的图形界面(元素)
  * @param[in] filepath 文件路径
  * @return 正常解析会返回一个部件，出现错误则返回 NULL
  */
-LIBUI_XML_PUBLIC ui_widget_t* ui_load_xml_file(const char *filepath);
+LIBUI_XML_PUBLIC ui_widget_t *ui_load_xml_file(const char *filepath);
 
 LIBUI_XML_END_DECLS
 
diff --git a/lib/ui-xml/include/ui_xml/common.h b/lib/ui-xml/include/ui_xml/common.h
index c2325d6b1..0547f3edf 100644
--- a/lib/ui-xml/include/ui_xml/common.h
+++ b/lib/ui-xml/include/ui_xml/common.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui-xml/include/ui_xml/common.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "config.h"
diff --git a/lib/ui-xml/src/ui_xml.c b/lib/ui-xml/src/ui_xml.c
index 5d7dd07f3..bcd4ec298 100644
--- a/lib/ui-xml/src/ui_xml.c
+++ b/lib/ui-xml/src/ui_xml.c
@@ -1,12 +1,26 @@
 /*
- * lib/ui-xml/src/ui_xml.c: -- the GUI build module, parse UI config code and build UI.
+ * lib/ui-xml/src/ui_xml.c
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+/*
+ * lib/ui-xml/src/ui_xml.c: -- the GUI build module, parse UI config code and
+ * build UI.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights
+ * reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI,
+ * distributed under the MIT License found in the
+ * LICENSE.TXT file in the
+ * root directory of this source tree.
  */
 
 #include <stdio.h>
@@ -92,7 +106,7 @@ static int ui_builder_parse_resource_node(xml_parser_t *parser, xmlNodePtr node)
                 return PB_WARNING;
         }
         if (strstr(type, "application/font-")) {
-                if (pd_font_library_load_file(src) < 1) {
+                if (pd_font_load_file(src) < 1) {
                         EXIT(PB_WARNING);
                 }
         } else if (strcmp(type, "text/css") == 0) {
@@ -206,8 +220,8 @@ static int ui_builder_parse_widget_node(xml_parser_t *parser, xmlNodePtr node)
                         DEBUG_MSG("widget: %p, add class: %s\n", w, prop_val);
                         ui_widget_add_class(w, prop_val);
                 } else {
-                        prop_name = strdup2((const char *)prop->name);
-                        strtolower(prop_name, (const char *)prop->name);
+                        prop_name = y_strdup((const char *)prop->name);
+                        y_strlower(prop_name, (const char *)prop->name);
                         ui_widget_set_attr(w, prop_name, prop_val);
                         free(prop_name);
                 }
diff --git a/tests/test_xml_parser.nested.xml b/lib/ui-xml/tests/fixtures/test_xml_parser.nested.xml
similarity index 100%
rename from tests/test_xml_parser.nested.xml
rename to lib/ui-xml/tests/fixtures/test_xml_parser.nested.xml
diff --git a/tests/test_xml_parser.xml b/lib/ui-xml/tests/fixtures/test_xml_parser.xml
similarity index 100%
rename from tests/test_xml_parser.xml
rename to lib/ui-xml/tests/fixtures/test_xml_parser.xml
diff --git a/lib/ui-xml/tests/main.c b/lib/ui-xml/tests/main.c
new file mode 100644
index 000000000..78db20457
--- /dev/null
+++ b/lib/ui-xml/tests/main.c
@@ -0,0 +1,19 @@
+/*
+ * lib/ui-xml/tests/main.c
+ *
+ * Copyright (c) 2026, Liu Chao <i@lc-soft.io> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <ctest.h>
+
+extern void test_ui_xml_parser(void);
+
+static const ctest_suite_t suites[] = { { "ui-xml/parser", test_ui_xml_parser },
+                                        { NULL, NULL } };
+
+CTEST_MAIN(suites)
diff --git a/lib/ui-xml/tests/test_xml_parser.c b/lib/ui-xml/tests/test_xml_parser.c
new file mode 100644
index 000000000..211a43ff7
--- /dev/null
+++ b/lib/ui-xml/tests/test_xml_parser.c
@@ -0,0 +1,64 @@
+/*
+ * lib/ui-xml/tests/test_xml_parser.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <ui.h>
+#include <ui_xml.h>
+#include <ctest.h>
+
+static void check_widget_attribute(void)
+{
+        ui_widget_t *w;
+
+        w = ui_get_widget("test-attr-disabled-1");
+        ctest_equal_bool("should be disabled for element-1", w->disabled, true);
+        w = ui_get_widget("test-attr-disabled-2");
+        ctest_equal_bool("should be disabled for element-2", w->disabled, true);
+        w = ui_get_widget("test-attr-disabled-3");
+        ctest_equal_bool("should be disabled for element-3", w->disabled, true);
+        w = ui_get_widget("test-attr-disabled-4");
+        ctest_equal_bool("should not be disabled for element-4", w->disabled,
+                         false);
+}
+
+static void check_widget_loaded_from_nested_xml(void)
+{
+        ui_widget_t *w;
+
+        w = ui_get_widget("test-nested-1");
+        ctest_equal_bool("should exist for test-nested-1", w != NULL, true);
+        w = ui_get_widget("test-nested-2");
+        ctest_equal_bool("should exist for test-nested-2", w != NULL, true);
+        w = ui_get_widget("test-nested-3");
+        ctest_equal_bool("should exist for test-nested-3", w != NULL, true);
+        w = ui_get_widget("test-nested-4");
+        ctest_equal_bool("should exist for test-nested-4", w != NULL, true);
+}
+
+void test_ui_xml_parser(void)
+{
+        ui_widget_t *pack;
+
+        ui_init();
+        ctest_equal_bool(
+            "should load XML file",
+            (pack = ui_load_xml_file("test_xml_parser.xml")) != NULL, true);
+        if (!pack) {
+                ui_destroy();
+                return;
+        }
+        ui_root_append(pack);
+        ui_widget_unwrap(pack);
+        ui_update();
+        ctest_describe("widget attribute", check_widget_attribute);
+        ctest_describe("widgets loaded from nested xml",
+                       check_widget_loaded_from_nested_xml);
+        ui_destroy();
+}
diff --git a/lib/ui-xml/xmake.lua b/lib/ui-xml/xmake.lua
index fd39c3be0..166d066ec 100644
--- a/lib/ui-xml/xmake.lua
+++ b/lib/ui-xml/xmake.lua
@@ -1,8 +1,7 @@
-set_project("libui-xml")
-set_version("0.1.0-a")
 add_requires("libxml2", {optional = true})
 
 target("libui-xml")
+    set_version("0.1.0-a")
     add_packages("libxml2")
     if has_package("libxml2") then
         set_configvar("LIBUI_XML_HAS_LIBXML2", 1)
@@ -18,3 +17,13 @@ target("libui-xml")
     elseif is_plat("windows") then
         add_defines("LIBUI_XML_DLL_EXPORT")
     end
+
+target("libui-xml-tests")
+    set_default(false)
+    set_kind("binary")
+    set_group("tests")
+    set_rundir("tests/fixtures")
+    add_files("tests/main.c", "tests/test_xml_parser.c")
+    add_deps("ctest", "libui-xml")
+    add_rules("tests.runnable")
+    add_tests("default", {group = "tests"})
diff --git a/lib/ui/include/ui.h b/lib/ui/include/ui.h
index 2856c380c..4e8f84728 100644
--- a/lib/ui/include/ui.h
+++ b/lib/ui/include/ui.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/include/ui.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_UI_INCLUDE_UI_H
diff --git a/lib/ui/include/ui/base.h b/lib/ui/include/ui/base.h
index 3d95d9cd1..3c22aa088 100644
--- a/lib/ui/include/ui/base.h
+++ b/lib/ui/include/ui/base.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/include/ui/base.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_UI_INCLUDE_UI_BASE_H
@@ -88,8 +88,8 @@ LIBUI_PUBLIC int ui_widget_unlink(ui_widget_t *w);
 LIBUI_PUBLIC ui_widget_t *ui_widget_prev(ui_widget_t *w);
 LIBUI_PUBLIC ui_widget_t *ui_widget_next(ui_widget_t *w);
 LIBUI_PUBLIC ui_widget_t *ui_widget_get_child(ui_widget_t *w, size_t index);
-LIBUI_PUBLIC size_t ui_widget_each(ui_widget_t *w,
-                                   ui_widget_cb callback, void *arg);
+LIBUI_PUBLIC size_t ui_widget_each(ui_widget_t *w, ui_widget_cb callback,
+                                   void *arg);
 LIBUI_PUBLIC ui_widget_t *ui_widget_at(ui_widget_t *widget, int ix, int iy);
 LIBUI_PUBLIC void ui_print_tree(ui_widget_t *w);
 
@@ -98,7 +98,8 @@ LIBUI_PUBLIC void ui_print_tree(ui_widget_t *w);
 LIBUI_PUBLIC bool ui_widget_is_visible(ui_widget_t *w);
 LIBUI_PUBLIC void ui_widget_move(ui_widget_t *w, float left, float top);
 LIBUI_PUBLIC void ui_widget_resize(ui_widget_t *w, float width, float height);
-LIBUI_PUBLIC void ui_widget_set_background_image_url(ui_widget_t *w, const char *path);
+LIBUI_PUBLIC void ui_widget_set_background_image_url(ui_widget_t *w,
+                                                     const char *path);
 LIBUI_PUBLIC void ui_widget_show(ui_widget_t *w);
 LIBUI_PUBLIC void ui_widget_hide(ui_widget_t *w);
 LIBUI_PUBLIC ui_widget_t *ui_widget_get_closest(ui_widget_t *w,
@@ -124,8 +125,8 @@ LIBUI_PUBLIC void ui_widget_reset_width(ui_widget_t *w);
 
 LIBUI_PUBLIC void ui_widget_reset_height(ui_widget_t *w);
 
-LIBUI_PUBLIC void ui_widget_compute_size(ui_widget_t *w, float *width, float *height);
-
+LIBUI_PUBLIC void ui_widget_compute_size(ui_widget_t *w, float *width,
+                                         float *height);
 
 LIBUI_PUBLIC void ui_widget_reflow_if_width_changed(ui_widget_t *w);
 LIBUI_PUBLIC void ui_widget_reflow_if_height_changed(ui_widget_t *w);
diff --git a/lib/ui/include/ui/common.h b/lib/ui/include/ui/common.h
index a868967d6..140c0e50f 100644
--- a/lib/ui/include/ui/common.h
+++ b/lib/ui/include/ui/common.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/include/ui/common.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_UI_INCLUDE_UI_COMMON_H
@@ -49,7 +49,7 @@
 #endif
 
 #define _DEBUG_MSG(format, ...)                                       \
-	logger_log(LOGGER_LEVEL_DEBUG, __FILE__ ":%d: %s(): " format, \
-		   __LINE__, __FUNCTION__, ##__VA_ARGS__)
+        logger_log(LOGGER_LEVEL_DEBUG, __FILE__ ":%d: %s(): " format, \
+                   __LINE__, __FUNCTION__, ##__VA_ARGS__)
 
 #endif
diff --git a/lib/ui/include/ui/css.h b/lib/ui/include/ui/css.h
index 465a7fde7..b10950b3a 100644
--- a/lib/ui/include/ui/css.h
+++ b/lib/ui/include/ui/css.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/include/ui/css.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_UI_INCLUDE_UI_CSS_H
diff --git a/lib/ui/include/ui/events.h b/lib/ui/include/ui/events.h
index 2463e7f4f..13a573493 100644
--- a/lib/ui/include/ui/events.h
+++ b/lib/ui/include/ui/events.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/include/ui/events.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_UI_INCLUDE_UI_EVENTS_H
diff --git a/lib/ui/include/ui/hash.h b/lib/ui/include/ui/hash.h
index 37fe030d7..ca7da1ea1 100644
--- a/lib/ui/include/ui/hash.h
+++ b/lib/ui/include/ui/hash.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/include/ui/hash.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_UI_INCLUDE_UI_HASH_H
@@ -20,9 +20,9 @@ LIBUI_BEGIN_DECLS
 LIBUI_PUBLIC void ui_widget_generate_self_hash(ui_widget_t *widget);
 LIBUI_PUBLIC void ui_widget_generate_hash(ui_widget_t *w);
 LIBUI_PUBLIC size_t ui_widget_export_hash(ui_widget_t *w, unsigned *hash_list,
-				      size_t len);
+                                          size_t len);
 LIBUI_PUBLIC size_t ui_widget_import_hash(ui_widget_t *w, unsigned *hash_list,
-				      size_t maxlen);
+                                          size_t maxlen);
 
 LIBUI_END_DECLS
 
diff --git a/lib/ui/include/ui/image.h b/lib/ui/include/ui/image.h
index 87eef7290..bcc3d1ed1 100644
--- a/lib/ui/include/ui/image.h
+++ b/lib/ui/include/ui/image.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/include/ui/image.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_UI_INCLUDE_UI_IMAGE_H
diff --git a/lib/ui/include/ui/logger.h b/lib/ui/include/ui/logger.h
index 1c0fda9c2..48448ecd5 100644
--- a/lib/ui/include/ui/logger.h
+++ b/lib/ui/include/ui/logger.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/include/ui/logger.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_UI_INCLUDE_UI_LOGGER_H
@@ -18,7 +18,7 @@
 LIBUI_BEGIN_DECLS
 
 LIBUI_PUBLIC int ui_logger_log(logger_level_e level, ui_widget_t *w,
-			       const char *fmt, ...);
+                               const char *fmt, ...);
 
 #define ui_debug(W, ...) ui_logger_log(LOGGER_LEVEL_DEBUG, W, ##__VA_ARGS__)
 
diff --git a/lib/ui/include/ui/metrics.h b/lib/ui/include/ui/metrics.h
index 9446446dd..4588f29e7 100644
--- a/lib/ui/include/ui/metrics.h
+++ b/lib/ui/include/ui/metrics.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/include/ui/metrics.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_UI_INCLUDE_UI_METRICS_H
diff --git a/lib/ui/include/ui/mutation_observer.h b/lib/ui/include/ui/mutation_observer.h
index 8b3920d6d..a07a313ab 100644
--- a/lib/ui/include/ui/mutation_observer.h
+++ b/lib/ui/include/ui/mutation_observer.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/include/ui/mutation_observer.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_UI_INCLUDE_UI_MUTATION_OBSERVER_H
diff --git a/lib/ui/include/ui/prototype.h b/lib/ui/include/ui/prototype.h
index d74ab0ed7..74616e12c 100644
--- a/lib/ui/include/ui/prototype.h
+++ b/lib/ui/include/ui/prototype.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/include/ui/prototype.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_UI_INCLUDE_UI_PROTOTYPE_H
diff --git a/lib/ui/include/ui/rect.h b/lib/ui/include/ui/rect.h
index 9c7de04fd..25a13245c 100644
--- a/lib/ui/include/ui/rect.h
+++ b/lib/ui/include/ui/rect.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/include/ui/rect.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_UI_INCLUDE_UI_RECT_H
diff --git a/lib/ui/include/ui/style.h b/lib/ui/include/ui/style.h
index f992d48a0..f60e663a9 100644
--- a/lib/ui/include/ui/style.h
+++ b/lib/ui/include/ui/style.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/include/ui/style.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_UI_INCLUDE_UI_STYLE_H
@@ -20,9 +20,9 @@
 LIBUI_BEGIN_DECLS
 
 LIBUI_PUBLIC void ui_widget_get_style(ui_widget_t *w, int key,
-				      css_style_value_t *value);
+                                      css_style_value_t *value);
 LIBUI_PUBLIC void ui_widget_set_style(ui_widget_t *w, int key,
-				      const css_style_value_t *value);
+                                      const css_style_value_t *value);
 LIBUI_PUBLIC int ui_widget_unset_style(ui_widget_t *w, int key);
 LIBUI_PUBLIC css_selector_node_t *ui_widget_create_selector_node(
     ui_widget_t *w);
@@ -30,17 +30,17 @@ LIBUI_PUBLIC css_selector_t *ui_widget_create_selector(ui_widget_t *w);
 LIBUI_PUBLIC void ui_widget_update_children_style(ui_widget_t *w);
 LIBUI_PUBLIC void ui_widget_refresh_children_style(ui_widget_t *w);
 LIBUI_PUBLIC int ui_widget_set_style_string(ui_widget_t *w,
-					    const char *property,
-					    const char *css_text);
+                                            const char *property,
+                                            const char *css_text);
 LIBUI_PUBLIC void ui_widget_set_style_unit_value(ui_widget_t *w, int key,
-						 css_numeric_value_t value,
-						 css_unit_t unit);
+                                                 css_numeric_value_t value,
+                                                 css_unit_t unit);
 LIBUI_PUBLIC void ui_widget_set_style_keyword_value(ui_widget_t *w, int key,
-						    css_keyword_value_t value);
+                                                    css_keyword_value_t value);
 LIBUI_PUBLIC void ui_widget_set_style_color_value(ui_widget_t *w, int key,
-						  css_color_value_t value);
+                                                  css_color_value_t value);
 LIBUI_PUBLIC void ui_widget_set_style_numeric_value(ui_widget_t *w, int key,
-						    css_numeric_value_t value);
+                                                    css_numeric_value_t value);
 LIBUI_PUBLIC void ui_widget_compute_style(ui_widget_t *w);
 LIBUI_PUBLIC void ui_widget_update_style(ui_widget_t *w);
 
diff --git a/lib/ui/include/ui/text_style.h b/lib/ui/include/ui/text_style.h
index cac516802..02a433bc5 100644
--- a/lib/ui/include/ui/text_style.h
+++ b/lib/ui/include/ui/text_style.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/include/ui/text_style.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_UI_INCLUDE_UI_TEXT_STYLE_H
@@ -25,16 +25,16 @@ LIBUI_BEGIN_DECLS
 #define UI_LINE_HEIGHT_SCALE 1.42857143
 
 typedef struct ui_text_style {
-	int font_size;
-	int line_height;
-	int *font_ids;
-	wchar_t *content;
-	pd_color_t color;
-	uint8_t font_style;
-	uint8_t font_weight;
-	uint8_t text_align;
-	uint8_t white_space;
-	uint8_t word_break;
+        int font_size;
+        int line_height;
+        int *font_ids;
+        wchar_t *content;
+        pd_color_t color;
+        uint8_t font_style;
+        uint8_t font_weight;
+        uint8_t text_align;
+        uint8_t white_space;
+        uint8_t word_break;
 } ui_text_style_t;
 
 LIBUI_PUBLIC void ui_text_style_init(ui_text_style_t *fs);
@@ -42,10 +42,10 @@ LIBUI_PUBLIC void ui_text_style_init(ui_text_style_t *fs);
 LIBUI_PUBLIC void ui_text_style_destroy(ui_text_style_t *fs);
 
 LIBUI_PUBLIC bool ui_text_style_is_equal(const ui_text_style_t *a,
-					 const ui_text_style_t *b);
+                                         const ui_text_style_t *b);
 
 LIBUI_PUBLIC void ui_compute_text_style(ui_text_style_t *fs,
-					const css_computed_style_t *ss);
+                                        const css_computed_style_t *ss);
 
 LIBUI_END_DECLS
 
diff --git a/lib/ui/include/ui/types.h b/lib/ui/include/ui/types.h
index d3e5e2d42..4769e3d4a 100644
--- a/lib/ui/include/ui/types.h
+++ b/lib/ui/include/ui/types.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/include/ui/types.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_UI_INCLUDE_UI_TPYES_H
@@ -182,7 +182,7 @@ struct ui_widget_prototype {
         void (*update)(ui_widget_t *, ui_task_type_t);
         void (*setattr)(ui_widget_t *, const char *, const char *);
         void (*settext)(ui_widget_t *, const char *);
-        void (*sizehint)(ui_widget_t *, ui_sizehint_t*);
+        void (*sizehint)(ui_widget_t *, ui_sizehint_t *);
         void (*resize)(ui_widget_t *, float, float);
         void (*paint)(ui_widget_t *, pd_context_t *,
                       ui_widget_actual_style_t *);
diff --git a/lib/ui/include/ui/updater.h b/lib/ui/include/ui/updater.h
index 1987c8044..6f3b90140 100644
--- a/lib/ui/include/ui/updater.h
+++ b/lib/ui/include/ui/updater.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/include/ui/updater.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_UI_INCLUDE_UI_UPDATER_H
diff --git a/lib/ui/src/ui.c b/lib/ui/src/ui.c
index fccfad5ef..7545eb1b7 100644
--- a/lib/ui/src/ui.c
+++ b/lib/ui/src/ui.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <pandagl.h>
@@ -22,25 +22,25 @@
 
 void ui_init(void)
 {
-	pd_font_library_init();
-	ui_init_widget_id();
-	ui_init_widget_prototype();
-	ui_init_updater();
-	ui_init_root();
-	ui_init_events();
-	ui_init_css();
-	ui_init_image_loader();
+        pd_font_library_init();
+        ui_init_widget_id();
+        ui_init_widget_prototype();
+        ui_init_updater();
+        ui_init_root();
+        ui_init_events();
+        ui_init_css();
+        ui_init_image_loader();
 }
 
 void ui_destroy(void)
 {
-	pd_font_library_destroy();
-	ui_clear_trash();
-	ui_destroy_root();
-	ui_destroy_events();
-	ui_destroy_image_loader();
-	ui_destroy_widget_id();
-	ui_destroy_widget_prototype();
-	ui_destroy_css();
-	ui_destroy_updater();
+        pd_font_library_destroy();
+        ui_clear_trash();
+        ui_destroy_root();
+        ui_destroy_events();
+        ui_destroy_image_loader();
+        ui_destroy_widget_id();
+        ui_destroy_widget_prototype();
+        ui_destroy_css();
+        ui_destroy_updater();
 }
diff --git a/lib/ui/src/ui_block_layout.c b/lib/ui/src/ui_block_layout.c
index db6dec177..0bc5f803b 100644
--- a/lib/ui/src/ui_block_layout.c
+++ b/lib/ui/src/ui_block_layout.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_block_layout.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 // #define UI_DEBUG_ENABLED
diff --git a/lib/ui/src/ui_block_layout.h b/lib/ui/src/ui_block_layout.h
index c22fb1b44..a0f535daa 100644
--- a/lib/ui/src/ui_block_layout.h
+++ b/lib/ui/src/ui_block_layout.h
@@ -1,13 +1,12 @@
 /*
  * lib/ui/src/ui_block_layout.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 void ui_block_layout_reflow(ui_widget_t *w, ui_resizer_t *resizer);
-
diff --git a/lib/ui/src/ui_css.c b/lib/ui/src/ui_css.c
index 363893b89..8fb91dbe7 100644
--- a/lib/ui/src/ui_css.c
+++ b/lib/ui/src/ui_css.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_css.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
@@ -37,70 +37,70 @@ root {\
 
 static void ui_on_parsed_font_face(const css_font_face_t *face)
 {
-	ui_event_t e;
+        ui_event_t e;
 
-	ui_event_init(&e, "css_font_face_load");
-	pd_font_library_load_file(face->src);
-	ui_post_event(&e, (css_font_face_t*)face, NULL);
+        ui_event_init(&e, "css_font_face_load");
+        pd_font_load_file(face->src);
+        ui_post_event(&e, (css_font_face_t *)face, NULL);
 }
 
 static void ui_on_css_loaded(void)
 {
-	ui_event_t e;
+        ui_event_t e;
 
         ui_refresh_style();
-	ui_event_init(&e, "css_load");
-	ui_post_event(&e, NULL, NULL);
+        ui_event_init(&e, "css_load");
+        ui_post_event(&e, NULL, NULL);
 }
 
 int ui_load_css_file(const char *filepath)
 {
-	size_t n;
-	FILE *fp;
-	char buff[512];
-	css_parser_t *parser;
+        size_t n;
+        FILE *fp;
+        char buff[512];
+        css_parser_t *parser;
 
-	fp = fopen(filepath, "r");
-	if (!fp) {
-		return -1;
-	}
-	parser = css_parser_create(filepath);
-	css_font_face_parser_on_load(parser, ui_on_parsed_font_face);
-	while ((n = fread(buff, 1, 511, fp)) > 0) {
-		buff[n] = 0;
-		css_parser_parse(parser, buff);
-	}
-	css_parser_destroy(parser);
-	fclose(fp);
-	ui_on_css_loaded();
-	return 0;
+        fp = fopen(filepath, "r");
+        if (!fp) {
+                return -1;
+        }
+        parser = css_parser_create(filepath);
+        css_font_face_parser_on_load(parser, ui_on_parsed_font_face);
+        while ((n = fread(buff, 1, 511, fp)) > 0) {
+                buff[n] = 0;
+                css_parser_parse(parser, buff);
+        }
+        css_parser_destroy(parser);
+        fclose(fp);
+        ui_on_css_loaded();
+        return 0;
 }
 
 size_t ui_load_css_string(const char *str, const char *space)
 {
-	size_t len = 1;
-	const char *cur;
-	css_parser_t *parser;
+        size_t len = 1;
+        const char *cur;
+        css_parser_t *parser;
 
-	DEBUG_MSG("parse begin\n");
-	parser = css_parser_create(space);
-	css_font_face_parser_on_load(parser, ui_on_parsed_font_face);
-	for (cur = str; len > 0; cur += len) {
-		len = css_parser_parse(parser, cur);
-	}
-	css_parser_destroy(parser);
-	ui_on_css_loaded();
-	DEBUG_MSG("parse end\n");
-	return 0;
+        DEBUG_MSG("parse begin\n");
+        parser = css_parser_create(space);
+        css_font_face_parser_on_load(parser, ui_on_parsed_font_face);
+        for (cur = str; len > 0; cur += len) {
+                len = css_parser_parse(parser, cur);
+        }
+        css_parser_destroy(parser);
+        ui_on_css_loaded();
+        DEBUG_MSG("parse end\n");
+        return 0;
 }
 
 void ui_init_css(void)
 {
-	css_init();
-	ui_load_css_string(ui_default_css, __FILE__);
+        css_init();
+        ui_load_css_string(ui_default_css, __FILE__);
 }
 
 void ui_destroy_css(void)
 {
-	css_destroy();
+        css_destroy();
 }
diff --git a/lib/ui/src/ui_css.h b/lib/ui/src/ui_css.h
index b1dd46c65..0304c7c5f 100644
--- a/lib/ui/src/ui_css.h
+++ b/lib/ui/src/ui_css.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_css.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 void ui_init_css(void);
diff --git a/lib/ui/src/ui_debug.c b/lib/ui/src/ui_debug.c
index fbb87b446..17f44b12e 100644
--- a/lib/ui/src/ui_debug.c
+++ b/lib/ui/src/ui_debug.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_debug.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
@@ -17,81 +17,83 @@ int ui_debug_msg_indent = 0;
 
 LIBUI_INLINE const char *get_css_unit_str(css_unit_t unit)
 {
-	switch (unit) {
-	case CSS_UNIT_PERCENT:
-		return "%";
-	case CSS_UNIT_DIP:
-		return "dip";
-	case CSS_UNIT_PT:
-		return "pt";
-	case CSS_UNIT_SP:
-		return "sp";
-	case CSS_UNIT_PX:
-		return "px";
-	default:
-		break;
-	}
-	return "";
+        switch (unit) {
+        case CSS_UNIT_PERCENT:
+                return "%";
+        case CSS_UNIT_DIP:
+                return "dip";
+        case CSS_UNIT_PT:
+                return "pt";
+        case CSS_UNIT_SP:
+                return "sp";
+        case CSS_UNIT_PX:
+                return "px";
+        default:
+                break;
+        }
+        return "";
 }
 
 void ui_widget_to_string(ui_widget_t *w, char *str)
 {
-	css_selector_node_t *node = ui_widget_create_selector_node(w);
-	if (node->status) {
-		strlist_free(node->status);
-		node->status = NULL;
-		css_selector_node_update(node);
-	}
-	strcpy(str, node->fullname ? node->fullname : "<widget>");
-	css_selector_node_destroy(node);
+        css_selector_node_t *node = ui_widget_create_selector_node(w);
+        if (node->status) {
+                strlist_free(node->status);
+                node->status = NULL;
+                css_selector_node_update(node);
+        }
+        strcpy(str, node->fullname ? node->fullname : "<widget>");
+        css_selector_node_destroy(node);
 }
 
 void ui_widget_size_to_string(ui_widget_t *w, char str[40])
 {
-	char width_str[16] = "auto";
-	char height_str[16] = "auto";
+        char width_str[16] = "auto";
+        char height_str[16] = "auto";
 
-	switch (w->computed_style.type_bits.width) {
-	case CSS_WIDTH_FIT_CONTENT:
-		strcpy(width_str, "fit-content");
-		break;
-	case CSS_WIDTH_SET:
-		snprintf(width_str, 16, "%g%s", w->computed_style.width,
-			 get_css_unit_str(w->computed_style.unit_bits.width));
-		break;
-	default:
-		break;
-	}
-	switch (w->computed_style.type_bits.height) {
-	case CSS_HEIGHT_SET:
-		snprintf(height_str, 16, "%g%s", w->computed_style.height,
-			 get_css_unit_str(w->computed_style.unit_bits.height));
-		break;
-	}
-	snprintf(str, 40, "(%s, %s)", width_str, height_str);
+        switch (w->computed_style.type_bits.width) {
+        case CSS_WIDTH_FIT_CONTENT:
+                strcpy(width_str, "fit-content");
+                break;
+        case CSS_WIDTH_SET:
+                snprintf(width_str, 16, "%g%s", w->computed_style.width,
+                         get_css_unit_str(w->computed_style.unit_bits.width));
+                break;
+        default:
+                break;
+        }
+        switch (w->computed_style.type_bits.height) {
+        case CSS_HEIGHT_SET:
+                snprintf(height_str, 16, "%g%s", w->computed_style.height,
+                         get_css_unit_str(w->computed_style.unit_bits.height));
+                break;
+        }
+        snprintf(str, 40, "(%s, %s)", width_str, height_str);
 }
 
 void ui_widget_min_size_to_string(ui_widget_t *w, char str[40])
 {
-	char width_str[16] = "auto";
-	char height_str[16] = "auto";
+        char width_str[16] = "auto";
+        char height_str[16] = "auto";
 
-	switch (w->computed_style.type_bits.min_width) {
-	case CSS_MIN_WIDTH_MIN_CONTENT:
-		strcpy(width_str, "min-content");
-		break;
-	case CSS_WIDTH_SET:
-		snprintf(width_str, 16, "%g%s", w->computed_style.min_width,
-			 get_css_unit_str(w->computed_style.unit_bits.min_width));
-		break;
-	default:
-		break;
-	}
-	switch (w->computed_style.type_bits.min_height) {
-	case CSS_HEIGHT_SET:
-		snprintf(height_str, 16, "%g%s", w->computed_style.min_height,
-			 get_css_unit_str(w->computed_style.unit_bits.min_height));
-		break;
-	}
-	snprintf(str, 40, "(%s, %s)", width_str, height_str);
+        switch (w->computed_style.type_bits.min_width) {
+        case CSS_MIN_WIDTH_MIN_CONTENT:
+                strcpy(width_str, "min-content");
+                break;
+        case CSS_WIDTH_SET:
+                snprintf(
+                    width_str, 16, "%g%s", w->computed_style.min_width,
+                    get_css_unit_str(w->computed_style.unit_bits.min_width));
+                break;
+        default:
+                break;
+        }
+        switch (w->computed_style.type_bits.min_height) {
+        case CSS_HEIGHT_SET:
+                snprintf(
+                    height_str, 16, "%g%s", w->computed_style.min_height,
+                    get_css_unit_str(w->computed_style.unit_bits.min_height));
+                break;
+        }
+        snprintf(str, 40, "(%s, %s)", width_str, height_str);
 }
diff --git a/lib/ui/src/ui_debug.h b/lib/ui/src/ui_debug.h
index fc4e5ff2e..503d108c7 100644
--- a/lib/ui/src/ui_debug.h
+++ b/lib/ui/src/ui_debug.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_debug.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 void ui_widget_to_string(ui_widget_t *w, char *str);
@@ -14,22 +14,41 @@ void ui_widget_size_to_string(ui_widget_t *w, char str[40]);
 void ui_widget_min_size_to_string(ui_widget_t *w, char str[40]);
 
 #define UI_WIDGET_STR(W, STR) \
-	char STR[256];              \
-	ui_widget_to_string(W, STR);
+        char STR[256];        \
+        ui_widget_to_string(W, STR);
 
 #define UI_WIDGET_SIZE_STR(W, STR) \
-	char STR[32];              \
-	ui_widget_size_to_string(W, STR);
+        char STR[32];              \
+        ui_widget_size_to_string(W, STR);
 
 #define UI_WIDGET_MIN_SIZE_STR(W, STR) \
-	char STR[32];              \
-	ui_widget_min_size_to_string(W, STR);
+        char STR[32];                  \
+        ui_widget_min_size_to_string(W, STR);
 
 #ifdef UI_DEBUG_ENABLED
 extern int ui_debug_msg_indent;
 
-#define UI_DEBUG_MSG(FMT, ...)                                               \
-	logger_log(LOGGER_LEVEL_DEBUG, "%*s" FMT "\n", ui_debug_msg_indent * 4, \
-		   "", ##__VA_ARGS__)
+/* clang-format off */
+#define UI_DEBUG_BEGIN do {
+#define UI_DEBUG_END } while (0)
+/* clang-format on */
+
+#define UI_DEBUG_MSG(FMT, ...)                         \
+        logger_log(LOGGER_LEVEL_DEBUG, "%*s" FMT "\n", \
+                   ui_debug_msg_indent * 4, "", ##__VA_ARGS__)
+
+#define UI_DEBUG_INDENT_INC ++ui_debug_msg_indent
+#define UI_DEBUG_INDENT_DEC --ui_debug_msg_indent
+
+#else
+
+/* clang-format off */
+#define UI_DEBUG_BEGIN do { if (0) {
+#define UI_DEBUG_END } } while (0)
+/* clang-format on */
+
+#define UI_DEBUG_MSG(FMT, ...)
+#define UI_DEBUG_INDENT_INC
+#define UI_DEBUG_INDENT_DEC
 
 #endif
diff --git a/lib/ui/src/ui_diff.c b/lib/ui/src/ui_diff.c
index f521f2dca..dea1a4f9f 100644
--- a/lib/ui/src/ui_diff.c
+++ b/lib/ui/src/ui_diff.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_diff.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 // #define UI_DEBUG_ENABLED
@@ -72,7 +72,8 @@ void ui_style_diff_end(ui_style_diff_t *diff, ui_widget_t *w)
                 {
                         UI_WIDGET_STR(w, str);
                         UI_WIDGET_SIZE_STR(w, size_str);
-                        UI_DEBUG_MSG("%s: %s: size=%s, reflow", __FUNCTION__, str, size_str);
+                        UI_DEBUG_MSG("%s: %s: size=%s, reflow", __FUNCTION__,
+                                     str, size_str);
                 }
 #endif
                 ui_widget_request_reflow(w);
@@ -95,7 +96,7 @@ void ui_style_diff_end(ui_style_diff_t *diff, ui_widget_t *w)
                         w, UI_MUTATION_RECORD_TYPE_PROPERTIES)) {
                         record = ui_mutation_record_create(
                             w, UI_MUTATION_RECORD_TYPE_PROPERTIES);
-                        record->property_name = strdup2("visible");
+                        record->property_name = y_strdup("visible");
                         ui_widget_add_mutation_record(w, record);
                         ui_mutation_record_destroy(record);
                 }
diff --git a/lib/ui/src/ui_diff.h b/lib/ui/src/ui_diff.h
index e9f90d257..1664ece5b 100644
--- a/lib/ui/src/ui_diff.h
+++ b/lib/ui/src/ui_diff.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_diff.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 typedef struct ui_diff_item {
diff --git a/lib/ui/src/ui_events.c b/lib/ui/src/ui_events.c
index f19d08b8b..2048663f8 100644
--- a/lib/ui/src/ui_events.c
+++ b/lib/ui/src/ui_events.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_events.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <math.h>
@@ -95,1106 +95,1107 @@ static struct ui_events {
 
 static int ui_use_widget_event_id(const char *event_name)
 {
-	int id = ui_get_event_id(event_name);
-	if (id < 0) {
-		id = ui_alloc_event_id();
-		ui_set_event_id(id, event_name);
-	}
-	return id;
+        int id = ui_get_event_id(event_name);
+        if (id < 0) {
+                id = ui_alloc_event_id();
+                ui_set_event_id(id, event_name);
+        }
+        return id;
 }
 
 int ui_set_event_id(int event_id, const char *event_name)
 {
-	int ret;
-	ui_event_mapping_t *mapping;
-
-	if (dict_fetch_value(ui_events.event_ids, event_name)) {
-		return -1;
-	}
-	mapping = malloc(sizeof(ui_event_mapping_t));
-	if (!mapping) {
-		return -2;
-	}
-	mapping->name = strdup2(event_name);
-	mapping->id = event_id;
-	list_append(&ui_events.event_mappings, mapping);
-	rbtree_insert_by_key(&ui_events.event_names, event_id, mapping);
-	ret = dict_add(ui_events.event_ids, mapping->name, mapping);
-	return ret;
+        int ret;
+        ui_event_mapping_t *mapping;
+
+        if (dict_fetch_value(ui_events.event_ids, event_name)) {
+                return -1;
+        }
+        mapping = malloc(sizeof(ui_event_mapping_t));
+        if (!mapping) {
+                return -2;
+        }
+        mapping->name = y_strdup(event_name);
+        mapping->id = event_id;
+        list_append(&ui_events.event_mappings, mapping);
+        rbtree_insert_by_key(&ui_events.event_names, event_id, mapping);
+        ret = dict_add(ui_events.event_ids, mapping->name, mapping);
+        return ret;
 }
 
 int ui_alloc_event_id(void)
 {
-	return ui_events.base_event_id++;
+        return ui_events.base_event_id++;
 }
 
 const char *ui_get_event_name(int event_id)
 {
-	ui_event_mapping_t *mapping;
-	mapping = rbtree_get_data_by_key(&ui_events.event_names, event_id);
-	return mapping ? mapping->name : NULL;
+        ui_event_mapping_t *mapping;
+        mapping = rbtree_get_data_by_key(&ui_events.event_names, event_id);
+        return mapping ? mapping->name : NULL;
 }
 
 int ui_get_event_id(const char *event_name)
 {
-	ui_event_mapping_t *mapping;
-	mapping = dict_fetch_value(ui_events.event_ids, event_name);
-	return mapping ? mapping->id : -1;
+        ui_event_mapping_t *mapping;
+        mapping = dict_fetch_value(ui_events.event_ids, event_name);
+        return mapping ? mapping->id : -1;
 }
 
 void ui_event_init(ui_event_t *e, const char *name)
 {
-	e->target = NULL;
-	e->type = ui_use_widget_event_id(name);
-	e->cancel_bubble = false;
-	e->data = NULL;
+        e->target = NULL;
+        e->type = ui_use_widget_event_id(name);
+        e->cancel_bubble = false;
+        e->data = NULL;
 }
 
 void ui_event_destroy(ui_event_t *e)
 {
-	switch (e->type) {
-	case UI_EVENT_TOUCH:
-		if (e->touch.points) {
-			free(e->touch.points);
-		}
-		e->touch.points = NULL;
-		e->touch.n_points = 0;
-		break;
-	case UI_EVENT_TEXTINPUT:
-		if (e->text.text) {
-			free(e->text.text);
-		}
-		e->text.text = NULL;
-		e->text.length = 0;
-		break;
-	default:
-		break;
-	}
+        switch (e->type) {
+        case UI_EVENT_TOUCH:
+                if (e->touch.points) {
+                        free(e->touch.points);
+                }
+                e->touch.points = NULL;
+                e->touch.n_points = 0;
+                break;
+        case UI_EVENT_TEXTINPUT:
+                if (e->text.text) {
+                        free(e->text.text);
+                }
+                e->text.text = NULL;
+                e->text.length = 0;
+                break;
+        default:
+                break;
+        }
 }
 
 static int ui_event_copy(const ui_event_t *src, ui_event_t *dst)
 {
-	int n;
-	size_t size;
-
-	*dst = *src;
-	switch (src->type) {
-	case UI_EVENT_TOUCH:
-		if (dst->touch.n_points <= 0) {
-			break;
-		}
-		n = dst->touch.n_points;
-		size = sizeof(ui_touch_point_t) * n;
-		dst->touch.points = malloc(size);
-		if (!dst->touch.points) {
-			return -ENOMEM;
-		}
-		memcpy(dst->touch.points, src->touch.points, size);
-		break;
-	case UI_EVENT_TEXTINPUT:
-		if (!dst->text.text) {
-			break;
-		}
-		dst->text.text =
-		    malloc(sizeof(wchar_t) * (dst->text.length + 1));
-		if (!dst->text.text) {
-			return -ENOMEM;
-		}
-		wcsncpy(dst->text.text, src->text.text, dst->text.length + 1);
-	default:
-		break;
-	}
-	return 0;
+        int n;
+        size_t size;
+
+        *dst = *src;
+        switch (src->type) {
+        case UI_EVENT_TOUCH:
+                if (dst->touch.n_points <= 0) {
+                        break;
+                }
+                n = dst->touch.n_points;
+                size = sizeof(ui_touch_point_t) * n;
+                dst->touch.points = malloc(size);
+                if (!dst->touch.points) {
+                        return -ENOMEM;
+                }
+                memcpy(dst->touch.points, src->touch.points, size);
+                break;
+        case UI_EVENT_TEXTINPUT:
+                if (!dst->text.text) {
+                        break;
+                }
+                dst->text.text =
+                    malloc(sizeof(wchar_t) * (dst->text.length + 1));
+                if (!dst->text.text) {
+                        return -ENOMEM;
+                }
+                wcsncpy(dst->text.text, src->text.text, dst->text.length + 1);
+        default:
+                break;
+        }
+        return 0;
 }
 
 static void ui_event_mapping_destroy(void *data)
 {
-	ui_event_mapping_t *mapping = data;
-	free(mapping->name);
-	free(mapping);
+        ui_event_mapping_t *mapping = data;
+        free(mapping->name);
+        free(mapping);
 }
 
 static void ui_event_pack_destroy(ui_event_pack_t *pack)
 {
-	if (pack->data && pack->destroy_data) {
-		pack->destroy_data(pack->data);
-	}
-	ui_event_destroy(&pack->event);
-	pack->data = NULL;
-	free(pack);
+        if (pack->data && pack->destroy_data) {
+                pack->destroy_data(pack->data);
+        }
+        ui_event_destroy(&pack->event);
+        pack->data = NULL;
+        free(pack);
 }
 
 static void ui_event_listener_destroy(ui_event_listener_t *listener)
 {
-	if (listener->data && listener->destroy_data) {
-		listener->destroy_data(listener->data);
-	}
-	listener->destroy_data = NULL;
-	listener->handler = NULL;
-	listener->data = NULL;
-	free(listener);
+        if (listener->data && listener->destroy_data) {
+                listener->destroy_data(listener->data);
+        }
+        listener->destroy_data = NULL;
+        listener->handler = NULL;
+        listener->data = NULL;
+        free(listener);
 }
 
 static void ui_touch_capturer_destroy(void *arg)
 {
-	ui_touch_capturer_t *tc = arg;
-	list_destroy(&tc->points, free);
-	tc->widget = NULL;
-	free(tc);
+        ui_touch_capturer_t *tc = arg;
+        list_destroy(&tc->points, free);
+        tc->widget = NULL;
+        free(tc);
 }
 
 LIBUI_INLINE void ui_clear_touch_capturers(list_t *list)
 {
-	list_destroy_without_node(list, ui_touch_capturer_destroy);
+        list_destroy_without_node(list, ui_touch_capturer_destroy);
 }
 
 static int ui_add_touch_capturer(list_t *list, ui_widget_t *w, int point_id)
 {
-	int *data;
-	ui_touch_capturer_t *tc = NULL;
-	list_node_t *node, *ptnode;
-
-	if (point_id < 0) {
-		tc = malloc(sizeof(ui_touch_capturer_t));
-		if (!tc) {
-			return -1;
-		}
-		tc->widget = w;
-		list_create(&tc->points);
-		ui_clear_touch_capturers(list);
-		list_append(list, tc);
-		return 0;
-	}
-	/* 获取该部件的触点捕捉记录 */
-	for (list_each(node, list)) {
-		tc = node->data;
-		/* 清除与该触点绑定的其它捕捉记录 */
-		for (list_each(ptnode, &tc->points)) {
-			if (point_id == *(int *)ptnode->data) {
-				if (tc->widget == w) {
-					return 0;
-				}
-				return -1;
-			}
-		}
-		if (tc->widget == w) {
-			break;
-		}
-	}
-	/* 如果没有该部件的触点捕捉记录 */
-	if (!tc || tc->widget != w) {
-		tc = malloc(sizeof(ui_touch_capturer_t));
-		tc->widget = w;
-		tc->node.data = tc;
-		list_create(&tc->points);
-		list_append_node(list, &tc->node);
-	}
-	/* 追加触点捕捉记录 */
-	data = malloc(sizeof(int));
-	*data = point_id;
-	list_append(&tc->points, data);
-	return 0;
+        int *data;
+        ui_touch_capturer_t *tc = NULL;
+        list_node_t *node, *ptnode;
+
+        if (point_id < 0) {
+                tc = malloc(sizeof(ui_touch_capturer_t));
+                if (!tc) {
+                        return -1;
+                }
+                tc->widget = w;
+                list_create(&tc->points);
+                ui_clear_touch_capturers(list);
+                list_append(list, tc);
+                return 0;
+        }
+        /* 获取该部件的触点捕捉记录 */
+        for (list_each(node, list)) {
+                tc = node->data;
+                /* 清除与该触点绑定的其它捕捉记录 */
+                for (list_each(ptnode, &tc->points)) {
+                        if (point_id == *(int *)ptnode->data) {
+                                if (tc->widget == w) {
+                                        return 0;
+                                }
+                                return -1;
+                        }
+                }
+                if (tc->widget == w) {
+                        break;
+                }
+        }
+        /* 如果没有该部件的触点捕捉记录 */
+        if (!tc || tc->widget != w) {
+                tc = malloc(sizeof(ui_touch_capturer_t));
+                tc->widget = w;
+                tc->node.data = tc;
+                list_create(&tc->points);
+                list_append_node(list, &tc->node);
+        }
+        /* 追加触点捕捉记录 */
+        data = malloc(sizeof(int));
+        *data = point_id;
+        list_append(&tc->points, data);
+        return 0;
 }
 
 static int ui_remove_touch_capturer(list_t *list, ui_widget_t *w, int point_id)
 {
-	ui_touch_capturer_t *tc = NULL;
-	list_node_t *node, *ptnode;
-	for (list_each(node, list)) {
-		tc = node->data;
-		if (tc->widget == w) {
-			break;
-		}
-	}
-	if (!tc || tc->widget != w) {
-		return -1;
-	}
-	if (point_id < 0) {
-		list_destroy(&tc->points, free);
-	} else {
-		for (list_each(ptnode, &tc->points)) {
-			if (*(int *)ptnode->data == point_id) {
-				free(node->data);
-				list_delete_node(&tc->points, ptnode);
-			}
-		}
-	}
-	if (tc->points.length == 0) {
-		list_unlink(&ui_events.touch_capturers, &tc->node);
-		free(tc);
-	}
-	return 0;
+        ui_touch_capturer_t *tc = NULL;
+        list_node_t *node, *ptnode;
+        for (list_each(node, list)) {
+                tc = node->data;
+                if (tc->widget == w) {
+                        break;
+                }
+        }
+        if (!tc || tc->widget != w) {
+                return -1;
+        }
+        if (point_id < 0) {
+                list_destroy(&tc->points, free);
+        } else {
+                for (list_each(ptnode, &tc->points)) {
+                        if (*(int *)ptnode->data == point_id) {
+                                free(node->data);
+                                list_delete_node(&tc->points, ptnode);
+                        }
+                }
+        }
+        if (tc->points.length == 0) {
+                list_unlink(&ui_events.touch_capturers, &tc->node);
+                free(tc);
+        }
+        return 0;
 }
 
 ui_event_listener_t *ui_widget_add_event_listener(
     ui_widget_t *w, int event_id, ui_event_handler_t handler, void *data,
     ui_event_arg_destructor_t destroy_data)
 {
-	ui_event_listener_t *listener;
-
-	listener = malloc(sizeof(ui_event_listener_t));
-	if (!listener) {
-		return NULL;
-	}
-	listener->ref_count = 0;
-	listener->active = true;
-	listener->handler = handler;
-	listener->data = data;
-	listener->event_id = event_id;
-	listener->destroy_data = destroy_data;
-	listener->node.data = listener;
-	list_append_node(&ui_widget_use_extra_data(w)->listeners,
-			 &listener->node);
-	return listener;
+        ui_event_listener_t *listener;
+
+        listener = malloc(sizeof(ui_event_listener_t));
+        if (!listener) {
+                return NULL;
+        }
+        listener->ref_count = 0;
+        listener->active = true;
+        listener->handler = handler;
+        listener->data = data;
+        listener->event_id = event_id;
+        listener->destroy_data = destroy_data;
+        listener->node.data = listener;
+        list_append_node(&ui_widget_use_extra_data(w)->listeners,
+                         &listener->node);
+        return listener;
 }
 
 ui_event_listener_t *ui_widget_on(ui_widget_t *w, const char *event_name,
-				  ui_event_handler_t handler, void *data)
+                                  ui_event_handler_t handler, void *data)
 {
-	int id = ui_use_widget_event_id(event_name);
-	return ui_widget_add_event_listener(w, id, handler, data, NULL);
+        int id = ui_use_widget_event_id(event_name);
+        return ui_widget_add_event_listener(w, id, handler, data, NULL);
 }
 
 int ui_widget_remove_event_listener(ui_widget_t *w, int event_id,
-				    ui_event_handler_t handler, void *data)
+                                    ui_event_handler_t handler, void *data)
 {
-	int count = 0;
-	list_node_t *node, *prev;
-	ui_event_listener_t *listener;
-
-	if (!w->extra) {
-		return 0;
-	}
-	for (list_each(node, &w->extra->listeners)) {
-		listener = node->data;
-		if (listener->event_id != event_id ||
-		    (handler && handler != listener->handler) ||
-		    data != listener->data) {
-			continue;
-		}
-		listener->active = false;
-		if (listener->ref_count == 0) {
-			prev = node->prev;
-			list_unlink(&w->extra->listeners, node);
-			ui_event_listener_destroy(listener);
-			node = prev;
-		}
-		count++;
-	}
-	return count;
+        int count = 0;
+        list_node_t *node, *prev;
+        ui_event_listener_t *listener;
+
+        if (!w->extra) {
+                return 0;
+        }
+        for (list_each(node, &w->extra->listeners)) {
+                listener = node->data;
+                if (listener->event_id != event_id ||
+                    (handler && handler != listener->handler) ||
+                    data != listener->data) {
+                        continue;
+                }
+                listener->active = false;
+                if (listener->ref_count == 0) {
+                        prev = node->prev;
+                        list_unlink(&w->extra->listeners, node);
+                        ui_event_listener_destroy(listener);
+                        node = prev;
+                }
+                count++;
+        }
+        return count;
 }
 
 int ui_widget_off(ui_widget_t *w, const char *event_name,
-		  ui_event_handler_t handler, void *data)
+                  ui_event_handler_t handler, void *data)
 {
-	int id = ui_use_widget_event_id(event_name);
-	return ui_widget_remove_event_listener(w, id, handler, data);
+        int id = ui_use_widget_event_id(event_name);
+        return ui_widget_remove_event_listener(w, id, handler, data);
 }
 
 int ui_emit_event(ui_event_t e, void *arg)
 {
-	return ui_widget_emit_event(ui_root(), e, arg);
+        return ui_widget_emit_event(ui_root(), e, arg);
 }
 
 int ui_post_event(const ui_event_t *e, void *arg,
-		  ui_event_arg_destructor_t destroy_arg)
+                  ui_event_arg_destructor_t destroy_arg)
 {
-	return ui_widget_post_event(ui_root(), e, arg, destroy_arg);
+        return ui_widget_post_event(ui_root(), e, arg, destroy_arg);
 }
 
 ui_event_listener_t *ui_add_event_listener(
     ui_widget_t *widget, int event_id, ui_event_handler_t handler, void *arg,
     ui_event_arg_destructor_t destroy_arg)
 {
-	return ui_widget_add_event_listener(ui_root(), event_id, handler, arg,
-					    destroy_arg);
+        return ui_widget_add_event_listener(ui_root(), event_id, handler, arg,
+                                            destroy_arg);
 }
 
 int ui_remove_event_listener(ui_widget_t *w, int event_id,
-			     ui_event_handler_t handler, void *data)
+                             ui_event_handler_t handler, void *data)
 {
-	return ui_widget_remove_event_listener(ui_root(), event_id, handler,
-					       data);
+        return ui_widget_remove_event_listener(ui_root(), event_id, handler,
+                                               data);
 }
 
 ui_event_listener_t *ui_on_event(const char *event_name,
-				 ui_event_handler_t handler, void *data)
+                                 ui_event_handler_t handler, void *data)
 {
-	return ui_widget_on(ui_root(), event_name, handler, data);
+        return ui_widget_on(ui_root(), event_name, handler, data);
 }
 
 int ui_off_event(const char *event_name, ui_event_handler_t handler, void *data)
 {
-	return ui_widget_off(ui_root(), event_name, handler, data);
+        return ui_widget_off(ui_root(), event_name, handler, data);
 }
 
 static ui_widget_t *ui_widget_get_next_at(ui_widget_t *widget, float x, float y)
 {
-	ui_widget_t *w;
-	list_node_t *node;
-
-	node = &widget->node;
-	for (node = node->next; node; node = node->next) {
-		w = node->data;
-		/* 如果忽略事件处理，则向它底层的兄弟部件传播事件 */
-		if (w->computed_style.type_bits.pointer_events ==
-		    CSS_POINTER_EVENTS_NONE) {
-			continue;
-		}
-		if (!ui_widget_is_visible(w)) {
-			continue;
-		}
-		if (!ui_rect_has_point(&w->border_box, x, y)) {
-			continue;
-		}
-		return w;
-	}
-	return NULL;
+        ui_widget_t *w;
+        list_node_t *node;
+
+        node = &widget->node;
+        for (node = node->next; node; node = node->next) {
+                w = node->data;
+                /* 如果忽略事件处理，则向它底层的兄弟部件传播事件 */
+                if (w->computed_style.type_bits.pointer_events ==
+                    CSS_POINTER_EVENTS_NONE) {
+                        continue;
+                }
+                if (!ui_widget_is_visible(w)) {
+                        continue;
+                }
+                if (!ui_rect_has_point(&w->border_box, x, y)) {
+                        continue;
+                }
+                return w;
+        }
+        return NULL;
 }
 
 static int ui_widget_call_listeners(ui_widget_t *w, ui_event_t e, void *arg)
 {
-	int count = 0;
-	list_node_t *node;
-	list_node_t *prev;
-	ui_event_listener_t *listener;
-
-	if (!w->extra) {
-		return count;
-	}
-	for (list_each(node, &w->extra->listeners)) {
-		listener = node->data;
-		if (listener->event_id != e.type) {
-			continue;
-		}
-		e.data = listener->data;
-		listener->ref_count++;
-		listener->handler(w, &e, arg);
-		if (!e.cancel_bubble && w->parent) {
-			ui_widget_call_listeners(w->parent, e, arg);
-		}
-		listener->ref_count--;
-		if (!listener->active && listener->ref_count < 1) {
-			prev = node->prev;
-			list_unlink(&w->extra->listeners, node);
-			ui_event_listener_destroy(listener);
-			node = prev;
-		}
-		count++;
-	}
-	return count;
+        int count = 0;
+        list_node_t *node;
+        list_node_t *prev;
+        ui_event_listener_t *listener;
+
+        if (!w->extra) {
+                return count;
+        }
+        for (list_each(node, &w->extra->listeners)) {
+                listener = node->data;
+                if (listener->event_id != e.type) {
+                        continue;
+                }
+                e.data = listener->data;
+                listener->ref_count++;
+                listener->handler(w, &e, arg);
+                if (!e.cancel_bubble && w->parent) {
+                        ui_widget_call_listeners(w->parent, e, arg);
+                }
+                listener->ref_count--;
+                if (!listener->active && listener->ref_count < 1) {
+                        prev = node->prev;
+                        list_unlink(&w->extra->listeners, node);
+                        ui_event_listener_destroy(listener);
+                        node = prev;
+                }
+                count++;
+        }
+        return count;
 }
 
 int ui_widget_post_event(ui_widget_t *w, const ui_event_t *e, void *data,
-			 void (*destroy_data)(void *))
+                         void (*destroy_data)(void *))
 {
-	ui_event_pack_t *pack;
-
-	if (w->state == UI_WIDGET_STATE_DELETED) {
-		return -EPERM;
-	}
-	pack = malloc(sizeof(ui_event_pack_t));
-	if (!pack) {
-		return -ENOMEM;
-	}
-	ui_event_copy(e, &pack->event);
-	if (!pack->event.target) {
-		pack->event.target = w;
-	}
-	pack->widget = w;
-	pack->data = data;
-	pack->destroy_data = destroy_data;
-	pack->node.data = pack;
-	list_append_node(&ui_events.queue, &pack->node);
-	return 0;
+        ui_event_pack_t *pack;
+
+        if (w->state == UI_WIDGET_STATE_DELETED) {
+                return -EPERM;
+        }
+        pack = malloc(sizeof(ui_event_pack_t));
+        if (!pack) {
+                return -ENOMEM;
+        }
+        ui_event_copy(e, &pack->event);
+        if (!pack->event.target) {
+                pack->event.target = w;
+        }
+        pack->widget = w;
+        pack->data = data;
+        pack->destroy_data = destroy_data;
+        pack->node.data = pack;
+        list_append_node(&ui_events.queue, &pack->node);
+        return 0;
 }
 
 int ui_widget_emit_event(ui_widget_t *w, ui_event_t e, void *arg)
 {
-	float x, y;
-	float pointer_x, pointer_y;
-
-	ui_widget_t *sibling;
-	bool is_pointer_event = false;
-
-	if (!e.target) {
-		e.target = w;
-	}
-	switch (e.type) {
-	case UI_EVENT_CLICK:
-	case UI_EVENT_MOUSEDOWN:
-	case UI_EVENT_MOUSEUP:
-	case UI_EVENT_MOUSEMOVE:
-	case UI_EVENT_MOUSEOVER:
-	case UI_EVENT_MOUSEOUT:
-	case UI_EVENT_WHEEL:
-		pointer_x = e.mouse.x;
-		pointer_y = e.mouse.y;
-		is_pointer_event = true;
-		if (w->computed_style.type_bits.pointer_events ==
-		    CSS_POINTER_EVENTS_NONE) {
-			break;
-		}
-	default:
-		if (ui_widget_call_listeners(w, e, arg) > 0) {
-			return 0;
-		}
-	}
-	if (!w->parent || e.cancel_bubble) {
-		return -1;
-	}
-	if (!w->extra || w->computed_style.type_bits.pointer_events !=
-			     CSS_POINTER_EVENTS_NONE) {
-		return ui_widget_emit_event(w->parent, e, arg);
-	}
-	if (is_pointer_event) {
-		ui_widget_get_offset(w->parent, NULL, &x, &y);
-		/* 转换成相对于父级部件内容框的坐标 */
-		x = pointer_x - x;
-		y = pointer_y - y;
-		/* 从当前部件后面找到当前坐标点命中的兄弟部件 */
-		sibling = ui_widget_get_next_at(w, x, y);
-		if (sibling) {
-			return ui_widget_call_listeners(sibling, e, arg);
-		}
-	}
-	return ui_widget_emit_event(w->parent, e, arg);
+        float x, y;
+        float pointer_x, pointer_y;
+
+        ui_widget_t *sibling;
+        bool is_pointer_event = false;
+
+        if (!e.target) {
+                e.target = w;
+        }
+        switch (e.type) {
+        case UI_EVENT_CLICK:
+        case UI_EVENT_MOUSEDOWN:
+        case UI_EVENT_MOUSEUP:
+        case UI_EVENT_MOUSEMOVE:
+        case UI_EVENT_MOUSEOVER:
+        case UI_EVENT_MOUSEOUT:
+        case UI_EVENT_WHEEL:
+                pointer_x = e.mouse.x;
+                pointer_y = e.mouse.y;
+                is_pointer_event = true;
+                if (w->computed_style.type_bits.pointer_events ==
+                    CSS_POINTER_EVENTS_NONE) {
+                        break;
+                }
+        default:
+                if (ui_widget_call_listeners(w, e, arg) > 0) {
+                        return 0;
+                }
+        }
+        if (!w->parent || e.cancel_bubble) {
+                return -1;
+        }
+        if (!w->extra || w->computed_style.type_bits.pointer_events !=
+                             CSS_POINTER_EVENTS_NONE) {
+                return ui_widget_emit_event(w->parent, e, arg);
+        }
+        if (is_pointer_event) {
+                ui_widget_get_offset(w->parent, NULL, &x, &y);
+                /* 转换成相对于父级部件内容框的坐标 */
+                x = pointer_x - x;
+                y = pointer_y - y;
+                /* 从当前部件后面找到当前坐标点命中的兄弟部件 */
+                sibling = ui_widget_get_next_at(w, x, y);
+                if (sibling) {
+                        return ui_widget_call_listeners(sibling, e, arg);
+                }
+        }
+        return ui_widget_emit_event(w->parent, e, arg);
 }
 
 static ui_widget_t *ui_get_same_parent(ui_widget_t *a, ui_widget_t *b)
 {
-	int depth = 0, i;
-	ui_widget_t *w;
-
-	for (w = a; w; w = w->parent) {
-		++depth;
-	}
-	for (w = b; w; w = w->parent) {
-		--depth;
-	}
-	if (depth > 0) {
-		for (i = 0; i < depth; ++i) {
-			a = a->parent;
-		}
-	} else {
-		for (i = 0; i < -depth; ++i) {
-			b = b->parent;
-		}
-	}
-	while (a && b && a != b) {
-		a = a->parent;
-		b = b->parent;
-	}
-	if (a && a == b) {
-		return a;
-	}
-	return NULL;
+        int depth = 0, i;
+        ui_widget_t *w;
+
+        for (w = a; w; w = w->parent) {
+                ++depth;
+        }
+        for (w = b; w; w = w->parent) {
+                --depth;
+        }
+        if (depth > 0) {
+                for (i = 0; i < depth; ++i) {
+                        a = a->parent;
+                }
+        } else {
+                for (i = 0; i < -depth; ++i) {
+                        b = b->parent;
+                }
+        }
+        while (a && b && a != b) {
+                a = a->parent;
+                b = b->parent;
+        }
+        if (a && a == b) {
+                return a;
+        }
+        return NULL;
 }
 
 static ui_widget_t *ui_widget_get_event_target(ui_widget_t *widget, float x,
-					       float y,
-					       uint8_t inherited_pointer_events)
+                                               float y,
+                                               uint8_t inherited_pointer_events)
 {
-	uint8_t pointer_events;
-
-	ui_widget_t *child;
-	ui_widget_t *target = NULL;
-	list_node_t *node;
-
-	for (list_each(node, &widget->stacking_context)) {
-		child = node->data;
-		if (!ui_widget_is_visible(child) ||
-		    child->state != UI_WIDGET_STATE_NORMAL ||
-		    !ui_rect_has_point(&child->border_box, x, y)) {
-			continue;
-		}
-		pointer_events = child->computed_style.type_bits.pointer_events;
-		if (pointer_events == CSS_POINTER_EVENTS_INHERT) {
-			pointer_events = inherited_pointer_events;
-		}
-		target = ui_widget_get_event_target(
-		    child, x - child->padding_box.x, y - child->padding_box.y,
-		    pointer_events);
-		if (target) {
-			return target;
-		}
-		if (pointer_events == CSS_POINTER_EVENTS_AUTO) {
-			return child;
-		}
-	}
-	return target;
+        uint8_t pointer_events;
+
+        ui_widget_t *child;
+        ui_widget_t *target = NULL;
+        list_node_t *node;
+
+        for (list_each(node, &widget->stacking_context)) {
+                child = node->data;
+                if (!ui_widget_is_visible(child) ||
+                    child->state != UI_WIDGET_STATE_NORMAL ||
+                    !ui_rect_has_point(&child->border_box, x, y)) {
+                        continue;
+                }
+                pointer_events = child->computed_style.type_bits.pointer_events;
+                if (pointer_events == CSS_POINTER_EVENTS_INHERT) {
+                        pointer_events = inherited_pointer_events;
+                }
+                target = ui_widget_get_event_target(
+                    child, x - child->padding_box.x, y - child->padding_box.y,
+                    pointer_events);
+                if (target) {
+                        return target;
+                }
+                if (pointer_events == CSS_POINTER_EVENTS_AUTO) {
+                        return child;
+                }
+        }
+        return target;
 }
 
 static void ui_widget_trigger_mouseover_event(ui_widget_t *widget,
-					      ui_widget_t *parent)
+                                              ui_widget_t *parent)
 {
-	ui_widget_t *w;
-	ui_event_t e = { 0 };
-
-	e.cancel_bubble = false;
-	e.type = UI_EVENT_MOUSEOVER;
-	for (w = widget; w && w != parent; w = w->parent) {
-		e.target = w;
-		ui_widget_add_status(w, "hover");
-		ui_widget_emit_event(w, e, NULL);
-	}
+        ui_widget_t *w;
+        ui_event_t e = { 0 };
+
+        e.cancel_bubble = false;
+        e.type = UI_EVENT_MOUSEOVER;
+        for (w = widget; w && w != parent; w = w->parent) {
+                e.target = w;
+                ui_widget_add_status(w, "hover");
+                ui_widget_emit_event(w, e, NULL);
+        }
 }
 
 static void ui_widget_trigger_mouseout_event(ui_widget_t *widget,
-					     ui_widget_t *parent)
+                                             ui_widget_t *parent)
 {
-	ui_widget_t *w;
-	ui_event_t e = { 0 };
-
-	e.cancel_bubble = false;
-	e.type = UI_EVENT_MOUSEOUT;
-	for (w = widget; w && w != parent; w = w->parent) {
-		e.target = w;
-		ui_widget_remove_status(w, "hover");
-		ui_widget_emit_event(w, e, NULL);
-	}
+        ui_widget_t *w;
+        ui_event_t e = { 0 };
+
+        e.cancel_bubble = false;
+        e.type = UI_EVENT_MOUSEOUT;
+        for (w = widget; w && w != parent; w = w->parent) {
+                e.target = w;
+                ui_widget_remove_status(w, "hover");
+                ui_widget_emit_event(w, e, NULL);
+        }
 }
 
 static void ui_widget_on_mouseover_event(ui_widget_t *widget)
 {
-	ui_widget_t *parent = NULL;
-
-	if (ui_events.targets[UI_WIDGET_STATUS_HOVER] == widget) {
-		return;
-	}
-	parent = ui_get_same_parent(widget,
-				    ui_events.targets[UI_WIDGET_STATUS_HOVER]);
-	if (widget) {
-		ui_widget_trigger_mouseover_event(widget, parent);
-	}
-	if (ui_events.targets[UI_WIDGET_STATUS_HOVER]) {
-		ui_widget_trigger_mouseout_event(
-		    ui_events.targets[UI_WIDGET_STATUS_HOVER], parent);
-	}
-	ui_events.targets[UI_WIDGET_STATUS_HOVER] = widget;
+        ui_widget_t *parent = NULL;
+
+        if (ui_events.targets[UI_WIDGET_STATUS_HOVER] == widget) {
+                return;
+        }
+        parent = ui_get_same_parent(widget,
+                                    ui_events.targets[UI_WIDGET_STATUS_HOVER]);
+        if (widget) {
+                ui_widget_trigger_mouseover_event(widget, parent);
+        }
+        if (ui_events.targets[UI_WIDGET_STATUS_HOVER]) {
+                ui_widget_trigger_mouseout_event(
+                    ui_events.targets[UI_WIDGET_STATUS_HOVER], parent);
+        }
+        ui_events.targets[UI_WIDGET_STATUS_HOVER] = widget;
 }
 
 static void ui_widget_on_mousedown_event(ui_widget_t *widget)
 {
-	ui_widget_t *parent;
-	ui_widget_t *w = ui_events.targets[UI_WIDGET_STATUS_ACTIVE];
-
-	if (w == widget) {
-		return;
-	}
-	parent = ui_get_same_parent(widget, w);
-	for (; w && w != parent; w = w->parent) {
-		ui_widget_remove_status(w, "active");
-	}
-	for (w = widget; w && w != parent; w = w->parent) {
-		ui_widget_add_status(w, "active");
-	}
-	ui_events.targets[UI_WIDGET_STATUS_ACTIVE] = widget;
+        ui_widget_t *parent;
+        ui_widget_t *w = ui_events.targets[UI_WIDGET_STATUS_ACTIVE];
+
+        if (w == widget) {
+                return;
+        }
+        parent = ui_get_same_parent(widget, w);
+        for (; w && w != parent; w = w->parent) {
+                ui_widget_remove_status(w, "active");
+        }
+        for (w = widget; w && w != parent; w = w->parent) {
+                ui_widget_add_status(w, "active");
+        }
+        ui_events.targets[UI_WIDGET_STATUS_ACTIVE] = widget;
 }
 
 static void ui_clear_mouseover_target(ui_widget_t *target)
 {
-	ui_widget_t *w;
-
-	if (!target) {
-		ui_widget_on_mouseover_event(NULL);
-		return;
-	}
-	for (w = ui_events.targets[UI_WIDGET_STATUS_HOVER]; w; w = w->parent) {
-		if (w == target) {
-			ui_widget_on_mouseover_event(NULL);
-			break;
-		}
-	}
+        ui_widget_t *w;
+
+        if (!target) {
+                ui_widget_on_mouseover_event(NULL);
+                return;
+        }
+        for (w = ui_events.targets[UI_WIDGET_STATUS_HOVER]; w; w = w->parent) {
+                if (w == target) {
+                        ui_widget_on_mouseover_event(NULL);
+                        break;
+                }
+        }
 }
 
 static void ui_clear_mousedown_target(ui_widget_t *target)
 {
-	ui_widget_t *w;
-
-	if (!target) {
-		ui_widget_on_mousedown_event(NULL);
-		return;
-	}
-	for (w = ui_events.targets[UI_WIDGET_STATUS_ACTIVE]; w; w = w->parent) {
-		if (w == target) {
-			ui_widget_on_mousedown_event(NULL);
-			break;
-		}
-	}
+        ui_widget_t *w;
+
+        if (!target) {
+                ui_widget_on_mousedown_event(NULL);
+                return;
+        }
+        for (w = ui_events.targets[UI_WIDGET_STATUS_ACTIVE]; w; w = w->parent) {
+                if (w == target) {
+                        ui_widget_on_mousedown_event(NULL);
+                        break;
+                }
+        }
 }
 
 static void ui_clear_focus_target(ui_widget_t *target)
 {
-	ui_widget_t *w;
-
-	if (!target) {
-		ui_events.targets[UI_WIDGET_STATUS_FOCUS] = NULL;
-		return;
-	}
-	for (w = ui_events.targets[UI_WIDGET_STATUS_FOCUS]; w; w = w->parent) {
-		if (w == target) {
-			ui_events.targets[UI_WIDGET_STATUS_FOCUS] = NULL;
-			break;
-		}
-	}
+        ui_widget_t *w;
+
+        if (!target) {
+                ui_events.targets[UI_WIDGET_STATUS_FOCUS] = NULL;
+                return;
+        }
+        for (w = ui_events.targets[UI_WIDGET_STATUS_FOCUS]; w; w = w->parent) {
+                if (w == target) {
+                        ui_events.targets[UI_WIDGET_STATUS_FOCUS] = NULL;
+                        break;
+                }
+        }
 }
 
 void ui_clear_event_target(ui_widget_t *w)
 {
-	list_node_t *node, *prev;
-	ui_event_pack_t *pack;
-
-	for (list_each(node, &ui_events.queue)) {
-		prev = node->prev;
-		pack = node->data;
-		if (pack->widget == w) {
-			list_unlink(&ui_events.queue, node);
-			ui_event_pack_destroy(pack);
-			node = prev;
-		}
-	}
-	ui_clear_mouseover_target(w);
-	ui_clear_mousedown_target(w);
-	ui_clear_focus_target(w);
+        list_node_t *node, *prev;
+        ui_event_pack_t *pack;
+
+        for (list_each(node, &ui_events.queue)) {
+                prev = node->prev;
+                pack = node->data;
+                if (pack->widget == w) {
+                        list_unlink(&ui_events.queue, node);
+                        ui_event_pack_destroy(pack);
+                        node = prev;
+                }
+        }
+        ui_clear_mouseover_target(w);
+        ui_clear_mousedown_target(w);
+        ui_clear_focus_target(w);
 }
 
 LIBUI_INLINE bool ui_widget_is_focusable(ui_widget_t *w)
 {
-	return w &&
-	       w->computed_style.type_bits.pointer_events !=
-		   CSS_POINTER_EVENTS_NONE &&
-	       w->tab_index >= 0 && !w->disabled;
+        return w &&
+               w->computed_style.type_bits.pointer_events !=
+                   CSS_POINTER_EVENTS_NONE &&
+               w->tab_index >= 0 && !w->disabled;
 }
 
 ui_widget_t *ui_get_focus(void)
 {
-	return ui_events.targets[UI_WIDGET_STATUS_FOCUS];
+        return ui_events.targets[UI_WIDGET_STATUS_FOCUS];
 }
 
 int ui_set_focus(ui_widget_t *widget)
 {
-	ui_widget_t *w;
-	ui_event_t e = { 0 };
-
-	for (w = widget; w; w = w->parent) {
-		if (ui_widget_is_focusable(w)) {
-			break;
-		}
-	}
-	if (ui_events.targets[UI_WIDGET_STATUS_FOCUS] == w) {
-		return 0;
-	}
-	if (ui_events.targets[UI_WIDGET_STATUS_FOCUS]) {
-		e.type = UI_EVENT_BLUR;
-		e.target = ui_events.targets[UI_WIDGET_STATUS_FOCUS];
-		ui_widget_remove_status(e.target, "focus");
-		ui_widget_post_event(e.target, &e, NULL, NULL);
-		ui_events.targets[UI_WIDGET_STATUS_FOCUS] = NULL;
-	}
-	if (!ui_widget_is_focusable(w)) {
-		return -1;
-	}
-	e.target = w;
-	e.type = UI_EVENT_FOCUS;
-	e.cancel_bubble = false;
-	ui_events.targets[UI_WIDGET_STATUS_FOCUS] = w;
-	ui_widget_add_status(e.target, "focus");
-	ui_widget_post_event(e.target, &e, NULL, NULL);
-	return 0;
+        ui_widget_t *w;
+        ui_event_t e = { 0 };
+
+        for (w = widget; w; w = w->parent) {
+                if (ui_widget_is_focusable(w)) {
+                        break;
+                }
+        }
+        if (ui_events.targets[UI_WIDGET_STATUS_FOCUS] == w) {
+                return 0;
+        }
+        if (ui_events.targets[UI_WIDGET_STATUS_FOCUS]) {
+                e.type = UI_EVENT_BLUR;
+                e.target = ui_events.targets[UI_WIDGET_STATUS_FOCUS];
+                ui_widget_remove_status(e.target, "focus");
+                ui_widget_post_event(e.target, &e, NULL, NULL);
+                ui_events.targets[UI_WIDGET_STATUS_FOCUS] = NULL;
+        }
+        if (!ui_widget_is_focusable(w)) {
+                return -1;
+        }
+        e.target = w;
+        e.type = UI_EVENT_FOCUS;
+        e.cancel_bubble = false;
+        ui_events.targets[UI_WIDGET_STATUS_FOCUS] = w;
+        ui_widget_add_status(e.target, "focus");
+        ui_widget_post_event(e.target, &e, NULL, NULL);
+        return 0;
 }
 
 static ui_widget_t *ui_resolve_event_target(float x, float y)
 {
-	ui_widget_t *w;
-	ui_widget_t *root;
-	ui_widget_t *target;
-
-	root = ui_root();
-	if (ui_events.mouse_capturer) {
-		target = ui_events.mouse_capturer;
-	} else {
-		target = ui_widget_get_event_target(root, x, y,
-						    CSS_POINTER_EVENTS_AUTO);
-	}
-	for (w = target; w; w = w->parent) {
-		if (w->event_blocked) {
-			return NULL;
-		}
-	}
-	if (!target) {
-		target = root;
-	}
-	return target;
+        ui_widget_t *w;
+        ui_widget_t *root;
+        ui_widget_t *target;
+
+        root = ui_root();
+        if (ui_events.mouse_capturer) {
+                target = ui_events.mouse_capturer;
+        } else {
+                target = ui_widget_get_event_target(root, x, y,
+                                                    CSS_POINTER_EVENTS_AUTO);
+        }
+        for (w = target; w; w = w->parent) {
+                if (w->event_blocked) {
+                        return NULL;
+                }
+        }
+        if (!target) {
+                target = root;
+        }
+        return target;
 }
 
 static int ui_on_wheel_event(ui_event_t *origin_event)
 {
-	ui_event_t e = *origin_event;
-
-	e.cancel_bubble = false;
-	e.target = ui_events.targets[UI_WIDGET_STATUS_HOVER];
-	if (!e.target) {
-		return -1;
-	}
-	ui_widget_emit_event(e.target, e, NULL);
-	return 0;
+        ui_event_t e = *origin_event;
+
+        e.cancel_bubble = false;
+        e.target = ui_events.targets[UI_WIDGET_STATUS_HOVER];
+        if (!e.target) {
+                return -1;
+        }
+        ui_widget_emit_event(e.target, e, NULL);
+        return 0;
 }
 
 static int ui_on_mouse_event(ui_event_t *origin_event)
 {
-	ui_event_t e = *origin_event;
-
-	e.cancel_bubble = false;
-	switch (e.type) {
-	case UI_EVENT_MOUSEDOWN:
-		e.target = ui_resolve_event_target(e.mouse.x, e.mouse.y);
-		if (!e.target) {
-			return -1;
-		}
-		ui_widget_emit_event(e.target, e, NULL);
-		ui_events.click.interval = DBLCLICK_INTERVAL;
-		if (e.mouse.button == UI_MOUSE_BUTTON_LEFT &&
-		    ui_events.click.widget == e.target) {
-			int delta;
-			delta = (int)get_time_delta(ui_events.click.time);
-			ui_events.click.interval = delta;
-		} else if (e.mouse.button == UI_MOUSE_BUTTON_RIGHT &&
-			   ui_events.click.widget != e.target) {
-			ui_events.click.x = e.mouse.x;
-			ui_events.click.y = e.mouse.y;
-		}
-		ui_events.click.time = get_time_ms();
-		ui_events.click.widget = e.target;
-		ui_widget_on_mousedown_event(e.target);
-		ui_set_focus(e.target);
-		break;
-	case UI_EVENT_MOUSEUP:
-		e.target = ui_resolve_event_target(e.mouse.x, e.mouse.y);
-		if (!e.target) {
-			return -1;
-		}
-		ui_widget_emit_event(e.target, e, NULL);
-		if (ui_events.targets[UI_WIDGET_STATUS_ACTIVE] != e.target ||
-		    e.mouse.button != UI_MOUSE_BUTTON_LEFT) {
-			ui_events.click.x = 0;
-			ui_events.click.y = 0;
-			ui_events.click.time = 0;
-			ui_events.click.widget = NULL;
-			ui_clear_mousedown_target(NULL);
-			break;
-		}
-		e.type = UI_EVENT_CLICK;
-		ui_widget_emit_event(e.target, e, NULL);
-		ui_clear_mousedown_target(NULL);
-		if (ui_events.click.widget != e.target) {
-			ui_events.click.x = 0;
-			ui_events.click.y = 0;
-			ui_events.click.time = 0;
-			ui_events.click.widget = NULL;
-			break;
-		}
-		if (ui_events.click.interval < DBLCLICK_INTERVAL) {
-			e.type = UI_EVENT_DBLCLICK;
-			ui_events.click.x = 0;
-			ui_events.click.y = 0;
-			ui_events.click.time = 0;
-			ui_events.click.widget = NULL;
-			ui_widget_emit_event(e.target, e, NULL);
-		}
-		ui_clear_mousedown_target(NULL);
-		break;
-	case UI_EVENT_MOUSEMOVE:
-		e.target = ui_resolve_event_target(e.mouse.x, e.mouse.y);
-		if (!e.target) {
-			return -1;
-		}
-		if (fabs(ui_events.click.x - e.mouse.x) >= 8.f ||
-		    fabs(ui_events.click.y - e.mouse.y) >= 8.f) {
-			ui_events.click.time = 0;
-			ui_events.click.widget = NULL;
-		}
-		ui_widget_emit_event(e.target, e, NULL);
-		break;
-	default:
-		return -1;
-	}
-	ui_widget_on_mouseover_event(e.target);
-	return 0;
+        ui_event_t e = *origin_event;
+
+        e.cancel_bubble = false;
+        switch (e.type) {
+        case UI_EVENT_MOUSEDOWN:
+                e.target = ui_resolve_event_target(e.mouse.x, e.mouse.y);
+                if (!e.target) {
+                        return -1;
+                }
+                ui_widget_emit_event(e.target, e, NULL);
+                ui_events.click.interval = DBLCLICK_INTERVAL;
+                if (e.mouse.button == UI_MOUSE_BUTTON_LEFT &&
+                    ui_events.click.widget == e.target) {
+                        int delta;
+                        delta = (int)(y_gettime() - ui_events.click.time);
+                        ui_events.click.interval = delta;
+                } else if (e.mouse.button == UI_MOUSE_BUTTON_RIGHT &&
+                           ui_events.click.widget != e.target) {
+                        ui_events.click.x = e.mouse.x;
+                        ui_events.click.y = e.mouse.y;
+                }
+                ui_events.click.time = y_gettime();
+                ui_events.click.widget = e.target;
+                ui_widget_on_mousedown_event(e.target);
+                ui_set_focus(e.target);
+                break;
+        case UI_EVENT_MOUSEUP:
+                e.target = ui_resolve_event_target(e.mouse.x, e.mouse.y);
+                if (!e.target) {
+                        return -1;
+                }
+                ui_widget_emit_event(e.target, e, NULL);
+                if (ui_events.targets[UI_WIDGET_STATUS_ACTIVE] != e.target ||
+                    e.mouse.button != UI_MOUSE_BUTTON_LEFT) {
+                        ui_events.click.x = 0;
+                        ui_events.click.y = 0;
+                        ui_events.click.time = 0;
+                        ui_events.click.widget = NULL;
+                        ui_clear_mousedown_target(NULL);
+                        break;
+                }
+                e.type = UI_EVENT_CLICK;
+                ui_widget_emit_event(e.target, e, NULL);
+                ui_clear_mousedown_target(NULL);
+                if (ui_events.click.widget != e.target) {
+                        ui_events.click.x = 0;
+                        ui_events.click.y = 0;
+                        ui_events.click.time = 0;
+                        ui_events.click.widget = NULL;
+                        break;
+                }
+                if (ui_events.click.interval < DBLCLICK_INTERVAL) {
+                        e.type = UI_EVENT_DBLCLICK;
+                        ui_events.click.x = 0;
+                        ui_events.click.y = 0;
+                        ui_events.click.time = 0;
+                        ui_events.click.widget = NULL;
+                        ui_widget_emit_event(e.target, e, NULL);
+                }
+                ui_clear_mousedown_target(NULL);
+                break;
+        case UI_EVENT_MOUSEMOVE:
+                e.target = ui_resolve_event_target(e.mouse.x, e.mouse.y);
+                if (!e.target) {
+                        return -1;
+                }
+                if (fabs(ui_events.click.x - e.mouse.x) >= 8.f ||
+                    fabs(ui_events.click.y - e.mouse.y) >= 8.f) {
+                        ui_events.click.time = 0;
+                        ui_events.click.widget = NULL;
+                }
+                ui_widget_emit_event(e.target, e, NULL);
+                break;
+        default:
+                return -1;
+        }
+        ui_widget_on_mouseover_event(e.target);
+        return 0;
 }
 
 static int ui_on_keyboard_event(ui_event_t *origin_event)
 {
-	ui_event_t e = *origin_event;
-
-	e.target = ui_events.targets[UI_WIDGET_STATUS_FOCUS];
-	if (!e.target) {
-		e.target = ui_root();
-	}
-	e.cancel_bubble = false;
-	ui_widget_emit_event(e.target, e, NULL);
-	return 0;
+        ui_event_t e = *origin_event;
+
+        e.target = ui_events.targets[UI_WIDGET_STATUS_FOCUS];
+        if (!e.target) {
+                e.target = ui_root();
+        }
+        e.cancel_bubble = false;
+        ui_widget_emit_event(e.target, e, NULL);
+        return 0;
 }
 
 static int ui_on_text_input(ui_event_t *origin_event)
 {
-	ui_event_t e = *origin_event;
-
-	e.target = ui_events.targets[UI_WIDGET_STATUS_FOCUS];
-	if (!e.target) {
-		return -1;
-	}
-	e.cancel_bubble = false;
-	ui_widget_emit_event(e.target, e, NULL);
-	return 0;
+        ui_event_t e = *origin_event;
+
+        e.target = ui_events.targets[UI_WIDGET_STATUS_FOCUS];
+        if (!e.target) {
+                return -1;
+        }
+        e.cancel_bubble = false;
+        ui_widget_emit_event(e.target, e, NULL);
+        return 0;
 }
 
 /** 分发触控事件给对应的部件 */
 static int ui_dispatch_touch_event(list_t *capturers, ui_touch_point_t *points,
-				   int n_points)
+                                   int n_points)
 {
-	int i, count;
-	float scale;
-	list_node_t *node, *ptnode;
-	ui_event_t e = { 0 };
-	ui_widget_t *target, *root, *w;
-	ui_touch_capturer_t *tc;
-
-	root = ui_root();
-	scale = ui_get_actual_scale();
-	e.type = UI_EVENT_TOUCH;
-	e.cancel_bubble = false;
-	e.touch.points = malloc(sizeof(ui_touch_point_t) * n_points);
-	/* 先将各个触点按命中的部件进行分组 */
-	for (i = 0; i < n_points; ++i) {
-		target = ui_widget_at(root, y_iround(points[i].x / scale),
-				      y_iround(points[i].y / scale));
-		if (!target) {
-			continue;
-		}
-		for (w = target; w; w = w->parent) {
-			if (w->event_blocked) {
-				break;
-			}
-		}
-		if (w && w->event_blocked) {
-			continue;
-		}
-		ui_add_touch_capturer(capturers, target, points[i].id);
-	}
-	count = 0;
-	e.touch.n_points = 0;
-	/* 然后向命中的部件发送触控事件 */
-	for (list_each(node, capturers)) {
-		tc = node->data;
-		for (i = 0; i < n_points; ++i) {
-			for (list_each(ptnode, &tc->points)) {
-				if (points[i].id != *(int *)ptnode->data) {
-					continue;
-				}
-				e.touch.points[e.touch.n_points] = points[i];
-				++e.touch.n_points;
-			}
-		}
-		if (e.touch.n_points == 0) {
-			continue;
-		}
-		ui_widget_post_event(tc->widget, &e, NULL, NULL);
-		e.touch.n_points = 0;
-		++count;
-	}
-	ui_event_destroy(&e);
-	return count;
+        int i, count;
+        float scale;
+        list_node_t *node, *ptnode;
+        ui_event_t e = { 0 };
+        ui_widget_t *target, *root, *w;
+        ui_touch_capturer_t *tc;
+
+        root = ui_root();
+        scale = ui_get_actual_scale();
+        e.type = UI_EVENT_TOUCH;
+        e.cancel_bubble = false;
+        e.touch.points = malloc(sizeof(ui_touch_point_t) * n_points);
+        /* 先将各个触点按命中的部件进行分组 */
+        for (i = 0; i < n_points; ++i) {
+                target = ui_widget_at(root, (int)round(points[i].x / scale),
+                                      (int)round(points[i].y / scale));
+                if (!target) {
+                        continue;
+                }
+                for (w = target; w; w = w->parent) {
+                        if (w->event_blocked) {
+                                break;
+                        }
+                }
+                if (w && w->event_blocked) {
+                        continue;
+                }
+                ui_add_touch_capturer(capturers, target, points[i].id);
+        }
+        count = 0;
+        e.touch.n_points = 0;
+        /* 然后向命中的部件发送触控事件 */
+        for (list_each(node, capturers)) {
+                tc = node->data;
+                for (i = 0; i < n_points; ++i) {
+                        for (list_each(ptnode, &tc->points)) {
+                                if (points[i].id != *(int *)ptnode->data) {
+                                        continue;
+                                }
+                                e.touch.points[e.touch.n_points] = points[i];
+                                ++e.touch.n_points;
+                        }
+                }
+                if (e.touch.n_points == 0) {
+                        continue;
+                }
+                ui_widget_post_event(tc->widget, &e, NULL, NULL);
+                e.touch.n_points = 0;
+                ++count;
+        }
+        ui_event_destroy(&e);
+        return count;
 }
 
 static int ui_on_touch_event(ui_event_t *e)
 {
-	int i, n;
-	list_t capturers;
-	list_node_t *node, *ptnode;
-	ui_touch_point_t *points;
-
-	n = e->touch.n_points;
-	points = e->touch.points;
-	list_create(&capturers);
-	/* 合并现有的触点捕捉记录 */
-	for (list_each(node, &ui_events.touch_capturers)) {
-		ui_touch_capturer_t *tc = node->data;
-		for (i = 0; i < n; ++i) {
-			/* 如果没有触点记录，则说明是捕获全部触点 */
-			if (tc->points.length == 0) {
-				ui_add_touch_capturer(&capturers, tc->widget,
-						      points[i].id);
-				continue;
-			}
-			for (list_each(ptnode, &tc->points)) {
-				if (points[i].id != *(int *)ptnode->data) {
-					continue;
-				}
-				ui_add_touch_capturer(&capturers, tc->widget,
-						      points[i].id);
-			}
-		}
-	}
-	ui_dispatch_touch_event(&capturers, points, n);
-	ui_clear_touch_capturers(&capturers);
-	return 0;
+        int i, n;
+        list_t capturers;
+        list_node_t *node, *ptnode;
+        ui_touch_point_t *points;
+
+        n = e->touch.n_points;
+        points = e->touch.points;
+        list_create(&capturers);
+        /* 合并现有的触点捕捉记录 */
+        for (list_each(node, &ui_events.touch_capturers)) {
+                ui_touch_capturer_t *tc = node->data;
+                for (i = 0; i < n; ++i) {
+                        /* 如果没有触点记录，则说明是捕获全部触点 */
+                        if (tc->points.length == 0) {
+                                ui_add_touch_capturer(&capturers, tc->widget,
+                                                      points[i].id);
+                                continue;
+                        }
+                        for (list_each(ptnode, &tc->points)) {
+                                if (points[i].id != *(int *)ptnode->data) {
+                                        continue;
+                                }
+                                ui_add_touch_capturer(&capturers, tc->widget,
+                                                      points[i].id);
+                        }
+                }
+        }
+        ui_dispatch_touch_event(&capturers, points, n);
+        ui_clear_touch_capturers(&capturers);
+        return 0;
 }
 
 void ui_widget_set_mouse_capture(ui_widget_t *w)
 {
-	ui_events.mouse_capturer = w;
+        ui_events.mouse_capturer = w;
 }
 
 void ui_widget_release_mouse_capture(ui_widget_t *w)
 {
-	ui_events.mouse_capturer = NULL;
+        ui_events.mouse_capturer = NULL;
 }
 
 int ui_widget_set_touch_capture(ui_widget_t *w, int point_id)
 {
-	int ret;
-	ret = ui_add_touch_capturer(&ui_events.touch_capturers, w, point_id);
-	return ret;
+        int ret;
+        ret = ui_add_touch_capturer(&ui_events.touch_capturers, w, point_id);
+        return ret;
 }
 
 int ui_widget_release_touch_capture(ui_widget_t *w, int point_id)
 {
-	int ret;
+        int ret;
 
-	if (ui_events.touch_capturers.length <= 1) {
-		return 0;
-	}
-	ret = ui_remove_touch_capturer(&ui_events.touch_capturers, w, point_id);
-	return ret;
+        if (ui_events.touch_capturers.length <= 1) {
+                return 0;
+        }
+        ret = ui_remove_touch_capturer(&ui_events.touch_capturers, w, point_id);
+        return ret;
 }
 
 static void ui_widget_on_destroy_listener(void *arg)
 {
-	ui_event_listener_destroy(arg);
+        ui_event_listener_destroy(arg);
 }
 
 void ui_widget_destroy_listeners(ui_widget_t *w)
 {
-	ui_event_t e = { UI_EVENT_DESTROY, 0 };
-
-	ui_widget_emit_event(w, e, NULL);
-	ui_widget_release_mouse_capture(w);
-	ui_widget_release_touch_capture(w, -1);
-	ui_clear_event_target(w);
-	if (w->extra) {
-		list_destroy_without_node(&w->extra->listeners,
-					  ui_widget_on_destroy_listener);
-	}
+        ui_event_t e = { UI_EVENT_DESTROY, 0 };
+
+        ui_widget_emit_event(w, e, NULL);
+        ui_widget_release_mouse_capture(w);
+        ui_widget_release_touch_capture(w, -1);
+        ui_clear_event_target(w);
+        if (w->extra) {
+                list_destroy_without_node(&w->extra->listeners,
+                                          ui_widget_on_destroy_listener);
+        }
 }
 
 void ui_init_events(void)
 {
-	int i, n;
-	struct EventNameMapping {
-		int id;
-		const char *name;
-	} mappings[] = { { UI_EVENT_LINK, "link" },
-			 { UI_EVENT_UNLINK, "unlink" },
-			 { UI_EVENT_READY, "ready" },
-			 { UI_EVENT_DESTROY, "destroy" },
-			 { UI_EVENT_MOUSEDOWN, "mousedown" },
-			 { UI_EVENT_MOUSEUP, "mouseup" },
-			 { UI_EVENT_MOUSEMOVE, "mousemove" },
-			 { UI_EVENT_WHEEL, "mousewheel" },
-			 { UI_EVENT_CLICK, "click" },
-			 { UI_EVENT_DBLCLICK, "dblclick" },
-			 { UI_EVENT_MOUSEOUT, "mouseout" },
-			 { UI_EVENT_MOUSEOVER, "mouseover" },
-			 { UI_EVENT_KEYDOWN, "keydown" },
-			 { UI_EVENT_KEYUP, "keyup" },
-			 { UI_EVENT_KEYPRESS, "keypress" },
-			 { UI_EVENT_TOUCH, "touch" },
-			 { UI_EVENT_TEXTINPUT, "textinput" },
-			 { UI_EVENT_TOUCHDOWN, "touchdown" },
-			 { UI_EVENT_TOUCHMOVE, "touchmove" },
-			 { UI_EVENT_TOUCHUP, "touchup" },
-			 { UI_EVENT_AFTERLAYOUT, "afterlayout" },
-			 { UI_EVENT_FOCUS, "focus" },
-			 { UI_EVENT_BLUR, "blur" },
-			 { UI_EVENT_PASTE, "paste" },
-			 { UI_EVENT_CSS_LOAD, "css_load" },
-			 { UI_EVENT_CSS_FONT_FACE_LOAD, "css_font_face_load" } };
-
-	rbtree_init(&ui_events.event_names);
-	list_create(&ui_events.event_mappings);
-	list_create(&ui_events.touch_capturers);
-	list_create(&ui_events.queue);
-	ui_events.targets[UI_WIDGET_STATUS_ACTIVE] = NULL;
-	ui_events.targets[UI_WIDGET_STATUS_HOVER] = NULL;
-	ui_events.targets[UI_WIDGET_STATUS_FOCUS] = NULL;
-	ui_events.mouse_capturer = NULL;
-	ui_events.click.x = 0;
-	ui_events.click.y = 0;
-	ui_events.click.time = 0;
-	ui_events.click.widget = NULL;
-	ui_events.click.interval = DBLCLICK_INTERVAL;
-	ui_events.base_event_id = UI_EVENT_USER + 1000;
-	dict_init_string_key_type(&ui_events.event_ids_type);
-	ui_events.event_ids = dict_create(&ui_events.event_ids_type, NULL);
-	n = sizeof(mappings) / sizeof(mappings[0]);
-	for (i = 0; i < n; ++i) {
-		ui_set_event_id(mappings[i].id, mappings[i].name);
-	}
+        int i, n;
+        struct EventNameMapping {
+                int id;
+                const char *name;
+        } mappings[] = { { UI_EVENT_LINK, "link" },
+                         { UI_EVENT_UNLINK, "unlink" },
+                         { UI_EVENT_READY, "ready" },
+                         { UI_EVENT_DESTROY, "destroy" },
+                         { UI_EVENT_MOUSEDOWN, "mousedown" },
+                         { UI_EVENT_MOUSEUP, "mouseup" },
+                         { UI_EVENT_MOUSEMOVE, "mousemove" },
+                         { UI_EVENT_WHEEL, "mousewheel" },
+                         { UI_EVENT_CLICK, "click" },
+                         { UI_EVENT_DBLCLICK, "dblclick" },
+                         { UI_EVENT_MOUSEOUT, "mouseout" },
+                         { UI_EVENT_MOUSEOVER, "mouseover" },
+                         { UI_EVENT_KEYDOWN, "keydown" },
+                         { UI_EVENT_KEYUP, "keyup" },
+                         { UI_EVENT_KEYPRESS, "keypress" },
+                         { UI_EVENT_TOUCH, "touch" },
+                         { UI_EVENT_TEXTINPUT, "textinput" },
+                         { UI_EVENT_TOUCHDOWN, "touchdown" },
+                         { UI_EVENT_TOUCHMOVE, "touchmove" },
+                         { UI_EVENT_TOUCHUP, "touchup" },
+                         { UI_EVENT_AFTERLAYOUT, "afterlayout" },
+                         { UI_EVENT_FOCUS, "focus" },
+                         { UI_EVENT_BLUR, "blur" },
+                         { UI_EVENT_PASTE, "paste" },
+                         { UI_EVENT_CSS_LOAD, "css_load" },
+                         { UI_EVENT_CSS_FONT_FACE_LOAD,
+                           "css_font_face_load" } };
+
+        rbtree_init(&ui_events.event_names);
+        list_create(&ui_events.event_mappings);
+        list_create(&ui_events.touch_capturers);
+        list_create(&ui_events.queue);
+        ui_events.targets[UI_WIDGET_STATUS_ACTIVE] = NULL;
+        ui_events.targets[UI_WIDGET_STATUS_HOVER] = NULL;
+        ui_events.targets[UI_WIDGET_STATUS_FOCUS] = NULL;
+        ui_events.mouse_capturer = NULL;
+        ui_events.click.x = 0;
+        ui_events.click.y = 0;
+        ui_events.click.time = 0;
+        ui_events.click.widget = NULL;
+        ui_events.click.interval = DBLCLICK_INTERVAL;
+        ui_events.base_event_id = UI_EVENT_USER + 1000;
+        dict_init_string_key_type(&ui_events.event_ids_type);
+        ui_events.event_ids = dict_create(&ui_events.event_ids_type, NULL);
+        n = sizeof(mappings) / sizeof(mappings[0]);
+        for (i = 0; i < n; ++i) {
+                ui_set_event_id(mappings[i].id, mappings[i].name);
+        }
 }
 
 int ui_dispatch_event(ui_event_t *e)
 {
-	switch (e->type) {
-	case UI_EVENT_WHEEL:
-		return ui_on_wheel_event(e);
-	case UI_EVENT_MOUSEDOWN:
-	case UI_EVENT_MOUSEMOVE:
-	case UI_EVENT_MOUSEUP:
-		return ui_on_mouse_event(e);
-	case UI_EVENT_KEYPRESS:
-	case UI_EVENT_KEYDOWN:
-	case UI_EVENT_KEYUP:
-		return ui_on_keyboard_event(e);
-	case UI_EVENT_TOUCH:
-		return ui_on_touch_event(e);
-	case UI_EVENT_TEXTINPUT:
-		return ui_on_text_input(e);
-	default:
-		break;
-	}
-	return -1;
+        switch (e->type) {
+        case UI_EVENT_WHEEL:
+                return ui_on_wheel_event(e);
+        case UI_EVENT_MOUSEDOWN:
+        case UI_EVENT_MOUSEMOVE:
+        case UI_EVENT_MOUSEUP:
+                return ui_on_mouse_event(e);
+        case UI_EVENT_KEYPRESS:
+        case UI_EVENT_KEYDOWN:
+        case UI_EVENT_KEYUP:
+                return ui_on_keyboard_event(e);
+        case UI_EVENT_TOUCH:
+                return ui_on_touch_event(e);
+        case UI_EVENT_TEXTINPUT:
+                return ui_on_text_input(e);
+        default:
+                break;
+        }
+        return -1;
 }
 
 static void ui_on_destroy_event_pack(void *arg)
 {
-	ui_event_pack_destroy(arg);
+        ui_event_pack_destroy(arg);
 }
 
 void ui_process_events(void)
 {
-	list_t queue;
-	list_node_t *node;
-	ui_event_pack_t *pack;
-
-	list_create(&queue);
-	list_concat(&queue, &ui_events.queue);
-	for (list_each(node, &queue)) {
-		pack = node->data;
-		if (pack->widget) {
-			ui_widget_emit_event(pack->widget, pack->event,
-					     pack->data);
-		}
-	}
-	list_destroy_without_node(&queue, ui_on_destroy_event_pack);
+        list_t queue;
+        list_node_t *node;
+        ui_event_pack_t *pack;
+
+        list_create(&queue);
+        list_concat(&queue, &ui_events.queue);
+        for (list_each(node, &queue)) {
+                pack = node->data;
+                if (pack->widget) {
+                        ui_widget_emit_event(pack->widget, pack->event,
+                                             pack->data);
+                }
+        }
+        list_destroy_without_node(&queue, ui_on_destroy_event_pack);
 }
 
 void ui_destroy_events(void)
 {
-	rbtree_destroy(&ui_events.event_names);
-	dict_destroy(ui_events.event_ids);
-	ui_clear_touch_capturers(&ui_events.touch_capturers);
-	list_destroy_without_node(&ui_events.queue, ui_on_destroy_event_pack);
-	list_destroy(&ui_events.event_mappings, ui_event_mapping_destroy);
-	ui_events.event_ids = NULL;
+        rbtree_destroy(&ui_events.event_names);
+        dict_destroy(ui_events.event_ids);
+        ui_clear_touch_capturers(&ui_events.touch_capturers);
+        list_destroy_without_node(&ui_events.queue, ui_on_destroy_event_pack);
+        list_destroy(&ui_events.event_mappings, ui_event_mapping_destroy);
+        ui_events.event_ids = NULL;
 }
diff --git a/lib/ui/src/ui_events.h b/lib/ui/src/ui_events.h
index f70ff4248..708f890e4 100644
--- a/lib/ui/src/ui_events.h
+++ b/lib/ui/src/ui_events.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_events.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 void ui_widget_destroy_listeners(ui_widget_t *w);
diff --git a/lib/ui/src/ui_flexbox_layout.c b/lib/ui/src/ui_flexbox_layout.c
index c34b53bbc..b1165190c 100644
--- a/lib/ui/src/ui_flexbox_layout.c
+++ b/lib/ui/src/ui_flexbox_layout.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_flexbox_layout.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 /**
@@ -43,6 +43,8 @@ typedef struct ui_flexbox_layout_context {
         bool column_direction;
         ui_resizer_t *resizer;
         float cross_size;
+        float main_gap;
+        float cross_gap;
 
         /** list_t<ui_flexbox_line_t*> lines */
         list_t lines;
@@ -91,6 +93,19 @@ static ui_flexbox_line_t *ui_flexbox_layout_next_line(
         return next_line;
 }
 
+/* 将 gap 值解析为像素长度，percentage 引用容器对应轴上的内容尺寸 */
+static float ui_flexbox_resolve_gap(uint8_t type, css_numeric_value_t value,
+                                    css_unit_t unit, float reference)
+{
+        if (type != CSS_GAP_SET) {
+                return 0;
+        }
+        if (unit == CSS_UNIT_PERCENT) {
+                return value * reference / 100.f;
+        }
+        return value;
+}
+
 static void ui_reset_row_item_flex_basis(ui_widget_t *item)
 {
         css_computed_style_t *s = &item->computed_style;
@@ -159,6 +174,38 @@ static void ui_compute_column_item_flex_basis(ui_widget_t *item)
         s->flex_basis = ui_widget_fix_height(item, s->flex_basis);
 }
 
+/* 重置项目主轴方向上的尺寸与 flex_basis，返回其外框主轴尺寸 */
+static float ui_flexbox_item_reset_main_size(ui_flexbox_layout_context_t *ctx,
+                                             ui_widget_t *item)
+{
+        css_computed_style_t *cs = &item->computed_style;
+
+        if (ctx->column_direction) {
+                ui_widget_reset_height(item);
+                ui_reset_column_item_flex_basis(item);
+                ui_compute_column_item_flex_basis(item);
+                return css_obox_height(cs, cs->flex_basis);
+        }
+        ui_widget_reset_width(item);
+        ui_reset_row_item_flex_basis(item);
+        ui_compute_row_item_flex_basis(item);
+        return css_obox_width(cs, cs->flex_basis);
+}
+
+/* 返回项目主轴方向上基于 min_content_* 的最小外框尺寸 */
+static float ui_flexbox_item_min_main_size(ui_flexbox_layout_context_t *ctx,
+                                           ui_widget_t *item)
+{
+        css_computed_style_t *cs = &item->computed_style;
+
+        if (ctx->column_direction) {
+                return css_obox_height(
+                    cs, css_height_from_cbox(cs, item->min_content_height));
+        }
+        return css_obox_width(cs,
+                              css_width_from_cbox(cs, item->min_content_width));
+}
+
 static void ui_flexbox_layout_compute_justify_content(
     ui_flexbox_layout_context_t *ctx, ui_flexbox_line_t *line,
     float *start_axis, float *space)
@@ -200,124 +247,6 @@ static void ui_flexbox_layout_compute_justify_content(
         }
 }
 
-static void ui_flexbox_row_layout_load_main_size(
-    ui_flexbox_layout_context_t *ctx)
-{
-        list_node_t *node;
-        ui_widget_t *child;
-        css_computed_style_t *cs;
-        float main_size, min_main_size;
-
-#ifdef UI_DEBUG_ENABLED
-        unsigned child_index = 0;
-
-        UI_DEBUG_MSG("%s: begin, main_size_fixed?=%d", __FUNCTION__,
-                     IS_CSS_FIXED_LENGTH(s, width));
-        ui_debug_msg_indent++;
-#endif
-        for (list_each(node, &ctx->widget->children)) {
-                child = node->data;
-                cs = &child->computed_style;
-                if (!ui_widget_in_layout_flow(child)) {
-                        continue;
-                }
-                ui_widget_reset_layout(child);
-                ui_reset_row_item_flex_basis(child);
-                ui_compute_row_item_flex_basis(child);
-                main_size = css_obox_width(cs, cs->flex_basis);
-                if (cs->flex_shrink > 0) {
-                        min_main_size = css_obox_width(
-                            cs,
-                            css_width_from_cbox(cs, child->min_content_width));
-                } else {
-                        min_main_size = main_size;
-                }
-                ui_resizer_load_item_main_size(ctx->resizer, main_size,
-                                               min_main_size);
-#ifdef UI_DEBUG_ENABLED
-                {
-                        UI_WIDGET_STR(child, str);
-                        UI_WIDGET_SIZE_STR(child, size_str);
-                        UI_DEBUG_MSG(
-                            "children[%u]=%s, size=%s, max_content_size=(%g, "
-                            "%g), max_width(%d)=%g, flex_basis(%d)=%g",
-                            child_index, str, size_str,
-                            child->max_content_width, child->max_content_height,
-                            cs->type_bits.max_width, cs->max_width,
-                            cs->type_bits.flex_basis, cs->flex_basis);
-                        child_index++;
-                }
-#endif
-        }
-        ui_resizer_commit_row_main_size(ctx->resizer);
-#ifdef UI_DEBUG_ENABLED
-        {
-                ui_debug_msg_indent--;
-                UI_WIDGET_SIZE_STR(ctx->widget, size_str);
-                UI_DEBUG_MSG("%s: end, size=%s, main_size=%g, min_main_size=%g",
-                             __FUNCTION__, size_str, main_size, min_main_size);
-        }
-#endif
-}
-
-static void ui_flexbox_column_layout_load_main_size(
-    ui_flexbox_layout_context_t *ctx)
-{
-        list_node_t *node;
-        ui_widget_t *child;
-        css_computed_style_t *cs;
-        float main_size = 0, min_main_size = 0;
-
-#ifdef UI_DEBUG_ENABLED
-        unsigned child_index = 0;
-        UI_DEBUG_MSG("%s: begin, main_size_fixed?=%d", __FUNCTION__,
-                     IS_CSS_FIXED_LENGTH(s, height));
-        ui_debug_msg_indent++;
-#endif
-        for (list_each(node, &ctx->widget->children)) {
-                child = node->data;
-                cs = &child->computed_style;
-                if (!ui_widget_in_layout_flow(child)) {
-                        continue;
-                }
-                ui_widget_reset_layout(child);
-                ui_reset_column_item_flex_basis(child);
-                ui_compute_column_item_flex_basis(child);
-                main_size = css_obox_height(cs, cs->flex_basis);
-                if (cs->flex_shrink > 0) {
-                        min_main_size = css_obox_height(
-                            cs, css_height_from_cbox(
-                                    cs, child->min_content_height));
-                } else {
-                        min_main_size = main_size;
-                }
-                ui_resizer_load_item_main_size(ctx->resizer, main_size,
-                                               min_main_size);
-#ifdef UI_DEBUG_ENABLED
-                {
-                        UI_WIDGET_STR(child, str);
-                        UI_WIDGET_SIZE_STR(child, size_str);
-                        UI_DEBUG_MSG(
-                            "children[%u]=%s, size=%s, max_content_size=(%g, "
-                            "%g), flex_basis(%d)=%g",
-                            child_index, str, size_str,
-                            child->max_content_width, child->max_content_height,
-                            cs->type_bits.flex_basis, cs->flex_basis);
-                        child_index++;
-                }
-#endif
-        }
-        ui_resizer_commit_column_main_size(ctx->resizer);
-#ifdef UI_DEBUG_ENABLED
-        {
-                ui_debug_msg_indent--;
-                UI_WIDGET_SIZE_STR(ctx->widget, size_str);
-                UI_DEBUG_MSG("%s: end, main_size=%g, size=%s", __FUNCTION__,
-                             main_size, size_str);
-        }
-#endif
-}
-
 static void ui_apply_row_item_main_size(ui_widget_t *item, float flex_space,
                                         float margin_space)
 {
@@ -368,267 +297,199 @@ static void ui_apply_column_item_main_size(ui_widget_t *item, float flex_space,
         ui_widget_reflow_if_height_changed(item);
 }
 
-static void ui_flexbox_row_layout_apply_main_size(
-    ui_flexbox_layout_context_t *ctx)
+static void ui_flexbox_layout_load_main_size(ui_flexbox_layout_context_t *ctx)
 {
-        list_node_t *node, *line_node;
+        list_node_t *node;
         ui_widget_t *child;
-        ui_flexbox_line_t *line;
-        css_computed_style_t *s = &ctx->widget->computed_style;
         css_computed_style_t *cs;
-
-        float main_size;
-        float max_main_size = ctx->widget->content_box.width;
-        float space, flex_space, margin_space;
-
-#ifdef UI_DEBUG_ENABLED
+        float main_size, min_main_size;
         unsigned child_index = 0;
-
-        {
-                UI_DEBUG_MSG("%s: begin, max_main_size=%g", __FUNCTION__,
-                             max_main_size);
-                ui_debug_msg_indent++;
-        }
-#endif
-
-        line = ui_flexbox_layout_next_line(ctx);
+        unsigned in_flow_count = 0;
+
+        UI_DEBUG_BEGIN;
+        UI_DEBUG_MSG(
+            "%s: begin, main_size_fixed?=%d", __FUNCTION__,
+            ctx->column_direction
+                ? IS_CSS_FIXED_LENGTH(&ctx->widget->computed_style, height)
+                : IS_CSS_FIXED_LENGTH(&ctx->widget->computed_style, width));
+        UI_DEBUG_INDENT_INC;
+        UI_DEBUG_END;
         for (list_each(node, &ctx->widget->children)) {
                 child = node->data;
+                cs = &child->computed_style;
                 if (!ui_widget_in_layout_flow(child)) {
-#ifdef UI_DEBUG_ENABLED
-                        {
-                                UI_WIDGET_STR(child, str);
-                                UI_DEBUG_MSG("line[%zu]: children[%u]=%s, skip",
-                                             line->index, child_index, str);
-                        }
-                        child_index++;
-#endif
-                        list_append(&line->items, child);
                         continue;
                 }
-                cs = &child->computed_style;
-                ui_widget_reset_width(child);
-#ifdef UI_DEBUG_ENABLED
-                {
-                        UI_WIDGET_STR(child, str);
-                        UI_WIDGET_SIZE_STR(child, size_str);
-                        UI_DEBUG_MSG("line[%zu]: children[%u]=%s, size=%s, "
-                                     "flex_basis(%d)=%g",
-                                     line->index, child_index, str, size_str,
-                                     cs->type_bits.flex_basis, cs->flex_basis);
-                }
-#endif
-                ui_reset_row_item_flex_basis(child);
-                ui_compute_row_item_flex_basis(child);
-                main_size = css_obox_width(cs, cs->flex_basis);
-#ifdef UI_DEBUG_ENABLED
-                {
-                        UI_WIDGET_STR(child, str);
-                        UI_WIDGET_SIZE_STR(child, size_str);
-                        UI_DEBUG_MSG("line[%zu]: children[%u]=%s, size=%s, "
-                                     "flex_basis(%d)=%g, main_size=%g, "
-                                     "outer_box.width=%g",
-                                     line->index, child_index, str, size_str,
-                                     cs->type_bits.flex_basis, cs->flex_basis,
-                                     main_size, child->outer_box.width);
+                ui_widget_reset_layout(child);
+                main_size = ui_flexbox_item_reset_main_size(ctx, child);
+                min_main_size = cs->flex_shrink > 0
+                                    ? ui_flexbox_item_min_main_size(ctx, child)
+                                    : main_size;
+                if (in_flow_count > 0 && ctx->main_gap > 0) {
+                        ui_resizer_load_item_main_size(
+                            ctx->resizer, ctx->main_gap, ctx->main_gap);
                 }
+                ui_resizer_load_item_main_size(ctx->resizer, main_size,
+                                               min_main_size);
+                in_flow_count++;
+                UI_DEBUG_BEGIN;
+                UI_WIDGET_STR(child, str);
+                UI_WIDGET_SIZE_STR(child, size_str);
+                UI_DEBUG_MSG("children[%u]=%s, size=%s, flex_basis(%d)=%g",
+                             child_index, str, size_str,
+                             cs->type_bits.flex_basis, cs->flex_basis);
                 child_index++;
-#endif
-                if (s->type_bits.flex_wrap == CSS_FLEX_WRAP_WRAP &&
-                    line->main_size > 0 &&
-                    line->main_size + main_size > max_main_size) {
-                        line = ui_flexbox_layout_next_line(ctx);
-                }
-                line->main_size += main_size;
-                if (cs->type_bits.margin_left == CSS_MARGIN_AUTO) {
-                        line->count_of_auto_margin_items++;
-                }
-                if (cs->type_bits.margin_right == CSS_MARGIN_AUTO) {
-                        line->count_of_auto_margin_items++;
-                }
-                ui_flexbox_line_load_item(line, child);
+                UI_DEBUG_END;
         }
-        ctx->cross_size = 0;
-#ifdef UI_DEBUG_ENABLED
-        ui_debug_msg_indent--;
-        UI_DEBUG_MSG("%s: all lines loaded", __FUNCTION__);
-        ui_debug_msg_indent++;
-#endif
-        for (list_each(line_node, &ctx->lines)) {
-                line = line_node->data;
-                space = max_main_size - line->main_size;
-                flex_space = 0;
-                margin_space = 0;
-                if (space >= 0) {
-                        if (line->sum_of_grow_value > 0) {
-                                flex_space = space / line->sum_of_grow_value;
-                        } else if (line->count_of_auto_margin_items > 0) {
-                                margin_space =
-                                    space / line->count_of_auto_margin_items;
-                        }
-                } else if (line->sum_of_shrink_value > 0) {
-                        flex_space = space / line->sum_of_shrink_value;
+        if (ctx->column_direction) {
+                ui_resizer_commit_column_main_size(ctx->resizer);
+        } else {
+                ui_resizer_commit_row_main_size(ctx->resizer);
+        }
+        UI_DEBUG_BEGIN;
+        UI_DEBUG_INDENT_DEC;
+        UI_WIDGET_SIZE_STR(ctx->widget, size_str);
+        UI_DEBUG_MSG("%s: end, size=%s", __FUNCTION__, size_str);
+        UI_DEBUG_END;
+}
+
+static void ui_flexbox_layout_apply_line(ui_flexbox_layout_context_t *ctx,
+                                         ui_flexbox_line_t *line,
+                                         float flex_space, float margin_space)
+{
+        list_node_t *node;
+        ui_widget_t *child;
+        float item_main_size, item_cross_size;
+        unsigned child_index = 0;
+        unsigned in_flow_count = 0;
+
+        line->main_size = 0;
+        line->cross_size = 0;
+        for (list_each(node, &line->items)) {
+                child = node->data;
+                if (!ui_widget_in_layout_flow(child)) {
+                        continue;
                 }
-#ifdef UI_DEBUG_ENABLED
-                UI_DEBUG_MSG("line[%zu]: main_size=%g, space=%g, "
-                             "flex_space=%g, margin_space=%g",
-                             line->index, line->main_size, space, flex_space,
-                             margin_space);
-                ui_debug_msg_indent++;
-                child_index = 0;
-#endif
-                line->main_size = 0;
-                line->cross_size = 0;
-                for (list_each(node, &line->items)) {
-                        child = node->data;
-                        if (!ui_widget_in_layout_flow(child)) {
-                                continue;
-                        }
-#ifdef UI_DEBUG_ENABLED
-                        {
-                                UI_WIDGET_STR(child, str);
-                                UI_WIDGET_SIZE_STR(child, size_str);
-                                UI_DEBUG_MSG("[%zu] %s: size=%s, "
-                                             "flex-shrink=%g, flex-grow=%g, "
-                                             "content_box_size=(%g, %g), "
-                                             "outer_box_size=(%g, %g)",
-                                             child_index, str, size_str,
-                                             child->computed_style.flex_shrink,
-                                             child->computed_style.flex_grow,
-                                             child->content_box.width,
-                                             child->content_box.height,
-                                             child->outer_box.width,
-                                             child->outer_box.height);
-                                ui_debug_msg_indent++;
-                        }
-#endif
+                UI_DEBUG_BEGIN;
+                UI_WIDGET_STR(child, str);
+                UI_WIDGET_SIZE_STR(child, size_str);
+                UI_DEBUG_MSG("[%u] %s: size=%s, flex-shrink=%g, "
+                             "flex-grow=%g",
+                             child_index, str, size_str,
+                             child->computed_style.flex_shrink,
+                             child->computed_style.flex_grow);
+                UI_DEBUG_INDENT_INC;
+                UI_DEBUG_END;
+                if (ctx->column_direction) {
+                        ui_apply_column_item_main_size(child, flex_space,
+                                                       margin_space);
+                        item_main_size = child->outer_box.height;
+                        item_cross_size = child->outer_box.width;
+                } else {
                         ui_apply_row_item_main_size(child, flex_space,
                                                     margin_space);
-#ifdef UI_DEBUG_ENABLED
-                        {
-                                ui_debug_msg_indent--;
-                                UI_WIDGET_STR(child, str);
-                                UI_WIDGET_SIZE_STR(child, size_str);
-                                UI_DEBUG_MSG(
-                                    "[%zu] %s: size=%s, main_size=%g, "
-                                    "cross_size=%g, content_box_size=(%g, %g)",
-                                    child_index, str, size_str,
-                                    child->outer_box.width,
-                                    child->outer_box.height,
-                                    child->content_box.width,
-                                    child->content_box.height);
-                        }
-                        child_index++;
-#endif
-                        if (line->cross_size < child->outer_box.height) {
-                                line->cross_size = child->outer_box.height;
-                        }
-                        line->main_size += child->outer_box.width;
+                        item_main_size = child->outer_box.width;
+                        item_cross_size = child->outer_box.height;
+                }
+                UI_DEBUG_BEGIN;
+                UI_DEBUG_INDENT_DEC;
+                UI_WIDGET_STR(child, str);
+                UI_WIDGET_SIZE_STR(child, size_str);
+                UI_DEBUG_MSG("[%u] %s: size=%s, main_size=%g, "
+                             "cross_size=%g",
+                             child_index, str, size_str, item_main_size,
+                             item_cross_size);
+                child_index++;
+                UI_DEBUG_END;
+                if (line->cross_size < item_cross_size) {
+                        line->cross_size = item_cross_size;
                 }
-#ifdef UI_DEBUG_ENABLED
-                --ui_debug_msg_indent;
-                UI_DEBUG_MSG("line[%zu]: cross_size=%g", line->index,
-                             line->cross_size);
-#endif
-                ctx->cross_size += line->cross_size;
-        }
-        if (ctx->cross_size < ctx->resizer->hint.max_height) {
-                ctx->cross_size = ctx->resizer->hint.max_height;
-        }
-        if (!IS_CSS_FIXED_LENGTH(s, height)) {
-                ui_widget_set_content_height(ctx->widget, ctx->cross_size);
+                if (in_flow_count > 0) {
+                        line->main_size += ctx->main_gap;
+                }
+                line->main_size += item_main_size;
+                in_flow_count++;
         }
-#ifdef UI_DEBUG_ENABLED
-        ui_debug_msg_indent--;
-        UI_DEBUG_MSG("%s: end, cross_size=%g", __FUNCTION__, ctx->cross_size);
-#endif
 }
 
-static void ui_flexbox_column_layout_apply_main_size(
-    ui_flexbox_layout_context_t *ctx)
+static void ui_flexbox_layout_apply_main_size(ui_flexbox_layout_context_t *ctx)
 {
         list_node_t *node, *line_node;
         ui_widget_t *child;
         ui_flexbox_line_t *line;
         css_computed_style_t *s = &ctx->widget->computed_style;
         css_computed_style_t *cs;
+        bool column = ctx->column_direction;
 
         float main_size;
-        float max_main_size = ctx->widget->content_box.height;
+        float max_main_size = column ? ctx->widget->content_box.height
+                                     : ctx->widget->content_box.width;
+        float hint_cross_size = column ? ctx->resizer->hint.max_width
+                                       : ctx->resizer->hint.max_height;
         float space, flex_space, margin_space;
-
-#ifdef UI_DEBUG_ENABLED
         unsigned child_index = 0;
 
-        {
-                UI_DEBUG_MSG("%s: begin, max_main_size=%g", __FUNCTION__,
-                             max_main_size);
-                ui_debug_msg_indent++;
-        }
-#endif
+        UI_DEBUG_BEGIN;
+        UI_DEBUG_MSG("%s: begin, max_main_size=%g", __FUNCTION__,
+                     max_main_size);
+        UI_DEBUG_INDENT_INC;
+        UI_DEBUG_END;
         line = ui_flexbox_layout_next_line(ctx);
         for (list_each(node, &ctx->widget->children)) {
                 child = node->data;
                 if (!ui_widget_in_layout_flow(child)) {
-#ifdef UI_DEBUG_ENABLED
-                        {
-                                UI_WIDGET_STR(child, str);
-                                UI_DEBUG_MSG("line[%zu]: children[%u]=%s, skip",
-                                             line->index, child_index, str);
-                        }
+                        UI_DEBUG_BEGIN;
+                        UI_WIDGET_STR(child, str);
+                        UI_DEBUG_MSG("line[%zu]: children[%u]=%s, skip",
+                                     line->index, child_index, str);
                         child_index++;
-#endif
+                        UI_DEBUG_END;
                         list_append(&line->items, child);
                         continue;
                 }
                 cs = &child->computed_style;
-                ui_widget_reset_height(child);
-#ifdef UI_DEBUG_ENABLED
-                {
-                        UI_WIDGET_STR(child, str);
-                        UI_WIDGET_SIZE_STR(child, size_str);
-                        UI_DEBUG_MSG("line[%zu]: children[%u]=%s, size=%s, "
-                                     "flex_basis(%d)=%g",
-                                     line->index, child_index, str, size_str,
-                                     cs->type_bits.flex_basis, cs->flex_basis);
-                }
-#endif
-                ui_reset_column_item_flex_basis(child);
-                ui_compute_column_item_flex_basis(child);
-                main_size = css_obox_height(cs, cs->flex_basis);
-#ifdef UI_DEBUG_ENABLED
-                {
-                        UI_WIDGET_STR(child, str);
-                        UI_WIDGET_SIZE_STR(child, size_str);
-                        UI_DEBUG_MSG("line[%zu]: children[%u]=%s, size=%s, "
-                                     "flex_basis(%d)=%g, main_size=%g, "
-                                     "child->outer_box.height=%g",
-                                     line->index, child_index, str, size_str,
-                                     cs->type_bits.flex_basis, cs->flex_basis,
-                                     main_size, child->outer_box.height);
-                }
+                main_size = ui_flexbox_item_reset_main_size(ctx, child);
+                UI_DEBUG_BEGIN;
+                UI_WIDGET_STR(child, str);
+                UI_WIDGET_SIZE_STR(child, size_str);
+                UI_DEBUG_MSG("line[%zu]: children[%u]=%s, size=%s, "
+                             "flex_basis(%d)=%g, main_size=%g",
+                             line->index, child_index, str, size_str,
+                             cs->type_bits.flex_basis, cs->flex_basis,
+                             main_size);
                 child_index++;
-#endif
+                UI_DEBUG_END;
                 if (s->type_bits.flex_wrap == CSS_FLEX_WRAP_WRAP &&
                     line->main_size > 0 &&
-                    line->main_size + main_size > max_main_size) {
+                    line->main_size + ctx->main_gap + main_size >
+                        max_main_size) {
                         line = ui_flexbox_layout_next_line(ctx);
                 }
-                line->main_size += main_size;
-                if (cs->type_bits.margin_top == CSS_MARGIN_AUTO) {
-                        line->count_of_auto_margin_items++;
+                if (line->items.length > 0) {
+                        line->main_size += ctx->main_gap;
                 }
-                if (cs->type_bits.margin_bottom == CSS_MARGIN_AUTO) {
-                        line->count_of_auto_margin_items++;
+                line->main_size += main_size;
+                if (column) {
+                        if (cs->type_bits.margin_top == CSS_MARGIN_AUTO) {
+                                line->count_of_auto_margin_items++;
+                        }
+                        if (cs->type_bits.margin_bottom == CSS_MARGIN_AUTO) {
+                                line->count_of_auto_margin_items++;
+                        }
+                } else {
+                        if (cs->type_bits.margin_left == CSS_MARGIN_AUTO) {
+                                line->count_of_auto_margin_items++;
+                        }
+                        if (cs->type_bits.margin_right == CSS_MARGIN_AUTO) {
+                                line->count_of_auto_margin_items++;
+                        }
                 }
                 ui_flexbox_line_load_item(line, child);
         }
         ctx->cross_size = 0;
-#ifdef UI_DEBUG_ENABLED
-        ui_debug_msg_indent--;
+        UI_DEBUG_BEGIN;
         UI_DEBUG_MSG("%s: all lines loaded", __FUNCTION__);
-        ui_debug_msg_indent++;
-#endif
+        UI_DEBUG_END;
         for (list_each(line_node, &ctx->lines)) {
                 line = line_node->data;
                 space = max_main_size - line->main_size;
@@ -644,270 +505,174 @@ static void ui_flexbox_column_layout_apply_main_size(
                 } else if (line->sum_of_shrink_value > 0) {
                         flex_space = space / line->sum_of_shrink_value;
                 }
-#ifdef UI_DEBUG_ENABLED
+                UI_DEBUG_BEGIN;
                 UI_DEBUG_MSG("line[%zu]: main_size=%g, space=%g, "
                              "flex_space=%g, margin_space=%g",
                              line->index, line->main_size, space, flex_space,
                              margin_space);
-                ui_debug_msg_indent++;
-                child_index = 0;
-#endif
-                line->main_size = 0;
-                line->cross_size = 0;
-                for (list_each(node, &line->items)) {
-                        child = node->data;
-                        if (!ui_widget_in_layout_flow(child)) {
-                                continue;
-                        }
-#ifdef UI_DEBUG_ENABLED
-                        {
-                                UI_WIDGET_STR(child, str);
-                                UI_WIDGET_SIZE_STR(child, size_str);
-                                UI_DEBUG_MSG("[%zu] %s: size=%s, "
-                                             "flex-shrink=%g, flex-grow=%g",
-                                             child_index, str, size_str,
-                                             child->computed_style.flex_shrink,
-                                             child->computed_style.flex_grow);
-                                ui_debug_msg_indent++;
-                        }
-#endif
-                        ui_apply_column_item_main_size(child, flex_space,
-                                                       margin_space);
-#ifdef UI_DEBUG_ENABLED
-                        {
-                                ui_debug_msg_indent--;
-                                UI_WIDGET_STR(child, str);
-                                UI_WIDGET_SIZE_STR(child, size_str);
-                                UI_DEBUG_MSG("[%zu] %s: size=%s, main_size=%g, "
-                                             "cross_size=%g",
-                                             child_index, str, size_str,
-                                             child->outer_box.height,
-                                             child->outer_box.width);
-                        }
-                        child_index++;
-#endif
-                        if (line->cross_size < child->outer_box.width) {
-                                line->cross_size = child->outer_box.width;
-                        }
-                        line->main_size += child->outer_box.height;
-                }
-#ifdef UI_DEBUG_ENABLED
-                --ui_debug_msg_indent;
+                UI_DEBUG_INDENT_INC;
+                UI_DEBUG_END;
+                ui_flexbox_layout_apply_line(ctx, line, flex_space,
+                                             margin_space);
+                UI_DEBUG_BEGIN;
+                UI_DEBUG_INDENT_DEC;
                 UI_DEBUG_MSG("line[%zu]: cross_size=%g", line->index,
                              line->cross_size);
-#endif
+                UI_DEBUG_END;
+                if (line->index > 0) {
+                        ctx->cross_size += ctx->cross_gap;
+                }
                 ctx->cross_size += line->cross_size;
         }
-        if (ctx->cross_size < ctx->resizer->hint.max_width) {
-                ctx->cross_size = ctx->resizer->hint.max_width;
+        if (ctx->cross_size < hint_cross_size) {
+                ctx->cross_size = hint_cross_size;
         }
-        if (!IS_CSS_FIXED_LENGTH(s, width)) {
-                ui_widget_set_content_width(ctx->widget, ctx->cross_size);
+        if (column) {
+                if (!IS_CSS_FIXED_LENGTH(s, width)) {
+                        ui_widget_set_content_width(ctx->widget,
+                                                    ctx->cross_size);
+                }
+        } else {
+                if (!IS_CSS_FIXED_LENGTH(s, height)) {
+                        ui_widget_set_content_height(ctx->widget,
+                                                     ctx->cross_size);
+                }
         }
-#ifdef UI_DEBUG_ENABLED
-        ui_debug_msg_indent--;
+        UI_DEBUG_BEGIN;
+        UI_DEBUG_INDENT_DEC;
         UI_DEBUG_MSG("%s: end, cross_size=%g", __FUNCTION__, ctx->cross_size);
-#endif
+        UI_DEBUG_END;
 }
 
-static float ui_compute_row_item_layout(ui_widget_t *item, float x, float y,
-                                        css_align_items_t align,
-                                        float line_max_cross_size)
+static float ui_flexbox_compute_item_layout(ui_flexbox_layout_context_t *ctx,
+                                            ui_widget_t *item, float main_axis,
+                                            float cross_axis,
+                                            css_align_items_t align,
+                                            float line_max_cross_size)
 {
         css_computed_style_t *s = &item->computed_style;
+        bool column = ctx->column_direction;
+        float item_outer_cross;
 
         if (!ui_widget_in_layout_flow(item)) {
-                item->layout_x = x;
-                item->layout_y = y;
+                item->layout_x = column ? cross_axis : main_axis;
+                item->layout_y = column ? main_axis : cross_axis;
                 ui_widget_reset_layout(item);
                 ui_widget_reflow_if_width_changed(item);
                 ui_widget_reflow_if_height_changed(item);
                 ui_widget_update_box_position(item);
                 return 0;
         }
-        if (IS_CSS_PERCENTAGE(&item->specified_style, height)) {
-                ui_widget_reset_height(item);
-        } else if (align == CSS_ALIGN_ITEMS_STRETCH &&
-            item->specified_style.type_bits.height == CSS_HEIGHT_AUTO) {
-                CSS_SET_FIXED_LENGTH(
-                    s, height,
-                    css_border_box_height_to_height(
-                        s, line_max_cross_size - css_margin_y(s)));
-        }
-        ui_widget_reflow_if_height_changed(item);
-        switch (align) {
-        case CSS_ALIGN_ITEMS_CENTER:
-                y += (line_max_cross_size - item->outer_box.height) * 0.5f;
-                break;
-        case CSS_ALIGN_ITEMS_FLEX_END:
-                y += line_max_cross_size - item->outer_box.height;
-                break;
-        default:
-                break;
-        }
-#ifdef UI_DEBUG_ENABLED
-        {
-                UI_WIDGET_STR(item, str);
-                UI_DEBUG_MSG("%s: %s: x=%g, y=%g", __FUNCTION__, str, x, y);
-        }
-#endif
-        item->layout_x = x;
-        item->layout_y = y;
-        ui_widget_update_box_position(item);
-        return item->outer_box.width;
-}
-
-static float ui_compute_column_item_layout(ui_widget_t *item, float x, float y,
-                                           css_align_items_t align,
-                                           float line_max_cross_size)
-{
-        css_computed_style_t *s = &item->computed_style;
-        if (!ui_widget_in_layout_flow(item)) {
-                item->layout_x = x;
-                item->layout_y = y;
-                ui_widget_reset_layout(item);
+        if (column) {
+                if (IS_CSS_PERCENTAGE(&item->specified_style, width)) {
+                        ui_widget_reset_width(item);
+                } else if (align == CSS_ALIGN_ITEMS_STRETCH &&
+                           item->specified_style.type_bits.width ==
+                               CSS_WIDTH_AUTO) {
+                        CSS_SET_FIXED_LENGTH(
+                            s, width,
+                            css_border_box_width_to_width(
+                                s, line_max_cross_size - css_margin_x(s)));
+                }
                 ui_widget_reflow_if_width_changed(item);
+                item_outer_cross = item->outer_box.width;
+        } else {
+                if (IS_CSS_PERCENTAGE(&item->specified_style, height)) {
+                        ui_widget_reset_height(item);
+                } else if (align == CSS_ALIGN_ITEMS_STRETCH &&
+                           item->specified_style.type_bits.height ==
+                               CSS_HEIGHT_AUTO) {
+                        CSS_SET_FIXED_LENGTH(
+                            s, height,
+                            css_border_box_height_to_height(
+                                s, line_max_cross_size - css_margin_y(s)));
+                }
                 ui_widget_reflow_if_height_changed(item);
-                ui_widget_update_box_position(item);
-                return 0;
+                item_outer_cross = item->outer_box.height;
         }
-        if (IS_CSS_PERCENTAGE(&item->specified_style, width)) {
-                ui_widget_reset_width(item);
-        } else if (align == CSS_ALIGN_ITEMS_STRETCH &&
-            item->specified_style.type_bits.width == CSS_WIDTH_AUTO) {
-                CSS_SET_FIXED_LENGTH(
-                    s, width,
-                    css_border_box_width_to_width(
-                        s, line_max_cross_size - css_margin_x(s)));
-        }
-        ui_widget_reflow_if_width_changed(item);
         switch (align) {
         case CSS_ALIGN_ITEMS_CENTER:
-                x += (line_max_cross_size - item->outer_box.width) * 0.5f;
+                cross_axis += (line_max_cross_size - item_outer_cross) * 0.5f;
                 break;
         case CSS_ALIGN_ITEMS_FLEX_END:
-                x += line_max_cross_size - item->outer_box.width;
+                cross_axis += line_max_cross_size - item_outer_cross;
                 break;
         default:
                 break;
         }
-#ifdef UI_DEBUG_ENABLED
-        {
-                UI_WIDGET_STR(item, str);
-                UI_DEBUG_MSG("%s: %s: x=%g, y=%g", __FUNCTION__, str, x, y);
-        }
-#endif
-        item->layout_x = x;
-        item->layout_y = y;
+        item->layout_x = column ? cross_axis : main_axis;
+        item->layout_y = column ? main_axis : cross_axis;
+        UI_DEBUG_BEGIN;
+        UI_WIDGET_STR(item, str);
+        UI_DEBUG_MSG("%s: %s: x=%g, y=%g", __FUNCTION__, str, item->layout_x,
+                     item->layout_y);
+        UI_DEBUG_END;
         ui_widget_update_box_position(item);
-        return item->outer_box.height;
+        return column ? item->outer_box.height : item->outer_box.width;
 }
 
-static void ui_flexbox_row_layout_reflow(ui_flexbox_layout_context_t *ctx)
+static void ui_flexbox_layout_reflow_lines(ui_flexbox_layout_context_t *ctx)
 {
         list_node_t *line_node, *node;
         ui_widget_t *child;
         ui_flexbox_line_t *line;
         css_computed_style_t *s = &ctx->widget->computed_style;
+        bool column = ctx->column_direction;
+        unsigned item_index;
 
         float space;
         float main_axis;
-        float cross_axis = s->padding_top;
+        float cross_axis = column ? s->padding_left : s->padding_top;
+        float cross_free_space = (column ? ctx->widget->content_box.width
+                                         : ctx->widget->content_box.height) -
+                                 ctx->cross_size;
         float cross_space =
-            (ctx->widget->content_box.height - ctx->cross_size) /
-            ctx->lines.length;
+            ctx->lines.length > 0 ? cross_free_space / ctx->lines.length : 0;
         float line_max_cross_size;
 
-#ifdef UI_DEBUG_ENABLED
-        {
-                UI_WIDGET_STR(ctx->widget, str);
-                UI_DEBUG_MSG("%s: %s: begin, cross_space=%g", __FUNCTION__, str,
-                             cross_space);
-        }
-#endif
+        UI_DEBUG_BEGIN;
+        UI_WIDGET_STR(ctx->widget, str);
+        UI_DEBUG_MSG("%s: %s: begin, cross_space=%g", __FUNCTION__, str,
+                     cross_space);
+        UI_DEBUG_END;
         for (list_each(line_node, &ctx->lines)) {
                 line = line_node->data;
-                line_max_cross_size = line->cross_size + cross_space;
-                ui_flexbox_layout_compute_justify_content(ctx, line, &main_axis,
-                                                          &space);
-#ifdef UI_DEBUG_ENABLED
-                UI_DEBUG_MSG("line[%zu]: main_axis=%g, cross_axis=%g, "
-                             "space=%g, line_max_cross_size=%g",
-                             line->index, main_axis, cross_axis, space,
-                             line_max_cross_size);
-                ui_debug_msg_indent++;
-#endif
-                for (list_each(node, &line->items)) {
-                        child = node->data;
-                        main_axis += space;
-                        main_axis += ui_compute_row_item_layout(
-                            child, main_axis, cross_axis,
-                            s->type_bits.align_items, line_max_cross_size);
+                if (line->index > 0) {
+                        cross_axis += ctx->cross_gap;
                 }
-                cross_axis += line_max_cross_size;
-#ifdef UI_DEBUG_ENABLED
-                ui_debug_msg_indent--;
-#endif
-        }
-#ifdef UI_DEBUG_ENABLED
-        {
-                UI_WIDGET_STR(ctx->widget, str);
-                UI_DEBUG_MSG("%s: %s: end", __FUNCTION__, str);
-        }
-#endif
-}
-
-static void ui_flexbox_column_layout_reflow(ui_flexbox_layout_context_t *ctx)
-{
-        list_node_t *line_node, *node;
-        ui_widget_t *child;
-        ui_flexbox_line_t *line;
-        css_computed_style_t *s = &ctx->widget->computed_style;
-
-        float space;
-        float main_axis;
-        float cross_axis = s->padding_left;
-        float cross_space = (ctx->widget->content_box.width - ctx->cross_size) /
-                            ctx->lines.length;
-        float line_max_cross_size;
-
-#ifdef UI_DEBUG_ENABLED
-        {
-                UI_WIDGET_STR(ctx->widget, str);
-                UI_DEBUG_MSG("%s: %s: begin, cross_space=%g", __FUNCTION__, str,
-                             cross_space);
-        }
-#endif
-        for (list_each(line_node, &ctx->lines)) {
-                line = line_node->data;
                 line_max_cross_size = line->cross_size + cross_space;
                 ui_flexbox_layout_compute_justify_content(ctx, line, &main_axis,
                                                           &space);
-#ifdef UI_DEBUG_ENABLED
+                UI_DEBUG_BEGIN;
                 UI_DEBUG_MSG("line[%zu]: main_axis=%g, cross_axis=%g, "
                              "space=%g, line_max_cross_size=%g",
                              line->index, main_axis, cross_axis, space,
                              line_max_cross_size);
-                ui_debug_msg_indent++;
-#endif
+                UI_DEBUG_INDENT_INC;
+                UI_DEBUG_END;
+                item_index = 0;
                 for (list_each(node, &line->items)) {
                         child = node->data;
                         main_axis += space;
-                        main_axis += ui_compute_column_item_layout(
-                            child, cross_axis, main_axis,
+                        if (item_index > 0 && ui_widget_in_layout_flow(child)) {
+                                main_axis += ctx->main_gap;
+                        }
+                        main_axis += ui_flexbox_compute_item_layout(
+                            ctx, child, main_axis, cross_axis,
                             s->type_bits.align_items, line_max_cross_size);
+                        if (ui_widget_in_layout_flow(child)) {
+                                item_index++;
+                        }
                 }
                 cross_axis += line_max_cross_size;
-#ifdef UI_DEBUG_ENABLED
-                ui_debug_msg_indent--;
-#endif
-        }
-#ifdef UI_DEBUG_ENABLED
-        {
-                UI_WIDGET_STR(ctx->widget, str);
-                UI_DEBUG_MSG("%s: %s: end", __FUNCTION__, str);
-        }
-#endif
+                UI_DEBUG_BEGIN;
+                UI_DEBUG_INDENT_DEC;
+                UI_DEBUG_END;
+        }
+        UI_DEBUG_BEGIN;
+        UI_WIDGET_STR(ctx->widget, str);
+        UI_DEBUG_MSG("%s: %s: end", __FUNCTION__, str);
+        UI_DEBUG_END;
 }
 
 void ui_flexbox_layout_reflow(ui_widget_t *w, ui_resizer_t *resizer)
@@ -919,38 +684,45 @@ void ui_flexbox_layout_reflow(ui_widget_t *w, ui_resizer_t *resizer)
         ctx.column_direction = ui_widget_has_flex_column_direction(w);
         list_create(&ctx.lines);
         ui_resizer_init(resizer, w);
-#ifdef UI_DEBUG_ENABLED
         {
-                UI_WIDGET_STR(w, str);
-                UI_WIDGET_SIZE_STR(w, size_str);
-                UI_DEBUG_MSG("%s: %s: begin, direction=%s, size=%s, "
-                             "content_size=(%g, %g)",
-                             __FUNCTION__, str,
-                             ctx.column_direction ? "column" : "row", size_str,
-                             w->content_box.width, w->content_box.height);
-                ui_debug_msg_indent++;
-        }
-#endif
+                css_computed_style_t *s = &w->computed_style;
+                float row_gap = ui_flexbox_resolve_gap(
+                    s->type_bits.row_gap, s->row_gap, s->unit_bits.row_gap,
+                    w->content_box.height);
+                float column_gap = ui_flexbox_resolve_gap(
+                    s->type_bits.column_gap, s->column_gap,
+                    s->unit_bits.column_gap, w->content_box.width);
+                if (ctx.column_direction) {
+                        ctx.main_gap = row_gap;
+                        ctx.cross_gap = column_gap;
+                } else {
+                        ctx.main_gap = column_gap;
+                        ctx.cross_gap = row_gap;
+                }
+        }
+        UI_DEBUG_BEGIN;
+        UI_WIDGET_STR(w, str);
+        UI_WIDGET_SIZE_STR(w, size_str);
+        UI_DEBUG_MSG("%s: %s: begin, direction=%s, size=%s, "
+                     "content_size=(%g, %g)",
+                     __FUNCTION__, str, ctx.column_direction ? "column" : "row",
+                     size_str, w->content_box.width, w->content_box.height);
+        UI_DEBUG_INDENT_INC;
+        UI_DEBUG_END;
         if (ctx.column_direction) {
                 ui_resizer_load_column_minmaxinfo(resizer);
-                ui_flexbox_column_layout_load_main_size(&ctx);
-                ui_flexbox_column_layout_apply_main_size(&ctx);
-                ui_flexbox_column_layout_reflow(&ctx);
         } else {
                 ui_resizer_load_row_minmaxinfo(resizer);
-                ui_flexbox_row_layout_load_main_size(&ctx);
-                ui_flexbox_row_layout_apply_main_size(&ctx);
-                ui_flexbox_row_layout_reflow(&ctx);
         }
+        ui_flexbox_layout_load_main_size(&ctx);
+        ui_flexbox_layout_apply_main_size(&ctx);
+        ui_flexbox_layout_reflow_lines(&ctx);
         w->proto->resize(w, w->content_box.width, w->content_box.height);
         list_destroy(&ctx.lines, ui_flexbox_line_destroy);
-#ifdef UI_DEBUG_ENABLED
-        {
-                ui_debug_msg_indent--;
-                UI_WIDGET_STR(w, str);
-                UI_WIDGET_SIZE_STR(w, size_str);
-                UI_DEBUG_MSG("%s: %s: end, size=%s", __FUNCTION__, str,
-                             size_str);
-        }
-#endif
+        UI_DEBUG_BEGIN;
+        UI_DEBUG_INDENT_DEC;
+        UI_WIDGET_STR(w, str);
+        UI_WIDGET_SIZE_STR(w, size_str);
+        UI_DEBUG_MSG("%s: %s: end, size=%s", __FUNCTION__, str, size_str);
+        UI_DEBUG_END;
 }
diff --git a/lib/ui/src/ui_flexbox_layout.h b/lib/ui/src/ui_flexbox_layout.h
index 833eeb144..d4ee65551 100644
--- a/lib/ui/src/ui_flexbox_layout.h
+++ b/lib/ui/src/ui_flexbox_layout.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_flexbox_layout.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 void ui_flexbox_layout_reflow(ui_widget_t *w, ui_resizer_t *resizer);
diff --git a/lib/ui/src/ui_image.c b/lib/ui/src/ui_image.c
index 93054e418..8526b5974 100644
--- a/lib/ui/src/ui_image.c
+++ b/lib/ui/src/ui_image.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_image.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
@@ -122,7 +122,7 @@ ui_image_t *ui_image_create(const char *path)
                 src->image.error = PD_OK;
                 src->refs_count = 1;
                 src->image.state = UI_IMAGE_STATE_PENDING;
-                src->image.path = strdup2(path);
+                src->image.path = y_strdup(path);
                 src->node.data = src;
                 pd_canvas_init(&src->image.data);
                 list_create(&src->listeners);
@@ -130,7 +130,7 @@ ui_image_t *ui_image_create(const char *path)
         }
         list_insert_node(&ui_image_loader.images, 0, &src->node);
         ui_image_loader.changed = true;
-        ui_image_loader.progress_tick_time = get_time_ms();
+        ui_image_loader.progress_tick_time = y_gettime();
         if (ui_image_loader.callback) {
                 ui_image_loader.callback(&src->image);
         }
@@ -144,7 +144,7 @@ void ui_image_destroy(ui_image_t *image)
 }
 
 bool ui_image_add_event_listener(ui_image_t *image, ui_image_event_type_t type,
-                                ui_image_event_handler_t handler, void *data)
+                                 ui_image_event_handler_t handler, void *data)
 {
         ui_image_event_t ev = { .type = type, .image = image, .data = data };
         ui_image_event_listener_t *listener;
@@ -168,8 +168,9 @@ bool ui_image_add_event_listener(ui_image_t *image, ui_image_event_type_t type,
 }
 
 bool ui_image_remove_event_listener(ui_image_t *image,
-                                   ui_image_event_type_t type,
-                                   ui_image_event_handler_t handler, void *data)
+                                    ui_image_event_type_t type,
+                                    ui_image_event_handler_t handler,
+                                    void *data)
 {
         list_node_t *node, *next;
         ui_image_source_t *src = (ui_image_source_t *)image;
@@ -281,7 +282,7 @@ void ui_process_image_events(void)
         ui_image_source_t *src;
         ui_image_mutation_t mutation = { .type = UI_IMAGE_EVENT_PROGRESS };
 
-        now = get_time_ms();
+        now = y_gettime();
         list_create(&mutations);
         list_concat(&mutations, &ui_image_loader.mutations);
         for (list_each(node, &mutations)) {
@@ -327,7 +328,7 @@ void ui_init_image_loader(void)
 {
         dict_init_string_key_type(&ui_image_loader.dict_type);
         ui_image_loader.cache = dict_create(&ui_image_loader.dict_type, NULL);
-        ui_image_loader.progress_tick_time = get_time_ms();
+        ui_image_loader.progress_tick_time = y_gettime();
         list_create(&ui_image_loader.images);
         list_create(&ui_image_loader.mutations);
 }
diff --git a/lib/ui/src/ui_image.h b/lib/ui/src/ui_image.h
index 96da7c686..ba3717df4 100644
--- a/lib/ui/src/ui_image.h
+++ b/lib/ui/src/ui_image.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_image.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 void ui_init_image_loader(void);
diff --git a/lib/ui/src/ui_logger.c b/lib/ui/src/ui_logger.c
index 3260a20c6..904e2303c 100644
--- a/lib/ui/src/ui_logger.c
+++ b/lib/ui/src/ui_logger.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_logger.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdarg.h>
@@ -20,19 +20,20 @@
 
 int ui_logger_log(logger_level_e level, ui_widget_t *w, const char *fmt, ...)
 {
-	va_list args;
-	css_selector_node_t *node;
-	char buffer[LOG_BUFFER_SIZE];
+        va_list args;
+        css_selector_node_t *node;
+        char buffer[LOG_BUFFER_SIZE];
 
-	va_start(args, fmt);
-	vsnprintf(buffer, LOG_BUFFER_SIZE, fmt, args);
-	va_end(args);
-	if (w) {
-		node = ui_widget_create_selector_node(w);
-		strreplace(buffer, LOG_BUFFER_SIZE, "${widget}", node->fullname);
-		css_selector_node_destroy(node);
-	} else {
-		strreplace(buffer, LOG_BUFFER_SIZE, "${widget}", "(null)");
-	}
-	return logger_log(level, buffer);
+        va_start(args, fmt);
+        vsnprintf(buffer, LOG_BUFFER_SIZE, fmt, args);
+        va_end(args);
+        if (w) {
+                node = ui_widget_create_selector_node(w);
+                y_strreplace(buffer, LOG_BUFFER_SIZE, "${widget}",
+                             node->fullname);
+                css_selector_node_destroy(node);
+        } else {
+                y_strreplace(buffer, LOG_BUFFER_SIZE, "${widget}", "(null)");
+        }
+        return logger_log(level, buffer);
 }
diff --git a/lib/ui/src/ui_metrics.c b/lib/ui/src/ui_metrics.c
index 9322b2e37..bb5547e05 100644
--- a/lib/ui/src/ui_metrics.c
+++ b/lib/ui/src/ui_metrics.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_metrics.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <ui/metrics.h>
diff --git a/lib/ui/src/ui_mutation_observer.c b/lib/ui/src/ui_mutation_observer.c
index fa47e3226..da06892cc 100644
--- a/lib/ui/src/ui_mutation_observer.c
+++ b/lib/ui/src/ui_mutation_observer.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_mutation_observer.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <errno.h>
@@ -55,10 +55,10 @@ ui_mutation_record_t *ui_mutation_record_duplicate(ui_mutation_record_t *source)
 
         mutation = ui_mutation_record_create(source->target, source->type);
         if (source->attribute_name) {
-                mutation->attribute_name = strdup2(source->attribute_name);
+                mutation->attribute_name = y_strdup(source->attribute_name);
         }
         if (source->property_name) {
-                mutation->property_name = strdup2(source->property_name);
+                mutation->property_name = y_strdup(source->property_name);
         }
         for (list_each(node, &source->added_widgets)) {
                 list_append(&mutation->added_widgets, node->data);
diff --git a/lib/ui/src/ui_mutation_observer.h b/lib/ui/src/ui_mutation_observer.h
index 1dc618d5f..ea8fea26d 100644
--- a/lib/ui/src/ui_mutation_observer.h
+++ b/lib/ui/src/ui_mutation_observer.h
@@ -1,17 +1,17 @@
 /*
  * lib/ui/src/ui_mutation_observer.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 typedef struct ui_mutation_connection {
-	ui_widget_t *widget;
-	ui_mutation_observer_t *observer;
-	ui_mutation_observer_init_t options;
-	list_node_t node;
+        ui_widget_t *widget;
+        ui_mutation_observer_t *observer;
+        ui_mutation_observer_init_t options;
+        list_node_t node;
 } ui_mutation_connection_t;
diff --git a/lib/ui/src/ui_rect.c b/lib/ui/src/ui_rect.c
index c16c2f13b..eef449473 100644
--- a/lib/ui/src/ui_rect.c
+++ b/lib/ui/src/ui_rect.c
@@ -1,19 +1,20 @@
 /*
  * lib/ui/src/ui_rect.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
 #include <ui/rect.h>
 #include <pandagl/rect.h>
 
-void ui_rect_from_pd_rect(ui_rect_t *ui_rect, const pd_rect_t *rect, float scale)
+void ui_rect_from_pd_rect(ui_rect_t *ui_rect, const pd_rect_t *rect,
+                          float scale)
 {
         ui_rect->x = rect->x / scale;
         ui_rect->y = rect->y / scale;
diff --git a/lib/ui/src/ui_renderer.c b/lib/ui/src/ui_renderer.c
index c6ee563f9..b076fcba5 100644
--- a/lib/ui/src/ui_renderer.c
+++ b/lib/ui/src/ui_renderer.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_renderer.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
@@ -149,7 +149,8 @@ bool ui_widget_mark_dirty_rect(ui_widget_t *w, ui_rect_t *in_rect,
                         break;
                 }
                 if (w->rendering.dirty_rect_type > UI_DIRTY_RECT_TYPE_NONE) {
-                        ui_rect_merge(&w->rendering.dirty_rect, &rect, &w->rendering.dirty_rect);
+                        ui_rect_merge(&w->rendering.dirty_rect, &rect,
+                                      &w->rendering.dirty_rect);
                 } else {
                         w->rendering.dirty_rect = rect;
                 }
@@ -219,7 +220,7 @@ size_t ui_widget_get_dirty_rects(ui_widget_t *w, list_t *rects)
 
         int x = ui_compute(w->padding_box.x);
         int y = ui_compute(w->padding_box.y);
-        
+
         ui_widget_collect_dirty_rect(w, rects, 0, 0, w->padding_box);
         for (list_each(node, rects)) {
                 rect = node->data;
@@ -299,9 +300,9 @@ static ui_renderer_t *ui_renderer_create(ui_widget_t *w, pd_context_t *paint,
         that->can_render_content =
             pd_rect_overlap(&that->style->padding_box, &that->actual_paint_rect,
                             &that->actual_content_rect);
-        
-        ui_rect_from_pd_rect(&that->content_rect, &that->actual_content_rect, 
-                        ui_get_actual_scale());
+
+        ui_rect_from_pd_rect(&that->content_rect, &that->actual_content_rect,
+                             ui_get_actual_scale());
         DEBUG_MSG("[%s] content_rect: (%d, %d, %d, %d)\n", w->id,
                   that->actual_content_rect.x, that->actual_content_rect.y,
                   that->actual_content_rect.width,
diff --git a/lib/ui/src/ui_resizer.c b/lib/ui/src/ui_resizer.c
index 0969e8306..09a8decbb 100644
--- a/lib/ui/src/ui_resizer.c
+++ b/lib/ui/src/ui_resizer.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_resizer.c
  *
- * Copyright (c) 2024-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <ui.h>
diff --git a/lib/ui/src/ui_resizer.h b/lib/ui/src/ui_resizer.h
index ae4447cb3..ef9df21f1 100644
--- a/lib/ui/src/ui_resizer.h
+++ b/lib/ui/src/ui_resizer.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_resizer.h
  *
- * Copyright (c) 2024-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <ui.h>
diff --git a/lib/ui/src/ui_root.c b/lib/ui/src/ui_root.c
index d7438fbc9..1313d4b0f 100644
--- a/lib/ui/src/ui_root.c
+++ b/lib/ui/src/ui_root.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_root.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <ui.h>
@@ -16,21 +16,21 @@ static ui_widget_t *ui_root_widget;
 
 ui_widget_t *ui_root(void)
 {
-	return ui_root_widget;
+        return ui_root_widget;
 }
 
 int ui_root_append(ui_widget_t *w)
 {
-	return ui_widget_append(ui_root_widget, w);
+        return ui_widget_append(ui_root_widget, w);
 }
 
 void ui_init_root(void)
 {
-	ui_root_widget = ui_create_widget("root");
-	ui_widget_set_title(ui_root_widget, L"LCUI Display");
+        ui_root_widget = ui_create_widget("root");
+        ui_widget_set_title(ui_root_widget, L"LCUI Display");
 }
 
 void ui_destroy_root(void)
 {
-	ui_widget_destroy(ui_root_widget);
+        ui_widget_destroy(ui_root_widget);
 }
diff --git a/lib/ui/src/ui_root.h b/lib/ui/src/ui_root.h
index 4d6fc5043..b64eaed89 100644
--- a/lib/ui/src/ui_root.h
+++ b/lib/ui/src/ui_root.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_root.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 void ui_init_root(void);
diff --git a/lib/ui/src/ui_text_style.c b/lib/ui/src/ui_text_style.c
index 08aa39a74..7ee794608 100644
--- a/lib/ui/src/ui_text_style.c
+++ b/lib/ui/src/ui_text_style.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_text_style.c: -- CSS font style parse and operation set.
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <string.h>
@@ -64,7 +64,6 @@ static void ui_compute_content(ui_text_style_t *fs, const char *str)
         len = decode_utf8(NULL, str, 0);
         content = malloc((len + 1) * sizeof(wchar_t));
         len = decode_utf8(content, str, len);
-        content[len] = 0;
         if (content[0] == '"') {
                 for (i = 0; content[i + 1]; ++i) {
                         content[i] = content[i + 1];
@@ -223,8 +222,7 @@ void ui_compute_text_style(ui_text_style_t *fs,
                 fs->font_ids = NULL;
         }
         if (style->font_family) {
-                pd_font_library_query(&fs->font_ids, fs->font_style,
-                                      fs->font_weight,
-                                      (const char *const *)style->font_family);
+                pd_font_query(&fs->font_ids, fs->font_style, fs->font_weight,
+                              (const char *const *)style->font_family);
         }
 }
diff --git a/lib/ui/src/ui_tree.c b/lib/ui/src/ui_tree.c
index d9e10696f..cbff4bb98 100644
--- a/lib/ui/src/ui_tree.c
+++ b/lib/ui/src/ui_tree.c
@@ -1,18 +1,20 @@
 /*
  * lib/ui/src/ui_tree.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
-#include <locale.h>
 #include <assert.h>
 #include <string.h>
+#ifdef _WIN32
+#include <windows.h>
+#endif
 #include <css/selector.h>
 #include <ui/base.h>
 #include <ui/style.h>
@@ -369,34 +371,35 @@ ui_widget_t *ui_widget_at(ui_widget_t *widget, int ix, int iy)
         return target == widget ? NULL : target;
 }
 
-static void _ui_print_tree(ui_widget_t *w, int depth, const wchar_t *prefix)
+static void _ui_print_tree(ui_widget_t *w, int depth, const char *prefix)
 {
         ui_widget_t *child;
         list_node_t *node;
         css_selector_node_t *snode;
-        wchar_t str[16], child_prefix[512];
+        char str[32], child_prefix[1024];
         size_t len;
 
-        len = wcslen(prefix);
-        wcscpy(child_prefix, prefix);
+        len = strlen(prefix);
+        strcpy(child_prefix, prefix);
         for (list_each(node, &w->children)) {
                 if (node == w->children.tail.prev) {
-                        wcscpy(str, L"\u2514");
-                        wcscpy(child_prefix + len, L"   ");
+                        strcpy(str, "\xe2\x94\x94"); /* U+2514 └ */
+                        strcpy(child_prefix + len, "   ");
                 } else {
-                        wcscpy(str, L"\u251C");
-                        wcscpy(child_prefix + len, L"\u2502  ");
+                        strcpy(str, "\xe2\x94\x9c"); /* U+251C ├ */
+                        strcpy(child_prefix + len,
+                               "\xe2\x94\x82  "); /* U+2502 │ */
                 }
-                wcscat(str, L"\u2500\u2500");
+                strcat(str, "\xe2\x94\x80\xe2\x94\x80"); /* ── */
                 child = node->data;
                 if (child->children.length == 0) {
-                        wcscat(str, L"\u2500\u2500");
+                        strcat(str, "\xe2\x94\x80\xe2\x94\x80"); /* ── */
                 } else {
-                        wcscat(str, L"\u252C\u2500");
+                        strcat(str, "\xe2\x94\xac\xe2\x94\x80"); /* ┬─ */
                 }
                 snode = ui_widget_create_selector_node(child);
                 logger_error(
-                    "%ls%ls %s, xy:(%g,%g), size:(%g,%g), "
+                    "%s%s %s, xy:(%g,%g), size:(%g,%g), "
                     "visible: %s, display: %d, padding: (%g,%g,%g,%g), margin: "
                     "(%g,%g,%g,%g)\n",
                     prefix, str, snode->fullname, child->border_box.x,
@@ -420,9 +423,11 @@ static void _ui_print_tree(ui_widget_t *w, int depth, const wchar_t *prefix)
 void ui_print_tree(ui_widget_t *w)
 {
         css_selector_node_t *node;
-        char *ctype = setlocale(LC_CTYPE, NULL);
+#ifdef _WIN32
+        UINT prev_cp = GetConsoleOutputCP();
 
-        setlocale(LC_CTYPE, "");
+        SetConsoleOutputCP(CP_UTF8);
+#endif
         w = w ? w : ui_root();
         node = ui_widget_create_selector_node(w);
         logger_error("%s, xy:(%g,%g), size:(%g,%g), visible: %s\n",
@@ -430,6 +435,8 @@ void ui_print_tree(ui_widget_t *w)
                      w->border_box.width, w->border_box.height,
                      ui_widget_is_visible(w) ? "true" : "false");
         css_selector_node_destroy(node);
-        _ui_print_tree(w, 0, L"  ");
-        setlocale(LC_CTYPE, ctype);
+        _ui_print_tree(w, 0, "  ");
+#ifdef _WIN32
+        SetConsoleOutputCP(prev_cp);
+#endif
 }
diff --git a/lib/ui/src/ui_updater.c b/lib/ui/src/ui_updater.c
index d9df6f98b..c8870cd63 100644
--- a/lib/ui/src/ui_updater.c
+++ b/lib/ui/src/ui_updater.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_updater.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 // #define UI_DEBUG_ENABLED
@@ -489,26 +489,26 @@ static void ui_process_mutations(ui_widget_t *w)
         if (ui_widget_has_observer(w, type)) {
                 if (w->update.border_box_backup.x != w->border_box.x) {
                         record = ui_mutation_record_create(w, type);
-                        record->property_name = strdup2("x");
+                        record->property_name = y_strdup("x");
                         ui_widget_add_mutation_record(w, record);
                         ui_mutation_record_destroy(record);
                 }
                 if (w->update.border_box_backup.y != w->border_box.y) {
                         record = ui_mutation_record_create(w, type);
-                        record->property_name = strdup2("y");
+                        record->property_name = y_strdup("y");
                         ui_widget_add_mutation_record(w, record);
                         ui_mutation_record_destroy(record);
                 }
                 if (w->update.border_box_backup.width != w->border_box.width) {
                         record = ui_mutation_record_create(w, type);
-                        record->property_name = strdup2("width");
+                        record->property_name = y_strdup("width");
                         ui_widget_add_mutation_record(w, record);
                         ui_mutation_record_destroy(record);
                 }
                 if (w->update.border_box_backup.height !=
                     w->border_box.height) {
                         record = ui_mutation_record_create(w, type);
-                        record->property_name = strdup2("height");
+                        record->property_name = y_strdup("height");
                         ui_widget_add_mutation_record(w, record);
                         ui_mutation_record_destroy(record);
                 }
diff --git a/lib/ui/src/ui_updater.h b/lib/ui/src/ui_updater.h
index d2052798d..f6a94bb11 100644
--- a/lib/ui/src/ui_updater.h
+++ b/lib/ui/src/ui_updater.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_updater.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 void ui_init_updater(void);
diff --git a/lib/ui/src/ui_widget.c b/lib/ui/src/ui_widget.c
index 8c8bd928b..12140f4a3 100644
--- a/lib/ui/src/ui_widget.c
+++ b/lib/ui/src/ui_widget.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_widget.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <math.h>
@@ -87,7 +87,7 @@ ui_widget_t *ui_create_widget(const char *type)
         if (widget->proto->name) {
                 widget->type = widget->proto->name;
         } else if (type) {
-                widget->type = strdup2(type);
+                widget->type = y_strdup(type);
         }
         widget->proto->init(widget);
         ui_widget_request_refresh_style(widget);
@@ -142,7 +142,7 @@ void ui_widget_set_title(ui_widget_t *w, const wchar_t *title)
         if (ui_widget_has_observer(w, UI_MUTATION_RECORD_TYPE_PROPERTIES)) {
                 record = ui_mutation_record_create(
                     w, UI_MUTATION_RECORD_TYPE_PROPERTIES);
-                record->property_name = strdup2("title");
+                record->property_name = y_strdup("title");
                 ui_widget_add_mutation_record(w, record);
                 ui_mutation_record_destroy(record);
         }
diff --git a/lib/ui/src/ui_widget.h b/lib/ui/src/ui_widget.h
index 1cd054909..ff00ebead 100644
--- a/lib/ui/src/ui_widget.h
+++ b/lib/ui/src/ui_widget.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_widget.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 void ui_widget_add_state(ui_widget_t *w, ui_widget_state_t state);
diff --git a/lib/ui/src/ui_widget_attributes.c b/lib/ui/src/ui_widget_attributes.c
index 1919893ae..edc32e775 100644
--- a/lib/ui/src/ui_widget_attributes.c
+++ b/lib/ui/src/ui_widget_attributes.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_widget_attributes.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <errno.h>
@@ -50,7 +50,7 @@ int ui_widget_set_attr_ex(ui_widget_t *w, const char *name, void *value,
                 }
         } else {
                 attr = malloc(sizeof(ui_widget_attribute_t));
-                attr->name = strdup2(name);
+                attr->name = y_strdup(name);
                 dict_add(w->attributes, attr->name, attr);
         }
         attr->value.data = value;
@@ -65,7 +65,7 @@ int ui_widget_set_attr(ui_widget_t *w, const char *name, const char *value)
         char *value_str = NULL;
 
         if (value) {
-                value_str = strdup2(value);
+                value_str = y_strdup(value);
                 if (!value_str) {
                         return -ENOMEM;
                 }
diff --git a/lib/ui/src/ui_widget_attributes.h b/lib/ui/src/ui_widget_attributes.h
index 7c443622a..e21bff9bc 100644
--- a/lib/ui/src/ui_widget_attributes.h
+++ b/lib/ui/src/ui_widget_attributes.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_widget_attributes.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 void ui_widget_destroy_attrs(ui_widget_t *w);
diff --git a/lib/ui/src/ui_widget_background.c b/lib/ui/src/ui_widget_background.c
index 862156101..476bc5d73 100644
--- a/lib/ui/src/ui_widget_background.c
+++ b/lib/ui/src/ui_widget_background.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_widget_background.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <pandagl.h>
diff --git a/lib/ui/src/ui_widget_background.h b/lib/ui/src/ui_widget_background.h
index 106e7e0cd..ce3f0ebcc 100644
--- a/lib/ui/src/ui_widget_background.h
+++ b/lib/ui/src/ui_widget_background.h
@@ -1,13 +1,13 @@
 /*
  * lib/ui/src/ui_widget_background.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 void ui_widget_paint_background(ui_widget_t *w, pd_context_t *paint,
-				ui_widget_actual_style_t *style);
+                                ui_widget_actual_style_t *style);
diff --git a/lib/ui/src/ui_widget_border.c b/lib/ui/src/ui_widget_border.c
index f75f2496e..020bb4ce9 100644
--- a/lib/ui/src/ui_widget_border.c
+++ b/lib/ui/src/ui_widget_border.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_widget_border.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <pandagl.h>
@@ -14,55 +14,55 @@
 #include <ui/metrics.h>
 #include "ui_widget_border.h"
 
-static void ui_widget_compute_border(ui_widget_t* w, pd_border_t* b)
+static void ui_widget_compute_border(ui_widget_t *w, pd_border_t *b)
 {
-	css_computed_style_t* s = &w->computed_style;
-	float r = y_min(w->border_box.width, w->border_box.width) / 2.0f;
+        css_computed_style_t *s = &w->computed_style;
+        float r = y_min(w->border_box.width, w->border_box.width) / 2.0f;
 
-	b->top.color.value = s->border_top_color;
-	b->left.color.value = s->border_left_color;
-	b->right.color.value = s->border_right_color;
-	b->bottom.color.value = s->border_bottom_color;
-	b->top.style = s->type_bits.border_top_style;
-	b->left.style = s->type_bits.border_left_style;
-	b->right.style = s->type_bits.border_right_style;
-	b->bottom.style = s->type_bits.border_bottom_style;
-	b->top.width = ui_compute(s->border_top_width);
-	b->left.width = ui_compute(s->border_left_width);
-	b->right.width = ui_compute(s->border_right_width);
-	b->bottom.width = ui_compute(s->border_bottom_width);
-	b->top_left_radius = ui_compute(y_min(s->border_top_left_radius, r));
-	b->top_right_radius = ui_compute(y_min(s->border_top_right_radius, r));
-	b->bottom_left_radius =
-	    ui_compute(y_min(s->border_bottom_left_radius, r));
-	b->bottom_right_radius =
-	    ui_compute(y_min(s->border_bottom_right_radius, r));
+        b->top.color.value = s->border_top_color;
+        b->left.color.value = s->border_left_color;
+        b->right.color.value = s->border_right_color;
+        b->bottom.color.value = s->border_bottom_color;
+        b->top.style = s->type_bits.border_top_style;
+        b->left.style = s->type_bits.border_left_style;
+        b->right.style = s->type_bits.border_right_style;
+        b->bottom.style = s->type_bits.border_bottom_style;
+        b->top.width = ui_compute(s->border_top_width);
+        b->left.width = ui_compute(s->border_left_width);
+        b->right.width = ui_compute(s->border_right_width);
+        b->bottom.width = ui_compute(s->border_bottom_width);
+        b->top_left_radius = ui_compute(y_min(s->border_top_left_radius, r));
+        b->top_right_radius = ui_compute(y_min(s->border_top_right_radius, r));
+        b->bottom_left_radius =
+            ui_compute(y_min(s->border_bottom_left_radius, r));
+        b->bottom_right_radius =
+            ui_compute(y_min(s->border_bottom_right_radius, r));
 }
 
-void ui_widget_paint_border(ui_widget_t* w, pd_context_t* ctx,
-			    ui_widget_actual_style_t* style)
+void ui_widget_paint_border(ui_widget_t *w, pd_context_t *ctx,
+                            ui_widget_actual_style_t *style)
 {
-	pd_rect_t box;
-	pd_border_t border;
+        pd_rect_t box;
+        pd_border_t border;
 
-	box.x = style->border_box.x - style->canvas_box.x;
-	box.y = style->border_box.y - style->canvas_box.y;
-	box.width = style->border_box.width;
-	box.height = style->border_box.height;
-	ui_widget_compute_border(w, &border);
-	pd_paint_border(ctx, &border, &box);
+        box.x = style->border_box.x - style->canvas_box.x;
+        box.y = style->border_box.y - style->canvas_box.y;
+        box.width = style->border_box.width;
+        box.height = style->border_box.height;
+        ui_widget_compute_border(w, &border);
+        pd_paint_border(ctx, &border, &box);
 }
 
-void ui_widget_crop_content(ui_widget_t* w, pd_context_t* ctx,
-			    ui_widget_actual_style_t* style)
+void ui_widget_crop_content(ui_widget_t *w, pd_context_t *ctx,
+                            ui_widget_actual_style_t *style)
 {
-	pd_rect_t box;
-	pd_border_t border;
+        pd_rect_t box;
+        pd_border_t border;
 
-	box.x = style->border_box.x - style->canvas_box.x;
-	box.y = style->border_box.y - style->canvas_box.y;
-	box.width = style->border_box.width;
-	box.height = style->border_box.height;
-	ui_widget_compute_border(w, &border);
-	pd_crop_border_content(ctx, &border, &box);
+        box.x = style->border_box.x - style->canvas_box.x;
+        box.y = style->border_box.y - style->canvas_box.y;
+        box.width = style->border_box.width;
+        box.height = style->border_box.height;
+        ui_widget_compute_border(w, &border);
+        pd_crop_border_content(ctx, &border, &box);
 }
diff --git a/lib/ui/src/ui_widget_border.h b/lib/ui/src/ui_widget_border.h
index f4b19a6c8..a67d58a21 100644
--- a/lib/ui/src/ui_widget_border.h
+++ b/lib/ui/src/ui_widget_border.h
@@ -1,15 +1,15 @@
 /*
  * lib/ui/src/ui_widget_border.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 void ui_widget_paint_border(ui_widget_t *w, pd_context_t *paint,
-			    ui_widget_actual_style_t *style);
+                            ui_widget_actual_style_t *style);
 void ui_widget_crop_content(ui_widget_t *w, pd_context_t *paint,
-			    ui_widget_actual_style_t *style);
+                            ui_widget_actual_style_t *style);
diff --git a/lib/ui/src/ui_widget_box_shadow.c b/lib/ui/src/ui_widget_box_shadow.c
index 08973b93d..9a239570a 100644
--- a/lib/ui/src/ui_widget_box_shadow.c
+++ b/lib/ui/src/ui_widget_box_shadow.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_widget_box_shadow.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <pandagl.h>
@@ -14,29 +14,29 @@
 #include <ui/metrics.h>
 #include "ui_widget_box_shadow.h"
 
-void ui_widget_paint_box_shadow(ui_widget_t* w, pd_context_t* ctx,
-				ui_widget_actual_style_t* style)
+void ui_widget_paint_box_shadow(ui_widget_t *w, pd_context_t *ctx,
+                                ui_widget_actual_style_t *style)
 {
-	pd_rect_t box;
-	pd_boxshadow_t bs;
-	css_computed_style_t* s = &w->computed_style;
+        pd_rect_t box;
+        pd_boxshadow_t bs;
+        css_computed_style_t *s = &w->computed_style;
 
-	if (s->type_bits.box_shadow == CSS_BOX_SHADOW_NONE ||
-	    s->box_shadow_color < 1) {
-		return;
-	}
-	bs.x = ui_compute(s->box_shadow_x);
-	bs.y = ui_compute(s->box_shadow_y);
-	bs.blur = ui_compute(s->box_shadow_blur);
-	bs.spread = ui_compute(s->box_shadow_spread);
-	bs.color.value = s->box_shadow_color;
-	bs.top_left_radius = ui_compute(s->border_top_left_radius);
-	bs.top_right_radius = ui_compute(s->border_top_right_radius);
-	bs.bottom_left_radius = ui_compute(s->border_bottom_left_radius);
-	bs.bottom_right_radius = ui_compute(s->border_bottom_right_radius);
-	box.x = box.y = 0;
-	box.width = style->canvas_box.width;
-	box.height = style->canvas_box.height;
-	pd_paint_boxshadow(ctx, &bs, &box, style->border_box.width,
-			   style->border_box.height);
+        if (s->type_bits.box_shadow == CSS_BOX_SHADOW_NONE ||
+            s->box_shadow_color < 1) {
+                return;
+        }
+        bs.x = ui_compute(s->box_shadow_x);
+        bs.y = ui_compute(s->box_shadow_y);
+        bs.blur = ui_compute(s->box_shadow_blur);
+        bs.spread = ui_compute(s->box_shadow_spread);
+        bs.color.value = s->box_shadow_color;
+        bs.top_left_radius = ui_compute(s->border_top_left_radius);
+        bs.top_right_radius = ui_compute(s->border_top_right_radius);
+        bs.bottom_left_radius = ui_compute(s->border_bottom_left_radius);
+        bs.bottom_right_radius = ui_compute(s->border_bottom_right_radius);
+        box.x = box.y = 0;
+        box.width = style->canvas_box.width;
+        box.height = style->canvas_box.height;
+        pd_paint_boxshadow(ctx, &bs, &box, style->border_box.width,
+                           style->border_box.height);
 }
diff --git a/lib/ui/src/ui_widget_box_shadow.h b/lib/ui/src/ui_widget_box_shadow.h
index a3cae5976..e6c8c22d8 100644
--- a/lib/ui/src/ui_widget_box_shadow.h
+++ b/lib/ui/src/ui_widget_box_shadow.h
@@ -1,13 +1,13 @@
 /*
  * lib/ui/src/ui_widget_box_shadow.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 void ui_widget_paint_box_shadow(ui_widget_t *w, pd_context_t *paint,
-				ui_widget_actual_style_t *style);
+                                ui_widget_actual_style_t *style);
diff --git a/lib/ui/src/ui_widget_classes.c b/lib/ui/src/ui_widget_classes.c
index 53f48c032..37d16d784 100644
--- a/lib/ui/src/ui_widget_classes.c
+++ b/lib/ui/src/ui_widget_classes.c
@@ -1,82 +1,83 @@
 /*
  * lib/ui/src/ui_widget_classes.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <ui/base.h>
 #include "ui_widget_classes.h"
 #include "ui_widget_style.h"
 
-static void ui_widget_refresh_children_by_classes(ui_widget_t* w)
+static void ui_widget_refresh_children_by_classes(ui_widget_t *w)
 {
-	list_node_t *node;
+        list_node_t *node;
 
-	if (w->extra && w->extra->rules.ignore_classes_change) {
-		return;
-	}
-	ui_widget_request_refresh_style(w);
-	for (list_each(node, &w->children)) {
-		ui_widget_refresh_children_by_classes(node->data);
-	}
+        if (w->extra && w->extra->rules.ignore_classes_change) {
+                return;
+        }
+        ui_widget_request_refresh_style(w);
+        for (list_each(node, &w->children)) {
+                ui_widget_refresh_children_by_classes(node->data);
+        }
 }
 
-static int ui_widget_handle_classes_change(ui_widget_t* w, const char *name)
+static int ui_widget_handle_classes_change(ui_widget_t *w, const char *name)
 {
-	ui_widget_request_refresh_style(w);
-	if (w->extra && w->extra->rules.ignore_classes_change) {
-		return 0;
-	}
-	/* If widget is not ready, indicate that the style of the children has
-	 * been marked needs to be refreshed */
-	if (w->state < UI_WIDGET_STATE_READY || w->state == UI_WIDGET_STATE_DELETED) {
-		return 1;
-	}
-	if (ui_widget_get_children_style_changes(w, 0, name) > 0) {
-		ui_widget_refresh_children_by_classes(w);
-		return 1;
-	}
-	return 0;
+        ui_widget_request_refresh_style(w);
+        if (w->extra && w->extra->rules.ignore_classes_change) {
+                return 0;
+        }
+        /* If widget is not ready, indicate that the style of the children has
+         * been marked needs to be refreshed */
+        if (w->state < UI_WIDGET_STATE_READY ||
+            w->state == UI_WIDGET_STATE_DELETED) {
+                return 1;
+        }
+        if (ui_widget_get_children_style_changes(w, 0, name) > 0) {
+                ui_widget_refresh_children_by_classes(w);
+                return 1;
+        }
+        return 0;
 }
 
-int ui_widget_add_class(ui_widget_t* w, const char *class_name)
+int ui_widget_add_class(ui_widget_t *w, const char *class_name)
 {
-	if (strlist_has(w->classes, class_name)) {
-		return 1;
-	}
-	if (strlist_add(&w->classes, class_name) <= 0) {
-		return 0;
-	}
-	return ui_widget_handle_classes_change(w, class_name);
+        if (strlist_has(w->classes, class_name)) {
+                return 1;
+        }
+        if (strlist_add(&w->classes, class_name) <= 0) {
+                return 0;
+        }
+        return ui_widget_handle_classes_change(w, class_name);
 }
 
-bool ui_widget_has_class(ui_widget_t* w, const char *class_name)
+bool ui_widget_has_class(ui_widget_t *w, const char *class_name)
 {
-	if (strlist_has(w->classes, class_name)) {
-		return true;
-	}
-	return false;
+        if (strlist_has(w->classes, class_name)) {
+                return true;
+        }
+        return false;
 }
 
-int ui_widget_remove_class(ui_widget_t* w, const char *class_name)
+int ui_widget_remove_class(ui_widget_t *w, const char *class_name)
 {
-	if (strlist_has(w->classes, class_name)) {
-		ui_widget_handle_classes_change(w, class_name);
-		strlist_remove(&w->classes, class_name);
-		return 1;
-	}
-	return 0;
+        if (strlist_has(w->classes, class_name)) {
+                ui_widget_handle_classes_change(w, class_name);
+                strlist_remove(&w->classes, class_name);
+                return 1;
+        }
+        return 0;
 }
 
-void ui_widget_destroy_classes(ui_widget_t* w)
+void ui_widget_destroy_classes(ui_widget_t *w)
 {
-	if (w->classes) {
-		strlist_free(w->classes);
-	}
-	w->classes = NULL;
+        if (w->classes) {
+                strlist_free(w->classes);
+        }
+        w->classes = NULL;
 }
diff --git a/lib/ui/src/ui_widget_classes.h b/lib/ui/src/ui_widget_classes.h
index 22211c13f..511dc403e 100644
--- a/lib/ui/src/ui_widget_classes.h
+++ b/lib/ui/src/ui_widget_classes.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_widget_classes.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 void ui_widget_destroy_classes(ui_widget_t *w);
diff --git a/lib/ui/src/ui_widget_hash.c b/lib/ui/src/ui_widget_hash.c
index 88bd0d6db..dc5413707 100644
--- a/lib/ui/src/ui_widget_hash.c
+++ b/lib/ui/src/ui_widget_hash.c
@@ -1,148 +1,148 @@
 /*
  * lib/ui/src/ui_widget_hash.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <ui/base.h>
 #include <ui/hash.h>
 
-void ui_widget_generate_self_hash(ui_widget_t* widget)
+void ui_widget_generate_self_hash(ui_widget_t *widget)
 {
-	int i;
-	unsigned hash = 1080;
-	ui_widget_t* w;
+        int i;
+        unsigned hash = 1080;
+        ui_widget_t *w;
 
-	for (w = widget; w; w = w->parent) {
-		if (w != widget) {
-			hash = strhash(hash, " ");
-		}
-		if (w->type) {
-			hash = strhash(hash, w->type);
-		} else {
-			hash = strhash(hash, "*");
-		}
-		if (w->id) {
-			hash = strhash(hash, "#");
-			hash = strhash(hash, w->id);
-		}
-		if (w->classes) {
-			for (i = 0; w->classes[i]; ++i) {
-				hash = strhash(hash, ".");
-				hash = strhash(hash, w->classes[i]);
-			}
-		}
-		if (w->status) {
-			for (i = 0; w->status[i]; ++i) {
-				hash = strhash(hash, ":");
-				hash = strhash(hash, w->status[i]);
-			}
-		}
-	}
-	widget->hash = hash;
+        for (w = widget; w; w = w->parent) {
+                if (w != widget) {
+                        hash = y_strhash(hash, " ");
+                }
+                if (w->type) {
+                        hash = y_strhash(hash, w->type);
+                } else {
+                        hash = y_strhash(hash, "*");
+                }
+                if (w->id) {
+                        hash = y_strhash(hash, "#");
+                        hash = y_strhash(hash, w->id);
+                }
+                if (w->classes) {
+                        for (i = 0; w->classes[i]; ++i) {
+                                hash = y_strhash(hash, ".");
+                                hash = y_strhash(hash, w->classes[i]);
+                        }
+                }
+                if (w->status) {
+                        for (i = 0; w->status[i]; ++i) {
+                                hash = y_strhash(hash, ":");
+                                hash = y_strhash(hash, w->status[i]);
+                        }
+                }
+        }
+        widget->hash = hash;
 }
 
-void ui_widget_generate_hash(ui_widget_t* w)
+void ui_widget_generate_hash(ui_widget_t *w)
 {
-	list_node_t *node;
+        list_node_t *node;
 
-	ui_widget_generate_self_hash(w);
-	for (list_each(node, &w->children)) {
-		ui_widget_generate_hash(node->data);
-	}
+        ui_widget_generate_self_hash(w);
+        for (list_each(node, &w->children)) {
+                ui_widget_generate_hash(node->data);
+        }
 }
 
-size_t ui_widget_export_hash(ui_widget_t* w, unsigned *hash_list, size_t len)
+size_t ui_widget_export_hash(ui_widget_t *w, unsigned *hash_list, size_t len)
 {
-	size_t count = 0;
-	ui_widget_t* child;
+        size_t count = 0;
+        ui_widget_t *child;
 
-	child = w;
-	if (hash_list) {
-		child->hash = hash_list[count];
-	}
-	++count;
-	if (len > 0 && count >= len) {
-		return count;
-	}
-	while (child->children.length > 0) {
-		child = child->children.head.next->data;
-	}
-	while (child != w) {
-		while (child->children.length > 0) {
-			child = child->children.head.next->data;
-		}
-		if (hash_list) {
-			child->hash = hash_list[count];
-		}
-		++count;
-		if (len > 0 && count >= len) {
-			break;
-		}
-		if (child->node.next) {
-			child = child->node.next->data;
-			continue;
-		}
-		do {
-			child = child->parent;
-			if (child == w) {
-				break;
-			}
-			if (child->node.next) {
-				child = child->node.next->data;
-				break;
-			}
-		} while (1);
-	}
-	return count;
+        child = w;
+        if (hash_list) {
+                child->hash = hash_list[count];
+        }
+        ++count;
+        if (len > 0 && count >= len) {
+                return count;
+        }
+        while (child->children.length > 0) {
+                child = child->children.head.next->data;
+        }
+        while (child != w) {
+                while (child->children.length > 0) {
+                        child = child->children.head.next->data;
+                }
+                if (hash_list) {
+                        child->hash = hash_list[count];
+                }
+                ++count;
+                if (len > 0 && count >= len) {
+                        break;
+                }
+                if (child->node.next) {
+                        child = child->node.next->data;
+                        continue;
+                }
+                do {
+                        child = child->parent;
+                        if (child == w) {
+                                break;
+                        }
+                        if (child->node.next) {
+                                child = child->node.next->data;
+                                break;
+                        }
+                } while (1);
+        }
+        return count;
 }
 
-size_t ui_widget_import_hash(ui_widget_t* w, unsigned *hash_list, size_t maxlen)
+size_t ui_widget_import_hash(ui_widget_t *w, unsigned *hash_list, size_t maxlen)
 {
-	size_t count = 0;
-	ui_widget_t* child;
+        size_t count = 0;
+        ui_widget_t *child;
 
-	child = w;
-	if (hash_list) {
-		hash_list[count] = child->hash;
-	}
-	++count;
-	if (maxlen > 0 && count >= maxlen) {
-		return count;
-	}
-	while (child->children.length > 0) {
-		child = child->children.head.next->data;
-	}
-	while (child != w) {
-		while (child->children.length > 0) {
-			child = child->children.head.next->data;
-		}
-		if (hash_list) {
-			hash_list[count] = child->hash;
-		}
-		++count;
-		if (maxlen > 0 && count >= maxlen) {
-			break;
-		}
-		if (child->node.next) {
-			child = child->node.next->data;
-			continue;
-		}
-		do {
-			child = child->parent;
-			if (child == w) {
-				break;
-			}
-			if (child->node.next) {
-				child = child->node.next->data;
-				break;
-			}
-		} while (1);
-	}
-	return count;
+        child = w;
+        if (hash_list) {
+                hash_list[count] = child->hash;
+        }
+        ++count;
+        if (maxlen > 0 && count >= maxlen) {
+                return count;
+        }
+        while (child->children.length > 0) {
+                child = child->children.head.next->data;
+        }
+        while (child != w) {
+                while (child->children.length > 0) {
+                        child = child->children.head.next->data;
+                }
+                if (hash_list) {
+                        hash_list[count] = child->hash;
+                }
+                ++count;
+                if (maxlen > 0 && count >= maxlen) {
+                        break;
+                }
+                if (child->node.next) {
+                        child = child->node.next->data;
+                        continue;
+                }
+                do {
+                        child = child->parent;
+                        if (child == w) {
+                                break;
+                        }
+                        if (child->node.next) {
+                                child = child->node.next->data;
+                                break;
+                        }
+                } while (1);
+        }
+        return count;
 }
diff --git a/lib/ui/src/ui_widget_helper.c b/lib/ui/src/ui_widget_helper.c
index 99e99c226..7acb56cdd 100644
--- a/lib/ui/src/ui_widget_helper.c
+++ b/lib/ui/src/ui_widget_helper.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_widget_helper.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
diff --git a/lib/ui/src/ui_widget_id.c b/lib/ui/src/ui_widget_id.c
index 24cf1e02f..311664f45 100644
--- a/lib/ui/src/ui_widget_id.c
+++ b/lib/ui/src/ui_widget_id.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_widget_id.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <LCUI.h>
@@ -14,102 +14,101 @@
 #include <ui/base.h>
 #include "ui_widget_id.h"
 
-static dict_t* ui_widget_id_dict;
+static dict_t *ui_widget_id_dict;
 
-int ui_widget_destroy_id(ui_widget_t* w)
+int ui_widget_destroy_id(ui_widget_t *w)
 {
-	list_t *list;
-	list_node_t *node;
+        list_t *list;
+        list_node_t *node;
 
-	if (!w->id) {
-		return -1;
-	}
-	list = dict_fetch_value(ui_widget_id_dict, w->id);
-	if (!list) {
-		return -2;
-	}
-	for (list_each(node, list)) {
-		if (node->data == w) {
-			free(w->id);
-			w->id = NULL;
-			list_unlink(list, node);
-			free(node);
-			return 0;
-		}
-	}
-	return -3;
+        if (!w->id) {
+                return -1;
+        }
+        list = dict_fetch_value(ui_widget_id_dict, w->id);
+        if (!list) {
+                return -2;
+        }
+        for (list_each(node, list)) {
+                if (node->data == w) {
+                        free(w->id);
+                        w->id = NULL;
+                        list_unlink(list, node);
+                        free(node);
+                        return 0;
+                }
+        }
+        return -3;
 }
 
-int ui_widget_set_id(ui_widget_t* w, const char *idstr)
+int ui_widget_set_id(ui_widget_t *w, const char *idstr)
 {
-	list_t *list;
+        list_t *list;
 
-	ui_widget_destroy_id(w);
-	if (!idstr) {
-		return -1;
-	}
-	w->id = strdup2(idstr);
-	if (!w->id) {
-		goto error_exit;
-	}
-	list = dict_fetch_value(ui_widget_id_dict, w->id);
-	if (!list) {
-		list = malloc(sizeof(list_t));
-		if (!list) {
-			goto error_exit;
-		}
-		list_create(list);
-		if (dict_add(ui_widget_id_dict, w->id, list) != 0) {
-			free(list);
-			goto error_exit;
-		}
-	}
-	if (!list_append(list, w)) {
-		goto error_exit;
-	}
-	return 0;
+        ui_widget_destroy_id(w);
+        if (!idstr) {
+                return -1;
+        }
+        w->id = y_strdup(idstr);
+        if (!w->id) {
+                goto error_exit;
+        }
+        list = dict_fetch_value(ui_widget_id_dict, w->id);
+        if (!list) {
+                list = malloc(sizeof(list_t));
+                if (!list) {
+                        goto error_exit;
+                }
+                list_create(list);
+                if (dict_add(ui_widget_id_dict, w->id, list) != 0) {
+                        free(list);
+                        goto error_exit;
+                }
+        }
+        if (!list_append(list, w)) {
+                goto error_exit;
+        }
+        return 0;
 
 error_exit:
-	if (w->id) {
-		free(w->id);
-		w->id = NULL;
-	}
-	return -2;
+        if (w->id) {
+                free(w->id);
+                w->id = NULL;
+        }
+        return -2;
 }
 
-ui_widget_t* ui_get_widget(const char *id)
+ui_widget_t *ui_get_widget(const char *id)
 {
-	list_t *list;
-	ui_widget_t* w = NULL;
+        list_t *list;
+        ui_widget_t *w = NULL;
 
-	if (!id) {
-		return NULL;
-	}
-	list = dict_fetch_value(ui_widget_id_dict, id);
-	if (list) {
-		w = list_get(list, 0);
-	}
-	return w;
+        if (!id) {
+                return NULL;
+        }
+        list = dict_fetch_value(ui_widget_id_dict, id);
+        if (list) {
+                w = list_get(list, 0);
+        }
+        return w;
 }
 
-
 static void ui_widget_id_dict_val_destructor(void *privdata, void *data)
 {
-	list_t *list = data;
-	list_destroy(list, NULL);
-	free(list);
+        list_t *list = data;
+        list_destroy(list, NULL);
+        free(list);
 }
 
 void ui_init_widget_id(void)
 {
-	static dict_type_t type;
-	dict_init_string_copy_key_type(&type);
-	type.val_destructor = ui_widget_id_dict_val_destructor;
-	ui_widget_id_dict = dict_create(&type, NULL);
+        static dict_type_t type;
+        dict_init_string_copy_key_type(&type);
+        type.val_destructor = ui_widget_id_dict_val_destructor;
+        ui_widget_id_dict = dict_create(&type, NULL);
 }
 
 void ui_destroy_widget_id(void)
 {
-	dict_destroy(ui_widget_id_dict);
-	ui_widget_id_dict = NULL;
+        dict_destroy(ui_widget_id_dict);
+        ui_widget_id_dict = NULL;
 }
diff --git a/lib/ui/src/ui_widget_id.h b/lib/ui/src/ui_widget_id.h
index edc96a9e2..4ff35835a 100644
--- a/lib/ui/src/ui_widget_id.h
+++ b/lib/ui/src/ui_widget_id.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_widget_id.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 int ui_widget_destroy_id(ui_widget_t *w);
diff --git a/lib/ui/src/ui_widget_layout.c b/lib/ui/src/ui_widget_layout.c
index 79b6d01ab..687a4f4d6 100644
--- a/lib/ui/src/ui_widget_layout.c
+++ b/lib/ui/src/ui_widget_layout.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_widget_layout.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 // #define UI_DEBUG_ENABLED
diff --git a/lib/ui/src/ui_widget_layout.h b/lib/ui/src/ui_widget_layout.h
index e0f401654..7300df903 100644
--- a/lib/ui/src/ui_widget_layout.h
+++ b/lib/ui/src/ui_widget_layout.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_widget_layout.h
  *
- * Copyright (c) 2024-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 void ui_widget_reflow_with_resizer(ui_widget_t *w, ui_resizer_t *resizer);
diff --git a/lib/ui/src/ui_widget_observer.c b/lib/ui/src/ui_widget_observer.c
index 12c59a9bf..02c182578 100644
--- a/lib/ui/src/ui_widget_observer.c
+++ b/lib/ui/src/ui_widget_observer.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_widget_observer.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <ui/base.h>
diff --git a/lib/ui/src/ui_widget_observer.h b/lib/ui/src/ui_widget_observer.h
index 1930a0b36..75d713a76 100644
--- a/lib/ui/src/ui_widget_observer.h
+++ b/lib/ui/src/ui_widget_observer.h
@@ -1,16 +1,16 @@
 /*
  * lib/ui/src/ui_widget_observer.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 bool ui_widget_has_observer(ui_widget_t *widget,
-			    ui_mutation_record_type_t type);
+                            ui_mutation_record_type_t type);
 
 int ui_widget_add_mutation_record(ui_widget_t *widget,
-				  ui_mutation_record_t *record);
+                                  ui_mutation_record_t *record);
diff --git a/lib/ui/src/ui_widget_prototype.c b/lib/ui/src/ui_widget_prototype.c
index d6630986e..8df276342 100644
--- a/lib/ui/src/ui_widget_prototype.c
+++ b/lib/ui/src/ui_widget_prototype.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_widget_prototype.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <string.h>
@@ -91,7 +91,7 @@ ui_widget_prototype_t *ui_create_widget_prototype(const char *name,
         } else {
                 *proto = ui_widget_default_prototype;
         }
-        proto->name = strdup2(name);
+        proto->name = y_strdup(name);
         if (dict_add(ui_widget_prototype_dict, proto->name, proto) == 0) {
                 return proto;
         }
diff --git a/lib/ui/src/ui_widget_prototype.h b/lib/ui/src/ui_widget_prototype.h
index 880a2e3e8..9613be0bc 100644
--- a/lib/ui/src/ui_widget_prototype.h
+++ b/lib/ui/src/ui_widget_prototype.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_widget_prototype.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 void ui_init_widget_prototype(void);
diff --git a/lib/ui/src/ui_widget_status.c b/lib/ui/src/ui_widget_status.c
index ed457a1da..1c9ebff0f 100644
--- a/lib/ui/src/ui_widget_status.c
+++ b/lib/ui/src/ui_widget_status.c
@@ -1,113 +1,114 @@
 /*
  * lib/ui/src/ui_widget_status.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <ui/base.h>
 #include "ui_widget_status.h"
 #include "ui_widget_style.h"
 
-static void ui_widget_refresh_children_by_status(ui_widget_t* w)
+static void ui_widget_refresh_children_by_status(ui_widget_t *w)
 {
-	list_node_t *node;
+        list_node_t *node;
 
-	if (w->extra && w->extra->rules.ignore_status_change) {
-		return;
-	}
-	ui_widget_request_refresh_style(w);
-	for (list_each(node, &w->children)) {
-		ui_widget_refresh_children_by_status(node->data);
-	}
+        if (w->extra && w->extra->rules.ignore_status_change) {
+                return;
+        }
+        ui_widget_request_refresh_style(w);
+        for (list_each(node, &w->children)) {
+                ui_widget_refresh_children_by_status(node->data);
+        }
 }
 
-static int ui_wdiget_handle_status_change(ui_widget_t* w, const char *name)
+static int ui_wdiget_handle_status_change(ui_widget_t *w, const char *name)
 {
-	ui_widget_request_refresh_style(w);
-	if (w->state < UI_WIDGET_STATE_READY || w->state == UI_WIDGET_STATE_DELETED) {
-		return 1;
-	}
-	if (w->extra && w->extra->rules.ignore_status_change) {
-		return 0;
-	}
-	if (ui_widget_get_children_style_changes(w, 1, name) > 0) {
-		ui_widget_refresh_children_by_status(w);
-		return 1;
-	}
-	return 0;
+        ui_widget_request_refresh_style(w);
+        if (w->state < UI_WIDGET_STATE_READY ||
+            w->state == UI_WIDGET_STATE_DELETED) {
+                return 1;
+        }
+        if (w->extra && w->extra->rules.ignore_status_change) {
+                return 0;
+        }
+        if (ui_widget_get_children_style_changes(w, 1, name) > 0) {
+                ui_widget_refresh_children_by_status(w);
+                return 1;
+        }
+        return 0;
 }
 
-int ui_widget_add_status(ui_widget_t* w, const char *status_name)
+int ui_widget_add_status(ui_widget_t *w, const char *status_name)
 {
-	if (strlist_has(w->status, status_name)) {
-		return 0;
-	}
-	if (strlist_add(&w->status, status_name) <= 0) {
-		return 0;
-	}
-	return ui_wdiget_handle_status_change(w, status_name);
+        if (strlist_has(w->status, status_name)) {
+                return 0;
+        }
+        if (strlist_add(&w->status, status_name) <= 0) {
+                return 0;
+        }
+        return ui_wdiget_handle_status_change(w, status_name);
 }
 
-bool ui_widget_has_status(ui_widget_t* w, const char *status_name)
+bool ui_widget_has_status(ui_widget_t *w, const char *status_name)
 {
-	if (strlist_has(w->status, status_name)) {
-		return true;
-	}
-	return false;
+        if (strlist_has(w->status, status_name)) {
+                return true;
+        }
+        return false;
 }
 
-int ui_widget_remove_status(ui_widget_t* w, const char *status_name)
+int ui_widget_remove_status(ui_widget_t *w, const char *status_name)
 {
-	if (strlist_has(w->status, status_name)) {
-		ui_wdiget_handle_status_change(w, status_name);
-		strlist_remove(&w->status, status_name);
-		return 1;
-	}
-	return 0;
+        if (strlist_has(w->status, status_name)) {
+                ui_wdiget_handle_status_change(w, status_name);
+                strlist_remove(&w->status, status_name);
+                return 1;
+        }
+        return 0;
 }
 
-void ui_widget_update_status(ui_widget_t* widget)
+void ui_widget_update_status(ui_widget_t *widget)
 {
-	ui_widget_t* child;
+        ui_widget_t *child;
 
-	if (!widget->parent) {
-		return;
-	}
-	if (widget->index == widget->parent->children.length - 1) {
-		ui_widget_add_status(widget, "last-child");
-		child = ui_widget_prev(widget);
-		if (child) {
-			ui_widget_remove_status(child, "last-child");
-		}
-	}
-	if (widget->index == 0) {
-		ui_widget_add_status(widget, "first-child");
-		child = ui_widget_next(widget);
-		if (child) {
-			ui_widget_remove_status(child, "first-child");
-		}
-	}
+        if (!widget->parent) {
+                return;
+        }
+        if (widget->index == widget->parent->children.length - 1) {
+                ui_widget_add_status(widget, "last-child");
+                child = ui_widget_prev(widget);
+                if (child) {
+                        ui_widget_remove_status(child, "last-child");
+                }
+        }
+        if (widget->index == 0) {
+                ui_widget_add_status(widget, "first-child");
+                child = ui_widget_next(widget);
+                if (child) {
+                        ui_widget_remove_status(child, "first-child");
+                }
+        }
 }
 
-void ui_widget_set_disabled(ui_widget_t* w, bool disabled)
+void ui_widget_set_disabled(ui_widget_t *w, bool disabled)
 {
-	w->disabled = disabled;
-	if (w->disabled) {
-		ui_widget_add_status(w, "disabled");
-	} else {
-		ui_widget_remove_status(w, "disabled");
-	}
+        w->disabled = disabled;
+        if (w->disabled) {
+                ui_widget_add_status(w, "disabled");
+        } else {
+                ui_widget_remove_status(w, "disabled");
+        }
 }
 
-void ui_widget_destroy_status(ui_widget_t* w)
+void ui_widget_destroy_status(ui_widget_t *w)
 {
-	if (w->status) {
-		strlist_free(w->status);
-	}
-	w->status = NULL;
+        if (w->status) {
+                strlist_free(w->status);
+        }
+        w->status = NULL;
 }
diff --git a/lib/ui/src/ui_widget_status.h b/lib/ui/src/ui_widget_status.h
index b69d5e13d..1a7e51964 100644
--- a/lib/ui/src/ui_widget_status.h
+++ b/lib/ui/src/ui_widget_status.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_widget_status.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 void ui_widget_destroy_status(ui_widget_t *w);
diff --git a/lib/ui/src/ui_widget_style.c b/lib/ui/src/ui_widget_style.c
index b22dcb380..b5803ae9c 100644
--- a/lib/ui/src/ui_widget_style.c
+++ b/lib/ui/src/ui_widget_style.c
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_widget_style.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <css.h>
@@ -25,10 +25,10 @@ css_selector_node_t *ui_widget_create_selector_node(ui_widget_t *w)
         sn = malloc(sizeof(css_selector_node_t));
         memset(sn, 0, sizeof(css_selector_node_t));
         if (w->id) {
-                sn->id = strdup2(w->id);
+                sn->id = y_strdup(w->id);
         }
         if (w->type) {
-                sn->type = strdup2(w->type);
+                sn->type = y_strdup(w->type);
         }
         for (i = 0; w->classes && w->classes[i]; ++i) {
                 strlist_sorted_add(&sn->classes, w->classes[i]);
@@ -97,7 +97,7 @@ size_t ui_widget_get_children_style_changes(ui_widget_t *w, int type,
         }
         list_create(&selector_names);
         s = ui_widget_create_selector(w);
-        n = strsplit(name, " ", &names);
+        n = y_strsplit(name, " ", &names);
         /* 为分割出来的字符串加上前缀 */
         for (i = 0; i < n; ++i) {
                 len = strlen(names[i]) + 2;
diff --git a/lib/ui/src/ui_widget_style.h b/lib/ui/src/ui_widget_style.h
index 11bed0b61..1eaad87c5 100644
--- a/lib/ui/src/ui_widget_style.h
+++ b/lib/ui/src/ui_widget_style.h
@@ -1,12 +1,12 @@
 /*
  * lib/ui/src/ui_widget_style.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <css/computed.h>
diff --git a/lib/ui/xmake.lua b/lib/ui/xmake.lua
index e5b4d62bd..01b547fd1 100644
--- a/lib/ui/xmake.lua
+++ b/lib/ui/xmake.lua
@@ -1,7 +1,5 @@
-set_project("libui")
-set_version("0.1.0-a")
-
 target("libui")
+    set_version("0.1.0-a")
     set_kind("$(kind)")
     add_files("src/**.c")
     add_deps("yutil", "pandagl", "libcss")
diff --git a/lib/worker/include/worker.h b/lib/worker/include/worker.h
index 40b4bdce4..5ecc6cab1 100644
--- a/lib/worker/include/worker.h
+++ b/lib/worker/include/worker.h
@@ -1,12 +1,12 @@
 /*
  * lib/worker/include/worker.h: -- worker threading and task
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #ifndef LIB_WORKER_INCLULDE_WORKER_H
diff --git a/lib/worker/include/worker/common.h b/lib/worker/include/worker/common.h
index 540baa34e..030180e23 100644
--- a/lib/worker/include/worker/common.h
+++ b/lib/worker/include/worker/common.h
@@ -1,12 +1,12 @@
 /*
  * lib/worker/include/worker/common.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "config.h"
diff --git a/lib/worker/src/worker.c b/lib/worker/src/worker.c
index f1091efe2..2e43d064a 100644
--- a/lib/worker/src/worker.c
+++ b/lib/worker/src/worker.c
@@ -1,12 +1,12 @@
 /*
  * lib/worker/src/worker.c: -- worker threading and task
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <errno.h>
@@ -68,7 +68,8 @@ void worker_destroy(worker_t *worker)
                 thread_mutex_unlock(&worker->mutex);
                 thread_join(thread, NULL);
         }
-        list_destroy(&worker->tasks, (list_item_destructor_t)worker_task_destroy);
+        list_destroy(&worker->tasks,
+                     (list_item_destructor_t)worker_task_destroy);
         thread_mutex_unlock(&worker->mutex);
         thread_mutex_destroy(&worker->mutex);
         thread_cond_destroy(&worker->cond);
diff --git a/lib/yutil b/lib/yutil
deleted file mode 160000
index c2c215c5a..000000000
--- a/lib/yutil
+++ /dev/null
@@ -1 +0,0 @@
-Subproject commit c2c215c5a45b94c60f1847296e954c8c68e45881
diff --git a/lib/yutil/.gitignore b/lib/yutil/.gitignore
new file mode 100644
index 000000000..d3620c2ae
--- /dev/null
+++ b/lib/yutil/.gitignore
@@ -0,0 +1,3 @@
+.vscode
+.xmake
+build
\ No newline at end of file
diff --git a/lib/yutil/LICENSE b/lib/yutil/LICENSE
new file mode 100644
index 000000000..cc7eb3738
--- /dev/null
+++ b/lib/yutil/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 yidianyiko
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/lib/yutil/README.md b/lib/yutil/README.md
new file mode 100644
index 000000000..c83b26130
--- /dev/null
+++ b/lib/yutil/README.md
@@ -0,0 +1,39 @@
+# yutil
+
+一个用 c 语言实现的基础工具类函数库。
+
+## 简介
+
+`yutil` 易工具：是一个用 c 语言实现的实用类函数库。
+
+
+目前计划以下内容。
+
+## 特性
+
+**容器**
+
+- 提供链表、数组、红黑树、字典等常用容器。
+
+**实用工具**
+
+- 实现日志输出工具。
+
+**字符编码**
+
+- 支持 utf8、ansi 与 Unicode 之间的互相转码。
+
+**数学运算**
+
+- 提供一些特定的数学函数。
+
+**内存**
+
+- 提供 strpool 用于解决大量相同字符串的内存占用问题。
+- 提供 strlist 满足多字符串存储需求，配合  strpool 使用。
+
+**其他**
+
+- 提供部分字符串、宽字符串操作。
+- 提供 directory、time 等常用系统接口。
+- 提供不依赖事件循环的定时器。
\ No newline at end of file
diff --git a/lib/yutil/include/yutil.h b/lib/yutil/include/yutil.h
new file mode 100644
index 000000000..55dc8f963
--- /dev/null
+++ b/lib/yutil/include/yutil.h
@@ -0,0 +1,50 @@
+/*
+ * yutil.h -- Utilities
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+
+#ifndef YUTIL_H
+#define YUTIL_H
+
+#include "yutil/keywords.h"
+#include "yutil/encoding.h"
+#include "yutil/dict.h"
+#include "yutil/dirent.h"
+#include "yutil/list.h"
+#include "yutil/list_entry.h"
+#include "yutil/logger.h"
+#include "yutil/math.h"
+#include "yutil/rbtree.h"
+#include "yutil/string.h"
+#include "yutil/strlist.h"
+#include "yutil/strpool.h"
+#include "yutil/time.h"
+
+#endif    // YUTIL_H
diff --git a/lib/yutil/include/yutil/config.h.in b/lib/yutil/include/yutil/config.h.in
new file mode 100644
index 000000000..329d5046c
--- /dev/null
+++ b/lib/yutil/include/yutil/config.h.in
@@ -0,0 +1 @@
+${define YUTIL_STATIC_BUILD}
diff --git a/lib/yutil/include/yutil/dict.h b/lib/yutil/include/yutil/dict.h
new file mode 100644
index 000000000..1bd99c989
--- /dev/null
+++ b/lib/yutil/include/yutil/dict.h
@@ -0,0 +1,236 @@
+/* Hash Tables Implementation.
+ *
+ * This file implements in-memory hash tables with insert/del/replace/find/
+ * get-random-element operations. Hash tables will auto-resize if needed
+ * tables of power of two in size are used, collisions are handled by
+ * chaining. See the source code for more information... :)
+ *
+ * Copyright (c) 2006-2012, Salvatore Sanfilippo <antirez at gmail dot com>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of Redis nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+
+#ifndef UTIL_DICT_H
+#define UTIL_DICT_H
+
+#include <limits.h>
+#include <stdint.h>
+#include <stdlib.h>
+
+Y_BEGIN_DECLS
+
+/* ------------------------------- Types ------------------------------------*/
+/** the dictionary entry type */
+typedef struct dict_entry_t dict_entry_t;
+
+/** the data in dictionary type */
+typedef struct dict_type_t dict_type_t;
+
+/** the dictionary hash map type */
+typedef struct dict_hash_map_t dict_hash_map_t;
+
+/** the dictionary type */
+typedef struct dict_t dict_t;
+
+/** the dictionary safe iterator type */
+typedef struct dict_iterator_t dict_iterator_t;
+
+typedef void(dict_scan_function)(void *priv_data, const dict_entry_t *de);
+typedef void(dict_scan_bucket_function)(void *priv_data,
+					dict_entry_t **bucket_ref);
+
+struct dict_entry_t {
+	void *key;
+	union {
+		void *val;
+		uint64_t u64;
+		int64_t s64;
+		double d;
+	} v;
+	struct dict_entry_t *next;
+};
+
+struct dict_type_t {
+	uint64_t (*hash_function)(const void *key);
+	void *(*key_dup)(void *priv_data, const void *key);
+	void *(*val_dup)(void *priv_data, const void *obj);
+	int (*key_compare)(void *priv_data, const void *key1, const void *key2);
+	void (*key_destructor)(void *priv_data, void *key);
+	void (*val_destructor)(void *priv_data, void *obj);
+	int (*expand_allowed)(size_t more_mem, double used_ratio);
+};
+
+/* This is our hash table structure. Every dict has two of this as we
+ * implement incremental rehashing, for the old to the new table. */
+struct dict_hash_map_t {
+	dict_entry_t **table;
+	unsigned long size;
+	unsigned long size_mask;
+	unsigned long used;
+};
+
+struct dict_t {
+	dict_type_t *type;
+	void *priv_data;
+	dict_hash_map_t ht[2];
+	long rehash_index; /* rehashing not in progress if rehash_index == -1 */
+	int16_t pause_rehash; /* If >0 rehashing is paused (<0 indicates coding
+				 error) */
+};
+
+/* If safe is set to 1 this is a safe iterator, that means, you can call
+ * dict_add, dict_find, and other functions against the dict even while
+ * iterating. Otherwise it is a non safe iterator, and only dict_next()
+ * should be called while iterating. */
+struct dict_iterator_t {
+	dict_t *d;
+	long index;
+	int table, safe;
+	dict_entry_t *entry, *next_entry;
+	/* unsafe iterator fingerprint for misuse detection. */
+	long long fingerprint;
+};
+
+/* ------------------------------- Macros ------------------------------------*/
+#define DICT_OK 0
+#define DICT_ERR 1
+
+#define dict_free_val(d, entry)        \
+	if ((d)->type->val_destructor) \
+	(d)->type->val_destructor((d)->priv_data, (entry)->v.val)
+
+#define dict_set_val(d, entry, _val_)                                  \
+	do {                                                           \
+		if ((d)->type->val_dup)                                \
+			(entry)->v.val =                               \
+			    (d)->type->val_dup((d)->priv_data, _val_); \
+		else                                                   \
+			(entry)->v.val = (_val_);                      \
+	} while (0)
+
+#define dict_set_signed_integer_val(entry, _val_) \
+	do {                                      \
+		(entry)->v.s64 = _val_;           \
+	} while (0)
+
+#define dict_set_unsigned_integer_val(entry, _val_) \
+	do {                                        \
+		(entry)->v.u64 = _val_;             \
+	} while (0)
+
+#define dict_set_double_val(entry, _val_) \
+	do {                              \
+		(entry)->v.d = _val_;     \
+	} while (0)
+
+#define dict_free_key(d, entry)        \
+	if ((d)->type->key_destructor) \
+	(d)->type->key_destructor((d)->priv_data, (entry)->key)
+
+#define dict_set_key(d, entry, _key_)                                  \
+	do {                                                           \
+		if ((d)->type->key_dup)                                \
+			(entry)->key =                                 \
+			    (d)->type->key_dup((d)->priv_data, _key_); \
+		else                                                   \
+			(entry)->key = (_key_);                        \
+	} while (0)
+
+#define dict_compare_keys(d, key1, key2)                          \
+	(((d)->type->key_compare)                                 \
+	     ? (d)->type->key_compare((d)->priv_data, key1, key2) \
+	     : (key1) == (key2))
+
+#define dict_hash_key(d, key) (d)->type->hash_function(key)
+#define dict_get_key(he) ((he)->key)
+#define dict_get_val(he) ((he)->v.val)
+#define dict_get_signed_integer_val(he) ((he)->v.s64)
+#define dict_get_unsigned_integer_val(he) ((he)->v.u64)
+#define dict_get_double_val(he) ((he)->v.d)
+#define dict_slots(d) ((d)->ht[0].size + (d)->ht[1].size)
+#define dict_size(d) ((d)->ht[0].used + (d)->ht[1].used)
+#define dict_is_rehashing(d) ((d)->rehash_index != -1)
+#define dict_pause_rehashing(d) (d)->pause_rehash++
+#define dict_resume_rehashing(d) (d)->pause_rehash--
+
+/* If our unsigned long type can store a 64 bit number, use a 64 bit PRNG. */
+#define random_u_long() rand()
+
+/* API */
+YUTIL_API dict_t *dict_create(dict_type_t *type, void *priv_data_ptr);
+YUTIL_API int dict_expand(dict_t *d, unsigned long size);
+YUTIL_API int dict_try_expand(dict_t *d, unsigned long size);
+YUTIL_API int dict_add(dict_t *d, void *key, void *val);
+YUTIL_API dict_entry_t *dict_add_raw(dict_t *d, void *key,
+				     dict_entry_t **existing);
+YUTIL_API dict_entry_t *dict_add_or_find(dict_t *d, void *key);
+YUTIL_API int dict_replace(dict_t *d, void *key, void *val);
+YUTIL_API int dict_delete(dict_t *d, const void *key);
+YUTIL_API dict_entry_t *dict_unlink(dict_t *ht, const void *key);
+YUTIL_API void dict_free_unlinked_entry(dict_t *d, dict_entry_t *he);
+YUTIL_API void dict_destroy(dict_t *d);
+YUTIL_API dict_entry_t *dict_find(dict_t *d, const void *key);
+YUTIL_API void *dict_fetch_value(dict_t *d, const void *key);
+YUTIL_API int dict_resize(dict_t *d);
+YUTIL_API dict_iterator_t *dict_get_iterator(dict_t *d);
+YUTIL_API dict_iterator_t *dict_get_safe_iterator(dict_t *d);
+YUTIL_API dict_entry_t *dict_next(dict_iterator_t *iter);
+YUTIL_API void dict_destroy_iterator(dict_iterator_t *iter);
+YUTIL_API dict_entry_t *dict_get_random_key(dict_t *d);
+YUTIL_API dict_entry_t *dict_get_fair_random_key(dict_t *d);
+YUTIL_API unsigned int dict_get_some_keys(dict_t *d, dict_entry_t **des,
+					  unsigned int count);
+YUTIL_API void dict_get_stats(char *buf, size_t buf_size, dict_t *d);
+YUTIL_API uint64_t dict_gen_hash_function(const void *key, int len);
+YUTIL_API uint64_t dict_gen_case_hash_function(const unsigned char *buf,
+					       int len);
+YUTIL_API void dict_empty(dict_t *d, void(callback)(void *));
+YUTIL_API void dict_enable_resize(void);
+YUTIL_API void dict_disable_resize(void);
+YUTIL_API int dict_rehash(dict_t *d, int n);
+YUTIL_API int dict_rehash_milliseconds(dict_t *d, int ms);
+YUTIL_API void dict_set_hash_function_seed(uint8_t seed);
+YUTIL_API uint8_t dict_get_hash_function_seed(void);
+YUTIL_API unsigned long dict_scan(dict_t *d, unsigned long v,
+				  dict_scan_function *fn,
+				  dict_scan_bucket_function *bucketfn,
+				  void *priv_data);
+YUTIL_API uint64_t dict_get_hash(dict_t *d, const void *key);
+YUTIL_API dict_entry_t **dict_find_entry_ref_by_ptr_and_hash(
+    dict_t *d, const void *old_ptr, uint64_t hash);
+
+YUTIL_API uint64_t dict_string_hash(const void *key);
+YUTIL_API int dict_string_key_compare(void *privdata, const void *key1,
+				      const void *key2);
+YUTIL_API void *dict_string_key_dup(void *privdata, const void *key);
+YUTIL_API void dict_string_key_destructor(void *privdata, void *key);
+YUTIL_API void dict_init_string_key_type(dict_type_t *t);
+YUTIL_API void dict_init_string_copy_key_type(dict_type_t *t);
+
+Y_END_DECLS
+
+#endif /* UTIL_DICT_H */
diff --git a/lib/yutil/include/yutil/dirent.h b/lib/yutil/include/yutil/dirent.h
new file mode 100644
index 000000000..b50a5302f
--- /dev/null
+++ b/lib/yutil/include/yutil/dirent.h
@@ -0,0 +1,76 @@
+/*
+ * dirent.h -- Directory entry operation set.
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+
+#ifndef UTIL_DIRENT_H
+#define UTIL_DIRENT_H
+
+Y_BEGIN_DECLS
+
+#ifdef _WIN32
+typedef union dir_entry_t dir_entry_t;
+#else
+typedef struct dir_entry_t dir_entry_t;
+#endif
+
+typedef struct dir_t dir_t;
+
+#if defined(_UNICODE) || !defined(_WIN32)
+#define dir_open dir_open_w
+#define dir_read dir_read_w
+#define dir_get_file_name dir_get_file_name_w
+#else
+#define dir_open dir_open_a
+#define dir_read dir_read_a
+#define dir_get_file_name dir_get_file_name_a
+#endif
+
+YUTIL_API dir_t *dir_create();
+YUTIL_API void dir_destroy(dir_t *dir);
+
+YUTIL_API int dir_open_w(const wchar_t *path, dir_t *dir);
+
+YUTIL_API int dir_open_a(const char *path, dir_t *dir);
+
+YUTIL_API dir_entry_t *dir_read_a(dir_t *dir);
+YUTIL_API dir_entry_t *dir_read_w(dir_t *dir);
+
+YUTIL_API int dir_close(dir_t *dir);
+
+YUTIL_API char *dir_get_file_name_a(dir_entry_t *entry);
+YUTIL_API wchar_t *dir_get_file_name_w(dir_entry_t *entry);
+
+YUTIL_API int dir_entry_is_directory(dir_entry_t *entry);
+YUTIL_API int dir_entry_is_regular(dir_entry_t *entry);
+
+Y_END_DECLS
+
+#endif
diff --git a/lib/yutil/include/yutil/encoding.h b/lib/yutil/include/yutil/encoding.h
new file mode 100644
index 000000000..5073cb266
--- /dev/null
+++ b/lib/yutil/include/yutil/encoding.h
@@ -0,0 +1,69 @@
+/*
+ * encoding.h -- String encoding/decoding utilities.
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+#ifndef YUTIL_ENCODING_H
+#define YUTIL_ENCODING_H
+
+#include <wchar.h>
+
+Y_BEGIN_DECLS
+
+/**
+ * Decode an UTF-8 encoded string to a wide character string.
+ *
+ * When \p wstr is NULL, returns the number of wchar_t needed (excluding the
+ * null terminator), similar to strlen().  When \p wstr is not NULL, writes up
+ * to \p max_len characters and always null-terminates at wstr[count], so the
+ * buffer must have room for at least max_len+1 elements.  If the decoded
+ * length exceeds max_len, only max_len characters are written.
+ */
+YUTIL_API size_t decode_utf8(wchar_t *wstr, const char *str, size_t max_len);
+
+/**
+ * Encode a wide character string to UTF-8.
+ *
+ * When \p str is NULL, returns the number of bytes needed (excluding the null
+ * terminator), similar to strlen().  When \p str is not NULL, writes up to
+ * \p max_len bytes and always null-terminates at str[count], so the buffer
+ * must have room for at least max_len+1 elements.  If the encoded length
+ * exceeds max_len, only max_len bytes are written.
+ */
+YUTIL_API size_t encode_utf8(char *str, const wchar_t *wstr, size_t max_len);
+
+#ifdef _WIN32
+YUTIL_API size_t decode_ansi(wchar_t *wstr, const char *str, size_t max_len);
+
+YUTIL_API size_t encode_ansi(char *str, const wchar_t *wstr, size_t max_len);
+#endif
+
+Y_END_DECLS
+
+#endif
diff --git a/lib/yutil/include/yutil/keywords.h b/lib/yutil/include/yutil/keywords.h
new file mode 100644
index 000000000..3e33cf480
--- /dev/null
+++ b/lib/yutil/include/yutil/keywords.h
@@ -0,0 +1,39 @@
+#ifndef YUTIL_KEYWORDS_H
+#define YUTIL_KEYWORDS_H
+
+#include "config.h"
+
+#if defined(__GNUC__)
+#define YUTIL_API extern __attribute__((visibility("default")))
+#elif !defined(YUTIL_STATIC_BUILD)
+#ifdef YUTIL_EXPORTS
+#define YUTIL_API __declspec(dllexport)
+#else
+#define YUTIL_API __declspec(dllimport)
+#endif
+#else
+#define YUTIL_API
+#endif
+
+// inline
+#ifndef __cplusplus
+#ifdef _MSC_VER
+#if (_MSC_VER < 1900)
+#undef inline
+#define inline __inline
+#endif
+#endif
+#endif
+
+// extern c
+#ifdef __cplusplus
+
+#define Y_BEGIN_DECLS extern "C" {
+#define Y_END_DECLS }
+#else
+
+#define Y_BEGIN_DECLS
+#define Y_END_DECLS
+#endif
+
+#endif    // YUTIL_KEYWORDS_H
diff --git a/lib/yutil/include/yutil/list.h b/lib/yutil/include/yutil/list.h
new file mode 100644
index 000000000..0c3c5abba
--- /dev/null
+++ b/lib/yutil/include/yutil/list.h
@@ -0,0 +1,116 @@
+/*
+ * list.h -- Linked list
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+
+#ifndef UTIL_LIST_H
+#define UTIL_LIST_H
+
+Y_BEGIN_DECLS
+
+typedef struct list_node_t list_node_t;
+typedef struct list_t list_t;
+
+typedef void (*list_item_destructor_t)(void *);
+
+struct list_node_t {
+	void *data;
+	list_node_t *prev, *next;
+};
+
+struct list_t {
+	size_t length;
+	list_node_t head, tail;
+};
+
+#define list_each(node, list)     \
+	node = (list)->head.next; \
+	node;                     \
+	node = node->next
+
+#define list_each_reverse(node, list)    \
+	node = (list)->tail.prev;        \
+	node && (node != &(list)->head); \
+	node = node->prev
+
+#define list_for_each(node, list) for (list_each(node, list))
+#define list_for_each_reverse(node, list) for (list_each_reverse(node, list))
+
+YUTIL_API void list_create(list_t *list);
+
+// append data at tail
+YUTIL_API list_node_t *list_append(list_t *list, void *data);
+// append node at tail
+YUTIL_API void list_append_node(list_t *list, list_node_t *node);
+
+// insert data by pos
+YUTIL_API list_node_t *list_insert(list_t *list, size_t pos, void *data);
+// insert node after cur
+YUTIL_API void list_link(list_t *list, list_node_t *cur, list_node_t *node);
+// insert node by pos
+YUTIL_API void list_insert_node(list_t *list, size_t pos, list_node_t *node);
+
+#define list_insert_head(list, data) list_insert(list, 0, data)
+
+YUTIL_API void *list_get(const list_t *list, size_t pos);
+YUTIL_API list_node_t *list_get_node(const list_t *list, size_t pos);
+
+YUTIL_API void list_unlink(list_t *list, list_node_t *node);
+YUTIL_API void list_delete(list_t *list, size_t pos);
+YUTIL_API void list_delete_node(list_t *list, list_node_t *node);
+
+#define list_delete_head(list) list_delete_node(list, (list)->head.next)
+#define list_delete_last(list) list_delete_node(list, (list)->tail.prev)
+
+YUTIL_API void list_node_free(list_node_t *node);
+YUTIL_API void list_destroy_ex(list_t *list, void (*on_destroy)(void *),
+			       int free_node);
+YUTIL_API void list_concat(list_t *list1, list_t *list2);
+
+#define list_destroy(list, func) list_destroy_ex(list, func, 1)
+#define list_destroy_without_node(list, func) list_destroy_ex(list, func, 0)
+
+static inline list_node_t *list_get_first_node(const list_t *list)
+{
+	if (0 >= list->length) {
+		return NULL;
+	}
+	return list->head.next;
+}
+static inline list_node_t *list_get_last_node(const list_t *list)
+{
+	if (0 >= list->length) {
+		return NULL;
+	}
+	return list->tail.prev;
+}
+Y_END_DECLS
+
+#endif
diff --git a/lib/yutil/include/yutil/list_entry.h b/lib/yutil/include/yutil/list_entry.h
new file mode 100644
index 000000000..98a7dc4f5
--- /dev/null
+++ b/lib/yutil/include/yutil/list_entry.h
@@ -0,0 +1,383 @@
+/*
+ * list_entry.h -- the doubly-linked list entry
+ *
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com> All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+#ifndef UTIL_LIST_ENTRY_H
+#define UTIL_LIST_ENTRY_H
+
+/* ------------------------------- includes --------------------------------*/
+#include <assert.h>
+#include <stddef.h>
+#include "keywords.h"
+#include "types.h"
+
+Y_BEGIN_DECLS
+
+/* ------------------------------- types -----------------------------------*/
+// the doubly-linked list entry type
+struct __list_entry_t {
+	struct __list_entry_t *next;
+	struct __list_entry_t *prev;
+};
+
+// the list entry head type
+struct __list_entry_head_t {
+	struct __list_entry_t *next;
+	struct __list_entry_t *prev;
+	size_t length;
+	size_t entry_offset;
+};
+
+typedef struct __list_entry_t list_entry_t;
+typedef struct __list_entry_head_t list_entry_head_t;
+
+/* ------------------------------- macros ------------------------------------*/
+
+#define list_entry_offsetof(type, member) ((size_t)&((type *)0)->member)
+
+#define list_entry_head_init(list, type, member) \
+	list_entry_head_init_(list, list_entry_offsetof(type, member))
+
+#define list_entry_clear(list) list_entry_head_init_(list, (list)->entry_offset)
+
+// get the struct for this entry
+#define list_entry(head, entry, type) \
+	((type *)((unsigned char *)(entry) - (head)->entry_offset))
+
+#define list_entry_get_first_entry(head, type) \
+	list_entry(head, (head)->next, type)
+
+#define list_entry_get_last_entry(head, type) \
+	list_entry(head, (head)->prev, type)
+
+#define list_entry_next_entry_(head, node, member, type) \
+	list_entry(head, (node)->member.next, type)
+
+#define list_entry_prev_entry_(head, node, member, type) \
+	list_entry(head, (node)->member.prev, type)
+
+#define list_entry_for_each(head, entry)                            \
+	for (entry = (head)->next; entry != (list_entry_t *)(head); \
+	     entry = entry->next)
+
+#define list_entry_for_each_reverse(head, entry)                    \
+	for (entry = (head)->prev; entry != (list_entry_t *)(head); \
+	     entry = entry->prev)
+
+#define list_entry_for_each_by_length(head, size, entry)            \
+	for (entry = (head)->next, size = 0; size < (head)->length; \
+	     entry = entry->next, size++)
+
+#define list_entry_for_each_reverse_by_length(head, size, entry)              \
+	for (entry = (head)->prev, size = 0; entry != (list_entry_t *)(head); \
+	     entry = entry->prev, size++)
+
+#define list_entry_for_each_entry(head, node, member, type) \
+	for (node = list_entry_get_first_entry(head, type); \
+	     &node->member != (list_entry_t *)(head);       \
+	     node = list_entry_next_entry_(head, node, member, type))
+
+#define list_entry_for_each_entry_reverse(head, node, member, type) \
+	for (node = list_entry_get_last_entry(head, type);          \
+	     &node->member != (list_entry_t *)(head);               \
+	     node = list_entry_prev_entry_(head, node, member, type))
+
+// init list entry
+static inline void list_entry_init(list_entry_t *entry)
+{
+	entry->next = entry;
+	entry->prev = entry;
+}
+
+// init list entry head
+static inline void list_entry_head_init_(list_entry_head_t *list,
+					 size_t entry_offset)
+{
+	list->next = (list_entry_t *)list;
+	list->prev = (list_entry_t *)list;
+	list->length = 0;
+	list->entry_offset = entry_offset;
+}
+
+// destroy
+static inline void list_entry_exit(list_entry_head_t *head)
+{
+	head->next = NULL;
+	head->prev = NULL;
+	head->length = 0;
+	head->entry_offset = 0;
+}
+
+// the list entry length
+static inline size_t list_entry_size(list_entry_head_t *head)
+{
+	return head->length;
+}
+
+// the list head entry
+static inline list_entry_t *list_entry_get_head(list_entry_head_t *head)
+{
+	return head->next;
+}
+
+// the list last entry
+static inline list_entry_t *list_entry_get_last(list_entry_head_t *head)
+{
+	return head->prev;
+}
+
+static inline bool list_entry_is_empty(list_entry_head_t *head)
+{
+	return !(head->length);
+}
+
+static inline bool list_entry_is_head(list_entry_head_t *head,
+				      list_entry_t *entry)
+{
+	return head->next == entry;
+}
+
+static inline bool list_entry_is_last(list_entry_head_t *head,
+				      list_entry_t *entry)
+{
+	return head->prev == entry;
+}
+
+// a list has just one entry?
+static inline int list_is_singular(list_entry_head_t *head)
+{
+	return !list_entry_is_empty(head) && (head->length == 1);
+}
+
+static inline bool list_entry_is_valid(list_entry_head_t *list)
+{
+	return (list->next && list->next->prev == (list_entry_t *)list) &&
+	       (list->prev && list->prev->next == (list_entry_t *)list);
+}
+
+// insert a new entry after node.
+static inline void list_entry_add_next(list_entry_head_t *head,
+				       list_entry_t *node, list_entry_t *entry)
+{
+	assert(head && node && node->next && entry);
+	assert(node != entry);
+	assert(list_entry_is_valid(head));
+
+	node->next->prev = entry;
+	entry->next = node->next;
+	entry->prev = node;
+	node->next = entry;
+
+	head->length++;
+}
+
+// insert entry to the prev
+#define list_entry_add_prev(head, node, entry) \
+	list_entry_add_next(head, ((node)->prev), entry)
+
+// insert entry to the head
+static inline void list_entry_add_head(list_entry_head_t *head,
+				       list_entry_t *entry)
+{
+	assert(entry);
+	list_entry_add_next(head, (list_entry_t *)head, entry);
+}
+
+// insert entry to the tail
+static inline void list_entry_add_tail(list_entry_head_t *head,
+				       list_entry_t *entry)
+{
+	assert(head && head->prev && head->prev->next && entry);
+	assert(head->prev != entry);
+	assert(list_entry_is_valid(head));
+
+	head->prev->next = entry;
+	entry->prev = head->prev;
+	entry->next = (list_entry_t *)head;
+	head->prev = entry;
+
+	head->length++;
+}
+
+// delete the entry (private interface)
+static inline void list_entry_delete_(list_entry_head_t *head,
+				      list_entry_t *prev, list_entry_t *next)
+{
+	assert(head && head->length && prev && next);
+
+	assert(list_entry_is_valid(head));
+
+	prev->next = next;
+	next->prev = prev;
+
+	head->length--;
+}
+
+// delete the entry
+static inline void list_entry_delete(list_entry_head_t *head,
+				     list_entry_t *entry)
+{
+	assert(entry);
+
+	list_entry_delete_(head, entry->prev, entry->next);
+}
+
+// delete the entry and reinitialize it.
+static inline void list_entry_delete_init(list_entry_head_t *head,
+					  list_entry_t *entry)
+{
+	assert(entry);
+
+	list_entry_delete_(head, entry->prev, entry->next);
+	list_entry_init(entry);
+}
+
+// delete the head entry
+static inline void list_entry_delete_head(list_entry_head_t *head)
+{
+	assert(head && head->next);
+
+	list_entry_delete_(head, (list_entry_t *)head, head->next->next);
+}
+
+// delete the last entry
+static inline void list_entry_delete_last(list_entry_head_t *head)
+{
+	assert(head && head->prev);
+
+	list_entry_delete_(head, head->prev->prev, (list_entry_t *)head);
+}
+
+// delete from one list and add as another's head
+static inline void list_entry_move_next(list_entry_head_t *head,
+					list_entry_t *node, list_entry_t *entry)
+{
+	list_entry_delete(head, entry);
+	list_entry_add_next(head, node, entry);
+}
+
+// move the prev entry
+#define list_entry_move_prev(head, node, entry) \
+	list_entry_move_next(head, (node)->prev, entry);
+
+// move the head entry
+static inline void list_entry_move_head(list_entry_head_t *head,
+					list_entry_t *entry)
+{
+	list_entry_move_next(head, (list_entry_t *)head, entry);
+}
+
+// move the tail entry
+static inline void list_entry_move_tail(list_entry_head_t *head,
+					list_entry_t *entry)
+{
+	assert(head);
+
+	list_entry_move_next(head, head->prev, entry);
+}
+
+// replace old entry by new one
+static inline void list_entry_replace(list_entry_t *old_entry,
+				      list_entry_t *new_entry)
+{
+	assert(old_entry && old_entry->next && old_entry->prev && new_entry);
+	assert(old_entry != new_entry);
+
+	new_entry->next = old_entry->next;
+	new_entry->next->prev = new_entry;
+	new_entry->prev = old_entry->prev;
+	new_entry->prev->next = new_entry;
+}
+
+// replace the head entry
+static inline void list_entry_replace_head(list_entry_head_t *head,
+					   list_entry_t *entry)
+{
+	assert(head);
+
+	list_entry_replace(head->next, entry);
+}
+
+// replace the last entry
+static inline void list_entry_replace_last(list_entry_head_t *head,
+					   list_entry_t *entry)
+{
+	assert(head);
+
+	list_entry_replace(head->prev, entry);
+}
+
+// rotate the list to the left. move head to tail
+static inline void list_rotate_left(list_entry_head_t *head)
+{
+	list_entry_t *entry;
+	if (!list_entry_is_empty(head)) {
+		entry = head->next;
+		list_entry_move_tail(head, entry);
+	}
+}
+
+// splice the spliced_list to list[prev, next]
+static inline void list_entry_splice(list_entry_head_t *head,
+				     list_entry_t *prev, list_entry_t *next,
+				     list_entry_head_t *spliced_list)
+{
+	if (list_entry_is_empty(spliced_list)) {
+		return;
+	}
+	spliced_list->next->prev = prev;
+	prev->next = spliced_list->next;
+	spliced_list->prev->next = next;
+	next->prev = spliced_list->prev;
+
+	head->length += spliced_list->length;
+
+	list_entry_clear(spliced_list);
+}
+
+// splice the spliced_list at the list head
+static inline void list_entry_splice_head(list_entry_head_t *head,
+					  list_entry_head_t *spliced_list)
+{
+	assert(head);
+
+	list_entry_splice(head, (list_entry_t *)head, head->next, spliced_list);
+}
+
+// splice the spliced_list at the list tail
+static inline void list_entry_splice_tail(list_entry_head_t *head,
+					  list_entry_head_t *spliced_list)
+{
+	assert(head);
+
+	list_entry_splice(head, head->prev, (list_entry_t *)head, spliced_list);
+}
+
+Y_END_DECLS
+
+#endif
\ No newline at end of file
diff --git a/lib/yutil/include/yutil/logger.h b/lib/yutil/include/yutil/logger.h
new file mode 100644
index 000000000..ed645e943
--- /dev/null
+++ b/lib/yutil/include/yutil/logger.h
@@ -0,0 +1,76 @@
+/*
+ * logger.h -- Logger module
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+
+#ifndef UTIL_LOGGER_H
+#define UTIL_LOGGER_H
+
+Y_BEGIN_DECLS
+
+enum logger_level_e {
+	LOGGER_LEVEL_ALL,
+	LOGGER_LEVEL_DEBUG,
+	LOGGER_LEVEL_INFO,
+	LOGGER_LEVEL_WARNING,
+	LOGGER_LEVEL_ERROR,
+	LOGGER_LEVEL_OFF
+};
+
+typedef enum logger_level_e logger_level_e;
+
+YUTIL_API void logger_set_level(logger_level_e level);
+
+YUTIL_API int logger_log(logger_level_e level, const char *fmt, ...);
+
+YUTIL_API int logger_log_w(logger_level_e level, const wchar_t *fmt, ...);
+
+YUTIL_API void logger_set_handler(void (*handler)(const char *));
+
+YUTIL_API void logger_set_handler_w(void (*handler)(const wchar_t *));
+
+#define logger_info(fmt, ...) logger_log(LOGGER_LEVEL_INFO, fmt, ##__VA_ARGS__)
+#define logger_debug(fmt, ...) \
+	logger_log(LOGGER_LEVEL_DEBUG, fmt, ##__VA_ARGS__)
+#define logger_warning(fmt, ...) \
+	logger_log(LOGGER_LEVEL_WARNING, fmt, ##__VA_ARGS__)
+#define logger_error(fmt, ...) \
+	logger_log(LOGGER_LEVEL_ERROR, fmt, ##__VA_ARGS__)
+#define logger_info_w(fmt, ...) \
+	logger_log_w(LOGGER_LEVEL_INFO, fmt, ##__VA_ARGS__)
+#define logger_debug_w(fmt, ...) \
+	logger_log_w(LOGGER_LEVEL_DEBUG, fmt, ##__VA_ARGS__)
+#define logger_warning_w(fmt, ...) \
+	logger_log_w(LOGGER_LEVEL_WARNING, fmt, ##__VA_ARGS__)
+#define logger_error_w(fmt, ...) \
+	logger_log_w(LOGGER_LEVEL_ERROR, fmt, ##__VA_ARGS__)
+
+Y_END_DECLS
+#endif
diff --git a/lib/yutil/include/yutil/math.h b/lib/yutil/include/yutil/math.h
new file mode 100644
index 000000000..d02b0ba9d
--- /dev/null
+++ b/lib/yutil/include/yutil/math.h
@@ -0,0 +1,42 @@
+/* math.c -- math
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+#ifndef UTIL_MATH_H
+#define UTIL_MATH_H
+
+Y_BEGIN_DECLS
+
+#define y_max(X, Y) (((X) > (Y)) ? (X) : (Y))
+
+#define y_min(X, Y) (((X) > (Y)) ? (Y) : (X))
+
+Y_END_DECLS
+
+#endif /* UTIL_MATH_H */
diff --git a/lib/yutil/include/yutil/rbtree.h b/lib/yutil/include/yutil/rbtree.h
new file mode 100644
index 000000000..d2010cf2a
--- /dev/null
+++ b/lib/yutil/include/yutil/rbtree.h
@@ -0,0 +1,99 @@
+/*
+ * rbtree.h -- red-black tree
+ *
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com> All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+#ifndef UTIL_RBTREE_H
+#define UTIL_RBTREE_H
+
+Y_BEGIN_DECLS
+
+typedef struct rbtree_node_t_ rbtree_node_t;
+typedef struct rbtree_t_ rbtree_t;
+
+struct rbtree_node_t_ {
+	int key;
+	unsigned char color;
+	void *data;
+	rbtree_node_t *left;
+	rbtree_node_t *right;
+	rbtree_node_t *parent;
+};
+
+struct rbtree_t_ {
+	rbtree_node_t *root;    // the pointer of the root of the tree
+	int (*compare)(void *, const void *);
+	void (*destroy)(void *);
+	unsigned int total_node;
+};
+
+/* macros */
+#define rbtree_set_compare_func(tree, func) (tree)->compare = func
+#define rbtree_set_destroy_func(tree, func) (tree)->destroy = func
+
+#define rbtree_is_red(node) ((node)->color)
+#define rbtree_is_black(node) (!((node)->color))
+#define rbtree_is_empty(tree) ((tree)->root == NULL)
+
+// public methods
+YUTIL_API void rbtree_init(rbtree_t *tree);
+
+// insert
+YUTIL_API void rbtree_insert(rbtree_t *tree, int key, const void *keydata,
+			     void *data);
+YUTIL_API void rbtree_insert_by_key(rbtree_t *tree, int key, void *data);
+YUTIL_API void rbtree_insert_by_keydata(rbtree_t *tree, const void *keydata,
+					void *data);
+
+YUTIL_API void rbtree_delete_by_node(rbtree_t *tree, rbtree_node_t *node);
+YUTIL_API int rbtree_delete(rbtree_t *tree, int key, const void *keydata);
+YUTIL_API int rbtree_delete_by_key(rbtree_t *tree, int key);
+YUTIL_API int rbtree_delete_by_keydata(rbtree_t *tree, const void *keydata);
+
+YUTIL_API rbtree_node_t *rbtree_search_by_key(rbtree_t *tree, int key);
+YUTIL_API rbtree_node_t *rbtree_search_by_data(rbtree_t *tree,
+					       const void *keydata);
+
+YUTIL_API void *rbtree_get_data_by_keydata(rbtree_t *tree, const void *keydata);
+YUTIL_API void *rbtree_get_data_by_key(rbtree_t *tree, int key);
+
+YUTIL_API void rbtree_destroy(rbtree_t *tree);
+
+YUTIL_API rbtree_node_t *rbtree_next(const rbtree_node_t *node);
+/* get the minimum key of node in a subtree of the rbtree */
+static inline rbtree_node_t *rbtree_get_min(rbtree_node_t *subtree)
+{
+	rbtree_node_t *node = subtree;
+	while (node && node->left) {
+		node = node->left;
+	}
+	return node;
+}
+
+Y_END_DECLS
+
+#endif
diff --git a/lib/yutil/include/yutil/string.h b/lib/yutil/include/yutil/string.h
new file mode 100644
index 000000000..7044826d6
--- /dev/null
+++ b/lib/yutil/include/yutil/string.h
@@ -0,0 +1,81 @@
+/*
+ * string.h -- The string operation set.
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+
+#ifndef UTIL_STRING_H
+#define UTIL_STRING_H
+
+#include <wchar.h>
+#include <string.h>
+
+Y_BEGIN_DECLS
+
+YUTIL_API char *y_strdup(const char *str);
+YUTIL_API wchar_t *y_wcsdup(const wchar_t *str);
+
+YUTIL_API size_t y_strlower(char *outstr, const char *instr);
+
+/**
+ * 清除字符串首尾的字符
+ * @param[out] outstr 处理后的字符串
+ * @param[in] instr 需要处理的字符串
+ * @param[in] charlist 需要清除的字符列表，当为NULL时，默认清除空白符
+ * @return 处理后的字符串的长度
+ */
+YUTIL_API size_t y_strtrim(char *outstr, const char *instr,
+                           const char *charlist);
+YUTIL_API size_t y_wcstrim(wchar_t *outstr, const wchar_t *instr,
+                           const wchar_t *charlist);
+
+YUTIL_API unsigned y_strhash(unsigned hash, const char *str);
+
+/**
+ * 字符串替换（原地修改，仅替换第一个匹配）
+ * @param[in][out] str 需要处理的字符串，替换成功后字符串内容也会被修改
+ * @param[in] max_len 输出字符串的最大长度
+ * @param[in] substr 字符串中需要被替换的子字符串
+ * @param[in] newstr 替换的新字符串
+ * @returns 替换后的字符串长度，若未替换，则返回 0
+ */
+YUTIL_API size_t y_strreplace(char *str, size_t max_len, const char *substr,
+                              const char *newstr);
+
+/**
+ * 分割字符串
+ * @param[in] instr 需分割的字符串
+ * @param[in] sep 分割标记字符串
+ * @param[out] outstrs 分割后的字符串列表
+ */
+YUTIL_API int y_strsplit(const char *instr, const char *sep, char ***outstrs);
+
+Y_END_DECLS
+
+#endif
diff --git a/lib/yutil/include/yutil/strlist.h b/lib/yutil/include/yutil/strlist.h
new file mode 100644
index 000000000..11b1e0dc9
--- /dev/null
+++ b/lib/yutil/include/yutil/strlist.h
@@ -0,0 +1,74 @@
+/*
+ * strlist.h -- string list
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+
+#ifndef UTIL_STRLIST_H
+#define UTIL_STRLIST_H
+
+Y_BEGIN_DECLS
+
+typedef char **strlist_t;
+
+YUTIL_API int strlist_sorted_add(strlist_t *strlist, const char *str);
+
+YUTIL_API int strlist_add_one(strlist_t *strlist, const char *str);
+
+YUTIL_API int strlist_remove_one(strlist_t *strlist, const char *str);
+
+/**
+ * 向字符串组添加字符串
+ * @param[in][out] strlist 字符串组
+ * @param[in] str 字符串
+ */
+YUTIL_API int strlist_add(strlist_t *strlist, const char *str);
+
+/**
+ * 判断字符串组中是否包含指定字符串
+ * @param[in][out] strlist 字符串组
+ * @param[in] str 字符串
+ * @returns 如果包含则返回 1， 否则返回 0
+ */
+YUTIL_API int strlist_has(strlist_t strlist, const char *str);
+
+/**
+ * 从字符串组中移除指定字符串
+ * @param[in][out] strlist 字符串组
+ * @param[in] str 字符串
+ * @returns 如果删除成功则返回 1， 否则返回 0
+ */
+YUTIL_API int strlist_remove(strlist_t *strlist, const char *str);
+
+/** 释放字符串组 */
+YUTIL_API void strlist_free(strlist_t strs);
+
+Y_END_DECLS
+
+#endif
diff --git a/lib/yutil/include/yutil/strpool.h b/lib/yutil/include/yutil/strpool.h
new file mode 100644
index 000000000..0cff547cb
--- /dev/null
+++ b/lib/yutil/include/yutil/strpool.h
@@ -0,0 +1,52 @@
+/*
+ * strpool.h -- string pool
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+
+#ifndef UTIL_STRPOOL_H
+#define UTIL_STRPOOL_H
+
+Y_BEGIN_DECLS
+
+typedef struct strpool_t strpool_t;
+
+YUTIL_API strpool_t *strpool_create(void);
+
+YUTIL_API char *strpool_alloc_str(strpool_t *pool, const char *str);
+
+YUTIL_API int strpool_free_str(char *str);
+
+YUTIL_API size_t strpool_size(strpool_t *pool);
+
+YUTIL_API void strpool_destroy(strpool_t *pool);
+
+Y_END_DECLS
+
+#endif
diff --git a/lib/yutil/include/yutil/time.h b/lib/yutil/include/yutil/time.h
new file mode 100644
index 000000000..8cd368aac
--- /dev/null
+++ b/lib/yutil/include/yutil/time.h
@@ -0,0 +1,44 @@
+/*
+ * time.c -- The time operation set.
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+
+#ifndef UTIL_TIME_H
+#define UTIL_TIME_H
+
+Y_BEGIN_DECLS
+
+YUTIL_API int64_t y_gettime(void);
+
+YUTIL_API void y_sleep(unsigned int ms);
+
+Y_END_DECLS
+
+#endif
diff --git a/lib/yutil/include/yutil/types.h b/lib/yutil/include/yutil/types.h
new file mode 100644
index 000000000..6f1f36ab3
--- /dev/null
+++ b/lib/yutil/include/yutil/types.h
@@ -0,0 +1,6 @@
+#ifndef UTIL_TYPE_H
+#define UTIL_TYPE_H
+
+#include <stdbool.h>
+
+#endif    // UTIL_TYPE_H
diff --git a/lib/yutil/src/dict.c b/lib/yutil/src/dict.c
new file mode 100644
index 000000000..21fbd18f8
--- /dev/null
+++ b/lib/yutil/src/dict.c
@@ -0,0 +1,1322 @@
+/* Hash Tables Implementation.
+ *
+ * This file implements in memory hash tables with insert/del/replace/find/
+ * get-random-element operations. Hash tables will auto resize if needed
+ * tables of power of two in size are used, collisions are handled by
+ * chaining. See the source code for more information... :)
+ *
+ * Copyright (c) 2006-2012, Salvatore Sanfilippo <antirez at gmail dot com>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of Redis nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+#include <assert.h>
+#include <stdio.h>
+#include <stdlib.h>
+#include <stdint.h>
+#include <string.h>
+#include <stdarg.h>
+#include <limits.h>
+#include <ctype.h>
+
+#include "yutil/keywords.h"
+#include "yutil/time.h"
+#include "yutil/dict.h"
+
+/* ------------------------------- Types ------------------------------------*/
+
+/* ------------------------------- Macros ------------------------------------*/
+/* This is the initial size of every hash table */
+#define DICT_HT_INITIAL_SIZE 4
+/* Unused arguments generate annoying warnings... */
+#define dict_not_used(V) ((void)V)
+
+/* Using dict_enable_resize() / dictDisable_resize() we make possible to
+ * enable/disable resizing of the hash table as needed. */
+static int dict_can_resize = 1;
+static unsigned int dict_force_resize_ratio = 5;
+
+/* -------------------------- private prototypes ---------------------------- */
+
+static int _dict_expand_if_needed(dict_t *ht);
+static unsigned long _dict_next_power(unsigned long size);
+static long _dict_key_index(dict_t *ht, const void *key, uint64_t hash,
+                            dict_entry_t **existing);
+static int _dict_init(dict_t *ht, dict_type_t *type, void *priv_data_ptr);
+
+/* -------------------------- hash functions -------------------------------- */
+
+static uint8_t dict_hash_function_seed[16];
+
+void dict_set_hash_function_seed(uint8_t seed)
+{
+        memcpy(dict_hash_function_seed, (const void *)(long long)seed,
+               sizeof(dict_hash_function_seed));
+}
+
+uint8_t dict_get_hash_function_seed(void)
+{
+        return (uint8_t)(long long)dict_hash_function_seed;
+}
+
+/* The default hashing function uses SipHash implementation
+ * in siphash.c. */
+
+uint64_t siphash(const uint8_t *in, const size_t inlen, const uint8_t *k);
+uint64_t siphash_nocase(const uint8_t *in, const size_t inlen,
+                        const uint8_t *k);
+
+uint64_t dict_gen_hash_function(const void *key, int len)
+{
+        return siphash((const uint8_t *)key, len, dict_hash_function_seed);
+}
+
+/* And a case insensitive version */
+uint64_t dict_gen_case_hash_function(const unsigned char *buf, int len)
+{
+        return siphash_nocase((const uint8_t *)buf, len,
+                              dict_hash_function_seed);
+}
+
+/* ----------------------------- API implementation ------------------------- */
+
+/* Reset a hash table already initialized with ht_init().
+ * NOTE: This function should only be called by ht_destroy(). */
+static void _dict_reset(dict_hash_map_t *ht)
+{
+        ht->table = NULL;
+        ht->size = 0;
+        ht->size_mask = 0;
+        ht->used = 0;
+}
+
+/* Create a new hash table */
+dict_t *dict_create(dict_type_t *type, void *priv_data_ptr)
+{
+        dict_t *d = (dict_t *)malloc(sizeof(*d));
+
+        _dict_init(d, type, priv_data_ptr);
+        return d;
+}
+
+/* Initialize the hash table */
+int _dict_init(dict_t *d, dict_type_t *type, void *priv_data_ptr)
+{
+        _dict_reset(&d->ht[0]);
+        _dict_reset(&d->ht[1]);
+        d->type = type;
+        d->priv_data = priv_data_ptr;
+        d->rehash_index = -1;
+        d->pause_rehash = 0;
+        return DICT_OK;
+}
+
+/* _resize the table to the minimal size that contains all the elements,
+ * but with the invariant of a USED/BUCKETS ratio near to <= 1 */
+int dict_resize(dict_t *d)
+{
+        unsigned long minimal;
+
+        if (!dict_can_resize || dict_is_rehashing(d))
+                return DICT_ERR;
+        minimal = d->ht[0].used;
+        if (minimal < DICT_HT_INITIAL_SIZE)
+                minimal = DICT_HT_INITIAL_SIZE;
+        return dict_expand(d, minimal);
+}
+
+/* Expand or create the hash table,
+ * when malloc_failed is non-NULL, it'll avoid panic if malloc fails (in which
+ * case it'll be set to 1). Returns DICT_OK if expand was performed, and
+ * DICT_ERR if skipped. */
+int _dict_expand(dict_t *d, unsigned long size, int *malloc_failed)
+{
+        if (malloc_failed)
+                *malloc_failed = 0;
+
+        /* the size is invalid if it is smaller than the number of
+         * elements already inside the hash table */
+        if (dict_is_rehashing(d) || d->ht[0].used > size)
+                return DICT_ERR;
+
+        dict_hash_map_t n; /* the new hash table */
+        unsigned long realsize = _dict_next_power(size);
+
+        /* Rehashing to the same table size is not useful. */
+        if (realsize == d->ht[0].size)
+                return DICT_ERR;
+
+        /* Allocate the new hash table and initialize all pointers to NULL */
+        n.size = realsize;
+        n.size_mask = realsize - 1;
+        if (malloc_failed) {
+                n.table = (dict_entry_t **)calloc(
+                    1, realsize * sizeof(dict_entry_t *));
+                *malloc_failed = n.table == NULL;
+                if (*malloc_failed)
+                        return DICT_ERR;
+        } else
+                n.table = (dict_entry_t **)calloc(
+                    1, realsize * sizeof(dict_entry_t *));
+
+        n.used = 0;
+
+        /* Is this the first initialization? If so it's not really a rehashing
+         * we just set the first hash table so that it can accept keys. */
+        if (d->ht[0].table == NULL) {
+                d->ht[0] = n;
+                return DICT_OK;
+        }
+
+        /* Prepare a second hash table for incremental rehashing */
+        d->ht[1] = n;
+        d->rehash_index = 0;
+        return DICT_OK;
+}
+
+/* return DICT_ERR if expand was not performed */
+int dict_expand(dict_t *d, unsigned long size)
+{
+        return _dict_expand(d, size, NULL);
+}
+
+/* return DICT_ERR if expand failed due to memory allocation failure */
+int dict_try_expand(dict_t *d, unsigned long size)
+{
+        int malloc_failed;
+        _dict_expand(d, size, &malloc_failed);
+        return malloc_failed ? DICT_ERR : DICT_OK;
+}
+
+/* Performs N steps of incremental rehashing. Returns 1 if there are still
+ * keys to move from the old to the new hash table, otherwise 0 is returned.
+ *
+ * Note that a rehashing step consists in moving a bucket (that may have more
+ * than one key as we use chaining) from the old to the new hash table, however
+ * since part of the hash table may be composed of empty spaces, it is not
+ * guaranteed that this function will rehash even a single bucket, since it
+ * will visit at max N*10 empty buckets in total, otherwise the amount of
+ * work it does would be unbound and the function may block for a long time. */
+int dict_rehash(dict_t *d, int n)
+{
+        int empty_visits = n * 10; /* Max number of empty buckets to visit. */
+        if (!dict_is_rehashing(d))
+                return 0;
+
+        while (n-- && d->ht[0].used != 0) {
+                dict_entry_t *de, *nextde;
+
+                /* Note that rehash_index can't overflow as we are sure there
+                 * are more elements because ht[0].used != 0 */
+                assert(d->ht[0].size > (unsigned long)d->rehash_index);
+                while (d->ht[0].table[d->rehash_index] == NULL) {
+                        d->rehash_index++;
+                        if (--empty_visits == 0)
+                                return 1;
+                }
+                de = d->ht[0].table[d->rehash_index];
+                /* Move all the keys in this bucket from the old to the new hash
+                 * HT */
+                while (de) {
+                        uint64_t h;
+
+                        nextde = de->next;
+                        /* Get the index in the new hash table */
+                        h = dict_hash_key(d, de->key) & d->ht[1].size_mask;
+                        de->next = d->ht[1].table[h];
+                        d->ht[1].table[h] = de;
+                        d->ht[0].used--;
+                        d->ht[1].used++;
+                        de = nextde;
+                }
+                d->ht[0].table[d->rehash_index] = NULL;
+                d->rehash_index++;
+        }
+
+        /* Check if we already rehashed the whole table... */
+        if (d->ht[0].used == 0) {
+                free(d->ht[0].table);
+                d->ht[0] = d->ht[1];
+                _dict_reset(&d->ht[1]);
+                d->rehash_index = -1;
+                return 0;
+        }
+
+        /* More to rehash... */
+        return 1;
+}
+
+/* Rehash in ms+"delta" milliseconds. The value of "delta" is larger
+ * than 0, and is smaller than 1 in most cases. The exact upper bound
+ * depends on the running time of dict_rehash(d,100).*/
+int dict_rehash_milliseconds(dict_t *d, int ms)
+{
+        if (d->pause_rehash > 0)
+                return 0;
+
+        long long start = y_gettime();
+        int rehashes = 0;
+
+        while (dict_rehash(d, 100)) {
+                rehashes += 100;
+                if (y_gettime() - start > ms)
+                        break;
+        }
+        return rehashes;
+}
+
+/* This function performs just a step of rehashing, and only if hashing has
+ * not been paused for our hash table. When we have iterators in the
+ * middle of a rehashing we can't mess with the two hash tables otherwise
+ * some element can be missed or duplicated.
+ *
+ * This function is called by common lookup or update operations in the
+ * dictionary so that the hash table automatically migrates from H1 to H2
+ * while it is actively used. */
+static void _dict_rehash_step(dict_t *d)
+{
+        if (d->pause_rehash == 0)
+                dict_rehash(d, 1);
+}
+
+/* Add an element to the target hash table */
+int dict_add(dict_t *d, void *key, void *val)
+{
+        dict_entry_t *entry = dict_add_raw(d, key, NULL);
+
+        if (!entry)
+                return DICT_ERR;
+        dict_set_val(d, entry, val);
+        return DICT_OK;
+}
+
+/* Low level add or find:
+ * This function adds the entry but instead of setting a value returns the
+ * dict_entry_t structure to the user, that will make sure to fill the value
+ * field as they wish.
+ *
+ * This function is also directly exposed to the user API to be called
+ * mainly in order to store non-pointers inside the hash value, example:
+ *
+ * entry = dict_add_raw(dict_t,mykey,NULL);
+ * if (entry != NULL) dict_set_signed_integer_val(entry,1000);
+ *
+ * Return values:
+ *
+ * If key already exists NULL is returned, and "*existing" is populated
+ * with the existing entry if existing is not NULL.
+ *
+ * If key was added, the hash entry is returned to be manipulated by the caller.
+ */
+dict_entry_t *dict_add_raw(dict_t *d, void *key, dict_entry_t **existing)
+{
+        long index;
+        dict_entry_t *entry;
+        dict_hash_map_t *ht;
+
+        if (dict_is_rehashing(d))
+                _dict_rehash_step(d);
+
+        /* Get the index of the new element, or -1 if
+         * the element already exists. */
+        if ((index = _dict_key_index(d, key, dict_hash_key(d, key),
+                                     existing)) == -1)
+                return NULL;
+
+        /* Allocate the memory and store the new entry.
+         * Insert the element in top, with the assumption that in a database
+         * system it is more likely that recently added entries are accessed
+         * more frequently. */
+        ht = dict_is_rehashing(d) ? &d->ht[1] : &d->ht[0];
+        entry = (dict_entry_t *)malloc(sizeof(*entry));
+        entry->next = ht->table[index];
+        ht->table[index] = entry;
+        ht->used++;
+
+        /* Set the hash entry fields. */
+        dict_set_key(d, entry, key);
+        return entry;
+}
+
+/* Add or Overwrite:
+ * Add an element, discarding the old value if the key already exists.
+ * Return 1 if the key was added from scratch, 0 if there was already an
+ * element with such key and dict_replace() just performed a value update
+ * operation. */
+int dict_replace(dict_t *d, void *key, void *val)
+{
+        dict_entry_t *entry, *existing, auxentry;
+
+        /* Try to add the element. If the key
+         * does not exists dict_add will succeed. */
+        entry = dict_add_raw(d, key, &existing);
+        if (entry) {
+                dict_set_val(d, entry, val);
+                return 1;
+        }
+
+        /* Set the new value and free the old one. Note that it is important
+         * to do that in this order, as the value may just be exactly the same
+         * as the previous one. In this context, think to reference counting,
+         * you want to increment (set), and then decrement (free), and not the
+         * reverse. */
+        auxentry = *existing;
+        dict_set_val(d, existing, val);
+        dict_free_val(d, &auxentry);
+        return 0;
+}
+
+/* Add or Find:
+ * dict_add_or_find() is simply a version of dict_add_raw() that always
+ * returns the hash entry of the specified key, even if the key already
+ * exists and can't be added (in that case the entry of the already
+ * existing key is returned.)
+ *
+ * See dict_add_raw() for more information. */
+dict_entry_t *dict_add_or_find(dict_t *d, void *key)
+{
+        dict_entry_t *entry, *existing;
+        entry = dict_add_raw(d, key, &existing);
+        return entry ? entry : existing;
+}
+
+/* Search and remove an element. This is a helper function for
+ * dict_delete() and dict_unlink(), please check the top comment
+ * of those functions. */
+static dict_entry_t *dict_generic_delete(dict_t *d, const void *key, int nofree)
+{
+        uint64_t h, idx;
+        dict_entry_t *he, *prevHe;
+        int table;
+
+        /* dict_t is empty */
+        if (dict_size(d) == 0)
+                return NULL;
+
+        if (dict_is_rehashing(d))
+                _dict_rehash_step(d);
+        h = dict_hash_key(d, key);
+
+        for (table = 0; table <= 1; table++) {
+                idx = h & d->ht[table].size_mask;
+                he = d->ht[table].table[idx];
+                prevHe = NULL;
+                while (he) {
+                        if (key == he->key ||
+                            dict_compare_keys(d, key, he->key)) {
+                                /* Unlink the element from the list */
+                                if (prevHe)
+                                        prevHe->next = he->next;
+                                else
+                                        d->ht[table].table[idx] = he->next;
+                                if (!nofree) {
+                                        dict_free_unlinked_entry(d, he);
+                                }
+                                d->ht[table].used--;
+                                return he;
+                        }
+                        prevHe = he;
+                        he = he->next;
+                }
+                if (!dict_is_rehashing(d))
+                        break;
+        }
+        return NULL; /* not found */
+}
+
+/* Remove an element, returning DICT_OK on success or DICT_ERR if the
+ * element was not found. */
+int dict_delete(dict_t *ht, const void *key)
+{
+        return dict_generic_delete(ht, key, 0) ? DICT_OK : DICT_ERR;
+}
+
+/* Remove an element from the table, but without actually releasing
+ * the key, value and dictionary entry. The dictionary entry is returned
+ * if the element was found (and unlinked from the table), and the user
+ * should later call `dict_free_unlinked_entry()` with it in order to destroy
+ * it. Otherwise if the key is not found, NULL is returned.
+ *
+ * This function is useful when we want to remove something from the hash
+ * table but want to use its value before actually deleting the entry.
+ * Without this function the pattern would require two lookups:
+ *
+ *  entry = dict_find(...);
+ *  // Do something with entry
+ *  dict_delete(dictionary,entry);
+ *
+ * Thanks to this function it is possible to avoid this, and use
+ * instead:
+ *
+ * entry = dict_unlink(dictionary,entry);
+ * // Do something with entry
+ * dict_free_unlinked_entry(entry); // <- This does not need to lookup again.
+ */
+dict_entry_t *dict_unlink(dict_t *ht, const void *key)
+{
+        return dict_generic_delete(ht, key, 1);
+}
+
+/* You need to call this function to really free the entry after a call
+ * to dict_unlink(). It's safe to call this function with 'he' = NULL. */
+void dict_free_unlinked_entry(dict_t *d, dict_entry_t *he)
+{
+        if (he == NULL)
+                return;
+        dict_free_key(d, he);
+        dict_free_val(d, he);
+        free(he);
+}
+
+/* Destroy an entire dictionary */
+int _dict_clear(dict_t *d, dict_hash_map_t *ht, void(callback)(void *))
+{
+        unsigned long i;
+
+        /* Free all the elements */
+        for (i = 0; i < ht->size && ht->used > 0; i++) {
+                dict_entry_t *he, *nextHe;
+
+                if (callback && (i & 65535) == 0)
+                        callback(d->priv_data);
+
+                if ((he = ht->table[i]) == NULL)
+                        continue;
+                while (he) {
+                        nextHe = he->next;
+                        dict_free_key(d, he);
+                        dict_free_val(d, he);
+                        free(he);
+                        ht->used--;
+                        he = nextHe;
+                }
+        }
+        /* Free the table and the allocated cache structure */
+        free(ht->table);
+        /* Re-initialize the table */
+        _dict_reset(ht);
+        return DICT_OK; /* never fails */
+}
+
+/* Clear & Release the hash table */
+void dict_destroy(dict_t *d)
+{
+        _dict_clear(d, &d->ht[0], NULL);
+        _dict_clear(d, &d->ht[1], NULL);
+        free(d);
+}
+
+dict_entry_t *dict_find(dict_t *d, const void *key)
+{
+        dict_entry_t *he;
+        uint64_t h, idx, table;
+
+        if (dict_size(d) == 0)
+                return NULL; /* dict_t is empty */
+        if (dict_is_rehashing(d))
+                _dict_rehash_step(d);
+        h = dict_hash_key(d, key);
+        for (table = 0; table <= 1; table++) {
+                idx = h & d->ht[table].size_mask;
+                he = d->ht[table].table[idx];
+                while (he) {
+                        if (key == he->key ||
+                            dict_compare_keys(d, key, he->key))
+                                return he;
+                        he = he->next;
+                }
+                if (!dict_is_rehashing(d))
+                        return NULL;
+        }
+        return NULL;
+}
+
+void *dict_fetch_value(dict_t *d, const void *key)
+{
+        dict_entry_t *he;
+
+        he = dict_find(d, key);
+        return he ? dict_get_val(he) : NULL;
+}
+
+/* A fingerprint is a 64 bit number that represents the state of the dictionary
+ * at a given time, it's just a few dict_t properties xored together.
+ * When an unsafe iterator is initialized, we get the dict_t fingerprint, and
+ * check the fingerprint again when the iterator is destroyd. If the two
+ * fingerprints are different it means that the user of the iterator performed
+ * forbidden operations against the dictionary while iterating. */
+long long dict_fingerprint(dict_t *d)
+{
+        long long integers[6], hash = 0;
+        int j;
+
+        integers[0] = (long)(long long)d->ht[0].table;
+        integers[1] = d->ht[0].size;
+        integers[2] = d->ht[0].used;
+        integers[3] = (long)(long long)d->ht[1].table;
+        integers[4] = d->ht[1].size;
+        integers[5] = d->ht[1].used;
+
+        /* We hash N integers by summing every successive integer with the
+         * integer hashing of the previous sum. Basically:
+         *
+         * Result = hash(hash(hash(int1)+int2)+int3) ...
+         *
+         * This way the same set of integers in a different order will (likely)
+         * hash to a different number. */
+        for (j = 0; j < 6; j++) {
+                hash += integers[j];
+                /* For the hashing step we use Tomas Wang's 64 bit integer hash.
+                 */
+                hash = (~hash) +
+                       (hash << 21);    // hash = (hash << 21) - hash - 1;
+                hash = hash ^ (hash >> 24);
+                hash = (hash + (hash << 3)) + (hash << 8);    // hash * 265
+                hash = hash ^ (hash >> 14);
+                hash = (hash + (hash << 2)) + (hash << 4);    // hash * 21
+                hash = hash ^ (hash >> 28);
+                hash = hash + (hash << 31);
+        }
+        return hash;
+}
+
+dict_iterator_t *dict_get_iterator(dict_t *d)
+{
+        dict_iterator_t *iter = (dict_iterator_t *)malloc(sizeof(*iter));
+        if (iter == NULL)
+                return NULL;
+        iter->d = d;
+        iter->table = 0;
+        iter->index = -1;
+        iter->safe = 0;
+        iter->entry = NULL;
+        iter->next_entry = NULL;
+        return iter;
+}
+
+dict_iterator_t *dict_get_safe_iterator(dict_t *d)
+{
+        dict_iterator_t *i = dict_get_iterator(d);
+
+        i->safe = 1;
+        return i;
+}
+
+dict_entry_t *dict_next(dict_iterator_t *iter)
+{
+        while (1) {
+                if (iter->entry == NULL) {
+                        dict_hash_map_t *ht = &iter->d->ht[iter->table];
+                        if (iter->index == -1 && iter->table == 0) {
+                                if (iter->safe)
+                                        dict_pause_rehashing(iter->d);
+                                else
+                                        iter->fingerprint =
+                                            dict_fingerprint(iter->d);
+                        }
+                        iter->index++;
+                        if (iter->index >= (long)ht->size) {
+                                if (dict_is_rehashing(iter->d) &&
+                                    iter->table == 0) {
+                                        iter->table++;
+                                        iter->index = 0;
+                                        ht = &iter->d->ht[1];
+                                } else {
+                                        break;
+                                }
+                        }
+                        iter->entry = ht->table[iter->index];
+                } else {
+                        iter->entry = iter->next_entry;
+                }
+                if (iter->entry) {
+                        /* We need to save the 'next' here, the iterator user
+                         * may delete the entry we are returning. */
+                        iter->next_entry = iter->entry->next;
+                        return iter->entry;
+                }
+        }
+        return NULL;
+}
+
+void dict_destroy_iterator(dict_iterator_t *iter)
+{
+        if (!(iter->index == -1 && iter->table == 0)) {
+                if (iter->safe)
+                        dict_resume_rehashing(iter->d);
+                else
+                        assert(iter->fingerprint == dict_fingerprint(iter->d));
+        }
+        free(iter);
+}
+
+/* Return a random entry from the hash table. Useful to
+ * implement randomized algorithms */
+dict_entry_t *dict_get_random_key(dict_t *d)
+{
+        dict_entry_t *he, *orighe;
+        unsigned long h;
+        int listlen, listele;
+
+        if (dict_size(d) == 0)
+                return NULL;
+        if (dict_is_rehashing(d))
+                _dict_rehash_step(d);
+        if (dict_is_rehashing(d)) {
+                do {
+                        /* We are sure there are no elements in indexes from 0
+                         * to rehash_index-1 */
+                        h = d->rehash_index +
+                            (random_u_long() %
+                             (dict_slots(d) - d->rehash_index));
+                        he = (h >= d->ht[0].size)
+                                 ? d->ht[1].table[h - d->ht[0].size]
+                                 : d->ht[0].table[h];
+                } while (he == NULL);
+        } else {
+                do {
+                        h = random_u_long() & d->ht[0].size_mask;
+                        he = d->ht[0].table[h];
+                } while (he == NULL);
+        }
+
+        /* Now we found a non empty bucket, but it is a linked
+         * list and we need to get a random element from the list.
+         * The only sane way to do so is counting the elements and
+         * select a random index. */
+        listlen = 0;
+        orighe = he;
+        while (he) {
+                he = he->next;
+                listlen++;
+        }
+        listele = rand() % listlen;
+        he = orighe;
+        while (listele--) he = he->next;
+        return he;
+}
+
+/* This function samples the dictionary to return a few keys from random
+ * locations.
+ *
+ * It does not guarantee to return all the keys specified in 'count', nor
+ * it does guarantee to return non-duplicated elements, however it will make
+ * some effort to do both things.
+ *
+ * Returned pointers to hash table entries are stored into 'des' that
+ * points to an array of dict_entry_t pointers. The array must have room for
+ * at least 'count' elements, that is the argument we pass to the function
+ * to tell how many random elements we need.
+ *
+ * The function returns the number of entrys stored into 'des', that may
+ * be less than 'count' if the hash table has less than 'count' elements
+ * inside, or if not enough elements were found in a reasonable amount of
+ * steps.
+ *
+ * Note that this function is not suitable when you need a good distribution
+ * of the returned entrys, but only when you need to "sample" a given number
+ * of continuous elements to run some kind of algorithm or to produce
+ * statistics. However the function is much faster than dict_get_random_key()
+ * at producing N elements. */
+unsigned int dict_get_some_keys(dict_t *d, dict_entry_t **des,
+                                unsigned int count)
+{
+        unsigned long j;      /* internal hash table id, 0 or 1. */
+        unsigned long tables; /* 1 or 2 tables? */
+        unsigned long stored = 0, maxsizemask;
+        unsigned long maxsteps;
+
+        if (dict_size(d) < count)
+                count = dict_size(d);
+        maxsteps = count * 10;
+
+        /* Try to do a rehashing work proportional to 'count'. */
+        for (j = 0; j < count; j++) {
+                if (dict_is_rehashing(d))
+                        _dict_rehash_step(d);
+                else
+                        break;
+        }
+
+        tables = dict_is_rehashing(d) ? 2 : 1;
+        maxsizemask = d->ht[0].size_mask;
+        if (tables > 1 && maxsizemask < d->ht[1].size_mask)
+                maxsizemask = d->ht[1].size_mask;
+
+        /* Pick a random point inside the larger table. */
+        unsigned long i = random_u_long() & maxsizemask;
+        unsigned long emptylen = 0; /* Continuous empty entries so far. */
+        while (stored < count && maxsteps--) {
+                for (j = 0; j < tables; j++) {
+                        /* Invariant of the dict_t.c rehashing: up to the
+                         * indexes already visited in ht[0] during the
+                         * rehashing, there are no populated
+                         * buckets, so we can skip ht[0] for indexes between 0
+                         * and idx-1. */
+                        if (tables == 2 && j == 0 &&
+                            i < (unsigned long)d->rehash_index) {
+                                /* Moreover, if we are currently out of range in
+                                 * the second table, there will be no elements
+                                 * in both tables up to the current rehashing
+                                 * index, so we jump if possible.
+                                 * (this happens when going from big to small
+                                 * table). */
+                                if (i >= d->ht[1].size)
+                                        i = d->rehash_index;
+                                else
+                                        continue;
+                        }
+                        if (i >= d->ht[j].size)
+                                continue; /* Out of range for this table. */
+                        dict_entry_t *he = d->ht[j].table[i];
+
+                        /* Count contiguous empty buckets, and jump to other
+                         * locations if they reach 'count' (with a minimum of
+                         * 5). */
+                        if (he == NULL) {
+                                emptylen++;
+                                if (emptylen >= 5 && emptylen > count) {
+                                        i = random_u_long() & maxsizemask;
+                                        emptylen = 0;
+                                }
+                        } else {
+                                emptylen = 0;
+                                while (he) {
+                                        /* Collect all the elements of the
+                                         * buckets found non empty while
+                                         * iterating. */
+                                        *des = he;
+                                        des++;
+                                        he = he->next;
+                                        stored++;
+                                        if (stored == count)
+                                                return stored;
+                                }
+                        }
+                }
+                i = (i + 1) & maxsizemask;
+        }
+        return stored;
+}
+
+/* This is like dict_get_random_key() from the POV of the API, but will do more
+ * work to ensure a better distribution of the returned element.
+ *
+ * This function improves the distribution because the dict_get_random_key()
+ * problem is that it selects a random bucket, then it selects a random
+ * element from the chain in the bucket. However elements being in different
+ * chain lengths will have different probabilities of being reported. With
+ * this function instead what we do is to consider a "linear" range of the table
+ * that may be constituted of N buckets with chains of different lengths
+ * appearing one after the other. Then we report a random element in the range.
+ * In this way we smooth away the problem of different chain lengths. */
+#define GETFAIR_NUM_ENTRIES 15
+dict_entry_t *dict_get_fair_random_key(dict_t *d)
+{
+        dict_entry_t *entries[GETFAIR_NUM_ENTRIES];
+        unsigned int count =
+            dict_get_some_keys(d, entries, GETFAIR_NUM_ENTRIES);
+        /* Note that dict_get_some_keys() may return zero elements in an unlucky
+         * run() even if there are actually elements inside the hash table. So
+         * when we get zero, we call the true dict_get_random_key() that will
+         * always yield the element if the hash table has at least one. */
+        if (count == 0)
+                return dict_get_random_key(d);
+        unsigned int idx = rand() % count;
+        return entries[idx];
+}
+
+/* Function to reverse bits. Algorithm from:
+ * http://graphics.stanford.edu/~seander/bithacks.html#ReverseParallel */
+static unsigned long rev(unsigned long v)
+{
+        unsigned long s =
+            CHAR_BIT * sizeof(v);    // bit size; must be power of 2
+        unsigned long mask = ~0UL;
+        while ((s >>= 1) > 0) {
+                mask ^= (mask << s);
+                v = ((v >> s) & mask) | ((v << s) & ~mask);
+        }
+        return v;
+}
+
+/* dict_scan() is used to iterate over the elements of a dictionary.
+ *
+ * Iterating works the following way:
+ *
+ * 1) Initially you call the function using a cursor (v) value of 0.
+ * 2) The function performs one step of the iteration, and returns the
+ *    new cursor value you must use in the next call.
+ * 3) When the returned cursor is 0, the iteration is complete.
+ *
+ * The function guarantees all elements present in the
+ * dictionary get returned between the start and end of the iteration.
+ * However it is possible some elements get returned multiple times.
+ *
+ * For every element returned, the callback argument 'fn' is
+ * called with 'priv_data' as first argument and the dictionary entry
+ * 'de' as second argument.
+ *
+ * HOW IT WORKS.
+ *
+ * The iteration algorithm was designed by Pieter Noordhuis.
+ * The main idea is to increment a cursor starting from the higher order
+ * bits. That is, instead of incrementing the cursor normally, the bits
+ * of the cursor are reversed, then the cursor is incremented, and finally
+ * the bits are reversed again.
+ *
+ * This strategy is needed because the hash table may be resized between
+ * iteration calls.
+ *
+ * dict.c hash tables are always power of two in size, and they
+ * use chaining, so the position of an element in a given table is given
+ * by computing the bitwise AND between _hash(key) and SIZE-1
+ * (where SIZE-1 is always the mask that is equivalent to taking the rest
+ *  of the division between the _hash of the key and SIZE).
+ *
+ * For example if the current hash table size is 16, the mask is
+ * (in binary) 1111. The position of a key in the hash table will always be
+ * the last four bits of the hash output, and so forth.
+ *
+ * WHAT HAPPENS IF THE TABLE CHANGES IN SIZE?
+ *
+ * If the hash table grows, elements can go anywhere in one multiple of
+ * the old bucket: for example let's say we already iterated with
+ * a 4 bit cursor 1100 (the mask is 1111 because hash table size = 16).
+ *
+ * If the hash table will be resized to 64 elements, then the new mask will
+ * be 111111. The new buckets you obtain by substituting in ??1100
+ * with either 0 or 1 can be targeted only by keys we already visited
+ * when scanning the bucket 1100 in the smaller hash table.
+ *
+ * By iterating the higher bits first, because of the inverted counter, the
+ * cursor does not need to restart if the table size gets bigger. It will
+ * continue iterating using cursors without '1100' at the end, and also
+ * without any other combination of the final 4 bits already explored.
+ *
+ * Similarly when the table size shrinks over time, for example going from
+ * 16 to 8, if a combination of the lower three bits (the mask for size 8
+ * is 111) were already completely explored, it would not be visited again
+ * because we are sure we tried, for example, both 0111 and 1111 (all the
+ * variations of the higher bit) so we don't need to test it again.
+ *
+ * WAIT... YOU HAVE *TWO* TABLES DURING REHASHING!
+ *
+ * Yes, this is true, but we always iterate the smaller table first, then
+ * we test all the expansions of the current cursor into the larger
+ * table. For example if the current cursor is 101 and we also have a
+ * larger table of size 16, we also test (0)101 and (1)101 inside the larger
+ * table. This reduces the problem back to having only one table, where
+ * the larger one, if it exists, is just an expansion of the smaller one.
+ *
+ * LIMITATIONS
+ *
+ * This iterator is completely stateless, and this is a huge advantage,
+ * including no additional memory used.
+ *
+ * The disadvantages resulting from this design are:
+ *
+ * 1) It is possible we return elements more than once. However this is usually
+ *    easy to deal with in the application level.
+ * 2) The iterator must return multiple elements per call, as it needs to always
+ *    return all the keys chained in a given bucket, and all the expansions, so
+ *    we are sure we don't miss keys moving during rehashing.
+ * 3) The reverse cursor is somewhat hard to understand at first, but this
+ *    comment is supposed to help.
+ */
+unsigned long dict_scan(dict_t *d, unsigned long v, dict_scan_function *fn,
+                        dict_scan_bucket_function *bucketfn, void *priv_data)
+{
+        dict_hash_map_t *t0, *t1;
+        const dict_entry_t *de, *next;
+        unsigned long m0, m1;
+
+        if (dict_size(d) == 0)
+                return 0;
+
+        /* This is needed in case the scan callback tries to do dict_find or
+         * alike. */
+        dict_pause_rehashing(d);
+
+        if (!dict_is_rehashing(d)) {
+                t0 = &(d->ht[0]);
+                m0 = t0->size_mask;
+
+                /* Emit entries at cursor */
+                if (bucketfn)
+                        bucketfn(priv_data, &t0->table[v & m0]);
+                de = t0->table[v & m0];
+                while (de) {
+                        next = de->next;
+                        fn(priv_data, de);
+                        de = next;
+                }
+
+                /* Set unmasked bits so incrementing the reversed cursor
+                 * operates on the masked bits */
+                v |= ~m0;
+
+                /* Increment the reverse cursor */
+                v = rev(v);
+                v++;
+                v = rev(v);
+        } else {
+                t0 = &d->ht[0];
+                t1 = &d->ht[1];
+
+                /* Make sure t0 is the smaller and t1 is the bigger table */
+                if (t0->size > t1->size) {
+                        t0 = &d->ht[1];
+                        t1 = &d->ht[0];
+                }
+
+                m0 = t0->size_mask;
+                m1 = t1->size_mask;
+
+                /* Emit entries at cursor */
+                if (bucketfn)
+                        bucketfn(priv_data, &t0->table[v & m0]);
+                de = t0->table[v & m0];
+                while (de) {
+                        next = de->next;
+                        fn(priv_data, de);
+                        de = next;
+                }
+
+                /* Iterate over indices in larger table that are the expansion
+                 * of the index pointed to by the cursor in the smaller table */
+                do {
+                        /* Emit entries at cursor */
+                        if (bucketfn)
+                                bucketfn(priv_data, &t1->table[v & m1]);
+                        de = t1->table[v & m1];
+                        while (de) {
+                                next = de->next;
+                                fn(priv_data, de);
+                                de = next;
+                        }
+
+                        /* Increment the reverse cursor not covered by the
+                         * smaller mask.*/
+                        v |= ~m1;
+                        v = rev(v);
+                        v++;
+                        v = rev(v);
+
+                        /* Continue while bits covered by mask difference is
+                         * non-zero */
+                } while (v & (m0 ^ m1));
+        }
+
+        dict_resume_rehashing(d);
+
+        return v;
+}
+
+/* ------------------------- private functions ------------------------------ */
+
+/* Because we may need to allocate huge memory chunk at once when dict_t
+ * expands, we will check this allocation is allowed or not if the dict_t
+ * type has _expand_allowed member function. */
+static int dict_type_expand_allowed(dict_t *d)
+{
+        if (d->type->expand_allowed == NULL)
+                return 1;
+        return d->type->expand_allowed(
+            _dict_next_power(d->ht[0].used + 1) * sizeof(dict_entry_t *),
+            (double)d->ht[0].used / d->ht[0].size);
+}
+
+/* Expand the hash table if needed */
+static int _dict_expand_if_needed(dict_t *d)
+{
+        /* Incremental rehashing already in progress. Return. */
+        if (dict_is_rehashing(d))
+                return DICT_OK;
+
+        /* If the hash table is empty expand it to the initial size. */
+        if (d->ht[0].size == 0)
+                return dict_expand(d, DICT_HT_INITIAL_SIZE);
+
+        /* If we reached the 1:1 ratio, and we are allowed to resize the hash
+         * table (global setting) or we should avoid it but the ratio between
+         * elements/buckets is over the "safe" threshold, we resize doubling
+         * the number of buckets. */
+        if (d->ht[0].used >= d->ht[0].size &&
+            (dict_can_resize ||
+             d->ht[0].used / d->ht[0].size > dict_force_resize_ratio) &&
+            dict_type_expand_allowed(d)) {
+                return dict_expand(d, d->ht[0].used + 1);
+        }
+        return DICT_OK;
+}
+
+/* Our hash table capability is a power of two */
+static unsigned long _dict_next_power(unsigned long size)
+{
+        unsigned long i = DICT_HT_INITIAL_SIZE;
+
+        if (size >= LONG_MAX)
+                return LONG_MAX + 1LU;
+        while (1) {
+                if (i >= size)
+                        return i;
+                i *= 2;
+        }
+}
+
+/* Returns the index of a free slot that can be populated with
+ * a hash entry for the given 'key'.
+ * If the key already exists, -1 is returned
+ * and the optional output parameter may be filled.
+ *
+ * Note that if we are in the process of rehashing the hash table, the
+ * index is always returned in the context of the second (new) hash table. */
+static long _dict_key_index(dict_t *d, const void *key, uint64_t hash,
+                            dict_entry_t **existing)
+{
+        unsigned long idx, table;
+        dict_entry_t *he;
+        if (existing)
+                *existing = NULL;
+
+        /* Expand the hash table if needed */
+        if (_dict_expand_if_needed(d) == DICT_ERR)
+                return -1;
+        for (table = 0; table <= 1; table++) {
+                idx = hash & d->ht[table].size_mask;
+                /* Search if this slot does not already contain the given key */
+                he = d->ht[table].table[idx];
+                while (he) {
+                        if (key == he->key ||
+                            dict_compare_keys(d, key, he->key)) {
+                                if (existing)
+                                        *existing = he;
+                                return -1;
+                        }
+                        he = he->next;
+                }
+                if (!dict_is_rehashing(d))
+                        break;
+        }
+        return idx;
+}
+
+void dict_empty(dict_t *d, void(callback)(void *))
+{
+        _dict_clear(d, &d->ht[0], callback);
+        _dict_clear(d, &d->ht[1], callback);
+        d->rehash_index = -1;
+        d->pause_rehash = 0;
+}
+
+void dict_enable_resize(void)
+{
+        dict_can_resize = 1;
+}
+
+void dict_disable_resize(void)
+{
+        dict_can_resize = 0;
+}
+
+uint64_t dict_get_hash(dict_t *d, const void *key)
+{
+        return dict_hash_key(d, key);
+}
+
+/* Finds the dict_entry_t reference by using pointer and pre-calculated hash.
+ * oldkey is a dead pointer and should not be accessed.
+ * the hash value should be provided using dict_get_hash.
+ * no string / key comparison is performed.
+ * return value is the reference to the dict_entry_t if found, or NULL if not
+ * found. */
+dict_entry_t **dict_find_entry_ref_by_ptr_and_hash(dict_t *d,
+                                                   const void *old_ptr,
+                                                   uint64_t hash)
+{
+        dict_entry_t *he, **heref;
+        unsigned long idx, table;
+
+        if (dict_size(d) == 0)
+                return NULL; /* dict_t is empty */
+        for (table = 0; table <= 1; table++) {
+                idx = hash & d->ht[table].size_mask;
+                heref = &d->ht[table].table[idx];
+                he = *heref;
+                while (he) {
+                        if (old_ptr == he->key)
+                                return heref;
+                        heref = &he->next;
+                        he = *heref;
+                }
+                if (!dict_is_rehashing(d))
+                        return NULL;
+        }
+        return NULL;
+}
+
+/* ------------------------------- Debugging ---------------------------------*/
+
+#define DICT_STATS_VECTLEN 50
+size_t _dict_get_stats_ht(char *buf, size_t buf_size, dict_hash_map_t *ht,
+                          int tableid)
+{
+        unsigned long i, slots = 0, chainlen, maxchainlen = 0;
+        unsigned long totchainlen = 0;
+        unsigned long clvector[DICT_STATS_VECTLEN];
+        size_t l = 0;
+
+        if (ht->used == 0) {
+                return snprintf(buf, buf_size,
+                                "No stats available for empty dictionaries\n");
+        }
+
+        /* Compute stats. */
+        for (i = 0; i < DICT_STATS_VECTLEN; i++) clvector[i] = 0;
+        for (i = 0; i < ht->size; i++) {
+                dict_entry_t *he;
+
+                if (ht->table[i] == NULL) {
+                        clvector[0]++;
+                        continue;
+                }
+                slots++;
+                /* For each hash entry on this slot... */
+                chainlen = 0;
+                he = ht->table[i];
+                while (he) {
+                        chainlen++;
+                        he = he->next;
+                }
+                clvector[(chainlen < DICT_STATS_VECTLEN)
+                             ? chainlen
+                             : (DICT_STATS_VECTLEN - 1)]++;
+                if (chainlen > maxchainlen)
+                        maxchainlen = chainlen;
+                totchainlen += chainlen;
+        }
+
+        /* Generate human readable stats. */
+        l += snprintf(buf + l, buf_size - l,
+                      "_hash table %d stats (%s):\n"
+                      " table size: %lu\n"
+                      " number of elements: %lu\n"
+                      " different slots: %lu\n"
+                      " max chain length: %lu\n"
+                      " avg chain length (counted): %.02f\n"
+                      " avg chain length (computed): %.02f\n"
+                      " Chain length distribution:\n",
+                      tableid,
+                      (tableid == 0) ? "main hash table" : "rehashing target",
+                      ht->size, ht->used, slots, maxchainlen,
+                      (float)totchainlen / slots, (float)ht->used / slots);
+
+        for (i = 0; i < DICT_STATS_VECTLEN - 1; i++) {
+                if (clvector[i] == 0)
+                        continue;
+                if (l >= buf_size)
+                        break;
+                l += snprintf(
+                    buf + l, buf_size - l, "   %s%ld: %ld (%.02f%%)\n",
+                    (i == DICT_STATS_VECTLEN - 1) ? ">= " : "", i, clvector[i],
+                    ((float)clvector[i] / ht->size) * 100);
+        }
+
+        /* Unlike snprintf(), return the number of characters actually written.
+         */
+        if (buf_size)
+                buf[buf_size - 1] = '\0';
+        return strlen(buf);
+}
+
+void dict_get_stats(char *buf, size_t buf_size, dict_t *d)
+{
+        size_t l;
+        char *orig_buf = buf;
+        size_t orig_bufsize = buf_size;
+
+        l = _dict_get_stats_ht(buf, buf_size, &d->ht[0], 0);
+        buf += l;
+        buf_size -= l;
+        if (dict_is_rehashing(d) && buf_size > 0) {
+                _dict_get_stats_ht(buf, buf_size, &d->ht[1], 1);
+        }
+        /* Make sure there is a NULL term at the end. */
+        if (orig_bufsize)
+                orig_buf[orig_bufsize - 1] = '\0';
+}
+
+uint64_t dict_string_hash(const void *key)
+{
+        return dict_gen_hash_function(key, (int)strlen((const char *)key));
+}
+
+int dict_string_key_compare(void *privdata, const void *key1, const void *key2)
+{
+        dict_not_used(privdata);
+        return strcmp((const char *)key1, (const char *)key2) == 0;
+}
+
+void *dict_string_key_dup(void *privdata, const void *key)
+{
+        dict_not_used(privdata);
+        char *newkey =
+            (char *)malloc((strlen((const char *)key) + 1) * sizeof(char));
+        if (newkey == NULL)
+                return NULL;
+        strcpy((char *)newkey, (const char *)key);
+        return newkey;
+}
+
+void dict_string_key_destructor(void *privdata, void *key)
+{
+        dict_not_used(privdata);
+        free(key);
+}
+
+void dict_init_string_key_type(dict_type_t *t)
+{
+        t->hash_function = dict_string_hash;
+        t->key_dup = NULL;
+        t->val_dup = NULL;
+        t->key_compare = dict_string_key_compare;
+        t->key_destructor = NULL;
+        t->val_destructor = NULL;
+        t->expand_allowed = NULL;
+}
+
+void dict_init_string_copy_key_type(dict_type_t *t)
+{
+        t->hash_function = dict_string_hash;
+        t->key_dup = dict_string_key_dup;
+        t->val_dup = NULL;
+        t->key_compare = dict_string_key_compare;
+        t->key_destructor = dict_string_key_destructor;
+        t->val_destructor = NULL;
+        t->expand_allowed = 0;
+        t->expand_allowed = NULL;
+}
diff --git a/lib/yutil/src/dirent_linux.c b/lib/yutil/src/dirent_linux.c
new file mode 100644
index 000000000..51533ca96
--- /dev/null
+++ b/lib/yutil/src/dirent_linux.c
@@ -0,0 +1,155 @@
+/* dirent.c -- Directory entry operation set.
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+#include <stdio.h>
+#include <stdlib.h>
+#include <errno.h>
+#include <locale.h>
+#include <wchar.h>
+#ifndef _WIN32
+#include <dirent.h>
+#include "yutil/keywords.h"
+#include "yutil/dirent.h"
+#include "yutil/encoding.h"
+
+#define DIRENT_MAX_LEN 4096
+
+typedef DIR *dir_handle_t;
+
+struct dir_entry_t {
+        struct dirent dirent;
+        wchar_t name[DIRENT_MAX_LEN];
+};
+struct dir_t {
+        dir_handle_t handle;
+        dir_entry_t entry;
+        int cached;
+};
+
+dir_t *dir_create()
+{
+        dir_t *dir = (dir_t *)malloc(sizeof(dir_t));
+        dir_entry_t t = { 0 };
+        dir->cached = 0;
+        dir->entry = t;
+        dir->handle = NULL;
+        return dir;
+}
+
+void dir_destroy(dir_t *dir)
+{
+        free(dir);
+}
+
+int dir_open_a(const char *path, dir_t *dir)
+{
+        dir->handle = opendir(path);
+        if (!dir->handle) {
+                return -1;
+        }
+        return 0;
+}
+
+int dir_open_w(const wchar_t *path, dir_t *dir)
+{
+        int len;
+        char *newpath;
+
+        len = encode_utf8(NULL, path, 0) + 1;
+        newpath = malloc(len * sizeof(wchar_t));
+        encode_utf8(newpath, path, len);
+
+        dir->handle = opendir(newpath);
+        free(newpath);
+        if (!dir->handle) {
+                return -1;
+        }
+        return 0;
+}
+
+dir_entry_t *dir_read_a(dir_t *dir)
+{
+        int len;
+        struct dirent *d;
+        d = readdir(dir->handle);
+        if (!d) {
+                return NULL;
+        }
+        dir->entry.dirent = *d;
+        len = sizeof(d->d_name);
+        if (len >= DIRENT_MAX_LEN) {
+                return NULL;
+        }
+        dir->entry.name[len] = 0;
+        return &dir->entry;
+}
+
+dir_entry_t *dir_read_w(dir_t *dir)
+{
+        int len;
+        struct dirent *d;
+        d = readdir(dir->handle);
+        if (!d) {
+                return NULL;
+        }
+        dir->entry.dirent = *d;
+        len = decode_utf8(dir->entry.name, d->d_name, DIRENT_MAX_LEN);
+        if (len >= DIRENT_MAX_LEN) {
+                return NULL;
+        }
+        dir->entry.name[len] = 0;
+        return &dir->entry;
+}
+
+int dir_close(dir_t *dir)
+{
+        return closedir(dir->handle);
+}
+
+char *dir_get_file_name_a(dir_entry_t *entry)
+{
+        return entry->dirent.d_name;
+}
+
+wchar_t *dir_get_file_name_w(dir_entry_t *entry)
+{
+        return entry->name;
+}
+
+int dir_entry_is_directory(dir_entry_t *entry)
+{
+        return entry->dirent.d_type == DT_DIR;
+}
+
+int dir_entry_is_regular(dir_entry_t *entry)
+{
+        return entry->dirent.d_type == DT_REG;
+}
+#endif
diff --git a/lib/yutil/src/dirent_win32.c b/lib/yutil/src/dirent_win32.c
new file mode 100644
index 000000000..b3405c09d
--- /dev/null
+++ b/lib/yutil/src/dirent_win32.c
@@ -0,0 +1,194 @@
+/* dirent_win32.c -- Directory entry operation set for windows.
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+
+#include <stdio.h>
+#include <stdlib.h>
+#ifdef _WIN32
+#include <windows.h>
+
+#include "yutil/keywords.h"
+#include "yutil/dirent.h"
+
+typedef HANDLE dir_handle_t;
+
+union dir_entry_t {
+	WIN32_FIND_DATAA data_a;
+	WIN32_FIND_DATAW data_w;
+};
+
+struct dir_t {
+	dir_handle_t handle;
+	dir_entry_t entry;
+	int cached;
+};
+
+dir_t *dir_create()
+{
+	dir_t *dir = (dir_t *)malloc(sizeof(dir_t));
+	dir_entry_t t = { 0 };
+	dir->cached = 0;
+	dir->entry = t;
+	dir->handle = NULL;
+	return dir;
+}
+
+void dir_destroy(dir_t *dir)
+{
+	free(dir);
+}
+
+int dir_open_a(const char *path, dir_t *dir)
+{
+	size_t len;
+	char *newpath;
+	char name[] = "\\*";
+
+	len = strlen(path) + 1;
+	newpath = (char *)malloc(len * sizeof(char) + sizeof(name));
+	if (newpath == NULL) {
+		return -ENOMEM;
+	}
+	strcpy(newpath, path);
+	strcpy(newpath + len - 1, name);
+	dir->handle = FindFirstFileA(newpath, &dir->entry.data_a);
+	free(newpath);
+	if (dir->handle == INVALID_HANDLE_VALUE) {
+		switch (GetLastError()) {
+		case ERROR_FILE_NOT_FOUND:
+			return -ENOENT;
+		case ERROR_ACCESS_DENIED:
+			return -EACCES;
+		default:
+			break;
+		}
+		return -1;
+	}
+	dir->cached = 1;
+
+	return 0;
+}
+
+int dir_open_w(const wchar_t *path, dir_t *dir)
+{
+	size_t len;
+	wchar_t *newpath;
+	wchar_t name[] = L"\\*";
+
+	len = wcslen(path) + 1;
+	newpath = (wchar_t *)malloc(len * sizeof(wchar_t) + sizeof(name));
+	if (!newpath) {
+		return -ENOMEM;
+	}
+	wcscpy(newpath, path);
+	wcscpy(newpath + len - 1, name);
+	dir->handle = FindFirstFileW(newpath, &dir->entry.data_w);
+	free(newpath);
+	if (dir->handle == INVALID_HANDLE_VALUE) {
+		switch (GetLastError()) {
+		case ERROR_FILE_NOT_FOUND:
+			return -ENOENT;
+		case ERROR_ACCESS_DENIED:
+			return -EACCES;
+		default:
+			break;
+		}
+		return -1;
+	}
+	dir->cached = 1;
+
+	return 0;
+}
+
+dir_entry_t *dir_read_a(dir_t *dir)
+{
+	if (dir->handle == INVALID_HANDLE_VALUE) {
+		return NULL;
+	}
+	if (dir->cached) {
+		dir->cached = 0;
+		return &dir->entry;
+	}
+	if (FindNextFileA(dir->handle, &dir->entry.data_a)) {
+		return &dir->entry;
+	}
+	FindClose(dir->handle);
+	dir->handle = INVALID_HANDLE_VALUE;
+
+	return NULL;
+}
+
+dir_entry_t *dir_read_w(dir_t *dir)
+{
+	if (dir->handle == INVALID_HANDLE_VALUE) {
+		return NULL;
+	}
+	if (dir->cached) {
+		dir->cached = 0;
+		return &dir->entry;
+	}
+	if (FindNextFileW(dir->handle, &dir->entry.data_w)) {
+		return &dir->entry;
+	}
+	FindClose(dir->handle);
+	dir->handle = INVALID_HANDLE_VALUE;
+	return NULL;
+}
+
+int dir_close(dir_t *dir)
+{
+	if (!FindClose(dir->handle)) {
+		return -1;
+	}
+
+	return 0;
+}
+
+char *dir_get_file_name_a(dir_entry_t *entry)
+{
+	return entry->data_a.cFileName;
+}
+
+wchar_t *dir_get_file_name_w(dir_entry_t *entry)
+{
+	return entry->data_w.cFileName;
+}
+
+int dir_entry_is_directory(dir_entry_t *entry)
+{
+	return entry->data_w.dwFileAttributes & FILE_ATTRIBUTE_DIRECTORY;
+}
+
+int dir_entry_is_regular(dir_entry_t *entry)
+{
+	return !(entry->data_w.dwFileAttributes & FILE_ATTRIBUTE_DIRECTORY);
+}
+
+#endif
\ No newline at end of file
diff --git a/lib/yutil/src/encoding.c b/lib/yutil/src/encoding.c
new file mode 100644
index 000000000..56fb60d8a
--- /dev/null
+++ b/lib/yutil/src/encoding.c
@@ -0,0 +1,241 @@
+/*
+ * encoding.c -- String encoding/decoding utilities.
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+
+#include <wchar.h>
+#include <stdint.h>
+#include <stdio.h>
+#include <stdlib.h>
+#include <string.h>
+#include "yutil/keywords.h"
+#include "yutil/types.h"
+#include "yutil/encoding.h"
+
+/* clang-format off */
+
+#define MAX_SAVE_NUM 20
+
+#define UNI_SUR_HIGH_START  0xD800
+#define UNI_SUR_HIGH_END    0xDBFF
+#define UNI_SUR_LOW_START   0xDC00
+#define UNI_SUR_LOW_END     0xDFFF
+
+#define UNICODE_UTF8_4 0x1fffff
+
+/* clang-format on */
+
+#ifdef _WIN32
+#include <windows.h>
+
+static size_t win32_encode(char *str, const wchar_t *wcs, size_t maxlen,
+                           int codepage)
+{
+        size_t bytes;
+
+        bytes = WideCharToMultiByte(codepage, 0, wcs, -1, str, (int)maxlen,
+                                    NULL, NULL);
+        if (bytes > 0 && bytes < maxlen) {
+                bytes -= 1;
+        }
+        return bytes;
+}
+
+static size_t win32_decode(wchar_t *wcs, const char *str, size_t maxlen,
+                           int codepage)
+{
+        size_t len;
+
+        len = MultiByteToWideChar(codepage, 0, str, -1, wcs, (int)maxlen);
+        if (len > 0 && len < maxlen) {
+                len -= 1;
+        }
+        return len;
+}
+
+size_t decode_ansi(wchar_t *wstr, const char *str, size_t max_len)
+{
+        return win32_decode(wstr, str, max_len, CP_ACP);
+}
+
+size_t encode_ansi(char *str, const wchar_t *wstr, size_t max_len)
+{
+        return win32_encode(str, wstr, max_len, CP_ACP);
+}
+#endif
+
+static size_t utf8_to_ucs2(const char *utf8, wchar_t *ucs2)
+{
+        size_t i, count;
+        wchar_t unicode;
+        const unsigned char *byte;
+        unsigned char buf[MAX_SAVE_NUM] = { 0 };
+
+        byte = (unsigned char *)utf8;
+        if ((*byte >> 7) == 0) {
+                *ucs2 = *byte;
+                return 1;
+        }
+        if ((*byte >> 5) == 6) {
+                count = 2;
+        } else if ((*byte >> 4) == 14) {
+                count = 3;
+        } else if ((*byte >> 3) == 30) {
+                count = 4;
+        } else if ((*byte >> 2) == 62) {
+                count = 5;
+        } else if ((*byte >> 1) == 126) {
+                count = 6;
+        } else {
+                return 0;
+        }
+        for (i = 0; i < count; ++i) {
+                buf[i] = *byte++;
+        }
+        unicode = buf[0];
+        if (unicode >= 0xF0) {
+                unicode = (wchar_t)(buf[0] & 0x07) << 18;
+                unicode |= (wchar_t)(buf[1] & 0x3F) << 12;
+                unicode |= (wchar_t)(buf[2] & 0x3F) << 6;
+                unicode |= (wchar_t)(buf[3] & 0x3F);
+        } else if (unicode >= 0xE0) {
+                unicode = (wchar_t)(buf[0] & 0x0F) << 12;
+                unicode |= (wchar_t)(buf[1] & 0x3F) << 6;
+                unicode |= (wchar_t)(buf[2] & 0x3F);
+        } else if (unicode >= 0xC0) {
+                unicode = (wchar_t)(buf[0] & 0x1F) << 6;
+                unicode |= (wchar_t)(buf[1] & 0x3F);
+        }
+        *ucs2 = unicode;
+        return count;
+}
+
+static size_t ucs2_to_utf8(int32_t ucs2, unsigned char *utf8)
+{
+        utf8[0] = 0;
+        if (ucs2 < 0x80) {
+                utf8[0] = ucs2;
+                utf8[1] = '\0';
+                return 1;
+        }
+        if (ucs2 < 0x800) {
+                utf8[0] = (ucs2 >> 6) | 0xC0;
+                utf8[1] = (ucs2 & 0x3F) | 0x80;
+                utf8[2] = '\0';
+                return 2;
+        }
+        if (ucs2 < 0xFFFF) {
+                utf8[0] = ((ucs2 >> 12)) | 0xE0;
+                utf8[1] = ((ucs2 >> 6) & 0x3F) | 0x80;
+                utf8[2] = ((ucs2) & 0x3F) | 0x80;
+                utf8[3] = '\0';
+                if (ucs2 >= UNI_SUR_HIGH_START && ucs2 <= UNI_SUR_LOW_END) {
+                        return 0;
+                }
+                return 3;
+        }
+        if (ucs2 <= UNICODE_UTF8_4) {
+                utf8[0] = 0xF0 | (ucs2 >> 18);
+                utf8[1] = 0x80 | ((ucs2 >> 12) & 0x3F);
+                utf8[2] = 0x80 | ((ucs2 >> 6) & 0x3F);
+                utf8[3] = 0x80 | ((ucs2 & 0x3F));
+                utf8[4] = '\0';
+                return 4;
+        }
+        return 0;
+}
+
+size_t decode_utf8(wchar_t *wstr, const char *str, size_t max_len)
+{
+        size_t n;
+        size_t count = 0;
+        wchar_t buf;
+        wchar_t *wp = wstr;
+        const char *p = str;
+
+        if (wstr) {
+                while (*p) {
+                        count += 1;
+                        if (count > max_len) {
+                                count -= 1;
+                                break;
+                        }
+                        n = utf8_to_ucs2(p, wp);
+                        if (n > 0) {
+                                p += n;
+                                ++wp;
+                        } else {
+                                ++p;
+                        }
+                }
+                wstr[count] = 0;
+        } else {
+                while (*p) {
+                        n = utf8_to_ucs2(p, &buf);
+                        if (n > 0) {
+                                p += n;
+                        } else {
+                                ++p;
+                        }
+                        count += 1;
+                }
+        }
+        return count;
+}
+
+size_t encode_utf8(char *str, const wchar_t *wstr, size_t max_len)
+{
+        size_t n;
+        size_t count = 0;
+        char *p = str;
+        unsigned char buf[MAX_SAVE_NUM] = { 0 };
+        const wchar_t *wp = wstr;
+
+        if (str) {
+                while (*wp) {
+                        n = ucs2_to_utf8(*wp, buf);
+                        count += n;
+                        if (count > max_len) {
+                                count -= n;
+                                break;
+                        }
+                        strcpy(p, (char *)buf);
+                        p += n;
+                        ++wp;
+                }
+                str[count] = 0;
+        } else {
+                while (*wp) {
+                        count += ucs2_to_utf8(*wp, buf);
+                        ++wp;
+                }
+        }
+        return count;
+}
diff --git a/lib/yutil/src/list.c b/lib/yutil/src/list.c
new file mode 100644
index 000000000..59f826990
--- /dev/null
+++ b/lib/yutil/src/list.c
@@ -0,0 +1,201 @@
+/* list.c -- Linked list
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+#include <stdlib.h>
+#include "yutil/keywords.h"
+#include "yutil/list.h"
+
+void list_create(list_t *list)
+{
+	list->length = 0;
+	list->head.next = list->tail.next = NULL;
+	list->head.data = list->tail.data = NULL;
+	list->head.prev = list->tail.prev = NULL;
+}
+
+void list_unlink(list_t *list, list_node_t *node)
+{
+	if (list->length > 0) {
+		list->length -= 1;
+	}
+	if (node->next) {
+		node->next->prev = node->prev;
+	}
+	if (node == list->tail.prev) {
+		list->tail.prev = node->prev;
+	}
+	if (node->prev) {
+		node->prev->next = node->next;
+	}
+	node->prev = NULL;
+	node->next = NULL;
+}
+
+void list_destroy_ex(list_t *list, void (*on_destroy)(void *), int free_node)
+{
+	list_node_t *prev, *node;
+	node = list->tail.prev;
+	list->head.next = NULL;
+	list->tail.prev = NULL;
+	list->length = 0;
+	while (node && node != &list->head) {
+		prev = node->prev;
+		node->prev = NULL;
+		node->next = NULL;
+		if (node->data && on_destroy) {
+			on_destroy(node->data);
+		}
+		if (free_node) {
+			free(node);
+		}
+		node = prev;
+	}
+}
+
+list_node_t *list_get_node(const list_t *list, size_t pos)
+{
+	list_node_t *node;
+	if (pos >= list->length) {
+		return NULL;
+	}
+	if (pos > list->length / 2) {
+		pos = list->length - pos;
+		node = list->tail.prev;
+		while (--pos >= 1 && node) {
+			node = node->prev;
+		}
+	} else {
+		pos += 1;
+		node = list->head.next;
+		while (--pos >= 1 && node) {
+			node = node->next;
+		}
+	}
+	return node;
+}
+
+void list_link(list_t *list, list_node_t *cur, list_node_t *node)
+{
+	node->prev = cur;
+	node->next = cur->next;
+	if (cur->next) {
+		cur->next->prev = node;
+	}
+	cur->next = node;
+	list->length += 1;
+}
+
+void list_insert_node(list_t *list, size_t pos, list_node_t *node)
+{
+	list_node_t *target;
+	target = list_get_node(list, pos);
+	if (target) {
+		list_link(list, target->prev, node);
+	} else {
+		list_append_node(list, node);
+	}
+}
+
+list_node_t *list_insert(list_t *list, size_t pos, void *data)
+{
+	list_node_t *node;
+	node = (list_node_t *)malloc(sizeof(list_node_t));
+	node->data = data;
+	list_insert_node(list, pos, node);
+	return node;
+}
+
+void list_delete_node(list_t *list, list_node_t *node)
+{
+	list_unlink(list, node);
+	node->data = NULL;
+	free(node);
+	node = NULL;
+}
+
+void list_append_node(list_t *list, list_node_t *node)
+{
+	if (list->head.next) {
+		node->prev = list->tail.prev;
+		list->tail.prev->next = node;
+		list->tail.prev = node;
+	} else {
+		list->head.next = node;
+		list->tail.prev = node;
+		node->prev = &list->head;
+	}
+	node->next = NULL;
+	list->length += 1;
+}
+
+void list_delete(list_t *list, size_t pos)
+{
+	list_node_t *node = list_get_node(list, pos);
+	list_delete_node(list, node);
+}
+
+void *list_get(const list_t *list, size_t pos)
+{
+	list_node_t *node = list_get_node(list, pos);
+	return node ? node->data : NULL;
+}
+
+list_node_t *list_append(list_t *list, void *data)
+{
+	list_node_t *node;
+	node = (list_node_t *)malloc(sizeof(list_node_t));
+	node->data = data;
+	node->next = NULL;
+	list_append_node(list, node);
+	return node;
+}
+
+void list_node_free(list_node_t *node)
+{
+	free(node);
+}
+
+void list_concat(list_t *list1, list_t *list2)
+{
+	if (!list2->head.next) {
+		return;
+	}
+	if (list1->head.next) {
+		list1->tail.prev->next = list2->head.next;
+		list2->head.next->prev = list1->tail.prev;
+	} else {
+		list1->head.next = list2->head.next;
+		list1->head.next->prev = &list1->head;
+	}
+	list1->tail.prev = list2->tail.prev;
+	list2->head.next = list2->tail.prev = NULL;
+	list1->length += list2->length;
+	list2->length = 0;
+}
diff --git a/lib/yutil/src/logger.c b/lib/yutil/src/logger.c
new file mode 100644
index 000000000..ee6c9624d
--- /dev/null
+++ b/lib/yutil/src/logger.c
@@ -0,0 +1,193 @@
+/* logger.c -- Logger module
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+
+#include <stdio.h>
+#include <stdarg.h>
+#include <stdlib.h>
+#include <wchar.h>
+#include "yutil/keywords.h"
+#include "yutil/list_entry.h"
+#include "yutil/logger.h"
+
+#define BUFFER_SIZE 2048
+
+struct logger_t {
+	char inited;
+	void (*handler)(const char *);
+	void (*handler_w)(const wchar_t *);
+	logger_level_e level;
+};
+
+struct logger_buffer_t {
+	char buffer[BUFFER_SIZE];
+	wchar_t buffer_w[BUFFER_SIZE];
+	list_entry_t buf_entry;
+};
+
+typedef struct logger_t logger_t;
+typedef struct logger_buffer_t logger_buffer_t;
+
+static logger_t logger = { 0 };
+static list_entry_head_t logger_buffer_head = { 0 };
+
+/* buffered output enabled flag */
+static bool is_enabled = false;
+
+void logger_set_level(logger_level_e level)
+{
+	logger.level = level;
+}
+
+int logger_log(logger_level_e level, const char *fmt, ...)
+{
+	if (level < logger.level) {
+		return 0;
+	}
+	if (!logger.inited) {
+		list_entry_head_init(&logger_buffer_head, logger_buffer_t,
+				     buf_entry);
+		logger.inited = 1;
+	}
+	int len;
+	va_list args;
+	logger_buffer_t *node;
+	node = (logger_buffer_t *)malloc(sizeof(logger_buffer_t));
+	if (node == NULL)
+		return 0;
+
+	va_start(args, fmt);
+	len = vsnprintf(node->buffer, BUFFER_SIZE, fmt, args);
+	va_end(args);
+	node->buffer[BUFFER_SIZE - 1] = 0;
+	list_entry_add_tail(&logger_buffer_head, &node->buf_entry);
+
+	if (is_enabled) {
+		return 0;
+	}
+	is_enabled = true;
+	while (!list_entry_is_empty(&logger_buffer_head)) {
+		unsigned int i = 0;
+		list_entry_t *entry = NULL;
+		logger_buffer_t *output = NULL;
+		list_entry_head_t logger_buffer_head_copy;
+
+		logger_buffer_head_copy = logger_buffer_head;
+		list_entry_clear(&logger_buffer_head);
+
+		list_entry_for_each_by_length(&logger_buffer_head_copy, i,
+					      entry)
+		{
+			if (output) {
+				free(output);
+			}
+			output = list_entry(&logger_buffer_head_copy, entry,
+					    logger_buffer_t);
+
+			if (logger.handler) {
+				logger.handler((const char *)&output->buffer);
+			} else {
+				printf("%s", output->buffer);
+			}
+		}
+		if (output) {
+			free(output);
+		}
+		list_entry_exit(&logger_buffer_head_copy);
+	}
+	is_enabled = false;
+	return len;
+}
+
+int logger_log_w(logger_level_e level, const wchar_t *fmt, ...)
+{
+	if (level < logger.level) {
+		return 0;
+	}
+	if (!logger.inited) {
+		list_entry_head_init(&logger_buffer_head, logger_buffer_t,
+				     buf_entry);
+		logger.inited = 1;
+	}
+	int len;
+	va_list args;
+	logger_buffer_t *node;
+	node = (logger_buffer_t *)malloc(sizeof(logger_buffer_t));
+	if (node == NULL)
+		return 0;
+
+	va_start(args, fmt);
+	len =
+	    vswprintf((wchar_t *const)&node->buffer_w, BUFFER_SIZE, fmt, args);
+	va_end(args);
+	node->buffer_w[BUFFER_SIZE - 1] = 0;
+	list_entry_add_tail(&logger_buffer_head, &node->buf_entry);
+
+	if (is_enabled) {
+		return 0;
+	}
+	is_enabled = true;
+	while (!list_entry_is_empty(&logger_buffer_head)) {
+		unsigned int i = 0;
+		list_entry_t *entry = NULL;
+		logger_buffer_t *output = { 0 };
+		list_entry_head_t logger_buffer_head_copy;
+
+		logger_buffer_head_copy = logger_buffer_head;
+		list_entry_clear(&logger_buffer_head);
+
+		list_entry_for_each_by_length(&logger_buffer_head_copy, i,
+					      entry)
+		{
+			output = list_entry(&logger_buffer_head_copy, entry,
+					    logger_buffer_t);
+
+			if (logger.handler) {
+				logger.handler_w(
+				    (const wchar_t *)&output->buffer_w);
+			} else {
+				wprintf(L"%s", output->buffer_w);
+			}
+			free(output);
+		}
+	}
+	is_enabled = false;
+	return len;
+}
+
+void logger_set_handler(void (*handler)(const char *))
+{
+	logger.handler = handler;
+}
+
+void logger_set_handler_w(void (*handler)(const wchar_t *))
+{
+	logger.handler_w = handler;
+}
diff --git a/lib/yutil/src/rbtree.c b/lib/yutil/src/rbtree.c
new file mode 100644
index 000000000..d130780d7
--- /dev/null
+++ b/lib/yutil/src/rbtree.c
@@ -0,0 +1,493 @@
+/*
+ * rbtree.c -- red-black tree
+ *
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com> All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+#include <stdio.h>
+#include <stdlib.h>
+#include "yutil/keywords.h"
+#include "yutil/rbtree.h"
+
+#define rbtree_red(node) ((node)->color = 1)
+#define rbtree_black(node) ((node)->color = 0)
+
+/** 红黑树查找结点 */
+static rbtree_node_t *rbtree_search_(rbtree_t *tree, int key,
+				     const void *keydata, rbtree_node_t **save)
+{
+	int ret = 0;
+	rbtree_node_t *node = tree->root;
+	rbtree_node_t *temp = NULL;
+	while (node) {
+		temp = node;
+		ret = (keydata && tree->compare)
+			  ? tree->compare(node->data, keydata)
+			  : (node->key - key);
+		if (ret == 0) {
+			return node;
+		}
+		node = (ret < 0) ? node->right : node->left;
+	}
+	if (save) {
+		*save = temp;
+	}
+	return NULL;
+}
+
+// repalce old_node in the tree by new_node
+static inline void rbtree_replace_(rbtree_t *tree, rbtree_node_t *old_node,
+				   rbtree_node_t *new_node)
+{
+	new_node->parent = old_node->parent;
+
+	if (old_node == tree->root) {
+		tree->root = new_node;
+	} else if (old_node == old_node->parent->left) {
+		old_node->parent->left = new_node;
+	} else {
+		old_node->parent->right = new_node;
+	}
+
+	old_node->parent = new_node;
+}
+
+/**
+ * left rotate
+ *
+ *      node              temp
+ *      / \       ==>     /  \
+ *     a  temp         node  y
+ *    / \              / \
+ *   b   y            a   b
+ */
+static inline void rbtree_left_rotate(rbtree_t *tree, rbtree_node_t *node)
+{
+	rbtree_node_t *temp = node->right;
+
+	node->right = temp->left;
+	if (temp->left) {
+		temp->left->parent = node;
+	}
+
+	rbtree_replace_(tree, node, temp);
+	temp->left = node;
+}
+
+/**
+ * right rotate
+ *
+ *        node           temp
+ *        /  \           /  \
+ *      temp  y   ==>   a   node
+ *      / \            / \
+ *     a   b          b   y
+ */
+static inline void rbtree_right_rotate(rbtree_t *tree, rbtree_node_t *node)
+{
+	rbtree_node_t *temp = node->left;
+
+	node->left = temp->right;
+	if (temp->right) {
+		temp->right->parent = node;
+	}
+
+	rbtree_replace_(tree, node, temp);
+	temp->right = node;
+}
+
+static void rbtree_insert_rebalance(rbtree_t *tree, rbtree_node_t *node)
+{
+	rbtree_node_t *gparent;
+	rbtree_node_t *uncle;
+	while (node != tree->root &&
+	       (node->parent && rbtree_is_red(node->parent))) {
+		gparent = node->parent->parent;
+
+		if (node->parent == gparent->left) {
+			uncle = gparent->right;
+			// case 1: uncle is red, then update node to gparent
+			// case 2: uncle is balck or NIL
+			if (uncle && rbtree_is_red(uncle)) {
+				rbtree_black(node->parent);
+				rbtree_black(uncle);
+				rbtree_red(gparent);
+				node = gparent;
+
+			} else {
+				if (node->parent && node->parent->left &&
+				    node == node->parent->right) {
+					node = node->parent;
+					rbtree_left_rotate(tree, node);
+					gparent = node->parent->parent;
+				}
+				// case 2 -> case 1
+				rbtree_black(node->parent);
+				rbtree_red(gparent);
+				rbtree_right_rotate(tree, gparent);
+			}
+		} else {
+			uncle = node->parent->parent->left;
+
+			if (uncle && rbtree_is_red(uncle)) {
+				rbtree_black(node->parent);
+				rbtree_black(uncle);
+				rbtree_red(gparent);
+				node = gparent;
+			} else {
+				if (node->parent && node->parent->left &&
+				    node == node->parent->left) {
+					node = node->parent;
+					rbtree_right_rotate(tree, node);
+					gparent = node->parent->parent;
+				}
+				if (node->parent) {
+					rbtree_black(node->parent);
+				}
+				rbtree_red(gparent);
+				rbtree_left_rotate(tree, gparent);
+			}
+		}
+	}
+
+	rbtree_black(tree->root);
+}
+
+static void rbtree_delete_rebalance(rbtree_t *tree, rbtree_node_t *node,
+				    rbtree_node_t *parent)
+{
+	rbtree_node_t *brother, *brother_left, *brother_right;
+
+	while ((!node || rbtree_is_black(node)) && node != tree->root) {
+		if (parent->left == node) {
+			brother = parent->right;
+			if (rbtree_is_red(brother)) {
+				rbtree_black(brother);
+				rbtree_red(parent);
+				rbtree_left_rotate(tree, parent);
+				brother = parent->right;
+			}
+			if ((!brother->left ||
+			     rbtree_is_black(brother->left)) &&
+			    (!brother->right ||
+			     rbtree_is_black(brother->right))) {
+				rbtree_red(brother);
+				node = parent;
+				parent = node->parent;
+				continue;
+			}
+			if (!brother->right ||
+			    rbtree_is_black(brother->right)) {
+				if ((brother_left = brother->left)) {
+					rbtree_black(brother_left);
+				}
+				rbtree_red(brother);
+				rbtree_right_rotate(tree, brother);
+				brother = parent->right;
+			}
+			brother->color = parent->color;
+			rbtree_black(parent);
+			if (brother->right) {
+				rbtree_black(brother->right);
+			}
+			rbtree_left_rotate(tree, parent);
+			node = tree->root;
+			break;
+		}
+
+		brother = parent->left;
+		if (rbtree_is_red(brother)) {
+			rbtree_black(brother);
+			rbtree_red(parent);
+			rbtree_right_rotate(tree, parent);
+			brother = parent->left;
+		}
+		if ((!brother->left || rbtree_is_black(brother->left)) &&
+		    (!brother->right || rbtree_is_black(brother->right))) {
+			rbtree_red(brother);
+			node = parent;
+			parent = node->parent;
+			continue;
+		}
+
+		if (!brother->left || rbtree_is_black(brother->left)) {
+			if ((brother_right = brother->right)) {
+				rbtree_black(brother_right);
+			}
+			rbtree_red(brother);
+			rbtree_left_rotate(tree, brother);
+			brother = parent->left;
+		}
+		brother->color = parent->color;
+		rbtree_black(parent);
+		if (brother->left) {
+			rbtree_black(brother->left);
+		}
+		rbtree_right_rotate(tree, parent);
+		node = tree->root;
+		break;
+	}
+
+	if (node) {
+		rbtree_black(node);
+	}
+	return;
+}
+
+static void rbtree_node_destroy(rbtree_t *tree, rbtree_node_t *node)
+{
+	if (!node) {
+		return;
+	}
+	rbtree_node_destroy(tree, node->left);
+	rbtree_node_destroy(tree, node->right);
+	if (node->parent) {
+		if (node == node->parent->left) {
+			node->parent->left = NULL;
+		} else {
+			node->parent->right = NULL;
+		}
+	}
+	if (tree->destroy && node->data) {
+		tree->destroy(node->data);
+	}
+	node->data = NULL;
+	free(node);
+}
+
+// init red-black tree
+void rbtree_init(rbtree_t *tree)
+{
+	tree->root = NULL;
+	tree->compare = NULL;
+	tree->destroy = NULL;
+	tree->total_node = 0;
+}
+
+void rbtree_destroy(rbtree_t *tree)
+{
+	rbtree_node_destroy(tree, tree->root);
+	tree->root = NULL;
+	tree->total_node = 0;
+}
+
+void rbtree_insert(rbtree_t *tree, int key, const void *keydata, void *data)
+{
+	int ret = 0;
+	rbtree_node_t *node_parent = NULL;
+	rbtree_node_t *node = rbtree_search_(tree, key, keydata, &node_parent);
+	if (node) {
+		return;
+	}
+	node = (rbtree_node_t *)malloc(sizeof(rbtree_node_t));
+	if (!node) {
+		return;
+	}
+	node->left = NULL;
+	node->right = NULL;
+	node->parent = node_parent;
+	node->data = data;
+	node->key = key;
+
+	if (!node_parent) {
+		rbtree_black(node);
+		tree->root = node;
+		tree->total_node++;
+		return;
+	} else {
+		tree->total_node++;
+		rbtree_red(node);
+		ret = (tree->compare && keydata)
+			  ? tree->compare(node_parent->data, keydata)
+			  : node_parent->key - key;
+		if (ret > 0) {
+			node_parent->left = node;
+		} else {
+			node_parent->right = node;
+		}
+	}
+
+	/* re-balance tree */
+	rbtree_insert_rebalance(tree, node);
+}
+
+void rbtree_insert_by_key(rbtree_t *tree, int key, void *data)
+{
+	rbtree_insert(tree, key, NULL, data);
+}
+
+void rbtree_insert_by_keydata(rbtree_t *tree, const void *keydata, void *data)
+{
+	if (!keydata) {
+		return;
+	}
+	rbtree_insert(tree, 0, keydata, data);
+}
+
+void rbtree_delete_by_node(rbtree_t *tree, rbtree_node_t *node)
+{
+	unsigned char is_red;
+	rbtree_node_t *parent = NULL;
+	rbtree_node_t *temp = NULL;
+	rbtree_node_t *old = node;
+
+	if (node->left && node->right) {
+		node = rbtree_get_min(node->right);
+		temp = node->right;
+		parent = node->parent;
+		is_red = node->color;
+
+		if (temp) {
+			temp->parent = parent;
+		}
+		if (parent) {
+			if (parent->left == node) {
+				parent->left = temp;
+			} else {
+				parent->right = temp;
+			}
+		} else {
+			tree->root = temp;
+		}
+
+		if (node->parent == old) {
+			parent = node;
+		}
+
+		node->parent = old->parent;
+		node->color = old->color;
+		node->right = old->right;
+		node->left = old->left;
+
+		if (old->parent) {
+			if (old->parent->left == old) {
+				old->parent->left = node;
+			} else {
+				old->parent->right = node;
+			}
+		} else {
+			tree->root = node;
+		}
+
+		old->left->parent = node;
+		if (old->right) {
+			old->right->parent = node;
+		}
+	} else {
+		if (!node->left) {
+			temp = node->right;
+		} else if (!node->right) {
+			temp = node->left;
+		}
+		parent = node->parent;
+		is_red = node->color;
+
+		if (temp) {
+			temp->parent = parent;
+		}
+		if (parent) {
+			if (parent->left == node) {
+				parent->left = temp;
+			} else {
+				parent->right = temp;
+			}
+		} else {
+			tree->root = temp;
+		}
+	}
+
+	if (tree->destroy && old->data) {
+		tree->destroy(old->data);
+	}
+	free(old);
+	tree->total_node--;
+	if (is_red) {
+		return;
+	}
+
+	rbtree_delete_rebalance(tree, temp, parent);
+}
+
+/** 删除红黑树中的结点 */
+int rbtree_delete(rbtree_t *tree, int key, const void *keydata)
+{
+	rbtree_node_t *node;
+	node = rbtree_search_(tree, key, keydata, NULL);
+	if (!node) {
+		return -1;
+	}
+	rbtree_delete_by_node(tree, node);
+	return 0;
+}
+
+int rbtree_delete_by_key(rbtree_t *tree, int key)
+{
+	return rbtree_delete(tree, key, NULL);
+}
+
+int rbtree_delete_by_keydata(rbtree_t *tree, const void *keydata)
+{
+	return rbtree_delete(tree, 0, keydata);
+}
+
+rbtree_node_t *rbtree_search_by_key(rbtree_t *tree, int key)
+{
+	return rbtree_search_(tree, key, NULL, NULL);
+}
+rbtree_node_t *rbtree_search_by_data(rbtree_t *tree, const void *keydata)
+{
+	return rbtree_search_(tree, 0, keydata, NULL);
+}
+
+void *rbtree_get_data_by_keydata(rbtree_t *tree, const void *keydata)
+{
+	rbtree_node_t *node;
+	node = rbtree_search_(tree, 0, keydata, NULL);
+	return (node) ? node->data : NULL;
+}
+
+void *rbtree_get_data_by_key(rbtree_t *tree, int key)
+{
+	rbtree_node_t *node;
+	node = rbtree_search_(tree, key, NULL, NULL);
+	return (node) ? node->data : NULL;
+}
+
+rbtree_node_t *rbtree_next(const rbtree_node_t *node)
+{
+	rbtree_node_t *parent = node->parent;
+
+	if (parent == node) {
+		return NULL;
+	}
+	if (node->right) {
+		return rbtree_get_min(node->right);
+	}
+	while ((parent = node->parent) != NULL && node == parent->right) {
+		node = parent;
+	}
+	return parent;
+}
\ No newline at end of file
diff --git a/lib/yutil/src/siphash.c b/lib/yutil/src/siphash.c
new file mode 100644
index 000000000..87a36c45f
--- /dev/null
+++ b/lib/yutil/src/siphash.c
@@ -0,0 +1,252 @@
+/*
+   SipHash reference C implementation
+
+   Copyright (c) 2012-2016 Jean-Philippe Aumasson
+   <jeanphilippe.aumasson@gmail.com>
+   Copyright (c) 2012-2014 Daniel J. Bernstein <djb@cr.yp.to>
+   Copyright (c) 2017 Salvatore Sanfilippo <antirez@gmail.com>
+
+   To the extent possible under law, the author(s) have dedicated all copyright
+   and related and neighboring rights to this software to the public domain
+   worldwide. This software is distributed without any warranty.
+
+   You should have received a copy of the CC0 Public Domain Dedication along
+   with this software. If not, see
+   <http://creativecommons.org/publicdomain/zero/1.0/>.
+
+   ----------------------------------------------------------------------------
+
+   This version was modified by Salvatore Sanfilippo <antirez@gmail.com>
+   in the following ways:
+
+   1. We use SipHash 1-2. This is not believed to be as strong as the
+      suggested 2-4 variant, but AFAIK there are not trivial attacks
+      against this reduced-rounds version, and it runs at the same speed
+      as Murmurhash2 that we used previously, while the 2-4 variant slowed
+      down Redis by a 4% figure more or less.
+   2. Hard-code rounds in the hope the compiler can optimize it more
+      in this raw from. Anyway we always want the standard 2-4 variant.
+   3. Modify the prototype and implementation so that the function directly
+      returns an uint64_t value, the hash itself, instead of receiving an
+      output buffer. This also means that the output size is set to 8 bytes
+      and the 16 bytes output code handling was removed.
+   4. Provide a case insensitive variant to be used when hashing strings that
+      must be considered identical by the hash table regardless of the case.
+      If we don't have directly a case insensitive hash function, we need to
+      perform a text transformation in some temporary buffer, which is costly.
+   5. Remove debugging code.
+   6. Modified the original test.c file to be a stand-alone function testing
+      the function in the new form (returning an uint64_t) using just the
+      relevant test vector.
+ */
+#include <assert.h>
+#include <stdint.h>
+#include <stdio.h>
+#include <string.h>
+#include <ctype.h>
+
+/* Fast tolower() alike function that does not care about locale
+ * but just returns a-z instead of A-Z. */
+int siptlw(int c)
+{
+	if (c >= 'A' && c <= 'Z') {
+		return c + ('a' - 'A');
+	} else {
+		return c;
+	}
+}
+
+/* Test of the CPU is Little Endian and supports not aligned accesses.
+ * Two interesting conditions to speedup the function that happen to be
+ * in most of x86 servers. */
+#if defined(__X86_64__) || defined(__x86_64__) || defined(__i386__) || \
+    defined(__aarch64__) || defined(__arm64__)
+#define UNALIGNED_LE_CPU
+#endif
+
+#define ROTL(x, b) (uint64_t)(((x) << (b)) | ((x) >> (64 - (b))))
+
+#define U32TO8_LE(p, v)                \
+	(p)[0] = (uint8_t)((v));       \
+	(p)[1] = (uint8_t)((v) >> 8);  \
+	(p)[2] = (uint8_t)((v) >> 16); \
+	(p)[3] = (uint8_t)((v) >> 24);
+
+#define U64TO8_LE(p, v)                  \
+	U32TO8_LE((p), (uint32_t)((v))); \
+	U32TO8_LE((p) + 4, (uint32_t)((v) >> 32));
+
+#ifdef UNALIGNED_LE_CPU
+#define U8TO64_LE(p) (*((uint64_t *)(p)))
+#else
+#define U8TO64_LE(p)                                               \
+	(((uint64_t)((p)[0])) | ((uint64_t)((p)[1]) << 8) |        \
+	 ((uint64_t)((p)[2]) << 16) | ((uint64_t)((p)[3]) << 24) | \
+	 ((uint64_t)((p)[4]) << 32) | ((uint64_t)((p)[5]) << 40) | \
+	 ((uint64_t)((p)[6]) << 48) | ((uint64_t)((p)[7]) << 56))
+#endif
+
+#define U8TO64_LE_NOCASE(p)                                                 \
+	(((uint64_t)(siptlw((p)[0]))) | ((uint64_t)(siptlw((p)[1])) << 8) | \
+	 ((uint64_t)(siptlw((p)[2])) << 16) |                               \
+	 ((uint64_t)(siptlw((p)[3])) << 24) |                               \
+	 ((uint64_t)(siptlw((p)[4])) << 32) |                               \
+	 ((uint64_t)(siptlw((p)[5])) << 40) |                               \
+	 ((uint64_t)(siptlw((p)[6])) << 48) |                               \
+	 ((uint64_t)(siptlw((p)[7])) << 56))
+
+#define SIPROUND                   \
+	do {                       \
+		v0 += v1;          \
+		v1 = ROTL(v1, 13); \
+		v1 ^= v0;          \
+		v0 = ROTL(v0, 32); \
+		v2 += v3;          \
+		v3 = ROTL(v3, 16); \
+		v3 ^= v2;          \
+		v0 += v3;          \
+		v3 = ROTL(v3, 21); \
+		v3 ^= v0;          \
+		v2 += v1;          \
+		v1 = ROTL(v1, 17); \
+		v1 ^= v2;          \
+		v2 = ROTL(v2, 32); \
+	} while (0)
+
+uint64_t siphash(const uint8_t *in, const size_t inlen, const uint8_t *k)
+{
+#ifndef UNALIGNED_LE_CPU
+	uint64_t hash;
+	uint8_t *out = (uint8_t *)&hash;
+#endif
+	uint64_t v0 = 0x736f6d6570736575ULL;
+	uint64_t v1 = 0x646f72616e646f6dULL;
+	uint64_t v2 = 0x6c7967656e657261ULL;
+	uint64_t v3 = 0x7465646279746573ULL;
+	uint64_t k0 = U8TO64_LE(k);
+	uint64_t k1 = U8TO64_LE(k + 8);
+	uint64_t m;
+	const uint8_t *end = in + inlen - (inlen % sizeof(uint64_t));
+	const int left = inlen & 7;
+	uint64_t b = ((uint64_t)inlen) << 56;
+	v3 ^= k1;
+	v2 ^= k0;
+	v1 ^= k1;
+	v0 ^= k0;
+
+	for (; in != end; in += 8) {
+		m = U8TO64_LE(in);
+		v3 ^= m;
+
+		SIPROUND;
+
+		v0 ^= m;
+	}
+
+	switch (left) {
+	case 7:
+		b |= ((uint64_t)in[6]) << 48; /* fall-thru */
+	case 6:
+		b |= ((uint64_t)in[5]) << 40; /* fall-thru */
+	case 5:
+		b |= ((uint64_t)in[4]) << 32; /* fall-thru */
+	case 4:
+		b |= ((uint64_t)in[3]) << 24; /* fall-thru */
+	case 3:
+		b |= ((uint64_t)in[2]) << 16; /* fall-thru */
+	case 2:
+		b |= ((uint64_t)in[1]) << 8; /* fall-thru */
+	case 1:
+		b |= ((uint64_t)in[0]);
+		break;
+	case 0:
+		break;
+	}
+
+	v3 ^= b;
+
+	SIPROUND;
+
+	v0 ^= b;
+	v2 ^= 0xff;
+
+	SIPROUND;
+	SIPROUND;
+
+	b = v0 ^ v1 ^ v2 ^ v3;
+#ifndef UNALIGNED_LE_CPU
+	U64TO8_LE(out, b);
+	return hash;
+#else
+	return b;
+#endif
+}
+
+uint64_t siphash_nocase(const uint8_t *in, const size_t inlen, const uint8_t *k)
+{
+#ifndef UNALIGNED_LE_CPU
+	uint64_t hash;
+	uint8_t *out = (uint8_t *)&hash;
+#endif
+	uint64_t v0 = 0x736f6d6570736575ULL;
+	uint64_t v1 = 0x646f72616e646f6dULL;
+	uint64_t v2 = 0x6c7967656e657261ULL;
+	uint64_t v3 = 0x7465646279746573ULL;
+	uint64_t k0 = U8TO64_LE(k);
+	uint64_t k1 = U8TO64_LE(k + 8);
+	uint64_t m;
+	const uint8_t *end = in + inlen - (inlen % sizeof(uint64_t));
+	const int left = inlen & 7;
+	uint64_t b = ((uint64_t)inlen) << 56;
+	v3 ^= k1;
+	v2 ^= k0;
+	v1 ^= k1;
+	v0 ^= k0;
+
+	for (; in != end; in += 8) {
+		m = U8TO64_LE_NOCASE(in);
+		v3 ^= m;
+
+		SIPROUND;
+
+		v0 ^= m;
+	}
+
+	switch (left) {
+	case 7:
+		b |= ((uint64_t)siptlw(in[6])) << 48; /* fall-thru */
+	case 6:
+		b |= ((uint64_t)siptlw(in[5])) << 40; /* fall-thru */
+	case 5:
+		b |= ((uint64_t)siptlw(in[4])) << 32; /* fall-thru */
+	case 4:
+		b |= ((uint64_t)siptlw(in[3])) << 24; /* fall-thru */
+	case 3:
+		b |= ((uint64_t)siptlw(in[2])) << 16; /* fall-thru */
+	case 2:
+		b |= ((uint64_t)siptlw(in[1])) << 8; /* fall-thru */
+	case 1:
+		b |= ((uint64_t)siptlw(in[0]));
+		break;
+	case 0:
+		break;
+	}
+
+	v3 ^= b;
+
+	SIPROUND;
+
+	v0 ^= b;
+	v2 ^= 0xff;
+
+	SIPROUND;
+	SIPROUND;
+
+	b = v0 ^ v1 ^ v2 ^ v3;
+#ifndef UNALIGNED_LE_CPU
+	U64TO8_LE(out, b);
+	return hash;
+#else
+	return b;
+#endif
+}
diff --git a/lib/yutil/src/string.c b/lib/yutil/src/string.c
new file mode 100644
index 000000000..c5660ea0c
--- /dev/null
+++ b/lib/yutil/src/string.c
@@ -0,0 +1,226 @@
+/* string.c -- The string operation set.
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+
+#include <stdlib.h>
+#include <string.h>
+#include <ctype.h>
+#include <wchar.h>
+#include "yutil/keywords.h"
+#include "yutil/types.h"
+#include "yutil/string.h"
+#include "yutil/strlist.h"
+#include "yutil/math.h"
+
+size_t y_strlower(char *outstr, const char *instr)
+{
+        char *op = outstr;
+        const char *ip = instr;
+        for (; *ip; ++ip, ++op) {
+                *op = (char)tolower(*ip);
+        }
+        *op = 0;
+        return ip - instr;
+}
+
+char *y_strdup(const char *str)
+{
+        size_t len = strlen(str) + 1;
+        char *out = (char *)malloc(sizeof(char) * len);
+        if (!out) {
+                return NULL;
+        }
+        strcpy(out, str);
+        return out;
+}
+
+wchar_t *y_wcsdup(const wchar_t *str)
+{
+        size_t len = wcslen(str) + 1;
+        wchar_t *out = (wchar_t *)malloc(sizeof(wchar_t) * len);
+        if (!out) {
+                return NULL;
+        }
+        wcscpy(out, str);
+        return out;
+}
+
+size_t y_strtrim(char *outstr, const char *instr, const char *charlist)
+{
+        bool clear, clear_left = true;
+        char *op = outstr, *last_blank = NULL;
+        const char *default_charlist = "\t\n\r ", *ip = instr, *c;
+
+        if (!charlist) {
+                charlist = default_charlist;
+        }
+        for (; *ip; ip++) {
+                for (clear = false, c = charlist; *c; ++c) {
+                        if (*ip == *c) {
+                                clear = true;
+                                break;
+                        }
+                }
+                if (clear) {
+                        if (!clear_left) {
+                                *op = *ip;
+                                if (!last_blank) {
+                                        last_blank = op;
+                                }
+                                ++op;
+                        }
+                        continue;
+                }
+                if (clear_left) {
+                        clear_left = false;
+                }
+                last_blank = NULL;
+                *op = *ip;
+                ++op;
+        }
+        if (last_blank) {
+                *last_blank = 0;
+        }
+        *op = 0;
+        return op - outstr;
+}
+
+size_t y_wcstrim(wchar_t *outstr, const wchar_t *instr, const wchar_t *charlist)
+{
+        bool clear, clear_left = true;
+        wchar_t *op = outstr, *last_blank = NULL;
+        const wchar_t *default_charlist = L"\t\n\r ", *ip = instr, *c;
+
+        if (!charlist) {
+                charlist = default_charlist;
+        }
+        for (; *ip; ip++) {
+                for (clear = false, c = charlist; *c; ++c) {
+                        if (*ip == *c) {
+                                clear = true;
+                                break;
+                        }
+                }
+                if (clear) {
+                        if (!clear_left) {
+                                *op = *ip;
+                                if (!last_blank) {
+                                        last_blank = op;
+                                }
+                                ++op;
+                        }
+                        continue;
+                }
+                if (clear_left) {
+                        clear_left = false;
+                }
+                last_blank = NULL;
+                *op = *ip;
+                ++op;
+        }
+        if (last_blank) {
+                *last_blank = 0;
+        }
+        *op = 0;
+        return op - outstr;
+}
+
+unsigned y_strhash(unsigned hash, const char *str)
+{
+        const unsigned char *p = (unsigned char *)str;
+
+        while (*p) {
+                hash = ((hash << 5) + hash) + (*p++);
+        }
+        return hash;
+}
+
+size_t y_strreplace(char *str, size_t max_len, const char *substr,
+                    const char *newstr)
+{
+        size_t len, buf_len;
+        char *buf, *pout, *pin;
+
+        pin = strstr(str, substr);
+        if (!pin) {
+                return 0;
+        }
+        len = strlen(newstr);
+        buf_len = strlen(str) + len + 1;
+        buf = (char *)malloc(buf_len * sizeof(wchar_t));
+        strcpy(buf, str);
+        pout = buf + (pin - str);
+        strcpy(pout, newstr);
+        pin += strlen(substr);
+        pout += len;
+        strcpy(pout, pin);
+        buf[buf_len - 1] = 0;
+        strncpy(str, buf, max_len);
+        free(buf);
+        return y_min(buf_len, max_len);
+}
+
+int y_strsplit(const char *instr, const char *sep, char ***outstrs)
+{
+        int i = 0;
+        const char *prev = instr;
+        size_t len, sep_len = strlen(sep);
+        char *next = (char *)strstr(prev, sep);
+        char **newstrs = NULL;
+
+        while (1) {
+                char **tmp, *str;
+                if (next) {
+                        len = next - prev + 1;
+                } else {
+                        len = strlen(prev) + 1;
+                }
+                str = (char *)malloc(sizeof(char) * len);
+                tmp = (char **)realloc(newstrs, sizeof(char *) * (i + 2));
+                if (!tmp) {
+                        strlist_free(newstrs);
+                        return 0;
+                }
+                newstrs = tmp;
+                strncpy(str, prev, len - 1);
+                str[len - 1] = 0;
+                newstrs[i] = str;
+                newstrs[i + 1] = NULL;
+                if (next) {
+                        prev = next + sep_len;
+                } else {
+                        break;
+                }
+                next = (char *)strstr(prev, sep);
+                i += 1;
+        }
+        *outstrs = newstrs;
+        return i + 1;
+}
diff --git a/lib/yutil/src/strlist.c b/lib/yutil/src/strlist.c
new file mode 100644
index 000000000..bc8d21cac
--- /dev/null
+++ b/lib/yutil/src/strlist.c
@@ -0,0 +1,249 @@
+/*
+ * strlist.c -- string list
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+
+#include <errno.h>
+#include <stdio.h>
+#include <stdlib.h>
+#include <string.h>
+#include "yutil/keywords.h"
+#include "yutil/string.h"
+#include "yutil/strpool.h"
+#include "yutil/strlist.h"
+
+#define STRLIST_TOKEN_MAX_LEN 256
+
+static strpool_t *pool = NULL;
+
+static const char *parse_next_token(const char *str, char *token,
+				    size_t token_max_len)
+{
+	size_t i;
+	const char *p = str;
+
+	for (; *p == ' '; ++p);
+	for (i = 0; i < token_max_len && *p && *p != ' '; ++i, ++p) {
+		token[i] = *p;
+	}
+	token[i] = 0;
+	return p;
+}
+
+int strlist_sorted_add(strlist_t *strlist, const char *str)
+{
+	int i, pos, n;
+	strlist_t newlist;
+
+	if (*strlist) {
+		for (i = 0; (*strlist)[i]; ++i);
+		n = i + 2;
+	} else {
+		n = 2;
+	}
+	newlist = (strlist_t)realloc(*strlist, sizeof(char *) * n);
+	if (!newlist) {
+		return -ENOMEM;
+	}
+	newlist[n - 2] = NULL;
+	for (i = 0, pos = -1; newlist[i]; ++i) {
+		int tmp = strcmp(newlist[i], str);
+		if (tmp < 0) {
+			continue;
+		} else if (tmp == 0) {
+			return 1;
+		} else {
+			pos = i;
+			break;
+		}
+	}
+	if (!pool) {
+		pool = strpool_create();
+	}
+	if (pos >= 0) {
+		for (i = n - 2; i > pos; --i) {
+			newlist[i] = newlist[i - 1];
+		}
+	} else {
+		pos = n - 2;
+	}
+	newlist[pos] = strpool_alloc_str(pool, str);
+	newlist[n - 1] = NULL;
+	*strlist = newlist;
+	return 0;
+}
+
+int strlist_add_one(strlist_t *strlist, const char *str)
+{
+	int i = 0;
+	char **newlist;
+
+	if (!*strlist) {
+		newlist = (char **)malloc(sizeof(char *) * 2);
+		goto check_done;
+	}
+	for (i = 0; (*strlist)[i]; ++i) {
+		if (strcmp((*strlist)[i], str) == 0) {
+			return 1;
+		}
+	}
+	newlist = (char **)realloc(*strlist, (i + 2) * sizeof(char *));
+
+check_done:
+	if (!newlist) {
+		return -ENOMEM;
+	}
+	if (!pool) {
+		pool = strpool_create();
+	}
+	newlist[i] = strpool_alloc_str(pool, str);
+	newlist[i + 1] = NULL;
+	*strlist = newlist;
+	return 0;
+}
+
+int strlist_add(strlist_t *strlist, const char *str)
+{
+	char buff[STRLIST_TOKEN_MAX_LEN];
+	int count = 0, i, head;
+
+	for (head = 0, i = 0; str[i]; ++i) {
+		if (str[i] != ' ') {
+			continue;
+		}
+		if (i > head) {
+			strncpy(buff, &str[head], i - head);
+			buff[i - head] = 0;
+			if (strlist_add_one(strlist, buff) == 0) {
+				count += 1;
+			}
+		}
+		head = i + 1;
+	}
+	if (i > head) {
+		strncpy(buff, &str[head], i - head);
+		buff[i - head] = 0;
+		if (strlist_add_one(strlist, buff) == 0) {
+			count += 1;
+		}
+	}
+	return count;
+}
+
+int strlist_has(strlist_t strlist, const char *str)
+{
+	int i;
+	const char *p = str;
+	char token[STRLIST_TOKEN_MAX_LEN];
+
+	if (!strlist) {
+		return 0;
+	}
+	while (*p) {
+		p = parse_next_token(p, token, STRLIST_TOKEN_MAX_LEN - 1);
+		for (i = 0; strlist[i]; ++i) {
+			if (strcmp(strlist[i], token) == 0) {
+				return 1;
+			}
+		}
+	}
+	return 0;
+}
+
+int strlist_remove_one(strlist_t *strlist, const char *str)
+{
+	int i, pos, len;
+	strlist_t newlist;
+
+	if (!*strlist) {
+		return 0;
+	}
+	for (len = 0; (*strlist)[len]; ++len);
+	for (pos = -1, i = 0; i < len; ++i) {
+		if (strcmp((*strlist)[i], str) == 0) {
+			pos = i;
+			break;
+		}
+	}
+	if (pos == -1) {
+		return 0;
+	}
+	strpool_free_str((*strlist)[pos]);
+	if (pos == 0 && len < 2) {
+		free(*strlist);
+		*strlist = NULL;
+		return 1;
+	}
+	newlist = (char **)malloc(len * sizeof(char *));
+	for (i = 0; i < pos; ++i) {
+		newlist[i] = (*strlist)[i];
+	}
+	for (i = pos; i < len; ++i) {
+		newlist[i] = (*strlist)[i + 1];
+	}
+	newlist[len - 1] = NULL;
+	free(*strlist);
+	*strlist = newlist;
+	return 1;
+}
+
+int strlist_remove(strlist_t *strlist, const char *str)
+{
+	char token[STRLIST_TOKEN_MAX_LEN];
+	int count = 0, i, head;
+
+	for (head = 0, i = 0; str[i]; ++i) {
+		if (str[i] != ' ') {
+			continue;
+		}
+		if (i - 1 > head) {
+			strncpy(token, &str[head], i - head);
+			token[i - head] = 0;
+			count += strlist_remove_one(strlist, token);
+		}
+		head = i + 1;
+	}
+	if (i - 1 > head) {
+		strncpy(token, &str[head], i - head);
+		token[i - head] = 0;
+		count += strlist_remove_one(strlist, token);
+	}
+	return count;
+}
+
+void strlist_free(strlist_t strlist)
+{
+	int i = 0;
+	while (strlist[i]) {
+		strpool_free_str(strlist[i]);
+		++i;
+	}
+	free(strlist);
+}
diff --git a/lib/yutil/src/strpool.c b/lib/yutil/src/strpool.c
new file mode 100644
index 000000000..5d125fe4e
--- /dev/null
+++ b/lib/yutil/src/strpool.c
@@ -0,0 +1,132 @@
+/*
+ * strpool.c -- string pool
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+
+#include <stdio.h>
+#include <stdlib.h>
+#include <string.h>
+#include <stdint.h>
+#include "yutil/keywords.h"
+#include "yutil/string.h"
+#include "yutil/strpool.h"
+#include "yutil/dict.h"
+
+#define STRPOOL_MARK 6699
+
+typedef struct strpool_entry_t strpool_entry_t;
+
+struct strpool_t {
+	size_t size;
+	dict_type_t type;
+	dict_t *dict;
+};
+
+struct strpool_entry_t {
+	int32_t mark;
+	strpool_t *pool;
+	size_t count;
+	size_t length;
+	char *string;
+};
+
+strpool_t *strpool_create(void)
+{
+	strpool_t *pool;
+
+	pool = (strpool_t *)malloc(sizeof(strpool_t));
+	if (!pool) {
+		return NULL;
+	}
+	pool->size = 0;
+	dict_init_string_key_type(&pool->type);
+	pool->dict = dict_create(&pool->type, NULL);
+	return pool;
+}
+
+char *strpool_alloc_str(strpool_t *pool, const char *str)
+{
+	size_t size;
+	size_t length;
+	strpool_entry_t *entry;
+
+	entry = (strpool_entry_t *)dict_fetch_value(pool->dict, str);
+	if (!entry) {
+		length = strlen(str);
+		size = sizeof(strpool_entry_t) + length + 1;
+		entry = (strpool_entry_t *)malloc(size);
+		if (!entry) {
+			return NULL;
+		}
+		entry->mark = STRPOOL_MARK;
+		entry->pool = pool;
+		entry->count = 0;
+		entry->length = length;
+		entry->string = ((char *)entry) + sizeof(strpool_entry_t);
+		strcpy(entry->string, str);
+		if (dict_add(pool->dict, entry->string, entry) != 0) {
+			free(entry);
+			return NULL;
+		}
+		pool->size += size;
+	}
+	entry->count += 1;
+	return entry->string;
+}
+
+int strpool_free_str(char *str)
+{
+	strpool_entry_t *entry;
+
+	entry = (strpool_entry_t *)(str - sizeof(strpool_entry_t));
+	if (entry->mark != STRPOOL_MARK) {
+		return -1;
+	}
+	entry->count -= 1;
+	if (entry->count > 0) {
+		return 0;
+	}
+	entry->pool->size -= sizeof(strpool_entry_t) + strlen(str) + 1;
+	dict_delete(entry->pool->dict, str);
+	free(entry);
+	return 0;
+}
+
+size_t strpool_size(strpool_t *pool)
+{
+	return pool->size;
+}
+
+void strpool_destroy(strpool_t *pool)
+{
+	pool->size = 0;
+	dict_destroy(pool->dict);
+	free(pool);
+}
diff --git a/lib/yutil/src/time_linux.c b/lib/yutil/src/time_linux.c
new file mode 100644
index 000000000..8ae9e3b0e
--- /dev/null
+++ b/lib/yutil/src/time_linux.c
@@ -0,0 +1,52 @@
+/* time.c -- The time operation set.
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+
+#include <stdint.h>
+#ifndef _WIN32
+#include <time.h>
+#include <unistd.h>
+#include <sys/time.h>
+#include "yutil/keywords.h"
+#include "yutil/time.h"
+
+int64_t y_gettime(void)
+{
+        struct timeval tv;
+
+        gettimeofday(&tv, NULL);
+        return ((int64_t)tv.tv_sec * 1000 + tv.tv_usec / 1000);
+}
+
+void y_sleep(unsigned int ms)
+{
+        usleep(ms * 1000);
+}
+#endif
diff --git a/lib/yutil/src/time_win32.c b/lib/yutil/src/time_win32.c
new file mode 100644
index 000000000..4e1b69d19
--- /dev/null
+++ b/lib/yutil/src/time_win32.c
@@ -0,0 +1,55 @@
+/* time.c -- The time operation set.
+ *
+ * Copyright (c) 2018, Liu chao <lc-soft@live.cn>
+ * Copyright (c) 2021, Li Zihao <yidianyiko@foxmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ *   * Redistributions of source code must retain the above copyright notice,
+ *     this list of conditions and the following disclaimer.
+ *   * Redistributions in binary form must reproduce the above copyright
+ *     notice, this list of conditions and the following disclaimer in the
+ *     documentation and/or other materials provided with the distribution.
+ *   * Neither the name of LCUI nor the names of its contributors may be used
+ *     to endorse or promote products derived from this software without
+ *     specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ */
+
+#include <stdint.h>
+#if defined(_WIN32)
+#include <windows.h>
+#include "yutil/keywords.h"
+#include "yutil/time.h"
+
+int64_t y_gettime(void)
+{
+        int64_t time;
+        LARGE_INTEGER hires = { { 0 } };
+        LARGE_INTEGER hires_now = { { 0 } };
+        if (QueryPerformanceFrequency(&hires)) {
+                QueryPerformanceCounter(&hires_now);
+                time = hires_now.QuadPart * 1000;
+                return time / hires.QuadPart;
+        }
+        return 0;
+}
+
+void y_sleep(unsigned int ms)
+{
+        Sleep((DWORD)ms);
+}
+#endif
diff --git a/lib/yutil/tests/libtest.c b/lib/yutil/tests/libtest.c
new file mode 100644
index 000000000..a7b589a94
--- /dev/null
+++ b/lib/yutil/tests/libtest.c
@@ -0,0 +1,141 @@
+#include <stdio.h>
+#include <string.h>
+#include <stdarg.h>
+#include <stdint.h>
+#include "libtest.h"
+#include "yutil/keywords.h"
+#include "yutil/time.h"
+
+#ifdef _WIN32
+#define COLOR_NONE
+#define COLOR_RED
+#define COLOR_GREEN
+#else
+#define COLOR_NONE "\e[0m"
+#define COLOR_RED "\e[0;31m"
+#define COLOR_GREEN "\e[0;32m"
+#endif
+#define RED(TEXT) COLOR_RED TEXT COLOR_NONE
+#define GREEN(TEXT) COLOR_GREEN TEXT COLOR_NONE
+
+#if defined(CI_ENV) || defined(_WIN32)
+#define CHECK_MARK GREEN("* ")
+#define ERROR_MARK "x "
+#else
+#define CHECK_MARK GREEN("√ ")
+#define ERROR_MARK "× "
+#endif
+
+static size_t tests_passed = 0;
+static size_t tests_total = 0;
+static int test_msg_indent = 0;
+static int64_t test_start_time = 0;
+
+static int test_msg(const char *fmt, ...)
+{
+        int ret;
+        char str[1024];
+        va_list args;
+
+        va_start(args, fmt);
+        ret = vsnprintf(str, 1023, fmt, args);
+        va_end(args);
+        printf("%*s%s", test_msg_indent * 2, "", str);
+        return ret;
+}
+
+void test_begin(void)
+{
+        if (test_start_time == 0) {
+                test_start_time = y_gettime();
+        }
+        test_msg_indent++;
+}
+
+void test_end(void)
+{
+        test_msg_indent--;
+}
+
+int test_result(void)
+{
+        if (tests_total > tests_passed) {
+                return (int)(tests_total - tests_passed);
+        }
+        return 0;
+}
+
+int print_test_result(void)
+{
+        printf(GREEN("  %zu passing") " (%ums)\n", tests_passed,
+               (unsigned)(y_gettime() - test_start_time));
+        if (tests_total > tests_passed) {
+                printf(RED("  %zu faling\n\n"), tests_total - tests_passed);
+                return (int)(tests_total - tests_passed);
+        }
+        printf("\n");
+        return 0;
+}
+
+void describe(const char *name, void (*func)())
+{
+        test_msg("%s\n", name);
+        test_begin();
+        func();
+        test_end();
+        test_msg("\n");
+}
+
+void it_i(const char *name, int actual, int expected)
+{
+        tests_total++;
+        if (actual == expected) {
+                test_msg(CHECK_MARK "%s == %d\n", name, expected);
+                tests_passed++;
+                return;
+        }
+        test_msg(RED(ERROR_MARK "%s == %d\n"), name, expected);
+        test_msg(RED("  AssertionError: %d == %d\n"), actual, expected);
+        test_msg(GREEN("  + expected ") RED("- actual\n\n"));
+        test_msg(RED("  - %d\n"), actual);
+        test_msg(GREEN("  + %d\n\n"), expected);
+}
+
+void it_b(const char *name, int actual, int expected)
+{
+        const char *actual_str = actual ? "true" : "false";
+        const char *expected_str = expected ? "true" : "false";
+
+        tests_total++;
+        if (!actual == !expected) {
+                test_msg(CHECK_MARK "%s\n", name);
+                tests_passed++;
+                return;
+        }
+        test_msg(RED(ERROR_MARK "%s\n"), name);
+        test_msg(RED("  AssertionError: %s == %s\n"), actual_str, expected_str);
+        test_msg(GREEN("  + expected ") RED("- actual\n\n"));
+        test_msg(RED("  - %s\n"), actual_str);
+        test_msg(GREEN("  + %s\n\n"), expected_str);
+}
+
+void it_s(const char *name, const char *actual, const char *expected)
+{
+        tests_total++;
+        if ((actual && expected && strcmp(actual, expected) == 0) ||
+            actual == expected) {
+                test_msg(CHECK_MARK "%s == '%s'\n", name, expected);
+                tests_passed++;
+                return;
+        }
+        test_msg(RED(ERROR_MARK "%s == '%s'\n"), name, expected);
+        if (expected) {
+                test_msg(RED("  AssertionError: '%s' == '%s'\n"), actual,
+                         expected);
+        } else {
+                test_msg(RED("  AssertionError: '%s' == null\n"), actual);
+        }
+        test_msg(GREEN("  + expected ") RED("- actual\n\n"));
+        test_msg(RED("  - %s\n"), actual);
+        test_msg(GREEN("  + %s\n\n"), expected);
+}
diff --git a/lib/yutil/tests/libtest.h b/lib/yutil/tests/libtest.h
new file mode 100644
index 000000000..ec3867140
--- /dev/null
+++ b/lib/yutil/tests/libtest.h
@@ -0,0 +1,20 @@
+#ifndef UTIL_TEST_H
+#define UTIL_TEST_H
+
+void describe(const char *name, void (*func)());
+
+void it_i(const char *name, int actual, int expected);
+
+void it_b(const char *name, int actual, int expected);
+
+void it_s(const char *name, const char *actual, const char *expected);
+
+void test_begin(void);
+
+void test_end(void);
+
+int test_result(void);
+
+int print_test_result(void);
+
+#endif
diff --git a/lib/yutil/tests/test.c b/lib/yutil/tests/test.c
new file mode 100644
index 000000000..16fff43c0
--- /dev/null
+++ b/lib/yutil/tests/test.c
@@ -0,0 +1,20 @@
+#include "test.h"
+#include "libtest.h"
+
+int main()
+{
+        int ret = 0;
+
+        describe("test_list", test_list);
+        describe("test_math", test_math);
+        describe("test_time", test_time);
+        describe("test_logger", test_logger);
+        describe("test_list_entry", test_list_entry);
+        describe("test_dirent", test_dirent);
+        describe("test_string", test_strs);
+        describe("test_strpool", test_strpool);
+        describe("test_encoding", test_encoding);
+        describe("test_dict", test_dict);
+        describe("test_rbtree", test_rbtree);
+        return ret - print_test_result();
+}
diff --git a/lib/yutil/tests/test.h b/lib/yutil/tests/test.h
new file mode 100644
index 000000000..c84ad844d
--- /dev/null
+++ b/lib/yutil/tests/test.h
@@ -0,0 +1,13 @@
+#include "yutil/types.h"
+
+void test_list(void);
+void test_math(void);
+void test_logger(void);
+void test_list_entry(void);
+void test_dict(void);
+void test_dirent();
+void test_strs(void);
+void test_strpool(void);
+void test_encoding(void);
+void test_time(void);
+void test_rbtree(void);
diff --git a/lib/yutil/tests/test_dict.c b/lib/yutil/tests/test_dict.c
new file mode 100644
index 000000000..54efd68f6
--- /dev/null
+++ b/lib/yutil/tests/test_dict.c
@@ -0,0 +1,137 @@
+#include <stdint.h>
+#include <string.h>
+#include <stdio.h>
+#include <stdlib.h>
+#include <assert.h>
+#include "test.h"
+#include "libtest.h"
+#include "yutil/keywords.h"
+#include "yutil/dict.h"
+#include "yutil/time.h"
+
+uint64_t hash_callback(const void *key)
+{
+        return dict_gen_hash_function((unsigned char *)key,
+                                      (int)strlen((char *)key));
+}
+
+int compare_callback(void *privdata, const void *key1, const void *key2)
+{
+        (void)privdata;
+        int l1, l2;
+
+        l1 = (int)strlen((char *)key1);
+        l2 = (int)strlen((char *)key2);
+        if (l1 != l2)
+                return 0;
+        return memcmp(key1, key2, l1) == 0;
+}
+
+void free_callback(void *privdata, void *val)
+{
+        (void)(privdata);
+
+        free(val);
+}
+
+char *string_from_long_long(long long value)
+{
+        char buf[32];
+        int len;
+        char *s;
+
+        len = sprintf(buf, "%lld", value);
+        s = (char *)malloc(len + 1);
+        memcpy(s, buf, len);
+        s[len] = '\0';
+        return s;
+}
+
+dict_type_t BenchmarkDictType = { hash_callback, NULL, NULL, compare_callback,
+                                  free_callback, NULL, NULL };
+
+#define start_benchmark() start = y_gettime()
+#define end_benchmark(msg)                                              \
+        do {                                                            \
+                elapsed = y_gettime() - start;                          \
+                printf(msg ": %ld items in %lld ms\n", count, elapsed); \
+        } while (0)
+
+/* ./redis-server test dict [<count> | --accurate] */
+void test_dict(void)
+{
+        long long j;
+        long long start, elapsed;
+        dict_t *dict = dict_create(&BenchmarkDictType, NULL);
+        long count = 5000;
+
+        start_benchmark();
+        for (j = 0; j < count; j++) {
+                int retval =
+                    dict_add(dict, string_from_long_long(j), (void *)j);
+                assert(retval == DICT_OK);
+        }
+        end_benchmark("Inserting");
+        assert((long)dict_size(dict) == count);
+
+        /* Wait for rehashing. */
+        while (dict_is_rehashing(dict)) {
+                dict_rehash_milliseconds(dict, 100);
+        }
+
+        start_benchmark();
+        for (j = 0; j < count; j++) {
+                char *key = string_from_long_long(j);
+                dict_entry_t *de = dict_find(dict, key);
+                assert(de != NULL);
+                free(key);
+        }
+        end_benchmark("Linear access of existing elements");
+
+        start_benchmark();
+        for (j = 0; j < count; j++) {
+                char *key = string_from_long_long(j);
+                dict_entry_t *de = dict_find(dict, key);
+                assert(de != NULL);
+                free(key);
+        }
+        end_benchmark("Linear access of existing elements (2nd round)");
+
+        start_benchmark();
+        for (j = 0; j < count; j++) {
+                char *key = string_from_long_long(rand() % count);
+                dict_entry_t *de = dict_find(dict, key);
+                assert(de != NULL);
+                free(key);
+        }
+        end_benchmark("Random access of existing elements");
+
+        start_benchmark();
+        for (j = 0; j < count; j++) {
+                dict_entry_t *de = dict_get_random_key(dict);
+                assert(de != NULL);
+        }
+        end_benchmark("Accessing random keys");
+
+        start_benchmark();
+        for (j = 0; j < count; j++) {
+                char *key = string_from_long_long(rand() % count);
+                key[0] = 'X';
+                dict_entry_t *de = dict_find(dict, key);
+                assert(de == NULL);
+                free(key);
+        }
+        end_benchmark("Accessing missing");
+
+        start_benchmark();
+        for (j = 0; j < count; j++) {
+                char *key = string_from_long_long(j);
+                int retval = dict_delete(dict, key);
+                assert(retval == DICT_OK);
+                key[0] += 17; /* Change first number to letter. */
+                retval = (int)dict_add(dict, (void *)key, (void *)j);
+                assert(retval == DICT_OK);
+        }
+        end_benchmark("Removing and adding");
+        dict_destroy(dict);
+}
diff --git a/lib/yutil/tests/test_dirent.c b/lib/yutil/tests/test_dirent.c
new file mode 100644
index 000000000..5a1362a76
--- /dev/null
+++ b/lib/yutil/tests/test_dirent.c
@@ -0,0 +1,115 @@
+#include "test.h"
+#include "libtest.h"
+#include <locale.h>
+#include <stdio.h>
+#include <wchar.h>
+#include <string.h>
+#include <stdlib.h>
+#include "yutil/keywords.h"
+#include "yutil/dirent.h"
+
+#if defined(_WIN32)
+#include <windows.h>
+#else
+#include <unistd.h>
+#endif
+
+#define PATH_LEN 2048
+
+static dir_t *dir;
+
+static void test_dirent_a()
+{
+	dir_entry_t *entry;
+	size_t dir_len = 0;
+	char *name;
+	char path[PATH_LEN] = { 0 };
+
+#if defined(_WIN32)
+	wchar_t path_w[PATH_LEN] = { 0 };
+	GetCurrentDirectoryW(PATH_LEN, path_w);
+
+	if (!(setlocale(LC_ALL, "C.UTF-8") ||
+	      setlocale(LC_ALL, "en_US.UTF-8") ||
+	      setlocale(LC_ALL, "zh_CN.UTF-8"))) {
+		setlocale(LC_ALL, "");
+	}
+	wcstombs(path, path_w, PATH_LEN);
+	setlocale(LC_ALL, "C");
+#else
+	if (!getcwd(path, PATH_LEN - 1)) {
+		return;
+	}
+#endif
+	it_b("dir_open_a() should work", dir_open_a(path, dir) == 0, true);
+
+	while ((entry = dir_read_a(dir)) != NULL) {
+		dir_len++;
+		name = dir_get_file_name_a(entry);
+		if (name[0] == '.') {
+			continue;
+		} else {
+			it_b("dir_get_file_name_a() should work", name != NULL,
+			     true);
+			break;
+		}
+	}
+	it_b("dir_read_a() should work", dir_len != 0, true);
+}
+static void test_dirent_w(void)
+{
+	dir_entry_t *entry;
+	size_t dir_len = 0;
+	wchar_t *name_w;
+
+	wchar_t path_w[PATH_LEN] = { 0 };
+
+#if defined(_WIN32)
+	GetCurrentDirectoryW(PATH_LEN, path_w);
+#else
+	char path[PATH_LEN] = { 0 };
+	if (getcwd(path, PATH_LEN - 1))
+		if (!(setlocale(LC_ALL, "C.UTF-8") ||
+		      setlocale(LC_ALL, "en_US.UTF-8") ||
+		      setlocale(LC_ALL, "zh_CN.UTF-8"))) {
+			setlocale(LC_ALL, "");
+		}
+	mbstowcs(path_w, path, PATH_LEN);
+	setlocale(LC_ALL, "C");
+#endif
+	it_b("dir_open_w() should work", dir_open_w(path_w, dir) == 0, true);
+
+	while ((entry = dir_read_w(dir)) != NULL) {
+		dir_len++;
+		name_w = dir_get_file_name_w(entry);
+		if (name_w[0] == '.') {
+			continue;
+		} else {
+			it_b("dir_get_file_name_w() should work",
+			     name_w != NULL, true);
+
+			if (dir_entry_is_directory(entry)) {
+				it_b("dir_entry_is_directory() should work",
+				     dir_entry_is_directory(entry), true);
+				it_b("dir_entry_is_regular() should work",
+				     !dir_entry_is_regular(entry), true);
+				break;
+			} else {
+				it_b("dir_entry_is_directory() should work",
+				     !dir_entry_is_directory(entry), true);
+				it_b("dir_entry_is_regular() should work",
+				     dir_entry_is_regular(entry), true);
+				break;
+			}
+		}
+	}
+	it_b("dir_read_w() should work", dir_len != 0, true);
+}
+
+void test_dirent(void)
+{
+	it_b("dir_create() should work", (dir = dir_create()) != NULL, true);
+	test_dirent_a();
+	test_dirent_w();
+	dir_destroy(dir);
+}
\ No newline at end of file
diff --git a/lib/yutil/tests/test_encoding.c b/lib/yutil/tests/test_encoding.c
new file mode 100644
index 000000000..faee65edf
--- /dev/null
+++ b/lib/yutil/tests/test_encoding.c
@@ -0,0 +1,249 @@
+#include <wchar.h>
+#include <string.h>
+#include "test.h"
+#include "libtest.h"
+#include "yutil/keywords.h"
+#include "yutil/encoding.h"
+
+static void test_decode_utf8_ascii(void)
+{
+        wchar_t wcs[64];
+        size_t len;
+
+        len = decode_utf8(wcs, "hello", 64);
+        it_i("should return 5 for ascii string", (int)len, 5);
+        it_b("should null-terminate at len", wcs[len] == 0, true);
+        it_b("should match expected string", wcscmp(wcs, L"hello") == 0, true);
+}
+
+static void test_decode_utf8_multibyte(void)
+{
+        wchar_t wcs[64];
+        size_t len;
+
+        len = decode_utf8(wcs, u8"简体中文", 64);
+        it_i("should return 4 for 4 CJK characters", (int)len, 4);
+        it_b("should null-terminate at len", wcs[len] == 0, true);
+        it_b("should match expected string", wcscmp(wcs, L"简体中文") == 0,
+             true);
+}
+
+static void test_decode_utf8_mixed(void)
+{
+        wchar_t wcs[64];
+        size_t len;
+
+        len = decode_utf8(wcs, u8"a简b", 64);
+        it_i("should return 3 for mixed ascii+CJK", (int)len, 3);
+        it_b("should null-terminate at len", wcs[len] == 0, true);
+        it_b("should match expected string", wcscmp(wcs, L"a简b") == 0, true);
+}
+
+static void test_decode_utf8_truncate(void)
+{
+        wchar_t wcs[8];
+        size_t len;
+
+        len = decode_utf8(wcs, "hello", 3);
+        it_i("should return 3 when truncated by max_len 3", (int)len, 3);
+        it_b("should always null-terminate", wcs[len] == 0, true);
+        it_b("should contain truncated content",
+             wcs[0] == 'h' && wcs[1] == 'e' && wcs[2] == 'l', true);
+
+        len = decode_utf8(wcs, "hello", 4);
+        it_i("should return 4 when truncated by max_len 4", (int)len, 4);
+        it_b("should always null-terminate", wcs[len] == 0, true);
+        it_b("should contain truncated content",
+             wcs[0] == 'h' && wcs[1] == 'e' && wcs[2] == 'l' && wcs[3] == 'l',
+             true);
+}
+
+static void test_decode_utf8_exactly_fills(void)
+{
+        wchar_t wcs[8];
+        size_t len;
+
+        memset(wcs, 0xFF, sizeof(wcs));
+        len = decode_utf8(wcs, "hello", 5);
+        it_i("should return 5 when exactly fills max_len", (int)len, 5);
+        it_b("should write null at wstr[5]", wcs[5] == 0, true);
+        it_b("should not overwrite wstr[6]", wcs[6] == 0xFFFF, true);
+}
+
+static void test_decode_utf8_null_termination(void)
+{
+        wchar_t wcs[8];
+        size_t len;
+
+        memset(wcs, 0xFF, sizeof(wcs));
+        len = decode_utf8(wcs, "hi", 2);
+        it_b("should always null-terminate when fits", wcs[len] == 0, true);
+
+        memset(wcs, 0xFF, sizeof(wcs));
+        len = decode_utf8(wcs, "hello", 3);
+        it_b("should always null-terminate when truncated", wcs[len] == 0,
+             true);
+
+        memset(wcs, 0xFF, sizeof(wcs));
+        len = decode_utf8(wcs, "", 4);
+        it_b("should always null-terminate for empty string", wcs[len] == 0,
+             true);
+}
+
+static void test_decode_utf8_null_buffer(void)
+{
+        size_t len;
+
+        len = decode_utf8(NULL, "hello", 0);
+        it_i("should pre-calculate 5 for ascii", (int)len, 5);
+
+        len = decode_utf8(NULL, u8"简体中文", 0);
+        it_i("should pre-calculate 4 for CJK", (int)len, 4);
+
+        len = decode_utf8(NULL, u8"a简b", 0);
+        it_i("should pre-calculate 3 for mixed", (int)len, 3);
+}
+
+static void test_decode_utf8_empty(void)
+{
+        wchar_t wcs[8];
+        size_t len;
+
+        len = decode_utf8(wcs, "", 8);
+        it_i("should return 0 for empty string", (int)len, 0);
+        it_b("should null-terminate at len", wcs[0] == 0, true);
+}
+
+static void test_encode_utf8_ascii(void)
+{
+        char str[64];
+        size_t len;
+
+        len = encode_utf8(str, L"hello", 64);
+        it_i("should return 5 for ascii string", (int)len, 5);
+        it_b("should null-terminate at len", str[len] == 0, true);
+        it_b("should match expected string", strcmp(str, "hello") == 0, true);
+}
+
+static void test_encode_utf8_multibyte(void)
+{
+        char str[64];
+        size_t len;
+
+        len = encode_utf8(str, L"简体中文", 64);
+        it_i("should return 12 for 4 CJK characters (3 bytes each)", (int)len,
+             12);
+        it_b("should null-terminate at len", str[len] == 0, true);
+        it_b("should match expected string", strcmp(str, u8"简体中文") == 0,
+             true);
+}
+
+static void test_encode_utf8_truncate(void)
+{
+        char str[8];
+        size_t len;
+
+        len = encode_utf8(str, L"hello world", 7);
+        it_i("should return 7 when truncated by max_len 7", (int)len, 7);
+        it_b("should always null-terminate", str[len] == 0, true);
+        it_b("should contain truncated content",
+             strncmp(str, "hello w", 7) == 0, true);
+}
+
+static void test_encode_utf8_exactly_fills(void)
+{
+        unsigned char str[8];
+        size_t len;
+
+        memset(str, 0xAA, sizeof(str));
+        len = encode_utf8((char *)str, L"hello", 5);
+        it_i("should return 5 when exactly fills max_len", (int)len, 5);
+        it_b("should write null at str[5]", str[5] == 0, true);
+        it_b("should not overwrite str[6]", str[6] == 0xAA, true);
+}
+
+static void test_encode_utf8_null_termination(void)
+{
+        char str[8];
+        size_t len;
+
+        memset(str, 0xFF, sizeof(str));
+        len = encode_utf8(str, L"hi", 2);
+        it_b("should always null-terminate when fits", str[len] == 0, true);
+
+        memset(str, 0xFF, sizeof(str));
+        len = encode_utf8(str, L"hello", 3);
+        it_b("should always null-terminate when truncated", str[len] == 0,
+             true);
+
+        memset(str, 0xFF, sizeof(str));
+        len = encode_utf8(str, L"", 4);
+        it_b("should always null-terminate for empty string", str[len] == 0,
+             true);
+}
+
+static void test_encode_utf8_null_buffer(void)
+{
+        size_t len;
+
+        len = encode_utf8(NULL, L"hello", 0);
+        it_i("should pre-calculate 5 for ascii", (int)len, 5);
+
+        len = encode_utf8(NULL, L"简体中文", 0);
+        it_i("should pre-calculate 12 for CJK", (int)len, 12);
+}
+
+static void test_encode_utf8_empty(void)
+{
+        char str[8];
+        size_t len;
+
+        len = encode_utf8(str, L"", 8);
+        it_i("should return 0 for empty string", (int)len, 0);
+        it_b("should null-terminate at len", str[0] == 0, true);
+}
+
+static void test_decode_encode_ansi(void)
+{
+#ifdef _WIN32
+#ifndef CI_ENV
+        wchar_t wcs[64];
+        char str[64];
+        size_t len;
+
+        len = decode_ansi(wcs, "简体中文", 64);
+        it_b("should decode ansi string",
+             (int)len == 4 && wcscmp(wcs, L"简体中文") == 0, true);
+        it_b("should null-terminate at len", wcs[len] == 0, true);
+
+        len = encode_ansi(str, L"简体中文", 64);
+        it_b(
+            "should encode unicode string to ansi",
+            (int)len == (int)strlen("简体中文") && strcmp(str, "简体中文") == 0,
+            true);
+        it_b("should null-terminate at len", str[len] == 0, true);
+#endif
+#endif
+}
+
+void test_encoding(void)
+{
+        describe("decode utf8 ascii", test_decode_utf8_ascii);
+        describe("decode utf8 multibyte", test_decode_utf8_multibyte);
+        describe("decode utf8 mixed", test_decode_utf8_mixed);
+        describe("decode utf8 truncate", test_decode_utf8_truncate);
+        describe("decode utf8 exactly fills", test_decode_utf8_exactly_fills);
+        describe("decode utf8 null termination",
+                 test_decode_utf8_null_termination);
+        describe("decode utf8 null buffer", test_decode_utf8_null_buffer);
+        describe("decode utf8 empty", test_decode_utf8_empty);
+        describe("encode utf8 ascii", test_encode_utf8_ascii);
+        describe("encode utf8 multibyte", test_encode_utf8_multibyte);
+        describe("encode utf8 truncate", test_encode_utf8_truncate);
+        describe("encode utf8 exactly fills", test_encode_utf8_exactly_fills);
+        describe("encode utf8 null termination",
+                 test_encode_utf8_null_termination);
+        describe("encode utf8 null buffer", test_encode_utf8_null_buffer);
+        describe("encode utf8 empty", test_encode_utf8_empty);
+        describe("decode encode ansi", test_decode_encode_ansi);
+}
diff --git a/lib/yutil/tests/test_list.c b/lib/yutil/tests/test_list.c
new file mode 100644
index 000000000..cccc96338
--- /dev/null
+++ b/lib/yutil/tests/test_list.c
@@ -0,0 +1,120 @@
+#include <stdio.h>
+#include <stdlib.h>
+#include "test.h"
+#include "libtest.h"
+#include "yutil/keywords.h"
+#include "yutil/list.h"
+
+void test_list_concat(void)
+{
+	list_t list1;
+	list_t list2;
+	list_create(&list1);
+	list_create(&list2);
+	list_append(&list1, (void *)0);
+	// list_concat(&list1, &list2);
+	list_append(&list2, (void *)10);
+	list_concat(&list1, &list2);
+
+	it_b("list_concat() should work",
+	     (int)(&list1)->length == 2 && (int)(&list2)->length == 0 &&
+		 !list2.head.next && !list2.tail.prev,
+	     true);
+	list_destroy(&list1, NULL);
+	list_destroy(&list2, NULL);
+}
+
+void test_list(void)
+{
+	int arr[] = { 0, 4, 8, 16, 32, 64, 1024, 2048 };
+	size_t i;
+	size_t n = sizeof(arr) / sizeof(int);
+
+	list_t list;
+	list_node_t *node;
+
+	list_create(&list);
+	it_b("list_create() should work",
+	     (int)(&list)->length == 0 && !list.head.next && !list.tail.prev,
+	     true);
+
+	// append data
+	for (i = 0; i < n; ++i) {
+		list_append(&list, arr + i);
+	}
+	it_i("list_append() should work", (int)(&list)->length, (int)n);
+	it_i("list_append_node() should work", (int)(&list)->length, (int)n);
+
+	// delete data
+	for (i = 0; i < n; ++i) {
+		list_delete(&list, 0);
+	}
+	it_i("list_delete() should work", (int)(&list)->length, (int)0);
+	it_i("list_delete_node() should work", (int)(&list)->length, (int)0);
+	it_i("list_unlink() should work", (int)(&list)->length, (int)0);
+	it_i("list_node_free() should work", (int)(&list)->length, (int)0);
+	// insert data
+	for (i = 0; i < n; ++i) {
+		list_insert(&list, i, arr + i);
+	}
+	it_i("list_insert() should work", (int)(&list)->length, (int)n);
+	it_i("list_insert_node() should work", (int)(&list)->length, (int)n);
+	it_i("list_link() should work", (int)(&list)->length, (int)n);
+
+	// insert head
+	list_insert_head(&list, 0);
+	it_i("list_insert_head() should work", (int)(&list)->length,
+	     (int)n + 1);
+	// delete head
+	list_delete_head(&list);
+	it_i("list_delete_head() should work", (int)(&list)->length, (int)n);
+
+	list_append(&list, 0);
+
+	// delete tail
+	list_delete_last(&list);
+	it_i("list_delete_last() should work", (int)(&list)->length, (int)n);
+
+	// list_for_each
+	i = 0;
+	list_for_each(node, &list)
+	{
+		if (node->data != arr + i) {
+			break;
+		}
+		++i;
+	}
+	it_b("list_for_each() should work",
+	     node == NULL && i == sizeof(arr) / sizeof(int), true);
+
+	// list_for_each_reverse
+	i = n - 1;
+	list_for_each_reverse(node, &list)
+	{
+		if (node->data != arr + i) {
+			break;
+		}
+		if (i == 0) {
+			i = n;
+			break;
+		}
+		--i;
+	}
+	it_i("list_for_each_reverse() should work", (int)i, (int)n);
+
+	it_i("list_get_size() should work", (int)(&list)->length, (int)n);
+
+	it_b("list_get() should work", list_get(&list, 3) == (arr + 3), true);
+
+	it_b("list_get_first_node() should work",
+	     list_get_first_node(&list)->data == (arr), true);
+	it_b("list_get_last_node() should work",
+	     list_get_last_node(&list)->data == (arr + n - 1), true);
+
+	test_list_concat();
+
+	list_destroy(&list, NULL);
+	it_b("list_destroy() should work",
+	     (int)(&list)->length == 0 && !list.head.next && !list.tail.prev,
+	     true);
+}
diff --git a/lib/yutil/tests/test_list_entry.c b/lib/yutil/tests/test_list_entry.c
new file mode 100644
index 000000000..a391a3c07
--- /dev/null
+++ b/lib/yutil/tests/test_list_entry.c
@@ -0,0 +1,172 @@
+#include "test.h"
+#include "libtest.h"
+#include "yutil/keywords.h"
+#include "yutil/list_entry.h"
+
+struct __test_list_entry_t {
+	list_entry_t entry_node;
+	size_t data;
+};
+
+typedef struct __test_list_entry_t test_list_entry_t;
+
+void test_list_entry(void)
+{
+	test_list_entry_t entries[8] = { { { 0 }, 0 }, { { 0 }, 1 },
+					 { { 0 }, 2 }, { { 0 }, 3 },
+					 { { 0 }, 4 }, { { 0 }, 5 },
+					 { { 0 }, 6 }, { { 0 }, 7 } };
+
+	// head init
+	list_entry_head_t list;
+	list_entry_head_init(&list, test_list_entry_t, entry_node);
+	it_b("list_entry_head_init() should work", !list.length, true);
+
+	// entry init
+	list_entry_t list_entry1;
+	list_entry_init(&list_entry1);
+
+	// add head
+	list_entry_add_head(&list, &entries[3].entry_node);
+	list_entry_add_head(&list, &entries[2].entry_node);
+	list_entry_add_head(&list, &entries[1].entry_node);
+	it_i("list_entry_add_head() should work", (int)list_entry_size(&list),
+	     3);
+
+	// add tail
+	list_entry_add_tail(&list, &entries[4].entry_node);
+	list_entry_add_tail(&list, &entries[5].entry_node);
+	list_entry_add_tail(&list, &entries[6].entry_node);
+	it_i("list_entry_add_tail() should work", (int)list_entry_size(&list),
+	     6);
+
+	// get entry
+	test_list_entry_t *node =
+	    list_entry(&list, &entries[1].entry_node, test_list_entry_t);
+	it_b("list_entry() should work", node->data == entries[1].data, true);
+	it_b("list_entry_get_first_entry() should work",
+	     list_entry_get_first_entry(&list, test_list_entry_t)->data ==
+		 entries[1].data,
+	     true);
+	it_b("list_entry_get_last_entry() should work",
+	     list_entry_get_last_entry(&list, test_list_entry_t)->data ==
+		 entries[6].data,
+	     true);
+
+	it_b("list_entry_size() should work", (int)list_entry_size(&list), 6);
+
+	// list_entry_for_each
+	list_entry_t *entry = list.next;
+	unsigned int i = 1;
+	list_entry_for_each(&list, entry)
+	{
+		node = list_entry(&list, entry, test_list_entry_t);
+		i++;
+	}
+	it_b("list_entry_for_each() should work", (i - 1) == 6, true);
+
+	// list_entry_for_each_reverse
+	i = 6;
+	list_entry_for_each_reverse(&list, entry)
+	{
+		node = list_entry(&list, entry, test_list_entry_t);
+		i--;
+	}
+	it_b("list_entry_for_each_reverse() should work",
+	     &node->entry_node == list.next && i == 0, true);
+
+	// list_entry_for_each_by_length
+	i = 0;
+	list_entry_for_each_by_length(&list, i, entry)
+	{
+		node = list_entry(&list, entry, test_list_entry_t);
+	}
+	it_b("list_entry_for_each_by_length() should work",
+	     &node->entry_node == list.prev && i == list.length, true);
+
+	// list_entry_for_each_reverse_by_length
+	i = 0;
+	list_entry_for_each_reverse_by_length(&list, i, entry)
+	{
+		node = list_entry(&list, entry, test_list_entry_t);
+	}
+	it_b("list_entry_for_each_reverse_by_length() should work",
+	     &node->entry_node == list.next && i == list.length, true);
+
+	// list_entry_for_each_entry
+	i = 0;
+	list_entry_for_each_entry(&list, node, entry_node, test_list_entry_t)
+	{
+		i++;
+	}
+	it_b("list_entry_for_each_entry() should work", node != NULL && i == 6,
+	     true);
+	// list_entry_for_each_entry_reverse
+	i = 6;
+	list_entry_for_each_entry_reverse(&list, node, entry_node,
+					  test_list_entry_t)
+	{
+		i--;
+	}
+	it_b("list_entry_for_each_entry_reverse() should work",
+	     node != NULL && i == 0, true);
+	it_b("list_entry_is_empty() should work", !list_entry_is_empty(&list),
+	     true);
+	it_b("list_is_singular() should work", !list_is_singular(&list), true);
+
+	// repalce entries
+	list_entry_replace_head(&list, &entries[0].entry_node);
+	list_entry_replace_last(&list, &entries[7].entry_node);
+	it_b("list_entry_replace_head() should work",
+	     (int)list_entry_size(&list) == 6, true);
+	it_b("list_entry_replace_last() should work",
+	     (int)list_entry_size(&list) == 6, true);
+
+	// delete entries
+	list_entry_delete_head(&list);
+	list_entry_delete_last(&list);
+	it_i("list_entry_delete_() should work", (int)list_entry_size(&list),
+	     4);
+
+	list_entry_t *head = list_entry_get_head(&list);
+	list_entry_t *tail = list_entry_get_last(&list);
+	it_b("list_entry_get_head() should work",
+	     list_entry_is_head(&list, head), true);
+	it_b("list_entry_get_last() should work",
+	     list_entry_is_last(&list, tail), true);
+
+	list_entry_move_head(&list, tail);
+	list_entry_move_tail(&list, head);
+	it_b("list_entry_move_head() should work",
+	     tail == list_entry_get_head(&list), true);
+	it_b("list_entry_move_tail() should work",
+	     head == list_entry_get_last(&list), true);
+
+	list_rotate_left(&list);
+	it_b("list_rotate_left() should work",
+	     tail == list_entry_get_last(&list), true);
+
+	list_entry_head_t new_list;
+	list_entry_head_init(&new_list, test_list_entry_t, entry_node);
+
+	list_entry_splice_head(&new_list, &list);
+	it_b("list_entry_splice_head() should work",
+	     (int)list_entry_size(&list) == 0 && (list.next == list.prev) &&
+		 new_list.length != 0,
+	     true);
+	list_entry_splice_tail(&list, &new_list);
+	it_b("list_entry_splice_tail() should work",
+	     (int)list_entry_size(&new_list) == 0 &&
+		 (new_list.next == new_list.prev) && list.length != 0,
+	     true);
+	// clear entries
+	list_entry_clear(&list);
+	it_b("list_entry_clear() should work",
+	     (int)list_entry_size(&list) == 0 && (list.next == list.prev),
+	     true);
+
+	list_entry_exit(&list);
+	it_b("list_entry_exit() should work",
+	     (int)list_entry_size(&list) == 0 && !list.next && !list.prev,
+	     true);
+}
diff --git a/lib/yutil/tests/test_logger.c b/lib/yutil/tests/test_logger.c
new file mode 100644
index 000000000..c8e9b67e8
--- /dev/null
+++ b/lib/yutil/tests/test_logger.c
@@ -0,0 +1,65 @@
+#include <wchar.h>
+#include "test.h"
+#include "libtest.h"
+#include "yutil/keywords.h"
+#include "yutil/logger.h"
+
+#ifdef _WIN32
+#include <windows.h>
+static void win32_logger_log(const char *str)
+{
+	OutputDebugStringA(str);
+}
+
+static void win32_logger_log_w(const wchar_t *wcs)
+{
+	OutputDebugStringW(wcs);
+}
+
+#endif
+
+static void test_logger_set_level(void)
+{
+	logger_set_level(LOGGER_LEVEL_OFF);
+	logger_set_level(LOGGER_LEVEL_ERROR);
+	logger_set_level(LOGGER_LEVEL_WARNING);
+	logger_set_level(LOGGER_LEVEL_INFO);
+	logger_set_level(LOGGER_LEVEL_DEBUG);
+	logger_set_level(LOGGER_LEVEL_ALL);
+	it_b("logger_set_level() should work", 1, true);
+}
+
+static void test_logger_log(void)
+{
+	int len = 0;
+	len = logger_log(LOGGER_LEVEL_ALL, "test\n");
+	// logger_info("test i\n");
+	// logger_debug("test d\n");
+	// logger_warning("test w\n");
+	// logger_error("test e\n");
+	it_b("logger_log() should work", len == 5, true);
+}
+static void test_logger_log_w(void)
+{
+	int len = 0;
+	len = logger_log_w(LOGGER_LEVEL_ALL, L"test\n");
+	logger_info_w(L"test i\n");
+	logger_debug_w(L"test d\n");
+	logger_warning_w(L"test w\n");
+	logger_error_w(L"test e\n");
+	it_b("logger_log_w() should work", len == 5, true);
+}
+
+void test_logger(void)
+{
+	test_logger_set_level();
+	test_logger_log();
+#ifdef _WIN32
+	logger_set_handler(win32_logger_log);
+	it_b("logger_set_handler() should work", 1, true);
+
+	logger_set_handler_w(win32_logger_log_w);
+	it_b("logger_set_handler_w() should work", 1, true);
+#endif
+	test_logger_log_w();
+}
\ No newline at end of file
diff --git a/lib/yutil/tests/test_math.c b/lib/yutil/tests/test_math.c
new file mode 100644
index 000000000..bbe1be149
--- /dev/null
+++ b/lib/yutil/tests/test_math.c
@@ -0,0 +1,27 @@
+#include "test.h"
+#include "libtest.h"
+#include "yutil/keywords.h"
+#include "yutil/math.h"
+
+static void test_math_max(void)
+{
+        it_b("y_max() should work", (int)y_max(1, 2) == 2, true);
+}
+
+static void test_math_min(void)
+{
+        int ix = 1, iy = 2;
+        unsigned ux = 1, uy = 2;
+        double dx = 1.0, dy = 1.0000001;
+
+        it_b("y_min() should work for int", (int)y_min(ix, iy) == ix, true);
+        it_b("y_min() should work for unsigned int", (int)y_min(ux, uy) == ux,
+             true);
+        it_b("y_min() should work for double", (int)y_min(dx, dy) == dx, true);
+}
+
+void test_math(void)
+{
+        test_math_max();
+        test_math_min();
+}
diff --git a/lib/yutil/tests/test_rbtree.c b/lib/yutil/tests/test_rbtree.c
new file mode 100644
index 000000000..a0635d411
--- /dev/null
+++ b/lib/yutil/tests/test_rbtree.c
@@ -0,0 +1,69 @@
+#include <stdio.h>
+#include <stdlib.h>
+#include <time.h>
+#include <stdint.h>
+#include "libtest.h"
+#include "yutil/keywords.h"
+#include "yutil/rbtree.h"
+#include "yutil/time.h"
+
+static const int count = 1 << 20;
+
+void test_rbtree(void)
+{
+        int i;
+        int c = 0;
+        const int delete_count = 1024;
+        const int search_count = 1024;
+        rbtree_t tree = { 0 };
+        rbtree_node_t *s, *node;
+        rbtree_init(&tree);
+
+        char *v[] = {
+                "apple", "banana", "cherry",    "grape",      "lemon",
+                "mango", "pear",   "pineapple", "strawberry", "watermelon"
+        };
+
+        long long time1 = (long long)y_gettime();
+        for (i = 0; i < count; i++) {
+                rbtree_insert(&tree, i + 1, NULL, v[i % 10]);
+        }
+        printf("Inserting %d nodes spends %lld ms.\n", count,
+               (long long)(y_gettime() - time1));
+        it_i("rbtree_insert() should work", tree.total_node, count);
+
+        c = 0;
+
+        srand((unsigned int)time(0));
+        long long time2 = (long long)y_gettime();
+        for (i = 0; i < search_count; i++) {
+                s = rbtree_search_by_key(&tree, (rand() % count) + 1);
+                if (s) {
+                        c++;
+                }
+        }
+
+        printf("Searching %d nodes among %d spends %lld ms.\n", search_count,
+               count, (long long)(y_gettime() - time2));
+        it_i("rbtree_search_by_key() should work", c, search_count);
+
+        long long time3 = (long long)y_gettime();
+        for (i = 1; i <= delete_count; i++) {
+                rbtree_delete(&tree, i, NULL);
+        }
+
+        printf("Deleting %d nodes among %d spends %lld ms.\n", delete_count,
+               count, (long long)(y_gettime() - time3));
+        it_i("rbtree_delete() should work", tree.total_node,
+             count - delete_count);
+
+        long long time4 = (long long)y_gettime();
+        rbtree_destroy(&tree);
+        printf("Destroy %d nodes among %d spends %lld ms.\n", count, count,
+               (long long)(y_gettime() - time4));
+        c = 0;
+        for (node = rbtree_get_min(tree.root); node; node = rbtree_next(node)) {
+                c++;
+        }
+        it_i("rbtree_destroy() should work", c, 0);
+}
diff --git a/lib/yutil/tests/test_string.c b/lib/yutil/tests/test_string.c
new file mode 100644
index 000000000..e7bab3d50
--- /dev/null
+++ b/lib/yutil/tests/test_string.c
@@ -0,0 +1,45 @@
+#include <stdio.h>
+#include <string.h>
+#include <stdlib.h>
+#include "test.h"
+#include "libtest.h"
+#include "yutil/keywords.h"
+#include "yutil/string.h"
+#include "yutil/strlist.h"
+
+void test_strs(void)
+{
+        char **strs = NULL;
+        strlist_add(&strs, "first-child");
+        strlist_add(&strs, "last-child");
+        strlist_add(&strs, "one two");
+        it_b("check first-child is in the list",
+             strlist_has(strs, "first-child"), true);
+        it_b("check last-child is in the list", strlist_has(strs, "last-child"),
+             true);
+        it_b("check one is in the list", strlist_has(strs, "one"), true);
+        it_b("check two is in the list", strlist_has(strs, "two"), true);
+        it_b("check remove(last_child)", strlist_remove(&strs, "last-child"),
+             true);
+        it_b("check remove(first-child", strlist_remove(&strs, "first-child"),
+             true);
+        it_b("check remove(one)", strlist_remove(&strs, "one"), true);
+        it_b("check first-child is removed", strlist_has(strs, "first-child"),
+             false);
+        it_b("check one is removed", strlist_has(strs, "one"), false);
+        it_b("check two is still in the list", strlist_has(strs, "two"), true);
+        it_i("check y_strhash(123, \"123\") is consistent",
+             y_strhash(123, "123"), y_strhash(123, "123"));
+        it_b("check y_strhash(123, \"123\") != y_strhash(123, \"312\")",
+             y_strhash(123, "123") == y_strhash(123, "312"), false);
+        it_b("check y_strhash(100, \"123\") != y_strhash(123, \"123\")",
+             y_strhash(100, "123") == y_strhash(123, "123"), false);
+        it_b("check adding first-child", strlist_add(&strs, "first-child"),
+             true);
+        strlist_free(strs);
+}
+
+void test_string(void)
+{
+        describe("test strs", test_strs);
+}
diff --git a/lib/yutil/tests/test_strpool.c b/lib/yutil/tests/test_strpool.c
new file mode 100644
index 000000000..c228943e9
--- /dev/null
+++ b/lib/yutil/tests/test_strpool.c
@@ -0,0 +1,31 @@
+#include <wchar.h>
+#include <stdio.h>
+#include <string.h>
+#include <stdio.h>
+#include <string.h>
+#include <stdlib.h>
+#include "test.h"
+#include "libtest.h"
+#include "yutil/keywords.h"
+#include "yutil/string.h"
+#include "yutil/strlist.h"
+#include "yutil/strpool.h"
+
+void test_strpool(void)
+{
+	char *str1, *str2;
+	strpool_t *pool;
+
+	it_b("check strpool_create()", (pool = strpool_create()) != NULL, true);
+	it_b("check strpool_alloc",
+	     (str1 = strpool_alloc_str(pool, "hello")) != NULL, true);
+	it_b("check strpool_alloc of already pooled string",
+	     (str2 = strpool_alloc_str(pool, "hello")) != NULL, true);
+	it_b("check string reused", str1 == str2, true);
+	it_b("check strpool_size", strpool_size(pool) > 0, true);
+	it_i("check destroy str1", strpool_free_str(str1), 0);
+	it_s("check str1 is still valid", str1, "hello");
+	it_i("check destroy str2", strpool_free_str(str2), 0);
+	it_i("check strpool is empty", (int)strpool_size(pool), 0);
+	strpool_destroy(pool);
+}
diff --git a/lib/yutil/tests/test_time.c b/lib/yutil/tests/test_time.c
new file mode 100644
index 000000000..77d909010
--- /dev/null
+++ b/lib/yutil/tests/test_time.c
@@ -0,0 +1,21 @@
+#include "test.h"
+#include "libtest.h"
+#include <stdint.h>
+#include "yutil/keywords.h"
+#include "yutil/time.h"
+
+void test_time(void)
+{
+        int64_t time1 = y_gettime();
+        it_b("y_gettime() should work", time1 != 0, true);
+
+        y_sleep(1000);
+
+        it_b("y_gettime() subtraction should work", y_gettime() - time1 != 0,
+             true);
+        it_b("y_sleep() should work", y_gettime() - time1 >= 900, true);
+
+        int64_t time2 = y_gettime();
+        y_sleep(100);
+        it_b("y_sleep() should work", y_gettime() - time2 >= 90, true);
+}
diff --git a/lib/yutil/tests/xmake.lua b/lib/yutil/tests/xmake.lua
new file mode 100644
index 000000000..c03af0e2a
--- /dev/null
+++ b/lib/yutil/tests/xmake.lua
@@ -0,0 +1,12 @@
+target("yutil-tests")
+    set_default(false)
+    set_kind("binary")
+    set_group("tests")
+    set_rundir(".")
+    add_deps("yutil")
+    add_files("*.c")
+    if is_plat("windows") then
+        add_defines("_CRT_SECURE_NO_WARNINGS")
+    else
+        add_cxflags("-Wno-error=unused-variable", "-Wno-error=unused-but-set-variable")
+    end
diff --git a/lib/yutil/xmake.lua b/lib/yutil/xmake.lua
new file mode 100644
index 000000000..04c14ce7c
--- /dev/null
+++ b/lib/yutil/xmake.lua
@@ -0,0 +1,61 @@
+set_warnings("all", "error")
+
+-- set language: c99
+stdc = "c99"
+set_languages(stdc)
+
+-- disable some compiler errors
+add_cxflags("-Wno-error=deprecated-declarations", "-fno-strict-aliasing", "-Wno-error=expansion-to-defined")
+
+-- add build modes
+add_rules("mode.release", "mode.debug")
+
+add_defines("_UNICODE", "YUTIL_EXPORTS")
+
+if is_plat("windows") then
+    add_defines("_CRT_SECURE_NO_WARNINGS")
+else
+    add_defines("_GNU_SOURCE=1")
+end
+
+if is_mode("release") then
+    set_symbols("none")
+end
+
+-- 'xmake f --optionname=test'
+option("yutil_test")
+    set_default(true)
+    set_showmenu(true)
+    set_category("test")
+    set_description("Enable or disable yutil_test option")
+option_end()
+
+-- include project sources
+includes("tests")
+
+target("yutil")
+    -- make as a static/shared library
+    set_kind("$(kind)")
+    if is_kind("shared") then
+        -- export all symbols for windows/dll
+        if is_plat("windows") then
+            if is_mode("release") then
+                set_optimize("fastest")
+            end
+            add_rules("utils.symbols.export_all")
+        end
+    else
+        set_configvar("YUTIL_STATIC_BUILD", 1)
+    end
+
+    -- add include directories
+    add_includedirs("include", {public = true})
+
+    -- add the header files for installing
+    add_headerfiles("include/yutil.h")
+    add_headerfiles("include/(yutil/*.h)")
+    set_configdir("include/yutil")
+    add_configfiles("include/yutil/config.h.in")
+
+    -- add the common source files
+    add_files("src/*.c")
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 000000000..1dedf7154
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,806 @@
+{
+  "name": "lcui",
+  "version": "3.0.0-alpha.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "lcui",
+      "version": "3.0.0-alpha.0",
+      "license": "MIT",
+      "devDependencies": {
+        "clang-format-node": "^3.0.6",
+        "husky": "^9.1.7",
+        "lint-staged": "^15.2.10"
+      }
+    },
+    "node_modules/ansi-escapes": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmmirror.com/ansi-escapes/-/ansi-escapes-7.3.0.tgz",
+      "integrity": "sha512-BvU8nYgGQBxcmMuEeUEmNTvrMVjJNSH7RgW24vXexN4Ven6qCvy4TntnvlnwnMLTVlcRQQdbRY8NKnaIoeWDNg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "environment": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmmirror.com/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmmirror.com/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/clang-format-node": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmmirror.com/clang-format-node/-/clang-format-node-3.0.6.tgz",
+      "integrity": "sha512-AyhcATWwytqnUaswgtpelVP1/UjHWf+tmWrtsy8dRwGkgVXuX61uVa4194wtPHsUzZSwzbcbW0avzLd07tGMPQ==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "clang-format": "build/cli.js",
+        "clang-format-node": "build/cli.js"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/lumirlumir"
+      }
+    },
+    "node_modules/cli-cursor": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/cli-cursor/-/cli-cursor-5.0.0.tgz",
+      "integrity": "sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "restore-cursor": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-truncate": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/cli-truncate/-/cli-truncate-4.0.0.tgz",
+      "integrity": "sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "slice-ansi": "^5.0.0",
+        "string-width": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/colorette": {
+      "version": "2.0.20",
+      "resolved": "https://registry.npmmirror.com/colorette/-/colorette-2.0.20.tgz",
+      "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/commander": {
+      "version": "13.1.0",
+      "resolved": "https://registry.npmmirror.com/commander/-/commander-13.1.0.tgz",
+      "integrity": "sha512-/rFeCpNJQbhSZjGVwO9RFV3xPqbnERS8MmIQzCtD/zl6gpJuV/bMLuN92oG3F7d8oDEHHRrujSXNUr8fpjntKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmmirror.com/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmmirror.com/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/emoji-regex": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/environment": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/environment/-/environment-1.1.0.tgz",
+      "integrity": "sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmmirror.com/eventemitter3/-/eventemitter3-5.0.4.tgz",
+      "integrity": "sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/execa": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmmirror.com/execa/-/execa-8.0.1.tgz",
+      "integrity": "sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^8.0.1",
+        "human-signals": "^5.0.0",
+        "is-stream": "^3.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^5.1.0",
+        "onetime": "^6.0.0",
+        "signal-exit": "^4.1.0",
+        "strip-final-newline": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=16.17"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmmirror.com/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/get-east-asian-width": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmmirror.com/get-east-asian-width/-/get-east-asian-width-1.6.0.tgz",
+      "integrity": "sha512-QRbvDIbx6YklUe6RxeTeleMR0yv3cYH6PsPZHcnVn7xv7zO1BHN8r0XETu8n6Ye3Q+ahtSarc3WgtNWmehIBfA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmmirror.com/get-stream/-/get-stream-8.0.1.tgz",
+      "integrity": "sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/human-signals": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/human-signals/-/human-signals-5.0.0.tgz",
+      "integrity": "sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=16.17.0"
+      }
+    },
+    "node_modules/husky": {
+      "version": "9.1.7",
+      "resolved": "https://registry.npmmirror.com/husky/-/husky-9.1.7.tgz",
+      "integrity": "sha512-5gs5ytaNjBrh5Ow3zrvdUUY+0VxIuWVL4i9irt6friV+BqdCfmV11CQTWMiBYWHbXhco+J1kHfTOUkePhCDvMA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "husky": "bin.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/typicode"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz",
+      "integrity": "sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmmirror.com/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-stream": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/is-stream/-/is-stream-3.0.0.tgz",
+      "integrity": "sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/lilconfig": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmmirror.com/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "node_modules/lint-staged": {
+      "version": "15.5.2",
+      "resolved": "https://registry.npmmirror.com/lint-staged/-/lint-staged-15.5.2.tgz",
+      "integrity": "sha512-YUSOLq9VeRNAo/CTaVmhGDKG+LBtA8KF1X4K5+ykMSwWST1vDxJRB2kv2COgLb1fvpCo+A/y9A0G0znNVmdx4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^5.4.1",
+        "commander": "^13.1.0",
+        "debug": "^4.4.0",
+        "execa": "^8.0.1",
+        "lilconfig": "^3.1.3",
+        "listr2": "^8.2.5",
+        "micromatch": "^4.0.8",
+        "pidtree": "^0.6.0",
+        "string-argv": "^0.3.2",
+        "yaml": "^2.7.0"
+      },
+      "bin": {
+        "lint-staged": "bin/lint-staged.js"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/lint-staged"
+      }
+    },
+    "node_modules/listr2": {
+      "version": "8.3.3",
+      "resolved": "https://registry.npmmirror.com/listr2/-/listr2-8.3.3.tgz",
+      "integrity": "sha512-LWzX2KsqcB1wqQ4AHgYb4RsDXauQiqhjLk+6hjbaeHG4zpjjVAB6wC/gz6X0l+Du1cN3pUB5ZlrvTbhGSNnUQQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cli-truncate": "^4.0.0",
+        "colorette": "^2.0.20",
+        "eventemitter3": "^5.0.1",
+        "log-update": "^6.1.0",
+        "rfdc": "^1.4.1",
+        "wrap-ansi": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/log-update": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmmirror.com/log-update/-/log-update-6.1.0.tgz",
+      "integrity": "sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-escapes": "^7.0.0",
+        "cli-cursor": "^5.0.0",
+        "slice-ansi": "^7.1.0",
+        "strip-ansi": "^7.1.0",
+        "wrap-ansi": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/is-fullwidth-code-point": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-5.1.0.tgz",
+      "integrity": "sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-east-asian-width": "^1.3.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/slice-ansi": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmmirror.com/slice-ansi/-/slice-ansi-7.1.2.tgz",
+      "integrity": "sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "is-fullwidth-code-point": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmmirror.com/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/mimic-fn/-/mimic-fn-4.0.0.tgz",
+      "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/mimic-function": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/mimic-function/-/mimic-function-5.0.1.tgz",
+      "integrity": "sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/npm-run-path": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmmirror.com/npm-run-path/-/npm-run-path-5.3.0.tgz",
+      "integrity": "sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/npm-run-path/node_modules/path-key": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/path-key/-/path-key-4.0.0.tgz",
+      "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/onetime/-/onetime-6.0.0.tgz",
+      "integrity": "sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmmirror.com/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pidtree": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmmirror.com/pidtree/-/pidtree-0.6.0.tgz",
+      "integrity": "sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "pidtree": "bin/pidtree.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/restore-cursor": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmmirror.com/restore-cursor/-/restore-cursor-5.1.0.tgz",
+      "integrity": "sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "onetime": "^7.0.0",
+        "signal-exit": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/restore-cursor/node_modules/onetime": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmmirror.com/onetime/-/onetime-7.0.0.tgz",
+      "integrity": "sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-function": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/rfdc": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmmirror.com/rfdc/-/rfdc-1.4.1.tgz",
+      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/slice-ansi": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/slice-ansi/-/slice-ansi-5.0.0.tgz",
+      "integrity": "sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.0.0",
+        "is-fullwidth-code-point": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/string-argv": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmmirror.com/string-argv/-/string-argv-0.3.2.tgz",
+      "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6.19"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmmirror.com/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-7.2.0.tgz",
+      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.2.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/strip-final-newline": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/strip-final-newline/-/strip-final-newline-3.0.0.tgz",
+      "integrity": "sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmmirror.com/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
+      "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "string-width": "^7.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/yaml": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmmirror.com/yaml/-/yaml-2.9.0.tgz",
+      "integrity": "sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
index fc12043eb..6816a00c8 100644
--- a/package.json
+++ b/package.json
@@ -10,8 +10,20 @@
   "scripts": {
     "build-changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0",
     "update-changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
-    "update-copyright": "node scripts/add-copyright.js"
+    "update-copyright": "node scripts/add-copyright.js",
+    "format:check": "node scripts/clang-format-changed.js",
+    "prepare": "husky"
   },
+  "lint-staged": {
+    "**/*.{c,h}": [
+      "clang-format -i"
+    ]
+  },
+    "devDependencies": {
+    "clang-format-node": "^3.0.6",
+    "husky": "^9.1.7",
+    "lint-staged": "^15.2.10"
+    },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/lc-soft/LCUI.git"
@@ -21,7 +33,7 @@
     "gui",
     "framework"
   ],
-  "author": "Liu Chao <root@lc-soft.io> (https://lc-soft.io/)",
+  "author": "Liu Chao <hello@lcui.dev> (https://lcui.dev)",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/lc-soft/LCUI/issues"
diff --git a/scripts/add-copyright.js b/scripts/add-copyright.js
index 4a6320c54..ba0bfbffa 100644
--- a/scripts/add-copyright.js
+++ b/scripts/add-copyright.js
@@ -5,11 +5,11 @@ const bom = "\ufeff";
 const cwd = process.cwd();
 const project = path.basename(cwd);
 const includes = ["lib", "include", "src"].map((file) =>
-  path.resolve(cwd, file)
+  path.resolve(cwd, file),
 );
 const excludes = ["lib/yutil"].map((file) => path.resolve(cwd, file));
 const extensions = [".c", ".h", ".h.in"];
-const copyrightHolder = "Liu Chao <i@lc-soft.io>";
+const copyrightHolder = "Liu Chao <hello@lcui.dev>";
 const copyright = `/*
  * {{filePath}}{{summary}}
  *
@@ -17,8 +17,8 @@ const copyright = `/*
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of ${project}, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of ${project}, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 `;
 
@@ -45,19 +45,34 @@ function parseCopyrightComment(content) {
   if (!hasComment) {
     return result;
   }
-  result.comment = content.substring(0, index);
-  result.comment.split("\n").forEach((line) => {
-    if (!line.includes("Copyright")) {
-      return;
-    }
-    const [year, holder] = line
-      .substring(3)
-      .replace("Copyright (c)", "")
-      .replace("All rights reserved.", "")
+
+  let parsingCopyright = false;
+  let copyrightCommnet = "";
+
+  function processCopyright() {
+    const [year, holder] = copyrightCommnet
       .split(", ")
       .map((str) => str.trim());
     result.holders.push({ year, holder });
     result.exists = true;
+  }
+
+  result.comment = content.substring(0, index);
+  result.comment.split(/\r?\n/).forEach((lineRaw) => {
+    const line = lineRaw.substring(3).trimEnd();
+    if (line.includes("Copyright")) {
+      if (copyrightCommnet) {
+        processCopyright();
+      }
+      parsingCopyright = true;
+      copyrightCommnet = line.replace("Copyright (c)", "");
+    } else if (parsingCopyright) {
+      copyrightCommnet += ` ${line}`;
+    }
+    if (line.includes("All rights reserved")) {
+      copyrightCommnet = copyrightCommnet.replace("All rights reserved.", "");
+      processCopyright();
+    }
   });
   return result;
 }
@@ -68,11 +83,15 @@ function parseFile(filePath) {
     content = content.slice(1);
   }
   const copyright = parseCopyrightComment(content);
-  if (
-    !copyright.exists ||
-    !copyright.holders.some(({ holder }) => isCurrentHolder(holder))
-  ) {
-    copyright.holders.push({ year: null, holder: copyrightHolder });
+  try {
+    if (
+      !copyright.exists ||
+      !copyright.holders.some(({ holder }) => isCurrentHolder(holder))
+    ) {
+      copyright.holders.push({ year: null, holder: copyrightHolder });
+    }
+  } catch (err) {
+    throw err;
   }
   const result = {
     summary: "",
@@ -82,7 +101,7 @@ function parseFile(filePath) {
   };
   if (copyright.exists) {
     copyright.comment
-      .split("\n")
+      .split(/\r?\n/)
       .slice(0, 3)
       .some((line) => {
         if (line.includes("Copyright")) {
@@ -112,16 +131,16 @@ function generateCopyright(holders, fileCreatedAt) {
       if (!year) {
         copyrightYear = fileCreatedAt.getFullYear();
       }
-      const startYear = `${copyrightYear}`.split('-')[0];
+      const startYear = `${copyrightYear}`.split("-")[0];
       if (startYear !== `${currentYear}`) {
         copyrightYear = `${startYear}-${currentYear}`;
       }
     }
     return `Copyright (c) ${copyrightYear}, ${holder}`;
   });
-  const result = lines.join("\n * ");
+  const result = lines.join("\r\n * ");
   return `${
-    lines.length > 1 ? `${result}\n * ` : `${result} `
+    lines.length > 1 ? `${result}\r\n * ` : `${result} `
   }All rights reserved.`;
 }
 
@@ -132,10 +151,10 @@ function insertCopyright(filePath) {
     .replace("{{summary}}", result.summary ? `: ${result.summary}` : "")
     .replace(
       "{{copyright}}",
-      generateCopyright(result.copyright.holders, result.createdAt)
+      generateCopyright(result.copyright.holders, result.createdAt),
     );
 
-  fs.writeFileSync(filePath, `${bom}${header}\n${result.content}`, "utf-8");
+  fs.writeFileSync(filePath, `${bom}${header}\r\n${result.content}`, "utf-8");
 }
 
 function traverseFolder(folderPath) {
@@ -159,4 +178,8 @@ function traverseFolder(folderPath) {
   });
 }
 
-traverseFolder(cwd);
+for (const include of includes) {
+  if (fs.existsSync(include) && fs.statSync(include).isDirectory()) {
+    traverseFolder(include);
+  }
+}
diff --git a/scripts/clang-format-changed.js b/scripts/clang-format-changed.js
new file mode 100644
index 000000000..fe6ba0a44
--- /dev/null
+++ b/scripts/clang-format-changed.js
@@ -0,0 +1,105 @@
+#!/usr/bin/env node
+/*
+ * scripts/clang-format-changed.js
+ *
+ * Run clang-format --dry-run --Werror on .c / .h files that differ from
+ * a base ref. Designed for CI: it only inspects files actually touched by
+ * the current PR / push, leaving pre-existing formatting issues alone.
+ *
+ * The clang-format binary is resolved from node_modules/.bin so that the
+ * project-local version (installed from the `clang-format-node` devDependency)
+ * is always used, regardless of system PATH.
+ *
+ * Usage:
+ *   node scripts/clang-format-changed.js [base-ref]
+ *
+ * Defaults to "origin/develop" if no base ref is given.
+ */
+
+const fs = require("node:fs");
+const path = require("node:path");
+const { execFileSync, spawnSync } = require("node:child_process");
+
+const baseRef = process.argv[2] || "origin/develop";
+
+function resolveClangFormat() {
+  const candidates = [
+    path.join("node_modules", ".bin", "clang-format"),
+    path.join("node_modules", ".bin", "clang-format.cmd"),
+  ];
+  for (const c of candidates) {
+    if (fs.existsSync(c)) {
+      return c;
+    }
+  }
+  return null;
+}
+
+const clangFormat = resolveClangFormat();
+if (!clangFormat) {
+  console.error(
+    "clang-format not found in node_modules/.bin. Run: npm install"
+  );
+  process.exit(1);
+}
+
+let version;
+try {
+  version = execFileSync(clangFormat, ["--version"], {
+    encoding: "utf8",
+    shell: true,
+  }).trim();
+} catch (err) {
+  console.error(`failed to run ${clangFormat} --version:`, err.message);
+  process.exit(1);
+}
+
+let files;
+try {
+  const out = execFileSync(
+    "git",
+    ["diff", "--name-only", "--diff-filter=ACMR", `${baseRef}...HEAD`],
+    { encoding: "utf8" }
+  );
+  files = out
+    .split(/\r?\n/)
+    .filter((f) => /\.(c|h)$/i.test(f))
+    .filter(Boolean);
+} catch (err) {
+  console.error(`failed to diff against ${baseRef}:`, err.message);
+  process.exit(1);
+}
+
+if (files.length === 0) {
+  console.log(`clang-format: ${version}`);
+  console.log(`clang-format binary: ${clangFormat}`);
+  console.log("no changed C/C++ files");
+  process.exit(0);
+}
+
+console.log(`clang-format: ${version}`);
+console.log(`clang-format binary: ${clangFormat}`);
+console.log(`checking ${files.length} changed file(s) against ${baseRef}`);
+
+const BATCH = 50;
+let exitCode = 0;
+for (let i = 0; i < files.length; i += BATCH) {
+  const batch = files.slice(i, i + BATCH);
+  const result = spawnSync(
+    clangFormat,
+    ["--dry-run", "--Werror", ...batch],
+    { stdio: "inherit", shell: true }
+  );
+  if (result.error) {
+    console.error(
+      `failed to execute ${clangFormat}:`,
+      result.error.message
+    );
+    process.exit(1);
+  }
+  if ((result.status ?? 0) !== 0) {
+    exitCode = result.status ?? 1;
+  }
+}
+
+process.exit(exitCode);
diff --git a/src/ini_doc.c b/src/ini_doc.c
new file mode 100644
index 000000000..3ea1a42b3
--- /dev/null
+++ b/src/ini_doc.c
@@ -0,0 +1,481 @@
+/*
+ * src/ini_doc.c: -- generic INI document.
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <ctype.h>
+#include <errno.h>
+#include <limits.h>
+#include <stdio.h>
+#include <stdlib.h>
+#include <string.h>
+#include <yutil.h>
+#ifndef _WIN32
+#include <strings.h>
+#endif
+
+#include "ini_doc.h"
+
+#ifdef _WIN32
+#define strcasecmp _stricmp
+#define strncasecmp _strnicmp
+#endif
+
+typedef struct ini_entry {
+        char *key;
+        char *value;
+} ini_entry_t;
+
+typedef struct ini_section {
+        char *name;
+        ini_entry_t *entries;
+        size_t entry_count;
+        size_t entry_capacity;
+} ini_section_t;
+
+struct ini_doc {
+        ini_section_t *sections;
+        size_t section_count;
+        size_t section_capacity;
+};
+
+static ini_section_t *ini_doc_find_section(ini_doc_t *doc, const char *name,
+                                           bool create)
+{
+        size_t i;
+        ini_section_t *section;
+
+        for (i = 0; i < doc->section_count; ++i) {
+                if (strcasecmp(doc->sections[i].name, name) == 0) {
+                        return &doc->sections[i];
+                }
+        }
+        if (!create) {
+                return NULL;
+        }
+        if (doc->section_count >= doc->section_capacity) {
+                size_t cap =
+                    doc->section_capacity ? doc->section_capacity * 2 : 8;
+                ini_section_t *s;
+
+                s = realloc(doc->sections, cap * sizeof(ini_section_t));
+                if (!s) {
+                        return NULL;
+                }
+                doc->sections = s;
+                doc->section_capacity = cap;
+        }
+        section = &doc->sections[doc->section_count];
+        memset(section, 0, sizeof(*section));
+        section->name = y_strdup(name);
+        if (!section->name) {
+                return NULL;
+        }
+        doc->section_count++;
+        return section;
+}
+
+static const ini_section_t *ini_doc_find_section_const(const ini_doc_t *doc,
+                                                       const char *name)
+{
+        size_t i;
+
+        for (i = 0; i < doc->section_count; ++i) {
+                if (strcasecmp(doc->sections[i].name, name) == 0) {
+                        return &doc->sections[i];
+                }
+        }
+        return NULL;
+}
+
+static ini_entry_t *ini_section_find_entry(ini_section_t *section,
+                                           const char *key)
+{
+        size_t i;
+
+        for (i = 0; i < section->entry_count; ++i) {
+                if (strcasecmp(section->entries[i].key, key) == 0) {
+                        return &section->entries[i];
+                }
+        }
+        return NULL;
+}
+
+static const ini_entry_t *ini_section_find_entry_const(
+    const ini_section_t *section, const char *key)
+{
+        size_t i;
+
+        for (i = 0; i < section->entry_count; ++i) {
+                if (strcasecmp(section->entries[i].key, key) == 0) {
+                        return &section->entries[i];
+                }
+        }
+        return NULL;
+}
+
+static ini_entry_t *ini_section_ensure_entry(ini_section_t *section,
+                                             const char *key)
+{
+        ini_entry_t *entry = ini_section_find_entry(section, key);
+
+        if (entry) {
+                return entry;
+        }
+        if (section->entry_count >= section->entry_capacity) {
+                size_t cap =
+                    section->entry_capacity ? section->entry_capacity * 2 : 4;
+                ini_entry_t *e;
+
+                e = realloc(section->entries, cap * sizeof(ini_entry_t));
+                if (!e) {
+                        return NULL;
+                }
+                section->entries = e;
+                section->entry_capacity = cap;
+        }
+        entry = &section->entries[section->entry_count];
+        memset(entry, 0, sizeof(*entry));
+        entry->key = y_strdup(key);
+        if (!entry->key) {
+                return NULL;
+        }
+        section->entry_count++;
+        return entry;
+}
+
+static bool ini_entry_set_value(ini_entry_t *entry, const char *value)
+{
+        char *copy = y_strdup(value);
+
+        if (!copy) {
+                return false;
+        }
+        free(entry->value);
+        entry->value = copy;
+        return true;
+}
+
+static char *ini_trim(char *str)
+{
+        size_t len;
+
+        while (*str && isspace((unsigned char)*str)) {
+                ++str;
+        }
+        len = strlen(str);
+        while (len > 0 && isspace((unsigned char)str[len - 1])) {
+                str[--len] = 0;
+        }
+        return str;
+}
+
+static void ini_section_destroy(ini_section_t *section)
+{
+        size_t i;
+
+        for (i = 0; i < section->entry_count; ++i) {
+                free(section->entries[i].key);
+                free(section->entries[i].value);
+        }
+        free(section->entries);
+        free(section->name);
+        memset(section, 0, sizeof(*section));
+}
+
+ini_doc_t *ini_doc_create(void)
+{
+        ini_doc_t *doc = calloc(1, sizeof(ini_doc_t));
+
+        return doc;
+}
+
+ini_doc_t *ini_doc_load(const char *path)
+{
+        char line[1024];
+        char section[256] = { 0 };
+        FILE *fp;
+        ini_doc_t *doc;
+
+        fp = fopen(path, "r");
+        if (!fp) {
+                if (errno == ENOENT) {
+                        return ini_doc_create();
+                }
+                return NULL;
+        }
+        doc = ini_doc_create();
+        if (!doc) {
+                fclose(fp);
+                return NULL;
+        }
+        while (fgets(line, sizeof(line), fp)) {
+                char *data, *value, *end;
+
+                data = ini_trim(line);
+                if (data[0] == 0 || data[0] == ';' || data[0] == '#') {
+                        continue;
+                }
+                if (data[0] == '[') {
+                        end = strchr(data, ']');
+                        if (!end) {
+                                continue;
+                        }
+                        *end = 0;
+                        snprintf(section, sizeof(section), "%s", data + 1);
+                        continue;
+                }
+                value = strchr(data, '=');
+                if (!value || section[0] == 0) {
+                        continue;
+                }
+                *value++ = 0;
+                data = ini_trim(data);
+                value = ini_trim(value);
+                if (!ini_doc_set_string(doc, section, data, value)) {
+                        ini_doc_destroy(doc);
+                        fclose(fp);
+                        return NULL;
+                }
+        }
+        fclose(fp);
+        return doc;
+}
+
+bool ini_doc_save(const ini_doc_t *doc, const char *path)
+{
+        size_t i, j, path_len;
+        char *backup_path = NULL;
+        char *tmp_path;
+        FILE *fp;
+        int ret;
+        bool first_section = true;
+
+        path_len = strlen(path);
+        tmp_path = malloc(sizeof(char) * (path_len + 5));
+        if (!tmp_path) {
+                return false;
+        }
+        strcpy(tmp_path, path);
+        strcat(tmp_path, ".tmp");
+        fp = fopen(tmp_path, "w");
+        if (!fp) {
+                free(tmp_path);
+                return false;
+        }
+        for (i = 0; i < doc->section_count; ++i) {
+                const ini_section_t *s = &doc->sections[i];
+
+                if (!first_section) {
+                        fprintf(fp, "\n");
+                }
+                fprintf(fp, "[%s]\n", s->name);
+                for (j = 0; j < s->entry_count; ++j) {
+                        fprintf(fp, "%s=%s\n", s->entries[j].key,
+                                s->entries[j].value);
+                }
+                first_section = false;
+        }
+        fclose(fp);
+#ifdef _WIN32
+        backup_path = malloc(sizeof(char) * (path_len + 5));
+        if (!backup_path) {
+                remove(tmp_path);
+                free(tmp_path);
+                return false;
+        }
+        snprintf(backup_path, path_len + 5, "%s.bak", path);
+        remove(backup_path);
+        ret = rename(path, backup_path);
+        if (ret != 0 && errno != ENOENT) {
+                remove(tmp_path);
+                free(backup_path);
+                free(tmp_path);
+                return false;
+        }
+        ret = rename(tmp_path, path);
+        if (ret == 0) {
+                remove(backup_path);
+        } else if (rename(backup_path, path) != 0) {
+                remove(backup_path);
+        }
+#else
+        ret = rename(tmp_path, path);
+#endif
+        free(backup_path);
+        free(tmp_path);
+        return ret == 0;
+}
+
+void ini_doc_destroy(ini_doc_t *doc)
+{
+        size_t i;
+
+        for (i = 0; i < doc->section_count; ++i) {
+                ini_section_destroy(&doc->sections[i]);
+        }
+        free(doc->sections);
+        free(doc);
+}
+
+bool ini_doc_get_int(const ini_doc_t *doc, const char *section, const char *key,
+                     int *out)
+{
+        long val;
+        char *endptr;
+        const ini_section_t *s;
+        const ini_entry_t *e;
+
+        s = ini_doc_find_section_const(doc, section);
+        if (!s) {
+                return false;
+        }
+        e = ini_section_find_entry_const(s, key);
+        if (!e || !e->value) {
+                return false;
+        }
+        errno = 0;
+        val = strtol(e->value, &endptr, 10);
+        if (errno != 0 || endptr == e->value || *endptr != 0 || val > INT_MAX ||
+            val < INT_MIN) {
+                return false;
+        }
+        *out = (int)val;
+        return true;
+}
+
+bool ini_doc_get_bool(const ini_doc_t *doc, const char *section,
+                      const char *key, bool *out)
+{
+        const ini_section_t *s;
+        const ini_entry_t *e;
+
+        s = ini_doc_find_section_const(doc, section);
+        if (!s) {
+                return false;
+        }
+        e = ini_section_find_entry_const(s, key);
+        if (!e || !e->value) {
+                return false;
+        }
+        if (strcmp(e->value, "1") == 0 || strcasecmp(e->value, "true") == 0) {
+                *out = true;
+                return true;
+        }
+        if (strcmp(e->value, "0") == 0 || strcasecmp(e->value, "false") == 0) {
+                *out = false;
+                return true;
+        }
+        return false;
+}
+
+bool ini_doc_get_string(const ini_doc_t *doc, const char *section,
+                        const char *key, char **out)
+{
+        const ini_section_t *s;
+        const ini_entry_t *e;
+
+        s = ini_doc_find_section_const(doc, section);
+        if (!s) {
+                return false;
+        }
+        e = ini_section_find_entry_const(s, key);
+        if (!e || !e->value) {
+                return false;
+        }
+        *out = y_strdup(e->value);
+        return *out != NULL;
+}
+
+bool ini_doc_set_int(ini_doc_t *doc, const char *section, const char *key,
+                     int value)
+{
+        char buf[32];
+
+        snprintf(buf, sizeof(buf), "%d", value);
+        return ini_doc_set_string(doc, section, key, buf);
+}
+
+bool ini_doc_set_bool(ini_doc_t *doc, const char *section, const char *key,
+                      bool value)
+{
+        return ini_doc_set_string(doc, section, key, value ? "1" : "0");
+}
+
+bool ini_doc_set_string(ini_doc_t *doc, const char *section, const char *key,
+                        const char *value)
+{
+        ini_section_t *s;
+        ini_entry_t *e;
+
+        s = ini_doc_find_section(doc, section, true);
+        if (!s) {
+                return false;
+        }
+        e = ini_section_ensure_entry(s, key);
+        if (!e) {
+                return false;
+        }
+        return ini_entry_set_value(e, value);
+}
+
+bool ini_doc_has_section(const ini_doc_t *doc, const char *section)
+{
+        return ini_doc_find_section_const(doc, section) != NULL;
+}
+
+bool ini_doc_remove_section(ini_doc_t *doc, const char *section)
+{
+        size_t i;
+        ini_section_t *s;
+
+        for (i = 0; i < doc->section_count; ++i) {
+                if (strcasecmp(doc->sections[i].name, section) == 0) {
+                        s = &doc->sections[i];
+                        ini_section_destroy(s);
+                        if (i + 1 < doc->section_count) {
+                                memmove(&doc->sections[i],
+                                        &doc->sections[i + 1],
+                                        (doc->section_count - i - 1) *
+                                            sizeof(ini_section_t));
+                        }
+                        doc->section_count--;
+                        return true;
+                }
+        }
+        return false;
+}
+
+bool ini_doc_has_key(const ini_doc_t *doc, const char *section, const char *key)
+{
+        const ini_section_t *s;
+
+        s = ini_doc_find_section_const(doc, section);
+        if (!s) {
+                return false;
+        }
+        return ini_section_find_entry_const(s, key) != NULL;
+}
+
+void ini_doc_foreach_section(const ini_doc_t *doc, const char *prefix,
+                             ini_doc_section_fn fn, void *ctx)
+{
+        size_t i, prefix_len;
+
+        prefix_len = strlen(prefix);
+        for (i = 0; i < doc->section_count; ++i) {
+                const char *name = doc->sections[i].name;
+
+                if (strncasecmp(name, prefix, prefix_len) == 0) {
+                        if (!fn(name + prefix_len, ctx)) {
+                                return;
+                        }
+                }
+        }
+}
diff --git a/src/ini_doc.h b/src/ini_doc.h
new file mode 100644
index 000000000..65f4fd27b
--- /dev/null
+++ b/src/ini_doc.h
@@ -0,0 +1,48 @@
+/*
+ * src/ini_doc.h: -- generic INI document.
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#ifndef LCUI_SRC_INI_DOC_H
+#define LCUI_SRC_INI_DOC_H
+
+#include <stdbool.h>
+#include <stddef.h>
+
+typedef struct ini_doc ini_doc_t;
+
+typedef bool (*ini_doc_section_fn)(const char *suffix, void *ctx);
+
+ini_doc_t *ini_doc_create(void);
+ini_doc_t *ini_doc_load(const char *path);
+bool ini_doc_save(const ini_doc_t *doc, const char *path);
+void ini_doc_destroy(ini_doc_t *doc);
+
+bool ini_doc_get_int(const ini_doc_t *doc, const char *section, const char *key,
+                     int *out);
+bool ini_doc_get_bool(const ini_doc_t *doc, const char *section,
+                      const char *key, bool *out);
+bool ini_doc_get_string(const ini_doc_t *doc, const char *section,
+                        const char *key, char **out);
+
+bool ini_doc_set_int(ini_doc_t *doc, const char *section, const char *key,
+                     int value);
+bool ini_doc_set_bool(ini_doc_t *doc, const char *section, const char *key,
+                      bool value);
+bool ini_doc_set_string(ini_doc_t *doc, const char *section, const char *key,
+                        const char *value);
+
+bool ini_doc_has_section(const ini_doc_t *doc, const char *section);
+bool ini_doc_has_key(const ini_doc_t *doc, const char *section,
+                     const char *key);
+bool ini_doc_remove_section(ini_doc_t *doc, const char *section);
+void ini_doc_foreach_section(const ini_doc_t *doc, const char *prefix,
+                             ini_doc_section_fn fn, void *ctx);
+
+#endif
diff --git a/src/lcui.c b/src/lcui.c
index 6304e22a3..4613cc39c 100644
--- a/src/lcui.c
+++ b/src/lcui.c
@@ -1,22 +1,55 @@
 /*
  * src/lcui.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+/*
+ * src/lcui.c
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights
+ * reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI,
+ * distributed under the MIT License found
+ * in the LICENSE.TXT file in the
+ * root directory of this source tree.
+ */
+
+/*
+ * src/lcui.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All
+ * rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part
+ * of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file
+ * in the root directory of this source tree.
  */
 
 #include <time.h>
 #include <ptk.h>
 #include <LCUI/config.h>
 #include <LCUI/app.h>
+#include "lcui_app.h"
 #include <LCUI/widgets.h>
 #include <LCUI/settings.h>
 
 extern void lcui_fonts_init(void);
+extern void lcui_rendering_destroy(void);
+extern void lcui_rendering_init(void);
+extern void lcui_window_state_destroy(void);
+extern void lcui_window_state_init(void);
 extern void lcui_widgets_init(void);
 extern void lcui_widgets_destroy(void);
 
@@ -32,19 +65,27 @@ void lcui_init(void)
                    "Build at "__DATE__
                    " - "__TIME__
                    "\n"
-                   "Copyright (C) 2012-2024 Liu Chao <root@lc-soft.io>.\n"
+                   "Copyright (C) 2012-2026 Liu Chao <hello@lcui.dev>.\n"
                    "This is open source software, licensed under MIT. \n"
                    "See source distribution for detailed copyright notices.\n"
-                   "To learn more, visit http://www.lcui.org.\n\n");
+                   "To learn more, visit http://lcui.dev\n\n");
 
         lcui_app_init();
         lcui_fonts_init();
         lcui_widgets_init();
-        lcui_reset_settings();
+        lcui_rendering_init();
+        lcui_window_state_init();
+        if (!lcui_settings_load()) {
+                logger_warning(
+                    "failed to load settings, fallback to built-in defaults\n");
+        }
 }
 
 void lcui_destroy(void)
 {
+        lcui_settings_unload();
+        lcui_window_state_destroy();
+        lcui_rendering_destroy();
         lcui_widgets_destroy();
         lcui_app_destroy();
 }
diff --git a/src/lcui_app.c b/src/lcui_app.c
index 44b1b91ed..eb0719112 100644
--- a/src/lcui_app.c
+++ b/src/lcui_app.c
@@ -1,24 +1,43 @@
 /*
  * src/lcui_app.c
  *
- * Copyright (c) 2024-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <math.h>
+#include <stdlib.h>
+#include <string.h>
+#include <ctype.h>
 #include <yutil.h>
 #include <ptk.h>
+#include <ptk/steptimer.h>
 #include <ui.h>
 #include <ui_server.h>
 #include <LCUI/ui.h>
 #include <LCUI/worker.h>
 #include <LCUI/app.h>
+#include "lcui_app.h"
+
+typedef struct lcui_frame_request {
+        list_node_t node;
+        int id;
+        lcui_frame_cb_t callback;
+        void *data;
+} lcui_frame_request_t;
 
 static struct lcui_app {
+        // Animation frame driver. Fixed-step, no catch-up: the handler
+        // fires at most once per tick when enough time has accumulated,
+        // flushing all registered lcui_request_frame callbacks.
+        ptk_steptimer_t anim_timer;
+        list_t frame_cbs;
+        int next_frame_id;
+
         // Render throttling. Two consecutive renders are at least
         // min_render_interval milliseconds apart. 0 disables throttling.
         uint64_t last_render_time;
@@ -29,6 +48,47 @@ static struct lcui_app {
         uint32_t frames_this_second;
         uint32_t frames_per_second;
 } lcui_app;
+static char *lcui_app_id = NULL;
+
+static bool lcui_app_id_is_valid(const char *app_id)
+{
+        const unsigned char *p;
+
+        if (!app_id || app_id[0] == 0) {
+                return false;
+        }
+        for (p = (const unsigned char *)app_id; *p; ++p) {
+                if (isalnum(*p) || *p == '.' || *p == '_' || *p == '-') {
+                        continue;
+                }
+                return false;
+        }
+        return true;
+}
+
+bool lcui_set_app_id(const char *app_id)
+{
+        size_t len;
+        char *new_app_id;
+
+        if (!lcui_app_id_is_valid(app_id)) {
+                return false;
+        }
+        len = strlen(app_id);
+        new_app_id = malloc(sizeof(char) * (len + 1));
+        if (!new_app_id) {
+                return false;
+        }
+        strcpy(new_app_id, app_id);
+        free(lcui_app_id);
+        lcui_app_id = new_app_id;
+        return true;
+}
+
+const char *lcui_get_app_id(void)
+{
+        return lcui_app_id ? lcui_app_id : "lcui";
+}
 
 static void lcui_dispatch_ui_mouse_event(ui_event_type_t type,
                                          ptk_event_t *app_evt)
@@ -95,7 +155,7 @@ static void lcui_dispatch_ui_textinput_event(ptk_event_t *app_evt)
 
         e.type = UI_EVENT_TEXTINPUT;
         e.text.length = app_evt->text.length;
-        e.text.text = wcsdup2(app_evt->text.text);
+        e.text.text = y_wcsdup(app_evt->text.text);
         ui_dispatch_event(&e);
         ui_event_destroy(&e);
 }
@@ -146,9 +206,52 @@ static void lcui_dispatch_ui_event(ptk_event_t *app_event)
         }
 }
 
+static void lcui_app_on_anim_frame(ptk_steptimer_t *timer, void *data)
+{
+        uint64_t timestamp = (uint64_t)y_gettime();
+        list_node_t *node;
+
+        list_for_each(node, &lcui_app.frame_cbs)
+        {
+                lcui_frame_request_t *req = node->data;
+                req->callback(timestamp, req->data);
+        }
+        list_destroy(&lcui_app.frame_cbs, NULL);
+}
+
+int lcui_request_frame(lcui_frame_cb_t callback, void *data)
+{
+        lcui_frame_request_t *req = malloc(sizeof(lcui_frame_request_t));
+
+        if (!req) {
+                return -1;
+        }
+        req->id = ++lcui_app.next_frame_id;
+        req->callback = callback;
+        req->data = data;
+        list_append(&lcui_app.frame_cbs, req);
+        return req->id;
+}
+
+void lcui_cancel_frame(int request_id)
+{
+        list_node_t *node;
+
+        list_for_each(node, &lcui_app.frame_cbs)
+        {
+                lcui_frame_request_t *req = node->data;
+                if (req->id == request_id) {
+                        list_unlink(&lcui_app.frame_cbs, node);
+                        free(req);
+                        list_node_free(node);
+                        return;
+                }
+        }
+}
+
 static void lcui_app_render_frame(void)
 {
-        uint64_t now = (uint64_t)get_time_ms();
+        uint64_t now = (uint64_t)y_gettime();
 
         // Throttle: skip this frame if the previous render is too recent.
         if (lcui_app.min_render_interval > 0 &&
@@ -175,20 +278,23 @@ static int lcui_app_dispatch(ptk_event_t *e)
                 return 0;
         }
         lcui_dispatch_ui_event(e);
-        lcui_ui_update();
         lcui_worker_run();
+        ptk_steptimer_tick(&lcui_app.anim_timer, lcui_app_on_anim_frame, NULL);
+        lcui_ui_update();
         lcui_app_render_frame();
         return 0;
 }
 
-uint32_t lcui_app_get_fps(void)
+uint32_t lcui_get_fps(void)
 {
         return lcui_app.frames_per_second;
 }
 
-void lcui_app_set_frame_rate_cap(unsigned rate_cap)
+void lcui_set_fps_cap(unsigned fps_cap)
 {
-        lcui_app.min_render_interval = (rate_cap > 0) ? (1000 / rate_cap) : 0;
+        lcui_app.min_render_interval = (fps_cap > 0) ? (1000 / fps_cap) : 0;
+        lcui_app.anim_timer.target_elapsed_time =
+            (fps_cap > 0) ? (1000 / fps_cap) : (1000 / 60);
 }
 
 int lcui_app_process_events(ptk_process_events_option_t option)
@@ -198,9 +304,15 @@ int lcui_app_process_events(ptk_process_events_option_t option)
 
 void lcui_app_init(void)
 {
-        uint64_t now = (uint64_t)get_time_ms();
+        uint64_t now = (uint64_t)y_gettime();
 
         lcui_worker_init();
+        ptk_steptimer_init(&lcui_app.anim_timer);
+        lcui_app.anim_timer.is_fixed_time_step = true;
+        lcui_app.anim_timer.enable_catch_up = false;
+        lcui_app.anim_timer.target_elapsed_time = 1000 / 60;
+        list_create(&lcui_app.frame_cbs);
+        lcui_app.next_frame_id = 0;
         lcui_app.last_render_time = now;
         lcui_app.min_render_interval = 0;
         lcui_app.fps_window_start = now;
@@ -217,5 +329,8 @@ void lcui_app_destroy(void)
 {
         lcui_ui_destroy();
         lcui_worker_destroy();
+        list_destroy_without_node(&lcui_app.frame_cbs, NULL);
+        free(lcui_app_id);
+        lcui_app_id = NULL;
         ptk_destroy();
 }
diff --git a/src/lcui_app.h b/src/lcui_app.h
new file mode 100644
index 000000000..5736d3524
--- /dev/null
+++ b/src/lcui_app.h
@@ -0,0 +1,21 @@
+/*
+ * src/lcui_app.h
+ *
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#ifndef LCUI_SRC_LCUI_APP_H
+#define LCUI_SRC_LCUI_APP_H
+
+#include <ptk/types.h>
+
+void lcui_app_init(void);
+void lcui_app_destroy(void);
+int lcui_app_process_events(ptk_process_events_option_t option);
+
+#endif
diff --git a/src/lcui_fonts.c b/src/lcui_fonts.c
index 9dd23179e..f14be2166 100644
--- a/src/lcui_fonts.c
+++ b/src/lcui_fonts.c
@@ -1,12 +1,12 @@
 /*
  * src/lcui_fonts.c
  *
- * Copyright (c) 2024-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <ui.h>
@@ -15,13 +15,13 @@
 
 bool lcui_fonts_set_default(const char *family_name)
 {
-        int id = pd_font_library_get_font_id(family_name, PD_FONT_STYLE_NORMAL,
-                                             PD_FONT_WEIGHT_NORMAL);
+        int id = pd_font_get_id(family_name, PD_FONT_STYLE_NORMAL,
+                                PD_FONT_WEIGHT_NORMAL);
         if (id < 0) {
                 return false;
         }
-        pd_font_library_set_default_font(id);
-        pd_font_library_set_font_family_alias("system-ui", family_name);
+        pd_font_set_default(id);
+        pd_font_family_set_alias("system-ui", family_name);
         return true;
 }
 
@@ -40,12 +40,12 @@ static void lcui_windows_fonts_init(void)
                                 "C:/Windows/Fonts/msyhl.ttc" };
 
         for (i = 0; i < sizeof(fonts) / sizeof(char *); ++i) {
-                pd_font_library_load_file(fonts[i]);
+                pd_font_load_file(fonts[i]);
         }
         lcui_fonts_set_default("Microsoft YaHei");
-        pd_font_library_set_font_family_alias("serif", "Simsun");
-        pd_font_library_set_font_family_alias("sans-serif", "Microsoft YaHei");
-        pd_font_library_set_font_family_alias("monospace", "Consola");
+        pd_font_family_set_alias("serif", "Simsun");
+        pd_font_family_set_alias("sans-serif", "Microsoft YaHei");
+        pd_font_family_set_alias("monospace", "Consolas");
 }
 
 #else
@@ -61,8 +61,8 @@ static void lcui_fc_fonts_init(void)
                                 "WenQuanYi Micro Hei" };
 
         for (i = 0; i < sizeof(fonts) / sizeof(char *); ++i) {
-                path = pd_font_library_get_font_path(fonts[i]);
-                pd_font_library_load_file(path);
+                path = pd_font_find_path(fonts[i]);
+                pd_font_load_file(path);
                 free(path);
                 // TODO: 使用系统已设置的默认字体
                 if (!has_default) {
@@ -104,14 +104,14 @@ static void lcui_linux_fonts_init(void)
         };
 
         for (i = 0; i < sizeof(fonts) / sizeof(char *); ++i) {
-                pd_font_library_load_file(fonts[i]);
+                pd_font_load_file(fonts[i]);
         }
         // TODO: 使用系统已设置的默认字体
         if (!lcui_fonts_set_default("Noto Sans CJK SC")) {
                 lcui_fonts_set_default("Ubuntu");
         }
-        pd_font_library_set_font_family_alias("sans-serif", "Ubuntu");
-        pd_font_library_set_font_family_alias("monospace", "Ubuntu Mono");
+        pd_font_family_set_alias("sans-serif", "Ubuntu");
+        pd_font_family_set_alias("monospace", "Ubuntu Mono");
 }
 #endif
 
diff --git a/src/lcui_rendering.c b/src/lcui_rendering.c
new file mode 100644
index 000000000..f383fa5ad
--- /dev/null
+++ b/src/lcui_rendering.c
@@ -0,0 +1,103 @@
+/*
+ * src/lcui_rendering.c: -- rendering settings.
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <ui_server.h>
+#include <LCUI/app.h>
+#include <LCUI/settings.h>
+#include "lcui_settings.h"
+#include "setting_field.h"
+
+static lcui_rendering_settings_t g_rendering = {
+        .fps_cap = LCUI_DEFAULT_FPS_CAP,
+        .parallel_threads = LCUI_DEFAULT_PARALLEL_THREADS,
+        .paint_flashing = false
+};
+
+static const setting_field_def_t g_rendering_fields[] = {
+        DEFINE_SETTING_INT_FIELD(
+            lcui_rendering_settings_t, fps_cap, LCUI_DEFAULT_FPS_CAP,
+            LCUI_RENDERING_FPS_CAP_MIN, LCUI_RENDERING_FPS_CAP_MAX),
+        DEFINE_SETTING_INT_FIELD(lcui_rendering_settings_t, parallel_threads,
+                                 LCUI_DEFAULT_PARALLEL_THREADS,
+                                 LCUI_RENDERING_PARALLEL_THREADS_MIN,
+                                 LCUI_RENDERING_PARALLEL_THREADS_MAX),
+        DEFINE_SETTING_BOOL_FIELD(lcui_rendering_settings_t, paint_flashing,
+                                  false)
+};
+
+static void lcui_rendering_apply(void)
+{
+        ui_server_set_threads(g_rendering.parallel_threads);
+        ui_server_set_paint_flashing_enabled(g_rendering.paint_flashing);
+        lcui_set_fps_cap((unsigned)g_rendering.fps_cap);
+}
+
+static void lcui_rendering_deserialize(ini_doc_t *doc, bool *dirty, void *data)
+{
+        (void)data;
+        setting_fields_deserialize(
+            doc, "rendering", g_rendering_fields,
+            sizeof(g_rendering_fields) / sizeof(g_rendering_fields[0]),
+            &g_rendering, dirty);
+        lcui_rendering_apply();
+}
+
+static void lcui_rendering_serialize(ini_doc_t *doc, void *data)
+{
+        (void)data;
+        setting_fields_serialize(
+            doc, "rendering", g_rendering_fields,
+            sizeof(g_rendering_fields) / sizeof(g_rendering_fields[0]),
+            &g_rendering);
+}
+
+bool lcui_get_rendering(lcui_rendering_settings_t *out)
+{
+        if (!lcui_settings_is_loaded()) {
+                return false;
+        }
+        *out = g_rendering;
+        return true;
+}
+
+bool lcui_set_rendering(const lcui_rendering_settings_t *in)
+{
+        if (!lcui_settings_is_loaded()) {
+                return false;
+        }
+        if (in->fps_cap < LCUI_RENDERING_FPS_CAP_MIN ||
+            in->fps_cap > LCUI_RENDERING_FPS_CAP_MAX) {
+                return false;
+        }
+        if (in->parallel_threads < LCUI_RENDERING_PARALLEL_THREADS_MIN ||
+            in->parallel_threads > LCUI_RENDERING_PARALLEL_THREADS_MAX) {
+                return false;
+        }
+        g_rendering = *in;
+        lcui_rendering_apply();
+        lcui_settings_mark_dirty();
+        return true;
+}
+
+void lcui_rendering_init(void)
+{
+        lcui_settings_on_deserialize(lcui_rendering_deserialize, NULL);
+        lcui_settings_on_serialize(lcui_rendering_serialize, NULL);
+}
+
+void lcui_rendering_destroy(void)
+{
+        lcui_settings_off_deserialize(lcui_rendering_deserialize, NULL);
+        lcui_settings_off_serialize(lcui_rendering_serialize, NULL);
+        g_rendering.fps_cap = LCUI_DEFAULT_FPS_CAP;
+        g_rendering.parallel_threads = LCUI_DEFAULT_PARALLEL_THREADS;
+        g_rendering.paint_flashing = false;
+}
diff --git a/src/lcui_settings.c b/src/lcui_settings.c
index f51076f35..85f4b897d 100644
--- a/src/lcui_settings.c
+++ b/src/lcui_settings.c
@@ -1,48 +1,430 @@
 /*
- * src/lcui_settings.c: -- global settings.
+ * src/lcui_settings.c: -- global settings infrastructure.
  *
- * Copyright (c) 2020, James Duong <duong.james@gmail.com>
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io>
- * All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
-#include <ui.h>
-#include <ui_server.h>
-#include <LCUI/settings.h>
+#include <ctype.h>
+#include <errno.h>
+#include <stddef.h>
+#include <stdio.h>
+#include <stdlib.h>
+#include <string.h>
+#include <yutil.h>
+#ifndef _WIN32
+#include <strings.h>
+#endif
+#ifdef _WIN32
+#include <direct.h>
+#else
+#include <sys/stat.h>
+#include <unistd.h>
+#endif
 #include <LCUI/app.h>
+#include "lcui_settings.h"
 
-static lcui_settings_t lcui_settings;
+#ifdef _WIN32
+#define strcasecmp _stricmp
+#endif
 
-/* Initialize settings with the current global settings. */
-void lcui_get_settings(lcui_settings_t *settings)
+typedef struct lcui_settings_callback_entry {
+        void *fn;
+        void *data;
+} lcui_settings_callback_entry_t;
+
+struct lcui_settings_module lcui_settings;
+
+static void lcui_settings_callback_entry_destroy(void *data)
+{
+        free(data);
+}
+
+static bool lcui_settings_ensure_deserialize_list(void)
+{
+        if (lcui_settings.deserialize_ready) {
+                return true;
+        }
+        list_create(&lcui_settings.deserialize_callbacks);
+        lcui_settings.deserialize_ready = true;
+        return true;
+}
+
+static bool lcui_settings_ensure_serialize_list(void)
+{
+        if (lcui_settings.serialize_ready) {
+                return true;
+        }
+        list_create(&lcui_settings.serialize_callbacks);
+        lcui_settings.serialize_ready = true;
+        return true;
+}
+
+static void lcui_settings_run_deserializers(void)
+{
+        list_node_t *node;
+        bool dirty = false;
+
+        if (!lcui_settings.deserialize_ready || !lcui_settings.doc) {
+                return;
+        }
+        for (list_each(node, &lcui_settings.deserialize_callbacks)) {
+                lcui_settings_callback_entry_t *entry = node->data;
+                ((lcui_settings_deserialize_fn)entry->fn)(lcui_settings.doc,
+                                                          &dirty, entry->data);
+        }
+        if (dirty) {
+                lcui_settings.dirty = true;
+        }
+}
+
+static void lcui_settings_run_serializers(void)
+{
+        list_node_t *node;
+
+        if (!lcui_settings.serialize_ready || !lcui_settings.doc) {
+                return;
+        }
+        for (list_each(node, &lcui_settings.serialize_callbacks)) {
+                lcui_settings_callback_entry_t *entry = node->data;
+                ((lcui_settings_serialize_fn)entry->fn)(lcui_settings.doc,
+                                                        entry->data);
+        }
+}
+
+static int lcui_mkdir(const char *path)
+{
+#ifdef _WIN32
+        return _mkdir(path);
+#else
+        return mkdir(path, 0700);
+#endif
+}
+
+static bool lcui_mkdir_recursive(const char *path)
+{
+        size_t i, len;
+        char ch;
+        char *buffer;
+
+        len = strlen(path);
+        buffer = y_strdup(path);
+        if (!buffer) {
+                return false;
+        }
+        for (i = 1; i <= len; ++i) {
+                if (buffer[i] != '/' && buffer[i] != '\\' && buffer[i] != 0) {
+                        continue;
+                }
+                ch = buffer[i];
+                if (ch != 0) {
+                        buffer[i] = 0;
+                }
+                if (buffer[0] == 0) {
+                        if (ch != 0) {
+                                buffer[i] = ch;
+                        }
+                        continue;
+                }
+#ifdef _WIN32
+                if (isalpha((unsigned char)buffer[0]) && buffer[1] == ':' &&
+                    buffer[2] == 0) {
+                        if (ch != 0) {
+                                buffer[i] = ch;
+                        }
+                        continue;
+                }
+#endif
+                if (lcui_mkdir(buffer) != 0 && errno != EEXIST) {
+                        free(buffer);
+                        return false;
+                }
+                if (ch != 0) {
+                        buffer[i] = ch;
+                }
+        }
+        free(buffer);
+        return true;
+}
+
+static char *lcui_join_path(const char *left, const char *right)
+{
+        size_t left_len, right_len;
+        char *path;
+
+        left_len = strlen(left);
+        right_len = strlen(right);
+        path = malloc(sizeof(char) * (left_len + right_len + 2));
+        if (!path) {
+                return NULL;
+        }
+        strcpy(path, left);
+        if (left_len > 0 && path[left_len - 1] != '/' &&
+            path[left_len - 1] != '\\') {
+                path[left_len] = '/';
+                path[left_len + 1] = 0;
+        }
+        strcat(path, right);
+        return path;
+}
+
+static char *lcui_settings_get_config_root(void)
+{
+#ifdef _WIN32
+        const char *base = getenv("APPDATA");
+        if (base && base[0] != 0) {
+                return y_strdup(base);
+        }
+        base = getenv("USERPROFILE");
+        if (base && base[0] != 0) {
+                return lcui_join_path(base, "AppData/Roaming");
+        }
+#elif defined(__APPLE__)
+        const char *base = getenv("HOME");
+        if (base && base[0] != 0) {
+                return lcui_join_path(base, "Library/Application Support");
+        }
+#else
+        const char *base = getenv("XDG_CONFIG_HOME");
+        if (base && base[0] != 0) {
+                return y_strdup(base);
+        }
+        base = getenv("HOME");
+        if (base && base[0] != 0) {
+                return lcui_join_path(base, ".config");
+        }
+#endif
+        return NULL;
+}
+
+static bool lcui_settings_resolve_path(char **out_path)
+{
+        char *config_root, *app_dir, *settings_path;
+        const char *app_id = lcui_get_app_id();
+
+        if (!app_id || app_id[0] == 0) {
+                return false;
+        }
+        config_root = lcui_settings_get_config_root();
+        if (!config_root) {
+                return false;
+        }
+        app_dir = lcui_join_path(config_root, app_id);
+        free(config_root);
+        if (!app_dir) {
+                return false;
+        }
+        if (!lcui_mkdir_recursive(app_dir)) {
+                free(app_dir);
+                return false;
+        }
+        settings_path = lcui_join_path(app_dir, "settings.ini");
+        free(app_dir);
+        if (!settings_path) {
+                return false;
+        }
+        *out_path = settings_path;
+        return true;
+}
+
+bool lcui_settings_on_deserialize(lcui_settings_deserialize_fn fn, void *data)
+{
+        lcui_settings_callback_entry_t *entry;
+        list_node_t *node;
+
+        if (!lcui_settings_ensure_deserialize_list()) {
+                return false;
+        }
+        for (list_each(node, &lcui_settings.deserialize_callbacks)) {
+                entry = node->data;
+                if (entry->fn == (void *)fn) {
+                        return true;
+                }
+        }
+        entry = malloc(sizeof(*entry));
+        if (!entry) {
+                return false;
+        }
+        entry->fn = (void *)fn;
+        entry->data = data;
+        list_append(&lcui_settings.deserialize_callbacks, entry);
+        return true;
+}
+
+int lcui_settings_off_deserialize(lcui_settings_deserialize_fn fn, void *data)
+{
+        int count = 0;
+        list_node_t *node, *next;
+
+        if (!lcui_settings.deserialize_ready) {
+                return 0;
+        }
+        for (node = lcui_settings.deserialize_callbacks.head.next; node;
+             node = next) {
+                next = node->next;
+                {
+                        lcui_settings_callback_entry_t *entry = node->data;
+                        if (entry->fn == (void *)fn) {
+                                list_delete_node(
+                                    &lcui_settings.deserialize_callbacks, node);
+                                lcui_settings_callback_entry_destroy(entry);
+                                ++count;
+                        }
+                }
+        }
+        return count;
+}
+
+bool lcui_settings_on_serialize(lcui_settings_serialize_fn fn, void *data)
+{
+        lcui_settings_callback_entry_t *entry;
+        list_node_t *node;
+
+        if (!lcui_settings_ensure_serialize_list()) {
+                return false;
+        }
+        for (list_each(node, &lcui_settings.serialize_callbacks)) {
+                entry = node->data;
+                if (entry->fn == (void *)fn) {
+                        return true;
+                }
+        }
+        entry = malloc(sizeof(*entry));
+        if (!entry) {
+                return false;
+        }
+        entry->fn = (void *)fn;
+        entry->data = data;
+        list_append(&lcui_settings.serialize_callbacks, entry);
+        return true;
+}
+
+int lcui_settings_off_serialize(lcui_settings_serialize_fn fn, void *data)
+{
+        int count = 0;
+        list_node_t *node, *next;
+
+        if (!lcui_settings.serialize_ready) {
+                return 0;
+        }
+        for (node = lcui_settings.serialize_callbacks.head.next; node;
+             node = next) {
+                next = node->next;
+                {
+                        lcui_settings_callback_entry_t *entry = node->data;
+                        if (entry->fn == (void *)fn) {
+                                list_delete_node(
+                                    &lcui_settings.serialize_callbacks, node);
+                                lcui_settings_callback_entry_destroy(entry);
+                                ++count;
+                        }
+                }
+        }
+        return count;
+}
+
+ini_doc_t *lcui_settings_get_doc(void)
+{
+        return lcui_settings.doc;
+}
+
+void lcui_settings_mark_dirty(void)
+{
+        lcui_settings.dirty = true;
+}
+
+bool lcui_settings_is_loaded(void)
+{
+        return lcui_settings.loaded;
+}
+
+bool lcui_settings_load(void)
+{
+        bool has_version = false;
+        char *path;
+        ini_doc_t *doc;
+        int version = 0;
+
+        if (lcui_settings.loaded) {
+                return true;
+        }
+        if (!lcui_settings_resolve_path(&path)) {
+                return false;
+        }
+        doc = ini_doc_load(path);
+        if (!doc) {
+                free(path);
+                return false;
+        }
+        if (ini_doc_get_int(doc, "meta", "version", &version)) {
+                has_version = (version == 1);
+        }
+        if (!has_version) {
+                ini_doc_set_int(doc, "meta", "version", 1);
+                lcui_settings.dirty = true;
+        }
+        lcui_settings.doc = doc;
+        lcui_settings.path = path;
+        lcui_settings.loaded = true;
+        lcui_settings_run_deserializers();
+        if (!has_version) {
+                lcui_settings.dirty = true;
+        }
+        return true;
+}
+
+bool lcui_settings_flush(void)
+{
+        if (!lcui_settings.loaded || !lcui_settings.path) {
+                return false;
+        }
+        if (!lcui_settings.dirty) {
+                return true;
+        }
+        if (!lcui_settings.doc) {
+                return false;
+        }
+        lcui_settings_run_serializers();
+        if (!ini_doc_save(lcui_settings.doc, lcui_settings.path)) {
+                return false;
+        }
+        lcui_settings.dirty = false;
+        return true;
+}
+
+void lcui_settings_unload(void)
 {
-	*settings = lcui_settings;
+        if (lcui_settings.doc) {
+                ini_doc_destroy(lcui_settings.doc);
+                lcui_settings.doc = NULL;
+        }
+        free(lcui_settings.path);
+        lcui_settings.path = NULL;
+        lcui_settings.loaded = false;
+        lcui_settings.dirty = false;
 }
 
-/* Update global settings with the given input. */
-void lcui_apply_settings(lcui_settings_t *settings)
+bool lcui_settings_get_string(const char *section, const char *key, char **out)
 {
-	lcui_settings = *settings;
-	lcui_settings.frame_rate_cap = y_max(lcui_settings.frame_rate_cap, 1);
-	lcui_settings.parallel_rendering_threads =
-	    y_max(lcui_settings.parallel_rendering_threads, 1);
-	ui_server_set_threads(lcui_settings.parallel_rendering_threads);
-	ui_server_set_paint_flashing_enabled(lcui_settings.paint_flashing);
-	lcui_app_set_frame_rate_cap(lcui_settings.frame_rate_cap);
+        if (!lcui_settings.loaded || !lcui_settings.doc) {
+                return false;
+        }
+        return ini_doc_get_string(lcui_settings.doc, section, key, out);
 }
 
-/* Reset global settings to their defaults. */
-void lcui_reset_settings(void)
+bool lcui_settings_set_string(const char *section, const char *key,
+                              const char *value)
 {
-	lcui_settings_t settings = {
-		.frame_rate_cap = LCUI_MAX_FRAMES_PER_SEC,
-		.parallel_rendering_threads = 4,
-		.paint_flashing = false
-	};
-	lcui_apply_settings(&settings);
+        if (!lcui_settings.loaded || !lcui_settings.doc) {
+                return false;
+        }
+        if (!ini_doc_set_string(lcui_settings.doc, section, key, value)) {
+                return false;
+        }
+        lcui_settings.dirty = true;
+        return true;
 }
diff --git a/src/lcui_settings.h b/src/lcui_settings.h
new file mode 100644
index 000000000..1e9e82938
--- /dev/null
+++ b/src/lcui_settings.h
@@ -0,0 +1,44 @@
+/*
+ * src/lcui_settings.h: -- internal definitions for settings infrastructure.
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#ifndef LCUI_SRC_SETTINGS_H
+#define LCUI_SRC_SETTINGS_H
+
+#include <stdbool.h>
+#include <yutil.h>
+#include <LCUI/settings.h>
+#include "ini_doc.h"
+
+typedef void (*lcui_settings_deserialize_fn)(ini_doc_t *doc, bool *dirty,
+                                             void *data);
+typedef void (*lcui_settings_serialize_fn)(ini_doc_t *doc, void *data);
+
+struct lcui_settings_module {
+        bool loaded;
+        bool dirty;
+        bool deserialize_ready;
+        bool serialize_ready;
+        char *path;
+        ini_doc_t *doc;
+        list_t deserialize_callbacks;
+        list_t serialize_callbacks;
+};
+
+extern struct lcui_settings_module lcui_settings;
+
+bool lcui_settings_on_deserialize(lcui_settings_deserialize_fn fn, void *data);
+int lcui_settings_off_deserialize(lcui_settings_deserialize_fn fn, void *data);
+bool lcui_settings_on_serialize(lcui_settings_serialize_fn fn, void *data);
+int lcui_settings_off_serialize(lcui_settings_serialize_fn fn, void *data);
+ini_doc_t *lcui_settings_get_doc(void);
+void lcui_settings_mark_dirty(void);
+
+#endif
diff --git a/src/lcui_ui.c b/src/lcui_ui.c
index 9b6116b50..a774008d9 100644
--- a/src/lcui_ui.c
+++ b/src/lcui_ui.c
@@ -1,12 +1,12 @@
 /*
  * src/lcui_ui.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <math.h>
@@ -213,6 +213,7 @@ void lcui_ui_destroy(void)
                 ui_mutation_observer_destroy(lcui_ui.observer);
                 lcui_ui.observer = NULL;
         }
+        lcui_ui.mode = LCUI_DISPLAY_DEFAULT;
         lcui_ui.image_loader.active = false;
         lcui_ui.quit_after_all_windows_closed = true;
         lcui_ui_image_loader_refresh();
diff --git a/src/lcui_widgets.c b/src/lcui_widgets.c
index a3fa23e33..53c96301d 100644
--- a/src/lcui_widgets.c
+++ b/src/lcui_widgets.c
@@ -1,15 +1,16 @@
 /*
  * src/lcui_widgets.c
  *
- * Copyright (c) 2024-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <LCUI/widgets.h>
+#include <ui_router.h>
 
 void lcui_widgets_init(void)
 {
@@ -17,12 +18,16 @@ void lcui_widgets_init(void)
         ui_register_canvas();
         ui_register_anchor();
         ui_register_button();
+        ui_register_progress();
         ui_register_scrollarea();
         ui_register_scrollbar();
         ui_register_textcaret();
         ui_register_textinput();
         ui_register_router_link();
         ui_register_router_view();
+        ui_register_label();
+        ui_register_checkbox();
+        ui_register_radio_group();
 }
 
 void lcui_widgets_destroy(void)
diff --git a/src/lcui_window_state.c b/src/lcui_window_state.c
new file mode 100644
index 000000000..fff8bde5b
--- /dev/null
+++ b/src/lcui_window_state.c
@@ -0,0 +1,498 @@
+/*
+ * src/lcui_window_state.c: -- window state settings.
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include "lcui_settings.h"
+#include <ctype.h>
+#include <stdio.h>
+#include <stdlib.h>
+#include <string.h>
+#include <ui_server.h>
+#include <LCUI/settings/window_state.h>
+#include "setting_field.h"
+
+typedef struct wstate_binding {
+        ui_widget_t *widget;
+        ptk_window_t *window;
+        char *id;
+        lcui_window_state_t state;
+        bool has_state;
+} wstate_binding_t;
+
+typedef struct wstate_entry {
+        char *id;
+        lcui_window_state_t state;
+} wstate_entry_t;
+
+static struct wstate_module {
+        bool listeners_active;
+        list_t entries;
+        list_t bindings;
+} window_state;
+
+static void wstate_on_widget_destroy(ui_widget_t *widget, ui_event_t *e,
+                                     void *arg);
+static void wstate_binding_remove(wstate_binding_t *b);
+
+static wstate_binding_t *wstate_find_binding_by_widget(ui_widget_t *widget)
+{
+        list_node_t *node;
+
+        for (list_each(node, &window_state.bindings)) {
+                wstate_binding_t *b = node->data;
+                if (b->widget == widget) {
+                        return b;
+                }
+        }
+        return NULL;
+}
+
+static wstate_binding_t *wstate_find_binding_by_window(ptk_window_t *window)
+{
+        list_node_t *node;
+
+        for (list_each(node, &window_state.bindings)) {
+                wstate_binding_t *b = node->data;
+                if (b->window == window) {
+                        return b;
+                }
+        }
+        return NULL;
+}
+
+static wstate_binding_t *wstate_find_binding_by_id(const char *id)
+{
+        list_node_t *node;
+
+        for (list_each(node, &window_state.bindings)) {
+                wstate_binding_t *b = node->data;
+                if (b->id && strcmp(b->id, id) == 0) {
+                        return b;
+                }
+        }
+        return NULL;
+}
+
+static bool wstate_id_is_valid(const char *id)
+{
+        const unsigned char *p;
+
+        if (id[0] == 0) {
+                return false;
+        }
+        for (p = (const unsigned char *)id; *p; ++p) {
+                if (isalnum(*p) || *p == '.' || *p == '_' || *p == '-') {
+                        continue;
+                }
+                return false;
+        }
+        return true;
+}
+
+static bool wstate_validate(const lcui_window_state_t *state)
+{
+        if (state->width < LCUI_WINDOW_STATE_SIZE_MIN ||
+            state->width > LCUI_WINDOW_STATE_SIZE_MAX) {
+                return false;
+        }
+        if (state->height < LCUI_WINDOW_STATE_SIZE_MIN ||
+            state->height > LCUI_WINDOW_STATE_SIZE_MAX) {
+                return false;
+        }
+        return true;
+}
+
+static bool wstate_equals(const lcui_window_state_t *a,
+                          const lcui_window_state_t *b)
+{
+        return a->x == b->x && a->y == b->y && a->width == b->width &&
+               a->height == b->height && a->maximized == b->maximized;
+}
+
+static void wstate_entry_destroy(void *data)
+{
+        wstate_entry_t *entry = data;
+
+        free(entry->id);
+        free(entry);
+}
+
+static void wstate_binding_destroy(void *data)
+{
+        wstate_binding_t *binding = data;
+
+        free(binding->id);
+        free(binding);
+}
+
+static wstate_entry_t *wstate_find_entry(const char *id)
+{
+        list_node_t *node;
+
+        for (list_each(node, &window_state.entries)) {
+                wstate_entry_t *entry = node->data;
+                if (strcmp(entry->id, id) == 0) {
+                        return entry;
+                }
+        }
+        return NULL;
+}
+
+static bool wstate_set_entry(const char *id, const lcui_window_state_t *state)
+{
+        wstate_entry_t *entry;
+
+        entry = wstate_find_entry(id);
+        if (entry) {
+                entry->state = *state;
+                return true;
+        }
+        entry = malloc(sizeof(*entry));
+        if (!entry) {
+                return false;
+        }
+        entry->id = y_strdup(id);
+        if (!entry->id) {
+                free(entry);
+                return false;
+        }
+        entry->state = *state;
+        list_append(&window_state.entries, entry);
+        return true;
+}
+
+static bool wstate_query(ptk_window_t *window, lcui_window_state_t *out)
+{
+        ptk_window_get_position(window, &out->x, &out->y);
+        out->width = ptk_window_get_width(window);
+        out->height = ptk_window_get_height(window);
+        out->maximized = ptk_window_is_maximized(window);
+        return wstate_validate(out);
+}
+
+static bool wstate_apply(ptk_window_t *window, const lcui_window_state_t *state)
+{
+        if (!wstate_validate(state)) {
+                return false;
+        }
+        ptk_window_set_position(window, state->x, state->y);
+        ptk_window_set_size(window, state->width, state->height);
+        ptk_window_set_maximized(window, state->maximized);
+        return true;
+}
+
+static void wstate_binding_sync(wstate_binding_t *binding)
+{
+        if (!binding->window) {
+                return;
+        }
+        if (!wstate_query(binding->window, &binding->state)) {
+                return;
+        }
+        binding->has_state = true;
+        if (wstate_set_entry(binding->id, &binding->state)) {
+                lcui_settings_mark_dirty();
+        }
+        lcui_settings_flush();
+}
+
+static void wstate_binding_remove(wstate_binding_t *b)
+{
+        list_node_t *node;
+
+        for (list_each(node, &window_state.bindings)) {
+                if (node->data == b) {
+                        list_delete_node(&window_state.bindings, node);
+                        break;
+                }
+        }
+        if (b->widget) {
+                ui_widget_off(b->widget, "destroy", wstate_on_widget_destroy,
+                              NULL);
+        }
+        wstate_binding_destroy(b);
+}
+
+static void wstate_on_widget_destroy(ui_widget_t *widget, ui_event_t *e,
+                                     void *arg)
+{
+        wstate_binding_t *b;
+
+        (void)e;
+        (void)arg;
+        b = wstate_find_binding_by_widget(widget);
+        if (b) {
+                wstate_binding_remove(b);
+        }
+}
+
+static void wstate_on_window_create(ptk_event_t *e, void *arg)
+{
+        wstate_binding_t *b;
+        ui_widget_t *widget;
+
+        (void)arg;
+        if (!e->window) {
+                return;
+        }
+        widget = ui_server_get_widget(e->window);
+        b = wstate_find_binding_by_widget(widget);
+        if (!b) {
+                return;
+        }
+        b->window = e->window;
+        if (b->has_state) {
+                wstate_apply(e->window, &b->state);
+        }
+}
+
+static void wstate_on_window_close(ptk_event_t *e, void *arg)
+{
+        wstate_binding_t *b;
+
+        (void)arg;
+        if (!e->window) {
+                return;
+        }
+        b = wstate_find_binding_by_window(e->window);
+        if (!b) {
+                return;
+        }
+        wstate_binding_sync(b);
+        b->window = NULL;
+}
+
+static void wstate_attach_listeners(void)
+{
+        if (window_state.listeners_active) {
+                return;
+        }
+        ptk_on_event(PTK_EVENT_CREATE, wstate_on_window_create, NULL);
+        ptk_on_event(PTK_EVENT_CLOSE, wstate_on_window_close, NULL);
+        window_state.listeners_active = true;
+}
+
+static void wstate_detach_listeners(void)
+{
+        if (!window_state.listeners_active) {
+                return;
+        }
+        ptk_off_event(PTK_EVENT_CREATE, wstate_on_window_create);
+        ptk_off_event(PTK_EVENT_CLOSE, wstate_on_window_close);
+        window_state.listeners_active = false;
+}
+
+static void wstate_serialize_window_sections(const char *id, void *ctx)
+{
+        char section[256];
+        ini_doc_t *doc = (ini_doc_t *)ctx;
+        wstate_entry_t *entry = wstate_find_entry(id);
+
+        if (!entry) {
+                return;
+        }
+        snprintf(section, sizeof(section), "window.%s", id);
+        ini_doc_set_int(doc, section, "x", entry->state.x);
+        ini_doc_set_int(doc, section, "y", entry->state.y);
+        ini_doc_set_int(doc, section, "width", entry->state.width);
+        ini_doc_set_int(doc, section, "height", entry->state.height);
+        ini_doc_set_bool(doc, section, "maximized", entry->state.maximized);
+}
+
+typedef struct wstate_deserialize_ctx {
+        bool *dirty;
+        char **invalid_sections;
+        size_t invalid_count;
+        size_t invalid_capacity;
+} wstate_deserialize_ctx_t;
+
+static bool wstate_add_invalid(wstate_deserialize_ctx_t *c, const char *section)
+{
+        char **new_arr;
+        char *copy;
+
+        if (c->invalid_count >= c->invalid_capacity) {
+                size_t new_cap =
+                    c->invalid_capacity ? c->invalid_capacity * 2 : 4;
+
+                new_arr =
+                    realloc(c->invalid_sections, new_cap * sizeof(char *));
+                if (!new_arr) {
+                        return false;
+                }
+                c->invalid_sections = new_arr;
+                c->invalid_capacity = new_cap;
+        }
+        copy = y_strdup(section);
+        if (!copy) {
+                return false;
+        }
+        c->invalid_sections[c->invalid_count++] = copy;
+        return true;
+}
+
+static bool wstate_on_section(const char *suffix, void *ctx)
+{
+        wstate_deserialize_ctx_t *c = (wstate_deserialize_ctx_t *)ctx;
+        lcui_window_state_t state = { 0 };
+        ini_doc_t *doc = lcui_settings_get_doc();
+        char section[256];
+
+        if (!wstate_id_is_valid(suffix)) {
+                *c->dirty = true;
+                snprintf(section, sizeof(section), "window.%s", suffix);
+                wstate_add_invalid(c, section);
+                return true;
+        }
+        snprintf(section, sizeof(section), "window.%s", suffix);
+        if (!ini_doc_get_int(doc, section, "x", &state.x) ||
+            !ini_doc_get_int(doc, section, "y", &state.y) ||
+            !ini_doc_get_int(doc, section, "width", &state.width) ||
+            !ini_doc_get_int(doc, section, "height", &state.height) ||
+            !ini_doc_get_bool(doc, section, "maximized", &state.maximized)) {
+                *c->dirty = true;
+                wstate_add_invalid(c, section);
+                return true;
+        }
+        if (!wstate_validate(&state)) {
+                *c->dirty = true;
+                wstate_add_invalid(c, section);
+                return true;
+        }
+        if (!wstate_set_entry(suffix, &state)) {
+                return true;
+        }
+        return true;
+}
+
+static void wstate_deserialize(ini_doc_t *doc, bool *dirty, void *data)
+{
+        size_t i;
+        wstate_deserialize_ctx_t ctx = { dirty, NULL, 0, 0 };
+
+        (void)data;
+        list_destroy(&window_state.entries, wstate_entry_destroy);
+        list_create(&window_state.entries);
+        ini_doc_foreach_section(doc, "window.", wstate_on_section, &ctx);
+        for (i = 0; i < ctx.invalid_count; ++i) {
+                ini_doc_remove_section(doc, ctx.invalid_sections[i]);
+                free(ctx.invalid_sections[i]);
+        }
+        free(ctx.invalid_sections);
+}
+
+static void wstate_serialize(ini_doc_t *doc, void *data)
+{
+        list_node_t *node;
+
+        (void)data;
+        for (list_each(node, &window_state.entries)) {
+                wstate_entry_t *entry = node->data;
+
+                wstate_serialize_window_sections(entry->id, doc);
+        }
+}
+
+bool lcui_get_window_state(const char *id, lcui_window_state_t *out)
+{
+        wstate_entry_t *entry;
+
+        if (!lcui_settings_is_loaded() || !wstate_id_is_valid(id)) {
+                return false;
+        }
+        entry = wstate_find_entry(id);
+        if (!entry) {
+                return false;
+        }
+        *out = entry->state;
+        return true;
+}
+
+bool lcui_set_window_state(const char *id, const lcui_window_state_t *in)
+{
+        wstate_entry_t *entry;
+
+        if (!lcui_settings_is_loaded() || !wstate_id_is_valid(id) ||
+            !wstate_validate(in)) {
+                return false;
+        }
+        entry = wstate_find_entry(id);
+        if (entry && wstate_equals(&entry->state, in)) {
+                return true;
+        }
+        if (!wstate_set_entry(id, in)) {
+                return false;
+        }
+        lcui_settings_mark_dirty();
+        return true;
+}
+
+bool lcui_bind_window_state(ui_widget_t *widget, const char *id)
+{
+        wstate_binding_t *binding;
+        ptk_window_t *window;
+        lcui_window_state_t state;
+
+        if (!lcui_settings_is_loaded() || !wstate_id_is_valid(id)) {
+                return false;
+        }
+        binding = wstate_find_binding_by_widget(widget);
+        if (binding) {
+                return strcmp(binding->id, id) == 0;
+        }
+        if (wstate_find_binding_by_id(id)) {
+                return false;
+        }
+        binding = calloc(1, sizeof(*binding));
+        if (!binding) {
+                return false;
+        }
+        binding->id = y_strdup(id);
+        if (!binding->id) {
+                free(binding);
+                return false;
+        }
+        binding->widget = widget;
+        list_append(&window_state.bindings, binding);
+        ui_widget_on(widget, "destroy", wstate_on_widget_destroy, NULL);
+        wstate_attach_listeners();
+        if (lcui_get_window_state(id, &state)) {
+                binding->state = state;
+                binding->has_state = true;
+                ui_widget_resize(widget, (float)state.width,
+                                 (float)state.height);
+        }
+        window = ui_server_get_window(widget);
+        if (window) {
+                binding->window = window;
+                if (binding->has_state) {
+                        wstate_apply(window, &binding->state);
+                }
+        }
+        return true;
+}
+
+void lcui_window_state_init(void)
+{
+        list_create(&window_state.entries);
+        list_create(&window_state.bindings);
+        lcui_settings_on_deserialize(wstate_deserialize, NULL);
+        lcui_settings_on_serialize(wstate_serialize, NULL);
+}
+
+void lcui_window_state_destroy(void)
+{
+        wstate_detach_listeners();
+        lcui_settings_off_deserialize(wstate_deserialize, NULL);
+        lcui_settings_off_serialize(wstate_serialize, NULL);
+        list_destroy(&window_state.bindings, wstate_binding_destroy);
+        list_destroy(&window_state.entries, wstate_entry_destroy);
+        window_state.listeners_active = false;
+}
diff --git a/src/lcui_worker.c b/src/lcui_worker.c
index 15892c194..dd1eeed1d 100644
--- a/src/lcui_worker.c
+++ b/src/lcui_worker.c
@@ -1,12 +1,12 @@
 /*
  * src/lcui_worker.c
  *
- * Copyright (c) 2024-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <ptk.h>
diff --git a/src/setting_field.c b/src/setting_field.c
new file mode 100644
index 000000000..28d8e8946
--- /dev/null
+++ b/src/setting_field.c
@@ -0,0 +1,87 @@
+/*
+ * src/setting_field.c: -- schema-driven (de)serialization.
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <stdlib.h>
+#include <string.h>
+
+#include "setting_field.h"
+
+bool setting_fields_deserialize(ini_doc_t *doc, const char *section,
+                                const setting_field_def_t *fields,
+                                size_t field_count, void *out, bool *dirty)
+{
+        size_t i;
+        unsigned char *base = (unsigned char *)out;
+
+        for (i = 0; i < field_count; ++i) {
+                const setting_field_def_t *f = &fields[i];
+
+                if (f->type == SETTING_FIELD_TYPE_INT) {
+                        int value;
+
+                        if (!ini_doc_get_int(doc, section, f->name, &value)) {
+                                int def = f->int_default;
+
+                                memcpy(base + f->offset, &def, sizeof(def));
+                                *dirty = true;
+                                continue;
+                        }
+                        if (value < f->int_min || value > f->int_max) {
+                                int def = f->int_default;
+
+                                memcpy(base + f->offset, &def, sizeof(def));
+                                *dirty = true;
+                                continue;
+                        }
+                        memcpy(base + f->offset, &value, sizeof(value));
+                } else if (f->type == SETTING_FIELD_TYPE_BOOL) {
+                        bool value;
+
+                        if (!ini_doc_get_bool(doc, section, f->name, &value)) {
+                                memcpy(base + f->offset, &f->bool_default,
+                                       sizeof(f->bool_default));
+                                *dirty = true;
+                                continue;
+                        }
+                        memcpy(base + f->offset, &value, sizeof(value));
+                }
+        }
+        return true;
+}
+
+bool setting_fields_serialize(ini_doc_t *doc, const char *section,
+                              const setting_field_def_t *fields,
+                              size_t field_count, const void *src)
+{
+        size_t i;
+        const unsigned char *base = (const unsigned char *)src;
+
+        for (i = 0; i < field_count; ++i) {
+                const setting_field_def_t *f = &fields[i];
+
+                if (f->type == SETTING_FIELD_TYPE_INT) {
+                        int value;
+
+                        memcpy(&value, base + f->offset, sizeof(value));
+                        if (!ini_doc_set_int(doc, section, f->name, value)) {
+                                return false;
+                        }
+                } else if (f->type == SETTING_FIELD_TYPE_BOOL) {
+                        bool value;
+
+                        memcpy(&value, base + f->offset, sizeof(value));
+                        if (!ini_doc_set_bool(doc, section, f->name, value)) {
+                                return false;
+                        }
+                }
+        }
+        return true;
+}
diff --git a/src/setting_field.h b/src/setting_field.h
new file mode 100644
index 000000000..a965533a6
--- /dev/null
+++ b/src/setting_field.h
@@ -0,0 +1,62 @@
+/*
+ * src/setting_field.h: -- schema-driven field definitions for settings.
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#ifndef LCUI_SRC_SETTING_FIELD_H
+#define LCUI_SRC_SETTING_FIELD_H
+
+#include <stdbool.h>
+#include <stddef.h>
+#include "ini_doc.h"
+
+typedef enum {
+        SETTING_FIELD_TYPE_INT,
+        SETTING_FIELD_TYPE_BOOL
+} setting_field_type_t;
+
+typedef struct setting_field_def {
+        const char *name;
+        setting_field_type_t type;
+        size_t offset;
+        int int_default;
+        int int_min;
+        int int_max;
+        bool bool_default;
+} setting_field_def_t;
+
+#define DEFINE_SETTING_INT_FIELD(struct_type, name, def, min, max) \
+        { #name,                                                   \
+          SETTING_FIELD_TYPE_INT,                                  \
+          offsetof(struct_type, name),                             \
+          (def),                                                   \
+          (min),                                                   \
+          (max),                                                   \
+          false }
+
+#define DEFINE_SETTING_BOOL_FIELD(struct_type, name, def) \
+        {                                                 \
+                #name,                                    \
+                SETTING_FIELD_TYPE_BOOL,                  \
+                offsetof(struct_type, name),              \
+                0,                                        \
+                0,                                        \
+                0,                                        \
+                (def)                                     \
+        }
+
+bool setting_fields_deserialize(ini_doc_t *doc, const char *section,
+                                const setting_field_def_t *fields,
+                                size_t field_count, void *out, bool *dirty);
+
+bool setting_fields_serialize(ini_doc_t *doc, const char *section,
+                              const setting_field_def_t *fields,
+                              size_t field_count, const void *src);
+
+#endif
diff --git a/src/widgets/anchor.c b/src/widgets/anchor.c
index 39f2c26bd..a97ce9746 100644
--- a/src/widgets/anchor.c
+++ b/src/widgets/anchor.c
@@ -1,12 +1,12 @@
 /*
  * src/widgets/anchor.c: to <a> element in HTML.
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
@@ -66,11 +66,11 @@ static xml_loader_t *xml_loader_create(ui_widget_t *w)
                 return NULL;
         }
         loader->widget = w;
-        loader->filepath = strdup2(ui_widget_get_attr(w, "href"));
-        loader->target_id = strdup2(ui_widget_get_attr(w, "target"));
+        loader->filepath = y_strdup(ui_widget_get_attr(w, "href"));
+        loader->target_id = y_strdup(ui_widget_get_attr(w, "target"));
         ui_widget_on(w, "destroy", xml_loader_on_widget_destroy, loader);
         if (key) {
-                loader->key = strdup2(key);
+                loader->key = y_strdup(key);
         } else {
                 loader->key = NULL;
         }
diff --git a/src/widgets/button.c b/src/widgets/button.c
index 84bbac28c..a79174374 100644
--- a/src/widgets/button.c
+++ b/src/widgets/button.c
@@ -1,12 +1,12 @@
 /*
  * src/widgets/button.c: -- Button widget
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdlib.h>
@@ -43,25 +43,25 @@ button:disabled {
 
 );
 
-static void ui_button_on_init(ui_widget_t* w)
+static void ui_button_on_init(ui_widget_t *w)
 {
-	ui_button_prototype->proto->init(w);
-	w->tab_index = 0;
+        ui_button_prototype->proto->init(w);
+        w->tab_index = 0;
 }
 
-void ui_button_set_text_w(ui_widget_t* w, const wchar_t *wstr)
+void ui_button_set_text_w(ui_widget_t *w, const wchar_t *wstr)
 {
-	ui_text_set_content_w(w, wstr);
+        ui_text_set_content_w(w, wstr);
 }
 
-void ui_button_set_text(ui_widget_t* w, const char *str)
+void ui_button_set_text(ui_widget_t *w, const char *str)
 {
-	ui_text_set_content(w, str);
+        ui_text_set_content(w, str);
 }
 
 void ui_register_button(void)
 {
-	ui_button_prototype = ui_create_widget_prototype("button", "text");
-	ui_button_prototype->init = ui_button_on_init;
-	ui_load_css_string(ui_button_css, __FILE__);
+        ui_button_prototype = ui_create_widget_prototype("button", "text");
+        ui_button_prototype->init = ui_button_on_init;
+        ui_load_css_string(ui_button_css, __FILE__);
 }
diff --git a/src/widgets/canvas.c b/src/widgets/canvas.c
index 81f44f39a..0d8104721 100644
--- a/src/widgets/canvas.c
+++ b/src/widgets/canvas.c
@@ -1,12 +1,12 @@
 /*
  * src/widgets/canvas.c: -- canvas, used to draw custom graphics
  *
- * Copyright (c) 2019-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2019-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdlib.h>
@@ -15,148 +15,148 @@
 #include <LCUI/widgets/canvas.h>
 
 typedef struct ui_canvas {
-	pd_canvas_t buffer;
-	list_t contexts;
+        pd_canvas_t buffer;
+        list_t contexts;
 } ui_canvas_t;
 
 static struct {
-	ui_widget_prototype_t *proto;
+        ui_widget_prototype_t *proto;
 } ui_canvas;
 
 static void ui_canvas_on_resize(ui_widget_t *w, float width, float height)
 {
-	float scale = ui_get_actual_scale();
-
-	pd_canvas_t buffer;
-	ui_canvas_t *canvas = ui_widget_get_data(w, ui_canvas.proto);
-
-	pd_canvas_init(&buffer);
-	buffer.color_type = PD_COLOR_TYPE_ARGB;
-	pd_canvas_create(&buffer, (unsigned)(width * scale),
-			 (unsigned)(height * scale));
-	pd_canvas_replace(&buffer, &canvas->buffer, 0, 0);
-	pd_canvas_destroy(&canvas->buffer);
-	canvas->buffer = buffer;
+        float scale = ui_get_actual_scale();
+
+        pd_canvas_t buffer;
+        ui_canvas_t *canvas = ui_widget_get_data(w, ui_canvas.proto);
+
+        pd_canvas_init(&buffer);
+        buffer.color_type = PD_COLOR_TYPE_ARGB;
+        pd_canvas_create(&buffer, (unsigned)(width * scale),
+                         (unsigned)(height * scale));
+        pd_canvas_replace(&buffer, &canvas->buffer, 0, 0);
+        pd_canvas_destroy(&canvas->buffer);
+        canvas->buffer = buffer;
 }
 
 static void ui_canvas_on_init(ui_widget_t *w)
 {
-	ui_canvas_t *canvas;
+        ui_canvas_t *canvas;
 
-	canvas = ui_widget_add_data(w, ui_canvas.proto, sizeof(ui_canvas_t));
-	pd_canvas_init(&canvas->buffer);
-	list_create(&canvas->contexts);
+        canvas = ui_widget_add_data(w, ui_canvas.proto, sizeof(ui_canvas_t));
+        pd_canvas_init(&canvas->buffer);
+        list_create(&canvas->contexts);
 }
 
 static void ui_canvas_on_destroy(ui_widget_t *w)
 {
-	list_node_t *node;
-	ui_canvas_context_t *ctx;
-	ui_canvas_t *canvas;
-
-	canvas = ui_widget_add_data(w, ui_canvas.proto, sizeof(ui_canvas_t));
-	for (list_each(node, &canvas->contexts)) {
-		ctx = node->data;
-		ctx->available = false;
-	}
-	list_destroy_without_node(&canvas->contexts, NULL);
-	pd_canvas_destroy(&canvas->buffer);
+        list_node_t *node;
+        ui_canvas_context_t *ctx;
+        ui_canvas_t *canvas;
+
+        canvas = ui_widget_add_data(w, ui_canvas.proto, sizeof(ui_canvas_t));
+        for (list_each(node, &canvas->contexts)) {
+                ctx = node->data;
+                ctx->available = false;
+        }
+        list_destroy_without_node(&canvas->contexts, NULL);
+        pd_canvas_destroy(&canvas->buffer);
 }
 
 static void ui_canvas_on_sizehint(ui_widget_t *w, ui_sizehint_t *hint)
 {
-	hint->max_width = UI_CANVAS_DEFAULT_WIDTH;
-	hint->max_height = UI_CANVAS_DEFAULT_HEIGHT;
+        hint->max_width = UI_CANVAS_DEFAULT_WIDTH;
+        hint->max_height = UI_CANVAS_DEFAULT_HEIGHT;
 }
 
 static void ui_canvas_on_paint(ui_widget_t *w, pd_context_t *paint,
-			       ui_widget_actual_style_t *style)
+                               ui_widget_actual_style_t *style)
 {
-	pd_canvas_t src, dest;
-	pd_rect_t content_rect, rect;
-	ui_canvas_t *canvas = ui_widget_get_data(w, ui_canvas.proto);
-
-	content_rect.width = style->content_box.width;
-	content_rect.height = style->content_box.height;
-	content_rect.x = style->content_box.x - style->canvas_box.x;
-	content_rect.y = style->content_box.y - style->canvas_box.y;
-	if (!pd_rect_overlap(&content_rect, &paint->rect, &rect)) {
-		return;
-	}
-	content_rect.x = rect.x - content_rect.x;
-	content_rect.y = rect.y - content_rect.y;
-	content_rect.width = rect.width;
-	content_rect.height = rect.height;
-	rect.x -= paint->rect.x;
-	rect.y -= paint->rect.y;
-	pd_canvas_quote(&dest, &paint->canvas, &rect);
-	pd_canvas_quote(&src, &canvas->buffer, &content_rect);
-	pd_canvas_replace(&dest, &src, 0, 0);
+        pd_canvas_t src, dest;
+        pd_rect_t content_rect, rect;
+        ui_canvas_t *canvas = ui_widget_get_data(w, ui_canvas.proto);
+
+        content_rect.width = style->content_box.width;
+        content_rect.height = style->content_box.height;
+        content_rect.x = style->content_box.x - style->canvas_box.x;
+        content_rect.y = style->content_box.y - style->canvas_box.y;
+        if (!pd_rect_overlap(&content_rect, &paint->rect, &rect)) {
+                return;
+        }
+        content_rect.x = rect.x - content_rect.x;
+        content_rect.y = rect.y - content_rect.y;
+        content_rect.width = rect.width;
+        content_rect.height = rect.height;
+        rect.x -= paint->rect.x;
+        rect.y -= paint->rect.y;
+        pd_canvas_quote(&dest, &paint->canvas, &rect);
+        pd_canvas_quote(&src, &canvas->buffer, &content_rect);
+        pd_canvas_replace(&dest, &src, 0, 0);
 }
 
 static void ui_canvas_context_clear_rect(ui_canvas_context_t *ctx, int x, int y,
-					 int width, int height)
+                                         int width, int height)
 {
-	pd_rect_t rect;
+        pd_rect_t rect;
 
-	rect.x = x;
-	rect.y = y;
-	rect.width = width;
-	rect.height = height;
-	pd_canvas_fill_rect(&ctx->buffer, pd_argb(0, 0, 0, 0), rect);
+        rect.x = x;
+        rect.y = y;
+        rect.width = width;
+        rect.height = height;
+        pd_canvas_fill_rect(&ctx->buffer, pd_argb(0, 0, 0, 0), rect);
 }
 
 static void ui_canvas_context_fill_rect(ui_canvas_context_t *ctx, int x, int y,
-					int width, int height)
+                                        int width, int height)
 {
-	pd_rect_t rect;
+        pd_rect_t rect;
 
-	rect.x = x;
-	rect.y = y;
-	rect.width = width;
-	rect.height = height;
-	pd_canvas_fill_rect(&ctx->buffer, ctx->fill_color, rect);
+        rect.x = x;
+        rect.y = y;
+        rect.width = width;
+        rect.height = height;
+        pd_canvas_fill_rect(&ctx->buffer, ctx->fill_color, rect);
 }
 
 static void ui_canvas_context_release(ui_canvas_context_t *ctx)
 {
-	ui_canvas_t *canvas;
+        ui_canvas_t *canvas;
 
-	if (ctx->available) {
-		canvas = ui_widget_get_data(ctx->canvas, ui_canvas.proto);
-		list_unlink(&canvas->contexts, &ctx->node);
-	}
-	free(ctx);
+        if (ctx->available) {
+                canvas = ui_widget_get_data(ctx->canvas, ui_canvas.proto);
+                list_unlink(&canvas->contexts, &ctx->node);
+        }
+        free(ctx);
 }
 
 ui_canvas_context_t *ui_canvas_get_context(ui_widget_t *w)
 {
-	ui_canvas_context_t *ctx;
-	ui_canvas_t *canvas = ui_widget_get_data(w, ui_canvas.proto);
-
-	ctx = malloc(sizeof(ui_canvas_context_t));
-	ctx->canvas = w;
-	ctx->available = true;
-	ctx->buffer = canvas->buffer;
-	ctx->width = ctx->buffer.width;
-	ctx->height = ctx->buffer.height;
-	ctx->fill_color = pd_rgb(0, 0, 0);
-	ctx->scale = ui_get_actual_scale();
-	ctx->clear_rect = ui_canvas_context_clear_rect;
-	ctx->fill_rect = ui_canvas_context_fill_rect;
-	ctx->release = ui_canvas_context_release;
-	ctx->node.data = ctx;
-	ctx->node.next = ctx->node.prev = NULL;
-	list_append_node(&canvas->contexts, &ctx->node);
-	return ctx;
+        ui_canvas_context_t *ctx;
+        ui_canvas_t *canvas = ui_widget_get_data(w, ui_canvas.proto);
+
+        ctx = malloc(sizeof(ui_canvas_context_t));
+        ctx->canvas = w;
+        ctx->available = true;
+        ctx->buffer = canvas->buffer;
+        ctx->width = ctx->buffer.width;
+        ctx->height = ctx->buffer.height;
+        ctx->fill_color = pd_rgb(0, 0, 0);
+        ctx->scale = ui_get_actual_scale();
+        ctx->clear_rect = ui_canvas_context_clear_rect;
+        ctx->fill_rect = ui_canvas_context_fill_rect;
+        ctx->release = ui_canvas_context_release;
+        ctx->node.data = ctx;
+        ctx->node.next = ctx->node.prev = NULL;
+        list_append_node(&canvas->contexts, &ctx->node);
+        return ctx;
 }
 
 void ui_register_canvas(void)
 {
-	ui_canvas.proto = ui_create_widget_prototype("canvas", NULL);
-	ui_canvas.proto->init = ui_canvas_on_init;
-	ui_canvas.proto->destroy = ui_canvas_on_destroy;
-	ui_canvas.proto->paint = ui_canvas_on_paint;
-	ui_canvas.proto->sizehint = ui_canvas_on_sizehint;
-	ui_canvas.proto->resize = ui_canvas_on_resize;
+        ui_canvas.proto = ui_create_widget_prototype("canvas", NULL);
+        ui_canvas.proto->init = ui_canvas_on_init;
+        ui_canvas.proto->destroy = ui_canvas_on_destroy;
+        ui_canvas.proto->paint = ui_canvas_on_paint;
+        ui_canvas.proto->sizehint = ui_canvas_on_sizehint;
+        ui_canvas.proto->resize = ui_canvas_on_resize;
 }
diff --git a/src/widgets/checkbox.c b/src/widgets/checkbox.c
new file mode 100644
index 000000000..381959013
--- /dev/null
+++ b/src/widgets/checkbox.c
@@ -0,0 +1,120 @@
+/*
+ * src/widgets/checkbox.c: -- Checkbox widget
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <LCUI/widgets/checkbox.h>
+#include <LCUI/widgets/text.h>
+#include <LCUI/widgets.h>
+#include <ui/base.h>
+#include <ui/events.h>
+#include <css.h>
+
+static ui_widget_prototype_t *ui_checkbox_prototype = NULL;
+
+static const char *ui_checkbox_css = "\
+checkbox {\
+  display: inline-block;\
+  width: 16px; height: 16px;\
+  border: 1px solid #ccc;\
+  vertical-align: middle;\
+  text-align: center;\
+  line-height: 14px;\
+}\
+checkbox:checked {\
+  background-color: #1e88e5;\
+  color: #fff;\
+  border-color: #1e88e5;\
+}\
+checkbox:indeterminate {\
+  background-color: #1e88e5;\
+  color: #fff;\
+  border-color: #1e88e5;\
+}\
+checkbox:disabled { opacity: 0.5; }";
+
+static void ui_checkbox_update_visual(ui_widget_t *w)
+{
+        const char *mark;
+        int checked;
+        int indeterminate;
+
+        checked = ui_checkbox_get_checked(w);
+        indeterminate = ui_checkbox_get_indeterminate(w);
+        if (indeterminate) {
+                mark = "\xe2\x80\x94";
+        } else if (checked) {
+                mark = "\xe2\x88\x9a";
+        } else {
+                mark = "";
+        }
+        ui_text_set_content(w, mark);
+}
+
+static void ui_checkbox_sync_status(ui_widget_t *w)
+{
+        if (ui_checkbox_get_checked(w)) {
+                ui_widget_add_status(w, "checked");
+        } else {
+                ui_widget_remove_status(w, "checked");
+        }
+        if (ui_checkbox_get_indeterminate(w)) {
+                ui_widget_add_status(w, "indeterminate");
+        } else {
+                ui_widget_remove_status(w, "indeterminate");
+        }
+}
+
+static void ui_checkbox_on_click(ui_widget_t *w, ui_event_t *e, void *arg)
+{
+        ui_event_t ev;
+
+        if (w->disabled) {
+                return;
+        }
+        if (ui_checkbox_get_indeterminate(w)) {
+                ui_checkbox_set_indeterminate(w, 0);
+                ui_checkbox_set_checked(w, 1);
+        } else {
+                ui_checkbox_set_checked(w, !ui_checkbox_get_checked(w));
+        }
+        ui_event_init(&ev, "change");
+        ui_widget_emit_event(w, ev, NULL);
+}
+
+static void ui_checkbox_on_set_attr(ui_widget_t *w, const char *name,
+                                    const char *value)
+{
+        if (strcmp(name, "checked") == 0 ||
+            strcmp(name, "indeterminate") == 0) {
+                ui_checkbox_update_visual(w);
+                ui_checkbox_sync_status(w);
+        }
+}
+
+static void ui_checkbox_on_init(ui_widget_t *w)
+{
+        ui_checkbox_prototype->proto->init(w);
+        ui_widget_on(w, "click", ui_checkbox_on_click, NULL);
+        ui_checkbox_update_visual(w);
+        ui_checkbox_sync_status(w);
+}
+
+ui_widget_t *ui_create_checkbox(void)
+{
+        return ui_create_widget("checkbox");
+}
+
+void ui_register_checkbox(void)
+{
+        ui_checkbox_prototype = ui_create_widget_prototype("checkbox", "text");
+        ui_checkbox_prototype->init = ui_checkbox_on_init;
+        ui_checkbox_prototype->setattr = ui_checkbox_on_set_attr;
+        ui_load_css_string(ui_checkbox_css, __FILE__);
+}
diff --git a/src/widgets/label.c b/src/widgets/label.c
new file mode 100644
index 000000000..72b7dc98b
--- /dev/null
+++ b/src/widgets/label.c
@@ -0,0 +1,61 @@
+/*
+ * src/widgets/label.c: -- Label widget
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <LCUI/widgets/label.h>
+#include <LCUI/widgets.h>
+#include <ui/base.h>
+#include <ui/events.h>
+#include <css.h>
+
+static ui_widget_prototype_t *ui_label_prototype = NULL;
+
+static const char *ui_label_css = "label:disabled {\
+opacity: 0.6;\
+}";
+
+static void ui_label_on_click(ui_widget_t *w, ui_event_t *e, void *arg)
+{
+        const char *for_id;
+        ui_widget_t *target;
+        ui_event_t forwarded;
+
+        if (w->disabled) {
+                return;
+        }
+        for_id = ui_widget_get_attr(w, "for");
+        if (!for_id) {
+                return;
+        }
+        target = ui_get_widget(for_id);
+        if (!target) {
+                return;
+        }
+        ui_event_init(&forwarded, "click");
+        ui_widget_emit_event(target, forwarded, NULL);
+}
+
+static void ui_label_on_init(ui_widget_t *w)
+{
+        ui_label_prototype->proto->init(w);
+        ui_widget_on(w, "click", ui_label_on_click, NULL);
+}
+
+ui_widget_t *ui_create_label(void)
+{
+        return ui_create_widget("label");
+}
+
+void ui_register_label(void)
+{
+        ui_label_prototype = ui_create_widget_prototype("label", "text");
+        ui_label_prototype->init = ui_label_on_init;
+        ui_load_css_string(ui_label_css, __FILE__);
+}
diff --git a/src/widgets/progress.c b/src/widgets/progress.c
new file mode 100644
index 000000000..ef1f07b85
--- /dev/null
+++ b/src/widgets/progress.c
@@ -0,0 +1,114 @@
+/*
+ * src/widgets/progress.c: -- Progress widget
+ *
+ * Copyright (c) 2026, Liu chao <lc-soft@live.cn> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <stdlib.h>
+#include <ui.h>
+#include <css.h>
+#include <yutil.h>
+#include <LCUI/widgets/progress.h>
+
+typedef struct ui_progress {
+        float value;
+        ui_widget_t *track;
+        ui_widget_t *indicator;
+} ui_progress_t;
+
+static ui_widget_prototype_t *ui_progress_proto;
+static ui_widget_prototype_t *ui_progress_track_proto;
+static ui_widget_prototype_t *ui_progress_indicator_proto;
+
+static const char *ui_progress_css = "\
+progress {\
+\twidth: 100%;\
+\theight: 4px;\
+\tbackground-color: #e0e0e0;\
+}\
+\
+progress-track {\
+\twidth: 100%;\
+\theight: 100%;\
+}\
+\
+progress-indicator {\
+\theight: 100%;\
+\twidth: 0;\
+\tbackground-color: #4caf50;\
+}\
+";
+
+static void ui_progress_update_indicator(ui_widget_t *w)
+{
+        ui_progress_t *that = ui_widget_get_data(w, ui_progress_proto);
+        float percentage;
+
+        if (!that->track || !that->indicator) {
+                return;
+        }
+        percentage = y_max(0.0f, y_min(100.0f, that->value));
+        ui_widget_set_style_unit_value(that->indicator, css_prop_width,
+                                       percentage, CSS_UNIT_PERCENT);
+}
+
+static void ui_progress_on_init(ui_widget_t *w)
+{
+        ui_progress_t *that;
+        ui_widget_t *track;
+        ui_widget_t *indicator;
+
+        that = ui_widget_add_data(w, ui_progress_proto, sizeof(ui_progress_t));
+        that->value = 0.0f;
+        track = ui_create_widget("progress-track");
+        indicator = ui_create_widget("progress-indicator");
+        ui_widget_append(track, indicator);
+        ui_widget_append(w, track);
+        that->track = track;
+        that->indicator = indicator;
+}
+
+void ui_progress_set_value(ui_widget_t *w, float value)
+{
+        ui_progress_t *that = ui_widget_get_data(w, ui_progress_proto);
+
+        that->value = y_max(0.0f, y_min(100.0f, value));
+        ui_progress_update_indicator(w);
+}
+
+static void ui_progress_on_set_attr(ui_widget_t *w, const char *name,
+                                    const char *value)
+{
+        if (strcmp(name, "value") == 0 && value) {
+                ui_progress_set_value(w, (float)atof(value));
+        }
+}
+
+float ui_progress_get_value(ui_widget_t *w)
+{
+        ui_progress_t *that = ui_widget_get_data(w, ui_progress_proto);
+
+        return that->value;
+}
+
+ui_widget_t *ui_create_progress(void)
+{
+        return ui_create_widget_with_prototype(ui_progress_proto);
+}
+
+void ui_register_progress(void)
+{
+        ui_progress_track_proto =
+            ui_create_widget_prototype("progress-track", NULL);
+        ui_progress_indicator_proto =
+            ui_create_widget_prototype("progress-indicator", NULL);
+        ui_progress_proto = ui_create_widget_prototype("progress", NULL);
+        ui_progress_proto->init = ui_progress_on_init;
+        ui_progress_proto->setattr = ui_progress_on_set_attr;
+        ui_load_css_string(ui_progress_css, __FILE__);
+}
diff --git a/src/widgets/radio_group.c b/src/widgets/radio_group.c
new file mode 100644
index 000000000..a2c1df67a
--- /dev/null
+++ b/src/widgets/radio_group.c
@@ -0,0 +1,164 @@
+/*
+ * src/widgets/radio_group.c: -- RadioGroup and RadioGroupItem widgets
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <LCUI/widgets/radio_group.h>
+#include <LCUI/widgets.h>
+#include <ui/base.h>
+#include <ui/events.h>
+#include <css.h>
+
+static ui_widget_prototype_t *ui_radio_group_prototype = NULL;
+static ui_widget_prototype_t *ui_radio_group_item_prototype = NULL;
+
+static const char *ui_radio_group_css = "\
+radio-group {\
+  display: inline-block;\
+}\
+radio-group-item {\
+  display: inline-flex;\
+  align-items: center;\
+  justify-content: center;\
+  width: 16px; height: 16px;\
+  border: 1px solid #ccc;\
+  border-radius: 8px;\
+  vertical-align: middle;\
+}\
+radio-group-item:checked {\
+  border-color: #1e88e5;\
+}\
+radio-group-item .indicator {\
+  display: none;\
+  width: 8px; height: 8px;\
+  background-color: #1e88e5; border-radius: 4px;\
+}\
+radio-group-item:checked .indicator { display: block; }\
+radio-group-item:disabled { opacity: 0.5; }";
+
+static bool ui_widget_is_radio_item(ui_widget_t *w)
+{
+        return w && w->proto == ui_radio_group_item_prototype;
+}
+
+struct radio_update_args {
+        const char *target_value;
+};
+
+static void ui_radio_group_clear_each(ui_widget_t *w, void *arg)
+{
+        if (ui_widget_is_radio_item(w)) {
+                ui_radio_group_item_set_checked(w, 0);
+        }
+}
+
+static void ui_radio_group_sync_each(ui_widget_t *w, void *arg)
+{
+        struct radio_update_args *args = arg;
+        const char *v;
+
+        if (!ui_widget_is_radio_item(w)) {
+                return;
+        }
+        v = ui_widget_get_attr(w, "value");
+        if (args->target_value && v && strcmp(args->target_value, v) == 0) {
+                ui_radio_group_item_set_checked(w, 1);
+        } else {
+                ui_radio_group_item_set_checked(w, 0);
+        }
+}
+
+void ui_radio_group_update(ui_widget_t *w)
+{
+        struct radio_update_args args;
+
+        args.target_value = ui_widget_get_attr(w, "value");
+        ui_widget_each(w, ui_radio_group_sync_each, &args);
+}
+
+static void ui_radio_group_on_click(ui_widget_t *w, ui_event_t *e, void *arg)
+{
+        ui_widget_t *target;
+        const char *value;
+        ui_event_t ev;
+
+        target = e->target;
+        while (target && target != w) {
+                if (ui_widget_is_radio_item(target)) {
+                        break;
+                }
+                target = target->parent;
+        }
+        if (!target || target == w || target->disabled) {
+                return;
+        }
+        ui_widget_each(w, ui_radio_group_clear_each, NULL);
+        ui_radio_group_item_set_checked(target, 1);
+        value = ui_widget_get_attr(target, "value");
+        ui_widget_set_attr(w, "value", value);
+        ui_event_init(&ev, "change");
+        ui_widget_emit_event(w, ev, NULL);
+}
+
+static void ui_radio_group_on_init(ui_widget_t *w)
+{
+        ui_widget_on(w, "click", ui_radio_group_on_click, NULL);
+}
+
+static void ui_radio_group_item_sync_status(ui_widget_t *w)
+{
+        if (ui_radio_group_item_get_checked(w)) {
+                ui_widget_add_status(w, "checked");
+        } else {
+                ui_widget_remove_status(w, "checked");
+        }
+}
+
+static void ui_radio_group_item_on_set_attr(ui_widget_t *w, const char *name,
+                                            const char *value)
+{
+        if (strcmp(name, "checked") == 0) {
+                ui_radio_group_item_sync_status(w);
+        }
+}
+
+static void ui_radio_group_item_on_init(ui_widget_t *w)
+{
+        ui_widget_t *indicator;
+
+        indicator = ui_create_widget(NULL);
+        ui_widget_add_class(indicator, "indicator");
+        ui_widget_append(w, indicator);
+        ui_radio_group_item_sync_status(w);
+}
+
+ui_widget_t *ui_create_radio_group(void)
+{
+        return ui_create_widget_with_prototype(ui_radio_group_prototype);
+}
+
+ui_widget_t *ui_create_radio_group_item(void)
+{
+        return ui_create_widget_with_prototype(ui_radio_group_item_prototype);
+}
+
+void ui_register_radio_group(void)
+{
+        ui_radio_group_prototype =
+            ui_create_widget_prototype("radio-group", NULL);
+        ui_radio_group_prototype->init = ui_radio_group_on_init;
+
+        ui_radio_group_item_prototype =
+            ui_create_widget_prototype("radio-group-item", NULL);
+        ui_radio_group_item_prototype->init = ui_radio_group_item_on_init;
+        ui_radio_group_item_prototype->setattr =
+            ui_radio_group_item_on_set_attr;
+
+        ui_load_css_string(ui_radio_group_css, __FILE__);
+}
diff --git a/src/widgets/scrollarea.c b/src/widgets/scrollarea.c
index 3db84b71f..a118b569d 100644
--- a/src/widgets/scrollarea.c
+++ b/src/widgets/scrollarea.c
@@ -1,12 +1,12 @@
 /*
  * src/widgets/scrollarea.c
  *
- * Copyright (c) 2024-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2024-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <ui.h>
@@ -34,7 +34,7 @@ typedef struct ui_scrollarea_content {
 static ui_widget_prototype_t *ui_scrollarea_proto;
 static ui_widget_prototype_t *ui_scrollarea_content_proto;
 
-static const char *ui_scrollarea_css ="\
+static const char *ui_scrollarea_css = "\
 scrollarea-content {\
     min-width: min-content;\
 }";
diff --git a/src/widgets/scrollbar.c b/src/widgets/scrollbar.c
index e48b4c218..dc2c1f0d8 100644
--- a/src/widgets/scrollbar.c
+++ b/src/widgets/scrollbar.c
@@ -1,12 +1,12 @@
 /*
  * src/widgets/scrollbar.c: -- Scrollbar widget
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
diff --git a/src/widgets/text.c b/src/widgets/text.c
index e5504b58c..e75511630 100644
--- a/src/widgets/text.c
+++ b/src/widgets/text.c
@@ -1,18 +1,19 @@
 /*
- * src/widgets/text.c: -- TextView widget for display text.
+ * src/widgets/text.c: -- Text widget for display text.
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdio.h>
 #include <stdlib.h>
 #include <string.h>
 #include <errno.h>
+#include <math.h>
 #include <pandagl.h>
 #include <css.h>
 #include <LCUI/widgets/text.h>
@@ -61,7 +62,7 @@ static void ui_text_on_parse_attr(ui_widget_t *w, const char *name,
         }
         if (strcmp(name, "multiline") == 0) {
                 bool enable = parse_boolean(value);
-                if (enable != txt->layer->mulitiline_enabled) {
+                if (enable != txt->layer->multiline_enabled) {
                         ui_text_set_multiline(w, enable);
                 }
         }
@@ -200,9 +201,10 @@ static void ui_text_on_sizehint(ui_widget_t *w, ui_sizehint_t *hint)
         pd_text_set_max_size(txt->layer, ui_compute(max_width),
                              ui_compute(max_height));
         pd_text_update(txt->layer, &rects);
-        hint->max_width = pd_text_get_width(txt->layer) / ui_get_actual_scale();
+        hint->max_width =
+            ceilf(pd_text_get_width(txt->layer) / ui_get_actual_scale());
         hint->max_height =
-            pd_text_get_height(txt->layer) / ui_get_actual_scale();
+            ceilf(pd_text_get_height(txt->layer) / ui_get_actual_scale());
         pd_rects_clear(&rects);
         if (!txt->layer->autowrap_enabled) {
                 hint->min_width = hint->max_width;
@@ -286,7 +288,7 @@ static void ui_text_on_paint(ui_widget_t *w, pd_context_t *paint,
 int ui_text_set_content_w(ui_widget_t *w, const wchar_t *text)
 {
         ui_text_t *txt = ui_widget_get_data(w, ui_text.prototype);
-        wchar_t *newtext = wcsdup2(text);
+        wchar_t *newtext = y_wcsdup(text);
 
         if (!newtext) {
                 return -ENOMEM;
@@ -294,7 +296,7 @@ int ui_text_set_content_w(ui_widget_t *w, const wchar_t *text)
         if (txt->content) {
                 free(txt->content);
         }
-        txt->content = wcsdup2(text);
+        txt->content = y_wcsdup(text);
         if (!txt->content) {
                 free(newtext);
                 return -ENOMEM;
@@ -310,7 +312,7 @@ int ui_text_set_content_w(ui_widget_t *w, const wchar_t *text)
                         wcscpy(newtext, text);
                         break;
                 }
-                wcstrim(newtext, text, NULL);
+                y_wcstrim(newtext, text, NULL);
         } while (0);
         if (txt->task.content) {
                 free(txt->task.content);
diff --git a/src/widgets/textcaret.c b/src/widgets/textcaret.c
index dbd98b22f..27e9cb875 100644
--- a/src/widgets/textcaret.c
+++ b/src/widgets/textcaret.c
@@ -1,12 +1,12 @@
 /*
  * src/widgets/textcaret.c: -- textcaret widget, used in textinput.
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <stdlib.h>
@@ -100,7 +100,7 @@ static void ui_textcaret_on_init(ui_widget_t *widget)
         caret->blink_interval = 500;
         caret->visible = false;
         caret->timer_id = ptk_set_interval(caret->blink_interval,
-                                            ui_textcaret_on_blink, caret->task);
+                                           ui_textcaret_on_blink, caret->task);
 }
 
 void ui_textcaret_set_blink_time(ui_widget_t *widget, unsigned int n_ms)
diff --git a/src/widgets/textinput.c b/src/widgets/textinput.c
index e592388a2..3b1b79f15 100644
--- a/src/widgets/textinput.c
+++ b/src/widgets/textinput.c
@@ -1,15 +1,16 @@
 /*
  * src/widgets/textinput.c: -- textinput widget, used to allow user edit
  *
- * Copyright (c) 2018-2025, Liu chao <lc-soft@live.cn> All rights reserved.
+ * Copyright (c) 2018-2026, Liu chao <lc-soft@live.cn> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <errno.h>
+#include <math.h>
 #include <stdlib.h>
 #include <string.h>
 #include <thread.h>
@@ -104,7 +105,7 @@ static void ui_textinput_update_caret(ui_widget_t *widget)
 {
         ui_textinput_t *edit = ui_widget_get_data(widget, ui_textinput_proto);
 
-        int row = edit->layer->insert_y;
+        int row = edit->layer->caret.y;
         int offset_x, offset_y;
         float height, width;
         float scale = ui_get_actual_scale();
@@ -112,14 +113,14 @@ static void ui_textinput_update_caret(ui_widget_t *widget)
 
         if (!edit->placeholder_visible) {
                 pd_pos_t pos;
-                if (pd_text_get_insert_pixel_position(edit->layer, &pos) != 0) {
+                if (pd_text_get_caret_pixel(edit->layer, &pos) != 0) {
                         return;
                 }
                 caret_x = pos.x / scale;
                 caret_y = pos.y / scale;
         }
-        offset_x = y_iround(edit->layer->offset_x / scale);
-        offset_y = y_iround(edit->layer->offset_y / scale);
+        offset_x = (int)round(edit->layer->offset_x / scale);
+        offset_y = (int)round(edit->layer->offset_y / scale);
         x = caret_x + offset_x;
         y = caret_y + offset_y;
         width = edit->layer->width / scale;
@@ -147,8 +148,8 @@ static void ui_textinput_update_caret(ui_widget_t *widget)
                 x = caret_x + widget->content_box.width -
                     (edit->layer->width / scale);
         }
-        offset_x = y_iround((x - caret_x) * scale);
-        offset_y = y_iround((y - caret_y) * scale);
+        offset_x = (int)round((x - caret_x) * scale);
+        offset_y = (int)round((y - caret_y) * scale);
         if (pd_text_set_offset(edit->layer, offset_x, offset_y)) {
                 edit->tasks[TASK_UPDATE] = true;
                 ui_widget_request_update(widget);
@@ -158,9 +159,8 @@ static void ui_textinput_update_caret(ui_widget_t *widget)
         ui_widget_move(edit->caret, x, y);
         ui_textcaret_refresh(edit->caret);
         if (edit->password_char) {
-                pd_text_set_insert_position(edit->layer_source,
-                                            edit->layer->insert_y,
-                                            edit->layer->insert_x);
+                pd_text_set_caret(edit->layer_source, edit->layer->caret.y,
+                                  edit->layer->caret.x);
         }
 }
 
@@ -170,7 +170,7 @@ void ui_textinput_move_caret(ui_widget_t *widget, int row, int col)
         if (edit->placeholder_visible) {
                 row = col = 0;
         }
-        pd_text_set_insert_position(edit->layer, row, col);
+        pd_text_set_caret(edit->layer, row, col);
         ui_textinput_update_caret(widget);
 }
 
@@ -459,7 +459,7 @@ void ui_textinput_clear_text(ui_widget_t *widget)
                         node = prev;
                 }
         }
-        pd_text_empty(edit->layer_source);
+        pd_text_clear(edit->layer_source);
         pd_style_tags_clear(&edit->text_tags);
         edit->tasks[TASK_UPDATE] = true;
         ui_widget_request_update(widget);
@@ -471,7 +471,7 @@ size_t ui_textinput_get_text_w(ui_widget_t *w, size_t start, size_t max_len,
                                wchar_t *buf)
 {
         ui_textinput_t *edit = ui_widget_get_data(w, ui_textinput_proto);
-        return pd_text_dump(edit->layer_source, start, max_len, buf);
+        return pd_text_read(edit->layer_source, start, max_len, buf);
 }
 
 size_t ui_textinput_get_text_length(ui_widget_t *w)
@@ -497,7 +497,6 @@ int ui_textinput_set_text(ui_widget_t *widget, const char *utf8_str)
                 return -ENOMEM;
         }
         len = decode_utf8(wstr, utf8_str, len);
-        wstr[len] = 0;
         ret = ui_textinput_set_text_w(widget, wstr);
         free(wstr);
         return ret;
@@ -512,7 +511,7 @@ void ui_textinput_set_password_char(ui_widget_t *w, wchar_t ch)
         edit->password_char = ch;
         edit->tasks[TASK_UPDATE] = true;
         ui_widget_request_update(w);
-        pd_text_empty(edit->layer_mask);
+        pd_text_clear(edit->layer_mask);
         if (!edit->password_char) {
                 edit->layer = edit->layer_source;
                 return;
@@ -542,7 +541,7 @@ int ui_textinput_set_placeholder_w(ui_widget_t *w, const wchar_t *wstr)
 {
         ui_textinput_t *edit = ui_widget_get_data(w, ui_textinput_proto);
         thread_mutex_lock(&edit->mutex);
-        pd_text_empty(edit->layer_placeholder);
+        pd_text_clear(edit->layer_placeholder);
         thread_mutex_unlock(&edit->mutex);
         if (edit->placeholder_visible) {
                 ui_widget_mark_dirty_rect(w, NULL, UI_BOX_TYPE_PADDING_BOX);
@@ -561,7 +560,6 @@ int ui_textinput_set_placeholder(ui_widget_t *w, const char *str)
                 return -ENOMEM;
         }
         len = decode_utf8(wstr, str, len);
-        wstr[len] = 0;
         ret = ui_textinput_set_placeholder_w(w, wstr);
         free(wstr);
         return ret;
@@ -665,8 +663,8 @@ static void ui_textinput_on_keydown(ui_widget_t *widget, ui_event_t *e,
         int cur_col, cur_row;
         ui_textinput_t *edit = ui_widget_get_data(widget, ui_textinput_proto);
 
-        cur_row = edit->layer->insert_y;
-        cur_col = edit->layer->insert_x;
+        cur_row = edit->layer->caret.y;
+        cur_col = edit->layer->caret.x;
         rows = pd_text_get_lines_length(edit->layer);
         cols = pd_text_get_line_length(edit->layer, cur_row);
         e->cancel_bubble = true;
@@ -796,7 +794,7 @@ static void ui_textinput_on_mousemove(ui_widget_t *w, ui_event_t *e, void *arg)
                 return;
         }
         ui_widget_get_offset(w, NULL, &offset_x, &offset_y);
-        pd_text_set_insert_pixel_position(
+        pd_text_set_caret_pixel(
             edit->layer,
             ui_compute(e->mouse.x - offset_x - w->computed_style.padding_left),
             ui_compute(e->mouse.y - offset_y - w->computed_style.padding_top));
@@ -815,7 +813,7 @@ static void ui_textinput_on_mousedown(ui_widget_t *w, ui_event_t *e, void *arg)
         ui_textinput_t *edit = ui_widget_get_data(w, ui_textinput_proto);
 
         ui_widget_get_offset(w, NULL, &offset_x, &offset_y);
-        pd_text_set_insert_pixel_position(
+        pd_text_set_caret_pixel(
             edit->layer,
             ui_compute(e->mouse.x - offset_x - w->computed_style.padding_left),
             ui_compute(e->mouse.y - offset_y - w->computed_style.padding_top));
diff --git a/src/widgets/textstyle.c b/src/widgets/textstyle.c
index 0115fc9de..f282382f4 100644
--- a/src/widgets/textstyle.c
+++ b/src/widgets/textstyle.c
@@ -1,35 +1,34 @@
 /*
  * src/widgets/textstyle.c
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include "textstyle.h"
 
 void convert_font_style_to_text_style(ui_text_style_t *fs, pd_text_style_t *ts)
 {
-	size_t len;
-	ts->font_ids = NULL;
-	ts->has_style = true;
-	ts->has_weight = true;
-	ts->has_family = false;
-	ts->has_back_color = false;
-	ts->has_pixel_size = true;
-	ts->has_fore_color = true;
-	ts->fore_color = fs->color;
-	ts->pixel_size = fs->font_size;
-	ts->weight = fs->font_weight;
-	ts->style = fs->font_style;
-	if (fs->font_ids) {
-		for (len = 0; fs->font_ids[len]; ++len)
-			;
-		ts->font_ids = malloc(sizeof(int) * ++len);
-		memcpy(ts->font_ids, fs->font_ids, len * sizeof(int));
-		ts->has_family = true;
-	}
+        size_t len;
+        ts->font_ids = NULL;
+        ts->has_style = true;
+        ts->has_weight = true;
+        ts->has_family = false;
+        ts->has_back_color = false;
+        ts->has_pixel_size = true;
+        ts->has_fore_color = true;
+        ts->fore_color = fs->color;
+        ts->pixel_size = fs->font_size;
+        ts->weight = fs->font_weight;
+        ts->style = fs->font_style;
+        if (fs->font_ids) {
+                for (len = 0; fs->font_ids[len]; ++len);
+                ts->font_ids = malloc(sizeof(int) * ++len);
+                memcpy(ts->font_ids, fs->font_ids, len * sizeof(int));
+                ts->has_family = true;
+        }
 }
diff --git a/src/widgets/textstyle.h b/src/widgets/textstyle.h
index f35b8d05a..53924472d 100644
--- a/src/widgets/textstyle.h
+++ b/src/widgets/textstyle.h
@@ -1,12 +1,12 @@
 /*
  * src/widgets/textstyle.h
  *
- * Copyright (c) 2023-2025, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
+ * This file is part of LCUI, distributed under the MIT License found
+ * in the LICENSE.TXT file in the root directory of this source tree.
  */
 
 #include <pandagl/text.h>
diff --git a/tests/cases/test_flex_layout.c b/tests/cases/test_flex_layout.c
deleted file mode 100644
index 7edeb60e6..000000000
--- a/tests/cases/test_flex_layout.c
+++ /dev/null
@@ -1,752 +0,0 @@
-/*
- * tests/cases/test_flex_layout.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <LCUI.h>
-#include <ctest-custom.h>
-
-#define SCROLLBAR_WIDTH 14
-
-static void test_flex_layout_with_content_width(float width)
-{
-	float content_width = width - 22;
-
-	ui_widget_t *w;
-	ui_widget_t *content;
-	ui_widget_t *example;
-	ui_widget_t *container;
-	ui_rect_t rect;
-
-	container = ui_widget_get_child(ui_get_widget("main"), 0);
-	ui_update();
-
-	rect.y = 10;
-	rect.x = 10;
-	rect.width = width;
-	rect.height = 104;
-	w = ui_widget_get_child(container, 0);
-	ctest_equal_ui_rect("$('.example')[0].border_box", &w->border_box, &rect);
-
-	rect.y += 114;
-	w = ui_widget_get_child(container, 1);
-	ctest_equal_ui_rect("$('.example')[1].border_box", &w->border_box, &rect);
-
-	rect.y += 114;
-	w = ui_widget_get_child(container, 2);
-	ctest_equal_ui_rect("$('.example')[2].border_box", &w->border_box, &rect);
-
-	rect.y += 114;
-	w = ui_widget_get_child(container, 3);
-	ctest_equal_ui_rect("$('.example')[3].border_box", &w->border_box, &rect);
-
-	rect.y += 114;
-	w = ui_widget_get_child(container, 4);
-	ctest_equal_ui_rect("$('.example')[4].border_box", &w->border_box, &rect);
-
-	rect.y += 114;
-	w = ui_widget_get_child(container, 5);
-	ctest_equal_ui_rect("$('.example')[5].border_box", &w->border_box, &rect);
-
-	rect.y += 114;
-	w = ui_widget_get_child(container, 6);
-	ctest_equal_ui_rect("$('.example')[6].border_box", &w->border_box, &rect);
-
-	rect.y += 114;
-	rect.height = 344;
-	w = ui_widget_get_child(container, 7);
-	ctest_equal_ui_rect("$('.example')[7].border_box", &w->border_box, &rect);
-
-	rect.y += rect.height + 10;
-	rect.height = 204;
-	w = ui_widget_get_child(container, 8);
-	ctest_equal_ui_rect("$('.example')[8].border_box", &w->border_box, &rect);
-
-	rect.y += rect.height + 10;
-	rect.height = 354;
-	w = ui_widget_get_child(container, 9);
-	ctest_equal_ui_rect("$('.example')[9].border_box", &w->border_box, &rect);
-
-	rect.y += rect.height + 10;
-	rect.height = 354;
-	w = ui_widget_get_child(container, 10);
-	ctest_equal_ui_rect("$('.example')[10].border_box", &w->border_box, &rect);
-
-	rect.y += rect.height + 10;
-	rect.height = 354;
-	w = ui_widget_get_child(container, 11);
-	ctest_equal_ui_rect("$('.example')[11].border_box", &w->border_box, &rect);
-
-	rect.y += rect.height + 10;
-	rect.height = 354;
-	w = ui_widget_get_child(container, 12);
-	ctest_equal_ui_rect("$('.example')[12].border_box", &w->border_box, &rect);
-
-	rect.y += rect.height + 10;
-	rect.height = 354;
-	w = ui_widget_get_child(container, 13);
-	ctest_equal_ui_rect("$('.example')[13].border_box", &w->border_box, &rect);
-
-	rect.y += rect.height + 10;
-	rect.height = 254;
-	w = ui_widget_get_child(container, 14);
-	ctest_equal_ui_rect("$('.example')[14].border_box", &w->border_box, &rect);
-
-	rect.y += rect.height + 10;
-	rect.height = 184;
-	w = ui_widget_get_child(container, 15);
-	ctest_equal_ui_rect("$('.example')[15].border_box", &w->border_box, &rect);
-
-	rect.y += rect.height + 10;
-	rect.height = 354;
-	w = ui_widget_get_child(container, 16);
-	ctest_equal_ui_rect("$('.example')[16].border_box", &w->border_box, &rect);
-
-	// (1) justify-content: center;;
-
-	example = ui_widget_get_child(container, 1);
-	content = ui_widget_get_child(example, 1);
-	w = ui_widget_get_child(content, 0);
-	rect.x = 5 + (content_width - 300) / 2.f;
-	rect.y = 5;
-	rect.width = 50;
-	rect.height = 50;
-	ctest_equal_ui_rect("$('.example:eq(1) .box')[0].border_box", &w->border_box,
-		 &rect);
-
-	// (2) justify-content: flex-end;
-
-	example = ui_widget_get_child(container, 2);
-	content = ui_widget_get_child(example, 1);
-	w = ui_widget_get_child(content, 0);
-	rect.x = 5 + (content_width - 300);
-	ctest_equal_ui_rect("$('.example:eq(2) .box')[0].border_box", &w->border_box,
-		 &rect);
-
-	// (3) justify-content: space-between;
-
-	example = ui_widget_get_child(container, 3);
-	content = ui_widget_get_child(example, 1);
-	w = ui_widget_get_child(content, 0);
-	rect.x = 5;
-	ctest_equal_ui_rect("$('.example:eq(3) .box')[0].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_next(w);
-	rect.x = 5 + 50 + (content_width - 300) / 5.f;
-	ctest_equal_ui_rect("$('.example:eq(3) .box')[1].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_get_child(content, 5);
-	rect.x = 5 + (content_width - 50);
-	ctest_equal_ui_rect("$('.example:eq(3) .box')[5].border_box", &w->border_box,
-		 &rect);
-
-	// (4) justify-content: space-around;
-
-	example = ui_widget_get_child(container, 4);
-	content = ui_widget_get_child(example, 1);
-	w = ui_widget_get_child(content, 0);
-	rect.x = 5 + (content_width - 300) / 6.f / 2.f;
-	ctest_equal_ui_rect("$('.example:eq(4) .box')[0].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_next(w);
-	rect.x += 50 + (content_width - 300) / 6.f;
-	ctest_equal_ui_rect("$('.example:eq(4) .box')[1].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_get_child(content, 5);
-	rect.x = 5 + content_width - (content_width - 300) / 6.f / 2.f - 50;
-	ctest_equal_ui_rect("$('.example:eq(4) .box')[5].border_box", &w->border_box,
-		 &rect);
-
-	// (5) Auto margin
-
-	example = ui_widget_get_child(container, 5);
-	content = ui_widget_get_child(example, 1);
-	w = ui_widget_get_child(content, 0);
-	rect.x = 5;
-	ctest_equal_ui_rect("$('.example:eq(5) .box')[0].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_next(w);
-	rect.x += 50 + (content_width - 200) / 2.f;
-	ctest_equal_ui_rect("$('.example:eq(5) .box')[1].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_next(w);
-	rect.x += 50;
-	ctest_equal_ui_rect("$('.example:eq(5) .box')[2].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_next(w);
-	rect.x += 50 + (content_width - 200) / 2.f;
-	ctest_equal_ui_rect("$('.example:eq(5) .box')[3].border_box", &w->border_box,
-		 &rect);
-
-	// (7) flex-grow
-
-	example = ui_widget_get_child(container, 7);
-	content = ui_widget_get_child(example, 1);
-	w = ui_widget_get_child(content, 0);
-	rect.x = 5;
-	rect.width = content_width / 3.f;
-	ctest_equal_ui_rect("$('.example:eq(7) .box')[0].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_next(w);
-	rect.x += rect.width;
-	ctest_equal_ui_rect("$('.example:eq(7) .box')[1].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_next(w);
-	rect.x += rect.width;
-	ctest_equal_ui_rect("$('.example:eq(7) .box')[2].border_box", &w->border_box,
-		 &rect);
-
-	// line 1
-
-	content = ui_widget_get_child(example, 2);
-	w = ui_widget_get_child(content, 0);
-	rect.x = 5;
-	rect.width = content_width - 50 - 50;
-	ctest_equal_ui_rect("$('.example:eq(7) .box')[3].border_box", &w->border_box,
-		 &rect);
-
-	// line 2
-
-	content = ui_widget_get_child(example, 3);
-	w = ui_widget_get_child(content, 0);
-	rect.x = 5;
-	rect.width = (content_width - 50) / 2.f;
-	ctest_equal_ui_rect("$('.example:eq(7) .box')[6].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_next(w);
-	rect.x += rect.width;
-	ctest_equal_ui_rect("$('.example:eq(7) .box')[7].border_box", &w->border_box,
-		 &rect);
-
-	// line 3
-
-	content = ui_widget_get_child(example, 4);
-	w = ui_widget_get_child(content, 1);
-	rect.x = 5 + 50;
-	ctest_equal_ui_rect("$('.example:eq(7) .box')[10].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_next(w);
-	rect.x += rect.width;
-	ctest_equal_ui_rect("$('.example:eq(7) .box')[11].border_box", &w->border_box,
-		 &rect);
-
-	// line 4
-
-	content = ui_widget_get_child(example, 5);
-	w = ui_widget_get_child(content, 0);
-	rect.x = 5;
-	rect.width = 12 + (content_width - 3 * 12) * 4.f / 7.f;
-	ctest_equal_ui_rect("$('.example:eq(7) .box')[12].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_next(w);
-	rect.x += rect.width;
-	rect.width = 12 + (content_width - 3 * 12) * 2.f / 7.f;
-	ctest_equal_ui_rect("$('.example:eq(7) .box')[13].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_next(w);
-	rect.x += rect.width;
-	rect.width = 12 + (content_width - 3 * 12) / 7.f;
-	ctest_equal_ui_rect("$('.example:eq(7) .box')[14].border_box", &w->border_box,
-		 &rect);
-
-	// (10) align-items: center; height: 300px;
-
-	example = ui_widget_get_child(container, 10);
-	content = ui_widget_get_child(example, 1);
-	w = ui_widget_get_child(content, 0);
-	rect.x = 5;
-	rect.y = 5 + (300 / 3.f - 50) / 2.f;
-	rect.width = 50;
-	ctest_equal_ui_rect("$('.example:eq(10) .box')[0].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_next(w);
-	rect.x += 50;
-	ctest_equal_ui_rect("$('.example:eq(10) .box')[1].border_box", &w->border_box,
-		 &rect);
-
-	// (11) align-items: end; height: 300px;
-
-	example = ui_widget_get_child(container, 11);
-	content = ui_widget_get_child(example, 1);
-	w = ui_widget_get_child(content, 0);
-	rect.x = 5;
-	rect.y = 5 + (300 / 3.f - 50);
-	rect.width = 50;
-	ctest_equal_ui_rect("$('.example:eq(11) .box')[0].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_next(w);
-	rect.x += 50;
-	ctest_equal_ui_rect("$('.example:eq(11) .box')[1].border_box", &w->border_box,
-		 &rect);
-
-	// (12) align-items: stretch; height: 300px;
-
-	example = ui_widget_get_child(container, 12);
-	content = ui_widget_get_child(example, 1);
-	w = ui_widget_get_child(content, 0);
-	rect.x = 5;
-	rect.y = 5;
-	rect.width = 50;
-	rect.height = 100;
-	ctest_equal_ui_rect("$('.example:eq(12) .box')[0].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_next(w);
-	rect.x += 50;
-	ctest_equal_ui_rect("$('.example:eq(12) .box')[1].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_next(w);
-	w = ui_widget_next(w);
-	rect.x = 5 + 3 * 50;
-	rect.height = 50;
-	ctest_equal_ui_rect("$('.example:eq(12) .box')[3].border_box", &w->border_box,
-		 &rect);
-
-	// (13) Vertically Centered Layout
-
-	example = ui_widget_get_child(container, 13);
-	content = ui_widget_get_child(example, 1);
-	w = ui_widget_get_child(content, 0);
-	rect.x = 5 + (content_width - 50) / 2.f;
-	rect.y = 5 + (300 - 50) / 2.f;
-	rect.width = 50;
-	rect.height = 50;
-	ctest_equal_ui_rect("$('.example:eq(13) .box')[0].border_box", &w->border_box,
-		 &rect);
-
-	// (14) flex-direction: column;
-
-	example = ui_widget_get_child(container, 14);
-	content = ui_widget_get_child(example, 1);
-	w = ui_widget_get_child(content, 0);
-	rect.x = 5;
-	rect.y = 5;
-	rect.width = 50;
-	rect.height = 50;
-	ctest_equal_ui_rect("$('.example:eq(14) .box')[0].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_get_child(content, 4);
-	rect.x = 5 + 50 + (content_width - 50 - 150 - 200 - 50 - 50) / 5.f;
-	rect.width = 150;
-	ctest_equal_ui_rect("$('.example:eq(14) .box')[4].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_get_child(content, 8);
-	rect.x += 150 + (content_width - 50 - 150 - 200 - 50 - 50) / 5.f;
-	rect.width = 50;
-	ctest_equal_ui_rect("$('.example:eq(14) .box')[8].border_box", &w->border_box,
-		 &rect);
-
-	// (15) Holy Grail Layout
-
-	example = ui_widget_get_child(container, 15);
-	content = ui_widget_get_child(example, 1);
-	w = ui_widget_get_child(content, 0);
-	rect.x = 5;
-	rect.y = 5;
-	rect.width = content_width;
-	rect.height = 50;
-	ctest_equal_ui_rect("$('.example:eq(15) .layout__header')[0].border_box",
-		 &w->border_box, &rect);
-
-	w = ui_widget_get_child(content, 2);
-	rect.y = 5 + 50 + 30;
-	ctest_equal_ui_rect("$('.example:eq(15) .layout__footer')[0].border_box",
-		 &w->border_box, &rect);
-
-	rect.x = 0;
-	rect.y = 0;
-	rect.width = 100;
-	rect.height = 30;
-	w = ui_widget_get_child(content, 1);
-	w = ui_widget_get_child(w, 0);
-	ctest_equal_ui_rect("$('.example:eq(15) .layout__left')[0].border_box",
-		 &w->border_box, &rect);
-
-	w = ui_widget_next(w);
-	rect.x = 100;
-	rect.width = content_width - 100 - 100;
-	ctest_equal_ui_rect("$('.example:eq(15) .layout__center')[0].border_box",
-		 &w->border_box, &rect);
-
-	w = ui_widget_next(w);
-	rect.x += rect.width;
-	rect.width = 100;
-	ctest_equal_ui_rect("$('.example:eq(15) .layout__right')[0].border_box",
-		 &w->border_box, &rect);
-
-	// (16) Holy Grail Layout (height: 300px)
-
-	example = ui_widget_get_child(container, 16);
-	content = ui_widget_get_child(example, 1);
-	w = ui_widget_get_child(content, 0);
-	rect.x = 5;
-	rect.y = 5;
-	rect.width = content_width;
-	rect.height = 50;
-	ctest_equal_ui_rect("$('.example:eq(16) .layout__header')[0].border_box",
-		 &w->border_box, &rect);
-
-	w = ui_widget_get_child(content, 2);
-	rect.y = 5 + 50 + 200;
-	ctest_equal_ui_rect("$('.example:eq(16) .layout__footer')[0].border_box",
-		 &w->border_box, &rect);
-
-	rect.x = 0;
-	rect.y = 0;
-	rect.width = 100;
-	rect.height = 200;
-	w = ui_widget_get_child(content, 1);
-	w = ui_widget_get_child(w, 0);
-	ctest_equal_ui_rect("$('.example:eq(16) .layout__left')[0].border_box",
-		 &w->border_box, &rect);
-
-	w = ui_widget_next(w);
-	rect.x = 100;
-	rect.width = content_width - 100 - 100;
-	ctest_equal_ui_rect("$('.example:eq(16) .layout__center')[0].border_box",
-		 &w->border_box, &rect);
-
-	w = ui_widget_next(w);
-	rect.x += rect.width;
-	rect.width = 100;
-	ctest_equal_ui_rect("$('.example:eq(16) .layout__right')[0].border_box",
-		 &w->border_box, &rect);
-}
-
-static void test_browser_layout(void)
-{
-	ui_widget_t *w;
-	ui_rect_t rect;
-
-	w = ui_get_widget("browser-tabbar");
-	w = ui_widget_get_child(w, 0);
-	ctest_equal_int("$('#browser-tabbar .c-frame-tab')[0].width",
-	     (int)w->border_box.width, 101);
-	w = ui_widget_next(w);
-	ctest_equal_int("$('#browser-tabbar .c-frame-tab')[1].width",
-	     (int)w->border_box.width, 101);
-	w = ui_widget_next(w);
-	ctest_equal_int("$('#browser-tabbar .c-frame-tab')[2].width",
-	     (int)w->border_box.width, 101);
-	w = ui_widget_next(w);
-	ctest_equal_int("$('#browser-tabbar .c-frame-tab')[3].width",
-	     (int)w->border_box.width, 101);
-	w = ui_widget_next(w);
-	ctest_equal_int("$('#browser-tabbar .c-frame-tab')[4].width",
-	     (int)w->border_box.width, 101);
-
-	w = ui_get_widget("browser-frame-client");
-	ctest_equal_int("$('#browser-frame-client')[0].height", (int)w->border_box.height,
-	     223);
-	w = ui_get_widget("browser-frame-content");
-	ctest_equal_int("$('#browser-frame-content')[0].height", (int)w->border_box.height,
-	     223);
-	w = ui_get_widget("browser-page-home");
-	ctest_equal_int("$('#browser-page-home')[0].height", (int)w->border_box.height,
-	     223);
-	w = ui_get_widget("browser-page-home-container");
-	rect.width = 256;
-	rect.height = 70;
-	rect.x =
-	    (538.f - rect.width) / 2.f + w->parent->computed_style.padding_left;
-	rect.y =
-	    (203.f - rect.height) / 2.f + w->parent->computed_style.padding_top;
-	ctest_equal_ui_rect("$('#browser-page-home-container')[0].border_box",
-		 &w->border_box, &rect);
-}
-
-static void test_flex_layout_1280(void)
-{
-	ui_widget_resize(ui_root(), 1280, 800);
-	test_flex_layout_with_content_width(580);
-}
-
-static void test_flex_layout_600(void)
-{
-	ui_widget_resize(ui_root(), 600, 400);
-	test_flex_layout_with_content_width(580 - SCROLLBAR_WIDTH);
-}
-
-static void test_flex_layout_320(void)
-{
-	float width = 320 - 10 - 10 - SCROLLBAR_WIDTH;
-	float content_width = width - 12 - 10;
-
-	ui_widget_t *w;
-	ui_widget_t *content;
-	ui_widget_t *example;
-	ui_widget_t *container;
-	ui_rect_t rect;
-
-	container = ui_widget_get_child(ui_get_widget("main"), 0);
-	ui_widget_resize(ui_root(), 320, 240);
-	ui_update();
-
-	rect.y = 10;
-	rect.x = 10;
-	rect.width = width;
-	rect.height = 104;
-	w = ui_widget_get_child(container, 0);
-	ctest_equal_ui_rect("$('.example')[0].border_box", &w->border_box, &rect);
-
-	rect.y += 114;
-	w = ui_widget_get_child(container, 1);
-	ctest_equal_ui_rect("$('.example')[1].border_box", &w->border_box, &rect);
-
-	rect.y += 114;
-	w = ui_widget_get_child(container, 2);
-	ctest_equal_ui_rect("$('.example')[2].border_box", &w->border_box, &rect);
-
-	rect.y += 114;
-	w = ui_widget_get_child(container, 3);
-	ctest_equal_ui_rect("$('.example')[3].border_box", &w->border_box, &rect);
-
-	rect.y += 114;
-	w = ui_widget_get_child(container, 4);
-	ctest_equal_ui_rect("$('.example')[4].border_box", &w->border_box, &rect);
-
-	rect.y += 114;
-	w = ui_widget_get_child(container, 5);
-	ctest_equal_ui_rect("$('.example')[5].border_box", &w->border_box, &rect);
-
-	rect.y += 114;
-	w = ui_widget_get_child(container, 6);
-	ctest_equal_ui_rect("$('.example')[6].border_box", &w->border_box, &rect);
-
-	rect.y += 114;
-	rect.height = 344;
-	w = ui_widget_get_child(container, 7);
-	ctest_equal_ui_rect("$('.example')[7].border_box", &w->border_box, &rect);
-
-	rect.y += rect.height + 10;
-	rect.height = 354;
-	w = ui_widget_get_child(container, 8);
-	ctest_equal_ui_rect("$('.example')[8].border_box", &w->border_box, &rect);
-
-	rect.y += rect.height + 10;
-	rect.height = 354;
-	w = ui_widget_get_child(container, 9);
-	ctest_equal_ui_rect("$('.example')[9].border_box", &w->border_box, &rect);
-
-	rect.y += rect.height + 10;
-	rect.height = 354;
-	w = ui_widget_get_child(container, 10);
-	ctest_equal_ui_rect("$('.example')[10].border_box", &w->border_box, &rect);
-
-	rect.y += rect.height + 10;
-	rect.height = 354;
-	w = ui_widget_get_child(container, 11);
-	ctest_equal_ui_rect("$('.example')[11].border_box", &w->border_box, &rect);
-
-	rect.y += rect.height + 10;
-	rect.height = 354;
-	w = ui_widget_get_child(container, 12);
-	ctest_equal_ui_rect("$('.example')[12].border_box", &w->border_box, &rect);
-
-	rect.y += rect.height + 10;
-	rect.height = 354;
-	w = ui_widget_get_child(container, 13);
-	ctest_equal_ui_rect("$('.example')[13].border_box", &w->border_box, &rect);
-
-	rect.y += rect.height + 10;
-	rect.height = 254;
-	w = ui_widget_get_child(container, 14);
-	ctest_equal_ui_rect("$('.example')[14].border_box", &w->border_box, &rect);
-
-	rect.y += rect.height + 10;
-	rect.height = 184;
-	w = ui_widget_get_child(container, 15);
-	ctest_equal_ui_rect("$('.example')[15].border_box", &w->border_box, &rect);
-
-	rect.y += rect.height + 10;
-	rect.height = 354;
-	w = ui_widget_get_child(container, 16);
-	ctest_equal_ui_rect("$('.example')[16].border_box", &w->border_box, &rect);
-
-	// (1) justify-content: center;;
-
-	example = ui_widget_get_child(container, 1);
-	content = ui_widget_get_child(example, 1);
-	w = ui_widget_get_child(content, 0);
-	rect.x = 5;
-	rect.y = 5;
-	rect.width = 50 + (content_width - 300) / 6.f;
-	rect.height = 50;
-	ctest_equal_ui_rect("$('.example:eq(1) .box')[0].border_box", &w->border_box,
-		 &rect);
-
-	// (2) justify-content: flex-end;
-
-	example = ui_widget_get_child(container, 2);
-	content = ui_widget_get_child(example, 1);
-	w = ui_widget_get_child(content, 0);
-	ctest_equal_ui_rect("$('.example:eq(2) .box')[0].border_box", &w->border_box,
-		 &rect);
-
-	// (3) justify-content: space-between;
-
-	example = ui_widget_get_child(container, 3);
-	content = ui_widget_get_child(example, 1);
-	w = ui_widget_get_child(content, 0);
-	ctest_equal_ui_rect("$('.example:eq(3) .box')[0].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_next(w);
-	rect.x += rect.width;
-	ctest_equal_ui_rect("$('.example:eq(3) .box')[1].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_get_child(content, 5);
-	rect.x = 5 + content_width - rect.width;
-	ctest_equal_ui_rect("$('.example:eq(3) .box')[5].border_box", &w->border_box,
-		 &rect);
-
-	// (5) Auto margin
-
-	example = ui_widget_get_child(container, 5);
-	content = ui_widget_get_child(example, 1);
-	w = ui_widget_get_child(content, 0);
-	rect.x = 5;
-	rect.width = 50;
-	ctest_equal_ui_rect("$('.example:eq(5) .box')[0].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_next(w);
-	rect.x += 50 + (content_width - 200) / 2.f;
-	ctest_equal_ui_rect("$('.example:eq(5) .box')[1].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_next(w);
-	rect.x += 50;
-	ctest_equal_ui_rect("$('.example:eq(5) .box')[2].border_box", &w->border_box,
-		 &rect);
-
-	w = ui_widget_next(w);
-	rect.x += 50 + (content_width - 200) / 2.f;
-	ctest_equal_ui_rect("$('.example:eq(5) .box')[3].border_box", &w->border_box,
-		 &rect);
-
-	// (15) Holy Grail Layout
-
-	example = ui_widget_get_child(container, 15);
-	content = ui_widget_get_child(example, 1);
-	w = ui_widget_get_child(content, 0);
-	rect.x = 5;
-	rect.y = 5;
-	rect.width = content_width;
-	rect.height = 50;
-	ctest_equal_ui_rect("$('.example:eq(15) .layout__header')[0].border_box",
-		 &w->border_box, &rect);
-
-	w = ui_widget_get_child(content, 2);
-	rect.y = 5 + 50 + 30;
-	ctest_equal_ui_rect("$('.example:eq(15) .layout__footer')[0].border_box",
-		 &w->border_box, &rect);
-
-	rect.x = 0;
-	rect.y = 0;
-	rect.width = 100;
-	rect.height = 30;
-	w = ui_widget_get_child(content, 1);
-	w = ui_widget_get_child(w, 0);
-	ctest_equal_ui_rect("$('.example:eq(15) .layout__left')[0].border_box",
-		 &w->border_box, &rect);
-
-	w = ui_widget_next(w);
-	rect.x = 100;
-	rect.width = content_width - 100 - 100;
-	ctest_equal_ui_rect("$('.example:eq(15) .layout__center')[0].border_box",
-		 &w->border_box, &rect);
-
-	w = ui_widget_next(w);
-	rect.x += rect.width;
-	rect.width = 100;
-	ctest_equal_ui_rect("$('.example:eq(15) .layout__right')[0].border_box",
-		 &w->border_box, &rect);
-
-	// (16) Holy Grail Layout (height: 300px)
-
-	example = ui_widget_get_child(container, 16);
-	content = ui_widget_get_child(example, 1);
-	w = ui_widget_get_child(content, 0);
-	rect.x = 5;
-	rect.y = 5;
-	rect.width = content_width;
-	rect.height = 50;
-	ctest_equal_ui_rect("$('.example:eq(15) .layout__header')[0].border_box",
-		 &w->border_box, &rect);
-
-	w = ui_widget_get_child(content, 2);
-	rect.y = 5 + 50 + 200;
-	ctest_equal_ui_rect("$('.example:eq(16) .layout__footer')[0].border_box",
-		 &w->border_box, &rect);
-
-	rect.x = 0;
-	rect.y = 0;
-	rect.width = 100;
-	rect.height = 200;
-	w = ui_widget_get_child(content, 1);
-	w = ui_widget_get_child(w, 0);
-	ctest_equal_ui_rect("$('.example:eq(16) .layout__left')[0].border_box",
-		 &w->border_box, &rect);
-
-	w = ui_widget_next(w);
-	rect.x = 100;
-	rect.width = content_width - 100 - 100;
-	ctest_equal_ui_rect("$('.example:eq(16) .layout__center')[0].border_box",
-		 &w->border_box, &rect);
-
-	w = ui_widget_next(w);
-	rect.x += rect.width;
-	rect.width = 100;
-	ctest_equal_ui_rect("$('.example:eq(16) .layout__right')[0].border_box",
-		 &w->border_box, &rect);
-}
-
-void test_flex_layout(void)
-{
-	ui_widget_t *root;
-	ui_widget_t *wrapper;
-
-	lcui_init();
-	wrapper = ui_load_xml_file("test_flex_layout.xml");
-	root = ui_root();
-	ui_widget_set_title(root, L"test flex layout");
-	ui_widget_append(root, wrapper);
-	ui_widget_unwrap(wrapper);
-	ui_update();
-
-	ctest_describe("browser layout", test_browser_layout);
-	ctest_describe("root width 1280px", test_flex_layout_1280);
-	ctest_describe("root width 600px", test_flex_layout_600);
-	ctest_describe("root width 320px", test_flex_layout_320);
-
-#ifndef PREVIEW_MODE
-	lcui_quit();
-	lcui_main();
-#endif
-}
diff --git a/tests/cases/test_font_load.c b/tests/cases/test_font_load.c
deleted file mode 100644
index 6477498c8..000000000
--- a/tests/cases/test_font_load.c
+++ /dev/null
@@ -1,193 +0,0 @@
-/*
- * tests/cases/test_font_load.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <stdio.h>
-#include <LCUI.h>
-#include <ctest-custom.h>
-
-#define GetSegoeUIFont(S, W) pd_font_library_get_font_id("Segoe UI", S, W)
-#define GetArialFont(S, W) pd_font_library_get_font_id("Arial", S, W)
-
-void test_segoe_ui_font_load(void)
-{
-        pd_font_t *font;
-        int id;
-        if (pd_font_library_load_file("C:/windows/fonts/segoeui.ttf") != 0) {
-                return;
-        }
-        ctest_equal_int(
-            "load segoeui.ttf",
-            pd_font_library_load_file("C:/windows/fonts/segoeui.ttf"), 0);
-        ctest_equal_int(
-            "load segoeuib.ttf",
-            pd_font_library_load_file("C:/windows/fonts/segoeuib.ttf"), 0);
-        ctest_equal_int(
-            "load segoeuii.ttf",
-            pd_font_library_load_file("C:/windows/fonts/segoeuii.ttf"), 0);
-        ctest_equal_int(
-            "load segoeuil.ttf",
-            pd_font_library_load_file("C:/windows/fonts/segoeuil.ttf"), 0);
-        ctest_equal_int(
-            "load segoeuisl.ttf",
-            pd_font_library_load_file("C:/windows/fonts/segoeuisl.ttf"), 0);
-        ctest_equal_int(
-            "load segoeuiz.ttf",
-            pd_font_library_load_file("C:/windows/fonts/segoeuiz.ttf"), 0);
-        ctest_equal_int(
-            "load seguibl.ttf",
-            pd_font_library_load_file("C:/windows/fonts/seguibl.ttf"), 0);
-        ctest_equal_int(
-            "load seguili.ttf",
-            pd_font_library_load_file("C:/windows/fonts/seguili.ttf"), 0);
-        id = GetSegoeUIFont(PD_FONT_STYLE_NORMAL, PD_FONT_WEIGHT_NORMAL);
-        ctest_equal_bool("check get font (style: normal, weight: normal)",
-                         id > 0, true);
-        if (id > 0) {
-                font = pd_font_library_get_font(id);
-                ctest_equal_int("check font style", font->style,
-                                PD_FONT_STYLE_NORMAL);
-                ctest_equal_int("check font weight", font->weight,
-                                PD_FONT_WEIGHT_NORMAL);
-        }
-        id = GetSegoeUIFont(PD_FONT_STYLE_ITALIC, PD_FONT_WEIGHT_NORMAL);
-        ctest_equal_bool("check get font (style: italic, weight: normal)",
-                         id > 0, true);
-        if (id > 0) {
-                font = pd_font_library_get_font(id);
-                ctest_equal_int("check font style", font->style,
-                                PD_FONT_STYLE_ITALIC);
-                ctest_equal_int("check font weight", font->weight,
-                                PD_FONT_WEIGHT_NORMAL);
-        }
-        id = GetSegoeUIFont(PD_FONT_STYLE_NORMAL, PD_FONT_WEIGHT_BOLD);
-        ctest_equal_bool("check get font (style: normal, weight: bold)", id > 0,
-                         true);
-        if (id > 0) {
-                font = pd_font_library_get_font(id);
-                ctest_equal_int("check font style", font->style,
-                                PD_FONT_STYLE_NORMAL);
-                ctest_equal_int("check font weight", font->weight,
-                                PD_FONT_WEIGHT_BOLD);
-        }
-        id = GetSegoeUIFont(PD_FONT_STYLE_NORMAL, PD_FONT_WEIGHT_LIGHT);
-        ctest_equal_bool("check get font (style: normal, weight: light)",
-                         id > 0, true);
-        if (id > 0) {
-                font = pd_font_library_get_font(id);
-                ctest_equal_int("check font style", font->style,
-                                PD_FONT_STYLE_NORMAL);
-                ctest_equal_int("check font weight", font->weight,
-                                PD_FONT_WEIGHT_LIGHT);
-        }
-        id = GetSegoeUIFont(PD_FONT_STYLE_ITALIC, PD_FONT_WEIGHT_EXTRA_LIGHT);
-        ctest_equal_bool("check get font (style: italic, weight: extra light)",
-                         id > 0, true);
-        if (id > 0) {
-                font = pd_font_library_get_font(id);
-                ctest_equal_int("check font style", font->style,
-                                PD_FONT_STYLE_ITALIC);
-                ctest_equal_int("check font weight", font->weight,
-                                PD_FONT_WEIGHT_EXTRA_LIGHT);
-        }
-}
-
-void test_arial_font_load(void)
-{
-        int id;
-        pd_font_t *font;
-        if (pd_font_library_load_file("C:/windows/fonts/arial.ttf") != 0) {
-                return;
-        }
-        ctest_equal_int(
-            "load arialbd.ttf",
-            pd_font_library_load_file("C:/windows/fonts/arialbd.ttf"), 0);
-        ctest_equal_int(
-            "load arialblk.ttf",
-            pd_font_library_load_file("C:/windows/fonts/ariblk.ttf"), 0);
-        ctest_equal_int(
-            "load arialbi.ttf",
-            pd_font_library_load_file("C:/windows/fonts/arialbi.ttf"), 0);
-        ctest_equal_int(
-            "load ariali.ttf",
-            pd_font_library_load_file("C:/windows/fonts/ariali.ttf"), 0);
-        id = GetArialFont(PD_FONT_STYLE_NORMAL, PD_FONT_WEIGHT_NORMAL);
-        ctest_equal_bool("check get font (style: normal, weight: normal)",
-                         id > 0, true);
-        if (id > 0) {
-                font = pd_font_library_get_font(id);
-                ctest_equal_int("check font style", font->style,
-                                PD_FONT_STYLE_NORMAL);
-                ctest_equal_int("check font weight", font->weight,
-                                PD_FONT_WEIGHT_NORMAL);
-        }
-        id = GetArialFont(PD_FONT_STYLE_ITALIC, PD_FONT_WEIGHT_NORMAL);
-        ctest_equal_bool("check get font (style: italic, weight: normal)",
-                         id > 0, true);
-        if (id > 0) {
-                font = pd_font_library_get_font(id);
-                ctest_equal_int("check font style", font->style,
-                                PD_FONT_STYLE_ITALIC);
-                ctest_equal_int("check font weight", font->weight,
-                                PD_FONT_WEIGHT_NORMAL);
-        }
-        id = GetArialFont(PD_FONT_STYLE_NORMAL, PD_FONT_WEIGHT_BOLD);
-        ctest_equal_bool("check get font (style: normal, weight: bold)", id > 0,
-                         true);
-        if (id > 0) {
-                font = pd_font_library_get_font(id);
-                ctest_equal_int("check font style", font->style,
-                                PD_FONT_STYLE_NORMAL);
-                ctest_equal_int("check font weight", font->weight,
-                                PD_FONT_WEIGHT_BOLD);
-        }
-        id = GetArialFont(PD_FONT_STYLE_NORMAL, PD_FONT_WEIGHT_BLACK);
-        ctest_equal_bool("check get font (style: normal, weight: black)",
-                         id > 0, true);
-        if (id > 0) {
-                font = pd_font_library_get_font(id);
-                ctest_equal_int("check font style", font->style,
-                                PD_FONT_STYLE_NORMAL);
-                ctest_equal_int("check font weight", font->weight,
-                                PD_FONT_WEIGHT_BLACK);
-        }
-        id = GetSegoeUIFont(PD_FONT_STYLE_ITALIC, PD_FONT_WEIGHT_BOLD);
-        ctest_equal_bool("check get font (style: italic, weight: bold)", id > 0,
-                         true);
-        if (id > 0) {
-                font = pd_font_library_get_font(id);
-                ctest_equal_int("check font style", font->style,
-                                PD_FONT_STYLE_ITALIC);
-                ctest_equal_int("check font weight", font->weight,
-                                PD_FONT_WEIGHT_BOLD);
-        }
-}
-
-void test_font_load(void)
-{
-        pd_font_library_init();
-        /* 测试是否能够从字体文件中载入字体 */
-        ctest_equal_int("check pd_font_library_load_file() success",
-                        pd_font_library_load_file("test_font_load.ttf"), 0);
-#ifdef PTK_WIN32
-        ctest_describe("test segoe ui font load", test_segoe_ui_font_load);
-        ctest_describe("test arial font load", test_arial_font_load);
-#endif
-        pd_font_library_destroy();
-
-        ui_init();
-        /* 测试是否能够根据 CSS 文件中定义的 @font-face 规则来载入字体 */
-        ctest_equal_int("check ui_load_css_file() success",
-                        ui_load_css_file("test_font_load.css"), 0);
-        ctest_equal_bool("check pd_font_library_get_font_id() success",
-                         pd_font_library_get_font_id("icomoon", 0, 0) > 0,
-                         true);
-        ui_destroy();
-}
diff --git a/tests/cases/test_image_reader.c b/tests/cases/test_image_reader.c
deleted file mode 100644
index cb237f7a6..000000000
--- a/tests/cases/test_image_reader.c
+++ /dev/null
@@ -1,34 +0,0 @@
-/*
- * tests/cases/test_image_reader.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <stdio.h>
-#include <LCUI.h>
-#include <ctest-custom.h>
-
-void test_image_reader(void)
-{
-        pd_canvas_t img;
-        int i;
-        char file[256], *formats[] = { "png", "bmp", "jpg" };
-
-        for (i = 0; i < 3; ++i) {
-                pd_canvas_init(&img);
-                snprintf(file, 255, "test_image_reader.%s", formats[i]);
-                logger_debug("image file: %s\n", file);
-                ctest_equal_int("check pd_read_image_from_file",
-                                pd_read_image_from_file(file, &img), 0);
-                ctest_equal_int("check image width with ReadImageFile",
-                                img.width, 91);
-                ctest_equal_int("check image height with ReadImageFile",
-                                img.height, 69);
-                pd_canvas_destroy(&img);
-        }
-}
diff --git a/tests/cases/test_scrollbar.c b/tests/cases/test_scrollbar.c
deleted file mode 100644
index e4980f363..000000000
--- a/tests/cases/test_scrollbar.c
+++ /dev/null
@@ -1,202 +0,0 @@
-/*
- * tests/cases/test_scrollbar.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <LCUI.h>
-#include <ctest-custom.h>
-
-const char *test_css = "\
-.container {\
-	width: 300px;\
-	height: 240px;\
-	padding: 10px;\
-	margin: 20px auto 0 auto;\
-	border: 1px solid #eee;\
-}\
-\
-text {\
-	white-space: nowrap;\
-    display: inline-block;\
-}\
-\
-);";
-
-const char *test_content = "\n\
-/* ***************************************************************************\n\
- * test_scrollbar.c -- test scrollbar\n\
- *\n\
- * Copyright (c) 2021, Liu chao <lc-soft@live.cn> All rights reserved.\n\
- *\n\
- * Redistribution and use in source and binary forms, with or without\n\
- * modification, are permitted provided that the following conditions are met:\n\
- *\n\
- *   * Redistributions of source code must retain the above copyright notice,\n\
- *     this list of conditions and the following disclaimer.\n\
- *   * Redistributions in binary form must reproduce the above copyright\n\
- *     notice, this list of conditions and the following disclaimer in the\n\
- *     documentation and/or other materials provided with the distribution.\n\
- *   * Neither the name of LCUI nor the names of its contributors may be used\n\
- *     to endorse or promote products derived from this software without\n\
- *     specific prior written permission.\n\
- *\n\
- * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\"\n\
- * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\n\
- * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\n\
- * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE\n\
- * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR\n\
- * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF\n\
- * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS\n\
- * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN\n\
- * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)\n\
- * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE\n\
- * POSSIBILITY OF SUCH DAMAGE.\n\
- */\n\
-";
-
-void build_content_view(void)
-{
-        ui_widget_t *container = ui_create_scrollarea();
-        ui_widget_t *content = ui_create_scrollarea_content();
-        ui_widget_t *text = ui_create_widget("text");
-        ui_widget_t *vscrollbar = ui_create_scrollbar();
-        ui_widget_t *hscrollbar = ui_create_scrollbar();
-
-        ui_widget_set_id(content, "license_content");
-        ui_text_set_content(text, test_content);
-        ui_scrollbar_set_orientation(hscrollbar, UI_SCROLLBAR_HORIZONTAL);
-        ui_widget_add_class(container, "container");
-        ui_widget_append(content, text);
-        ui_widget_append(container, content);
-        ui_widget_append(container, vscrollbar);
-        ui_widget_append(container, hscrollbar);
-        ui_root_append(container);
-}
-
-int build_content_view_from_xml(void)
-{
-        ui_widget_t *root = ui_root();
-        ui_widget_t *pack = ui_load_xml_file("test_scrollbar.xml");
-
-        if (!pack) {
-                return -1;
-        }
-        ui_widget_append(root, pack);
-        ui_widget_unwrap(pack);
-        return 0;
-}
-
-void test_scrollbar(void)
-{
-        float left, top;
-        ui_event_t e = { 0 };
-        ui_widget_t *content;
-
-        lcui_init();
-        ui_widget_resize(ui_root(), 800, 640);
-        ui_load_css_string(test_css, __FILE__);
-        build_content_view();
-        lcui_ui_update();
-
-        content = ui_get_widget("license_content");
-        left = content->computed_style.left;
-        top = content->computed_style.top;
-
-        e.type = UI_EVENT_MOUSEMOVE;
-        e.mouse.x = 300;
-        e.mouse.y = 275;
-        ui_dispatch_event(&e);
-        lcui_ui_update();
-
-        e.type = UI_EVENT_MOUSEDOWN;
-        e.mouse.button = MOUSE_BUTTON_LEFT;
-        e.mouse.x = 300;
-        e.mouse.y = 275;
-        ui_dispatch_event(&e);
-        lcui_ui_update();
-
-        e.type = UI_EVENT_MOUSEMOVE;
-        e.mouse.x = 600;
-        e.mouse.y = 275;
-        ui_dispatch_event(&e);
-        lcui_ui_update();
-
-        ctest_equal_bool("content should be moved to the left",
-                         content->computed_style.left < left &&
-                             top == content->computed_style.top,
-                         true);
-
-        left = content->computed_style.left;
-        top = content->computed_style.top;
-
-        e.type = UI_EVENT_MOUSEMOVE;
-        e.mouse.x = 400;
-        e.mouse.y = 275;
-        ui_dispatch_event(&e);
-        e.type = UI_EVENT_MOUSEUP;
-        e.mouse.button = MOUSE_BUTTON_LEFT;
-        e.mouse.x = 400;
-        e.mouse.y = 275;
-        ui_dispatch_event(&e);
-        lcui_ui_update();
-
-        ctest_equal_bool("content should be moved to the right",
-                         content->computed_style.left > left &&
-                             top == content->computed_style.top,
-                         true);
-
-        left = content->computed_style.left;
-        top = content->computed_style.top;
-
-        e.type = UI_EVENT_MOUSEMOVE;
-        e.mouse.x = 555;
-        e.mouse.y = 45;
-        ui_dispatch_event(&e);
-        lcui_ui_update();
-
-        e.type = UI_EVENT_MOUSEDOWN;
-        e.mouse.button = MOUSE_BUTTON_LEFT;
-        e.mouse.x = 555;
-        e.mouse.y = 45;
-        ui_dispatch_event(&e);
-        lcui_ui_update();
-
-        e.type = UI_EVENT_MOUSEMOVE;
-        e.mouse.x = 555;
-        e.mouse.y = 200;
-        ui_dispatch_event(&e);
-        lcui_ui_update();
-
-        ctest_equal_bool("content should be moved to the top",
-                         content->computed_style.left == left &&
-                             top > content->computed_style.top,
-                         true);
-
-        left = content->computed_style.left;
-        top = content->computed_style.top;
-
-        e.type = UI_EVENT_MOUSEMOVE;
-        e.mouse.x = 555;
-        e.mouse.y = 100;
-        ui_dispatch_event(&e);
-        e.type = UI_EVENT_MOUSEUP;
-        e.mouse.button = MOUSE_BUTTON_LEFT;
-        e.mouse.x = 555;
-        e.mouse.y = 100;
-        ui_dispatch_event(&e);
-        lcui_ui_update();
-
-        ctest_equal_bool("the content should have scrolled to the bottom",
-                         content->computed_style.left == left &&
-                             top < content->computed_style.top,
-                         true);
-
-        lcui_quit();
-        lcui_main();
-}
diff --git a/tests/cases/test_settings.c b/tests/cases/test_settings.c
deleted file mode 100644
index 60ccdbb24..000000000
--- a/tests/cases/test_settings.c
+++ /dev/null
@@ -1,118 +0,0 @@
-/*
- * tests/cases/test_settings.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <stdio.h>
-#include <LCUI.h>
-#include <ctest-custom.h>
-
-static void check_settings_frame_rate_cap(void *arg)
-{
-	char str[256];
-	int fps_limit = *((int *)arg);
-	int fps = (int)lcui_app_get_fps();
-
-	sprintf(str, "should work when frame cap is %u (actual %u)", fps_limit,
-		fps);
-	ctest_equal_bool(str, fps <= fps_limit + 2 && fps > fps_limit / 2, true);
-	lcui_quit();
-}
-
-static void test_default_settings(void)
-{
-	lcui_settings_t settings;
-
-	lcui_init();
-	lcui_reset_settings();
-	lcui_get_settings(&settings);
-
-	ctest_equal_int("check default frame rate cap", settings.frame_rate_cap, 120);
-	ctest_equal_int("check default parallel rendering threads",
-	     settings.parallel_rendering_threads, 4);
-	ctest_equal_bool("check default paint flashing", settings.paint_flashing, false);
-	lcui_quit();
-	lcui_main();
-}
-
-static void test_apply_settings(void)
-{
-	lcui_settings_t settings;
-
-	settings.frame_rate_cap = 60;
-	settings.parallel_rendering_threads = 2;
-	settings.paint_flashing = true;
-
-	lcui_init();
-	lcui_apply_settings(&settings);
-	lcui_get_settings(&settings);
-	ctest_equal_int("check frame rate cap", settings.frame_rate_cap, 60);
-	ctest_equal_int("check parallel rendering threads",
-	     settings.parallel_rendering_threads, 2);
-	ctest_equal_bool("check paint flashing", settings.paint_flashing, true);
-
-	settings.frame_rate_cap = -1;
-	settings.parallel_rendering_threads = -1;
-
-	lcui_apply_settings(&settings);
-	lcui_get_settings(&settings);
-
-	ctest_equal_int("check frame rate cap minimum", settings.frame_rate_cap, 1);
-	ctest_equal_int("check parallel rendering threads minimum",
-	     settings.parallel_rendering_threads, 1);
-
-	lcui_reset_settings();
-
-	lcui_get_settings(&settings);
-	ctest_equal_int("check frame rate cap", settings.frame_rate_cap, LCUI_MAX_FRAMES_PER_SEC);
-	lcui_quit();
-	lcui_main();
-}
-
-void test_settings_frame_rate_cap(void)
-{
-	lcui_settings_t settings;
-
-	lcui_init();
-	lcui_get_settings(&settings);
-
-	settings.frame_rate_cap = 30;
-	lcui_apply_settings(&settings);
-	ptk_set_timeout(2000, check_settings_frame_rate_cap,
-			&settings.frame_rate_cap);
-	lcui_main();
-
-	lcui_init();
-	settings.frame_rate_cap = 5;
-	lcui_apply_settings(&settings);
-	ptk_set_timeout(2000, check_settings_frame_rate_cap,
-			&settings.frame_rate_cap);
-	lcui_main();
-
-	lcui_init();
-	settings.frame_rate_cap = 90;
-	lcui_apply_settings(&settings);
-	ptk_set_timeout(2000, check_settings_frame_rate_cap,
-			&settings.frame_rate_cap);
-	lcui_main();
-
-	lcui_init();
-	settings.frame_rate_cap = 25;
-	lcui_apply_settings(&settings);
-	ptk_set_timeout(2000, check_settings_frame_rate_cap,
-			&settings.frame_rate_cap);
-	lcui_main();
-}
-
-void test_settings(void)
-{
-	ctest_describe("test default settings", test_default_settings);
-	ctest_describe("test apply settings", test_apply_settings);
-	ctest_describe("test settings.frame_rate_cap", test_settings_frame_rate_cap);
-}
diff --git a/tests/cases/test_textinput.c b/tests/cases/test_textinput.c
deleted file mode 100644
index 8ae62b378..000000000
--- a/tests/cases/test_textinput.c
+++ /dev/null
@@ -1,67 +0,0 @@
-/*
- * tests/cases/test_textinput.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <LCUI.h>
-#include <ctest-custom.h>
-
-void test_textinput(void)
-{
-	ui_widget_t* w;
-	wchar_t wcs[64];
-
-	lcui_init();
-
-	w = ui_create_widget("textinput");
-
-	ui_textinput_set_text_w(w, L"hello");
-	ui_widget_update(w);
-	ctest_equal_bool("check TextEdit_GetLength after ui_textinput_set_text_w",
-	     ui_textinput_get_text_length(w) == wcslen(L"hello"), true);
-	ctest_equal_bool("check ui_textinput_get_text_w after ui_textinput_set_text_w",
-	     ui_textinput_get_text_w(w, 0, 64, wcs) == wcslen(L"hello"), true);
-	ctest_equal_bool("check string retrieved from ui_textinput_get_text_w",
-	     wcscmp(L"hello", wcs) == 0, true);
-
-	ui_widget_set_text(w, "hello");
-	ui_widget_update(w);
-	ctest_equal_bool("check TextEdit_GetLength after ui_textinput_set_text",
-	     ui_textinput_get_text_length(w) == wcslen(L"hello"), true);
-	ctest_equal_bool("check ui_textinput_get_text_w after ui_textinput_set_text",
-	     ui_textinput_get_text_w(w, 0, 64, wcs) == wcslen(L"hello"), true);
-	ctest_equal_bool("check string retrieved from ui_textinput_get_text_w",
-	     wcscmp(L"hello", wcs) == 0, true);
-
-	ui_textinput_append_text_w(w, L"world");
-	ui_widget_update(w);
-	ctest_equal_bool("check TextEdit_GetLength after ui_textinput_append_text_w",
-	     ui_textinput_get_text_length(w) == wcslen(L"helloworld"), true);
-	ctest_equal_bool("check ui_textinput_get_text_w after ui_textinput_append_text_w",
-	     ui_textinput_get_text_w(w, 0, 64, wcs) == wcslen(L"helloworld"), true);
-	ctest_equal_bool("check string retrieved from ui_textinput_get_text_w",
-	     wcscmp(L"helloworld", wcs) == 0, true);
-
-	ui_textinput_move_caret(w, 0, 5);
-	ui_textinput_insert_text_w(w, L", ");
-	ui_widget_update(w);
-	ui_textinput_move_caret(w, 0, 100);
-	ui_textinput_insert_text_w(w, L"!");
-	ui_widget_update(w);
-	ctest_equal_bool("check TextEdit_GetLength after inserting text",
-	     ui_textinput_get_text_length(w) == wcslen(L"hello, world!"), true);
-	ctest_equal_bool("check ui_textinput_get_text_w after inserting text",
-	     ui_textinput_get_text_w(w, 0, 64, wcs) == wcslen(L"hello, world!"),
-	     true);
-	ctest_equal_bool("check string retrieved from ui_textinput_get_text_w",
-	     wcscmp(L"hello, world!", wcs) == 0, true);
-	ui_widget_destroy(w);
-	lcui_quit();
-	lcui_main();
-}
diff --git a/tests/cases/test_thread.c b/tests/cases/test_thread.c
deleted file mode 100644
index 2395a7d8d..000000000
--- a/tests/cases/test_thread.c
+++ /dev/null
@@ -1,94 +0,0 @@
-/*
- * tests/cases/test_thread.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <string.h>
-#include <stdio.h>
-#include <LCUI.h>
-#include <ctest-custom.h>
-
-typedef struct TestWorkerRec_ {
-	char data[32];
-	int data_count;
-	bool cancel;
-	bool active;
-	thread_cond_t cond;
-	thread_mutex_t mutex;
-	thread_t thread;
-} TestWorkerRec, *TestWorker;
-
-static void TestWorker_Thread(void *arg)
-{
-	TestWorker worker = arg;
-
-	worker->cancel = false;
-	worker->active = true;
-	worker->data_count = 0;
-	thread_mutex_lock(&worker->mutex);
-	while (!worker->cancel && worker->data_count < 20) {
-		logger_debug("waiting...\n");
-		thread_cond_wait(&worker->cond, &worker->mutex);
-		logger_debug("get data: %s\n", worker->data);
-		worker->data_count += 1;
-	}
-	thread_mutex_unlock(&worker->mutex);
-	logger_debug("count: %d\n", worker->data_count);
-	worker->active = false;
-	thread_exit(NULL);
-}
-
-static void TestWorker_Send(TestWorker worker, const char *data)
-{
-	thread_mutex_lock(&worker->mutex);
-	strcpy(worker->data, data);
-	thread_cond_signal(&worker->cond);
-	thread_mutex_unlock(&worker->mutex);
-}
-
-static void TestWorker_Init(TestWorker worker)
-{
-	thread_mutex_init(&worker->mutex);
-	thread_cond_init(&worker->cond);
-}
-
-static void TestWorker_Destroy(TestWorker worker)
-{
-	thread_mutex_lock(&worker->mutex);
-	worker->cancel = true;
-	thread_cond_signal(&worker->cond);
-	thread_mutex_unlock(&worker->mutex);
-	thread_join(worker->thread, NULL);
-	thread_mutex_destroy(&worker->mutex);
-	thread_cond_destroy(&worker->cond);
-}
-
-void test_thread(void)
-{
-	TestWorkerRec worker;
-
-	TestWorker_Init(&worker);
-	thread_create(&worker.thread, TestWorker_Thread, &worker);
-	sleep_ms(100);
-	TestWorker_Send(&worker, "hello");
-	sleep_ms(20);
-	TestWorker_Send(&worker, "world");
-	sleep_ms(100);
-	TestWorker_Send(&worker, "this");
-	sleep_ms(50);
-	TestWorker_Send(&worker, "is");
-	sleep_ms(100);
-	TestWorker_Send(&worker, "test");
-	sleep_ms(50);
-	TestWorker_Send(&worker, "bye!");
-	sleep_ms(100);
-	TestWorker_Destroy(&worker);
-	ctest_equal_int("check worker data count", worker.data_count, 7);
-	ctest_equal_bool("check worker is no longer active", worker.active, false);
-}
diff --git a/tests/cases/test_widget_event.c b/tests/cases/test_widget_event.c
deleted file mode 100644
index 5e3bb7505..000000000
--- a/tests/cases/test_widget_event.c
+++ /dev/null
@@ -1,122 +0,0 @@
-/*
- * tests/cases/test_widget_event.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <stdio.h>
-#include <LCUI.h>
-#include <ui.h>
-#include <ctest-custom.h>
-
-void test_widget_mouse_event(void)
-{
-	ui_widget_t *root;
-	ui_widget_t *parent, *child;
-	ui_event_t ev;
-
-	lcui_init();
-	root = ui_root();
-	parent = ui_create_widget("button");
-	child = ui_create_widget("text");
-
-	ui_widget_resize(root, 200, 200);
-	ui_widget_resize(parent, 100, 100);
-	ui_widget_resize(child, 50, 50);
-	ui_widget_append(parent, child);
-	ui_widget_append(root, parent);
-	ui_update();
-
-	ev.type = UI_EVENT_MOUSEMOVE;
-	ev.mouse.x = 150;
-	ev.mouse.y = 150;
-	ui_dispatch_event(&ev);
-	ui_update();
-	ctest_equal_bool("mousemove(150, 150): root.hasStatus('hover') == true",
-	     ui_widget_has_status(root, "hover"), true);
-	ctest_equal_bool("mousemove(150, 150): parent.hasStatus('hover') == false",
-	     ui_widget_has_status(parent, "hover"), false);
-	ctest_equal_bool("mousemove(150, 150): child.hasStatus('hover') == false",
-	     ui_widget_has_status(child, "hover"), false);
-
-	ev.mouse.x = 80;
-	ev.mouse.y = 80;
-	ui_dispatch_event(&ev);
-	ui_update();
-	ctest_equal_bool("mousemove(80, 80): root.hasStatus('hover') == true",
-	     ui_widget_has_status(root, "hover"), true);
-	ctest_equal_bool("mousemove(80, 80): parent.hasStatus('hover') == true",
-	     ui_widget_has_status(parent, "hover"), true);
-	ctest_equal_bool("mousemove(80, 80): child.hasStatus('hover') == false",
-	     ui_widget_has_status(child, "hover"), false);
-
-	ev.mouse.x = 40;
-	ev.mouse.y = 40;
-	ui_dispatch_event(&ev);
-	ui_update();
-	ctest_equal_bool("mousemove(40, 40): root.hasStatus('hover') == true",
-	     ui_widget_has_status(root, "hover"), true);
-	ctest_equal_bool("mousemove(40, 40): parent.hasStatus('hover') == true",
-	     ui_widget_has_status(parent, "hover"), true);
-	ctest_equal_bool("mousemove(40, 40): child.hasStatus('hover') == true",
-	     ui_widget_has_status(child, "hover"), true);
-
-	ev.type = UI_EVENT_MOUSEDOWN;
-	ev.mouse.x = 40;
-	ev.mouse.y = 40;
-	ev.mouse.button = MOUSE_BUTTON_LEFT;
-	ui_dispatch_event(&ev);
-	ui_update();
-	ctest_equal_bool("mousedown(40, 40): root.hasStatus('active') == true",
-	     ui_widget_has_status(root, "active"), true);
-	ctest_equal_bool("mousedown(40, 40): parent.hasStatus('active') == true",
-	     ui_widget_has_status(parent, "active"), true);
-	ctest_equal_bool("mousedown(40, 40): child.hasStatus('active') == true",
-	     ui_widget_has_status(child, "active"), true);
-
-	ev.type = UI_EVENT_MOUSEUP;
-	ui_dispatch_event(&ev);
-	ui_update();
-	ctest_equal_bool("mouseup(40, 40): root.hasStatus('active') == false",
-	     ui_widget_has_status(root, "active"), false);
-	ctest_equal_bool("mouseup(40, 40): parent.hasStatus('active') == false",
-	     ui_widget_has_status(parent, "active"), false);
-	ctest_equal_bool("mouseup(40, 40): child.hasStatus('active') == false",
-	     ui_widget_has_status(child, "active"), false);
-
-	ev.type = UI_EVENT_MOUSEMOVE;
-	ev.mouse.x = 80;
-	ev.mouse.y = 80;
-	ui_dispatch_event(&ev);
-	ui_update();
-	ctest_equal_bool("mousemove(80, 80): root.hasStatus('hover') == true",
-	     ui_widget_has_status(root, "hover"), true);
-	ctest_equal_bool("mousemove(80, 80): parent.hasStatus('hover') == true",
-	     ui_widget_has_status(parent, "hover"), true);
-	ctest_equal_bool("mousemove(80, 80): child.hasStatus('hover') == false",
-	     ui_widget_has_status(child, "hover"), false);
-
-	ev.mouse.x = 150;
-	ev.mouse.y = 150;
-	ui_dispatch_event(&ev);
-	ui_update();
-	ctest_equal_bool("mousemove(150, 150): root.hasStatus('hover') == true",
-	     ui_widget_has_status(root, "hover"), true);
-	ctest_equal_bool("mousemove(150, 150): parent.hasStatus('hover') == false",
-	     ui_widget_has_status(parent, "hover"), false);
-	ctest_equal_bool("mousemove(150, 150): child.hasStatus('hover') == false",
-	     ui_widget_has_status(child, "hover"), false);
-
-	lcui_quit();
-	lcui_main();
-}
-
-void test_widget_event(void)
-{
-	ctest_describe("test widget mouse event", test_widget_mouse_event);
-}
diff --git a/tests/cases/test_widget_rect.c b/tests/cases/test_widget_rect.c
deleted file mode 100644
index 9207ff9ea..000000000
--- a/tests/cases/test_widget_rect.c
+++ /dev/null
@@ -1,173 +0,0 @@
-/*
- * tests/cases/test_widget_rect.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <stdio.h>
-#include <stdlib.h>
-#include <string.h>
-#include <LCUI.h>
-#include <ui.h>
-#include <ctest-custom.h>
-
-void test_widget_rect(void)
-{
-	ui_widget_t *root;
-	ui_widget_t *parent, *child;
-	ui_event_t e = { 0 };
-	pd_rect_t rect = { 0 };
-	pd_rect_t expected_rect;
-	ui_rect_t expected_ui_rect;
-	list_t rects;
-
-	lcui_init();
-	root = ui_root();
-	parent = ui_create_widget("button");
-	child = ui_create_widget("text");
-
-	ui_widget_set_style_keyword_value(parent, css_prop_box_sizing,
-					  CSS_KEYWORD_BORDER_BOX);
-	ui_widget_resize(root, 200, 200);
-	ui_widget_resize(parent, 100, 100);
-	ui_widget_resize(child, 50, 50);
-	ui_widget_append(parent, child);
-	ui_widget_append(root, parent);
-	ui_update();
-
-	list_create(&rects);
-	ui_widget_get_dirty_rects(root, &rects);
-	list_destroy(&rects, free);
-
-	e.type = UI_EVENT_MOUSEMOVE;
-	e.mouse.x = 150;
-	e.mouse.y = 150;
-	ui_dispatch_event(&e);
-	ui_update();
-	ui_widget_get_dirty_rects(root, &rects);
-	ctest_equal_bool("app.trigger({ type: 'mousemove', x: 150, y: 150}), "
-	     "root.getDirtyRects().length == 0",
-	     rects.length == 0, true);
-
-	e.mouse.x = 80;
-	e.mouse.y = 80;
-	ui_dispatch_event(&e);
-	ui_update();
-	ui_widget_get_dirty_rects(root, &rects);
-	ctest_equal_bool("app.trigger({ type: 'mousemove', x: 80, y: 80 }), "
-	     "root.getDirtyRects().length == 1",
-	     rects.length == 1, true);
-
-	expected_ui_rect.x = 0;
-	expected_ui_rect.y = 0;
-	expected_ui_rect.width = 100;
-	expected_ui_rect.height = 100;
-	ui_compute_rect(&expected_rect, &expected_ui_rect);
-	if (rects.length == 1) {
-		rect = *(pd_rect_t *)list_get(&rects, 0);
-	}
-	ctest_equal_pd_rect("root.getDirtyRects()[0]", &rect, &expected_rect);
-	list_destroy(&rects, free);
-
-	e.mouse.x = 40;
-	e.mouse.y = 40;
-	ui_dispatch_event(&e);
-	ui_update();
-	ui_widget_get_dirty_rects(root, &rects);
-	ctest_equal_bool("app.trigger({ type: 'mousemove', x: 40, y: 40 }), "
-	     "root.getDirtyRects().length == 0",
-	     rects.length == 0, true);
-
-	e.type = UI_EVENT_MOUSEDOWN;
-	e.mouse.x = 40;
-	e.mouse.y = 40;
-	e.mouse.button = MOUSE_BUTTON_LEFT;
-	ui_dispatch_event(&e);
-	ui_update();
-	ui_widget_get_dirty_rects(root, &rects);
-	ctest_equal_bool("app.trigger({ type: 'mousedown', x: 40, y: 40 }), "
-	     "root.getDirtyRects().length == 1",
-	     rects.length == 1, true);
-	if (rects.length == 1) {
-		rect = *(pd_rect_t *)list_get(&rects, 0);
-	}
-	ctest_equal_pd_rect("root.getDirtyRects()[0]", &rect, &expected_rect);
-	list_destroy(&rects, free);
-
-	e.type = UI_EVENT_MOUSEUP;
-	ui_dispatch_event(&e);
-	ui_update();
-	ui_widget_get_dirty_rects(root, &rects);
-	ctest_equal_bool("app.trigger({ type: 'mouseup', x: 40, y: 40 }), "
-	     "root.getDirtyRects().length == 1",
-	     rects.length == 1, true);
-	if (rects.length == 1) {
-		rect = *(pd_rect_t *)list_get(&rects, 0);
-	}
-	ctest_equal_pd_rect("root.getDirtyRects()[0]", &rect, &expected_rect);
-	list_destroy(&rects, free);
-
-	e.type = UI_EVENT_MOUSEMOVE;
-	e.mouse.x = 80;
-	e.mouse.y = 80;
-	ui_dispatch_event(&e);
-	ui_update();
-	ui_widget_get_dirty_rects(root, &rects);
-	ctest_equal_bool("app.trigger({ type: 'mousemove', x: 80, y: 80 }), "
-	     "root.getDirtyRects().length == 0",
-	     rects.length == 0, true);
-
-	e.mouse.x = 150;
-	e.mouse.y = 150;
-	ui_dispatch_event(&e);
-	ui_update();
-	ui_widget_get_dirty_rects(root, &rects);
-
-	ctest_equal_bool("app.trigger({ type: 'mousemove', x: 150, y: 150 }), "
-	     "root.getDirtyRects().length == 1",
-	     rects.length == 1, true);
-	if (rects.length == 1) {
-		rect = *(pd_rect_t *)list_get(&rects, 0);
-	}
-	ctest_equal_pd_rect("root.getDirtyRects()[0]", &rect, &expected_rect);
-	list_destroy(&rects, free);
-
-	expected_ui_rect.x = 21;
-	expected_ui_rect.y = 11;
-	expected_ui_rect.width = 50;
-	expected_ui_rect.height = 50;
-	ui_compute_rect(&expected_rect, &expected_ui_rect);
-	ui_widget_remove(child);
-	ui_update();
-	ui_widget_get_dirty_rects(root, &rects);
-	ctest_equal_bool("child.destroy(), root.getDirtyRects().length == 1",
-	     rects.length == 1, true);
-	if (rects.length == 1) {
-		rect = *(pd_rect_t *)list_get(&rects, 0);
-	}
-	ctest_equal_pd_rect("root.getDirtyRects()[0]", &rect, &expected_rect);
-	list_destroy(&rects, free);
-
-	expected_ui_rect.x = 0;
-	expected_ui_rect.y = 0;
-	expected_ui_rect.width = 100;
-	expected_ui_rect.height = 100;
-	ui_compute_rect(&expected_rect, &expected_ui_rect);
-	ui_widget_remove(parent);
-	ui_update();
-	ui_widget_get_dirty_rects(root, &rects);
-	ctest_equal_bool("parent.destroy(), root.getDirtyRects().length == 1",
-	     rects.length == 1, true);
-	if (rects.length == 1) {
-		rect = *(pd_rect_t *)list_get(&rects, 0);
-	}
-	ctest_equal_pd_rect("root.getDirtyRects()[0]", &rect, &expected_rect);
-	list_destroy(&rects, free);
-
-	lcui_destroy();
-}
diff --git a/tests/cases/test_xml_parser.c b/tests/cases/test_xml_parser.c
deleted file mode 100644
index b8f91d8a1..000000000
--- a/tests/cases/test_xml_parser.c
+++ /dev/null
@@ -1,62 +0,0 @@
-/*
- * tests/cases/test_xml_parser.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <LCUI.h>
-#include <ctest-custom.h>
-
-static void check_widget_attribute(void)
-{
-	ui_widget_t* w;
-
-	w = ui_get_widget("test-attr-disabled-1");
-	ctest_equal_bool("check element-1 is disabled", w->disabled, true);
-	w = ui_get_widget("test-attr-disabled-2");
-	ctest_equal_bool("check element-2 is disabled", w->disabled, true);
-	w = ui_get_widget("test-attr-disabled-3");
-	ctest_equal_bool("check element-3 is disabled", w->disabled, true);
-	w = ui_get_widget("test-attr-disabled-4");
-	ctest_equal_bool("check element-4 is normal", w->disabled, false);
-}
-
-static void check_widget_loaded_from_nested_xml(void)
-{
-	ui_widget_t* w;
-
-	w = ui_get_widget("test-nested-1");
-	ctest_equal_bool("check test-nested-1 should exist", w != NULL, true);
-	w = ui_get_widget("test-nested-2");
-	ctest_equal_bool("check test-nested-2 should exist", w != NULL, true);
-	w = ui_get_widget("test-nested-3");
-	ctest_equal_bool("check test-nested-3 should exist", w != NULL, true);
-	w = ui_get_widget("test-nested-4");
-	ctest_equal_bool("check test-nested-4 should exist", w != NULL, true);
-}
-
-void test_xml_parser(void)
-{
-	ui_widget_t *pack;
-
-	ui_init();
-	ctest_equal_bool("load XML file",
-	     (pack = ui_load_xml_file("test_xml_parser.xml")) != NULL,
-	     true);
-	if (!pack) {
-		lcui_destroy();
-		return;
-	}
-	ui_root_append(pack);
-	ui_widget_unwrap(pack);
-	ui_update();
-	ctest_describe("check widget attribute", check_widget_attribute);
-	ctest_describe("check widget loaded from nested xml",
-		 check_widget_loaded_from_nested_xml);
-	ui_destroy();
-}
diff --git a/tests/test_block_layout.css b/tests/fixtures/test_block_layout.css
similarity index 100%
rename from tests/test_block_layout.css
rename to tests/fixtures/test_block_layout.css
diff --git a/tests/test_block_layout.xml b/tests/fixtures/test_block_layout.xml
similarity index 100%
rename from tests/test_block_layout.xml
rename to tests/fixtures/test_block_layout.xml
diff --git a/tests/test_flex_layout.css b/tests/fixtures/test_flex_layout.css
similarity index 97%
rename from tests/test_flex_layout.css
rename to tests/fixtures/test_flex_layout.css
index ad6169627..f3e1551e3 100644
--- a/tests/test_flex_layout.css
+++ b/tests/fixtures/test_flex_layout.css
@@ -183,6 +183,22 @@ scrollarea-content {
   align-items: stretch;
 }
 
+.gap-2 {
+  gap: 10px;
+}
+
+.gap-2-1 {
+  gap: 10px 5px;
+}
+
+.row-gap-2 {
+  row-gap: 10px;
+}
+
+.column-gap-2 {
+  column-gap: 10px;
+}
+
 .example-1-flex-default .example__content {
   display: flex;
 }
diff --git a/tests/test_flex_layout.xml b/tests/fixtures/test_flex_layout.xml
similarity index 89%
rename from tests/test_flex_layout.xml
rename to tests/fixtures/test_flex_layout.xml
index b936cc892..966b3e914 100644
--- a/tests/test_flex_layout.xml
+++ b/tests/fixtures/test_flex_layout.xml
@@ -2,7 +2,7 @@
   <resource type="text/css" src="test_flex_layout.css"/>
   <ui>
     <scrollarea class="h-full">
-      <scrollarea-content  id="main">
+      <scrollarea-content id="main">
         <w class="container">
           <w class="example">
             <text class="example__title">(0) Default</text>
@@ -353,6 +353,46 @@
               </w>
             </w>
           </w>
+          <w class="example">
+            <text class="example__title">(18) gap: 10px;</text>
+            <w class="example__content d-flex gap-2">
+              <w class="box"></w>
+              <w class="box"></w>
+              <w class="box"></w>
+              <w class="box"></w>
+              <w class="box"></w>
+            </w>
+            <text class="example__title">(18.1) gap: 10px 5px; flex-wrap: wrap;</text>
+            <w class="example__content d-flex felx-wrap gap-2-1">
+              <w class="box"></w>
+              <w class="box"></w>
+              <w class="box"></w>
+              <w class="box"></w>
+              <text class="box w-3">width: 150px</text>
+              <w class="box"></w>
+              <w class="box"></w>
+              <text class="box w-2">width: 100px</text>
+              <w class="box"></w>
+              <w class="box"></w>
+              <text class="box w-4">width: 200px</text>
+              <w class="box"></w>
+              <w class="box"></w>
+            </w>
+            <text class="example__title">(18.2) row-gap: 10px; flex-direction: column;</text>
+            <w class="example__content d-flex flex-direction-column row-gap-2 h-4">
+              <w class="box"></w>
+              <w class="box"></w>
+              <w class="box"></w>
+              <w class="box"></w>
+            </w>
+            <text class="example__title">(18.3) column-gap: 10px; justify-content: space-between;</text>
+            <w class="example__content d-flex justify-content-space-between column-gap-2">
+              <w class="box"></w>
+              <w class="box"></w>
+              <w class="box"></w>
+              <w class="box"></w>
+            </w>
+          </w>
         </w>
       </scrollarea-content>
       <scrollbar target="main" />
diff --git a/tests/test_font_load.css b/tests/fixtures/test_font_face.css
similarity index 71%
rename from tests/test_font_load.css
rename to tests/fixtures/test_font_face.css
index 56f534d75..0eb67cbcc 100644
--- a/tests/test_font_load.css
+++ b/tests/fixtures/test_font_face.css
@@ -2,5 +2,5 @@
     font-family: icomoon;
     font-weight: normal;
     font-style: normal;
-    src: url("test_font_load.ttf");
+    src: url("test_font_face.ttf");
 }
diff --git a/tests/fixtures/test_font_face.ttf b/tests/fixtures/test_font_face.ttf
new file mode 100644
index 000000000..db2abdcbe
Binary files /dev/null and b/tests/fixtures/test_font_face.ttf differ
diff --git a/tests/test_scrollbar.xml b/tests/fixtures/test_scrollbar.xml
similarity index 100%
rename from tests/test_scrollbar.xml
rename to tests/fixtures/test_scrollbar.xml
diff --git a/tests/test_widget_opacity.css b/tests/fixtures/test_widget_opacity.css
similarity index 100%
rename from tests/test_widget_opacity.css
rename to tests/fixtures/test_widget_opacity.css
diff --git a/tests/test_widget_opacity.xml b/tests/fixtures/test_widget_opacity.xml
similarity index 100%
rename from tests/test_widget_opacity.xml
rename to tests/fixtures/test_widget_opacity.xml
diff --git a/tests/helloworld_uwp/pch.h b/tests/helloworld_uwp/pch.h
index 0a63d548b..19816775d 100644
--- a/tests/helloworld_uwp/pch.h
+++ b/tests/helloworld_uwp/pch.h
@@ -1,7 +1,7 @@
 /*
  * tests/helloworld_uwp/pch.h
  *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
diff --git a/tests/include/ctest-custom.h b/tests/helpers/ctest-custom.h
similarity index 52%
rename from tests/include/ctest-custom.h
rename to tests/helpers/ctest-custom.h
index 6a619f5bb..ef1c744ff 100644
--- a/tests/include/ctest-custom.h
+++ b/tests/helpers/ctest-custom.h
@@ -1,7 +1,7 @@
 /*
  * tests/include/ctest-custom.h
  *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
@@ -15,13 +15,15 @@
 #include <ctest.h>
 
 static inline bool ctest_equal_pd_rect(const char *name, pd_rect_t *actual,
-				       pd_rect_t *expected)
+                                       pd_rect_t *expected)
 {
-	return ctest_equal(name, (ctest_to_str_func_t)pd_rect_to_str, actual, expected);
+        return ctest_equal(name, (ctest_to_str_func_t)pd_rect_to_str, actual,
+                           expected);
 }
 
 static inline bool ctest_equal_ui_rect(const char *name, ui_rect_t *actual,
-				       ui_rect_t *expected)
+                                       ui_rect_t *expected)
 {
-	return ctest_equal(name, (ctest_to_str_func_t)ui_rect_to_str, actual, expected);
+        return ctest_equal(name, (ctest_to_str_func_t)ui_rect_to_str, actual,
+                           expected);
 }
diff --git a/tests/cases/test_block_layout.c b/tests/integration/test_block_layout.c
similarity index 96%
rename from tests/cases/test_block_layout.c
rename to tests/integration/test_block_layout.c
index d50112a05..f2e6ff619 100644
--- a/tests/cases/test_block_layout.c
+++ b/tests/integration/test_block_layout.c
@@ -1,7 +1,7 @@
 /*
  * tests/cases/test_block_layout.c
  *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
@@ -11,6 +11,7 @@
 
 #include <LCUI.h>
 #include <ctest-custom.h>
+#include "../scenes/block_layout_scene.h"
 
 #define SCROLLBAR_WIDTH 14
 
@@ -86,14 +87,14 @@ static void test_auto_size(void)
                         (int)w->border_box.y, 5 + two_lines_box_height);
 
         w = ui_widget_next(w);
-        ctest_equal_int(
-            "$('#test-text-block-auto-height')[0].border_box.y",
-            (int)w->border_box.y,
-            5 + two_lines_box_height + box_height);
+        ctest_equal_int("$('#test-text-block-auto-height')[0].border_box.y",
+                        (int)w->border_box.y,
+                        5 + two_lines_box_height + box_height);
 
-        ctest_equal_int("$('.example')[2].border_box.height",
-                        (int)example->border_box.height,
-                        two_lines_box_height + 2 * box_height + container_height);
+        ctest_equal_int(
+            "$('.example')[2].border_box.height",
+            (int)example->border_box.height,
+            two_lines_box_height + 2 * box_height + container_height);
 
         // Update #test-text-auto-size content
 
@@ -115,12 +116,12 @@ static void test_auto_size(void)
 
         w = ui_widget_next(w);
         ctest_equal_int("$('#test-text-block-auto-height')[0].border_box.y",
-                        (int)w->border_box.y,
-                        5 + two_lines_box_height * 2);
+                        (int)w->border_box.y, 5 + two_lines_box_height * 2);
 
-        ctest_equal_int("$('.example')[2].border_box.height",
-                        (int)example->border_box.height,
-                        container_height + box_height + 2 * two_lines_box_height);
+        ctest_equal_int(
+            "$('.example')[2].border_box.height",
+            (int)example->border_box.height,
+            container_height + box_height + 2 * two_lines_box_height);
 
         // Update test-text-block-auto-height content
 
@@ -484,10 +485,10 @@ static void test_block_layout_1280(void)
         ctest_equal_int("$('#test-text-block-auto-height')[0].height",
                         (int)w->border_box.height, (int)rect.height);
 
-        ctest_describe("test auto size", test_auto_size);
-        ctest_describe("test dropdown", test_dropdown);
-        ctest_describe("test inline block nesting", test_inline_block_nesting);
-        ctest_describe("test absolutely positioned progress bar",
+        ctest_describe("auto size", test_auto_size);
+        ctest_describe("dropdown", test_dropdown);
+        ctest_describe("inline block nesting", test_inline_block_nesting);
+        ctest_describe("absolutely positioned progress bar",
                        test_absolutely_positioned_progress_bar);
 }
 
@@ -814,22 +815,12 @@ static void test_block_layout_320(void)
 
 void test_block_layout(void)
 {
-        ui_widget_t *root;
-        ui_widget_t *wrapper;
-
         lcui_init();
-        wrapper = ui_load_xml_file("test_block_layout.xml");
-        root = ui_root();
-        ui_widget_append(root, wrapper);
-        ui_widget_unwrap(wrapper);
-        ui_update();
+        block_layout_scene_build();
 
         ctest_describe("root width 1280px", test_block_layout_1280);
         ctest_describe("root width 600px", test_block_layout_600);
         ctest_describe("root width 320px", test_block_layout_320);
 
-#ifndef PREVIEW_MODE
-        lcui_quit();
-        lcui_main();
-#endif
+        lcui_destroy();
 }
diff --git a/tests/integration/test_checkbox.c b/tests/integration/test_checkbox.c
new file mode 100644
index 000000000..37e3da3f3
--- /dev/null
+++ b/tests/integration/test_checkbox.c
@@ -0,0 +1,171 @@
+/*
+ * tests/integration/test_checkbox.c
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <LCUI.h>
+#include <ctest-custom.h>
+
+static int g_change_count;
+
+static void on_checkbox_change(ui_widget_t *w, ui_event_t *e, void *arg)
+{
+        ++g_change_count;
+}
+
+static void test_checked_roundtrip(void)
+{
+        ui_widget_t *cb = ui_create_checkbox();
+
+        ctest_equal_int("should default to unchecked",
+                        ui_checkbox_get_checked(cb), 0);
+
+        ui_checkbox_set_checked(cb, 1);
+        ctest_equal_int("should return 1 after set_checked(1)",
+                        ui_checkbox_get_checked(cb), 1);
+
+        ui_checkbox_set_checked(cb, 0);
+        ctest_equal_int("should return 0 after set_checked(0)",
+                        ui_checkbox_get_checked(cb), 0);
+
+        ui_widget_destroy(cb);
+}
+
+static void test_click_toggles(void)
+{
+        ui_widget_t *cb = ui_create_checkbox();
+        ui_event_t ev;
+
+        ui_widget_append(ui_root(), cb);
+
+        ui_event_init(&ev, "click");
+        ui_widget_emit_event(cb, ev, NULL);
+        ctest_equal_int("first click should check", ui_checkbox_get_checked(cb),
+                        1);
+
+        ui_widget_emit_event(cb, ev, NULL);
+        ctest_equal_int("second click should uncheck",
+                        ui_checkbox_get_checked(cb), 0);
+
+        ui_widget_destroy(cb);
+}
+
+static void test_click_emits_change(void)
+{
+        ui_widget_t *cb = ui_create_checkbox();
+        ui_event_t ev;
+
+        g_change_count = 0;
+        ui_widget_on(cb, "change", on_checkbox_change, NULL);
+
+        ui_widget_append(ui_root(), cb);
+
+        ui_event_init(&ev, "click");
+        ui_widget_emit_event(cb, ev, NULL);
+
+        ctest_equal_int("should emit change once after click", g_change_count,
+                        1);
+
+        ui_widget_destroy(cb);
+}
+
+static void test_disabled_blocks_toggle(void)
+{
+        ui_widget_t *cb = ui_create_checkbox();
+        ui_event_t ev;
+
+        ui_widget_append(ui_root(), cb);
+        ui_widget_set_disabled(cb, true);
+
+        ui_event_init(&ev, "click");
+        ui_widget_emit_event(cb, ev, NULL);
+
+        ctest_equal_int("disabled checkbox should stay unchecked",
+                        ui_checkbox_get_checked(cb), 0);
+
+        ui_widget_destroy(cb);
+}
+
+static void test_indeterminate_roundtrip(void)
+{
+        ui_widget_t *cb = ui_create_checkbox();
+
+        ctest_equal_int("should default to not indeterminate",
+                        ui_checkbox_get_indeterminate(cb), 0);
+
+        ui_checkbox_set_indeterminate(cb, 1);
+        ctest_equal_int("should return 1 after set_indeterminate(1)",
+                        ui_checkbox_get_indeterminate(cb), 1);
+
+        ui_checkbox_set_indeterminate(cb, 0);
+        ctest_equal_int("should return 0 after set_indeterminate(0)",
+                        ui_checkbox_get_indeterminate(cb), 0);
+
+        ui_widget_destroy(cb);
+}
+
+static void test_indeterminate_click_transitions_to_checked(void)
+{
+        ui_widget_t *cb = ui_create_checkbox();
+        ui_event_t ev;
+
+        ui_widget_append(ui_root(), cb);
+        ui_checkbox_set_indeterminate(cb, 1);
+
+        ui_event_init(&ev, "click");
+        ui_widget_emit_event(cb, ev, NULL);
+
+        ctest_equal_int("indeterminate click should set checked",
+                        ui_checkbox_get_checked(cb), 1);
+        ctest_equal_int("indeterminate click should clear indeterminate",
+                        ui_checkbox_get_indeterminate(cb), 0);
+
+        ui_widget_destroy(cb);
+}
+
+static void test_status_sync(void)
+{
+        ui_widget_t *cb = ui_create_checkbox();
+
+        ctest_equal_int("should not have checked status by default",
+                        ui_widget_has_status(cb, "checked"), 0);
+
+        ui_checkbox_set_checked(cb, 1);
+        ctest_equal_int("checked status should be set after set_checked(1)",
+                        ui_widget_has_status(cb, "checked"), 1);
+
+        ui_checkbox_set_checked(cb, 0);
+        ctest_equal_int("checked status should be cleared after set_checked(0)",
+                        ui_widget_has_status(cb, "checked"), 0);
+
+        ui_checkbox_set_indeterminate(cb, 1);
+        ctest_equal_int(
+            "indeterminate status should be set after set_indeterminate(1)",
+            ui_widget_has_status(cb, "indeterminate"), 1);
+
+        ui_widget_destroy(cb);
+}
+
+void test_checkbox(void)
+{
+        lcui_init();
+
+        ctest_describe("checkbox checked roundtrip", test_checked_roundtrip);
+        ctest_describe("checkbox click toggles", test_click_toggles);
+        ctest_describe("checkbox click emits change", test_click_emits_change);
+        ctest_describe("checkbox disabled blocks toggle",
+                       test_disabled_blocks_toggle);
+        ctest_describe("checkbox indeterminate roundtrip",
+                       test_indeterminate_roundtrip);
+        ctest_describe("checkbox indeterminate click transitions to checked",
+                       test_indeterminate_click_transitions_to_checked);
+        ctest_describe("checkbox status sync", test_status_sync);
+
+        lcui_destroy();
+}
diff --git a/tests/cases/test_clipboard.c b/tests/integration/test_clipboard.c
similarity index 90%
rename from tests/cases/test_clipboard.c
rename to tests/integration/test_clipboard.c
index 695e1444a..1aa9a6e1f 100644
--- a/tests/cases/test_clipboard.c
+++ b/tests/integration/test_clipboard.c
@@ -1,7 +1,7 @@
 /*
  * tests/cases/test_clipboard.c
  *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
@@ -49,7 +49,8 @@ static void on_check_text(ui_widget_t *w, ui_event_t *e, void *arg)
         if (clipboard && clipboard->text) {
                 encode_utf8(actual_text, clipboard->text, 31);
         }
-        ctest_equal_str("check the pasted text", actual_text, "helloworld");
+        ctest_equal_str("should paste the copied text", actual_text,
+                        "helloworld");
         lcui_quit();
 }
 
diff --git a/tests/integration/test_flex_layout.c b/tests/integration/test_flex_layout.c
new file mode 100644
index 000000000..b551ff81c
--- /dev/null
+++ b/tests/integration/test_flex_layout.c
@@ -0,0 +1,993 @@
+/*
+ * tests/cases/test_flex_layout.c
+ *
+ * Copyright (c) 2023, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <LCUI.h>
+#include <ctest-custom.h>
+#include "../scenes/flex_layout_scene.h"
+
+#define SCROLLBAR_WIDTH 14
+
+static void test_flex_layout_with_content_width(float width)
+{
+        float content_width = width - 22;
+
+        ui_widget_t *w;
+        ui_widget_t *content;
+        ui_widget_t *example;
+        ui_widget_t *container;
+        ui_rect_t rect;
+
+        container = ui_widget_get_child(ui_get_widget("main"), 0);
+        ui_update();
+
+        rect.y = 10;
+        rect.x = 10;
+        rect.width = width;
+        rect.height = 104;
+        w = ui_widget_get_child(container, 0);
+        ctest_equal_ui_rect("$('.example')[0].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += 114;
+        w = ui_widget_get_child(container, 1);
+        ctest_equal_ui_rect("$('.example')[1].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += 114;
+        w = ui_widget_get_child(container, 2);
+        ctest_equal_ui_rect("$('.example')[2].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += 114;
+        w = ui_widget_get_child(container, 3);
+        ctest_equal_ui_rect("$('.example')[3].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += 114;
+        w = ui_widget_get_child(container, 4);
+        ctest_equal_ui_rect("$('.example')[4].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += 114;
+        w = ui_widget_get_child(container, 5);
+        ctest_equal_ui_rect("$('.example')[5].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += 114;
+        w = ui_widget_get_child(container, 6);
+        ctest_equal_ui_rect("$('.example')[6].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += 114;
+        rect.height = 344;
+        w = ui_widget_get_child(container, 7);
+        ctest_equal_ui_rect("$('.example')[7].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += rect.height + 10;
+        rect.height = 204;
+        w = ui_widget_get_child(container, 8);
+        ctest_equal_ui_rect("$('.example')[8].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += rect.height + 10;
+        rect.height = 354;
+        w = ui_widget_get_child(container, 9);
+        ctest_equal_ui_rect("$('.example')[9].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += rect.height + 10;
+        rect.height = 354;
+        w = ui_widget_get_child(container, 10);
+        ctest_equal_ui_rect("$('.example')[10].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += rect.height + 10;
+        rect.height = 354;
+        w = ui_widget_get_child(container, 11);
+        ctest_equal_ui_rect("$('.example')[11].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += rect.height + 10;
+        rect.height = 354;
+        w = ui_widget_get_child(container, 12);
+        ctest_equal_ui_rect("$('.example')[12].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += rect.height + 10;
+        rect.height = 354;
+        w = ui_widget_get_child(container, 13);
+        ctest_equal_ui_rect("$('.example')[13].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += rect.height + 10;
+        rect.height = 254;
+        w = ui_widget_get_child(container, 14);
+        ctest_equal_ui_rect("$('.example')[14].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += rect.height + 10;
+        rect.height = 184;
+        w = ui_widget_get_child(container, 15);
+        ctest_equal_ui_rect("$('.example')[15].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += rect.height + 10;
+        rect.height = 354;
+        w = ui_widget_get_child(container, 16);
+        ctest_equal_ui_rect("$('.example')[16].border_box", &w->border_box,
+                            &rect);
+
+        // (1) justify-content: center;;
+
+        example = ui_widget_get_child(container, 1);
+        content = ui_widget_get_child(example, 1);
+        w = ui_widget_get_child(content, 0);
+        rect.x = 5 + (content_width - 300) / 2.f;
+        rect.y = 5;
+        rect.width = 50;
+        rect.height = 50;
+        ctest_equal_ui_rect("$('.example:eq(1) .box')[0].border_box",
+                            &w->border_box, &rect);
+
+        // (2) justify-content: flex-end;
+
+        example = ui_widget_get_child(container, 2);
+        content = ui_widget_get_child(example, 1);
+        w = ui_widget_get_child(content, 0);
+        rect.x = 5 + (content_width - 300);
+        ctest_equal_ui_rect("$('.example:eq(2) .box')[0].border_box",
+                            &w->border_box, &rect);
+
+        // (3) justify-content: space-between;
+
+        example = ui_widget_get_child(container, 3);
+        content = ui_widget_get_child(example, 1);
+        w = ui_widget_get_child(content, 0);
+        rect.x = 5;
+        ctest_equal_ui_rect("$('.example:eq(3) .box')[0].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x = 5 + 50 + (content_width - 300) / 5.f;
+        ctest_equal_ui_rect("$('.example:eq(3) .box')[1].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_get_child(content, 5);
+        rect.x = 5 + (content_width - 50);
+        ctest_equal_ui_rect("$('.example:eq(3) .box')[5].border_box",
+                            &w->border_box, &rect);
+
+        // (4) justify-content: space-around;
+
+        example = ui_widget_get_child(container, 4);
+        content = ui_widget_get_child(example, 1);
+        w = ui_widget_get_child(content, 0);
+        rect.x = 5 + (content_width - 300) / 6.f / 2.f;
+        ctest_equal_ui_rect("$('.example:eq(4) .box')[0].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x += 50 + (content_width - 300) / 6.f;
+        ctest_equal_ui_rect("$('.example:eq(4) .box')[1].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_get_child(content, 5);
+        rect.x = 5 + content_width - (content_width - 300) / 6.f / 2.f - 50;
+        ctest_equal_ui_rect("$('.example:eq(4) .box')[5].border_box",
+                            &w->border_box, &rect);
+
+        // (5) Auto margin
+
+        example = ui_widget_get_child(container, 5);
+        content = ui_widget_get_child(example, 1);
+        w = ui_widget_get_child(content, 0);
+        rect.x = 5;
+        ctest_equal_ui_rect("$('.example:eq(5) .box')[0].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x += 50 + (content_width - 200) / 2.f;
+        ctest_equal_ui_rect("$('.example:eq(5) .box')[1].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x += 50;
+        ctest_equal_ui_rect("$('.example:eq(5) .box')[2].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x += 50 + (content_width - 200) / 2.f;
+        ctest_equal_ui_rect("$('.example:eq(5) .box')[3].border_box",
+                            &w->border_box, &rect);
+
+        // (7) flex-grow
+
+        example = ui_widget_get_child(container, 7);
+        content = ui_widget_get_child(example, 1);
+        w = ui_widget_get_child(content, 0);
+        rect.x = 5;
+        rect.width = content_width / 3.f;
+        ctest_equal_ui_rect("$('.example:eq(7) .box')[0].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x += rect.width;
+        ctest_equal_ui_rect("$('.example:eq(7) .box')[1].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x += rect.width;
+        ctest_equal_ui_rect("$('.example:eq(7) .box')[2].border_box",
+                            &w->border_box, &rect);
+
+        // line 1
+
+        content = ui_widget_get_child(example, 2);
+        w = ui_widget_get_child(content, 0);
+        rect.x = 5;
+        rect.width = content_width - 50 - 50;
+        ctest_equal_ui_rect("$('.example:eq(7) .box')[3].border_box",
+                            &w->border_box, &rect);
+
+        // line 2
+
+        content = ui_widget_get_child(example, 3);
+        w = ui_widget_get_child(content, 0);
+        rect.x = 5;
+        rect.width = (content_width - 50) / 2.f;
+        ctest_equal_ui_rect("$('.example:eq(7) .box')[6].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x += rect.width;
+        ctest_equal_ui_rect("$('.example:eq(7) .box')[7].border_box",
+                            &w->border_box, &rect);
+
+        // line 3
+
+        content = ui_widget_get_child(example, 4);
+        w = ui_widget_get_child(content, 1);
+        rect.x = 5 + 50;
+        ctest_equal_ui_rect("$('.example:eq(7) .box')[10].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x += rect.width;
+        ctest_equal_ui_rect("$('.example:eq(7) .box')[11].border_box",
+                            &w->border_box, &rect);
+
+        // line 4
+
+        content = ui_widget_get_child(example, 5);
+        w = ui_widget_get_child(content, 0);
+        rect.x = 5;
+        rect.width = 12 + (content_width - 3 * 12) * 4.f / 7.f;
+        ctest_equal_ui_rect("$('.example:eq(7) .box')[12].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x += rect.width;
+        rect.width = 12 + (content_width - 3 * 12) * 2.f / 7.f;
+        ctest_equal_ui_rect("$('.example:eq(7) .box')[13].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x += rect.width;
+        rect.width = 12 + (content_width - 3 * 12) / 7.f;
+        ctest_equal_ui_rect("$('.example:eq(7) .box')[14].border_box",
+                            &w->border_box, &rect);
+
+        // (10) align-items: center; height: 300px;
+
+        example = ui_widget_get_child(container, 10);
+        content = ui_widget_get_child(example, 1);
+        w = ui_widget_get_child(content, 0);
+        rect.x = 5;
+        rect.y = 5 + (300 / 3.f - 50) / 2.f;
+        rect.width = 50;
+        ctest_equal_ui_rect("$('.example:eq(10) .box')[0].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x += 50;
+        ctest_equal_ui_rect("$('.example:eq(10) .box')[1].border_box",
+                            &w->border_box, &rect);
+
+        // (11) align-items: end; height: 300px;
+
+        example = ui_widget_get_child(container, 11);
+        content = ui_widget_get_child(example, 1);
+        w = ui_widget_get_child(content, 0);
+        rect.x = 5;
+        rect.y = 5 + (300 / 3.f - 50);
+        rect.width = 50;
+        ctest_equal_ui_rect("$('.example:eq(11) .box')[0].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x += 50;
+        ctest_equal_ui_rect("$('.example:eq(11) .box')[1].border_box",
+                            &w->border_box, &rect);
+
+        // (12) align-items: stretch; height: 300px;
+
+        example = ui_widget_get_child(container, 12);
+        content = ui_widget_get_child(example, 1);
+        w = ui_widget_get_child(content, 0);
+        rect.x = 5;
+        rect.y = 5;
+        rect.width = 50;
+        rect.height = 100;
+        ctest_equal_ui_rect("$('.example:eq(12) .box')[0].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x += 50;
+        ctest_equal_ui_rect("$('.example:eq(12) .box')[1].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        w = ui_widget_next(w);
+        rect.x = 5 + 3 * 50;
+        rect.height = 50;
+        ctest_equal_ui_rect("$('.example:eq(12) .box')[3].border_box",
+                            &w->border_box, &rect);
+
+        // (13) Vertically Centered Layout
+
+        example = ui_widget_get_child(container, 13);
+        content = ui_widget_get_child(example, 1);
+        w = ui_widget_get_child(content, 0);
+        rect.x = 5 + (content_width - 50) / 2.f;
+        rect.y = 5 + (300 - 50) / 2.f;
+        rect.width = 50;
+        rect.height = 50;
+        ctest_equal_ui_rect("$('.example:eq(13) .box')[0].border_box",
+                            &w->border_box, &rect);
+
+        // (14) flex-direction: column;
+
+        example = ui_widget_get_child(container, 14);
+        content = ui_widget_get_child(example, 1);
+        w = ui_widget_get_child(content, 0);
+        rect.x = 5;
+        rect.y = 5;
+        rect.width = 50;
+        rect.height = 50;
+        ctest_equal_ui_rect("$('.example:eq(14) .box')[0].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_get_child(content, 4);
+        rect.x = 5 + 50 + (content_width - 50 - 150 - 200 - 50 - 50) / 5.f;
+        rect.width = 150;
+        ctest_equal_ui_rect("$('.example:eq(14) .box')[4].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_get_child(content, 8);
+        rect.x += 150 + (content_width - 50 - 150 - 200 - 50 - 50) / 5.f;
+        rect.width = 50;
+        ctest_equal_ui_rect("$('.example:eq(14) .box')[8].border_box",
+                            &w->border_box, &rect);
+
+        // (15) Holy Grail Layout
+
+        example = ui_widget_get_child(container, 15);
+        content = ui_widget_get_child(example, 1);
+        w = ui_widget_get_child(content, 0);
+        rect.x = 5;
+        rect.y = 5;
+        rect.width = content_width;
+        rect.height = 50;
+        ctest_equal_ui_rect(
+            "$('.example:eq(15) .layout__header')[0].border_box",
+            &w->border_box, &rect);
+
+        w = ui_widget_get_child(content, 2);
+        rect.y = 5 + 50 + 30;
+        ctest_equal_ui_rect(
+            "$('.example:eq(15) .layout__footer')[0].border_box",
+            &w->border_box, &rect);
+
+        rect.x = 0;
+        rect.y = 0;
+        rect.width = 100;
+        rect.height = 30;
+        w = ui_widget_get_child(content, 1);
+        w = ui_widget_get_child(w, 0);
+        ctest_equal_ui_rect("$('.example:eq(15) .layout__left')[0].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x = 100;
+        rect.width = content_width - 100 - 100;
+        ctest_equal_ui_rect(
+            "$('.example:eq(15) .layout__center')[0].border_box",
+            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x += rect.width;
+        rect.width = 100;
+        ctest_equal_ui_rect("$('.example:eq(15) .layout__right')[0].border_box",
+                            &w->border_box, &rect);
+
+        // (16) Holy Grail Layout (height: 300px)
+
+        example = ui_widget_get_child(container, 16);
+        content = ui_widget_get_child(example, 1);
+        w = ui_widget_get_child(content, 0);
+        rect.x = 5;
+        rect.y = 5;
+        rect.width = content_width;
+        rect.height = 50;
+        ctest_equal_ui_rect(
+            "$('.example:eq(16) .layout__header')[0].border_box",
+            &w->border_box, &rect);
+
+        w = ui_widget_get_child(content, 2);
+        rect.y = 5 + 50 + 200;
+        ctest_equal_ui_rect(
+            "$('.example:eq(16) .layout__footer')[0].border_box",
+            &w->border_box, &rect);
+
+        rect.x = 0;
+        rect.y = 0;
+        rect.width = 100;
+        rect.height = 200;
+        w = ui_widget_get_child(content, 1);
+        w = ui_widget_get_child(w, 0);
+        ctest_equal_ui_rect("$('.example:eq(16) .layout__left')[0].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x = 100;
+        rect.width = content_width - 100 - 100;
+        ctest_equal_ui_rect(
+            "$('.example:eq(16) .layout__center')[0].border_box",
+            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x += rect.width;
+        rect.width = 100;
+        ctest_equal_ui_rect("$('.example:eq(16) .layout__right')[0].border_box",
+                            &w->border_box, &rect);
+}
+
+static void test_browser_layout(void)
+{
+        ui_widget_t *w;
+        ui_rect_t rect;
+
+        w = ui_get_widget("browser-tabbar");
+        w = ui_widget_get_child(w, 0);
+        ctest_equal_int("$('#browser-tabbar .c-frame-tab')[0].width",
+                        (int)w->border_box.width, 101);
+        w = ui_widget_next(w);
+        ctest_equal_int("$('#browser-tabbar .c-frame-tab')[1].width",
+                        (int)w->border_box.width, 101);
+        w = ui_widget_next(w);
+        ctest_equal_int("$('#browser-tabbar .c-frame-tab')[2].width",
+                        (int)w->border_box.width, 101);
+        w = ui_widget_next(w);
+        ctest_equal_int("$('#browser-tabbar .c-frame-tab')[3].width",
+                        (int)w->border_box.width, 101);
+        w = ui_widget_next(w);
+        ctest_equal_int("$('#browser-tabbar .c-frame-tab')[4].width",
+                        (int)w->border_box.width, 101);
+
+        w = ui_get_widget("browser-frame-client");
+        ctest_equal_int("$('#browser-frame-client')[0].height",
+                        (int)w->border_box.height, 223);
+        w = ui_get_widget("browser-frame-content");
+        ctest_equal_int("$('#browser-frame-content')[0].height",
+                        (int)w->border_box.height, 223);
+        w = ui_get_widget("browser-page-home");
+        ctest_equal_int("$('#browser-page-home')[0].height",
+                        (int)w->border_box.height, 223);
+        w = ui_get_widget("browser-page-home-container");
+        rect.width = 256;
+        rect.height = 70;
+        rect.x =
+            (538.f - rect.width) / 2.f + w->parent->computed_style.padding_left;
+        rect.y =
+            (203.f - rect.height) / 2.f + w->parent->computed_style.padding_top;
+        ctest_equal_ui_rect("$('#browser-page-home-container')[0].border_box",
+                            &w->border_box, &rect);
+}
+
+static void test_flex_layout_1280(void)
+{
+        ui_widget_resize(ui_root(), 1280, 800);
+        test_flex_layout_with_content_width(580);
+}
+
+static void test_flex_layout_600(void)
+{
+        ui_widget_resize(ui_root(), 600, 400);
+        test_flex_layout_with_content_width(580 - SCROLLBAR_WIDTH);
+}
+
+static void test_flex_layout_320(void)
+{
+        float width = 320 - 10 - 10 - SCROLLBAR_WIDTH;
+        float content_width = width - 12 - 10;
+
+        ui_widget_t *w;
+        ui_widget_t *content;
+        ui_widget_t *example;
+        ui_widget_t *container;
+        ui_rect_t rect;
+
+        container = ui_widget_get_child(ui_get_widget("main"), 0);
+        ui_widget_resize(ui_root(), 320, 240);
+        ui_update();
+
+        rect.y = 10;
+        rect.x = 10;
+        rect.width = width;
+        rect.height = 104;
+        w = ui_widget_get_child(container, 0);
+        ctest_equal_ui_rect("$('.example')[0].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += 114;
+        w = ui_widget_get_child(container, 1);
+        ctest_equal_ui_rect("$('.example')[1].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += 114;
+        w = ui_widget_get_child(container, 2);
+        ctest_equal_ui_rect("$('.example')[2].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += 114;
+        w = ui_widget_get_child(container, 3);
+        ctest_equal_ui_rect("$('.example')[3].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += 114;
+        w = ui_widget_get_child(container, 4);
+        ctest_equal_ui_rect("$('.example')[4].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += 114;
+        w = ui_widget_get_child(container, 5);
+        ctest_equal_ui_rect("$('.example')[5].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += 114;
+        w = ui_widget_get_child(container, 6);
+        ctest_equal_ui_rect("$('.example')[6].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += 114;
+        rect.height = 344;
+        w = ui_widget_get_child(container, 7);
+        ctest_equal_ui_rect("$('.example')[7].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += rect.height + 10;
+        rect.height = 354;
+        w = ui_widget_get_child(container, 8);
+        ctest_equal_ui_rect("$('.example')[8].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += rect.height + 10;
+        rect.height = 354;
+        w = ui_widget_get_child(container, 9);
+        ctest_equal_ui_rect("$('.example')[9].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += rect.height + 10;
+        rect.height = 354;
+        w = ui_widget_get_child(container, 10);
+        ctest_equal_ui_rect("$('.example')[10].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += rect.height + 10;
+        rect.height = 354;
+        w = ui_widget_get_child(container, 11);
+        ctest_equal_ui_rect("$('.example')[11].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += rect.height + 10;
+        rect.height = 354;
+        w = ui_widget_get_child(container, 12);
+        ctest_equal_ui_rect("$('.example')[12].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += rect.height + 10;
+        rect.height = 354;
+        w = ui_widget_get_child(container, 13);
+        ctest_equal_ui_rect("$('.example')[13].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += rect.height + 10;
+        rect.height = 254;
+        w = ui_widget_get_child(container, 14);
+        ctest_equal_ui_rect("$('.example')[14].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += rect.height + 10;
+        rect.height = 184;
+        w = ui_widget_get_child(container, 15);
+        ctest_equal_ui_rect("$('.example')[15].border_box", &w->border_box,
+                            &rect);
+
+        rect.y += rect.height + 10;
+        rect.height = 354;
+        w = ui_widget_get_child(container, 16);
+        ctest_equal_ui_rect("$('.example')[16].border_box", &w->border_box,
+                            &rect);
+
+        // (1) justify-content: center;;
+
+        example = ui_widget_get_child(container, 1);
+        content = ui_widget_get_child(example, 1);
+        w = ui_widget_get_child(content, 0);
+        rect.x = 5;
+        rect.y = 5;
+        rect.width = 50 + (content_width - 300) / 6.f;
+        rect.height = 50;
+        ctest_equal_ui_rect("$('.example:eq(1) .box')[0].border_box",
+                            &w->border_box, &rect);
+
+        // (2) justify-content: flex-end;
+
+        example = ui_widget_get_child(container, 2);
+        content = ui_widget_get_child(example, 1);
+        w = ui_widget_get_child(content, 0);
+        ctest_equal_ui_rect("$('.example:eq(2) .box')[0].border_box",
+                            &w->border_box, &rect);
+
+        // (3) justify-content: space-between;
+
+        example = ui_widget_get_child(container, 3);
+        content = ui_widget_get_child(example, 1);
+        w = ui_widget_get_child(content, 0);
+        ctest_equal_ui_rect("$('.example:eq(3) .box')[0].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x += rect.width;
+        ctest_equal_ui_rect("$('.example:eq(3) .box')[1].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_get_child(content, 5);
+        rect.x = 5 + content_width - rect.width;
+        ctest_equal_ui_rect("$('.example:eq(3) .box')[5].border_box",
+                            &w->border_box, &rect);
+
+        // (5) Auto margin
+
+        example = ui_widget_get_child(container, 5);
+        content = ui_widget_get_child(example, 1);
+        w = ui_widget_get_child(content, 0);
+        rect.x = 5;
+        rect.width = 50;
+        ctest_equal_ui_rect("$('.example:eq(5) .box')[0].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x += 50 + (content_width - 200) / 2.f;
+        ctest_equal_ui_rect("$('.example:eq(5) .box')[1].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x += 50;
+        ctest_equal_ui_rect("$('.example:eq(5) .box')[2].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x += 50 + (content_width - 200) / 2.f;
+        ctest_equal_ui_rect("$('.example:eq(5) .box')[3].border_box",
+                            &w->border_box, &rect);
+
+        // (15) Holy Grail Layout
+
+        example = ui_widget_get_child(container, 15);
+        content = ui_widget_get_child(example, 1);
+        w = ui_widget_get_child(content, 0);
+        rect.x = 5;
+        rect.y = 5;
+        rect.width = content_width;
+        rect.height = 50;
+        ctest_equal_ui_rect(
+            "$('.example:eq(15) .layout__header')[0].border_box",
+            &w->border_box, &rect);
+
+        w = ui_widget_get_child(content, 2);
+        rect.y = 5 + 50 + 30;
+        ctest_equal_ui_rect(
+            "$('.example:eq(15) .layout__footer')[0].border_box",
+            &w->border_box, &rect);
+
+        rect.x = 0;
+        rect.y = 0;
+        rect.width = 100;
+        rect.height = 30;
+        w = ui_widget_get_child(content, 1);
+        w = ui_widget_get_child(w, 0);
+        ctest_equal_ui_rect("$('.example:eq(15) .layout__left')[0].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x = 100;
+        rect.width = content_width - 100 - 100;
+        ctest_equal_ui_rect(
+            "$('.example:eq(15) .layout__center')[0].border_box",
+            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x += rect.width;
+        rect.width = 100;
+        ctest_equal_ui_rect("$('.example:eq(15) .layout__right')[0].border_box",
+                            &w->border_box, &rect);
+
+        // (16) Holy Grail Layout (height: 300px)
+
+        example = ui_widget_get_child(container, 16);
+        content = ui_widget_get_child(example, 1);
+        w = ui_widget_get_child(content, 0);
+        rect.x = 5;
+        rect.y = 5;
+        rect.width = content_width;
+        rect.height = 50;
+        ctest_equal_ui_rect(
+            "$('.example:eq(15) .layout__header')[0].border_box",
+            &w->border_box, &rect);
+
+        w = ui_widget_get_child(content, 2);
+        rect.y = 5 + 50 + 200;
+        ctest_equal_ui_rect(
+            "$('.example:eq(16) .layout__footer')[0].border_box",
+            &w->border_box, &rect);
+
+        rect.x = 0;
+        rect.y = 0;
+        rect.width = 100;
+        rect.height = 200;
+        w = ui_widget_get_child(content, 1);
+        w = ui_widget_get_child(w, 0);
+        ctest_equal_ui_rect("$('.example:eq(16) .layout__left')[0].border_box",
+                            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x = 100;
+        rect.width = content_width - 100 - 100;
+        ctest_equal_ui_rect(
+            "$('.example:eq(16) .layout__center')[0].border_box",
+            &w->border_box, &rect);
+
+        w = ui_widget_next(w);
+        rect.x += rect.width;
+        rect.width = 100;
+        ctest_equal_ui_rect("$('.example:eq(16) .layout__right')[0].border_box",
+                            &w->border_box, &rect);
+}
+
+static void test_flex_layout_gap(void)
+{
+        ui_widget_t *root;
+        ui_widget_t *container;
+        ui_widget_t *child;
+        ui_rect_t rect;
+
+        root = ui_root();
+        ui_widget_resize(root, 800, 600);
+
+        /* (1) row direction with column-gap shorthand */
+
+        container = ui_create_widget(NULL);
+        ui_widget_set_style_string(container, "display", "flex");
+        ui_widget_set_style_string(container, "width", "300px");
+        ui_widget_set_style_string(container, "height", "60px");
+        ui_widget_set_style_string(container, "gap", "10px");
+        ui_widget_append(root, container);
+
+        child = ui_create_widget(NULL);
+        ui_widget_set_style_string(child, "width", "50px");
+        ui_widget_set_style_string(child, "height", "50px");
+        ui_widget_append(container, child);
+        child = ui_create_widget(NULL);
+        ui_widget_set_style_string(child, "width", "50px");
+        ui_widget_set_style_string(child, "height", "50px");
+        ui_widget_append(container, child);
+        child = ui_create_widget(NULL);
+        ui_widget_set_style_string(child, "width", "50px");
+        ui_widget_set_style_string(child, "height", "50px");
+        ui_widget_append(container, child);
+        child = ui_create_widget(NULL);
+        ui_widget_set_style_string(child, "width", "50px");
+        ui_widget_set_style_string(child, "height", "50px");
+        ui_widget_append(container, child);
+        ui_update();
+
+        rect.y = 0;
+        rect.width = 50;
+        rect.height = 50;
+
+        child = ui_widget_get_child(container, 0);
+        rect.x = 0;
+        ctest_equal_ui_rect("row gap: child[0] border_box", &child->border_box,
+                            &rect);
+
+        child = ui_widget_get_child(container, 1);
+        rect.x = 60;
+        ctest_equal_ui_rect("row gap: child[1] border_box", &child->border_box,
+                            &rect);
+
+        child = ui_widget_get_child(container, 2);
+        rect.x = 120;
+        ctest_equal_ui_rect("row gap: child[2] border_box", &child->border_box,
+                            &rect);
+
+        child = ui_widget_get_child(container, 3);
+        rect.x = 180;
+        ctest_equal_ui_rect("row gap: child[3] border_box", &child->border_box,
+                            &rect);
+
+        ui_widget_remove(container);
+
+        /* (2) column direction with row-gap */
+
+        container = ui_create_widget(NULL);
+        ui_widget_set_style_string(container, "display", "flex");
+        ui_widget_set_style_string(container, "flex-direction", "column");
+        ui_widget_set_style_string(container, "width", "100px");
+        ui_widget_set_style_string(container, "height", "300px");
+        ui_widget_set_style_string(container, "row-gap", "20px");
+        ui_widget_append(root, container);
+
+        child = ui_create_widget(NULL);
+        ui_widget_set_style_string(child, "width", "50px");
+        ui_widget_set_style_string(child, "height", "50px");
+        ui_widget_append(container, child);
+        child = ui_create_widget(NULL);
+        ui_widget_set_style_string(child, "width", "50px");
+        ui_widget_set_style_string(child, "height", "50px");
+        ui_widget_append(container, child);
+        child = ui_create_widget(NULL);
+        ui_widget_set_style_string(child, "width", "50px");
+        ui_widget_set_style_string(child, "height", "50px");
+        ui_widget_append(container, child);
+        ui_update();
+
+        rect.x = 0;
+        rect.width = 50;
+        rect.height = 50;
+
+        child = ui_widget_get_child(container, 0);
+        rect.y = 0;
+        ctest_equal_ui_rect("column gap: child[0] border_box",
+                            &child->border_box, &rect);
+
+        child = ui_widget_get_child(container, 1);
+        rect.y = 70;
+        ctest_equal_ui_rect("column gap: child[1] border_box",
+                            &child->border_box, &rect);
+
+        child = ui_widget_get_child(container, 2);
+        rect.y = 140;
+        ctest_equal_ui_rect("column gap: child[2] border_box",
+                            &child->border_box, &rect);
+
+        ui_widget_remove(container);
+
+        /* (3) row + wrap with two-value gap */
+
+        container = ui_create_widget(NULL);
+        ui_widget_set_style_string(container, "display", "flex");
+        ui_widget_set_style_string(container, "flex-wrap", "wrap");
+        ui_widget_set_style_string(container, "width", "200px");
+        ui_widget_set_style_string(container, "height", "85px");
+        ui_widget_set_style_string(container, "gap", "5px 10px");
+        ui_widget_append(root, container);
+
+        child = ui_create_widget(NULL);
+        ui_widget_set_style_string(child, "width", "80px");
+        ui_widget_set_style_string(child, "height", "40px");
+        ui_widget_append(container, child);
+        child = ui_create_widget(NULL);
+        ui_widget_set_style_string(child, "width", "80px");
+        ui_widget_set_style_string(child, "height", "40px");
+        ui_widget_append(container, child);
+        child = ui_create_widget(NULL);
+        ui_widget_set_style_string(child, "width", "80px");
+        ui_widget_set_style_string(child, "height", "40px");
+        ui_widget_append(container, child);
+        child = ui_create_widget(NULL);
+        ui_widget_set_style_string(child, "width", "80px");
+        ui_widget_set_style_string(child, "height", "40px");
+        ui_widget_append(container, child);
+        ui_update();
+
+        rect.width = 80;
+        rect.height = 40;
+
+        child = ui_widget_get_child(container, 0);
+        rect.x = 0;
+        rect.y = 0;
+        ctest_equal_ui_rect("wrap gap: child[0] border_box", &child->border_box,
+                            &rect);
+
+        child = ui_widget_get_child(container, 1);
+        rect.x = 90;
+        rect.y = 0;
+        ctest_equal_ui_rect("wrap gap: child[1] border_box", &child->border_box,
+                            &rect);
+
+        child = ui_widget_get_child(container, 2);
+        rect.x = 0;
+        rect.y = 45;
+        ctest_equal_ui_rect("wrap gap: child[2] border_box", &child->border_box,
+                            &rect);
+
+        child = ui_widget_get_child(container, 3);
+        rect.x = 90;
+        rect.y = 45;
+        ctest_equal_ui_rect("wrap gap: child[3] border_box", &child->border_box,
+                            &rect);
+
+        ui_widget_remove(container);
+
+        /* (4) gap: normal should fall back to 0 */
+
+        container = ui_create_widget(NULL);
+        ui_widget_set_style_string(container, "display", "flex");
+        ui_widget_set_style_string(container, "width", "300px");
+        ui_widget_set_style_string(container, "height", "60px");
+        ui_widget_set_style_string(container, "gap", "normal");
+        ui_widget_append(root, container);
+
+        child = ui_create_widget(NULL);
+        ui_widget_set_style_string(child, "width", "50px");
+        ui_widget_set_style_string(child, "height", "50px");
+        ui_widget_append(container, child);
+        child = ui_create_widget(NULL);
+        ui_widget_set_style_string(child, "width", "50px");
+        ui_widget_set_style_string(child, "height", "50px");
+        ui_widget_append(container, child);
+        ui_update();
+
+        rect.width = 50;
+        rect.height = 50;
+
+        child = ui_widget_get_child(container, 0);
+        rect.x = 0;
+        rect.y = 0;
+        ctest_equal_ui_rect("normal gap: child[0] border_box",
+                            &child->border_box, &rect);
+
+        child = ui_widget_get_child(container, 1);
+        rect.x = 50;
+        rect.y = 0;
+        ctest_equal_ui_rect("normal gap: child[1] border_box",
+                            &child->border_box, &rect);
+
+        ui_widget_remove(container);
+        ui_update();
+}
+
+void test_flex_layout(void)
+{
+        lcui_init();
+        ui_widget_set_title(ui_root(), L"test flex layout");
+        flex_layout_scene_build();
+
+        ctest_describe("browser layout", test_browser_layout);
+        ctest_describe("root width 1280px", test_flex_layout_1280);
+        ctest_describe("root width 600px", test_flex_layout_600);
+        ctest_describe("root width 320px", test_flex_layout_320);
+        ctest_describe("flex gap", test_flex_layout_gap);
+
+        lcui_destroy();
+}
diff --git a/tests/integration/test_font_face.c b/tests/integration/test_font_face.c
new file mode 100644
index 000000000..39bf3ea68
--- /dev/null
+++ b/tests/integration/test_font_face.c
@@ -0,0 +1,23 @@
+/*
+ * tests/cases/test_font_face.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <LCUI.h>
+#include <ctest-custom.h>
+
+void test_font_face(void)
+{
+        ui_init();
+        ctest_equal_int("should load CSS file containing @font-face",
+                        ui_load_css_file("test_font_face.css"), 0);
+        ctest_equal_bool("should resolve font registered via @font-face",
+                         pd_font_get_id("icomoon", 0, 0) > 0, true);
+        ui_destroy();
+}
diff --git a/tests/integration/test_label.c b/tests/integration/test_label.c
new file mode 100644
index 000000000..afdde1853
--- /dev/null
+++ b/tests/integration/test_label.c
@@ -0,0 +1,137 @@
+/*
+ * tests/integration/test_label.c
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <LCUI.h>
+#include <ctest-custom.h>
+
+static int g_target_click_count;
+
+static void on_target_click(ui_widget_t *w, ui_event_t *e, void *arg)
+{
+        (void)w;
+        (void)e;
+        (void)arg;
+        ++g_target_click_count;
+}
+
+static void test_get_for_default(void)
+{
+        ui_widget_t *label = ui_create_label();
+
+        ctest_equal_bool("should return NULL when no 'for' attribute set",
+                         ui_label_get_for(label) == NULL, true);
+
+        ui_widget_destroy(label);
+}
+
+static void test_set_for_roundtrip(void)
+{
+        ui_widget_t *label = ui_create_label();
+
+        ui_label_set_for(label, "my-target");
+        ctest_equal_str("should return the id that was set",
+                        ui_label_get_for(label), "my-target");
+
+        ui_label_set_for(label, "other-target");
+        ctest_equal_str("should overwrite previous id", ui_label_get_for(label),
+                        "other-target");
+
+        ui_widget_destroy(label);
+}
+
+static void test_click_forwards_to_target(void)
+{
+        ui_widget_t *label;
+        ui_widget_t *target;
+        ui_event_t ev;
+
+        g_target_click_count = 0;
+
+        target = ui_create_widget("button");
+        ui_widget_set_id(target, "tgt");
+        ui_widget_on(target, "click", on_target_click, NULL);
+
+        label = ui_create_label();
+        ui_label_set_for(label, "tgt");
+
+        ui_widget_append(ui_root(), target);
+        ui_widget_append(ui_root(), label);
+
+        ui_event_init(&ev, "click");
+        ui_widget_emit_event(label, ev, NULL);
+
+        ctest_equal_int("should fire click on target widget",
+                        g_target_click_count, 1);
+
+        ui_widget_destroy(label);
+        ui_widget_destroy(target);
+}
+
+static void test_disabled_blocks_forward(void)
+{
+        ui_widget_t *label;
+        ui_widget_t *target;
+        ui_event_t ev;
+
+        g_target_click_count = 0;
+
+        target = ui_create_widget("button");
+        ui_widget_set_id(target, "tgt2");
+        ui_widget_on(target, "click", on_target_click, NULL);
+
+        label = ui_create_label();
+        ui_label_set_for(label, "tgt2");
+        ui_widget_set_disabled(label, true);
+
+        ui_widget_append(ui_root(), target);
+        ui_widget_append(ui_root(), label);
+
+        ui_event_init(&ev, "click");
+        ui_widget_emit_event(label, ev, NULL);
+
+        ctest_equal_int("should not fire click when label is disabled",
+                        g_target_click_count, 0);
+
+        ui_widget_destroy(label);
+        ui_widget_destroy(target);
+}
+
+static void test_click_without_for_is_safe(void)
+{
+        ui_widget_t *label;
+        ui_event_t ev;
+
+        label = ui_create_label();
+        ui_widget_append(ui_root(), label);
+
+        ui_event_init(&ev, "click");
+        ui_widget_emit_event(label, ev, NULL);
+
+        ctest_equal_bool("should not crash when 'for' is unset", true, true);
+
+        ui_widget_destroy(label);
+}
+
+void test_label(void)
+{
+        lcui_init();
+
+        ctest_describe("label get_for default", test_get_for_default);
+        ctest_describe("label set_for roundtrip", test_set_for_roundtrip);
+        ctest_describe("label click forwards to target",
+                       test_click_forwards_to_target);
+        ctest_describe("label click without for is safe",
+                       test_click_without_for_is_safe);
+        ctest_describe("label disabled blocks forward",
+                       test_disabled_blocks_forward);
+
+        lcui_destroy();
+}
diff --git a/tests/cases/test_mainloop.c b/tests/integration/test_mainloop.c
similarity index 88%
rename from tests/cases/test_mainloop.c
rename to tests/integration/test_mainloop.c
index 9e79f0fc0..297ffc0fe 100644
--- a/tests/cases/test_mainloop.c
+++ b/tests/integration/test_mainloop.c
@@ -1,7 +1,7 @@
 /*
  * tests/cases/test_mainloop.c
  *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
@@ -27,7 +27,7 @@ static void handle_btn_click(ui_widget_t *w, ui_event_t *ui_event, void *arg)
 {
         ptk_set_timeout(0, handle_refresh, NULL);
         ptk_set_timeout(1, handle_quit, NULL);
-        lcui_app_process_events(PTK_PROCESS_EVENTS_UNTIL_QUIT);
+        ptk_process_native_events(PTK_PROCESS_EVENTS_UNTIL_QUIT);
         lcui_quit();
 }
 
@@ -50,9 +50,9 @@ static void observer_thread(void *arg)
         bool *exited = arg;
 
         for (i = 0; i < 10 && !*exited; ++i) {
-                sleep_ms(100);
+                y_sleep(100);
         }
-        ctest_equal_bool("main loop should exit within 1000ms", *exited, true);
+        ctest_equal_bool("should exit main loop within 1000ms", *exited, true);
         if (!*exited) {
                 exit(-ctest_finish());
                 return;
diff --git a/tests/integration/test_progress.c b/tests/integration/test_progress.c
new file mode 100644
index 000000000..7f8f9cd5d
--- /dev/null
+++ b/tests/integration/test_progress.c
@@ -0,0 +1,126 @@
+/*
+ * tests/integration/test_progress.c
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <LCUI.h>
+#include <ctest-custom.h>
+#include "../scenes/progress_scene.h"
+
+static void test_get_set_value(void)
+{
+        ui_widget_t *progress = ui_create_progress();
+        ui_root_append(progress);
+
+        ui_progress_set_value(progress, 30.0f);
+        ctest_equal_float("should store the value",
+                          ui_progress_get_value(progress), 30.0f);
+
+        ui_progress_set_value(progress, 75.0f);
+        ctest_equal_float("should overwrite the previous value",
+                          ui_progress_get_value(progress), 75.0f);
+}
+
+static void test_clamp_value(void)
+{
+        ui_widget_t *progress = ui_create_progress();
+        ui_root_append(progress);
+
+        ui_progress_set_value(progress, -10.0f);
+        ctest_equal_float("should clamp negative to zero",
+                          ui_progress_get_value(progress), 0.0f);
+
+        ui_progress_set_value(progress, 150.0f);
+        ctest_equal_float("should clamp above 100 to 100",
+                          ui_progress_get_value(progress), 100.0f);
+
+        ui_progress_set_value(progress, 0.0f);
+        ctest_equal_float("should accept zero as-is",
+                          ui_progress_get_value(progress), 0.0f);
+
+        ui_progress_set_value(progress, 100.0f);
+        ctest_equal_float("should accept 100 as-is",
+                          ui_progress_get_value(progress), 100.0f);
+}
+
+static void test_indicator_width(void)
+{
+        ui_widget_t *progress;
+        ui_widget_t *track;
+        ui_widget_t *indicator;
+        float track_width;
+        float progress_height;
+
+        progress_scene_build();
+        lcui_ui_update();
+
+        progress = ui_get_widget("main");
+        track = ui_widget_get_child(progress, 0);
+        indicator = ui_widget_get_child(track, 0);
+        track_width = track->border_box.width;
+        progress_height = progress->border_box.height;
+
+        ui_progress_set_value(progress, 0.0f);
+        lcui_ui_update();
+        ctest_equal_float("value 0: indicator width should be 0",
+                          indicator->border_box.width, 0.0f);
+
+        ui_progress_set_value(progress, 50.0f);
+        lcui_ui_update();
+        ctest_equal_float("value 50: indicator width should be half track",
+                          indicator->border_box.width, track_width * 0.5f);
+
+        ui_progress_set_value(progress, 100.0f);
+        lcui_ui_update();
+        ctest_equal_float("value 100: indicator width should match track",
+                          indicator->border_box.width, track_width);
+
+        ctest_equal_float("track height should fill progress",
+                          track->border_box.height, progress_height);
+        ctest_equal_float("indicator height should fill track",
+                          indicator->border_box.height,
+                          track->border_box.height);
+}
+
+static void test_track_has_indicator(void)
+{
+        ui_widget_t *progress;
+        ui_widget_t *track;
+        ui_widget_t *child;
+        int has_indicator = 0;
+
+        progress = ui_create_progress();
+        ui_root_append(progress);
+
+        track = ui_widget_get_child(progress, 0);
+        for (child = ui_widget_get_child(track, 0); child;
+             child = ui_widget_next(child)) {
+                if (ui_check_widget_type(child, "progress-indicator")) {
+                        has_indicator = 1;
+                }
+        }
+        ctest_equal_bool("progress should auto-create track with indicator",
+                         has_indicator, true);
+}
+
+void test_progress(void)
+{
+        lcui_init();
+
+        ctest_describe("get/set value", test_get_set_value);
+        ctest_describe("clamp value to 0..100", test_clamp_value);
+        ctest_describe("structure has track + indicator",
+                       test_track_has_indicator);
+
+        lcui_destroy();
+
+        lcui_init();
+        ctest_describe("indicator width after layout", test_indicator_width);
+        lcui_destroy();
+}
diff --git a/tests/integration/test_radio_group.c b/tests/integration/test_radio_group.c
new file mode 100644
index 000000000..9a1929263
--- /dev/null
+++ b/tests/integration/test_radio_group.c
@@ -0,0 +1,282 @@
+/*
+ * tests/integration/test_radio_group.c
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <LCUI.h>
+#include <ctest-custom.h>
+
+static int g_change_count;
+
+static void on_radio_group_change(ui_widget_t *w, ui_event_t *e, void *arg)
+{
+        (void)w;
+        (void)e;
+        (void)arg;
+        ++g_change_count;
+}
+
+static void test_value_roundtrip(void)
+{
+        ui_widget_t *g = ui_create_radio_group();
+
+        ctest_equal_str("should default to empty value",
+                        ui_widget_get_attr(g, "value"), NULL);
+
+        ui_radio_group_set_value(g, "comfortable");
+        ctest_equal_str("should return set value",
+                        ui_widget_get_attr(g, "value"), "comfortable");
+
+        ui_radio_group_set_value(g, NULL);
+        ctest_equal_str("should clear value when NULL",
+                        ui_widget_get_attr(g, "value"), NULL);
+
+        ui_widget_destroy(g);
+}
+
+static void test_item_checked_roundtrip(void)
+{
+        ui_widget_t *item = ui_create_radio_group_item();
+
+        ctest_equal_int("should default to unchecked",
+                        ui_radio_group_item_get_checked(item), 0);
+
+        ui_radio_group_item_set_checked(item, 1);
+        ctest_equal_int("should return 1 after set_checked(1)",
+                        ui_radio_group_item_get_checked(item), 1);
+
+        ui_radio_group_item_set_checked(item, 0);
+        ctest_equal_int("should return 0 after set_checked(0)",
+                        ui_radio_group_item_get_checked(item), 0);
+
+        ui_widget_destroy(item);
+}
+
+static void test_click_selects_item(void)
+{
+        ui_widget_t *g = ui_create_radio_group();
+        ui_widget_t *item = ui_create_radio_group_item();
+        ui_event_t ev;
+
+        ui_widget_set_attr(item, "value", "default");
+        ui_widget_append(g, item);
+        ui_widget_append(ui_root(), g);
+
+        ui_event_init(&ev, "click");
+        ui_widget_emit_event(item, ev, NULL);
+
+        ctest_equal_int("clicked item should be checked",
+                        ui_radio_group_item_get_checked(item), 1);
+        ctest_equal_str("group value should match clicked item",
+                        ui_radio_group_get_value(g), "default");
+
+        ui_widget_destroy(g);
+}
+
+static void test_click_emits_change(void)
+{
+        ui_widget_t *g = ui_create_radio_group();
+        ui_widget_t *item = ui_create_radio_group_item();
+        ui_event_t ev;
+
+        g_change_count = 0;
+        ui_widget_on(g, "change", on_radio_group_change, NULL);
+
+        ui_widget_append(g, item);
+        ui_widget_append(ui_root(), g);
+
+        ui_event_init(&ev, "click");
+        ui_widget_emit_event(item, ev, NULL);
+
+        ctest_equal_int("should emit change once on group", g_change_count, 1);
+
+        ui_widget_destroy(g);
+}
+
+static void test_click_deselects_siblings(void)
+{
+        ui_widget_t *g = ui_create_radio_group();
+        ui_widget_t *item1 = ui_create_radio_group_item();
+        ui_widget_t *item2 = ui_create_radio_group_item();
+        ui_event_t ev;
+
+        ui_widget_set_attr(item1, "value", "default");
+        ui_widget_set_attr(item2, "value", "compact");
+        ui_widget_append(g, item1);
+        ui_widget_append(g, item2);
+        ui_widget_append(ui_root(), g);
+
+        ui_event_init(&ev, "click");
+        ui_widget_emit_event(item1, ev, NULL);
+        ctest_equal_int("item1 checked after first click",
+                        ui_radio_group_item_get_checked(item1), 1);
+        ctest_equal_int("item2 still unchecked",
+                        ui_radio_group_item_get_checked(item2), 0);
+
+        ui_widget_emit_event(item2, ev, NULL);
+        ctest_equal_int("item1 unchecked after second click",
+                        ui_radio_group_item_get_checked(item1), 0);
+        ctest_equal_int("item2 checked after second click",
+                        ui_radio_group_item_get_checked(item2), 1);
+        ctest_equal_str("group value tracks latest selection",
+                        ui_radio_group_get_value(g), "compact");
+
+        ui_widget_destroy(g);
+}
+
+static void test_disabled_item_blocks_click(void)
+{
+        ui_widget_t *g = ui_create_radio_group();
+        ui_widget_t *item = ui_create_radio_group_item();
+        ui_event_t ev;
+
+        ui_widget_append(g, item);
+        ui_widget_append(ui_root(), g);
+        ui_widget_set_disabled(item, true);
+
+        ui_event_init(&ev, "click");
+        ui_widget_emit_event(item, ev, NULL);
+
+        ctest_equal_int("disabled item should stay unchecked",
+                        ui_radio_group_item_get_checked(item), 0);
+        ctest_equal_str("group value should remain unset",
+                        ui_radio_group_get_value(g), NULL);
+
+        ui_widget_destroy(g);
+}
+
+static void test_click_through_wrapper_div(void)
+{
+        ui_widget_t *g = ui_create_radio_group();
+        ui_widget_t *wrap = ui_create_widget(NULL);
+        ui_widget_t *item = ui_create_radio_group_item();
+        ui_event_t ev;
+
+        ui_widget_set_attr(item, "value", "comfortable");
+        ui_widget_append(wrap, item);
+        ui_widget_append(g, wrap);
+        ui_widget_append(ui_root(), g);
+
+        ui_event_init(&ev, "click");
+        ui_widget_emit_event(item, ev, NULL);
+
+        ctest_equal_int("item inside wrapper div still gets selected",
+                        ui_radio_group_item_get_checked(item), 1);
+        ctest_equal_str("group value updated from nested item",
+                        ui_radio_group_get_value(g), "comfortable");
+
+        ui_widget_destroy(g);
+}
+
+static void test_click_on_indicator_child(void)
+{
+        ui_widget_t *g = ui_create_radio_group();
+        ui_widget_t *item = ui_create_radio_group_item();
+        ui_widget_t *indicator;
+        ui_event_t ev;
+
+        ui_widget_set_attr(item, "value", "compact");
+        ui_widget_append(g, item);
+        ui_widget_append(ui_root(), g);
+
+        indicator = ui_widget_get_child(item, 0);
+
+        ui_event_init(&ev, "click");
+        ui_widget_emit_event(indicator, ev, NULL);
+
+        ctest_equal_int("clicking indicator child should select item",
+                        ui_radio_group_item_get_checked(item), 1);
+        ctest_equal_str("group value updated from indicator click",
+                        ui_radio_group_get_value(g), "compact");
+
+        ui_widget_destroy(g);
+}
+
+static void test_update_syncs_items_to_value(void)
+{
+        ui_widget_t *g = ui_create_radio_group();
+        ui_widget_t *item1 = ui_create_radio_group_item();
+        ui_widget_t *item2 = ui_create_radio_group_item();
+
+        ui_widget_set_attr(item1, "value", "default");
+        ui_widget_set_attr(item2, "value", "comfortable");
+        ui_widget_append(g, item1);
+        ui_widget_append(g, item2);
+        ui_widget_append(ui_root(), g);
+
+        ui_radio_group_set_value(g, "comfortable");
+        ctest_equal_int("item matching value should be checked",
+                        ui_radio_group_item_get_checked(item2), 1);
+        ctest_equal_int("item not matching value should be unchecked",
+                        ui_radio_group_item_get_checked(item1), 0);
+
+        ui_radio_group_set_value(g, "default");
+        ctest_equal_int("after value change, new match should be checked",
+                        ui_radio_group_item_get_checked(item1), 1);
+        ctest_equal_int("after value change, old match should be unchecked",
+                        ui_radio_group_item_get_checked(item2), 0);
+
+        ui_radio_group_set_value(g, NULL);
+        ctest_equal_int("NULL value clears all checks",
+                        ui_radio_group_item_get_checked(item1), 0);
+        ctest_equal_int("NULL value clears all checks (other)",
+                        ui_radio_group_item_get_checked(item2), 0);
+
+        ui_widget_destroy(g);
+}
+
+static void test_update_finds_items_in_nested_wrappers(void)
+{
+        ui_widget_t *g = ui_create_radio_group();
+        ui_widget_t *item = ui_create_radio_group_item();
+        ui_widget_t *wrap = ui_create_widget(NULL);
+
+        ui_widget_set_attr(item, "value", "opt");
+        ui_widget_append(wrap, item);
+        ui_widget_append(g, wrap);
+        ui_widget_append(ui_root(), g);
+
+        ui_radio_group_set_value(g, "opt");
+        ctest_equal_int("item nested in wrapper div should still be checked",
+                        ui_radio_group_item_get_checked(item), 1);
+
+        ui_radio_group_set_value(g, "other");
+        ctest_equal_int(
+            "item nested in wrapper div should be unchecked when value differs",
+            ui_radio_group_item_get_checked(item), 0);
+
+        ui_widget_destroy(g);
+}
+
+void test_radio_group(void)
+{
+        lcui_init();
+
+        ctest_describe("radio-group value roundtrip", test_value_roundtrip);
+        ctest_describe("radio-group-item checked roundtrip",
+                       test_item_checked_roundtrip);
+        ctest_describe("radio-group click selects item",
+                       test_click_selects_item);
+        ctest_describe("radio-group click emits change",
+                       test_click_emits_change);
+        ctest_describe("radio-group click deselects siblings",
+                       test_click_deselects_siblings);
+        ctest_describe("radio-group disabled item blocks click",
+                       test_disabled_item_blocks_click);
+        ctest_describe("radio-group click through wrapper div",
+                       test_click_through_wrapper_div);
+        ctest_describe("radio-group click on indicator child",
+                       test_click_on_indicator_child);
+        ctest_describe("radio-group update syncs items to value",
+                       test_update_syncs_items_to_value);
+        ctest_describe("radio-group update finds items in nested wrappers",
+                       test_update_finds_items_in_nested_wrappers);
+
+        lcui_destroy();
+}
diff --git a/tests/cases/test_router.c b/tests/integration/test_router.c
similarity index 84%
rename from tests/cases/test_router.c
rename to tests/integration/test_router.c
index df545d5ab..b2bae67d9 100644
--- a/tests/cases/test_router.c
+++ b/tests/integration/test_router.c
@@ -2,6 +2,7 @@
 #include <router.h>
 #include <ctest.h>
 #include <LCUI/widgets.h>
+#include <ui_router.h>
 
 void test_router_components(void)
 {
@@ -58,42 +59,41 @@ void test_router_components(void)
         ui_event_init(&e, "click");
         ui_widget_emit_event(link_foo, e, NULL);
         matched_widget = ui_router_view_get_matched_widget(view);
-        ctest_equal_bool("[/foo] <router-view> widget should load <foo> widget",
+        ctest_equal_bool("[/foo] should load <foo> in <router-view>",
                          strcmp(matched_widget->type, "foo") == 0, true);
         ctest_equal_bool(
-            "[/foo] linkFoo should has active classes",
+            "[/foo] should mark linkFoo with active classes",
             (ui_widget_has_class(link_foo, "router-link-active") &&
              ui_widget_has_class(link_foo, "router-link-exact-active")),
             true);
         ui_widget_emit_event(link_bar, e, NULL);
         matched_widget = ui_router_view_get_matched_widget(view);
-        ctest_equal_bool("[/bar] <router-view> widget should load <bar> widget",
+        ctest_equal_bool("[/bar] should load <bar> in <router-view>",
                          strcmp(matched_widget->type, "bar") == 0, true);
         ctest_equal_bool(
-            "[/bar] linkFoo should not has active classes",
+            "[/bar] should remove active classes from linkFoo",
             (!ui_widget_has_class(link_foo, "router-link-exact-active") &&
              !ui_widget_has_class(link_foo, "router-link-active")),
             true);
 
         ui_widget_emit_event(link_foobar, e, NULL);
         matched_widget = ui_router_view_get_matched_widget(view);
+        ctest_equal_bool("[/foo/bar] should load <foobar> in <router-view>",
+                         strcmp(matched_widget->type, "foobar") == 0, true);
         ctest_equal_bool(
-            "[/foo/bar] <router-view> widget should load <foobar> widget",
-            strcmp(matched_widget->type, "foobar") == 0, true);
-        ctest_equal_bool(
-            "[/foo/bar] linkFooBar should has active classes",
+            "[/foo/bar] should mark linkFooBar with active classes",
             (ui_widget_has_class(link_foobar, "router-link-exact-active") &&
              ui_widget_has_class(link_foobar, "router-link-active")),
             true);
         ctest_equal_bool(
-            "[/foo/bar] linkFoo should only has the exact active class",
+            "[/foo/bar] should mark linkFoo with non-exact active class only",
             (!ui_widget_has_class(link_foo, "router-link-exact-active") &&
              ui_widget_has_class(link_foo, "router-link-active")),
             true);
         ui_widget_set_attr(link_foo, "exact", "exact");
         ui_widget_emit_event(link_foobar, e, NULL);
         ctest_equal_bool(
-            "[/foo/bar] linkFoo should not has any active classes (exact)",
+            "[/foo/bar] should remove all active classes when exact is set",
             (!ui_widget_has_class(link_foo, "router-link-exact-active") &&
              !ui_widget_has_class(link_foo, "router-link-active")),
             true);
diff --git a/tests/integration/test_scrollbar.c b/tests/integration/test_scrollbar.c
new file mode 100644
index 000000000..2a835d243
--- /dev/null
+++ b/tests/integration/test_scrollbar.c
@@ -0,0 +1,120 @@
+/*
+ * tests/cases/test_scrollbar.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <LCUI.h>
+#include <ctest-custom.h>
+#include "../scenes/scrollbar_scene.h"
+
+void test_scrollbar(void)
+{
+        float left, top;
+        ui_event_t e = { 0 };
+        ui_widget_t *content;
+
+        lcui_init();
+        scrollbar_scene_build();
+        lcui_ui_update();
+
+        content = ui_get_widget("license_content");
+        left = content->computed_style.left;
+        top = content->computed_style.top;
+
+        e.type = UI_EVENT_MOUSEMOVE;
+        e.mouse.x = 300;
+        e.mouse.y = 275;
+        ui_dispatch_event(&e);
+        lcui_ui_update();
+
+        e.type = UI_EVENT_MOUSEDOWN;
+        e.mouse.button = MOUSE_BUTTON_LEFT;
+        e.mouse.x = 300;
+        e.mouse.y = 275;
+        ui_dispatch_event(&e);
+        lcui_ui_update();
+
+        e.type = UI_EVENT_MOUSEMOVE;
+        e.mouse.x = 600;
+        e.mouse.y = 275;
+        ui_dispatch_event(&e);
+        lcui_ui_update();
+
+        ctest_equal_bool("should scroll content to the left",
+                         content->computed_style.left < left &&
+                             top == content->computed_style.top,
+                         true);
+
+        left = content->computed_style.left;
+        top = content->computed_style.top;
+
+        e.type = UI_EVENT_MOUSEMOVE;
+        e.mouse.x = 400;
+        e.mouse.y = 275;
+        ui_dispatch_event(&e);
+        e.type = UI_EVENT_MOUSEUP;
+        e.mouse.button = MOUSE_BUTTON_LEFT;
+        e.mouse.x = 400;
+        e.mouse.y = 275;
+        ui_dispatch_event(&e);
+        lcui_ui_update();
+
+        ctest_equal_bool("should scroll content to the right",
+                         content->computed_style.left > left &&
+                             top == content->computed_style.top,
+                         true);
+
+        left = content->computed_style.left;
+        top = content->computed_style.top;
+
+        e.type = UI_EVENT_MOUSEMOVE;
+        e.mouse.x = 555;
+        e.mouse.y = 45;
+        ui_dispatch_event(&e);
+        lcui_ui_update();
+
+        e.type = UI_EVENT_MOUSEDOWN;
+        e.mouse.button = MOUSE_BUTTON_LEFT;
+        e.mouse.x = 555;
+        e.mouse.y = 45;
+        ui_dispatch_event(&e);
+        lcui_ui_update();
+
+        e.type = UI_EVENT_MOUSEMOVE;
+        e.mouse.x = 555;
+        e.mouse.y = 200;
+        ui_dispatch_event(&e);
+        lcui_ui_update();
+
+        ctest_equal_bool("should scroll content to the top",
+                         content->computed_style.left == left &&
+                             top > content->computed_style.top,
+                         true);
+
+        left = content->computed_style.left;
+        top = content->computed_style.top;
+
+        e.type = UI_EVENT_MOUSEMOVE;
+        e.mouse.x = 555;
+        e.mouse.y = 100;
+        ui_dispatch_event(&e);
+        e.type = UI_EVENT_MOUSEUP;
+        e.mouse.button = MOUSE_BUTTON_LEFT;
+        e.mouse.x = 555;
+        e.mouse.y = 100;
+        ui_dispatch_event(&e);
+        lcui_ui_update();
+
+        ctest_equal_bool("should scroll content to the bottom",
+                         content->computed_style.left == left &&
+                             top < content->computed_style.top,
+                         true);
+
+        lcui_destroy();
+}
diff --git a/tests/integration/test_settings.c b/tests/integration/test_settings.c
new file mode 100644
index 000000000..106b59d20
--- /dev/null
+++ b/tests/integration/test_settings.c
@@ -0,0 +1,424 @@
+/*
+ * tests/cases/test_settings.c
+ *
+ * Copyright (c) 2023, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <errno.h>
+#include <stdio.h>
+#include <stdlib.h>
+#include <string.h>
+#include <time.h>
+#ifdef _WIN32
+#include <direct.h>
+#include <process.h>
+#else
+#include <sys/stat.h>
+#include <sys/types.h>
+#include <unistd.h>
+#endif
+#include <LCUI.h>
+#include <ctest-custom.h>
+
+static int test_mkdir(const char *path)
+{
+#ifdef _WIN32
+        return _mkdir(path);
+#else
+        return mkdir(path, 0700);
+#endif
+}
+
+static unsigned test_path_counter = 0;
+
+static bool test_set_env(const char *name, const char *value)
+{
+#ifdef _WIN32
+        return _putenv_s(name, value) == 0;
+#else
+        return setenv(name, value, 1) == 0;
+#endif
+}
+
+static bool test_prepare_env(char *base_dir, size_t base_dir_size,
+                             const char *app_id)
+{
+        int ret;
+        const char *tmp_root;
+#ifdef _WIN32
+        int pid = _getpid();
+        tmp_root = getenv("TEMP");
+        if (!tmp_root || tmp_root[0] == 0) {
+                tmp_root = "C:/Temp";
+        }
+#else
+        int pid = getpid();
+        tmp_root = getenv("TMPDIR");
+        if (!tmp_root || tmp_root[0] == 0) {
+                tmp_root = "/tmp";
+        }
+#endif
+
+        snprintf(base_dir, base_dir_size, "%s/lcui-settings-%d-%lu", tmp_root,
+                 pid, (unsigned long)time(NULL) + ++test_path_counter);
+        ret = test_mkdir(base_dir);
+        if (ret != 0 && errno != EEXIST) {
+                return false;
+        }
+#ifdef _WIN32
+        if (!test_set_env("APPDATA", base_dir)) {
+                return false;
+        }
+#else
+        if (!test_set_env("XDG_CONFIG_HOME", base_dir)) {
+                return false;
+        }
+#endif
+        if (!lcui_set_app_id(app_id)) {
+                return false;
+        }
+        return true;
+}
+
+static bool test_write_config(const char *base_dir, const char *app_id,
+                              const char *content)
+{
+        bool ok = false;
+        char app_dir[512];
+        char config_file[600];
+        FILE *fp;
+
+        snprintf(app_dir, sizeof(app_dir), "%s/%s", base_dir, app_id);
+        if (test_mkdir(app_dir) != 0 && errno != EEXIST) {
+                return false;
+        }
+        snprintf(config_file, sizeof(config_file), "%s/settings.ini", app_dir);
+        fp = fopen(config_file, "w");
+        if (!fp) {
+                return false;
+        }
+        if (fputs(content, fp) >= 0) {
+                ok = true;
+        }
+        fclose(fp);
+        return ok;
+}
+
+static bool test_read_file_contains(const char *base_dir, const char *app_id,
+                                    const char *text)
+{
+        bool found = false;
+        char config_file[600];
+        char content[1024];
+        FILE *fp;
+        size_t len;
+
+        snprintf(config_file, sizeof(config_file), "%s/%s/settings.ini",
+                 base_dir, app_id);
+        fp = fopen(config_file, "r");
+        if (!fp) {
+                return false;
+        }
+        len = fread(content, 1, sizeof(content) - 1, fp);
+        fclose(fp);
+        content[len] = 0;
+        if (strstr(content, text)) {
+                found = true;
+        }
+        return found;
+}
+
+static void helper_process_window_events(unsigned rounds)
+{
+        unsigned i;
+
+        for (i = 0; i < rounds; ++i) {
+                ptk_process_native_events(PTK_PROCESS_EVENTS_ALL_IF_PRESENT);
+                y_sleep(10);
+        }
+}
+
+static bool helper_query_window_state(ptk_window_t *window,
+                                      lcui_window_state_t *out)
+{
+        if (!window || !out) {
+                return false;
+        }
+        ptk_window_get_position(window, &out->x, &out->y);
+        out->width = ptk_window_get_width(window);
+        out->height = ptk_window_get_height(window);
+        out->maximized = ptk_window_is_maximized(window);
+        return true;
+}
+
+static void test_settings_rendering_accessors(void)
+{
+        char base_dir[256];
+        lcui_rendering_settings_t settings;
+
+        ctest_equal_bool("prepare settings test env",
+                         test_prepare_env(base_dir, sizeof(base_dir),
+                                          "lcui-settings-rendering"),
+                         true);
+        lcui_init();
+        ctest_equal_bool("should load settings", lcui_settings_load(), true);
+        ctest_equal_bool("should get default rendering settings",
+                         lcui_get_rendering(&settings), true);
+        ctest_equal_int("should default frame rate cap to 120",
+                        settings.fps_cap, LCUI_DEFAULT_FPS_CAP);
+        ctest_equal_int("should default parallel rendering threads to 4",
+                        settings.parallel_threads,
+                        LCUI_DEFAULT_PARALLEL_THREADS);
+        ctest_equal_bool("should disable paint flashing by default",
+                         settings.paint_flashing, false);
+
+        settings.fps_cap = 240;
+        settings.parallel_threads = 8;
+        settings.paint_flashing = true;
+        ctest_equal_bool("should set rendering settings",
+                         lcui_set_rendering(&settings), true);
+        settings.fps_cap = 0;
+        settings.parallel_threads = 0;
+        settings.paint_flashing = false;
+        ctest_equal_bool("should get updated rendering settings",
+                         lcui_get_rendering(&settings), true);
+        ctest_equal_int("should apply frame rate cap", settings.fps_cap, 240);
+        ctest_equal_int("should apply parallel rendering threads",
+                        settings.parallel_threads, 8);
+        ctest_equal_bool("should apply paint flashing", settings.paint_flashing,
+                         true);
+
+        settings.fps_cap = 20;
+        ctest_equal_bool("should reject out-of-range frame rate cap",
+                         lcui_set_rendering(&settings), false);
+        ctest_equal_bool("should keep current rendering settings",
+                         lcui_get_rendering(&settings), true);
+        ctest_equal_int("should keep previous frame rate cap", settings.fps_cap,
+                        240);
+        lcui_destroy();
+}
+
+static void test_settings_load_merge_validate_flush(void)
+{
+        const char *app_id = "lcui-settings-load";
+        char base_dir[256];
+        lcui_rendering_settings_t settings;
+
+        ctest_equal_bool("prepare settings test env",
+                         test_prepare_env(base_dir, sizeof(base_dir), app_id),
+                         true);
+        ctest_equal_bool("write malformed settings file",
+                         test_write_config(base_dir, app_id,
+                                           "[meta]\nversion=abc\n\n"
+                                           "[rendering]\n"
+                                           "fps_cap=999\n"
+                                           "parallel_threads=8\n"
+                                           "paint_flashing=oops\n"),
+                         true);
+
+        lcui_init();
+        ctest_equal_bool("should load settings", lcui_settings_load(), true);
+        ctest_equal_bool("should get merged rendering settings",
+                         lcui_get_rendering(&settings), true);
+        ctest_equal_int("should fallback fps_cap to default on invalid value",
+                        settings.fps_cap, LCUI_DEFAULT_FPS_CAP);
+        ctest_equal_int("should keep valid parallel_threads",
+                        settings.parallel_threads, 8);
+        ctest_equal_bool(
+            "should fallback paint_flashing to default on invalid value",
+            settings.paint_flashing, false);
+        ctest_equal_bool("should flush normalized settings",
+                         lcui_settings_flush(), true);
+        ctest_equal_bool("should normalize version during flush",
+                         test_read_file_contains(base_dir, app_id, "version=1"),
+                         true);
+        ctest_equal_bool(
+            "should normalize fps_cap during flush",
+            test_read_file_contains(base_dir, app_id, "fps_cap=120"), true);
+        ctest_equal_bool(
+            "should keep valid parallel_threads during flush",
+            test_read_file_contains(base_dir, app_id, "parallel_threads=8"),
+            true);
+        ctest_equal_bool(
+            "should normalize paint_flashing during flush",
+            test_read_file_contains(base_dir, app_id, "paint_flashing=0"),
+            true);
+
+        lcui_settings_unload();
+        ctest_equal_bool("write valid boolean rendering config",
+                         test_write_config(base_dir, app_id,
+                                           "[meta]\nversion=1\n\n"
+                                           "[rendering]\n"
+                                           "fps_cap=60\n"
+                                           "parallel_threads=5\n"
+                                           "paint_flashing=true\n"),
+                         true);
+        ctest_equal_bool("should reload valid rendering settings",
+                         lcui_settings_load(), true);
+        ctest_equal_bool("should get rendering settings after reload",
+                         lcui_get_rendering(&settings), true);
+        ctest_equal_int("should parse fps_cap from user config",
+                        settings.fps_cap, 60);
+        ctest_equal_int("should parse parallel_threads from user config",
+                        settings.parallel_threads, 5);
+        ctest_equal_bool("should parse true bool values from user config",
+                         settings.paint_flashing, true);
+        lcui_destroy();
+}
+
+static void test_window_state_accessors(void)
+{
+        char base_dir[256];
+        lcui_window_state_t state;
+        lcui_window_state_t output;
+
+        ctest_equal_bool(
+            "prepare window state test env",
+            test_prepare_env(base_dir, sizeof(base_dir), "lcui-window-state"),
+            true);
+        lcui_init();
+        state.x = -120;
+        state.y = 48;
+        state.width = 640;
+        state.height = 480;
+        state.maximized = true;
+        ctest_equal_bool("should reject missing window state section",
+                         lcui_get_window_state("main", &output), false);
+        ctest_equal_bool("should reject invalid window state id",
+                         lcui_set_window_state("", &state), false);
+        ctest_equal_bool("should set window state",
+                         lcui_set_window_state("main", &state), true);
+        memset(&output, 0, sizeof(output));
+        ctest_equal_bool("should get window state",
+                         lcui_get_window_state("main", &output), true);
+        ctest_equal_int("should round-trip window x", output.x, state.x);
+        ctest_equal_int("should round-trip window y", output.y, state.y);
+        ctest_equal_int("should round-trip window width", output.width,
+                        state.width);
+        ctest_equal_int("should round-trip window height", output.height,
+                        state.height);
+        ctest_equal_bool("should round-trip maximized flag", output.maximized,
+                         state.maximized);
+        lcui_destroy();
+}
+
+static void test_window_state_invalid_values(void)
+{
+        const char *app_id = "lcui-window-invalid";
+        char base_dir[256];
+        lcui_window_state_t state;
+
+        ctest_equal_bool("prepare invalid window state env",
+                         test_prepare_env(base_dir, sizeof(base_dir), app_id),
+                         true);
+        ctest_equal_bool("write invalid window state config",
+                         test_write_config(base_dir, app_id,
+                                           "[meta]\nversion=1\n\n"
+                                           "[window.main]\n"
+                                           "x=-10\n"
+                                           "y=20\n"
+                                           "width=0\n"
+                                           "height=240\n"
+                                           "maximized=maybe\n"),
+                         true);
+        lcui_init();
+        ctest_equal_bool("should load settings with invalid window state",
+                         lcui_settings_load(), true);
+        ctest_equal_bool("should reject invalid window state values",
+                         lcui_get_window_state("main", &state), false);
+        ctest_equal_bool("should flush invalid window state removal",
+                         lcui_settings_flush(), true);
+        ctest_equal_bool(
+            "should remove invalid window section on flush",
+            test_read_file_contains(base_dir, app_id, "[window.main]"), false);
+        lcui_destroy();
+}
+
+static void test_window_state_binding(void)
+{
+        const char *app_id = "lcui-window-bind";
+        char base_dir[256];
+        int new_width, new_height;
+        lcui_window_state_t saved;
+        lcui_window_state_t actual;
+        ui_widget_t *preview_widget;
+        ui_widget_t *widget;
+        ptk_window_t *window;
+
+        ctest_equal_bool("prepare window binding env",
+                         test_prepare_env(base_dir, sizeof(base_dir), app_id),
+                         true);
+        ctest_equal_bool("write stored window state",
+                         test_write_config(base_dir, app_id,
+                                           "[meta]\nversion=1\n\n"
+                                           "[window.main]\n"
+                                           "x=32\n"
+                                           "y=48\n"
+                                           "width=420\n"
+                                           "height=260\n"
+                                           "maximized=0\n\n"
+                                           "[window.preview]\n"
+                                           "x=8\n"
+                                           "y=12\n"
+                                           "width=210\n"
+                                           "height=180\n"
+                                           "maximized=0\n"),
+                         true);
+        lcui_init();
+        ctest_equal_bool("should load settings", lcui_settings_load(), true);
+        preview_widget = ui_create_widget(NULL);
+        ctest_equal_bool("should create preview widget", preview_widget != NULL,
+                         true);
+        ctest_equal_bool("should bind pending widget state",
+                         lcui_bind_window_state(preview_widget, "preview"),
+                         true);
+        ui_root_append(preview_widget);
+        ui_update();
+        ctest_equal_int("should resize pending widget width",
+                        (int)preview_widget->border_box.width, 210);
+        ctest_equal_int("should resize pending widget height",
+                        (int)preview_widget->border_box.height, 180);
+        ui_widget_destroy(preview_widget);
+        widget = ui_root();
+        window = ui_server_get_window(widget);
+        ctest_equal_bool("should get root window", window != NULL, true);
+        helper_process_window_events(8);
+        ctest_equal_bool("should bind window state",
+                         lcui_bind_window_state(widget, "main"), true);
+        helper_process_window_events(12);
+        ctest_equal_bool("should query restored window geometry",
+                         helper_query_window_state(window, &actual), true);
+        ctest_equal_int("should restore saved width", actual.width, 420);
+        ctest_equal_int("should restore saved height", actual.height, 260);
+        ptk_window_set_size(window, 300, 220);
+        helper_process_window_events(12);
+        new_width = ptk_window_get_width(window);
+        new_height = ptk_window_get_height(window);
+        ptk_window_close(window);
+        helper_process_window_events(12);
+        ctest_equal_bool("should persist updated bound window state on close",
+                         lcui_get_window_state("main", &saved), true);
+        ctest_equal_int("should save updated width", saved.width, new_width);
+        ctest_equal_int("should save updated height", saved.height, new_height);
+        ctest_equal_bool(
+            "should flush bound window section",
+            test_read_file_contains(base_dir, app_id, "[window.main]"), true);
+        lcui_destroy();
+}
+
+void test_settings(void)
+{
+        ctest_describe("rendering settings accessors",
+                       test_settings_rendering_accessors);
+        ctest_describe("settings load/merge/validate/flush",
+                       test_settings_load_merge_validate_flush);
+        ctest_describe("window state accessors", test_window_state_accessors);
+        ctest_describe("window state invalid values",
+                       test_window_state_invalid_values);
+        ctest_describe("window state binding", test_window_state_binding);
+}
diff --git a/tests/cases/test_text_resize.c b/tests/integration/test_text_resize.c
similarity index 69%
rename from tests/cases/test_text_resize.c
rename to tests/integration/test_text_resize.c
index 54b22f0a3..25e87d999 100644
--- a/tests/cases/test_text_resize.c
+++ b/tests/integration/test_text_resize.c
@@ -1,7 +1,7 @@
 /*
  * tests/cases/test_text_resize.c
  *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
@@ -82,14 +82,14 @@ static void check_text_set_content(void)
 {
         ui_update();
 
-        ctest_equal_float("check block width",
-                         self.block->border_box.width, 122.f);
-        ctest_equal_bool("check block height",
+        ctest_equal_float("should match block width",
+                          self.block->border_box.width, 122.f);
+        ctest_equal_bool("should expand block height beyond 140px",
                          self.block->border_box.height > 140.f, true);
-        ctest_equal_float("check inline block width",
-                         self.inline_block->border_box.width, 580.f);
-        ctest_equal_float("check inline block height",
-                         self.inline_block->border_box.height, 62.f);
+        ctest_equal_float("should match inline block width",
+                          self.inline_block->border_box.width, 580.f);
+        ctest_equal_float("should match inline block height",
+                          self.inline_block->border_box.height, 62.f);
 }
 
 static void test_text_set_short_content_css(void *arg)
@@ -102,14 +102,14 @@ static void check_text_set_short_content_css(void)
 {
         ui_update();
 
-        ctest_equal_float("check block width",
-                         self.block->border_box.width, 122.f);
-        ctest_equal_float("check block height",
-                         self.block->border_box.height, 42.f);
-        ctest_equal_bool("check inline block width",
+        ctest_equal_float("should match block width with short content",
+                          self.block->border_box.width, 122.f);
+        ctest_equal_float("should match block height with short content",
+                          self.block->border_box.height, 42.f);
+        ctest_equal_bool("should shrink inline block width below 70px",
                          self.inline_block->border_box.width < 70.f, true);
-        ctest_equal_float("check inline block height",
-                         self.inline_block->border_box.height, 42.f);
+        ctest_equal_float("should match inline block height with short content",
+                          self.inline_block->border_box.height, 42.f);
 }
 
 static void test_text_set_long_content_css(void *arg)
@@ -124,13 +124,13 @@ static void check_text_set_long_content_css(void)
 {
         ui_update();
 
-        ctest_equal_float("check block width",
-                         self.block->border_box.width, 122.0f);
-        ctest_equal_bool("check block height",
+        ctest_equal_float("should match block width with long content",
+                          self.block->border_box.width, 122.0f);
+        ctest_equal_bool("should expand block height beyond 60px",
                          self.block->border_box.height > 60.0f, true);
-        ctest_equal_bool("check inline block width",
+        ctest_equal_bool("should expand inline block width beyond 250px",
                          self.inline_block->border_box.width > 250.0f, true);
-        ctest_equal_bool("check inline block height",
+        ctest_equal_bool("should keep inline block height below 45px",
                          self.inline_block->border_box.height < 45.0f, true);
 }
 
@@ -142,14 +142,13 @@ void test_text_resize(void)
 
         ui_widget_resize(ui_root(), 600, 600);
         test_text_set_content(NULL);
-        ctest_describe("check text set content", check_text_set_content);
+        ctest_describe("text set content", check_text_set_content);
         test_text_set_short_content_css(NULL);
-        ctest_describe("check text set short content css",
+        ctest_describe("text set short content css",
                        check_text_set_short_content_css);
         test_text_set_long_content_css(NULL);
-        ctest_describe("check text set long content css",
+        ctest_describe("text set long content css",
                        check_text_set_long_content_css);
 
-        lcui_quit();
-        lcui_main();
+        lcui_destroy();
 }
diff --git a/tests/integration/test_textinput.c b/tests/integration/test_textinput.c
new file mode 100644
index 000000000..9a2280262
--- /dev/null
+++ b/tests/integration/test_textinput.c
@@ -0,0 +1,76 @@
+/*
+ * tests/cases/test_textinput.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <LCUI.h>
+#include <ctest-custom.h>
+
+void test_textinput(void)
+{
+        ui_widget_t *w;
+        wchar_t wcs[64];
+
+        lcui_init();
+
+        w = ui_create_widget("textinput");
+
+        ui_textinput_set_text_w(w, L"hello");
+        ui_widget_update(w);
+        ctest_equal_bool("should match text length after set_text_w",
+                         ui_textinput_get_text_length(w) == wcslen(L"hello"),
+                         true);
+        ctest_equal_bool(
+            "should retrieve full text after set_text_w",
+            ui_textinput_get_text_w(w, 0, 64, wcs) == wcslen(L"hello"), true);
+        ctest_equal_bool(
+            "should retrieve identical wide string after set_text_w",
+            wcscmp(L"hello", wcs) == 0, true);
+
+        ui_widget_set_text(w, "hello");
+        ui_widget_update(w);
+        ctest_equal_bool("should match text length after set_text",
+                         ui_textinput_get_text_length(w) == wcslen(L"hello"),
+                         true);
+        ctest_equal_bool(
+            "should retrieve full text after set_text",
+            ui_textinput_get_text_w(w, 0, 64, wcs) == wcslen(L"hello"), true);
+        ctest_equal_bool("should retrieve identical wide string after set_text",
+                         wcscmp(L"hello", wcs) == 0, true);
+
+        ui_textinput_append_text_w(w, L"world");
+        ui_widget_update(w);
+        ctest_equal_bool(
+            "should match text length after append_text_w",
+            ui_textinput_get_text_length(w) == wcslen(L"helloworld"), true);
+        ctest_equal_bool(
+            "should retrieve appended text via get_text_w",
+            ui_textinput_get_text_w(w, 0, 64, wcs) == wcslen(L"helloworld"),
+            true);
+        ctest_equal_bool("should retrieve identical appended wide string",
+                         wcscmp(L"helloworld", wcs) == 0, true);
+
+        ui_textinput_move_caret(w, 0, 5);
+        ui_textinput_insert_text_w(w, L", ");
+        ui_widget_update(w);
+        ui_textinput_move_caret(w, 0, 100);
+        ui_textinput_insert_text_w(w, L"!");
+        ui_widget_update(w);
+        ctest_equal_bool(
+            "should match text length after inserting text",
+            ui_textinput_get_text_length(w) == wcslen(L"hello, world!"), true);
+        ctest_equal_bool(
+            "should retrieve inserted text via get_text_w",
+            ui_textinput_get_text_w(w, 0, 64, wcs) == wcslen(L"hello, world!"),
+            true);
+        ctest_equal_bool("should retrieve identical inserted wide string",
+                         wcscmp(L"hello, world!", wcs) == 0, true);
+        ui_widget_destroy(w);
+        lcui_destroy();
+}
diff --git a/tests/integration/test_widget_event.c b/tests/integration/test_widget_event.c
new file mode 100644
index 000000000..300c4add4
--- /dev/null
+++ b/tests/integration/test_widget_event.c
@@ -0,0 +1,130 @@
+/*
+ * tests/cases/test_widget_event.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <stdio.h>
+#include <LCUI.h>
+#include <ui.h>
+#include <ctest-custom.h>
+
+void test_widget_mouse_event(void)
+{
+        ui_widget_t *root;
+        ui_widget_t *parent, *child;
+        ui_event_t ev;
+
+        lcui_init();
+        root = ui_root();
+        parent = ui_create_widget("button");
+        child = ui_create_widget("text");
+
+        ui_widget_resize(root, 200, 200);
+        ui_widget_resize(parent, 100, 100);
+        ui_widget_resize(child, 50, 50);
+        ui_widget_append(parent, child);
+        ui_widget_append(root, parent);
+        ui_update();
+
+        ev.type = UI_EVENT_MOUSEMOVE;
+        ev.mouse.x = 150;
+        ev.mouse.y = 150;
+        ui_dispatch_event(&ev);
+        ui_update();
+        ctest_equal_bool("should mark root as hover when mouse is at (150,150)",
+                         ui_widget_has_status(root, "hover"), true);
+        ctest_equal_bool(
+            "should not mark parent as hover when mouse is at (150,150)",
+            ui_widget_has_status(parent, "hover"), false);
+        ctest_equal_bool(
+            "should not mark child as hover when mouse is at (150,150)",
+            ui_widget_has_status(child, "hover"), false);
+
+        ev.mouse.x = 80;
+        ev.mouse.y = 80;
+        ui_dispatch_event(&ev);
+        ui_update();
+        ctest_equal_bool("should mark root as hover when mouse is at (80,80)",
+                         ui_widget_has_status(root, "hover"), true);
+        ctest_equal_bool("should mark parent as hover when mouse is at (80,80)",
+                         ui_widget_has_status(parent, "hover"), true);
+        ctest_equal_bool(
+            "should not mark child as hover when mouse is at (80,80)",
+            ui_widget_has_status(child, "hover"), false);
+
+        ev.mouse.x = 40;
+        ev.mouse.y = 40;
+        ui_dispatch_event(&ev);
+        ui_update();
+        ctest_equal_bool("should mark root as hover when mouse is at (40,40)",
+                         ui_widget_has_status(root, "hover"), true);
+        ctest_equal_bool("should mark parent as hover when mouse is at (40,40)",
+                         ui_widget_has_status(parent, "hover"), true);
+        ctest_equal_bool("should mark child as hover when mouse is at (40,40)",
+                         ui_widget_has_status(child, "hover"), true);
+
+        ev.type = UI_EVENT_MOUSEDOWN;
+        ev.mouse.x = 40;
+        ev.mouse.y = 40;
+        ev.mouse.button = MOUSE_BUTTON_LEFT;
+        ui_dispatch_event(&ev);
+        ui_update();
+        ctest_equal_bool("should mark root as active on mousedown",
+                         ui_widget_has_status(root, "active"), true);
+        ctest_equal_bool("should mark parent as active on mousedown",
+                         ui_widget_has_status(parent, "active"), true);
+        ctest_equal_bool("should mark child as active on mousedown",
+                         ui_widget_has_status(child, "active"), true);
+
+        ev.type = UI_EVENT_MOUSEUP;
+        ui_dispatch_event(&ev);
+        ui_update();
+        ctest_equal_bool("should clear root active state on mouseup",
+                         ui_widget_has_status(root, "active"), false);
+        ctest_equal_bool("should clear parent active state on mouseup",
+                         ui_widget_has_status(parent, "active"), false);
+        ctest_equal_bool("should clear child active state on mouseup",
+                         ui_widget_has_status(child, "active"), false);
+
+        ev.type = UI_EVENT_MOUSEMOVE;
+        ev.mouse.x = 80;
+        ev.mouse.y = 80;
+        ui_dispatch_event(&ev);
+        ui_update();
+        ctest_equal_bool(
+            "should keep root as hover when mouse moves back to (80,80)",
+            ui_widget_has_status(root, "hover"), true);
+        ctest_equal_bool(
+            "should keep parent as hover when mouse moves back to (80,80)",
+            ui_widget_has_status(parent, "hover"), true);
+        ctest_equal_bool(
+            "should clear child hover state when mouse moves back to (80,80)",
+            ui_widget_has_status(child, "hover"), false);
+
+        ev.mouse.x = 150;
+        ev.mouse.y = 150;
+        ui_dispatch_event(&ev);
+        ui_update();
+        ctest_equal_bool(
+            "should keep root as hover when mouse leaves to (150,150)",
+            ui_widget_has_status(root, "hover"), true);
+        ctest_equal_bool(
+            "should clear parent hover state when mouse leaves to (150,150)",
+            ui_widget_has_status(parent, "hover"), false);
+        ctest_equal_bool(
+            "should clear child hover state when mouse leaves to (150,150)",
+            ui_widget_has_status(child, "hover"), false);
+
+        lcui_destroy();
+}
+
+void test_widget_event(void)
+{
+        ctest_describe("widget mouse event", test_widget_mouse_event);
+}
diff --git a/tests/cases/test_widget_opacity.c b/tests/integration/test_widget_opacity.c
similarity index 70%
rename from tests/cases/test_widget_opacity.c
rename to tests/integration/test_widget_opacity.c
index d65a83b59..97f51c9e3 100644
--- a/tests/cases/test_widget_opacity.c
+++ b/tests/integration/test_widget_opacity.c
@@ -1,7 +1,7 @@
 /*
  * tests/cases/test_widget_opacity.c
  *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
+ * Copyright (c) 2023-2026, Liu Chao <hello@lcui.dev> All rights reserved.
  *
  * SPDX-License-Identifier: MIT
  *
@@ -13,28 +13,12 @@
 #include <stdlib.h>
 #include <LCUI.h>
 #include <ctest-custom.h>
+#include "../scenes/widget_opacity_scene.h"
 
 #define PARENT_OPACITY 0.8f
 #define CHILD_OPACITY 0.5f
 
-static struct {
-        ui_widget_t* parent;
-        ui_widget_t* child;
-        ui_widget_t* text;
-} self;
-
-static void build(void)
-{
-        ui_widget_t *pack, *root;
-
-        pack = ui_load_xml_file("test_widget_opacity.xml");
-        root = ui_root();
-        ui_widget_append(root, pack);
-        ui_widget_unwrap(pack);
-        self.parent = ui_get_widget("parent");
-        self.child = ui_get_widget("child");
-        self.text = ui_get_widget("current-opacity");
-}
+static widget_opacity_scene_t scene;
 
 static int check_color(pd_color_t a, pd_color_t b)
 {
@@ -59,8 +43,7 @@ static void check_widget_opactiy(void)
         pd_canvas_create(&canvas, rect.width, rect.height);
         pd_canvas_fill(&canvas, bgcolor);
 
-	// 重置 dpi，避免缩放
-	ui_metrics.dpi = 96;
+        ui_metrics.dpi = 96;
 
         paint.with_alpha = false;
         paint.rect.width = 400;
@@ -68,25 +51,25 @@ static void check_widget_opactiy(void)
         paint.rect.x = paint.rect.y = 0;
         pd_canvas_quote(&paint.canvas, &canvas, &rect);
 
-        ui_widget_set_style_string(self.parent, "opacity", "0.8");
-        ui_widget_resize(self.parent, 512, 256);
-	ui_widget_request_refresh_style(self.child);
-	ui_widget_request_refresh_style(self.parent);
-        ui_widget_update(self.parent);
-        ui_widget_render(self.parent, &paint);
+        ui_widget_set_style_string(scene.parent, "opacity", "0.8");
+        ui_widget_resize(scene.parent, 512, 256);
+        ui_widget_request_refresh_style(scene.child);
+        ui_widget_request_refresh_style(scene.parent);
+        ui_widget_update(scene.parent);
+        ui_widget_render(scene.parent, &paint);
 
         expected_color = bgcolor;
         color = pd_canvas_get_pixel(&canvas, 10, 10);
         pd_blend_pixel(&expected_color, &parent_bcolor,
                        (int)(PARENT_OPACITY * 255));
-        ctest_equal_bool("check parent border color",
+        ctest_equal_bool("should match parent border color",
                          check_color(expected_color, color), true);
 
         expected_color = bgcolor;
         color = pd_canvas_get_pixel(&canvas, 30, 30);
         pd_blend_pixel(&expected_color, &parent_bgcolor,
                        (int)(PARENT_OPACITY * 255));
-        ctest_equal_bool("check parent background color",
+        ctest_equal_bool("should match parent background color",
                          check_color(expected_color, color), true);
 
         tmp = parent_bgcolor;
@@ -94,7 +77,7 @@ static void check_widget_opactiy(void)
         color = pd_canvas_get_pixel(&canvas, 60, 90);
         pd_blend_pixel(&tmp, &child_bgcolor, (int)(CHILD_OPACITY * 255));
         pd_blend_pixel(&expected_color, &tmp, (int)(PARENT_OPACITY * 255));
-        ctest_equal_bool("check child 1 background color",
+        ctest_equal_bool("should match child 1 background color",
                          check_color(expected_color, color), true);
 
         tmp = parent_bgcolor;
@@ -102,18 +85,18 @@ static void check_widget_opactiy(void)
         color = pd_canvas_get_pixel(&canvas, 60, 120);
         pd_blend_pixel(&tmp, &child_footer_bgcolor, (int)(CHILD_OPACITY * 255));
         pd_blend_pixel(&expected_color, &tmp, (int)(PARENT_OPACITY * 255));
-        ctest_equal_bool("check child 1 footer background color",
+        ctest_equal_bool("should match child 1 footer background color",
                          check_color(expected_color, color), true);
 
         expected_color = bgcolor;
         color = pd_canvas_get_pixel(&canvas, 220, 90);
         pd_blend_pixel(&expected_color, &child_bgcolor,
                        (int)(PARENT_OPACITY * 255));
-        ctest_equal_bool("check child 2 background color",
+        ctest_equal_bool("should match child 2 background color",
                          check_color(expected_color, color), true);
         expected_color = child_footer_bgcolor;
         color = pd_canvas_get_pixel(&canvas, 220, 120);
-        ctest_equal_bool("check child 2 footer background color",
+        ctest_equal_bool("should match child 2 footer background color",
                          check_color(expected_color, color), true);
 
         pd_canvas_destroy(&canvas);
@@ -122,7 +105,7 @@ static void check_widget_opactiy(void)
 void test_widget_opacity(void)
 {
         lcui_init();
-        build();
-        ctest_describe("check widget opacity", check_widget_opactiy);
+        widget_opacity_scene_build(&scene);
+        ctest_describe("widget opacity", check_widget_opactiy);
         lcui_destroy();
 }
diff --git a/tests/integration/test_widget_rect.c b/tests/integration/test_widget_rect.c
new file mode 100644
index 000000000..4fac0c581
--- /dev/null
+++ b/tests/integration/test_widget_rect.c
@@ -0,0 +1,180 @@
+/*
+ * tests/cases/test_widget_rect.c
+ *
+ * Copyright (c) 2023, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <stdio.h>
+#include <stdlib.h>
+#include <string.h>
+#include <LCUI.h>
+#include <ui.h>
+#include <ctest-custom.h>
+
+void test_widget_rect(void)
+{
+        ui_widget_t *root;
+        ui_widget_t *parent, *child;
+        ui_event_t e = { 0 };
+        pd_rect_t rect = { 0 };
+        pd_rect_t expected_rect;
+        ui_rect_t expected_ui_rect;
+        list_t rects;
+
+        lcui_init();
+        root = ui_root();
+        parent = ui_create_widget("button");
+        child = ui_create_widget("text");
+
+        ui_widget_set_style_keyword_value(parent, css_prop_box_sizing,
+                                          CSS_KEYWORD_BORDER_BOX);
+        ui_widget_resize(root, 200, 200);
+        ui_widget_resize(parent, 100, 100);
+        ui_widget_resize(child, 50, 50);
+        ui_widget_append(parent, child);
+        ui_widget_append(root, parent);
+        ui_update();
+
+        list_create(&rects);
+        ui_widget_get_dirty_rects(root, &rects);
+        list_destroy(&rects, free);
+
+        e.type = UI_EVENT_MOUSEMOVE;
+        e.mouse.x = 150;
+        e.mouse.y = 150;
+        ui_dispatch_event(&e);
+        ui_update();
+        ui_widget_get_dirty_rects(root, &rects);
+        ctest_equal_bool("should not produce dirty rects when mouse hovers "
+                         "outside (150,150)",
+                         rects.length == 0, true);
+
+        e.mouse.x = 80;
+        e.mouse.y = 80;
+        ui_dispatch_event(&e);
+        ui_update();
+        ui_widget_get_dirty_rects(root, &rects);
+        ctest_equal_bool(
+            "should produce one dirty rect when mouse enters parent at (80,80)",
+            rects.length == 1, true);
+
+        expected_ui_rect.x = 0;
+        expected_ui_rect.y = 0;
+        expected_ui_rect.width = 100;
+        expected_ui_rect.height = 100;
+        ui_compute_rect(&expected_rect, &expected_ui_rect);
+        if (rects.length == 1) {
+                rect = *(pd_rect_t *)list_get(&rects, 0);
+        }
+        ctest_equal_pd_rect("should match expected dirty rect", &rect,
+                            &expected_rect);
+        list_destroy(&rects, free);
+
+        e.mouse.x = 40;
+        e.mouse.y = 40;
+        ui_dispatch_event(&e);
+        ui_update();
+        ui_widget_get_dirty_rects(root, &rects);
+        ctest_equal_bool("should not produce dirty rects when mouse moves to "
+                         "child at (40,40)",
+                         rects.length == 0, true);
+
+        e.type = UI_EVENT_MOUSEDOWN;
+        e.mouse.x = 40;
+        e.mouse.y = 40;
+        e.mouse.button = MOUSE_BUTTON_LEFT;
+        ui_dispatch_event(&e);
+        ui_update();
+        ui_widget_get_dirty_rects(root, &rects);
+        ctest_equal_bool(
+            "should produce one dirty rect on mousedown at (40,40)",
+            rects.length == 1, true);
+        if (rects.length == 1) {
+                rect = *(pd_rect_t *)list_get(&rects, 0);
+        }
+        ctest_equal_pd_rect("should match expected dirty rect", &rect,
+                            &expected_rect);
+        list_destroy(&rects, free);
+
+        e.type = UI_EVENT_MOUSEUP;
+        ui_dispatch_event(&e);
+        ui_update();
+        ui_widget_get_dirty_rects(root, &rects);
+        ctest_equal_bool("should produce one dirty rect on mouseup at (40,40)",
+                         rects.length == 1, true);
+        if (rects.length == 1) {
+                rect = *(pd_rect_t *)list_get(&rects, 0);
+        }
+        ctest_equal_pd_rect("should match expected dirty rect", &rect,
+                            &expected_rect);
+        list_destroy(&rects, free);
+
+        e.type = UI_EVENT_MOUSEMOVE;
+        e.mouse.x = 80;
+        e.mouse.y = 80;
+        ui_dispatch_event(&e);
+        ui_update();
+        ui_widget_get_dirty_rects(root, &rects);
+        ctest_equal_bool("should not produce dirty rects when mouse moves back "
+                         "to parent at (80,80)",
+                         rects.length == 0, true);
+
+        e.mouse.x = 150;
+        e.mouse.y = 150;
+        ui_dispatch_event(&e);
+        ui_update();
+        ui_widget_get_dirty_rects(root, &rects);
+
+        ctest_equal_bool("should produce one dirty rect when mouse leaves "
+                         "parent at (150,150)",
+                         rects.length == 1, true);
+        if (rects.length == 1) {
+                rect = *(pd_rect_t *)list_get(&rects, 0);
+        }
+        ctest_equal_pd_rect("should match expected dirty rect", &rect,
+                            &expected_rect);
+        list_destroy(&rects, free);
+
+        expected_ui_rect.x = 21;
+        expected_ui_rect.y = 11;
+        expected_ui_rect.width = 50;
+        expected_ui_rect.height = 50;
+        ui_compute_rect(&expected_rect, &expected_ui_rect);
+        ui_widget_remove(child);
+        ui_update();
+        ui_widget_get_dirty_rects(root, &rects);
+        ctest_equal_bool(
+            "should produce one dirty rect when child is destroyed",
+            rects.length == 1, true);
+        if (rects.length == 1) {
+                rect = *(pd_rect_t *)list_get(&rects, 0);
+        }
+        ctest_equal_pd_rect("should match expected dirty rect", &rect,
+                            &expected_rect);
+        list_destroy(&rects, free);
+
+        expected_ui_rect.x = 0;
+        expected_ui_rect.y = 0;
+        expected_ui_rect.width = 100;
+        expected_ui_rect.height = 100;
+        ui_compute_rect(&expected_rect, &expected_ui_rect);
+        ui_widget_remove(parent);
+        ui_update();
+        ui_widget_get_dirty_rects(root, &rects);
+        ctest_equal_bool(
+            "should produce one dirty rect when parent is destroyed",
+            rects.length == 1, true);
+        if (rects.length == 1) {
+                rect = *(pd_rect_t *)list_get(&rects, 0);
+        }
+        ctest_equal_pd_rect("should match expected dirty rect", &rect,
+                            &expected_rect);
+        list_destroy(&rects, free);
+
+        lcui_destroy();
+}
diff --git a/tests/main.c b/tests/main.c
new file mode 100644
index 000000000..f7d0ec360
--- /dev/null
+++ b/tests/main.c
@@ -0,0 +1,61 @@
+/*
+ * tests/main.c
+ *
+ * Copyright (c) 2023-2026, Liu Chao <i@lc-soft.io> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <LCUI.h>
+#include <ctest.h>
+
+extern void test_settings(void);
+extern void test_clipboard(void);
+extern void test_mainloop(void);
+extern void test_router_components(void);
+extern void test_widget_event(void);
+extern void test_widget_rect(void);
+extern void test_text_resize(void);
+extern void test_textinput(void);
+extern void test_font_face(void);
+extern void test_widget_opacity(void);
+extern void test_block_layout(void);
+extern void test_flex_layout(void);
+extern void test_scrollbar(void);
+extern void test_progress(void);
+extern void test_label(void);
+extern void test_checkbox(void);
+extern void test_radio_group(void);
+
+static const ctest_suite_t suites[] = {
+        { "settings", test_settings },
+        { "clipboard", test_clipboard },
+        { "mainloop", test_mainloop },
+        { "router components", test_router_components },
+        { "widget event", test_widget_event },
+        { "widget rect", test_widget_rect },
+        { "text resize", test_text_resize },
+        { "textinput", test_textinput },
+        { "font face", test_font_face },
+        { "widget opacity", test_widget_opacity },
+        { "block layout", test_block_layout },
+        { "flex layout", test_flex_layout },
+        { "scrollbar", test_scrollbar },
+        { "progress", test_progress },
+        { "label", test_label },
+        { "checkbox", test_checkbox },
+        { "radio-group", test_radio_group },
+        { NULL, NULL }
+};
+
+int main(int argc, char **argv)
+{
+        logger_set_level(LOGGER_LEVEL_ERROR);
+        if (ctest_parse_args(argc, argv) != 0) {
+                return 1;
+        }
+        return ctest_run_suites(suites);
+}
diff --git a/tests/previews/preview_block_layout.c b/tests/previews/preview_block_layout.c
new file mode 100644
index 000000000..fb4a869b4
--- /dev/null
+++ b/tests/previews/preview_block_layout.c
@@ -0,0 +1,24 @@
+/*
+ * tests/previews/preview_block_layout.c
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <LCUI.h>
+#include <ptk/main.h>
+#include "../scenes/block_layout_scene.h"
+
+int main(int argc, char **argv)
+{
+        (void)argc;
+        (void)argv;
+        lcui_init();
+        ui_widget_set_title(ui_root(), L"block layout preview");
+        block_layout_scene_build();
+        return lcui_main();
+}
diff --git a/tests/previews/preview_flex_layout.c b/tests/previews/preview_flex_layout.c
new file mode 100644
index 000000000..bb838f193
--- /dev/null
+++ b/tests/previews/preview_flex_layout.c
@@ -0,0 +1,24 @@
+/*
+ * tests/previews/preview_flex_layout.c
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <LCUI.h>
+#include <ptk/main.h>
+#include "../scenes/flex_layout_scene.h"
+
+int main(int argc, char **argv)
+{
+        (void)argc;
+        (void)argv;
+        lcui_init();
+        ui_widget_set_title(ui_root(), L"flex layout preview");
+        flex_layout_scene_build();
+        return lcui_main();
+}
diff --git a/tests/previews/preview_scrollbar.c b/tests/previews/preview_scrollbar.c
new file mode 100644
index 000000000..17c37473f
--- /dev/null
+++ b/tests/previews/preview_scrollbar.c
@@ -0,0 +1,24 @@
+/*
+ * tests/previews/preview_scrollbar.c
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <LCUI.h>
+#include <ptk/main.h>
+#include "../scenes/scrollbar_scene.h"
+
+int main(int argc, char **argv)
+{
+        (void)argc;
+        (void)argv;
+        lcui_init();
+        ui_widget_set_title(ui_root(), L"scrollbar preview");
+        scrollbar_scene_build();
+        return lcui_main();
+}
diff --git a/tests/previews/preview_widget_opacity.c b/tests/previews/preview_widget_opacity.c
new file mode 100644
index 000000000..0721dba8d
--- /dev/null
+++ b/tests/previews/preview_widget_opacity.c
@@ -0,0 +1,26 @@
+/*
+ * tests/previews/preview_widget_opacity.c
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <LCUI.h>
+#include <ptk/main.h>
+#include "../scenes/widget_opacity_scene.h"
+
+int main(int argc, char **argv)
+{
+        widget_opacity_scene_t scene;
+
+        (void)argc;
+        (void)argv;
+        lcui_init();
+        ui_widget_set_title(ui_root(), L"widget opacity preview");
+        widget_opacity_scene_build(&scene);
+        return lcui_main();
+}
diff --git a/tests/previews/xmake.lua b/tests/previews/xmake.lua
new file mode 100644
index 000000000..0af026add
--- /dev/null
+++ b/tests/previews/xmake.lua
@@ -0,0 +1,18 @@
+local previews = {
+    "flex_layout",
+    "block_layout",
+    "widget_opacity",
+    "scrollbar"
+}
+
+for _, topic in ipairs(previews) do
+    target("preview-" .. topic:gsub("_", "-"))
+        set_default(false)
+        set_kind("binary")
+        set_group("previews")
+        set_rundir("../fixtures")
+        add_includedirs("../helpers")
+        add_files("preview_" .. topic .. ".c",
+                  "../scenes/" .. topic .. "_scene.c")
+        add_deps("lcui")
+end
diff --git a/tests/run_tests.c b/tests/run_tests.c
deleted file mode 100644
index 49540deb3..000000000
--- a/tests/run_tests.c
+++ /dev/null
@@ -1,40 +0,0 @@
-/*
- * tests/run_tests.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <stdio.h>
-#include <wchar.h>
-#include <LCUI.h>
-#include <ptk/main.h>
-#include <ctest-custom.h>
-#include "run_tests.h"
-
-int main(int argc, char **argv)
-{
-	logger_set_level(LOGGER_LEVEL_ERROR);
-	ctest_describe("test settings", test_settings);
-	ctest_describe("test thread", test_thread);
-	ctest_describe("test steptimer", test_steptimer);
-	ctest_describe("test font load", test_font_load);
-	ctest_describe("test image reader", test_image_reader);
-	ctest_describe("test xml parser", test_xml_parser);
-	ctest_describe("test mainloop", test_mainloop);
-	ctest_describe("test clipboard", test_clipboard);
-	ctest_describe("test widget event", test_widget_event);
-	ctest_describe("test widget opacity", test_widget_opacity);
-	ctest_describe("test text resize", test_text_resize);
-	ctest_describe("test textinput", test_textinput);
-	ctest_describe("test scrollbar", test_scrollbar);
-        ctest_describe("test router components", test_router_components);
-	ctest_describe("test widget rect", test_widget_rect);
-	ctest_describe("test block layout", test_block_layout);
-	ctest_describe("test flex layout", test_flex_layout);
-	return ctest_finish();
-}
diff --git a/tests/run_tests.h b/tests/run_tests.h
deleted file mode 100644
index c0cd3ca1a..000000000
--- a/tests/run_tests.h
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- * tests/run_tests.h
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-void test_settings(void);
-void test_thread(void);
-void test_font_load(void);
-void test_xml_parser(void);
-void test_widget_opacity(void);
-void test_widget_event(void);
-void test_text_resize(void);
-void test_textinput(void);
-void test_scrollbar(void);
-void test_image_reader(void);
-void test_mainloop(void);
-void test_block_layout(void);
-void test_flex_layout(void);
-void test_widget_rect(void);
-void test_clipboard(void);
-void test_router_components(void);
-void test_steptimer(void);
diff --git a/tests/scenes/block_layout_scene.c b/tests/scenes/block_layout_scene.c
new file mode 100644
index 000000000..1f5c2a8c4
--- /dev/null
+++ b/tests/scenes/block_layout_scene.c
@@ -0,0 +1,25 @@
+/*
+ * tests/scenes/block_layout_scene.c
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <LCUI.h>
+#include "block_layout_scene.h"
+
+void block_layout_scene_build(void)
+{
+        ui_widget_t *root;
+        ui_widget_t *wrapper;
+
+        wrapper = ui_load_xml_file("test_block_layout.xml");
+        root = ui_root();
+        ui_widget_append(root, wrapper);
+        ui_widget_unwrap(wrapper);
+        ui_update();
+}
diff --git a/tests/scenes/block_layout_scene.h b/tests/scenes/block_layout_scene.h
new file mode 100644
index 000000000..ff2431684
--- /dev/null
+++ b/tests/scenes/block_layout_scene.h
@@ -0,0 +1,19 @@
+/*
+ * tests/scenes/block_layout_scene.h
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#ifndef LCUI_TESTS_SCENES_BLOCK_LAYOUT_SCENE_H
+#define LCUI_TESTS_SCENES_BLOCK_LAYOUT_SCENE_H
+
+#include <ui.h>
+
+void block_layout_scene_build(void);
+
+#endif
diff --git a/tests/scenes/flex_layout_scene.c b/tests/scenes/flex_layout_scene.c
new file mode 100644
index 000000000..c7a79a820
--- /dev/null
+++ b/tests/scenes/flex_layout_scene.c
@@ -0,0 +1,25 @@
+/*
+ * tests/scenes/flex_layout_scene.c
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <LCUI.h>
+#include "flex_layout_scene.h"
+
+void flex_layout_scene_build(void)
+{
+        ui_widget_t *root;
+        ui_widget_t *wrapper;
+
+        wrapper = ui_load_xml_file("test_flex_layout.xml");
+        root = ui_root();
+        ui_widget_append(root, wrapper);
+        ui_widget_unwrap(wrapper);
+        ui_update();
+}
diff --git a/tests/scenes/flex_layout_scene.h b/tests/scenes/flex_layout_scene.h
new file mode 100644
index 000000000..edb6b4d3d
--- /dev/null
+++ b/tests/scenes/flex_layout_scene.h
@@ -0,0 +1,19 @@
+/*
+ * tests/scenes/flex_layout_scene.h
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#ifndef LCUI_TESTS_SCENES_FLEX_LAYOUT_SCENE_H
+#define LCUI_TESTS_SCENES_FLEX_LAYOUT_SCENE_H
+
+#include <ui.h>
+
+void flex_layout_scene_build(void);
+
+#endif
diff --git a/tests/scenes/progress_scene.c b/tests/scenes/progress_scene.c
new file mode 100644
index 000000000..c91b6943b
--- /dev/null
+++ b/tests/scenes/progress_scene.c
@@ -0,0 +1,31 @@
+/*
+ * tests/scenes/progress_scene.c
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <LCUI.h>
+#include "progress_scene.h"
+
+static const char *progress_scene_css = "\
+.progress {\
+	width: 200px;\
+	margin: 20px;\
+}\
+";
+
+void progress_scene_build(void)
+{
+        ui_widget_t *progress = ui_create_progress();
+
+        ui_widget_resize(ui_root(), 800, 200);
+        ui_load_css_string(progress_scene_css, __FILE__);
+        ui_widget_set_id(progress, "main");
+        ui_widget_add_class(progress, "progress");
+        ui_root_append(progress);
+}
diff --git a/tests/scenes/progress_scene.h b/tests/scenes/progress_scene.h
new file mode 100644
index 000000000..b17c2a5ac
--- /dev/null
+++ b/tests/scenes/progress_scene.h
@@ -0,0 +1,19 @@
+/*
+ * tests/scenes/progress_scene.h
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#ifndef LCUI_TESTS_SCENES_PROGRESS_SCENE_H
+#define LCUI_TESTS_SCENES_PROGRESS_SCENE_H
+
+#include <ui.h>
+
+void progress_scene_build(void);
+
+#endif
diff --git a/tests/scenes/scrollbar_scene.c b/tests/scenes/scrollbar_scene.c
new file mode 100644
index 000000000..290e1d23e
--- /dev/null
+++ b/tests/scenes/scrollbar_scene.c
@@ -0,0 +1,81 @@
+/*
+ * tests/scenes/scrollbar_scene.c
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <LCUI.h>
+#include "scrollbar_scene.h"
+
+static const char *scrollbar_scene_css = "\
+.container {\
+        width: 300px;\
+        height: 240px;\
+        padding: 10px;\
+        margin: 20px auto 0 auto;\
+        border: 1px solid #eee;\
+}\
+\
+text {\
+        white-space: nowrap;\
+        display: inline-block;\
+}\
+";
+
+static const char *scrollbar_scene_content = "\n\
+/* ***************************************************************************\n\
+ * test_scrollbar.c -- test scrollbar\n\
+ *\n\
+ * Copyright (c) 2021, Liu chao <lc-soft@live.cn> All rights reserved.\n\
+ *\n\
+ * Redistribution and use in source and binary forms, with or without\n\
+ * modification, are permitted provided that the following conditions are met:\n\
+ *\n\
+ *   * Redistributions of source code must retain the above copyright notice,\n\
+ *     this list of conditions and the following disclaimer.\n\
+ *   * Redistributions in binary form must reproduce the above copyright\n\
+ *     notice, this list of conditions and the following disclaimer in the\n\
+ *     documentation and/or other materials provided with the distribution.\n\
+ *   * Neither the name of LCUI nor the names of its contributors may be used\n\
+ *     to endorse or promote products derived from this software without\n\
+ *     specific prior written permission.\n\
+ *\n\
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\"\n\
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\n\
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\n\
+ * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE\n\
+ * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR\n\
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF\n\
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS\n\
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN\n\
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)\n\
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE\n\
+ * POSSIBILITY OF SUCH DAMAGE.\n\
+ */\n\
+";
+
+void scrollbar_scene_build(void)
+{
+        ui_widget_t *container = ui_create_scrollarea();
+        ui_widget_t *content = ui_create_scrollarea_content();
+        ui_widget_t *text = ui_create_widget("text");
+        ui_widget_t *vscrollbar = ui_create_scrollbar();
+        ui_widget_t *hscrollbar = ui_create_scrollbar();
+
+        ui_widget_resize(ui_root(), 800, 640);
+        ui_load_css_string(scrollbar_scene_css, __FILE__);
+        ui_widget_set_id(content, "license_content");
+        ui_text_set_content(text, scrollbar_scene_content);
+        ui_scrollbar_set_orientation(hscrollbar, UI_SCROLLBAR_HORIZONTAL);
+        ui_widget_add_class(container, "container");
+        ui_widget_append(content, text);
+        ui_widget_append(container, content);
+        ui_widget_append(container, vscrollbar);
+        ui_widget_append(container, hscrollbar);
+        ui_root_append(container);
+}
diff --git a/tests/scenes/scrollbar_scene.h b/tests/scenes/scrollbar_scene.h
new file mode 100644
index 000000000..d9683ca36
--- /dev/null
+++ b/tests/scenes/scrollbar_scene.h
@@ -0,0 +1,19 @@
+/*
+ * tests/scenes/scrollbar_scene.h
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#ifndef LCUI_TESTS_SCENES_SCROLLBAR_SCENE_H
+#define LCUI_TESTS_SCENES_SCROLLBAR_SCENE_H
+
+#include <ui.h>
+
+void scrollbar_scene_build(void);
+
+#endif
diff --git a/tests/scenes/widget_opacity_scene.c b/tests/scenes/widget_opacity_scene.c
new file mode 100644
index 000000000..bfe485482
--- /dev/null
+++ b/tests/scenes/widget_opacity_scene.c
@@ -0,0 +1,26 @@
+/*
+ * tests/scenes/widget_opacity_scene.c
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#include <LCUI.h>
+#include "widget_opacity_scene.h"
+
+void widget_opacity_scene_build(widget_opacity_scene_t *scene)
+{
+        ui_widget_t *pack, *root;
+
+        pack = ui_load_xml_file("test_widget_opacity.xml");
+        root = ui_root();
+        ui_widget_append(root, pack);
+        ui_widget_unwrap(pack);
+        scene->parent = ui_get_widget("parent");
+        scene->child = ui_get_widget("child");
+        scene->text = ui_get_widget("current-opacity");
+}
diff --git a/tests/scenes/widget_opacity_scene.h b/tests/scenes/widget_opacity_scene.h
new file mode 100644
index 000000000..bdbb0915a
--- /dev/null
+++ b/tests/scenes/widget_opacity_scene.h
@@ -0,0 +1,25 @@
+/*
+ * tests/scenes/widget_opacity_scene.h
+ *
+ * Copyright (c) 2026, Liu Chao <hello@lcui.dev> All rights reserved.
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file is part of LCUI, distributed under the MIT License found in the
+ * LICENSE.TXT file in the root directory of this source tree.
+ */
+
+#ifndef LCUI_TESTS_SCENES_WIDGET_OPACITY_SCENE_H
+#define LCUI_TESTS_SCENES_WIDGET_OPACITY_SCENE_H
+
+#include <ui.h>
+
+typedef struct widget_opacity_scene {
+        ui_widget_t *parent;
+        ui_widget_t *child;
+        ui_widget_t *text;
+} widget_opacity_scene_t;
+
+void widget_opacity_scene_build(widget_opacity_scene_t *scene);
+
+#endif
diff --git a/tests/test_block_layout.c b/tests/test_block_layout.c
deleted file mode 100644
index 85ff2d552..000000000
--- a/tests/test_block_layout.c
+++ /dev/null
@@ -1,21 +0,0 @@
-/*
- * tests/test_block_layout.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#define PREVIEW_MODE
-#include "./cases/test_block_layout.c"
-#include <ptk/main.h>
-
-int main(int argc, char **argv)
-{
-	logger_set_level(LOGGER_LEVEL_ALL);
-	test_block_layout();
-	return lcui_main();
-}
diff --git a/tests/test_block_layout.html b/tests/test_block_layout.html
deleted file mode 100644
index d3c526d9c..000000000
--- a/tests/test_block_layout.html
+++ /dev/null
@@ -1,157 +0,0 @@
-<html>
-  <head>
-    <title>block layout</title>
-    <link href="./test_block_layout.css" rel="stylesheet" type="text/css">
-  </head>
-  <body>
-    <div class="container">
-      <div class="example">
-        <div class="example__title">(0) Basic</div>
-        <div class="example__content">
-          <div class="box w-auto"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box w-auto"></div>
-          <div class="box w-3">w-3</div>
-          <div class="box w-3 ml-auto">w-3 ml-auto</div>
-          <div class="box w-3 ml-auto mr-auto">w-3 ml-auto mr-auto</div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block"></div>
-        </div>
-      </div>
-      <div class="example">
-        <div class="example__title">(1) Width</div>
-        <div class="example__content">
-          <div class="box w-min-50 d-inline-block">min-width: 50%; display: inline-block</div>
-          <div class="box w-50">width: 50%; display: block</div>
-          <div class="box w-100">width: 100%; display: block</div>
-          <div class="box w-50 d-inline-block">width: 50%; display: inline-block</div>
-          <div class="box w-50 d-inline-block">width: 50%; display: inline-block</div>
-          <div class="box w-25 d-inline-block">width: 25%; display: inline-block</div>
-          <div class="box w-25 d-inline-block">width: 25%; display: inline-block</div>
-          <div class="box w-25 d-inline-block">width: 25%; display: inline-block</div>
-          <div class="box w-25 d-inline-block">width: 25%; display: inline-block</div>
-        </div>
-      </div>
-      <div class="example">
-        <div class="example__title">(2) Auto size</div>
-        <div class="example__content">
-          <div id="test-text-auto-height" class="box h-auto w-4">block, limited width</div>
-          <div id="test-text-auto-size" class="box d-inline-block w-auto h-auto">inline block, auto size</div>
-          <div id="test-text-block-auto-height" class="box w-auto h-auto">block, auto size</div>
-        </div>
-      </div>
-      <div class="example">
-        <div class="example__title">(3) Margin</div>
-        <div class="example__content">
-          <div class="box-padding">
-            <div class="box w-auto m-2">margin: 16px</div>
-            <div class="box d-inline-block m-1">m-1</div>
-            <div class="box d-inline-block m-1">m-1</div>
-            <div class="box d-inline-block m-1">m-1</div>
-            <div class="box d-inline-block m-1">m-1</div>
-            <div class="box d-inline-block mr--2">mr--2</div>
-            <div class="box d-inline-block w-3 m-1">w-3 m-1</div>
-            <div class="box d-inline-block w-2 ml--2">w-2 ml--2</div>
-            <div class="box w-auto m--2">margin: -16px</div>
-          </div>
-          <div class="box-padding">
-            <div class="box w-auto">w-auto</div>
-            <div class="box w-auto ml--1">w-auto ml--1</div>
-            <div class="box w-auto ml--1 mr--1">w-auto ml--1 mr--1</div>
-            <div class="box w-4 ml--1 mr--1">width: 200px; margin-left: -8px; margin-right: -8px</div>
-            <div class="box w-100 ml--1 mr--1">width: 100%; margin-left: -8px; margin-right: -8px</div>
-          </div>
-        </div>
-      </div>
-      <div class="example">
-        <div class="example__title">(4) vertical-align</div>
-        <div class="example__content">
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block h-2"></div>
-          <div class="box d-inline-block vertical-align-middle">middle</div>
-          <div class="box d-inline-block h-3"></div>
-          <div class="box d-inline-block vertical-align-bottom">bottom</div>
-          <div class="box d-inline-block h-2"></div>
-          <div class="box d-inline-block vertical-align-bottom">bottom</div>
-          <div class="box d-inline-block vertical-align-middle">middle</div>
-          <div class="box"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block vertical-align-middle">middle</div>
-          <div class="box d-inline-block vertical-align-bottom">bottom</div>
-          <div class="box d-inline-block h-2"></div>
-          <div class="box d-inline-block"></div>
-          <div class="box d-inline-block vertical-align-middle">middle</div>
-          <div class="box d-inline-block"></div>
-        </div>
-      </div>
-      <div class="example" id="example-position-absolute">
-        <div class="example__title">(5) position: absolute</div>
-        <div class="example__content">
-            <div id="box-absolute-top-left" class="box"></div>
-            <div id="box-absolute-top-right" class="box"></div>
-            <div id="box-absolute-bottom-left" class="box"></div>
-            <div id="box-absolute-bottom-right" class="box"></div>
-            <div id="box-absolute-center" class="box"></div>
-        </div>
-      </div>
-      <div class="example" id="example-dropdown-menu">
-        <div class="example__title">(6) Dropdown menu</div>
-        <div class="example__content">
-          <div class="dropdown-menu">
-            <div class="dropdown-item">Dropdown item text</div>
-            <div class="dropdown-item">Action</div>
-            <div class="dropdown-item">Another action</div>
-            <div class="dropdown-item">Something else here</div>
-          </div>
-        </div>
-      </div>
-      <div class="example" id="example-inline-block-nesting">
-        <div class="example__title">(7) Inline block nesting</div>
-        <div class="example__content">
-          <div id="example-inline-block-nesting__block-1">
-            <div class="box d-inline-block">inline-block > inline-block</div>
-            <div class="box d-inline-block">inline-block > inline-block</div>
-            <div class="box">inline-block > block</div>
-            <div class="box">inline-block > block</div>
-          </div>
-          <div id="example-inline-block-nesting__block-2">
-            <div class="box d-inline-block">absolute-position > inline-block</div>
-            <div class="box d-inline-block">absolute-position > inline-block</div>
-            <div class="box">absolute-position > block</div>
-            <div class="box">absolute-position > block</div>
-          </div>
-        </div>
-      </div>
-      <div class="example" id="example-progress-bar">
-        <div class="example__title">(8) Absolutely positioned progress bar</div>
-        <div class="example__content">
-          <div class="message-box">
-            <div>loading...</div>
-            <div class="progress">
-              <div class="progress-bar" id="progressbar"></div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </body>
-</html>
diff --git a/tests/test_border.c b/tests/test_border.c
deleted file mode 100644
index efcea1792..000000000
--- a/tests/test_border.c
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
- * tests/test_border.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <LCUI.h>
-#include <pandagl.h>
-#include <ui_xml.h>
-#include <ptk/main.h>
-
-int main(void)
-{
-	int ret = 0;
-	ui_widget_t *root, *box;
-
-	lcui_init();
-	box = ui_load_xml_file("test_border.xml");
-	if (!box) {
-		lcui_destroy();
-		return ret;
-	}
-	root = ui_root();
-	ui_widget_append(root, box);
-	ui_widget_unwrap(box);
-	return lcui_main();
-}
diff --git a/tests/test_border.css b/tests/test_border.css
deleted file mode 100644
index 80cdb7fac..000000000
--- a/tests/test_border.css
+++ /dev/null
@@ -1,47 +0,0 @@
-.box {
-  width: 100px;
-  height: 80px;
-  background-color: #eee;
-  margin: 10px;
-  box-sizing: border-box;
-  display: inline-block;
-}
-.box-content {
-  background-color: #fff;
-  border: 1px solid #888;
-}
-.rounded.box {
-  border-radius: 20px;
-}
-.square.box {
-  width: 80px;
-  height: 80px;
-  border: 40px solid #000;
-  border-left-color: #f00;
-  border-right-color: #00f;
-}
-.rounded-2.box {
-  border-radius: 40px;
-}
-.box-1 {
-  border: 1px solid #000;
-}
-.box-2 {
-  border: 10px solid #000;
-}
-.box-3 {
-  border: 10px solid #000;
-  border-left: 20px solid #f00;
-}
-.box-4 {
-  border: 10px solid #000;
-  border-top: 20px solid #f00;
-}
-.box-5 {
-  border: 10px solid #000;
-  border-right: 20px solid #f00;
-}
-.box-6 {
-  border: 10px solid #000;
-  border-bottom: 20px solid #f00;
-}
diff --git a/tests/test_border.html b/tests/test_border.html
deleted file mode 100644
index cc1c3647b..000000000
--- a/tests/test_border.html
+++ /dev/null
@@ -1,40 +0,0 @@
-<html>
-  <head>
-    <title>border</title>
-    <link href="test_border.css" rel="stylesheet" />
-  </head>
-  <body>
-    <div class="content">
-        <div>
-          <div class="box"></div>
-          <div class="box box-1"></div>
-          <div class="box box-2"></div>
-          <div class="box box-3"></div>
-          <div class="box box-4"></div>
-          <div class="box box-5"></div>
-          <div class="box box-6"></div>
-          <div class="box square"></div>
-        </div>
-        <div>
-          <div class="rounded box"></div>
-          <div class="rounded box box-1"></div>
-          <div class="rounded box box-2"></div>
-          <div class="rounded box box-3"></div>
-          <div class="rounded box box-4"></div>
-          <div class="rounded box box-5"></div>
-          <div class="rounded box box-6"></div>
-          <div class="rounded square box"></div>
-        </div>
-        <div>
-          <div class="rounded-2 box"></div>
-          <div class="rounded-2 box box-1"></div>
-          <div class="rounded-2 box box-2"></div>
-          <div class="rounded-2 box box-3"></div>
-          <div class="rounded-2 box box-4"></div>
-          <div class="rounded-2 box box-5"></div>
-          <div class="rounded-2 box box-6"></div>
-          <div class="rounded-2 square box"></div>
-        </div>
-      </div>
-  </body>
-</html>
diff --git a/tests/test_border.xml b/tests/test_border.xml
deleted file mode 100644
index c89ed73ca..000000000
--- a/tests/test_border.xml
+++ /dev/null
@@ -1,150 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<lcui-app>
-<resource type="text/css" src="test_border.css"/>
-<ui>
-  <w class="content">
-    <w>
-      <w class="box"></w>
-      <w class="box box-1"></w>
-      <w class="box box-2"></w>
-      <w class="box box-3"></w>
-      <w class="box box-4"></w>
-      <w class="box box-5"></w>
-      <w class="box box-6"></w>
-      <w class="box square"></w>
-    </w>
-    <w>
-      <w class="rounded box">
-        <text class="box-content">
-          Box content 1
-        </text>
-        <text class="box-content">
-          Box content 2
-        </text>
-      </w>
-      <w class="rounded box box-1">
-        <text class="box-content">
-          Box content 1
-        </text>
-        <text class="box-content">
-          Box content 2
-        </text>
-      </w>
-      <w class="rounded box box-2">
-        <text class="box-content">
-          Box content 1
-        </text>
-        <text class="box-content">
-          Box content 2
-        </text>
-      </w>
-      <w class="rounded box box-3">
-        <text class="box-content">
-          Box content 1
-        </text>
-        <text class="box-content">
-          Box content 2
-        </text>
-      </w>
-      <w class="rounded box box-4">
-        <text class="box-content">
-          Box content 1
-        </text>
-        <text class="box-content">
-          Box content 2
-        </text>
-      </w>
-      <w class="rounded box box-5">
-        <text class="box-content">
-          Box content 1
-        </text>
-        <text class="box-content">
-          Box content 2
-        </text>
-      </w>
-      <w class="rounded box box-6">
-        <text class="box-content">
-          Box content 1
-        </text>
-        <text class="box-content">
-          Box content 2
-        </text>
-      </w>
-      <w class="rounded square box">
-        <text class="box-content">
-          Box content 1
-        </text>
-        <text class="box-content">
-          Box content 2
-        </text>
-      </w>
-    </w>
-    <w>
-      <w class="rounded-2 box">
-        <text class="box-content">
-          Box content 1
-        </text>
-        <text class="box-content">
-          Box content 2
-        </text>
-      </w>
-      <w class="rounded-2 box box-1">
-        <text class="box-content">
-          Box content 1
-        </text>
-        <text class="box-content">
-          Box content 2
-        </text>
-      </w>
-      <w class="rounded-2 box box-2">
-        <text class="box-content">
-          Box content 1
-        </text>
-        <text class="box-content">
-          Box content 2
-        </text>
-      </w>
-      <w class="rounded-2 box box-3">
-        <text class="box-content">
-          Box content 1
-        </text>
-        <text id="debug" class="box-content">
-          Box content 2
-        </text>
-      </w>
-      <w class="rounded-2 box box-4">
-        <text class="box-content">
-          Box content 1
-        </text>
-        <text class="box-content">
-          Box content 2
-        </text>
-      </w>
-      <w class="rounded-2 box box-5">
-        <text class="box-content">
-          Box content 1
-        </text>
-        <text class="box-content">
-          Box content 2
-        </text>
-      </w>
-      <w class="rounded-2 box box-6">
-        <text class="box-content">
-          Box content 1
-        </text>
-        <text class="box-content">
-          Box content 2
-        </text>
-      </w>
-      <w class="rounded-2 square box">
-        <text class="box-content">
-          Box content 1
-        </text>
-        <text class="box-content">
-          Box content 2
-        </text>
-      </w>
-    </w>
-  </w>
-</ui>
-</lcui-app>
diff --git a/tests/test_box_shadow.c b/tests/test_box_shadow.c
deleted file mode 100644
index e2fe213da..000000000
--- a/tests/test_box_shadow.c
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * tests/test_box_shadow.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <LCUI.h>
-#include <ui_xml.h>
-#include <ptk/main.h>
-
-int main(void)
-{
-	int ret = 0;
-	ui_widget_t *box;
-
-	lcui_init();
-	box = ui_load_xml_file("test_box_shadow.xml");
-	if (!box) {
-		lcui_destroy();
-		return ret;
-	}
-	ui_root_append(box);
-	ui_widget_unwrap(box);
-	return lcui_main();
-}
diff --git a/tests/test_box_shadow.css b/tests/test_box_shadow.css
deleted file mode 100644
index b636eb977..000000000
--- a/tests/test_box_shadow.css
+++ /dev/null
@@ -1,46 +0,0 @@
-
-.box {
-  width: 100px;
-  height: 80px;
-  margin: 10px;
-  box-sizing: border-box;
-  display: inline-block;
-  background-color: #eee;
-  border: 1px solid #f00;
-  box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
-}
-.box-content {
-  background-color: #fff;
-  border: 1px solid #888;
-}
-.shadow-container {
-  padding: 0 0 30px 0;
-}
-.shadow-2 .box {
-  box-shadow: 15px 15px 8px rgba(0, 0, 0, 0.8);
-}
-.shadow-3 .box {
-  box-shadow: 30px 30px 8px rgba(0, 0, 0, 0.8);
-}
-.rounded.box {
-  border-radius: 20px;
-}
-.rounded-2.box {
-  border-radius: 40px;
-}
-.rounded-3.box {
-  border-top-left-radius: 40px;
-  border-top-right-radius: 30px;
-  border-bottom-right-radius: 20px;
-  border-bottom-left-radius: 10px;
-}
-.rounded-4.box {
-  border-top-left-radius: 10px;
-  border-top-right-radius: 40px;
-  border-bottom-right-radius: 10px;
-  border-bottom-left-radius: 40px;
-}
-.square.box {
-  width: 80px;
-  height: 80px;
-}
diff --git a/tests/test_box_shadow.html b/tests/test_box_shadow.html
deleted file mode 100644
index ad5bb44b6..000000000
--- a/tests/test_box_shadow.html
+++ /dev/null
@@ -1,34 +0,0 @@
-<html>
-  <head>
-    <title>border</title>
-    <link href="test_box_shadow.css" rel="stylesheet" />
-  </head>
-  <body>
-    <div class="content">
-      <div>
-        <div class="box"></div>
-        <div class="box rounded"></div>
-        <div class="box square rounded"></div>
-        <div class="box square rounded-2"></div>
-        <div class="box rounded-3"></div>
-        <div class="box rounded-4"></div>
-      </div>
-      <div class="shadow-2">
-        <div class="box"></div>
-        <div class="box rounded"></div>
-        <div class="box square rounded"></div>
-        <div class="box square rounded-2"></div>
-        <div class="box rounded-3"></div>
-        <div class="box rounded-4"></div>
-      </div>
-      <div class="shadow-3">
-        <div class="box"></div>
-        <div class="box rounded"></div>
-        <div class="box square rounded"></div>
-        <div class="box square rounded-2"></div>
-        <div class="box rounded-3"></div>
-        <div class="box rounded-4"></div>
-      </div>
-    </div>
-  </body>
-</html>
diff --git a/tests/test_box_shadow.xml b/tests/test_box_shadow.xml
deleted file mode 100644
index d3eeb633a..000000000
--- a/tests/test_box_shadow.xml
+++ /dev/null
@@ -1,32 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<lcui-app>
-<resource type="text/css" src="test_box_shadow.css"/>
-<ui>
-  <w class="content">
-    <w class="shadow-container">
-      <w class="box" />
-      <w class="box rounded" />
-      <w class="box square rounded" />
-      <w class="box square rounded-2" />
-      <w class="box rounded-3" />
-      <w class="box rounded-4" />
-    </w>
-    <w class="shadow-container shadow-2">
-      <w class="box" />
-      <w class="box rounded" />
-      <w class="box square rounded" />
-      <w class="box square rounded-2" />
-      <w class="box rounded-3" />
-      <w class="box rounded-4" />
-    </w>
-    <w class="shadow-container shadow-3">
-      <w class="box" />
-      <w class="box rounded" />
-      <w class="box square rounded" />
-      <w class="box square rounded-2" />
-      <w class="box rounded-3" />
-      <w class="box rounded-4" />
-    </w>
-  </w>
-</ui>
-</lcui-app>
diff --git a/tests/test_char_render.c b/tests/test_char_render.c
deleted file mode 100644
index ab0b2426e..000000000
--- a/tests/test_char_render.c
+++ /dev/null
@@ -1,57 +0,0 @@
-/*
- * tests/test_char_render.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <LCUI.h>
-#include <pandagl.h>
-
-int main(void)
-{
-	int ret, fid;
-	pd_canvas_t img;
-	pd_font_bitmap_t bmp;
-	pd_pos_t pos = { 25, 25 };
-	pd_color_t bg = pd_rgb(240, 240, 240);
-	pd_color_t color = pd_rgb(255, 0, 0);
-
-	/* 初始化字体处理功能 */
-	pd_font_library_init();
-
-	/* 创建一个画布，并填充背景为灰色 */
-	pd_canvas_init(&img);
-	pd_canvas_create(&img, 100, 100);
-	pd_canvas_fill(&img, bg);
-
-	/* 载入字体文件 */
-	ret = pd_font_library_load_file("C:/Windows/fonts/simsun.ttc");
-	while (ret == 0) {
-		/* 获取字体ID */
-		fid = pd_font_library_get_font_id("SimSun", 0, 0);
-		if (fid < 0) {
-			break;
-		}
-		/* 渲染对应的文字位图，大小为 48 像素 */
-		ret = pd_font_library_render_bitmap(&bmp, L'字', fid, 48);
-		if (ret != 0) {
-			break;
-		}
-		/* 绘制红色文字到图像上 */
-		pd_canvas_mix_font_bitmap(&img, pos, &bmp, color);
-		pd_write_png_file("test_char_render.png", &img);
-		/* 释放内存资源 */
-		pd_font_bitmap_destroy(&bmp);
-		pd_canvas_destroy(&img);
-		break;
-	}
-
-	/* 释放字体处理功能相关资源 */
-	pd_font_library_destroy();
-	return ret;
-}
diff --git a/tests/test_css_parser.css b/tests/test_css_parser.css
deleted file mode 100644
index fdfb3d69f..000000000
--- a/tests/test_css_parser.css
+++ /dev/null
@@ -1,58 +0,0 @@
-.window .content .btn text {
-	width: 100px;
-}
-.window .content .btn .text {
-	height: 60px;
-}
-.window text {
-	position: absolute;
-}
-#test-text {
-	top: 12px;
-}
-.text {
-	left: 20px;
-}
-.window .content .btn:hover text {
-	background-color: #f00;
-}
-.window .content .btn:hover .text {
-	background-size: contain;
-}
-
-#test-flex-auto {
-	flex: auto;
-}
-
-#test-flex-none {
-	flex: none;
-}
-
-#test-flex-initial {
-	flex: initial;
-}
-
-#test-flex-1 {
-	flex: 1;
-}
-
-#test-flex-100px {
-	flex: 100px;
-}
-
-#test-flex-1-100px {
-	flex: 1 100px;
-}
-
-#test-flex-0-0-100px {
-	flex: 0 0 100px;
-}
-
-#test-flex-box {
-	flex: 0 0 auto;
-	flex-flow: column nowrap;
-	justify-content: center;
-	justify-items: center;
-	align-items: flex-end;
-	align-content: flex-end;
-}
diff --git a/tests/test_css_parser.xml b/tests/test_css_parser.xml
deleted file mode 100644
index cfc006f85..000000000
--- a/tests/test_css_parser.xml
+++ /dev/null
@@ -1,21 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<lcui-app>
-<resource type="text/css" src="test_css_parser.css"/>
-<ui>
-  <w id="test-window" class="window">
-    <w class="content">
-      <w id="test-flex-auto"></w>
-      <w id="test-flex-none"></w>
-      <w id="test-flex-initial"></w>
-      <w id="test-flex-1"></w>
-      <w id="test-flex-100px"></w>
-      <w id="test-flex-1-100px"></w>
-      <w id="test-flex-0-0-100px"></w>
-      <w id="test-flex-box"></w>
-      <w id="test-btn" class="btn">
-        <w id="test-text" type="text" class="text">test</w>
-      </w>
-    </w>
-  </w>
-</ui>
-</lcui-app>
diff --git a/tests/test_fill_rect.c b/tests/test_fill_rect.c
deleted file mode 100644
index 716ccfab1..000000000
--- a/tests/test_fill_rect.c
+++ /dev/null
@@ -1,39 +0,0 @@
-/*
- * tests/test_fill_rect.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <LCUI.h>
-#include <pandagl.h>
-
-int main(void)
-{
-	int i, j;
-	pd_canvas_t canvas;
-	pd_color_t color;
-	pd_rect_t rect;
-
-	pd_canvas_init(&canvas);
-	pd_canvas_create(&canvas, 150, 150);
-	for (i = 0; i < 6; ++i) {
-		for (j = 0; j < 6; ++j) {
-			color.red = (unsigned char)(255 - 42.5 * i);
-			color.green = (unsigned char)(255 - 42.5 * j);
-			color.blue = 0;
-			rect.x = j * 25;
-			rect.y = i * 25;
-			rect.width = 25;
-			rect.height = 25;
-			pd_canvas_fill_rect(&canvas, color, rect);
-		}
-	}
-	pd_write_png_file("test_fill_rect.png", &canvas);
-	pd_canvas_destroy(&canvas);
-	return 0;
-}
diff --git a/tests/test_fill_rect_with_rgba.c b/tests/test_fill_rect_with_rgba.c
deleted file mode 100644
index 64084919d..000000000
--- a/tests/test_fill_rect_with_rgba.c
+++ /dev/null
@@ -1,56 +0,0 @@
-/*
- * tests/test_fill_rect_with_rgba.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <LCUI.h>
-#include <pandagl.h>
-#include <stdio.h>
-
-int main(void)
-{
-	int i, j;
-	pd_canvas_t canvas;
-	pd_canvas_t fore_canvas;
-	pd_color_t color;
-	pd_rect_t rect;
-
-	pd_canvas_init(&canvas);
-	pd_canvas_init(&fore_canvas);
-	pd_canvas_create(&canvas, 160, 160);
-	// 画背景
-	rect.x = 0;
-	rect.y = 0;
-	rect.width = 160;
-	rect.height = 40;
-	pd_canvas_fill_rect(&canvas, pd_rgb(255, 221, 0), rect);
-	rect.y += 40;
-	pd_canvas_fill_rect(&canvas, pd_rgb(102, 204, 0), rect);
-	rect.y += 40;
-	pd_canvas_fill_rect(&canvas, pd_rgb(0, 153, 255), rect);
-	rect.y += 40;
-	pd_canvas_fill_rect(&canvas, pd_rgb(255, 51, 0), rect);
-	color.red = 255;
-	color.green = 255;
-	color.blue = 255;
-	fore_canvas.color_type = PD_COLOR_TYPE_ARGB;
-	pd_canvas_create(&fore_canvas, 15, 30);
-	// 画半透明矩形
-	for (i = 0; i < 10; ++i) {
-		color.alpha = (unsigned char)(255 * (i + 1) / 10.0);
-		pd_canvas_fill(&fore_canvas, color);
-		for (j = 0; j < 4; ++j) {
-			pd_canvas_mix(&canvas, &fore_canvas, 5 + i * 15, 5 + j * 40, true);
-		}
-	}
-	pd_write_png_file("test_fill_rect_with_rgba.png", &canvas);
-	pd_canvas_destroy(&fore_canvas);
-	pd_canvas_destroy(&canvas);
-	return 0;
-}
diff --git a/tests/test_flex_layout.c b/tests/test_flex_layout.c
deleted file mode 100644
index 4d41cdc72..000000000
--- a/tests/test_flex_layout.c
+++ /dev/null
@@ -1,21 +0,0 @@
-/*
- * tests/test_flex_layout.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#define PREVIEW_MODE
-#include "./cases/test_flex_layout.c"
-#include <ptk/main.h>
-
-int main(int argc, char **argv)
-{
-	logger_set_level(LOGGER_LEVEL_ALL);
-	test_flex_layout();
-	return lcui_main();
-}
diff --git a/tests/test_flex_layout.html b/tests/test_flex_layout.html
deleted file mode 100644
index 046413f08..000000000
--- a/tests/test_flex_layout.html
+++ /dev/null
@@ -1,359 +0,0 @@
-<html>
-  <head>
-    <title>flex layout</title>
-    <link href="./test_flex_layout.css" rel="stylesheet" type="text/css">
-  </head>
-  <body>
-    <div class="container">
-      <div class="example">
-        <div class="example__title">(0) Default</div>
-        <div class="example__content d-flex">
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-        </div>
-      </div>
-      <div class="example">
-        <div class="example__title">(1) justify-content: center;</div>
-        <div class="example__content d-flex justify-content-center">
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-        </div>
-      </div>
-      <div class="example">
-        <div class="example__title">(2) justify-content: flex-end;</div>
-        <div class="example__content d-flex justify-content-end">
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-        </div>
-      </div>
-      <div class="example">
-        <div class="example__title">(3) justify-content: space-between;</div>
-        <div class="example__content d-flex justify-content-space-between">
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-        </div>
-      </div>
-      <div class="example">
-        <div class="example__title">(4) justify-content: space-around;</div>
-        <div class="example__content d-flex justify-content-space-around">
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-        </div>
-      </div>
-      <div class="example">
-        <div class="example__title">(5) Auto margin</div>
-        <div class="example__content d-flex justify-content-center">
-          <div class="box mr-auto">mr-auto</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box ml-auto">ml-auto</div>
-        </div>
-      </div>
-      <div class="example">
-        <div class="example__title">(6) flex-shrink</div>
-        <div class="example__content d-flex">
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box w-3">width: 150px</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box w-2">width: 100px</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box w-4">width: 200px</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-        </div>
-      </div>
-      <div class="example">
-        <div class="example__title">(7) flex-grow</div>
-        <div class="example__content d-flex">
-          <div class="box flex-auto">auto</div>
-          <div class="box flex-auto">auto</div>
-          <div class="box flex-auto">auto</div>
-        </div>
-        <div class="example__content d-flex">
-          <div class="box flex-auto">auto</div>
-          <div class="box flex-initial">initial</div>
-          <div class="box flex-initial">initial</div>
-        </div>
-        <div class="example__content d-flex">
-          <div class="box flex-auto">auto</div>
-          <div class="box flex-auto">auto</div>
-          <div class="box flex-none">none</div>
-        </div>
-        <div class="example__content d-flex">
-          <div class="box flex-initial">initial</div>
-          <div class="box flex-auto">auto</div>
-          <div class="box flex-auto">auto</div>
-        </div>
-        <div class="example__content d-flex">
-          <div class="box flex-4">flex: 4</div>
-          <div class="box flex-2">flex: 2</div>
-          <div class="box flex-1">flex: 1</div>
-        </div>
-      </div>
-      <div class="example">
-        <div class="example__title">(8) flex-wrap: wrap;</div>
-        <div class="example__content d-flex felx-wrap">
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box w-3">width: 150px</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box w-2">width: 100px</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box w-4">width: 200px</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-        </div>
-      </div>
-      <div class="example">
-        <div class="example__title">(9) flex-wrap: wrap; height: 300px;</div>
-        <div class="example__content d-flex felx-wrap h-6">
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box w-3">width: 150px</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box w-2">width: 100px</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box w-4">width: 200px</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-        </div>
-      </div>
-      <div class="example">
-        <div class="example__title">(10) align-items: center; height: 300px;</div>
-        <div class="example__content d-flex felx-wrap h-6 align-items-center">
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box w-3">width: 150px</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box w-2">width: 100px</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box w-4">width: 200px</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-        </div>
-      </div>
-      <div class="example">
-        <div class="example__title">(11) align-items: end; height: 300px;</div>
-        <div class="example__content d-flex felx-wrap h-6 align-items-end">
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box w-3">width: 150px</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box w-2">width: 100px</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box w-4">width: 200px</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-        </div>
-      </div>
-      <div class="example">
-        <div class="example__title">(12) align-items: stretch; height: 300px;</div>
-        <div class="example__content d-flex felx-wrap h-6 align-items-stretch">
-          <div class="h-auto box">h-auto</div>
-          <div class="h-auto box">h-auto</div>
-          <div class="h-auto box">h-auto</div>
-          <div class="box"></div>
-          <div class="box w-3">width: 150px</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box w-2">width: 100px</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box w-4">width: 200px</div>
-          <div class="h-auto box">h-auto</div>
-          <div class="h-auto box">h-auto</div>
-          <div class="h-auto box">h-auto</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="h-auto box">h-auto</div>
-          <div class="h-auto box">h-auto</div>
-          <div class="box"></div>
-          <div class="box"></div>
-        </div>
-      </div>
-      <div class="example">
-        <div class="example__title">(13) Vertically Centered Layout</div>
-        <div class="example__content d-flex h-6 justify-content-center align-items-center">
-          <div class="box"></div>
-        </div>
-      </div>
-      <div class="example">
-        <div class="example__title">(14) flex-direction: column;</div>
-        <div class="example__content d-flex flex-direction-column felx-wrap h-4">
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box w-3">width: 150px</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box w-2">width: 100px</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box w-4">width: 200px</div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-          <div class="box"></div>
-        </div>
-      </div>
-      <div class="example example-holy-grail-layout">
-        <div class="example__title">(15) Holy Grail Layout</div>
-        <div class="example__content">
-          <div class="box w-auto layout__header">Header</div>
-          <div class="layout__body">
-            <div class="box layout__left">Left</div>
-            <div class="box w-auto layout__center">Center</div>
-            <div class="box layout__right">Right</div>
-          </div>
-          <div class="box w-auto layout__footer">Footer</div>
-        </div>
-      </div>
-      <div class="example example-holy-grail-layout">
-        <div class="example__title">(16) Holy Grail Layout (height: 300px)</div>
-        <div class="example__content h-6">
-          <div class="box w-auto layout__header">Header</div>
-          <div class="layout__body">
-            <div class="box layout__left">Left</div>
-            <div class="box w-auto layout__center">Center</div>
-            <div class="box layout__right">Right</div>
-          </div>
-          <div class="box w-auto layout__footer">Footer</div>
-        </div>
-      </div>
-      <div class="example example-browser">
-        <div class="example__title">(17) Browser Layout</div>
-        <div class="example__content h-6">
-          <div class="v-browser">
-            <div class="v-browser__tabbar">
-              <div class="c-frame-tab active">
-                <div class="c-frame-tab__icon"></div>
-                <div class="c-frame-tab__text">Tab 1</div>
-                <div class="c-frame-tab__close">X</div>
-              </div>
-              <div class="c-frame-tab">
-                <div class="c-frame-tab__icon"></div>
-                <div class="c-frame-tab__text">Tab 2</div>
-                <div class="c-frame-tab__close">X</div>
-              </div>
-              <div class="c-frame-tab">
-                <div class="c-frame-tab__icon"></div>
-                <div class="c-frame-tab__text">Tab 3</div>
-                <div class="c-frame-tab__close">X</div>
-              </div>
-              <div class="c-frame-tab">
-                <div class="c-frame-tab__icon"></div>
-                <div class="c-frame-tab__text">Tab 4</div>
-                <div class="c-frame-tab__close">X</div>
-              </div>
-              <div class="c-frame-tab">
-                <div class="c-frame-tab__icon"></div>
-                <div class="c-frame-tab__text">Tab 5</div>
-                <div class="c-frame-tab__close">X</div>
-              </div>
-              <div class="v-browser__btn-add-tab">+</div>
-            </div>
-            <div class="v-frame">
-              <div class="v-frame__navbar c-navbar">
-                Navbar
-              </div>
-              <div class="v-frame__client">
-                <div class="v-frame__content">
-                  <div class="v-home">
-                    <div class="container">
-                      <div class="box"></div>
-                      <div class="box"></div>
-                      <div class="box"></div>
-                      <div class="box"></div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </body>
-</html>
diff --git a/tests/test_image_scaling_bench.c b/tests/test_image_scaling_bench.c
deleted file mode 100644
index 4eeb41014..000000000
--- a/tests/test_image_scaling_bench.c
+++ /dev/null
@@ -1,57 +0,0 @@
-/*
- * tests/test_image_scaling_bench.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <stdlib.h>
-#include <stdbool.h>
-#include <stdio.h>
-#include <LCUI.h>
-#include <ui.h>
-#include <ui_xml.h>
-#include <pandagl.h>
-
-int main(int argc, char **argv)
-{
-	int i;
-	int64_t t0, t1, t2;
-	int resx[] = { 480, 960, 1280, 1366, 1920, 2560, 3840 }, resy;
-	char s_res[32], s_t0[32], s_t1[32];
-
-	pd_canvas_t g_src, g_dst;
-	pd_color_t t_color;
-
-	pd_canvas_init(&g_src);
-	g_src.color_type = PD_COLOR_TYPE_ARGB;
-	if (pd_canvas_create(&g_src, 960, 540) < 0) {
-		return -2;
-	}
-	t_color.value = 0xffaa5500;
-	pd_canvas_fill(&g_src, t_color);
-	logger_info("%-20s%-20s%s\n", "image size\\method", "Graph_Zoom()",
-		    "Graph_ZoomBilinear()");
-	for (i = 0; i < sizeof(resx) / sizeof(int); i++) {
-		resy = resx[i] * 9 / 16;
-		t0 = get_time_ms();
-		pd_canvas_init(&g_dst);
-		pd_canvas_zoom(&g_src, &g_dst, false, resx[i], resy);
-		pd_canvas_destroy(&g_dst);
-		t1 = get_time_ms();
-		pd_canvas_init(&g_dst);
-		pd_canvas_zoom_bilinear(&g_src, &g_dst, false, resx[i], resy);
-		pd_canvas_destroy(&g_dst);
-		t2 = get_time_ms();
-		sprintf(s_res, "%dx%d", resx[i], resy);
-		sprintf(s_t0, "%ldms", (int)(t1 - t0));
-		sprintf(s_t1, "%ldms", (int)(t2 - t1));
-		logger_info("%-20s%-20s%-20s\n", s_res, s_t0, s_t1);
-	}
-	pd_canvas_destroy(&g_src);
-	return 0;
-}
diff --git a/tests/test_mix_rect_with_opacity.c b/tests/test_mix_rect_with_opacity.c
deleted file mode 100644
index ab095ee7f..000000000
--- a/tests/test_mix_rect_with_opacity.c
+++ /dev/null
@@ -1,56 +0,0 @@
-/*
- * tests/test_mix_rect_with_opacity.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <LCUI.h>
-#include <pandagl.h>
-
-int main(void)
-{
-	int i, size;
-	pd_canvas_t canvas;
-	pd_canvas_t fore_canvas;
-	pd_rect_t rect;
-
-	pd_canvas_init(&canvas);
-	pd_canvas_init(&fore_canvas);
-	pd_canvas_create(&canvas, 150, 150);
-	// 画背景
-	rect.x = 0;
-	rect.y = 0;
-	rect.width = 75;
-	rect.height = 75;
-	pd_canvas_fill_rect(&canvas, pd_rgb(255, 221, 0), rect);
-	rect.x = 75;
-	pd_canvas_fill_rect(&canvas, pd_rgb(102, 204, 0), rect);
-	rect.x = 0;
-	rect.y = 75;
-	pd_canvas_fill_rect(&canvas, pd_rgb(0, 153, 255), rect);
-	rect.x = 75;
-	pd_canvas_fill_rect(&canvas, pd_rgb(255, 51, 0), rect);
-	// 设置前景的 opacity 值
-	fore_canvas.opacity = 0.2f;
-	// 仅当色彩模式为 ARGB 时 opacity 属性才会生效
-	fore_canvas.color_type = PD_COLOR_TYPE_ARGB;
-	for (i = 0; i < 7; ++i) {
-		size = 2 * (10 + 10 * i);
-		// 使用新尺寸重新创建前景图
-		pd_canvas_create(&fore_canvas, size, size);
-		// 重新填充颜色
-		pd_canvas_fill(&fore_canvas, pd_rgb(255, 255, 255));
-		// 将前景图混合到背景图中
-		pd_canvas_mix(&canvas, &fore_canvas, 75 - size / 2, 75 - size / 2,
-			  false);
-	}
-	pd_write_png_file("test_mix_rect_with_opacity.png", &canvas);
-	pd_canvas_destroy(&fore_canvas);
-	pd_canvas_destroy(&canvas);
-	return 0;
-}
diff --git a/tests/test_paint_background.c b/tests/test_paint_background.c
deleted file mode 100644
index 7b93bd1dc..000000000
--- a/tests/test_paint_background.c
+++ /dev/null
@@ -1,156 +0,0 @@
-/*
- * tests/test_paint_background.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <LCUI.h>
-#include <pandagl.h>
-
-int test_paint_background_color(void)
-{
-	pd_canvas_t canvas;
-	pd_color_t gray = pd_rgb(240, 240, 240);
-	pd_color_t green = pd_rgb(102, 204, 0);
-	pd_rect_t rect = { 200, 100, 400, 300 };
-	pd_background_t bg = { 0 };
-	pd_context_t* ctx;
-
-	pd_canvas_init(&canvas);
-	pd_canvas_create(&canvas, 800, 600);
-	pd_canvas_fill(&canvas, gray);
-	// 设置背景色
-	bg.color = green;
-	// 创建绘制上下文
-	ctx = pd_context_create(&canvas, &rect);
-	// 绘制背景
-	pd_paint_background(ctx, &bg, &rect);
-	pd_write_png_file("test_paint_background_color.png", &canvas);
-	pd_context_destroy(ctx);
-	pd_canvas_destroy(&canvas);
-	return 0;
-}
-
-int test_paint_background_image(void)
-{
-	pd_canvas_t canvas;
-	pd_canvas_t image;
-	pd_color_t gray = pd_rgb(240, 240, 240);
-	pd_color_t green = pd_rgb(102, 204, 0);
-	pd_rect_t rect = { 200, 100, 400, 300 };
-	pd_background_t bg = { 0 };
-	pd_context_t* ctx;
-
-	pd_canvas_init(&canvas);
-	pd_canvas_init(&image);
-	pd_canvas_create(&canvas, 800, 600);
-	pd_canvas_fill(&canvas, gray);
-	// 读取背景图片
-	if (pd_read_image_from_file("test_image_reader.png", &image) != 0) {
-		return -1;
-	}
-	// 设置背景色
-	bg.color = green;
-	// 设置背景图
-	bg.image = &image;
-	bg.width = image.width;
-	bg.height = image.height;
-	// 创建绘制上下文
-	ctx = pd_context_create(&canvas, &rect);
-	// 绘制背景
-	pd_paint_background(ctx, &bg, &rect);
-	pd_write_png_file("test_paint_background_image.png", &canvas);
-	pd_context_destroy(ctx);
-	pd_canvas_destroy(&image);
-	pd_canvas_destroy(&canvas);
-	return 0;
-}
-
-int test_paint_background_image_with_size(void)
-{
-	pd_canvas_t canvas;
-	pd_canvas_t image;
-	pd_color_t gray = pd_rgb(240, 240, 240);
-	pd_color_t green = pd_rgb(102, 204, 0);
-	pd_rect_t rect = { 200, 100, 400, 300 };
-	pd_background_t bg = { 0 };
-	pd_context_t* ctx;
-
-	pd_canvas_init(&canvas);
-	pd_canvas_init(&image);
-	pd_canvas_create(&canvas, 800, 600);
-	pd_canvas_fill(&canvas, gray);
-	// 读取背景图片
-	if (pd_read_image_from_file("test_image_reader.png", &image) != 0) {
-		return -1;
-	}
-	// 设置背景色
-	bg.color = green;
-	// 设置背景图
-	bg.image = &image;
-	// 将背景图设置成与背景区域相同的尺寸
-	bg.width = rect.width;
-	bg.height = rect.height;
-	// 创建绘制上下文
-	ctx = pd_context_create(&canvas, &rect);
-	// 绘制背景
-	pd_paint_background(ctx, &bg, &rect);
-	pd_write_png_file("test_paint_background_image_with_size.png", &canvas);
-	pd_context_destroy(ctx);
-	pd_canvas_destroy(&image);
-	pd_canvas_destroy(&canvas);
-	return 0;
-}
-
-int test_paint_background_image_with_position(void)
-{
-	pd_canvas_t canvas;
-	pd_canvas_t image;
-	pd_color_t gray = pd_rgb(240, 240, 240);
-	pd_color_t green = pd_rgb(102, 204, 0);
-	pd_rect_t rect = { 200, 100, 400, 300 };
-	pd_background_t bg = { 0 };
-	pd_context_t* ctx;
-
-	pd_canvas_init(&canvas);
-	pd_canvas_init(&image);
-	pd_canvas_create(&canvas, 800, 600);
-	pd_canvas_fill(&canvas, gray);
-	// 读取背景图片
-	if (pd_read_image_from_file("test_image_reader.png", &image) != 0) {
-		return -1;
-	}
-	// 设置背景色
-	bg.color = green;
-	// 设置背景图
-	bg.image = &image;
-	bg.width = image.width;
-	bg.height = image.height;
-	// 让背景图居中
-	bg.x = (rect.width - image.width) / 2;
-	bg.y = (rect.height - image.height) / 2;
-	// 创建绘制上下文
-	ctx = pd_context_create(&canvas, &rect);
-	// 绘制背景
-	pd_paint_background(ctx, &bg, &rect);
-	pd_write_png_file("test_paint_background_image_with_position.png",
-			  &canvas);
-	pd_context_destroy(ctx);
-	pd_canvas_destroy(&image);
-	pd_canvas_destroy(&canvas);
-	return 0;
-}
-
-int main(void)
-{
-	test_paint_background_color();
-	test_paint_background_image();
-	test_paint_background_image_with_size();
-	test_paint_background_image_with_position();
-	return 0;
-}
diff --git a/tests/test_paint_border.c b/tests/test_paint_border.c
deleted file mode 100644
index 132224399..000000000
--- a/tests/test_paint_border.c
+++ /dev/null
@@ -1,98 +0,0 @@
-/*
- * tests/test_paint_border.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <LCUI.h>
-#include <pandagl.h>
-
-int paint_background(pd_context_t* ctx, pd_rect_t* box)
-{
-	pd_canvas_t image;
-	pd_color_t green = pd_rgb(102, 204, 0);
-	pd_background_t bg = { 0 };
-
-	pd_canvas_init(&image);
-	// 读取背景图片
-	if (pd_read_image_from_file("test_image_reader.png", &image) != 0) {
-		return -1;
-	}
-	// 设置背景色
-	bg.color = green;
-	// 设置背景图
-	bg.image = &image;
-	bg.width = image.width;
-	bg.height = image.height;
-	// 让背景图居中
-	bg.x = (box->width - image.width) / 2;
-	bg.y = (box->height - image.height) / 2;
-	// 绘制背景
-	pd_paint_background(ctx, &bg, box);
-	pd_canvas_destroy(&image);
-	return 0;
-}
-
-void paint_border(pd_context_t* ctx, pd_rect_t* box)
-{
-	pd_border_t border = { 0 };
-	pd_color_t black = pd_rgb(0, 0, 0);
-
-	border.top.color = black;
-	border.top.style = CSS_KEYWORD_SOLID;
-	border.top.width = 4;
-	border.right.color = black;
-	border.right.style = CSS_KEYWORD_SOLID;
-	border.right.width = 4;
-	border.bottom.color = black;
-	border.bottom.style = CSS_KEYWORD_SOLID;
-	border.bottom.width = 4;
-	border.left.color = black;
-	border.left.style = CSS_KEYWORD_SOLID;
-	border.left.width = 4;
-	border.top_left_radius = 32;
-	border.top_right_radius = 32;
-	border.bottom_left_radius = 32;
-	border.bottom_right_radius = 32;
-	pd_paint_border(ctx, &border, box);
-}
-
-int main(void)
-{
-	int border_size = 4;
-
-	pd_canvas_t canvas;
-	pd_canvas_t layer;
-	pd_color_t gray = pd_rgb(240, 240, 240);
-	pd_rect_t border_box = { 0, 0, 400, 300 };
-	pd_rect_t bg_box = { border_box.x + border_size,
-			     border_box.y + border_size,
-			     border_box.width - border_size * 2,
-			     border_box.height - border_size * 2 };
-	pd_rect_t layer_rect = { 0, 0, border_box.width, border_box.height };
-	pd_context_t* paint;
-
-	pd_canvas_init(&canvas);
-	pd_canvas_create(&canvas, 800, 600);
-	pd_canvas_fill(&canvas, gray);
-
-	pd_canvas_init(&layer);
-	layer.color_type = PD_COLOR_TYPE_ARGB;
-	pd_canvas_create(&layer, layer_rect.width, layer_rect.height);
-
-	// 创建绘制上下文
-	paint = pd_context_create(&layer, &layer_rect);
-	paint->with_alpha = true;
-	paint_background(paint, &bg_box);
-	paint_border(paint, &border_box);
-	pd_canvas_mix(&canvas, &layer, (canvas.width - layer_rect.width) / 2,
-		      (canvas.height - layer_rect.height) / 2, false);
-	pd_write_png_file("test_paint_border.png", &canvas);
-	pd_canvas_destroy(&canvas);
-	return 0;
-}
diff --git a/tests/test_paint_boxshadow.c b/tests/test_paint_boxshadow.c
deleted file mode 100644
index ae37ff265..000000000
--- a/tests/test_paint_boxshadow.c
+++ /dev/null
@@ -1,134 +0,0 @@
-/*
- * tests/test_paint_boxshadow.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <LCUI.h>
-#include <pandagl.h>
-
-int paint_background(pd_context_t* ctx, pd_rect_t* box)
-{
-	pd_canvas_t image;
-	pd_color_t green = pd_rgb(102, 204, 0);
-	pd_background_t bg = { 0 };
-
-	pd_canvas_init(&image);
-	// 读取背景图片
-	if (pd_read_image_from_file("test_image_reader.png", &image) != 0) {
-		return -1;
-	}
-	// 设置背景色
-	bg.color = green;
-	// 设置背景图
-	bg.image = &image;
-	bg.width = image.width;
-	bg.height = image.height;
-	// 让背景图居中
-	bg.x = (box->width - image.width) / 2;
-	bg.y = (box->height - image.height) / 2;
-	// 绘制背景
-	pd_paint_background(ctx, &bg, box);
-	pd_canvas_destroy(&image);
-	return 0;
-}
-
-void paint_border(pd_context_t* ctx, pd_rect_t* box, int size, int radius)
-{
-	pd_border_t border = { 0 };
-	pd_color_t black = pd_rgb(0, 0, 0);
-
-	border.top.color = black;
-	border.top.style = CSS_KEYWORD_SOLID;
-	border.top.width = size;
-	border.right.color = black;
-	border.right.style = CSS_KEYWORD_SOLID;
-	border.right.width = size;
-	border.bottom.color = black;
-	border.bottom.style = CSS_KEYWORD_SOLID;
-	border.bottom.width = size;
-	border.left.color = black;
-	border.left.style = CSS_KEYWORD_SOLID;
-	border.left.width = size;
-	border.top_left_radius = radius;
-	border.top_right_radius = radius;
-	border.bottom_left_radius = radius;
-	border.bottom_right_radius = radius;
-	pd_paint_border(ctx, &border, box);
-}
-
-int main(void)
-{
-	int border_size = 4;
-	int border_radius = 32;
-	int width = 800;
-	int height = 600;
-
-	pd_canvas_t canvas;
-	pd_canvas_t layer;
-	pd_color_t gray = pd_rgb(240, 240, 240);
-	pd_boxshadow_t shadow = { .x = 0,
-				  .y = 0,
-				  .blur = 40,
-				  .spread = 0,
-				  .color = pd_argb(150, 0, 0, 0),
-				  .top_left_radius = border_radius,
-				  .top_right_radius = border_radius,
-				  .bottom_left_radius = border_radius,
-				  .bottom_right_radius = border_radius };
-	pd_rect_t shadow_box;
-	pd_rect_t border_box;
-	pd_rect_t bg_box;
-	pd_rect_t layer_rect;
-	pd_context_t* ctx;
-
-	pd_canvas_init(&canvas);
-	pd_canvas_create(&canvas, width, height);
-	pd_canvas_fill(&canvas, gray);
-
-	// 设置居中的背景区域
-	bg_box.width = 400;
-	bg_box.height = 300;
-	bg_box.x = (width - bg_box.width) / 2;
-	bg_box.y = (height - bg_box.height) / 2;
-	// 基于背景区域，计算边框区域
-	border_box.x = bg_box.x - border_size;
-	border_box.y = bg_box.y - border_size;
-	border_box.width = bg_box.width + border_size * 2;
-	border_box.height = bg_box.height + border_size * 2;
-	// 基于边框区域，计算阴影区域
-	pd_get_boxshadow_canvas_rect(&shadow, &border_box, &shadow_box);
-
-	// 创建一个临时绘制层
-	pd_canvas_init(&layer);
-	layer_rect.x = 0;
-	layer_rect.y = 0;
-	layer_rect.width = shadow_box.width;
-	layer_rect.height = shadow_box.height;
-	layer.color_type = PD_COLOR_TYPE_ARGB;
-	pd_canvas_create(&layer, layer_rect.width, layer_rect.height);
-
-	// 基于临时绘制层创建绘制上下文
-	ctx = pd_context_create(&layer, &layer_rect);
-	ctx->with_alpha = true;
-	// 将背景区域和边框区域的坐标转换成相对于阴影区域
-	bg_box.x -= shadow_box.x;
-	bg_box.y -= shadow_box.y;
-	border_box.x -= shadow_box.x;
-	border_box.y -= shadow_box.y;
-	paint_background(ctx, &bg_box);
-	paint_border(ctx, &border_box, border_size, border_radius);
-	pd_paint_boxshadow(ctx, &shadow, &layer_rect, border_box.width,
-			   border_box.height);
-
-	// 将临时绘制层混合到画布中
-	pd_canvas_mix(&canvas, &layer, shadow_box.x, shadow_box.y, false);
-	pd_write_png_file("test_paint_boxshadow.png", &canvas);
-	pd_canvas_destroy(&canvas);
-	return 0;
-}
diff --git a/tests/test_pixel_manipulation.c b/tests/test_pixel_manipulation.c
deleted file mode 100644
index a3fb2e08d..000000000
--- a/tests/test_pixel_manipulation.c
+++ /dev/null
@@ -1,84 +0,0 @@
-/*
- * tests/test_pixel_manipulation.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <math.h>
-#include <LCUI.h>
-
-#define PixelManipulationBegin                                   \
-	int x, y;                                                \
-	pd_color_t pixel;                                        \
-                                                                 \
-	for (y = rect.y; y < rect.y + rect.height; ++y) {        \
-		for (x = rect.x; x < rect.x + rect.width; ++x) { \
-			pixel = pd_canvas_get_pixel(graph, x, y);
-
-#define PixelManipulationEnd                     \
-	pd_canvas_set_pixel(graph, x, y, pixel); \
-	}                                        \
-	}
-
-void invert(pd_canvas_t *graph, pd_rect_t rect)
-{
-	PixelManipulationBegin;
-	pixel.red = (unsigned char)(255 - pixel.red);
-	pixel.green = (unsigned char)(255 - pixel.green);
-	pixel.blue = (unsigned char)(255 - pixel.blue);
-	PixelManipulationEnd;
-}
-
-void grayscale(pd_canvas_t *graph, pd_rect_t rect)
-{
-	unsigned char avg;
-
-	PixelManipulationBegin;
-	avg = (unsigned char)((pixel.red + pixel.green + pixel.blue) / 3);
-	pixel.red = avg;
-	pixel.green = avg;
-	pixel.blue = avg;
-	PixelManipulationEnd;
-}
-
-void sepia(pd_canvas_t *graph, pd_rect_t rect)
-{
-	PixelManipulationBegin;
-	pixel.red = (unsigned char)y_min(
-	    round(0.393 * pixel.red + 0.769 * pixel.green + 0.189 * pixel.blue),
-	    255);
-	pixel.green = (unsigned char)y_min(
-	    round(0.349 * pixel.red + 0.686 * pixel.green + 0.168 * pixel.blue),
-	    255);
-	pixel.blue = (unsigned char)y_min(
-	    round(0.272 * pixel.red + 0.534 * pixel.green + 0.131 * pixel.blue),
-	    255);
-	PixelManipulationEnd;
-}
-
-int main(void)
-{
-	int i;
-	pd_canvas_t graph = { 0 };
-	pd_rect_t rects[4];
-
-	if (pd_read_image_from_file("dog.jpg", &graph) != 0) {
-		return -1;
-	}
-	for (i = 0; i < 4; ++i) {
-		rects[i].height = graph.height;
-		rects[i].width = graph.width / 4;
-		rects[i].x = i * rects[i].width;
-		rects[i].y = 0;
-	}
-	sepia(&graph, rects[1]);
-	grayscale(&graph, rects[2]);
-	invert(&graph, rects[3]);
-	pd_write_png_file("test_pixel_manipulation.png", &graph);
-	return 0;
-}
diff --git a/tests/test_render.c b/tests/test_render.c
deleted file mode 100644
index 724cce960..000000000
--- a/tests/test_render.c
+++ /dev/null
@@ -1,171 +0,0 @@
-/*
- * tests/test_render.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <time.h>
-#include <stdlib.h>
-#include <stdio.h>
-#include <LCUI.h>
-#include <ptk/main.h>
-
-#define SCREEN_WIDTH 1600
-#define SCREEN_HEIGHT 900
-#define BLOCK_COUNT 60
-
-static struct TestStatus {
-	size_t color_index;
-	unsigned int fps;
-	ui_widget_t* box;
-} self;
-
-void UpdateWidgetStyle(ui_widget_t* w, void* arg)
-{
-	size_t index;
-	pd_color_t color;
-
-	index = w->index % BLOCK_COUNT + w->index / BLOCK_COUNT;
-	index = ((index + self.color_index) * 256 / BLOCK_COUNT) % 512;
-	color.red = 255;
-	color.green = (unsigned char)(index > 255 ? 511 - index : index);
-	color.blue = 0;
-	color.alpha = 255;
-	ui_widget_set_style_color_value(w, css_prop_background_color,
-					color.value);
-}
-
-void UpdateFrame(void* arg)
-{
-	ui_widget_each(arg, UpdateWidgetStyle, NULL);
-}
-
-void UpdateRenderStatus(void* arg)
-{
-	char str[32];
-
-	sprintf(str, "[size=24px]FPS: %d[/size]", self.fps);
-	ui_text_set_content(arg, str);
-	self.fps = 0;
-}
-
-void InitModal(void)
-{
-	ui_widget_t* dimmer;
-	ui_widget_t* dialog;
-
-	dimmer = ui_create_widget(NULL);
-	dialog = ui_create_widget(NULL);
-	ui_widget_resize(dialog, 400, 400);
-	ui_widget_set_style_string(dialog, "margin", "100px auto");
-	ui_widget_set_style_string(dialog, "border-radius", "6px");
-	ui_widget_set_style_string(dialog, "opacity", "0.9");
-	ui_widget_set_style_string(dialog, "box-shadow",
-				   "0 4px 8px rgba(0,0,0,0.4)");
-	ui_widget_set_style_string(dialog, "background-color", "#fff");
-
-	ui_widget_set_style_string(dimmer, "top", "0");
-	ui_widget_set_style_string(dimmer, "left", "0");
-	ui_widget_set_style_string(dimmer, "width", "100%");
-	ui_widget_set_style_string(dimmer, "height", "100%");
-	ui_widget_set_style_string(dimmer, "position", "absolute");
-	ui_widget_set_style_string(dimmer, "background-color",
-				   "rgba(0,0,0,0.5)");
-
-	ui_widget_append(dimmer, dialog);
-	ui_widget_append(ui_root(), dimmer);
-}
-
-void InitBackground(void)
-{
-	size_t i;
-	size_t c;
-	size_t n = BLOCK_COUNT;
-	ui_widget_t* w;
-	ui_widget_t* root;
-	pd_color_t color;
-	ui_widget_rules_t rules = { 0 };
-	const float width = SCREEN_WIDTH * 1.0f / n;
-	const float height = SCREEN_HEIGHT * 1.0f / n;
-
-	color.red = 255;
-	color.green = 0;
-	color.blue = 0;
-	color.alpha = 255;
-	root = ui_root();
-	self.box = ui_create_widget(NULL);
-	for (i = 0; i < n * n; ++i) {
-		if (i % n == 0) {
-			++self.color_index;
-		}
-		w = ui_create_widget(NULL);
-		c = ((i % n + i / n) * 256 / n) % 512;
-		color.green = (unsigned char)(c > 255 ? 511 - c : c);
-		ui_widget_resize(w, width, height);
-		ui_widget_set_style_string(w, "display", "inline-block");
-		ui_widget_set_style_color_value(w, css_prop_background_color,
-						color.value);
-		ui_widget_append(self.box, w);
-	}
-	rules.cache_children_style = true;
-	rules.ignore_classes_change = true;
-	rules.ignore_status_change = true;
-	rules.max_update_children_count = -1;
-	rules.max_render_children_count = 0;
-	ui_widget_generate_hash(self.box);
-	ui_widget_set_rules(self.box, &rules);
-	ui_widget_append(root, self.box);
-}
-
-void InitRenderStatus(void)
-{
-	ui_widget_t* root;
-	ui_widget_t* status;
-
-	root = ui_root();
-	status = ui_create_widget("text");
-	ui_widget_set_style_string(status, "top", "10px");
-	ui_widget_set_style_string(status, "right", "10px");
-	ui_widget_set_style_string(status, "position", "absolute");
-	ui_widget_set_style_string(status, "background", "#000");
-	ui_widget_set_style_string(status, "color", "#fff");
-	ui_widget_set_style_string(status, "padding", "10px 15px");
-	ui_widget_append(root, status);
-	UpdateRenderStatus(status);
-	ptk_set_interval(1000, UpdateRenderStatus, status);
-}
-
-int main(int argc, char* argv[])
-{
-	size_t i;
-	int64_t t;
-
-	logger_set_level(LOGGER_LEVEL_WARNING);
-	lcui_init();
-	ui_widget_resize(ui_root(), SCREEN_WIDTH, SCREEN_HEIGHT);
-	InitBackground();
-	InitModal();
-	InitRenderStatus();
-	printf("running rendering performance test\n");
-	t = get_time_ms();
-	self.color_index = 0;
-	for (i = 0; i < 600; ++i) {
-		UpdateFrame(self.box);
-		lcui_process_timers();
-		lcui_ui_update();
-		lcui_ui_render();
-		ptk_app_present();
-		++self.fps;
-		++self.color_index;
-	}
-	t = get_time_delta(t);
-	logger_warning(
-	    "rendered %zu frames in %.2lfs, rendering speed is %.2lf fps\n", i,
-	    t / 1000.f, i * 1000.f / t);
-	return 0;
-}
diff --git a/tests/test_scaling_support.c b/tests/test_scaling_support.c
deleted file mode 100644
index 1b7303b97..000000000
--- a/tests/test_scaling_support.c
+++ /dev/null
@@ -1,81 +0,0 @@
-/*
- * tests/test_scaling_support.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <stdlib.h>
-#include <LCUI.h>
-#include <ui_xml.h>
-#include <ptk/main.h>
-
-enum { TYPE_DENSITY, TYPE_SCALED_DENSITY, TYPE_SCALE };
-
-static void OnButtonClick(ui_widget_t *w, ui_event_t *e, void *arg)
-{
-        int *data = e->data;
-        switch (data[0]) {
-        case TYPE_DENSITY:
-                ui_set_density_level(data[1]);
-                break;
-        case TYPE_SCALED_DENSITY:
-                ui_set_scaled_density_level(data[1]);
-                break;
-        case TYPE_SCALE:
-                ui_set_scale(data[1] / 100.0f);
-                break;
-        }
-        ui_refresh_style();
-}
-
-static void SetButton(const char *id, int type, int level)
-{
-        int *data;
-        ui_widget_t *btn;
-        data = malloc(sizeof(int) * 2);
-        data[0] = type;
-        data[1] = level;
-        btn = ui_get_widget(id);
-        ui_widget_add_event_listener(btn, "click", OnButtonClick, data, free);
-}
-
-static void InitButtons(void)
-{
-        SetButton("btn-density-small", TYPE_DENSITY, UI_DENSITY_LEVEL_SMALL);
-        SetButton("btn-density-normal", TYPE_DENSITY, UI_DENSITY_LEVEL_NORMAL);
-        SetButton("btn-density-large", TYPE_DENSITY, UI_DENSITY_LEVEL_LARGE);
-        SetButton("btn-density-big", TYPE_DENSITY, UI_DENSITY_LEVEL_BIG);
-        SetButton("btn-scaled-density-small", TYPE_SCALED_DENSITY,
-                  UI_DENSITY_LEVEL_SMALL);
-        SetButton("btn-scaled-density-normal", TYPE_SCALED_DENSITY,
-                  UI_DENSITY_LEVEL_NORMAL);
-        SetButton("btn-scaled-density-large", TYPE_SCALED_DENSITY,
-                  UI_DENSITY_LEVEL_LARGE);
-        SetButton("btn-scaled-density-big", TYPE_SCALED_DENSITY,
-                  UI_DENSITY_LEVEL_BIG);
-        SetButton("btn-scale-small", TYPE_SCALE, 75);
-        SetButton("btn-scale-normal", TYPE_SCALE, 100);
-        SetButton("btn-scale-large", TYPE_SCALE, 150);
-        SetButton("btn-scale-big", TYPE_SCALE, 200);
-}
-
-int main(int argc, char **argv)
-{
-        ui_widget_t *pack;
-
-        lcui_init();
-        pack = ui_load_xml_file("test_scaling_support.xml");
-        if (!pack) {
-                return -1;
-        }
-        ui_refresh_style();
-        ui_root_append(pack);
-        ui_widget_unwrap(pack);
-        InitButtons();
-        return lcui_main();
-}
diff --git a/tests/test_scaling_support.css b/tests/test_scaling_support.css
deleted file mode 100644
index 5c8781fae..000000000
--- a/tests/test_scaling_support.css
+++ /dev/null
@@ -1,49 +0,0 @@
-.text-box {
-    border: 1px solid #eee;
-    background: #f0f0f0;
-    display: inline-block;
-    margin-right: 10px;
-    padding: 5px 10px;
-    white-space: nowrap;
-}
-.image {
-    width: 91px;
-    height: 69px;
-    border: 1px solid #eee;
-    background-image: url(test_image_reader.png);
-    background-size: contain;
-    margin: 5px 0;
-}
-.container {
-    padding: 5px 0;
-}
-.text-sp {
-    font-size: 18sp;
-}
-.box-px {
-    width:80px;
-    text-align: center;
-}
-.box-dp {
-    width: 80dp;
-    border-width: 5dp;
-    text-align: center;
-}
-.text-px {
-    font-size: 18px;
-}
-.text-pt {
-    font-size: 12pt;
-}
-.p {
-    display: block;
-    font-size: 14px;
-    margin: 10px 0;
-}
-button {
-    margin-right: 10px;
-}
-root {
-    padding: 20px;
-    box-sizing: border-box;
-}
diff --git a/tests/test_scaling_support.xml b/tests/test_scaling_support.xml
deleted file mode 100644
index 555c0b348..000000000
--- a/tests/test_scaling_support.xml
+++ /dev/null
@@ -1,40 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<lcui-app>
-  <resource type="text/css" src="test_scaling_support.css"/>
-  <ui>
-    <widget class="image"></widget>
-    <widget class="container">
-      <widget id="edit" type="textinput">Hello, World!</widget>
-    </widget>
-    <widget class="container">
-      <widget type="text" class="text-box box-px">width: 80px</widget>
-      <widget type="text" class="text-box box-dp">width: 80dp</widget>
-    </widget>
-    <widget class="container">
-      <widget type="text" class="text-box text-sp">font size: 18sp</widget>
-      <widget type="text" class="text-box text-px">font size: 18px</widget>
-      <widget type="text" class="text-box text-pt">font size: 12pt</widget>
-    </widget>
-    <widget type="text" class="p">Density level: </widget>
-    <widget class="container">
-      <widget type="button" id="btn-density-small">Small</widget>
-      <widget type="button" id="btn-density-normal">Normal</widget>
-      <widget type="button" id="btn-density-large">Large</widget>
-      <widget type="button" id="btn-density-big">Big</widget>
-    </widget>
-    <widget type="text" class="p">Scaled density level: </widget>
-    <widget class="container">
-      <widget type="button" id="btn-scaled-density-small">Small</widget>
-      <widget type="button" id="btn-scaled-density-normal">Normal</widget>
-      <widget type="button" id="btn-scaled-density-large">Large</widget>
-      <widget type="button" id="btn-scaled-density-big">Big</widget>
-    </widget>
-    <widget type="text" class="p" id="debug-text">Scale level: </widget>
-    <widget class="container">
-      <widget type="button" id="btn-scale-small">Small</widget>
-      <widget type="button" id="btn-scale-normal">Normal</widget>
-      <widget type="button" id="btn-scale-large">Large</widget>
-      <widget type="button" id="btn-scale-big">Big</widget>
-    </widget>
-  </ui>
-</lcui-app>
diff --git a/tests/test_scrollbar.c b/tests/test_scrollbar.c
deleted file mode 100644
index 1822afde4..000000000
--- a/tests/test_scrollbar.c
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * tests/test_scrollbar.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#define PREVIEW_MODE
-#include "./cases/test_scrollbar.c"
-#include <ptk/main.h>
-
-int main(int argc, char **argv)
-{
-	lcui_init();
-	ui_widget_resize(ui_root(), 800, 640);
-	ui_load_css_string(test_css, __FILE__);
-	/* We have two ways to build content view */
-	build_content_view_from_xml();
-	build_content_view();
-	return lcui_main();
-}
diff --git a/tests/test_string_render.c b/tests/test_string_render.c
deleted file mode 100644
index 7442f598b..000000000
--- a/tests/test_string_render.c
+++ /dev/null
@@ -1,52 +0,0 @@
-/*
- * tests/test_string_render.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <LCUI.h>
-#include <pandagl.h>
-
-int main(void)
-{
-	int ret;
-	pd_canvas_t img;
-	pd_pos_t pos = { 0, 80 };
-	pd_rect_t area = { 0, 0, 320, 240 };
-	pd_text_t* txt = pd_text_create();
-	pd_text_style_t txtstyle;
-
-	/* 初始化字体处理功能 */
-	pd_font_library_init();
-
-	/* 创建一个图像，并使用灰色填充 */
-	pd_canvas_init(&img);
-	pd_canvas_create(&img, 320, 240);
-	pd_canvas_fill(&img, pd_rgb(240, 240, 240));
-
-	/* 设置文本的字体大小 */
-	pd_text_style_Init(&txtstyle);
-	txtstyle.pixel_size = 24;
-	txtstyle.has_pixel_size = true;
-
-	/* 设置文本图层的固定尺寸、文本样式、文本内容、对齐方式 */
-	pd_text_set_fixed_size(txt, 320, 240);
-	pd_text_set_style(txt, &txtstyle);
-	pd_text_set_align(txt, PD_TEXT_ALIGN_CENTER);
-	pd_text_write(txt, L"这是一段测试文本\nHello, World!", NULL);
-	pd_text_update(txt, NULL);
-
-	/* 将文本图层绘制到图像中，然后将图像写入至 png 文件中 */
-	pd_text_render_to(txt, area, pos, &img);
-	ret = pd_write_png_file("test_string_render.png", &img);
-	pd_canvas_destroy(&img);
-
-	/* 释放字体处理功能相关资源 */
-	pd_font_library_destroy();
-	return ret;
-}
diff --git a/tests/test_text_resize.c b/tests/test_text_resize.c
deleted file mode 100644
index 4ec40d007..000000000
--- a/tests/test_text_resize.c
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
- * tests/test_text_resize.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#define PREVIEW_MODE
-#include "./cases/test_text_resize.c"
-#include <ptk/main.h>
-
-int main(int argc, char *argv[])
-{
-	lcui_init();
-
-	build();
-	ptk_set_timeout(2000, test_text_set_content, NULL);
-	ptk_set_timeout(3000, test_text_set_short_content_css, NULL);
-	ptk_set_timeout(4000, test_text_set_long_content_css, NULL);
-
-	return lcui_main();
-}
diff --git a/tests/test_touch.c b/tests/test_touch.c
deleted file mode 100644
index d94a2f7a9..000000000
--- a/tests/test_touch.c
+++ /dev/null
@@ -1,110 +0,0 @@
-/*
- * tests/test_touch.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-/** test_touch.c -- test touch support */
-
-#include <stdio.h>
-#include <stdlib.h>
-#include <LCUI.h>
-#include <pandagl.h>
-
-/** 触点绑定记录 */
-typedef struct TouchPointBindingRec_ {
-	int point_id;        /**< 触点 ID */
-	ui_widget_t *widget; /**< 部件 */
-	list_node_t node;    /**< 在链表中的结点 */
-	bool is_valid;  /**< 是否有效 */
-} TouchPointBindingRec, *TouchPointBinding;
-
-/** 触点绑定记录列表 */
-static list_t touch_bindings;
-
-static void OnTouchWidget(ui_widget_t *w, ui_event_t *e, void *arg)
-{
-	ui_touch_point_t *point;
-	TouchPointBinding binding;
-
-	if (e->touch.n_points == 0) {
-		return;
-	}
-	binding = e->data;
-	point = &e->touch.points[0];
-	switch (point->state) {
-	case UI_EVENT_TOUCHMOVE:
-		ui_widget_move(w, point->x - 32.0f, point->y - 32.0f);
-		break;
-	case UI_EVENT_TOUCHUP:
-		if (!binding->is_valid) {
-			break;
-		}
-		/* 当触点释放后销毁部件及绑定记录 */
-		ui_widget_release_touch_capture(w, -1);
-		list_unlink(&touch_bindings, &binding->node);
-		binding->is_valid = false;
-		ui_widget_remove(w);
-		free(binding);
-		break;
-	case UI_EVENT_TOUCHDOWN:
-	default:
-		break;
-	}
-}
-
-static void OnTouch(ptk_event_t *e, void *arg)
-{
-	int i;
-	ui_widget_t *w;
-	list_node_t *node;
-	touch_point_t *point;
-	pd_color_t bgcolor = pd_rgb(255, 0, 0);
-
-	for (i = 0; i < e->touch.n_points; ++i) {
-		TouchPointBinding binding;
-		bool is_existed = false;
-		point = &e->touch.points[i];
-		_DEBUG_MSG("point: %d\n", point->id);
-		/* 检查该触点是否已经被绑定 */
-		for (list_each(node, &touch_bindings)) {
-			binding = node->data;
-			if (binding->point_id == point->id) {
-				is_existed = true;
-			}
-		}
-		if (is_existed) {
-			continue;
-		}
-		w = ui_create_widget(NULL);
-		/* 新建绑定记录 */
-		binding = malloc(sizeof(TouchPointBindingRec));
-		binding->point_id = point->id;
-		binding->node.data = binding;
-		binding->is_valid = true;
-		binding->widget = w;
-		ui_widget_resize(w, 64, 64);
-		ui_widget_move(w, point->x - 32.0f, point->y - 32.0f);
-		/* 设置让该部件捕获当前触点 */
-		ui_widget_set_touch_capture(w, binding->point_id);
-		ui_widget_on(w, "touch", OnTouchWidget, binding, NULL);
-		ui_widget_set_style_string(w, "position", "absolute");
-		ui_widget_set_style_color_value(w, css_prop_background_color,
-						bgcolor.value);
-		list_append_node(&touch_bindings, &binding->node);
-		ui_root_append(w);
-	}
-}
-
-int main(int argc, char **argv)
-{
-	lcui_init();
-	list_create(&touch_bindings);
-	ptk_on_event(PTK_EVENT_TOUCH, OnTouch, NULL);
-	return lcui_main();
-}
diff --git a/tests/test_widget.c b/tests/test_widget.c
deleted file mode 100644
index a67be2c19..000000000
--- a/tests/test_widget.c
+++ /dev/null
@@ -1,65 +0,0 @@
-/*
- * tests/test_widget.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <stdio.h>
-#include <time.h>
-#include <ui.h>
-#include <LCUI/widgets/text.h>
-
-int main(void)
-{
-	clock_t c;
-	size_t i, n = 100000;
-	double sec;
-
-	ui_widget_t *box, *w;
-
-	ui_init();
-	box = ui_create_widget(NULL);
-
-	c = clock();
-	logger_debug("start create %zu widgets...\n", n);
-	ui_widget_append(ui_root(), box);
-	for (i = 0; i < n; ++i) {
-		w = ui_create_widget("text");
-		ui_text_set_content_w(w, L"hello, test");
-		ui_widget_append(box, w);
-	}
-	sec = (clock() - c) * 1.0 / CLOCKS_PER_SEC;
-	logger_debug("%zu widgets have been created, which took %gs\n", n, sec);
-	logger_debug("it should take less than 1s\n");
-
-	logger_debug("start update %zu widgets...\n", n);
-	c = clock();
-	ui_update();
-	ui_update();
-	sec = (clock() - c) * 1.0 / CLOCKS_PER_SEC;
-	logger_debug("%zu widgets have been updated, which took %gs\n", n, sec);
-	logger_debug("it should take less than 6s\n");
-
-	logger_debug("start remove %zu widgets...\n", n);
-	c = clock();
-	ui_widget_empty(box);
-	sec = (clock() - c) * 1.0 / CLOCKS_PER_SEC;
-	logger_debug("%zu widgets have been removed, which took %gs\n", n, sec);
-	logger_debug("it should take less than 0.5s\n");
-
-	logger_debug("start destroy %zu widgets...\n", n);
-	c = clock();
-	ui_update();
-	sec = (clock() - c) * 1.0 / CLOCKS_PER_SEC;
-	logger_debug("%zu widgets have been destroyed, which took %gs\n", n,
-		     sec);
-	logger_debug("it should take less than 1s\n");
-
-	ui_destroy();
-	return 0;
-}
diff --git a/tests/test_widget_opacity.c b/tests/test_widget_opacity.c
deleted file mode 100644
index 67e4378b0..000000000
--- a/tests/test_widget_opacity.c
+++ /dev/null
@@ -1,55 +0,0 @@
-/*
- * tests/test_widget_opacity.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#define PREVIEW_MODE
-#include <ptk/main.h>
-#include "./cases/test_widget_opacity.c"
-
-static void on_opacity_minus(ui_widget_t *w, ui_event_t *e, void *arg)
-{
-	wchar_t str[32];
-	float opacity = self.parent->computed_style.opacity - 0.1f;
-
-	if (opacity < 0.1f) {
-		opacity = 0.1f;
-	}
-	swprintf(str, 32, L"%.1f", opacity);
-	ui_widget_set_style_numeric_value(self.parent, css_prop_opacity,
-					  opacity);
-	ui_text_set_content_w(self.text, str);
-}
-
-static void on_opacity_plus(ui_widget_t *w, ui_event_t *e, void *arg)
-{
-	wchar_t str[32];
-	float opacity = self.parent->computed_style.opacity + 0.1f;
-
-	if (opacity > 1.0f) {
-		opacity = 1.0f;
-	}
-	swprintf(str, 32, L"%.1f", opacity);
-	ui_widget_set_style_numeric_value(self.parent, css_prop_opacity,
-					  opacity);
-	ui_text_set_content_w(self.text, str);
-}
-
-int main(int argc, char **argv)
-{
-	ui_widget_t *btn_plus, *btn_minus;
-
-	lcui_init();
-	build();
-	btn_plus = ui_get_widget("btn-plus");
-	btn_minus = ui_get_widget("btn-minus");
-	ui_widget_on(btn_plus, "click", on_opacity_plus, NULL);
-	ui_widget_on(btn_minus, "click", on_opacity_minus, NULL);
-	return lcui_main();
-}
diff --git a/tests/test_widget_render.c b/tests/test_widget_render.c
deleted file mode 100644
index 83387fcfa..000000000
--- a/tests/test_widget_render.c
+++ /dev/null
@@ -1,60 +0,0 @@
-/*
- * tests/test_widget_render.c
- *
- * Copyright (c) 2023, Liu Chao <i@lc-soft.io> All rights reserved.
- *
- * SPDX-License-Identifier: MIT
- *
- * This file is part of LCUI, distributed under the MIT License found in the
- * LICENSE.TXT file in the root directory of this source tree.
- */
-
-#include <LCUI.h>
-#include <pandagl.h>
-
-int main(void)
-{
-	int ret;
-	pd_canvas_t canvas;
-	ui_widget_t *root, *box, *txt;
-	pd_context_t paint;
-	pd_rect_t area = { 40, 40, 320, 240 };
-
-	lcui_init();
-
-	root = ui_create_widget(NULL);
-	box = ui_create_widget(NULL);
-	txt = ui_create_widget("text");
-
-	/* 创建一块灰色的画板 */
-	pd_canvas_init(&canvas);
-	pd_canvas_create(&canvas, 320, 240);
-	pd_canvas_fill(&canvas, pd_rgb(240, 240, 240));
-
-	/* 初始化一个绘制实例，绘制区域为整个画板 */
-	paint.with_alpha = false;
-	paint.rect.width = 320;
-	paint.rect.height = 320;
-	paint.rect.x = paint.rect.y = 0;
-	pd_canvas_quote(&paint.canvas, &canvas, &area);
-
-	/* 设定基本的样式和内容 */
-	ui_widget_set_style_string(box, "padding", "20px");
-	ui_widget_set_style_string(box, "border", "1px solid rgb(201,230,242)");
-	ui_widget_set_style_string(box, "background-color", "rgb(242,249,252)");
-	ui_text_set_content_w(txt, L"[size=24px]这是一段测试文本[/size]");
-	ui_widget_append(box, txt);
-	ui_widget_append(root, box);
-	/* 更新部件，此处的更新顺序必须是父级到子级 */
-	ui_widget_update(root);
-	ui_widget_update(box);
-	ui_widget_update(txt);
-
-	/* 渲染部件 */
-	ui_widget_render(box, &paint);
-	ret = pd_write_png_file("test_widget_render.png", &canvas);
-	pd_canvas_destroy(&canvas);
-
-	lcui_destroy();
-	return ret;
-}
diff --git a/tests/xmake.lua b/tests/xmake.lua
index 412795ae5..9a692de36 100644
--- a/tests/xmake.lua
+++ b/tests/xmake.lua
@@ -1,75 +1,12 @@
-add_deps("lcui")
-set_default(false)
-set_rundir("./")
-add_includedirs("./include")
-
-target("test_block_layout")
-    add_files("test_block_layout.c")
-    add_deps("ctest")
-
-target("test_border")
-    add_files("test_border.c")
-
-target("test_box_shadow")
-    add_files("test_box_shadow.c")
-
-target("test_char_render")
-    add_files("test_char_render.c")
-
-target("test_fill_rect")
-    add_files("test_fill_rect.c")
-
-target("test_fill_rect_with_rgba")
-    add_files("test_fill_rect_with_rgba.c")
-
-target("test_flex_layout")
-    add_files("test_flex_layout.c")
-    add_deps("ctest")
-
-target("test_image_scaling_bench")
-    add_files("test_image_scaling_bench.c")
-
-target("test_mix_rect_with_opacity")
-    add_files("test_mix_rect_with_opacity.c")
-
-target("test_paint_background")
-    add_files("test_paint_background.c")
-
-target("test_paint_border")
-    add_files("test_paint_border.c")
-
-target("test_paint_boxshadow")
-    add_files("test_paint_boxshadow.c")
-
-target("test_pixel_manipulation")
-    add_files("test_pixel_manipulation.c")
-
-target("test_render")
-    add_files("test_render.c")
-
-target("test_scaling_support")
-    add_files("test_scaling_support.c")
-
-target("test_scrollbar")
-    add_files("test_scrollbar.c")
-    add_deps("ctest")
-
-target("test_string_render")
-    add_files("test_string_render.c")
-
-target("test_text_resize")
-    add_files("test_text_resize.c")
-    add_deps("ctest")
-
-target("test_touch")
-    add_files("test_touch.c")
-
-target("test_widget")
-    add_files("test_widget.c")
-
-target("test_widget_opacity")
-    add_files("test_widget_opacity.c")
-    add_deps("ctest")
-
-target("test_widget_render")
-    add_files("test_widget_render.c")
+target("lcui-tests")
+    set_default(false)
+    set_kind("binary")
+    set_group("tests")
+    set_rundir("fixtures")
+    add_includedirs("helpers")
+    add_files("main.c", "integration/*.c", "scenes/*.c")
+    add_deps("lcui", "ctest")
+    add_rules("tests.runnable")
+    add_tests("default", {group = "tests"})
+
+includes("previews/xmake.lua")
diff --git a/xmake-requires.lock b/xmake-requires.lock
index f7674df84..0b97e9c6e 100644
--- a/xmake-requires.lock
+++ b/xmake-requires.lock
@@ -1,242 +1,312 @@
 {
-    __meta__ = {
-        version = "1.0"
-    },
     ["linux|x86_64"] = {
-        ["ca-certificates#31fecfc4"] = {
+        ["bison#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
-            version = "20240207"
+            version = "3.8.2"
         },
-        ["cmake#31fecfc4"] = {
+        ["ca-certificates#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
-            version = "3.28.3"
+            version = "20250131"
         },
-        ["expat#31fecfc4"] = {
+        ["cairo#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
                 url = "https://gitee.com/tboox/xmake-repo.git"
             },
-            version = "2.6.1"
+            version = "1.18.0"
         },
-        ["fontconfig#31fecfc4"] = {
+        ["cmake#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
-            version = "2.15.0"
+            version = "4.2.3"
         },
-        ["freetype#31fecfc4"] = {
+        ["expat#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
-            version = "26.1.20"
+            version = "2.7.4"
         },
-        ["freetype#8cb27d06"] = {
+        ["fontconfig#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
-            version = "26.1.20"
+            version = "2.17.1"
         },
-        ["gperf#31fecfc4"] = {
+        ["freetype#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
                 url = "https://gitee.com/tboox/xmake-repo.git"
             },
-            version = "3.1"
+            version = "2.14.1"
         },
-        ["libffi#f26e00a1"] = {
+        ["gperf#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
-            version = "3.4.6"
+            version = "3.2.1"
         },
-        ["libjpeg#31fecfc4"] = {
+        ["libffi#0b3b0fcf"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
+            },
+            version = "3.4.8"
+        },
+        ["libffi#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
+            },
+            version = "3.4.8"
+        },
+        ["libjpeg#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
             version = "v9f"
         },
-        ["libomp#31fecfc4"] = {
+        ["libomp#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
-            version = "12.0.1"
+            version = "19.1.0"
         },
-        ["libpng#31fecfc4"] = {
+        ["libpng#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
-            version = "1.6.43"
+            version = "v1.6.55"
         },
-        ["libpthread-stubs#31fecfc4"] = {
+        ["libpthread-stubs#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
-            version = "0.4"
+            version = "0.5"
         },
-        ["libx11#31fecfc4"] = {
+        ["libx11#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
-            version = "1.8.7"
+            version = "1.8.13"
         },
-        ["libxau#31fecfc4"] = {
+        ["libxau#16fb575b"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
-            version = "1.0.9"
+            version = "1.0.12"
         },
-        ["libxcb#31fecfc4"] = {
+        ["libxcb#16fb575b"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
-            version = "1.15"
+            version = "1.17.0"
         },
-        ["libxdmcp#31fecfc4"] = {
+        ["libxdmcp#16fb575b"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
-            version = "1.1.3"
+            version = "1.1.5"
         },
-        ["libxml2#31fecfc4"] = {
+        ["libxext#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
                 url = "https://gitee.com/tboox/xmake-repo.git"
             },
-            version = "2.9.14"
+            version = "1.3.7"
         },
-        ["libyaml#31fecfc4"] = {
+        ["libxml2#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
+            },
+            version = "v2.14.3"
+        },
+        ["libxrender#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
                 url = "https://gitee.com/tboox/xmake-repo.git"
             },
+            version = "0.9.12"
+        },
+        ["libyaml#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
+            },
             version = "0.2.5"
         },
-        ["meson#31fecfc4"] = {
+        ["m4#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
-            version = "1.3.2"
+            version = "1.4.19"
         },
-        ["ninja#31fecfc4"] = {
+        ["meson#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
-            version = "1.11.1"
+            version = "1.10.2"
         },
-        ["openssl >=1.1.1-a#31fecfc4"] = {
+        ["ninja#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
+            },
+            version = "v1.13.1"
+        },
+        ["openssl >=1.1.1-a#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
             version = "1.1.1-w"
         },
-        ["pkg-config#31fecfc4"] = {
+        ["pixman#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
                 url = "https://gitee.com/tboox/xmake-repo.git"
             },
-            version = "1.8.1"
+            version = "0.46.2"
         },
-        ["python 3.x#31fecfc4"] = {
+        ["pkg-config#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
-            version = "3.12.3"
+            version = "0.29.2"
         },
-        ["util-macros#31fecfc4"] = {
+        ["python 3.x#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
+            },
+            version = "3.13.11"
+        },
+        ["util-macros#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
             version = "1.20.0"
         },
-        ["xcb-proto#31fecfc4"] = {
+        ["wayland-cursor#f56260b5"] = {
+            version = "latest"
+        },
+        ["wayland#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
-            version = "1.16.0"
+            version = "1.24.0"
         },
-        ["xorgproto#31fecfc4"] = {
+        ["xcb-proto#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
-            version = "1.0"
+            version = "1.17.0"
+        },
+        ["xkbcommon#f56260b5"] = {
+            version = "latest"
         },
-        ["xtrans#31fecfc4"] = {
+        ["xorgproto#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
-            version = "1.4.0"
+            version = "2023.2"
         },
-        ["zlib#31fecfc4"] = {
+        ["xtrans#f56260b5"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
-            version = "v1.3.1"
+            version = "1.6.0"
         },
-        ["zlib#f26e00a1"] = {
+        ["zlib#0b3b0fcf"] = {
             repo = {
                 branch = "master",
-                commit = "d5382a3bab22616b1c5b0292a6ce460d116df916",
-                url = "https://gitee.com/tboox/xmake-repo.git"
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
             },
-            version = "v1.3.1"
+            version = "v1.3.2"
+        },
+        ["zlib#f56260b5"] = {
+            repo = {
+                branch = "master",
+                commit = "75c3fcffb897a8aeb37863c495b9f58266216b26",
+                url = "https://github.com/xmake-io/xmake-repo.git"
+            },
+            version = "v1.3.2"
         }
     },
+    __meta__ = {
+        version = "1.0"
+    },
     ["windows|x64"] = {
+        ["cairo#31fecfc4"] = {
+            repo = {
+                branch = "master",
+                commit = "c406b5487b71cbbdd7487b432e2d962409663cbe",
+                url = "https://gitee.com/tboox/xmake-repo.git"
+            },
+            version = "1.18.0"
+        },
         ["cmake#31fecfc4"] = {
             repo = {
                 branch = "master",
@@ -245,7 +315,23 @@
             },
             version = "3.30.5-msvc23"
         },
-        ["freetype#8cb27d06"] = {
+        ["expat#31fecfc4"] = {
+            repo = {
+                branch = "master",
+                commit = "c406b5487b71cbbdd7487b432e2d962409663cbe",
+                url = "https://gitee.com/tboox/xmake-repo.git"
+            },
+            version = "2.7.1"
+        },
+        ["fontconfig#31fecfc4"] = {
+            repo = {
+                branch = "master",
+                commit = "c406b5487b71cbbdd7487b432e2d962409663cbe",
+                url = "https://gitee.com/tboox/xmake-repo.git"
+            },
+            version = "2.14.2"
+        },
+        ["freetype#31fecfc4"] = {
             repo = {
                 branch = "master",
                 commit = "c406b5487b71cbbdd7487b432e2d962409663cbe",
@@ -253,6 +339,22 @@
             },
             version = "2.13.3"
         },
+        ["gperf#31fecfc4"] = {
+            repo = {
+                branch = "master",
+                commit = "c406b5487b71cbbdd7487b432e2d962409663cbe",
+                url = "https://gitee.com/tboox/xmake-repo.git"
+            },
+            version = "3.2.1"
+        },
+        ["libintl#31fecfc4"] = {
+            repo = {
+                branch = "master",
+                commit = "c406b5487b71cbbdd7487b432e2d962409663cbe",
+                url = "https://gitee.com/tboox/xmake-repo.git"
+            },
+            version = "0.22.3"
+        },
         ["libjpeg#31fecfc4"] = {
             repo = {
                 branch = "master",
@@ -309,6 +411,14 @@
             },
             version = "1.12.1"
         },
+        ["pixman#31fecfc4"] = {
+            repo = {
+                branch = "master",
+                commit = "c406b5487b71cbbdd7487b432e2d962409663cbe",
+                url = "https://gitee.com/tboox/xmake-repo.git"
+            },
+            version = "0.46.2"
+        },
         ["pkgconf#31fecfc4"] = {
             repo = {
                 branch = "master",
diff --git a/xmake.lua b/xmake.lua
index 768c83438..eec36c41f 100644
--- a/xmake.lua
+++ b/xmake.lua
@@ -19,11 +19,57 @@ add_includedirs(
     "lib/ui-server/include",
     "lib/ui-cursor/include",
     "lib/ui-xml/include",
+    "lib/ui-router/include",
     "include",
     {public = true}
 )
+
+option("memcheck")
+    set_default(false)
+    set_showmenu(true)
+    set_description("Enable memory check tools (drmemory on Windows, valgrind on Linux)")
+option_end()
+
+rule("tests.runnable")
+    on_test(function (target, opt)
+        import("core.base.option")
+        opt = opt or {}
+        local args = opt.runargs or {}
+        local rundir = opt.rundir or target:rundir()
+        local envs = opt.runenvs
+        local exec_opt = {curdir = rundir, envs = envs}
+        local exepath = path.absolute(target:targetfile())
+        if has_config("memcheck") then
+            local cmd
+            if is_plat("windows") then
+                cmd = {"drmemory", "--", exepath}
+            else
+                cmd = {"valgrind",
+                       "--leak-check=full",
+                       "--error-exitcode=42",
+                       "--num-callers=20",
+                       exepath}
+            end
+            for _, a in ipairs(args) do
+                table.insert(cmd, a)
+            end
+            local ok = try { function ()
+                os.execv(cmd[1], table.slice(cmd, 2), exec_opt)
+                return true
+            end }
+            return ok ~= nil, ok == nil and "memcheck failed" or nil
+        end
+        local ok = try { function ()
+            os.execv(exepath, args, exec_opt)
+            return true
+        end }
+        return ok ~= nil, ok == nil and "test failed" or nil
+    end)
+rule_end()
+
 includes("lib/*/xmake.lua")
 includes("tests/xmake.lua")
+includes("examples/xmake.lua")
 
 option("ci-env", {showmenu = true, default = false})
 
@@ -41,36 +87,6 @@ else
     end
 end
 
-target("lcui_tests")
-    set_default(false)
-    set_kind("binary")
-    set_rundir("tests")
-    add_includedirs("tests/include")
-    add_files("tests/run_tests.c", "tests/cases/*.c")
-    add_deps("ctest", "lcui")
-    on_run(function (target)
-        import("core.base.option")
-        local argv = {}
-        local options = {{nil, "memcheck",  "k",  nil, "enable memory check."}}
-        local args = option.raw_parse(option.get("arguments") or {}, options)
-        os.cd("$(scriptdir)/tests")
-        if args.memcheck then
-            if is_plat("windows") then
-                table.insert(argv, target:targetfile())
-                os.execv("drmemory", argv)
-            else
-                table.insert(argv, "valgrind")
-                table.insert(argv, "--leak-check=full")
-                table.insert(argv, "--error-exitcode=42")
-                table.insert(argv, "--num-callers=20")
-                table.insert(argv, target:targetfile())
-                os.execv("sudo", argv)
-            end
-        else
-            os.execv(target:targetfile())
-        end
-    end)
-
 target("lcui")
     set_kind("$(kind)")
     add_files("src/**.c")
@@ -96,6 +112,7 @@ target("lcui")
         "libui-cursor",
         "libui-server",
         "librouter",
+        "libui-router",
         "libui-xml"
     )
     add_headerfiles("include/LCUI.h", "include/(LCUI/**.h)")