蓝湖设计稿还原

要解决什么问题

设计稿在蓝湖（Lanhu）里，而落地代码往往还要手工对照标注、切图和 CSS。图层一多，渐变、阴影、非均匀圆角这类属性最容易在「目测 + 复制」里丢精度；移动端还要猜项目用的是 px、rem 还是 viewport 方案。

本技能把蓝湖当作结构化数据源：先拉 Schema 与资源，再按你仓库里的框架和样式约定生成组件，而不是把官方导出的泛型 class 直接贴进项目。

工作方式

1. 列出设计图：输出 designs 列表，由你确认要还原的序号或名称。
2. 获取数据：写入 .schema.json（图层树与样式的唯一权威）、.tokens.txt（高风险视觉属性）、本地 assets/slices 与 .image_mapping.json。仅当你明确要求时才加 --download-code 拉官方 HTML/CSS，且只作结构参考。
3. 探测环境：读 package.json 等判断 React/Vue/Flutter 等；移动端设计稿会检查 postcss-pxtorem、postcss-px-to-viewport 等，决定输出 px 还是换算后的 rem。
4. 解析并生成：以 .schema.json 数值为准递归还原；对照设计图原图 .png 跳过原图不可见的叠加态图层；类名走 BEM 语义化，禁止复用蓝湖 CDN URL。
5. 核查：生成后对照 Schema 做 13 项还原度检查；若存在 DESIGN.md，须继承令牌、组件与目录约定，而非只做单页孤立还原。

边界与前提

• 需要 Python 3.10+ 与 LANHU_COOKIE（或 --cookie）。
• 官方参考代码不得作为样式数值来源；schema.json 优先于 .tokens.txt 补充。
• 固定尺寸 + flex 居中容器等规则会刻意忽略部分 padding，避免 box-sizing 下文案被压扁——属于文档写明的行为，不是随意简化。