幻觉鉴定局

做一个单文件 HTML 的"Hallucination Simulator 幻觉鉴定局"游戏页面，旧报纸视觉风格。页面展示一系列看似合理的条目（历史事件、科学理论、API 文档、名人名言等），其中真假混杂，玩家需要判断每条内容是真实的还是 AI 虚构的"幻觉"，最终给出评分。

制作一个单文件 HTML 的 **Hallucination Simulator（幻觉鉴定局）**——一个复古报纸风格的真假判断游戏。玩家面对一系列"新闻条目"，需要鉴定哪些是真实的、哪些是 AI 编造的"幻觉"。 ```` ### 核心设定 这是一份名为 **《The Hallucination Herald》** 的虚构报纸。它的口号是"All the News That's Fit to Hallucinate"（致敬纽约时报"All the News That's Fit to Print"）。报纸上刊登了各种看似权威的条目——但其中有些是真实的，有些是彻头彻尾的虚构。玩家扮演"事实核查员（Fact Checker）"，任务是揪出所有幻觉。 ### 内容要求 **请预先编写至少 20 条内容条目**，真假混合（建议比例约 40% 真实 / 60% 虚构），分为以下四个版面（分类）： **📰 历史版 (History)** - 真实条目：冷门但真实的历史事件（越冷门越好，让人怀疑真假） - 虚构条目：编造的历史事件，要求有具体年份、地点、人名，读起来像教科书 **🔬 科学版 (Science)** - 真实条目：反直觉但真实的科学事实/理论 - 虚构条目：编造的科学理论/实验结果，要有论文标题、期刊名、作者名，读起来像学术摘要 **💻 技术版 (Tech)** - 真实条目：真实但冷门的编程语言特性、API 行为、技术标准 - 虚构条目：不存在的 API 调用、虚构的 RFC 标准、编造的编程语言特性，要有代码片段和文档格式 **💬 名言版 (Quotes)** - 真实条目：真实但鲜为人知的名人名言 - 虚构条目：编造的名人名言，要符合该名人的说话风格和领域 **文案质量要求：** - 虚构内容的核心考验是"可信度"——好的幻觉应该让人犹豫、纠结、想去搜索验证 - 真实内容应选择足够冷门的事实，让人反而觉得"这不可能是真的" - 每条内容 2-4 句话，简洁有力 - 每条标注来源（真实的标真实来源，虚构的编造一个看起来可信的来源） ### 游戏机制 **游戏流程：** 1. 进入页面时显示报纸头版封面/欢迎画面，介绍游戏规则，有"开始鉴定"按钮 2. 游戏开始后，从内容库中随机抽取 10 条（保证真假混合），逐条展示 3. 每条内容以报纸文章卡片的形式呈现，玩家点击 **"✅ 真实 (Fact)"** 或 **"❌ 幻觉 (Hallucination)"** 按钮 4. 选择后立即揭晓答案： - 正确：卡片边框变绿，显示"✓ 正确！"+ 简短解释（为什么这是真/假的） - 错误：卡片边框变红，显示"✗ 被骗了！"+ 揭示真相的解释 5. 每道题有解析文本（2-3 句话），解释为什么这个内容是真实的或为什么这个幻觉看起来可信 6. 全部 10 题答完后，进入结算画面 **评分系统：** - 每题 10 分，满分 100 分 - 结算画面显示：总分、正确率、各版面的正确率 - 根据总分给出称号（自行创作幽默称号），例如： - 90-100：Supreme Fact Checker / 真相之眼 - 70-89：Senior Debunker / 资深辟谣员 - 50-69：Gullible Intern / 轻信实习生 - 0-49：Honorary Hallucinator / 荣誉幻觉制造者 - 结算画面有"再来一局"按钮（重新随机抽题） **难度设计（可选加分项）：** - 提供难度选择（简单/普通/困难），影响题目的迷惑程度 - 简单模式：虚构内容有明显破绽 - 困难模式：虚构内容极度逼真，真实内容极度离奇 ### 视觉设计 **整体风格：复古报纸 / 旧印刷品** - **配色**：泛黄纸张底色（#F5F0E1 或接近色）+ 深褐/黑色文字 + 红色点缀（用于标记、印章效果） - **字体**：标题使用衬线体（如 Georgia, "Playfair Display", serif），正文使用衬线或等宽体，营造印刷感 - **布局**：模仿报纸的多栏排版： - 报头区域：报纸名称《The Hallucination Herald》用大号衬线字体，下方有日期线、期号、口号 - 内容卡片模仿报纸剪报：带纸张边缘效果、轻微倾斜或阴影，像贴在公告板上的剪报 - **纹理与质感**： - 纸张纹理效果（CSS 实现，不依赖外部图片） - 模仿旧报纸的做旧感：轻微的噪点、褶皱暗示 - 分类标签做成报纸版面的标签样式（如加框、加下划线） - **交互设计**： - 翻页/切换题目时有纸张翻动的动画暗示 - 答对时可加一个红色"VERIFIED ✓"的橡皮图章动画 - 答错时可加一个"FOOLED"的水印效果 - 结算画面设计成"号外！号外！"（Extra! Extra!）的特刊风格 - **响应式**：桌面端多栏报纸布局，移动端简化为单栏 ````