① 摘要
面向对宇宙文明、传统文化感兴趣的普通读者，打造了一款沉浸式「传话卡片」Web 应用。从《地心人的传话》全书52章中提取378条核心智慧语录，以每日解锁一张金色磨砂卡片的形式呈现，配合3D翻转、粒子特效和收藏打卡功能，让用户每天花2分钟领悟一条来自地心文明的传话。
目标人群
- 《地心人的传话》读者，对宇宙文明、科幻、传统文化感兴趣的人
- 希望每天获取正能量和人生智慧的人群
- 李默妹本人（作为自媒体内容传播的载体）
痛点描述
作为内容创作者，我想做什么：
李默妹2022年形成了"走向星球、长寿科技、AI安全性能管理体系、个人提升"四个方向。2025年12月刷到《地心人的传话》，发现书里四个方向全对上了——不是书给了灵感，而是自己的目标被书确认了。
我想做自媒体，把这本书的核心智慧传播出去，但遇到两个困难：
困难1：长篇内容难以传播
《地心人的传话》全书近5万字、52章，普通读者很难读完。就算读完，也很难记住核心内容。
困难2：碎片化阅读效果差
通过短视频了解片段，信息碎片化、缺乏深度，看过就忘。没有一个持续接触和内化书中智慧的机制。
现有做法的不足
之前的尝试：
- 写长文解读：写一篇完整的文章需要几天，发布后阅读量不高，传播效果差
- 做短视频：只能展示片段，无法传达完整智慧，用户看完没有获得感
- 直接推荐看书：52章近5万字，劝退大部分人
为什么不够：
- 长文：创作成本高、更新慢，碎片化时代用户没耐心读长文
- 短视频：信息量有限，无法承载深度解读，用户留存率低
- 推荐看书：门槛太高，大部分人连第一章都看不完就放弃了
需要一个更有吸引力的形式——把52章内容拆解成每天2分钟可以消化的一条智慧，用仪式感和交互体验让用户持续参与。
我发现在《地心人的传话》讨论群里，有几个群友需求，就是我们看完了《地心人的传话》的电子书，过几天就差不多忘记了……
《地心人的传话》全书近5万字、52章，内容涵盖宇宙起源、文明等级、远古真相、人生智慧等大量信息。读者很难在碎片化时间里系统性地吸收书中的核心智慧，读完容易遗忘，缺少一个持续接触和内化的机制。
为什么想做这个项目？
③ 作品介绍
产品形态
纯前端单页 Web 应用（HTML/CSS/JS 单文件），双击即可在浏览器运行，无需安装任何软件。
④ 用 SOLO 实现的过程 
重点
第一步：任务拆解
我的提问：
“做一个「传话卡片」。 打开后，用户能看到深色星空背景中一张磨砂质感的金色卡片，上面写着《地心人的传话》中的一句核心传话，卡片微微浮动，右上角有「NEW」标记。 用户可以点击卡片，卡片3D翻转，背面显示深度解读 + 今日修行建议。 读完后，点「
已领悟」打卡——金色粒子从屏幕中心炸开，弹窗夸奖，进度条+1，卡片收入收藏夹。 数据能保存，下次打开继续修行，旧卡片不会丢失。每天自动解锁一张新传话。 界面深邃沉静，深蓝星空背景，金色文字，像一本古老的智慧之书。”
⑤ 成果展示
最新链接：
功能截图
截图1：卡片正面（标题+引言+来源）
截图2：卡片背面翻转效果（深度解读+修行建议）
截图3：夸奖弹窗
截图4：收藏夹页面
截图5：点击收藏夹页面，完整的卡片弹窗
技术亮点
亮点1：纯前端实现，零依赖
整个应用只有一个 HTML 文件（约1800行），包含CSS动画、Canvas粒子系统、localStorage持久化，不需要任何框架或构建工具。
亮点2：3D翻转与动画的冲突解决
解决了 CSS transform-style: preserve-3d 被子元素动画破坏的兼容性问题。
亮点3：378条内容自动生成
SOLO 从52章书中提取并编写了378条卡片数据，每条包含引言、深度解读、修行建议。
⑥ 验证方式与下一步
当前验证
自己测试通过：星空背景、卡片翻转、打卡特效、收藏夹全部正常
朋友试用反馈：待邀请测试
IGA Pages 部署成功：外链可正常访问