缘起：当程序员开始研究周易
在数字化浪潮席卷一切的今天，我们似乎很少见到一款产品，会把八卦图旋转动画和彩票选号放在同一个界面里。但"妙手神透"做到了。
这是一款基于 Vue 3 + TypeScript 开发的智能彩票号码生成器，支持双色球和大乐透两种玩法。它看似简单，却在细节处藏着令人惊叹的设计巧思。
核心亮点：不只是随机数生成器
一、法号与道号：你的专属幸运密码
大多数彩票工具的选号逻辑停留在"随机生成"层面。妙手神透做了一个大胆的创新——引入法号/道号系统。
用户可以从多个维度设置个人幸运号码：
- 蓝若寺：手动选择蓝球号码
- 红佛女：手动选择红球号码
- 生日：输入出生日期，自动计算幸运数字
- 星座：选择星座，获取对应幸运数字
- 生辰：基于天干地支五行计算生辰幸运数
- 幸运数：自定义输入纪念日、证件号等有意义数字
这些数字来源会被系统合并为一个加权池，每个数字在池中被重复 3 次，让"法号"号码在生成时有 3 倍的命中概率。这不是玄学，这是统计学意义上的概率加权。
二、五行七列图：传统智慧的可视化
项目最出彩的部分之一，是五行七列分析系统。
它将 33 个双色球号码（或 35 个大乐透前区号码）按照金、木、水、火、土五行分区，每行 7 列，形成一张完整的号码分布图：
- 金：1-7 号
- 木：8-14 号
- 水：29-33 号（配合生财、有道图标补位）
- 火：22-28 号
- 土：15-21 号
系统会分析最近 10 期的历史数据，自动识别"断行"和"断列"——即连续未开出的冷门区域，为用户提供杀号参考。
三、运势增强算法：天时地利的数学表达
useFortune.ts 模块实现了一套完整的运势计算体系：
种子值 = (天干地支年数值 × 100 + 星座幸运数 × 10 + 五行数值 + 八卦偏移 + 时辰 × 3) % 1000
这套算法将天干地支、星座、五行、八卦、十二时辰全部量化为数值，最终生成一个 0-999 的综合种子值。生成号码时，20% 的概率优先使用运势幸运数字，其余使用增强种子值生成随机数。
听起来很玄？但从工程角度看，这本质上是一个多源特征融合的加权随机算法。
四、智能模式判断：单式、复式、胆拖无缝切换
用户不需要手动选择投注模式。系统会根据用户选中的号码数量，自动识别是单式、复式还是胆拖模式：
- 选了 0 个号 → 单式（全随机）
- 选了 1-5 个红球 → 单式（固定 + 随机补足）
- 选了 ≥6 个红球 → 复式（自动组合所有可能）
- 胆码 + 拖码 → 胆拖模式
这种设计大幅降低了用户的使用门槛。
技术架构：小而精的现代 Web 应用
前端技术栈
| 技术 | 用途 |
|---|---|
| Vue 3 (Composition API) | 核心框架 |
| TypeScript 6.0 | 类型安全 |
| Vite 8.0 | 极速构建 |
| Tailwind CSS 4.2 | 原子化样式 |
| html2canvas | 结果图片导出 |
| Vitest | 单元测试 |
视觉设计
界面采用液态玻璃风格，大量使用 backdrop-filter: blur() 打造通透质感。双色球和大乐透分别拥有独立的主题配色——红色系和蓝色系，从背景渐变到按钮，细节拉满。
背景中的雨滴动画也暗藏巧思：双色球模式下飘落的是人民币符号，大乐透模式下飘落的是铜钱图标，旋转下落，仪式感十足。
数据获取
通过 Vercel Serverless Functions 从 500.com 爬取历史开奖数据，配合内存缓存和本地 localStorage 实现 24 小时缓存策略，每天 22:00 自动同步最新数据。
分享机制：好运链链，一键传递
妙手神透的分享流程设计得相当精巧：
- 结果页点击"好运链链"，生成短链接
- 完整号码数据存入 localStorage，URL 只携带短 ID
- 好友打开链接，直接进入结果页查看原号码
- 点击底部"和气生财/道亦有道"按钮，八卦图旋转，生成属于自己的新号码
这种设计既保护了隐私（号码数据不在 URL 中明文传输），又保证了分享体验的流畅性。
一些有趣的设计细节
- 九字真言：界面上反复出现"临兵斗者皆阵列前行"，既是装饰也是彩蛋
- 版权幽默："©2099 彩友所有，主任的机制不如机智的我"
- 销售站点："佛门重地" / "洞天福地"
- 操作员："主任严选"
- 底部文案：双色球是"一花一世界·一叶一菩提"，大乐透是"道生一，一生二，二生三，三生万物"
这些细节让一款工具类产品有了温度和人格。
写在最后
妙手神透不是一个严肃的彩票预测工具——它在免责声明里写得清清楚楚：仅供学习和娱乐使用，彩票有风险，投注需谨慎。
但作为一个产品，它展示了如何在技术实现与文化表达之间找到平衡。八卦图的旋转、五行七列的分析、运势种子的计算，这些看似"玄学"的设计背后，是一套严谨的算法工程和精致的用户体验。
有时候，最好的产品不是最"有用"的那个，而是让你在使用过程中会心一笑的那个。
项目地址：GitHub
部署平台：Vercel
开源协议：MIT