做一个「Squeek Forge」单页应用：把 Squeekchain 的链上算力变成一座实时锻造工坊。区块像正在锻打的钢锭，算力像风箱与锻锤，结算像出炉记录。

数据源（都是公开接口，带 CORS，前端可直接 fetch）：

1. GET api.squeekchain.com/status

• measurement.cumulativeWorkUnits 累计 work（界面文案写成「累计锤击」）
• measurement.rpmMilli / speedMmPerSecond 当前转速（驱动风箱/砂轮动画速度）
• measurement.coreStatus 运行状态（SPINNING = 炉火燃烧中；IDLE = 炉火静息）
• builder.anchor.blockHeight 当前区块高度（界面写成「当前钢锭编号 / 炉号」）
• builder.anchor.blockProgress 当前区块完成度，取值 0~1e9，除以 1e9 得到百分比；可见百分比文案必须与 sepolia.squeekchain.com 首页一致：用 Math.floor(ratio * 100) + "%"，进度条填充仍用精确 ratio

2. GET api.squeekchain.com/settlements

• buckets[] 24 个小时桶，每桶有 workAdded、settlementCount、completedBlockCount、以及真实时间戳字段 startAt（必须优先读取 startAt，禁止用 Date.now() 重建小时标签）
• summary.settlementCount / workAdded
• recentSettlements[] 真实单笔结算数组（必须优先解析并渲染；字段至少覆盖 settledThroughRound、workAdded、completedBlockCount、blockTimestamp）。仅当 recentSettlements 缺失或为空时，才允许回退到按小时桶汇总展示

3. GET api.squeekchain.com/economy/state

• supply.totalMintedBaseUnits（除以 1e18 得到 SQK 数量，界面写成「已铸 SQK」）
• mining.processedThroughRound（界面写成「已完成锻造轮次」）

页面要求：

• 顶部控制条：FORGE 状态灯（SPINNING 时琥珀色闪烁；IDLE 时灰静；数据校验失败时熄灭并切到「数据拉取失败，10 秒后重试」，禁止假 LIVE/假 FORGE）、当前炉号（区块高度）、锻造完成度进度条（熔炉温度条样式）、累计锤击大数字、当前 rpm 与速度、已铸 SQK、已完成轮次
• 主区：一座横向锻造台，46 名铁匠工位（不要仓鼠、不要赛道）。每位铁匠有：姓名/代号、小锻锤或铁砧 SVG/CSS 图形、身后风箱或砂轮。工位水平位置由「各自分到的 work 份额」决定；份额取 24h 每小时 workAdded 的确定性伪随机分配（同一份 buckets 数据多次刷新应得到相同分配，避免名次乱跳），并随刷新用 CSS transform 平滑移动（过渡建议 8001500ms）。炉火/砂轮旋转动画周期必须与 rpm 联动（例如把 rpmMilli 换算成 CSS --spin-duration）
• 右侧：工坊排行榜（名次 / 铁匠 / work / 增速），前三名有锻造徽章样式（金/银/铜），不是奖牌跑道风
• 底部左：24h work 柱状图（canvas 手写，不引图表库）；柱顶或悬浮说明显示该小时 startAt、workAdded、settlementCount、completedBlockCount；跨小时缓存时标签不得漂移
• 底部右：最近出炉列表（真实 recentSettlements），每行至少显示：轮次、+work、完成区块数、「x 分钟前」相对时间；不得用小时汇总冒充单笔出炉
• 视觉：深炭黑背景、暖灰文字、熔岩橙/锻铁琥珀强调色（不要白底砖红仓鼠赛跑风）；厚边圆角工牌卡片、克制内发光；整体像夜班锻造车间仪表，不要赛博霓虹堆砌
• 响应式：手机（390px）单列，锻造台在上、排行榜与图表在下；桌面双列（主区左、排行榜右）；390px 下禁止横向滚动
• 每 10 秒自动刷新；提供「立即刷新」按钮。HTTP 传输失败、JSON 解析失败、或 HTTP 200 但缺少必需字段（如 {}）一律视为失败：保留上一份有效缓存数字与图表，熄灭 FORGE 灯，显示「数据拉取失败，10 秒后重试」，不能白屏、不能把有效数字清成 "-" / 0 还装作在线

技术要求：

• 纯静态单文件 index.html + 原生 JS，零依赖、零构建，不许用 React/Vue/图表库/动画库
• 所有数字加千分位；绝对时间转相对时间用「x 分钟前 / x 小时前 / 刚刚」
• 代码注释写清楚每个字段的来源（哪个接口、哪个 JSON 路径）
• 对三个接口分别做必需字段校验：status 至少要有 cumulativeWorkUnits、coreStatus、builder.anchor.blockHeight、builder.anchor.blockProgress；settlements 至少要能得到 buckets（长度 24）或可渲染的 recentSettlements；economy 至少要有 totalMintedBaseUnits、processedThroughRound。任一接口校验失败只回滚该接口对应缓存，其他接口成功数据可更新
• 伪随机分配必须可复现：用 buckets 的 startAt + workAdded 组成种子，禁止每次 Math.random() 导致刷新后排名乱跳；可在 README 明确「工位份额为演示性分配，非链上真实矿工身份」

交付：

1. 可运行的 index.html（双击或本地静态服务器都能打开）
2. README.md：项目说明、数据源字段表格（接口 / 路径 / 页面用途 / 换算规则）、本地运行方法、部署方法、已知限制（含「份额为演示分配」说明）
3. 页脚署名 @Despite_zmw

验收标准（缺一不可）：

• 页面打开 10 秒内所有关键数字有值，控制台零报错
• 区块完成度可见百分比与 sepolia.squeekchain.com 首页显示一致（整数 floor，不是两位小数）
• 手机宽度 390px 下不横向滚动；锻造台 4~6 名铁匠首屏或轻滚即可见
• 断网或返回 {} 时显示「数据拉取失败，10 秒后重试」，保留旧数据，FORGE 灯非在线态，不空白
• 最近出炉列表展示真实 recentSettlements 单笔记录，不得只显示「xx:00 时段 n 次结算」这类小时汇总（除非接口确实没有单笔数组）
• 小时图与时间文案在跨小时仍使用 buckets[].startAt，不得被浏览器时钟推成新小时

不要做的事：不接钱包、不发任何交易、不写后端、不做登录、不引入任何 npm 运行时依赖、不做仓鼠/赛道皮肤换皮（必须是锻造工坊隐喻与视觉）、不把演示性工位份额写成真实链上地址排行。