feat(web): 用代码与交互演示替换首页截图

[sonofmagic]

改动

首页案例截图缩小后难以辨认，也难以展示开发工具的能力。本次将 Hero 和三个项目区域改为可阅读代码与交互演示：调整颜色、圆角和间距会改变实际按钮样式，选择构建目标会更新配置与输出目录，选择组件会生成对应的 Registry 安装命令。

• Hero 的“样式 / 构建 / 组件”标签支持键盘导航；移动端先展示结果再展示代码。动效只响应操作，无自动轮播。
• 三个演示独立维护视图、预设和局部状态，Hero 与项目区复用实现，实例之间互不影响。首页不再依赖 showcase 图片，详情页与历史素材保留。
• 保持静态 Astro 构建和现有依赖。代码支持复制与失败反馈，无 JavaScript 时保留默认内容，reduced-motion 下立即更新。
• weapp-vite 配置和 Varo CLI 命令记录上游来源版本；构建输出是模板示例，Varo 组合为明确标注的交互示意，仍保留规划中状态。

范围

保留最新 main 已合并的贡献者基金页面、Pricing 内容和相关路由。本 PR 只包含首页交互演示及其数据、样式、测试和维护文档，不调整部署方式或项目详情元数据。

验证

基于 main fcb8290 完成回归：

• rtk pnpm --filter @weapp.dev/web check：0 errors、0 warnings；1 项详情页既有 execCommand 弃用提示。
• rtk pnpm --filter @weapp.dev/web test：7 个文件、23 项测试通过。
• rtk pnpm --filter @weapp.dev/web build：16 个页面、21 项必需产物及全部内部链接通过。
• rtk pnpm --filter @weapp.dev/web test:e2e：72 passed、2 项线上统计测试默认跳过。
• rtk pnpm lint：ESLint、Stylelint 均通过。

交互实现阶段另外完成 28 组页面、视口与主题视觉检查，保存桌面和移动端前后对比。覆盖双语、320–1440px、实际 CSS、标签切换高度稳定性、键盘、剪贴板错误、实例隔离、analytics、无障碍、无 JavaScript、reduced-motion 和 reveal 超时。

实现与验收记录 · 维护边界与来源版本

[changeset-bot]

⚠️ No Changeset found

Latest commit: 31571eb

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Preview URL	Updated (UTC)
✅ Deployment successful! View logs	weapp-dev	31571eb	Commit Preview URL Branch Preview URL	Sep 07 2026, 08:46 AM