由真实组件 + 真实 CSS 生成的静态页(每个状态一个文件)。
1. 强度:中间档(照视频里 Codex 的排布) — 上面是大字档位「中 ›」,下面一行是模型名;再下面是粗胶囊进度条(蓝→紫渐变 + 白色圆钮,可拖);最下面是「选择强度」。左侧 ⚡、右侧 ↻。 2. 强度:极高(进度接近满格) — 进度条按档位位置填充;越靠右越紫。点进度条任意位置可直接跳档,按住可拖。 3. 滑到最高档:紫色 shimmer「更快消耗使用额度」(2 秒) — 只有在**滑/点到最高档**那一瞬间才弹(打开面板时本来就在最高档是不弹的)。2 秒后自动换回「最高 ›」,进度条、闪电、重置全程都在。 4. 点开闪电:彩色闪电 + ×2 标志(1 秒) — 闪电开启后变成彩色(Codex 的 chart 蓝→紫→粉渐变),底行弹出 ×2 标志,1 秒后淡出;强度不变。 5. 模型列表(点模型名进入) — 点大字/模型名那一块就进模型列表:按提供方分组,有强度档位的模型标出档数,当前项打勾;左上 ‹ 返回。 6. 浅色主题 + 顶档 — 同一套 CSS 在浅色主题下(进度条与警示用的是 Codex 的 chart 蓝 / chart 紫)。