🔮 赛博雷诺曼（Lenormand）启示卡工作台使用说明书

本页面是专为博客魔改上线的纯前端 3D 赛博雷诺曼占卜工作台。雷诺曼起源于 19 世纪的欧洲，相比传统塔罗牌，它更加关注世俗生活中的实际困果、具体卡点与即时行动方案。

本组件利用 HTML5 Canvas/CSS3 3D 矩阵以及本地存储（LocalStorage）开发，实现了解耦式的智能拼句解析流，是一个兼具中世纪神秘主义与黑客数字美学的网页交互玩具。

✨ 第一章：核心亮点与硬核机制

1. 📐 响应式 3D 物理翻牌手感

牌桌卡片采用了全新的 perspective 空间透视架构。当你点击 ✨ 冥想并洗牌抽卡 后，卡片绝非生硬地刷新，而是会带有光晕脉冲动效、以完美的物理视差依次优雅地翻转 180 度，将洗牌、显化的仪式感拉满。

2. ⚡ AI 级“因果锁链”拼句引擎

这是本组件的核心灵魂。传统的雷诺曼极其看重卡牌之间的“并置联读”。当你开启三牌因果阵时，JavaScript 引擎会自发调取数据库中针对不同位置的断语，像一个智能拼句机器一样，在底部报告中拼出一段天衣无缝、逻辑完全闭环的综合因果锁链总评：

“当前你正处于【主牌】阶段… 然而受到【阻碍牌】的干涉偏转，你的卡点在于… 若想打破僵局，你必须强行把意志手段收束到【走向牌】的破局维…”

3. 💾 零网络开销与隐私安全

  • 零碎图隐患：全套 36 张卡牌的核心视觉资产全部由跨平台高自适应渲染的 Emoji 符号（如 🦊狐狸、⚰️棺材、🔑钥匙）组成。整页代码不依赖任何第三方图片 CDN 链接，加载速度接近 0ms，且永无碎图后顾之忧。
  • 隐私绝对留存：所有的抽牌记录与演化总评仅在当前浏览器的沙盒内运行，不经过、不上传任何服务器，绝对保护你的隐私。

🎮 第二章：牌阵模式与实战指南

你可以根据当前的困惑，在工作台顶部自由切换以下两种推演阵法：

1. 🎯 单牌每日指引 (Single Card Mode)

  • 适用场景：清晨开机、开启今日学习/写码前，或者需要一个宏观的行动方向时。
  • 映射逻辑：随机抽取 1 张卡牌，直接提取该卡牌最纯粹的“今日核心天时能量显化”，为你标定今日的能量坐标系。

2. 📐 三牌因果阵 (Three-Card Spread)

  • 适用场景：大创项目推进受阻、代码遭遇严重死循环、面临方向性选择，或者学术论文陷入瓶颈时。
  • 牌位时空解耦：
    • 位置 ①（左卡）：现状映射。折射你当前肉眼可见或尚未察觉的真实处境与气场。
    • 位置 ②（中卡）：潜意识阻碍。一针见血地指出当前导致事情延期、卡死、内耗的隐密盲区。
    • 位置 ③（右卡）：未来时空因果走向。基于前两者的质能干涉，推演出的命运破局线索。

🎯 第三章：专为黑客与科研微调的“因果词库”

为了让占卜结果真正具备“生产力指导意义”，本组件对全套 36 张传统雷诺曼的因果映射词库进行了现代实战语境的微调。以下为部分高频核心词库在工作台中的解耦逻辑：

  • 书 (Book) 📖：代表尚未公开的隐藏知识、深精硬核的底层学问、大创前沿文献或未解的 Bug 核心。
  • 老鼠 (Mouse) 🐭：强烈警报。代表时间精力正在被无形漏洞慢性蚕食，面临代码能量泄漏或严重的精神内耗。
  • 钥匙 (Key) 🔑：至高通关密码。代表最完美的终极解法已在手边，核心谜题即将迎刃而解，拥有绝对主控权。
  • 镰刀 (Scythe) 🗡️：大刀阔斧的重构与断舍离。提示你需要快刀斩乱麻，果断切掉沉没成本，删减冗余代码。
  • 塔 (Castle) castle：代表孤独但极高效率的“象牙塔闭门深造”。极度适合闭关，屏蔽外界噪声，全力全速输出。

🚨 第四章：代码日常维护与防灾避坑铁律

在后续博客迁移、主题升级、或你想自行修改卡牌释义数据库时，请务必死守以下两条魔改铁律：

1. HTML 标签必须严格“左对齐顶格”

  • 雷区表现：如果你在修改代码后，发现牌桌错位、文字发生难看的字叠字，或者网页上直接吐出了裸露的灰色 HTML 源码块。
  • 致错原因：这是 Hexo 默认的 Markdown 渲染器（hexo-renderer-marked）的流氓语法特性。只要 HTML 标签（如 <div>）前面带有 4 个空格或 1 个 Tab 缩进，就会被强行识别为“代码块文本”渲染。
  • 防震解法：修改卡牌和报告的 HTML 结构时，所有的 <> 标签必须死死地靠在编辑器最左侧，严禁保留任何前置空格缩进（样式 Style 和脚本 Script 标签内部可以正常缩进）。

2. 标签换行重叠防御机制

  • 修复背景：卡牌底部的关键词（如“消息、速度、行动”）在字数多发生换行时，若没有独立块级容器包裹，极易导致行高塌陷重叠。
  • 防御架构：
    • 代码底层已将文字封装进 .card-text-content 独立容器中。
    • 核心标签 .card-kw 被强行改写为了 display: inline-block !important; 并写死了 line-height: 1.4 !important; 确保任何情况下都能自发向下延展，且绝不字叠字。后续若修改样式，切勿移出 inline-block 属性。

3. PJAX 局部刷新防内存泄漏

  • 页面 Front-matter 中已写死 pjax: false。在底层的配置生命周期中，也采用了：
    if (typeof GLOBAL_CONFIG !== 'undefined' && GLOBAL_CONFIG.pjax) {
  document.addEventListener('pjax:complete', initLenormand);
}