用途：用于构建产品落地页、营销站、产品展示页或带交互元素的文档站，适合部署到 GitHub Pages、Netlify 等静态托管；不适用于需要状态管理的复杂 Web 应用、服务端渲染页面或内部管理后台。
主要能力：提供完整 CSS 设计令牌（:root 变量、--accent-、--gradient-）、导航栏、Hero、功能卡片、代码块、提示气泡、标签页、主题切换、语言按钮、滚动显现与 i18n。核心文件为 design-system/design-system.css、design-system/app-template.js、design-system/components-reference.html 和 templates/landing-template.html。
使用方式：将上述三个文件复制到项目并保持同目录（模板按裸文件名引用）；从 components-reference.html 复制所需区块到线框模板；在 :root 中自定义颜色、字体与渐变；填入内容并按需配置 data-i18n；本地打开 index.html 逐项检查常见错误后交付。部署仅在明确要求时进行，需先检查现有仓库与 Pages 配置，验证线上内容后再报告公开地址。
限制：纯静态，无服务端渲染；提示气泡需 app-template.js 支持触屏，手写 CSS 需同时处理 :hover::after 与 .tooltip-active::after；容器 overflow:hidden 会裁剪提示气泡；需设置 viewport、html 的 data-theme，并注意主题闪烁与无 JS 回退。无障碍方面内置 :focus-visible、prefers-reduced-motion、.no-js 回退与 ARIA 标签，自定义后需自行验证对比度。具体收费、价格与平台支持暂未提供。