流程：

用户访问网页（https://yourdomain.com），输入出生日期“1992-05-05”。

网页计算年龄（33岁，约12045个格子），生成URL：https://yourdomain.com/lifegrid?dob=1992-05-05。

用户分享URL给朋友，朋友访问后看到相同的格子图案（12045个点亮格子，含高光/低谷）。

页面显示统计（“33%已点亮”）和哲理文字，动画效果增强沉浸感。

1. 核心功能

• 生命格子展示：

• 高光时刻：高亮度格子，代表重要或幸福的时刻。

• 低谷时刻：低亮度格子，代表艰难或平淡的日子。

• 普通日子：中等亮度，随机分布。

• 总共36500个格子（100年 × 365天），以网格形式呈现，代表用户的一生。

• 用户输入当前年龄（例如33岁），已过去的格子（约12045个）部分点亮，剩余格子（约24455个）待点亮。

• 格子亮度动态变化：

• 格子点亮不完全按时间顺序，可随机闪烁，模拟人生中不可预测的瞬间。

• 用户交互：

• 用户可输入年龄，自动计算并展示已点亮和未点亮的格子比例。

• 提供“模拟人生”功能：用户点击按钮，系统随机模拟剩余格子的点亮过程，展示高光、低谷和普通格子的分布。

• 支持手动标记高光或低谷时刻：用户可选择某些格子，添加个人备注（如“毕业”“失恋”），并调整亮度。

• 可保存用户的格子图案，生成唯一的人生“闪烁图”分享链接或图片。

• 动态效果：

• 格子点亮时有动画效果（如渐变、闪烁）。

• 支持“时间流逝”模式：按天自动点亮格子，模拟生命进展。

• 随机触发“意外闪现”：某些格子突然高亮或变暗，体现人生的不可预测性。

2. 视觉设计

• 风格：

• 简约、深邃、宇宙感强的设计，背景为深色（如星空或黑色），格子为发光点。

• 格子颜色：高光为暖色（金黄、橙），低谷为冷色（灰、暗蓝），普通为中性（白色或淡黄）。

• 响应式设计，适配PC、平板和手机屏幕，网格大小根据设备动态调整。

• 布局：

• 顶部：标题（如“你的36500天”）和用户输入区域（年龄、自定义选项）。

• 中央：36500个格子的网格，初始显示部分点亮，剩余为暗格。

• 底部：操作按钮（模拟人生、保存图案、分享）和哲理文字展示。

• 可缩放网格，用户可拖动或放大查看某部分格子。

• 动画与特效：

• 格子点亮时有微妙的光晕或涟漪效果。

• 背景可加入缓慢移动的星空或粒子效果，增强宇宙主题。

• 高光时刻触发时，伴随轻微的音效或视觉震动。