Recharts产品系统Vibe Coding

面向需要快速搭建数据分析后台的开发团队与自由职业者，提供可直接二次开发的仪表盘底座：内部运营看板、SaaS 管理后台、给客户演示的项目原型，省去从零搭建设计系统与图表体系的时间成本。

总览页含响应式 KPI 网格、主面积图、环形图与横向条形图组合、紧凑订单表；分析页含筛选栏组合、可切换多序列折线图（隐藏序列时 Y 轴自动诚实重标定）、堆叠柱状图、雷达图、7×24 小时活跃度热力图、可排序分页订单账本；报告页为带迷你趋势图的卡片网格，支持搜索与状态筛选并有真实空态；报告详情页 SSG 生成面包屑+3 图表；设置页覆盖全部表单基元，9 种强调色加色相滑块实时改写 CSS 变量全局换肤；支持明暗双主题、三态响应式侧边栏、页面转场动效与无障碍标注。

设计令牌统一声明在 globals.css 并镜像到 TS 层，组件内零硬编码色值；30 个手写 shadcn 风格基元与 7 个共享坐标轴/提示框的图表组件保证视觉一致性；种子化脚本确定性生成 15 个 JSON fixtures，构建期做类型校验，首载 JS 仅 87.5kB。