App 设计资源提取包

来源：本机安装的 ** App 1.60.25.10**

• 安装目录：D:\Program Files\\App
• 安装器：D:\App_d34cddf401ef6209.exe（，1.0.0.56）
• 提取时间：2026-09-08

架构判定（实证）

组件	结论	证据
安装引导器	原生 Win32（自绘 UI）	依赖仅 gdiplus/win32/qimei.dll，无 Qt/Electron；内嵌 ZIP 资源包
主应用 UI	CEF 渲染的 Web 应用	依赖 %APPDATA%\\App\cef\CEF_App 完整 Chromium 缓存
主 UI 线上源	https://localhost/index.html	CEF 缓存 URL 命中 1145 次
主 UI 本地副本	App-offline-page/（build 202609032128）	与线上同源，已完整提取
辅助前端	https://localhost/tea-activity/*（Next.js）	CEF 缓存 URL

目录结构

App-design/
├── DESIGN-TOKENS.md            # 全量 CSS 变量/颜色/字体/圆角/阴影统计（491 变量）
├── DESIGN-TOKENS-MAIN-UI.md    # 主 UI 主题变量（:root / dark）+ 字体与图标清单
├── installer/                  # 安装器内嵌 ZIP 资源（5 个自绘布局 XML + 57 PNG 素材）
└── app/                        # 主应用 UI 构建产物（线上 app-ai-launcher-offline 同源）
    └── Application/1.60.2500.191/App-offline-page/
        ├── index.html          # 主入口（含 CEF/Electron 环境探测、零 FOUC 主题注入）
        ├── assets/             # 主 bundle：CSS/JS/SVG/字体（KaTeX、AvenirNext 等）
        ├── workbench/          # 工作台子应用（含 spritesheet、图片、wasm 解码器）
        └── cards/ordering-tea/ # 示例交互卡片（点奶茶流程：选店/下单/地址/隐私）

已核验的产品配色

• 产品主 UI 是黑白灰单色体系（#000×189、#fff×113、#0f0f0f×35、#2c2c2c×24、#666×15），详见 DESIGN-MAIN-UI-COLORS.md。
• --semi-ai-* 蓝紫渐变是打包的 Semi Design 库默认值，产品未使用（此前报告误判，已更正）。

设计要点（可直接参考）

• 字体：--font-family-base: "Noto Sans SC", "Inter", -apple-system, ...；自带 AvenirNext-DemiBold（数字）、KaTeX 数学字体族、EllipsisFix 修补字体。
• 圆角：--border-radius: 32px（大圆角卡片语言）。
• 阴影：--modal-box-shadow: 0px 24px 32px 0px rgba(0,0,0,.12)。
• 动效： PAG 动画（libpag.wasm + --pag-ratio 等比缩放变量体系），PAG 尺寸全部用 calc(宽 * var(--pag-ratio)) 表达，适配缩放。
• 主题：明暗双主题，通过 html.dark 覆盖变量；index.html 在 CSS 解析前同步注入主题，零 FOUC。
• 组件库：主 UI 使用 Semi Design 命名 token（--semi-*）+ 自研布局变量；图表部分为独立第三方 bundle。

使用注意

• 这些是 动画）。提取用于研究其设计系统、间距/圆角/动效参数是常见工程实践；直接把图标、字体、插画文件复制进对外产品存在版权风险，建议只借鉴 token 体系与交互结构，图形资产自行替换。
• app/ 是完整前端产物，可在本地静态服务器直接打开查看（index.html 依赖运行时注入的 App 环境，纯浏览器下可能降级显示）。