魔法药水商店的仪表盘

设计一个魔法药水商店的后台管理面板（Dashboard）。需要展示： - 今天的金币收入 - 最近一周的销量曲线 - 最畅销的 3 款药水（需要配图或图标） 假数据你自己编。输出一个完整的单文件 HTML，所有 CSS 内联，可以使用 CDN 引入字体、图表库、图标库等。简体中文界面。

设计一个魔法药水商店的后台管理面板（Dashboard）。需要展示： - 今天的金币收入 - 最近一周的销量曲线 - 最畅销的 3 款药水（需要配图或图标） - 至少 4 个其他业务指标（如门店访客、回头客比例、库存预警、稀有材料消耗等，由你设计） 假数据你自己编。整个仪表盘必须是一个魔法药水商店店主真的会用的工具——既要有数据看板的实用性，也要有"这家店在卖魔法"的视觉浸入感。 **严格的素材约束（核心考点）：** - 禁止使用任何外部图片资源（不允许 `<img src="...">` 引用网络图片，不允许 base64 嵌入位图） - 禁止使用 emoji（🧪 🔮 等）作为药水的"图" - 三款销冠药水的视觉呈现必须用 **SVG 或纯 CSS** 自己绘制——可以是不同颜色的烧瓶轮廓、瓶塞、液面、气泡，让人一眼能区分这是"哪一款药水" - 销量曲线建议使用图表库（如 Chart.js / ECharts / Recharts via CDN）或者纯 SVG 自己绘制，不允许用截图 **技术约束：** - 输出一个完整的单文件 HTML，所有的 CSS 和 JS 内联 - 可以使用 CDN 引入字体、图表库、图标库 - 简体中文界面 - 双击本地文件即可运行