整篇文章学习模式

不再只是"看视频学外语"。LangKey 整篇文章学习模式让你打开 BBC、NYT、Medium 等任意英文文章，一键进入学习态：原文 + AI 译文对照，已有生词在原文里自动高亮，顶部切换任意练习模式。

入口

在文章型页面（article / main / 长正文检测）右下角，LangKey 自动注入"📖 学习此文章"浮窗按钮。点击后：

1. 提取正文（基于 Readability 算法）
2. 智能清洗（去导航 / 广告 / 脚注 / 引用）
3. 句子分割为 SubtitleItem
4. 在浏览器 Side Panel 打开学习面板

载体是 Chrome Side Panel（Chrome 114+），原文与学习面板并排显示，无需切换 Tab。

学习面板布局

┌────────────────────────────────────────────┐
│  LangKey · Article Learning               │
│  ─────────────────────────────            │
│  来源: BBC · 2026-08-10 · 3 分钟阅读       │
│                                            │
│  [ 阅读 ] [ 输入 ] [ 选择 ] [ 填空 ] [ 听力 ] [ 跟读 ]  │
│                                            │
│  ── 原文 ──────────── 译文 ──               │
│  The pandemic has...   疫情已经...           │
│  In a recent study...  在最近一项研究...     │
│  [生词: pandemic 高亮]                      │
│                                            │
│  ── 生词本（自动同步） ──                   │
│  pandemic (B2) | study (A2) | recent (B1)  │
└────────────────────────────────────────────┘

7 种模式复用

5 种"练习模式"在文章场景下与视频完全一致：

• 输入模式：逐词输入文章原句
• 选择模式：句子排序
• 填空模式：AI 挖空
• 听力模式：TTS 朗读文章
• 影子跟读：跟读文章句子

新增：

• 听写模式：AI 按你水平生成听写题（v2.4.0）
• AI 对话：选场景自由对话（v2.5 路线图）

生词自动高亮

• VocabularyDB 里已收录的词，在原文里自动高亮（按 CEFR 等级染色：A1 灰 / A2 黄 / B1 橙 / B2 绿 / C1 蓝）
• 鼠标悬停查看翻译
• 点击查看完整词条（CEFR 等级 / 词源 / 同义词 / 复习进度）

站点适配

已实测可用：

• BBC News
• The New York Times
• The Guardian
• Medium
• Substack
• 个人博客（WordPress / Hexo / Hugo）

无法提取的页面（极简 SPA / 反爬严格的网站）会提示"无法识别文章结构"。

数据存储

提取的文章内容存到 chrome.storage.local，24 小时后自动清理。所有错词 / 生词持久化到 VocabularyDB（本地 IndexedDB），与视频学习记录共享。

隐私

AI 翻译请求只发送当前正在阅读的段落（不是整篇文章）。其余数据全部本地存储，不上传服务器。