记账APP产品系统Vibe Coding

大类：金融科技 / 个人财务管理
细分：个人记账工具类 App（生活服务类软件）
同类知名产品：鲨鱼记账、随手记、挖财、钱迹、Timi时光记账（这些你如果用过类似的，会有熟悉感）
应用场景
1. 日常消费记录
2. 发工资族的现金流管理
3. 人情借贷管理
4. 储蓄目标管理
5. 周期性回顾分析
用户画像
上班族 工资周期管理、日常消费、存钱目标
大学生 生活费预算、AA 记账、兼职收入
家庭主妇/主夫 买菜、水电、家庭开支汇总
自由职业者 收入不稳定，靠预测功能规划现金流

三种类型：支出 / 收入 / 借贷，一个表单全搞定
金额：元为单位，最多两位小数（12.5 元这种）
两级分类：先选一级大类（带图标），再选二级小类；出厂自带 15 个一级分类、约 70 个二级分类，还能自己增删改
日期：默认今天，可改；备注：可选
按日期分组显示（今天 / 昨天 / 8月19日·周三），每天有当日合计
筛选：全部/支出/收入/借贷 + 按月份 + 关键词搜索
每条可编辑（回填表单）、可删除（点两下确认，防误删）
三周周期制：每 21 天自动重置，从你记账第一天起算（按你每周发工资的习惯定制）
本周期还能花：本周期收入 − 支出（显示第几天/21天）
平均每天花销：本周期总支出 ÷ 已过天数
预计还能花 N 天 + 距周期重置还有几天；超支变红提醒
记「借给谁 / 向谁借」：方向、对方、金额、日期、备注
分多次还款，每笔显示「未还 ¥X」或绿色「已还清 ✓」
顶部「借贷总览」：别人欠我多少、我欠别人多少，自动算
借出减「还能花」、借入加；还款不算消费（按你的要求）
设定目标金额 → 显示：已存/目标、进度条、还差多少
预计还有 N 天达标（按本周期攒钱速度推算）；达标显示 🎉
概览：支出/收入/结余，范围可切「本周期/本月/全部」
支出分类占比饼图（中心显示总额，悬停看详情）
近 6 个月收支趋势柱状图
图表配色通过色盲/色弱可访问性验证
新增/改名/删除分类，带图标和二级分类编辑
改名会自动同步已有账单；同名分类防重复
数据存在本地账本文件（SQLite），不上传网络
导出完整备份（JSON，可恢复）/ 导出 Excel 表格
独立版：网址随时可访问，数据存手机浏览器，不依赖电脑
局域网版（可选）：扫码用，和电脑同一份账

一、技术栈
语言：JavaScript+ SQL + HTML/CSS
桌面外壳 Electron 33 网页技术套软件壳
前端框架 Vue 3（组合式 API） 电脑+手机同款界面
构建工具 Vite 5 + electron-vite 双端构建
数据库 SQLite（sql.js，WASM 版） 免编译，零原生依赖
图表 ECharts 6 饼图+柱状图
局域网服务 Node.js 自带 http 模块 零依赖 REST 服务
手机端存储 IndexedDB + sql.js 浏览器内 SQLite
打包 electron-builder + NSIS 安装包
部署 git + GitHub Pages 免费托管
其他 qrcode、PWA manifest、CSP 扫码连接、主屏幕、安全
一套账本逻辑（建表、分类种子、三周周期算法、借贷、存钱）一份代码三个端共用；手机端通过 Vite 构建模式切换数据来源（--mode standalone → 本地账本，默认 → 电脑 API）
金额按"分"存整数：12.50 元存 1250，彻底避免 JS 小数计算误差（0.1+0.2≠0.3 问题）
一套代码三端复用：预测算法、统计逻辑、备份格式完全一致，改一处全端生效
备份格式跨端互通：JSON 备份电脑 ⇄ 局域网版 ⇄ 独立版任意方向导入
图表可访问性工程化：用脚本验证配色，红绿组合色弱测试不达标（ΔE 5.1 < 6 及格线）被否决，换成验证通过的 8 色色板+蓝橙组合
零依赖局域网服务器：Node 自带 http 模块实现静态服务+REST API+密码鉴权，二维码 URL 内嵌密钥
两步确认交互：删除、恢复备份都是"点两次"防误操作，无需弹窗
纯代码生成 App 图标：无任何图像工具，手写 PNG 编码器（zlib+CRC32）画出蓝底 ¥ 图标
国内网络适配：npm