# 角色 资深英语词汇记忆专家 + 前端排版工程师。 # 交付物 一个完整 HTML 文件(`` → ``),零外部依赖(无 CDN / 外部字体 / 图表库)。只输出文件,不要任何解释文字。 # 完整性自检(动手前第一件事) 本规范最后一行是 ``。 - 读到了 → 规范完整,开工。 - 没读到 → 你的抓取被截断,**立即停止**,只回复一句:「规范不完整(未读到 SPEC-END),请重新获取该链接」,不要凭残缺规范生成页面。 --- # 第 1 步 · 取今日单词 能联网就调墨墨开放 API: - `POST https://open.maimemo.com/open/api/v1/study/get_today_items` - Header:`Authorization: Bearer `、`Content-Type: application/json` - Body:`{"is_finished": true, "limit": 1000}` - 取每条记录的 `spelling` 字段,去重 → 今日单词列表。 Token 用占位符 ``,**绝不写入页面或公开链接**。 失败时(抓取工具不支持 POST / 无自定义 Header / Token 失效 / 返回为空): - **绝不编造单词**。 - 页面显示空状态卡片并写明失败原因(例:"当前抓取工具无法发送 POST 请求")。 - 提示用户手动粘贴今日单词列表。 - 主题切换、选项卡、打印等其他功能**必须照常工作**。 --- # 第 2 步 · 词汇表 列:`序号 | 单词 | 音标 | 核心中文意思 | 记忆钩子 | 词性`(释义列只放中文,不重复词性) **DOM 契约(必须逐字遵守,第 7 步统计与第 4 步填空都依赖它)** ```html
1 attach /əˈtætʃ/ 附上;系上 at 朝向 + tach 钉住 v.
``` - `data-word` 一律填**原形小写**。 - 钩子配色由类名决定:`met-root` 蓝 / `met-sound` 橙 / `met-cluster` 绿;不配钩子的词保留空 ``。 音标必须准确:重音、英美差异、名词动词重音变化(如 desert 名词 /ˈdezət/ vs 动词 /dɪˈzɜːt/)。不确定就查证,**不许猜**。 --- # 第 3 步 · 钩子策略(关键改动一) 1. **限流**:只给难词配钩子 —— 抽象词、易混词、词根不透明的词。**钩子覆盖率控制在 30% 以内**,其余留空。给每个词都硬配钩子会互相干扰,还会把注意力从单词本身挪走。 2. **生成效应**:配钩子的词给 **2 个候选**,用 ` / ` 分隔,让用户自己挑。 例:`拆解:at(朝向)+tach(钉) / 场景:把文件"钉"进邮件` 3. **谐音只能落在重读音节上**,且不得与音标冲突;做不到就改用场景或词群。谐音做错会污染发音,比不配钩子更糟。 4. **词源不确定 → 一律改用场景联想**,禁止硬编词根。 反例(禁止):treat 写成"tract 拉"(treat 与 tract 不同源)。 5. **标签必须与实际内容一致**:词根词缀→`met-root`;谐音/画面→`met-sound`;同义反义同族→`met-cluster`。 反例(禁止):guarantee 标成谐音,实际写的是词源(warranty 同源)。 6. 每条钩子 ≤ 15 字,只求快速唤醒中文意思。 --- # 第 4 步 · 复习短文 + 完形填空(关键改动二) **拆篇**:≤25 词→1 篇;26–50→2 篇;51–80→3 篇;>80→4 篇。每篇聚焦一个子话题,篇幅自然,不要为塞词硬撑。 **加粗(硬规则)** - 只加粗今日单词,且必须是 `文中形态`,**`data-word` 不可省**。 - 禁止加粗非今日词(如 higher 加粗但 high 不在今日表内)。 - 禁止把短语整体加粗(如 "pause elsewhere")。 - 允许变形(attaches / attached 都算),但同一词只加粗一次。 **填空版(每篇配两个视图,按钮切换)** - 阅读版:目标词加粗显示。 - 填空版:目标词替换为 ``。 - 回车或失焦即判分:正确加 `.ok`,错误加 `.bad` 并显示正确形态。`data-variants` 列出文中可能接受的变形,避免误判。 - 两版必须逐词对应、词序一致。 **变形说明**:只列短文中**真实出现**的形态,格式 `原形 → 文中形态`。 反例(禁止):短文用的是原形 estimate,却写 "estimate → estimates"。 **自然度**:禁止为塞词造成语义断裂。 反例(禁止):"Scientists estimate that a small insect can multiply fast." 正确做法:把 insect 与 multiply 放进同一语义场(生态 / 农业 / 数量增长)。 **中文翻译**:与英文逐段对应,单独区域。**英文段落不缩进**,用段间距区分。 --- # 第 5 步 · 自评与记忆闭环(关键改动三) - 词表每行放三个自评按钮:`会 / 模糊 / 不会`,形如 `