wip

.trae/documents/在 TypingArticle.vue 中忽略人名（基于 editArticle.nameList）.md

@@ -0,0 +1,71 @@
+## 目标
+- 在 `onTyping` 方法（291-382行）中判断当前/下一个单词是否为人名，并在练习时自动忽略（不要求输入、不提示错误、不停顿等待空格）。
+
+## 数据来源
+- 使用 `props.article.nameList: string[]`（来自编辑页保存），作为要忽略的人名列表。
+
+## 匹配策略
+- 构建一个人名集合 `nameSet`：
+  - `trim()` 后的字符串；
+  - 若开启 `ignoreCase` 则统一转小写匹配。
+- 判定函数 `isNameWord(word: ArticleWord)`：
+  - 仅当 `word.type === PracticeArticleWordType.Word` 时参与匹配；
+  - 对 `word.word` 进行同样的规范化后 `nameSet.has(...)`。
+
+## 处理时机与行为
+- 在 `onTyping` 开始处、拿到 `currentWord` 后：
+  - 若是“人名”，则直接跳过本词；若该词 `nextSpace` 为真，连带空格也跳过（避免进入 `isSpace` 状态）。
+  - 跳过后继续处理当前按键：复用已有模式（如 `isSpace` 分支里）调用 `next()` 和递归 `onTyping(e)`。
+- 在 `next()` 内也追加“人名跳过”逻辑（与已有忽略符号/数字类似），保证连续多个需要忽略的词可以被连续跳过：
+  - 当 `currentWord` 是人名：
+    - 若 `currentWord.nextSpace` 为真：`isSpace = false`；
+    - 递归调用 `next()` 继续到下一个词；
+  - 否则正常 `emit('nextWord', currentWord)`。
+
+## 代码改动点
+- 在组件顶部或方法内构建 `nameSet`（建议用 `$computed`）：
+```ts
+const nameSet = $computed(() => {
+  const list = props.article?.nameList ?? []
+  return new Set(list.map(s => (settingStore.ignoreCase ? s.toLowerCase() : s).trim()).filter(Boolean))
+})
+function isNameWord(w: ArticleWord) {
+  if (w.type !== PracticeArticleWordType.Word) return false
+  const token = (settingStore.ignoreCase ? w.word.toLowerCase() : w.word).trim()
+  return nameSet.has(token)
+}
+```
+- 在 `onTyping` 里，`let currentWord = currentSentence.words[wordIndex]` 之后：
+```ts
+if (isNameWord(currentWord)) {
+  // 跳过当前人名，连带空格
+  isSpace = false
+  const savedTypingFlag = isTyping
+  next()
+  isTyping = false
+  return onTyping(e)
+}
+```
+- 在 `next()` 内，设置 `currentWord` 后、`emit('nextWord', currentWord)` 之前：
+```ts
+if (isNameWord(currentWord)) {
+  // 人名与后续空格都跳过
+  isSpace = false
+  return next()
+}
+```
+
+## 注意事项
+- 保持与现有忽略规则一致（符号/数字已通过 `ignoreSymbol` 处理），人名跳过逻辑与其同层级。
+- 忽略人名时不触发 `wrong` 或提示音，不进入 `isSpace` 等待。
+- 若连续出现多个需要忽略的词（如人名+标点+人名），递归 `next()` 将逐个跳过。
+
+## 验证
+- 在包含人名的文本中练习：
+  - 人名处不需要输入，光标自动跳到下一非忽略词；
+  - 不会卡在空格等待；
+  - 大小写忽略效果符合 `settingStore.ignoreCase` 设置。
+
+## 交付
+- 按上述方案在 `TypingArticle.vue` 中实现辅助函数与两处调用点的改动；
+- 仅修改该文件，不影响其他页面。

.trae/documents/完善人物名称管理弹框（读取与保存 editArticle.nameList）.md

@@ -0,0 +1,69 @@
+## 目标
+- 在“人物名称管理”弹框中使用临时变量编辑名称列表，只在点击“确定”时写回 `editArticle.nameList: string[]`
+
+## 数据结构
+- `editArticle.nameList: string[]`
+- 临时变量：`let nameListRef = $ref<string[]>([])`
+
+## 生命周期
+- 弹框打开时初始化：`nameListRef = cloneDeep(editArticle.nameList || [])`
+- 弹框关闭时不写回：丢弃修改
+
+## 交互设计
+- 弹框 `v-model="showNameDialog"`、`:footer="true"`、`@close="showNameDialog = false"`、`@ok="saveNameList"`
+- 按钮：
+  - “添加名称” → `nameListRef.push('')`
+  - 每行名称使用 `BaseInput v-model="nameListRef[i]"`
+  - “删除”名称 → `nameListRef.splice(i,1)`
+
+## 保存逻辑
+- `saveNameList()`：
+  - 清理：`trim()` + `filter(Boolean)`
+  - 写回：`editArticle.nameList = cleaned`
+  - 关闭弹框：`showNameDialog = false`
+
+## 实现细节（EditArticle.vue 增加）
+- 脚本：
+```ts
+let showNameDialog = $ref(false)
+let nameListRef = $ref<string[]>([])
+
+watch(() => showNameDialog, (v) => {
+  if (v) nameListRef = cloneDeep(Array.isArray(editArticle.nameList) ? editArticle.nameList : [])
+})
+
+function addName() { nameListRef.push('') }
+function removeName(i: number) { nameListRef.splice(i,1) }
+function saveNameList() {
+  const cleaned = nameListRef.map(s => (s ?? '').trim()).filter(Boolean)
+  editArticle.nameList = cleaned
+}
+```
+- 模板（620-628 区域）：
+```vue
+<Dialog title="人物名称管理"
+        v-model="showNameDialog"
+        :footer="true"
+        @close="showNameDialog = false"
+        @ok="saveNameList">
+  <div class="p-4 pt-0 color-main w-150 flex flex-col gap-3">
+    <div class="flex justify-between items-center">
+      <div class="text-base">配置需要忽略的人名，练习时自动忽略这些名称</div>
+      <BaseButton size="small" type="info" @click="addName">添加名称</BaseButton>
+    </div>
+
+    <div class="flex flex-col gap-2">
+      <div class="flex items-center gap-2" v-for="(name,i) in nameListRef" :key="i">
+        <BaseInput v-model="nameListRef[i]" placeholder="输入名称" size="large" />
+        <BaseButton size="small" type="info" @click="removeName(i)">删除</BaseButton>
+      </div>
+    </div>
+  </div>
+</Dialog>
+```
+
+## 验证
+- 打开弹框 → 编辑临时列表 → 点击“确定”后检查 `editArticle.nameList` 是否更新；点击关闭则不更新
+
+## 注意
+- 若类型仍为旧版 `string[][]`，请同步调整为 `string[]` 以与当前实现一致

.trae/documents/静态首页移动端适配.md

@@ -0,0 +1,109 @@
+## 目标与范围
+
+* 适配 `public/static-home.html` 在 768px 以下与 480px 以下的移动端展示与触控体验
+
+* 不改变页面文案与结构，只进行样式与布局响应式改造
+
+## 结构与布局
+
+* 将固定宽度 `.w { width: 60vw; }` 改为容器 `.container { width: min(1200px, 92%); }` 并在模板中替换为 `.container`
+
+* `.card-wrap` 改为自适应栅格：`grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))`
+
+* 移动端（<=768px）卡片单列展示；间距适当增大，避免拥挤
+
+## 样式改造
+
+* 标题缩放：
+
+  * `@media (max-width: 768px) h1 { font-size: 3rem; }`
+
+  * `@media (max-width: 480px) h1 { font-size: 2.4rem; }`
+
+* 主按钮组：
+
+  * 移动端按钮全宽：`.base-button { width: 100%; margin: .5rem 0; height: 2.8rem; font-size: 1rem; }`
+
+  * 悬浮降低透明度改为轻微位移：`transform: translateY(-1px);`
+
+* 内容区与间距：
+
+  * `@media (max-width: 768px) .content { margin-top: 4rem; gap: 1.4rem; }`
+
+  * `@media (max-width: 480px) .content { margin-top: 3.2rem; gap: 1.2rem; }`
+
+* 赞助区 `.sky`：
+
+  * 图片强制全宽：`.sky a { width: 100% !important; } .sky-img { width: 100%; }`
+
+  * 移动端上下内边距缩小，减少跳动
+
+* 卡片 `.card`：
+
+  * 移动端去掉固定 `width: 25%`，改为自适应栅格控制
+
+  * 增加触控阴影：`box-shadow: 0 6px 20px rgba(0,0,0,.08);`
+
+* 底部链接 `.bottom`：
+
+  * 在 <=768px 改为纵向堆叠：`flex-direction: column; align-items: flex-start; gap: .6rem;`
+
+## 示例变更片段（将添加到 <style> 内）
+
+```css
+/* 容器与栅格 */
+.container { width: min(1200px, 92%); }
+.card-wrap { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; margin-bottom: 1.2rem; }
+.card { width: auto; box-shadow: 0 6px 20px rgba(0,0,0,.08); }
+
+/* 标题与内容间距 */
+@media (max-width: 768px) {
+  h1 { font-size: 3rem !important; }
+  .content { margin-top: 4rem; gap: 1.4rem; }
+}
+@media (max-width: 480px) {
+  h1 { font-size: 2.4rem !important; }
+  .content { margin-top: 3.2rem; gap: 1.2rem; }
+}
+
+/* 按钮移动端全宽 */
+@media (max-width: 768px) {
+  .base-button { width: 100%; margin: .5rem 0; height: 2.8rem; font-size: 1rem; }
+}
+
+/* 赞助区图片全宽 */
+.sky a { width: 100% !important; }
+.sky-img { width: 100%; }
+
+/* 底部链接在移动端纵向排布 */
+@media (max-width: 768px) {
+  .bottom { flex-direction: column; align-items: flex-start; gap: .6rem; }
+}
+```
+
+## 交互与触控优化
+
+* 增加触控可点击区域：`.icon { padding: .2rem; }`
+
+* 禁用点击高亮：`html, body { -webkit-tap-highlight-color: transparent; }`
+
+## 可访问性与表现
+
+* 保持当前 `meta viewport` 设置，确保缩放正确
+
+* 文本对比度在暗色模式下保持可读
+
+## 验证方式
+
+* 本地预览在 Chrome DevTools 切换 iPhone 14 / Pixel 7 视窗
+
+* 检查首屏按钮是否折行、卡片是否单列、赞助图是否铺满
+
+* 交互：滚动、点击弹窗与社交按钮触控区域确认
+
+## 执行与交付
+
+* 我将按上述片段更新 `<style>` 并把模板里的 `.w` 替换为 `.container`
+
+* 修改完成后提供预览链接与截图确认
+

public/sound/article/nce1/新概念美音（第1册）（MP3+LRC）/001&002－Excuse Me.lrc

@@ -0,0 +1,15 @@
+[al:新概念英语（一）]
+[ar:MP3 同步字幕版（美音）]
+[ti:Excuse Me!]
+[by:更多学习内容，请到VeryCD.com搜索“露珠”]
+[00:00.61]Lesson 1
+[00:02.71]Excuse me!
+[00:05.61]Listen to the tape then answer this question.
+[00:10.80]Whose handbag is it?
+[00:15.11]Excuse me!
+[00:16.66]Yes?
+[00:18.26]Is this your handbag?
+[00:21.44]Pardon?
+[00:23.17]Is this your handbag?
+[00:26.73]Yes it is.
+[00:29.49]Thank you very much.

public/sound/article/nce1/新概念美音（第1册）（MP3+LRC）/003&004－Sorry, Sir..lrc

@@ -0,0 +1,20 @@
+[al:新概念英语（一）]
+[ar:MP3 同步字幕版（美音）]
+[ti:Sorry, Sir.]
+[by:更多学习内容，请到VeryCD.com搜索“露珠”]
+[00:00.79]Lesson 3
+[00:02.98]Sorry sir.
+[00:05.75]Listen to the tape then answer this question.
+[00:11.71]Does the man get his umbrella back?
+[00:17.56]My coat and my umbrella please.
+[00:22.00]Here is my ticket.
+[00:25.03]Thank you sir.
+[00:26.86]Number five.
+[00:29.09]Here's your umbrella and your coat.
+[00:33.72]This is not my umbrella.
+[00:37.39]Sorry sir.
+[00:39.67]Is this your umbrella?
+[00:42.56]No it isn't.
+[00:45.69]Is this it?
+[00:47.76]Yes it is.
+[00:50.53]Thank you very much.

public/sound/article/nce1/新概念美音（第1册）（MP3+LRC）/005&006－Nice to Meet You..lrc

@@ -0,0 +1,28 @@
+[al:新概念英语（一）]
+[ar:MP3 同步字幕版（美音）]
+[ti:Nice to Meet You.]
+[by:更多学习内容，请到VeryCD.com搜索“露珠”]
+[00:00.58]Lesson 5
+[00:02.40]Nice to meet you.
+[00:05.08]Listen to the tape then answer this question.
+[00:09.95]Is Chang-woo Chinese?
+[00:14.23]Good morning.
+[00:16.07]Good morning Mr. Blake.
+[00:19.72]This is Miss Sophie Dupont.
+[00:23.61]Sophie is a new student.
+[00:26.55]She is French.
+[00:28.99]Sophie this is Hans.
+[00:32.54]He is German.
+[00:34.56]Nice to meet you.
+[00:37.33]And this is Naoko.
+[00:39.99]She's Japanese.
+[00:42.25]Nice to meet you.
+[00:44.81]And this is Chang-woo.
+[00:47.49]He's Korean.
+[00:49.26]Nice to meet you.
+[00:51.65]And this is Luming.
+[00:54.14]He's Chinese.
+[00:56.20]Nice to meet you.
+[00:58.56]And this is Xiaohui.
+[01:01.73]She is Chinese too.
+[01:04.21]Nice to meet you.

public/sound/article/nce1/新概念美音（第1册）（MP3+LRC）/007&008－Are You a Teacher.lrc

@@ -0,0 +1,24 @@
+[al:新概念英语（一）]
+[ar:MP3 同步字幕版（美音）]
+[ti:Are You a Teacher?]
+[by:更多学习内容，请到VeryCD.com搜索“露珠”]
+[00:00.53]Lesson 7
+[00:02.58]Are you a teacher?
+[00:06.03]Listen to the tape then answer this question.
+[00:10.97]What is Rober's job?
+[00:15.24]I am a new student.
+[00:18.00]My name's Robert.
+[00:20.61]Nice to meet you.
+[00:22.45]My name's Sophie.
+[00:25.70]Are you French?
+[00:27.90]Yes I am.
+[00:30.38]Are you French too?
+[00:33.22]No I am not.
+[00:36.54]What nationality are you?
+[00:40.10]I'm Italian.
+[00:43.55]Are you a teacher?
+[00:46.12]No I'm not.
+[00:48.45]What's your job?
+[00:50.64]I'm a keyboard operator.
+[00:54.18]What's your job?
+[00:56.34]I'm an engineer.

public/sound/article/nce1/新概念美音（第1册）（MP3+LRC）/009&010－How Are You Today.lrc

@@ -0,0 +1,22 @@
+[al:新概念英语（一）]
+[ar:MP3 同步字幕版（美音）]
+[ti:How Are You Today?]
+[by:更多学习内容，请到VeryCD.com搜索“露珠”]
+[00:00.56]Lesson 9
+[00:02.48]How are you today?
+[00:05.79]Listen to the tape then answer this question.
+[00:11.54]How is Emma?
+[00:15.17]Hello Helen.
+[00:17.19]Hi Steven.
+[00:19.02]How are you today?
+[00:21.69]I'm very well thank you.
+[00:24.28]And you?
+[00:25.76]I'm fine thanks.
+[00:28.79]How is Tony?
+[00:30.80]He's fine thanks.
+[00:33.36]How's Emma?
+[00:34.95]She's very well too Helen.
+[00:39.20]Goodbye Helen.
+[00:40.70]Nice to see you.
+[00:42.76]Nice to see you too Steven.
+[00:46.17]Goodbye.

public/sound/article/nce1/新概念美音（第1册）（MP3+LRC）/011&012－Is This Your Shirt.lrc

@@ -0,0 +1,24 @@
+[al:新概念英语（一）]
+[ar:MP3 同步字幕版（美音）]
+[ti:Is This Your Shirt?]
+[by:更多学习内容，请到VeryCD.com搜索“露珠”]
+[00:00.84]Lesson 11
+[00:03.39]Is this your shirt?
+[00:06.65]Listen to the tape then answer this question.
+[00:13.23]Whose shirt is white?
+[00:17.18]Whose shirt is that?
+[00:20.08]Is this your shirt Dave?
+[00:23.18]No. Sir.
+[00:24.58]It's not my shirt.
+[00:27.86]This is my shirt.
+[00:30.45]My shirt's blue.
+[00:33.31]Is this shirt Tim's?
+[00:36.52]Perhaps it is sir.
+[00:39.51]Tim's shirt's white.
+[00:42.22]Tim!
+[00:43.78]Yes sir?
+[00:45.35]Is this your shirt?
+[00:47.38]Yes sir.
+[00:48.80]Here you are.
+[00:50.45]Catch!
+[00:51.54]Thank you sir.

public/sound/article/nce1/新概念美音（第1册）（MP3+LRC）/013&014－A New Dress.lrc

@@ -0,0 +1,21 @@
+[al:新概念英语（一）]
+[ar:MP3 同步字幕版（美音）]
+[ti:A New Dress]
+[by:更多学习内容，请到VeryCD.com搜索“露珠”]
+[00:00.41]Lesson 13
+[00:02.71]A new dress
+[00:05.53]Listen to the tape then answer this question.
+[00:11.72]What colour is Anna's hat?
+[00:16.67]What colour's your new dress?
+[00:20.46]It's green.
+[00:22.52]Come upstairs and see it.
+[00:25.78]Thank you.
+[00:27.53]Look!
+[00:28.66]Here it is!
+[00:30.79]That's a nice dress.
+[00:33.51]It's very smart.
+[00:36.16]My hat's new too.
+[00:39.22]What colour is it?
+[00:41.62]It's the same colour.
+[00:44.18]It's green  too.
+[00:47.12]That is a lovely hat!

public/sound/article/nce1/新概念美音（第1册）（MP3+LRC）/015&016－Your Passports, Please..lrc

@@ -0,0 +1,26 @@
+[al:新概念英语（一）]
+[ar:MP3 同步字幕版（美音）]
+[ti:Your Passports, Please.]
+[by:更多学习内容，请到VeryCD.com搜索“露珠”]
+[00:00.50]Lesson 15
+[00:02.89]Your passports please.
+[00:06.37]Listen to the tape then answer this question.
+[00:12.30]Is there a problem with the Customs officer?
+[00:18.83]Are you Swedish?
+[00:21.40]No we are not.
+[00:23.94]We are Danish.
+[00:26.63]Are your friends Danish too?
+[00:30.21]No  they aren't.
+[00:33.75]They are Norwegian.
+[00:37.46]Your passports please.
+[00:40.57]Here they are.
+[00:43.15]Are these your cases?
+[00:46.07]No they aren't.
+[00:48.94]Our cases are brown.
+[00:53.07]Here they are.
+[00:56.09]Are you tourists?
+[00:58.86]Yes we are.
+[01:01.87]Are your friends tourists too?
+[01:05.41]Yes they are.
+[01:08.66]That's fine.
+[01:10.78]Thank you very much.

public/sound/article/nce1/新概念美音（第1册）（MP3+LRC）/017&018－How do you do.lrc

@@ -0,0 +1,26 @@
+[al:新概念英语（一）]
+[ar:MP3 同步字幕版（美音）]
+[ti:How do you do?]
+[by:更多学习内容，请到VeryCD.com搜索“露珠”]
+[00:00.58]Lesson 17
+[00:02.89]How do you do?
+[00:06.40]Listen to the tape then answer this question.
+[00:12.62]What are Michael Baker and Jeremy Short's jobs?
+[00:19.59]Come and meet our employees Mr.Richards.
+[00:25.19]Thank you Mr. Jackson.
+[00:28.45]This is Nicola Grey
+[00:31.57]and this is Claire Taylor.
+[00:35.30]How do you do?
+[00:38.40]Those women are very hard-working.
+[00:43.18]What are their jobs?
+[00:46.60]They're keyboard operators.
+[00:50.90]This is Michael Baker
+[00:53.85]and this is Jeremy Short.
+[00:57.42]How do you do?
+[01:00.67]They aren't very busy!
+[01:03.80]What are their jobs?
+[01:07.95]They're sales reps.
+[01:10.21]They're very lazy.
+[01:13.28]Who is this young man?
+[01:17.03]This is Jim.
+[01:19.42]He's our office assistant.

public/sound/article/nce1/新概念美音（第1册）（MP3+LRC）/019&020－Tired and Thirsty.lrc

@@ -0,0 +1,22 @@
+[al:新概念英语（一）]
+[ar:MP3 同步字幕版（美音）]
+[ti:Tired and Thirsty]
+[by:更多学习内容，请到VeryCD.com搜索“露珠”]
+[00:00.65]Lesson 19
+[00:02.86]Tired and thirsty
+[00:06.24]Listen to the tape then answer this question.
+[00:12.28]Why do the children thank their mother?
+[00:17.95]What's the matter children?
+[00:20.85]We're tired ...
+[00:22.71]... and thirsty  Mum.
+[00:25.26]Sit down here.
+[00:27.82]Are you all right now?
+[00:30.11]No we aren't.
+[00:32.52]Look!
+[00:33.61]There's an ice cream man.
+[00:36.94]Two ice cream please.
+[00:40.68]Here you are children.
+[00:43.66]Thanks Mum.
+[00:46.09]These ice creams are nice.
+[00:49.82]Are you all right now?
+[00:52.89]Yes we are thank you!

public/sound/article/nce1/新概念美音（第1册）（MP3+LRC）/021&022－Which Book.lrc

@@ -0,0 +1,16 @@
+[al:新概念英语（一）]
+[ar:MP3 同步字幕版（美音）]
+[ti:Which Book?]
+[by:更多学习内容，请到VeryCD.com搜索“露珠”]
+[00:00.35]Lesson 21
+[00:02.87]Which book?
+[00:05.43]Listen to the tape then answer this question.
+[00:11.53]Which book does the man want?
+[00:16.70]Give me a book please, Jane.
+[00:20.22]Which book?
+[00:21.83]This one?
+[00:24.33]No, not that one. The red one.
+[00:29.44]This one?
+[00:30.97]Yes, please.
+[00:32.78]Here you are.
+[00:34.81]Thank you.

public/sound/article/nce1/新概念美音（第1册）（MP3+LRC）/023&024－Which Glasses.lrc

@@ -0,0 +1,17 @@
+[al:新概念英语（一）]
+[ar:MP3 同步字幕版（美音）]
+[ti:Which Glasses?]
+[by:更多学习内容，请到VeryCD.com搜索“露珠”]
+[00:00.42]Lesson 23
+[00:02.92]Which glasses?
+[00:05.64]Listen to the tape then answer this question.
+[00:11.83]Which glasses does the man want?
+[00:17.14]Give me some glasses please, Jane.
+[00:21.18]Which glasses?
+[00:23.28]These glasses?
+[00:25.83]No, not those.
+[00:28.58]The ones on the shelf.
+[00:31.40]These?
+[00:32.84]Yes, please.
+[00:34.98]Here you are.
+[00:37.13]Thanks.

public/sound/article/nce1/新概念美音（第1册）（MP3+LRC）/025&026－Mrs. Smith's Kitchen.lrc

@@ -0,0 +1,20 @@
+[al:新概念英语（一）]
+[ar:MP3 同步字幕版（美音）]
+[ti:Mrs. Smith's Kitchen]
+[by:更多学习内容，请到VeryCD.com搜索“露珠”]
+[00:00.41]Lesson 25
+[00:03.18]Mrs. Smith's Kitchen
+[00:06.61]Listen to the tape then answer this question.
+[00:12.58]What colour is the electric cooker?
+[00:18.31]Mrs. Smith's kitchen is small.
+[00:23.12]There is a refrigerator in the kitchen.
+[00:27.71]The refrigerator is white.
+[00:31.62]It is on the right.
+[00:35.03]There is an electric cooker in the kitchen.
+[00:39.62]The cooker is blue.
+[00:42.95]It is on the left.
+[00:46.22]There is a table in the middle of the room.
+[00:51.54]There is a bottle on the table.
+[00:55.27]The bottle is empty.
+[00:59.10]There is a cup on the table, too.
+[01:03.83]The cup is clean.

public/sound/article/nce1/新概念美音（第1册）（MP3+LRC）/027&028－Mrs. Smith's Living Room.lrc

@@ -0,0 +1,21 @@
+[al:新概念英语（一）]
+[ar:MP3 同步字幕版（美音）]
+[ti:Mrs. Smith's Living Room]
+[by:更多学习内容，请到VeryCD.com搜索“露珠”]
+[00:00.55]Lesson 27
+[00:03.19]Mrs. Smith's living room
+[00:06.96]Listen to the tape then answer this question.
+[00:12.77]Where are the books?
+[00:16.76]Mrs. Smith's living room is large.
+[00:21.63]There is a television in the room.
+[00:26.40]The television is near the window.
+[00:31.28]There are some magazines on the television.
+[00:36.45]There is a table in the room.
+[00:40.44]There are some newspapers on the table.
+[00:45.11]There are some armchairs in the room.
+[00:49.27]The armchairs are near the table.
+[00:53.31]There is a stereo in the room.
+[00:57.53]The stereo is near the door.
+[01:01.55]There are some books on the stereo.
+[01:05.69]There are some pictures in the room.
+[01:09.62]The pictures are on the wall.

public/sound/article/nce1/新概念美音（第1册）（MP3+LRC）/029&030－Come In, Amy..lrc

@@ -0,0 +1,17 @@
+[al:新概念英语（一）]
+[ar:MP3 同步字幕版（美音）]
+[ti:Come In, Amy.]
+[by:更多学习内容，请到VeryCD.com搜索“露珠”]
+[00:00.52]Lesson 29
+[00:03.33]Come in, Amy.
+[00:06.85]Listen to the tape then answer this question.
+[00:12.60]How must Amy clean the floor?
+[00:17.30]Come in, Amy.
+[00:19.85]Shut the door, please.
+[00:22.49]This bedroom's very untidy.
+[00:26.83]What must I do, Mrs. Jones?
+[00:30.53]Open the window and air the room.
+[00:34.92]Then put these clothes in the wardrobe.
+[00:39.69]Then make the bed.
+[00:42.81]Dust the dressing table.
+[00:45.85]Then sweep the floor.

public/sound/article/nce1/新概念美音（第1册）（MP3+LRC）/031&032－Where's Sally.lrc

@@ -0,0 +1,22 @@
+[al:新概念英语（一）]
+[ar:MP3 同步字幕版（美音）]
+[ti:Where's Sally?]
+[by:更多学习内容，请到VeryCD.com搜索“露珠”]
+[00:00.51]Lesson 31
+[00:03.04]Where's Sally?
+[00:05.65]Listen to the tape then answer this question.
+[00:11.45]Is the cat climbing the tree?
+[00:15.84]Where's Sally, Jack?
+[00:18.67]She's in the garden, Jean.
+[00:21.45]What's she doing?
+[00:23.47]She's sitting under the tree.
+[00:26.56]Is Tim in the garden, too?
+[00:29.88]Yes, he is.
+[00:31.82]He's climbing the tree.
+[00:34.68]I beg your pardon?
+[00:36.91]Who's climbing the tree?
+[00:39.47]Tim is.
+[00:41.41]What about the dog?
+[00:44.25]The dog's in the garden, too.
+[00:46.89]It's running across the grass.
+[00:50.02]It's running after a cat.

public/sound/article/nce1/新概念美音（第1册）（MP3+LRC）/033&034－A Fine Day.lrc

@@ -0,0 +1,19 @@
+[al:新概念英语（一）]
+[ar:MP3 同步字幕版（美音）]
+[ti:A Fine Day]
+[by:更多学习内容，请到VeryCD.com搜索“露珠”]
+[00:00.71]Lesson 33
+[00:03.26]A fine day
+[00:06.02]Listen to the tape then answer this question.
+[00:11.42]Where is the Jones family?
+[00:16.26]It is a fine day today.
+[00:19.97]There are some clouds in the sky,
+[00:24.18]but the sun is shining.
+[00:27.74]Mr. Jones is with his family.
+[00:31.78]They are walking over the bridge.
+[00:35.83]There are some boats on the river.
+[00:39.86]Mr. Jones and his wife are looking at them.
+[00:45.73]Sally is looking at a big ship.
+[00:50.18]The ship is going under the bridge.
+[00:54.75]Tim is looking at an aeroplane.
+[00:59.51]The aeroplane is flying over the river.

public/sound/article/nce1/新概念美音（第1册）（MP3+LRC）/035&036－Our Village.lrc

@@ -0,0 +1,23 @@
+[al:新概念英语（一）]
+[ar:MP3 同步字幕版（美音）]
+[ti:Our Village]
+[by:更多学习内容，请到VeryCD.com搜索“露珠”]
+[00:00.68]Lesson 35
+[00:03.21]Our village
+[00:06.06]Listen to the tape then answer this question.
+[00:11.74]Are the children coming out of the park or going into it?
+[00:18.97]This is a photograph of our village.
+[00:23.50]Our village is in a valley.
+[00:26.89]It is between two hills.
+[00:30.24]The village is on a river.
+[00:34.69]Here is another photograph of the village.
+[00:39.62]My wife and I are walking along the banks of the river.
+[00:46.39]We are on the left.
+[00:49.59]There is a boy in the water.
+[00:52.93]He is swimming across the river.
+[00:58.26]Here is another photograph.
+[01:01.76]This is the school building.
+[01:04.76]It is beside a park.
+[01:08.09]The park is on the right.
+[01:11.52]Some children are coming out of the building.
+[01:15.99]Some of them are going into the park.

public/sound/article/nce1/新概念美音（第1册）（MP3+LRC）/037&038－Making a Bookcase.lrc

@@ -0,0 +1,26 @@
+[al:新概念英语（一）]
+[ar:MP3 同步字幕版（美音）]
+[ti:Making a Bookcase]
+[by:更多学习内容，请到VeryCD.com搜索“露珠”]
+[00:00.54]Lesson 37
+[00:03.05]Making a bookcase
+[00:06.11]Listen to the tape then answer this question.
+[00:12.30]What is Susan's favourite colour?
+[00:17.45]You're working hard, George.
+[00:20.72]What are you doing?
+[00:23.22]I'm making a bookcase.
+[00:26.81]Give me that hammer please, Dan.
+[00:30.82]Which hammer?
+[00:32.64]This one?
+[00:34.12]No, not that one.
+[00:36.53]The big one.
+[00:38.94]Here you are.
+[00:40.56]Thanks, Dan.
+[00:43.51]What are you going to do now, George?
+[00:47.84]I'm going to paint it.
+[00:51.12]What colour are you going to paint it?
+[00:55.48]I'm going to paint it pink.
+[00:59.50]Pink!
+[01:00.99]This bookcase isn't for me.
+[01:03.96]It's for my daughter, Susan.
+[01:07.10]Pink's her favourite colour.

public/sound/article/nce1/新概念美音（第1册）（MP3+LRC）/039&040－Don't Drop It.lrc

@@ -0,0 +1,20 @@
+[al:新概念英语（一）]
+[ar:MP3 同步字幕版（美音）]
+[ti:Don't Drop It!]
+[by:更多学习内容，请到VeryCD.com搜索“露珠”]
+[00:00.78]Lesson 39
+[00:03.11]Don't drop it!
+[00:06.28]Listen to the tape then answer this question.
+[00:12.44]Where does Sam put the vase in the end?
+[00:18.55]What are you going to do with that vase, Penny?
+[00:24.02]I'm going to put it on this table, Sam.
+[00:29.15]Don't do that.
+[00:31.31]Give it to me.
+[00:33.63]What are you going to do with it?
+[00:37.39]I'm going to put it here, in front of the window.
+[00:43.03]Be careful! Don't drop it!
+[00:47.32]Don't put it there, Sam.
+[00:50.31]Put it here, on this shelf.
+[00:54.70]There we are!
+[00:56.74]It's a lovely vase.
+[00:59.47]Those flowers are lovely, too.

src/hooks/event.ts

@@ -1,8 +1,7 @@
-import { onMounted, onUnmounted, watch, onDeactivated } from "vue";
+import { onDeactivated, onMounted, onUnmounted, watch } from "vue";
 import { emitter, EventKey } from "@/utils/eventBus.ts";
 import { useRuntimeStore } from "@/stores/runtime.ts";
 import { useSettingStore } from "@/stores/setting.ts";
-import { ShortcutKey } from "@/types/types.ts";
 import { isMobile } from "@/utils";
 
 export function useWindowClick(cb: (e: PointerEvent) => void) {

src/pages/article/components/TypingArticle.vue

@@ -1,24 +1,25 @@
 <script setup lang="ts">
-import {inject, onMounted, onUnmounted, watch} from "vue"
-import {Article, ArticleWord, PracticeArticleWordType, Sentence, ShortcutKey, Word} from "@/types/types.ts";
-import {useBaseStore} from "@/stores/base.ts";
-import {useSettingStore} from "@/stores/setting.ts";
-import {usePlayBeep, usePlayCorrect, usePlayKeyboardAudio} from "@/hooks/sound.ts";
-import {emitter, EventKey, useEvents} from "@/utils/eventBus.ts";
+import { inject, onMounted, onUnmounted, watch } from "vue"
+import { Article, ArticleWord, PracticeArticleWordType, Sentence, ShortcutKey, Word } from "@/types/types.ts";
+import { useBaseStore } from "@/stores/base.ts";
+import { useSettingStore } from "@/stores/setting.ts";
+import { usePlayBeep, usePlayCorrect, usePlayKeyboardAudio } from "@/hooks/sound.ts";
+import { emitter, EventKey, useEvents } from "@/utils/eventBus.ts";
 import { _dateFormat, _nextTick, isMobile, msToHourMinute, total } from "@/utils";
 import '@imengyu/vue3-context-menu/lib/vue3-context-menu.css'
 import ContextMenu from '@imengyu/vue3-context-menu'
 import BaseButton from "@/components/BaseButton.vue";
 import QuestionForm from "@/pages/article/components/QuestionForm.vue";
-import {getDefaultArticle, getDefaultWord} from "@/types/func.ts";
+import { getDefaultArticle, getDefaultWord } from "@/types/func.ts";
 import Toast from '@/components/base/toast/Toast.ts'
 import TypingWord from "@/pages/article/components/TypingWord.vue";
 import Space from "@/pages/article/components/Space.vue";
-import {useWordOptions} from "@/hooks/dict.ts";
+import { useWordOptions } from "@/hooks/dict.ts";
 import nlp from "compromise/three";
-import {nanoid} from "nanoid";
-import {usePracticeStore} from "@/stores/practice.ts";
-import {PracticeSaveArticleKey} from "@/config/env.ts";
+import { nanoid } from "nanoid";
+import { usePracticeStore } from "@/stores/practice.ts";
+import { PracticeSaveArticleKey } from "@/config/env.ts";
+import { retry } from "ali-oss/lib/common/utils/retry";
 
 interface IProps {
   article: Article,
@@ -150,6 +151,15 @@ function init() {
     })
     typeArticleRef?.scrollTo({top: 0, behavior: "smooth"})
   }
+  _nextTick(() => {
+    if (isNameWord()) {
+      next()
+    }
+    //如果是首句首词
+    if (sectionIndex === 0 && sentenceIndex === 0 && wordIndex === 0 && stringIndex === 0) {
+      emit('play', {sentence: props.article.sections[sectionIndex][sentenceIndex], handle: false})
+    }
+  })
   checkTranslateLocation().then(() => checkCursorPosition())
   focusMobileInput()
 }
@@ -222,8 +232,10 @@ function processMobileCharacter(char: string) {
   const fakeEvent = {
     key: char,
     code,
-    preventDefault() {},
-    stopPropagation() {},
+    preventDefault() {
+    },
+    stopPropagation() {
+    },
   } as unknown as KeyboardEvent
   onTyping(fakeEvent)
 }
@@ -247,6 +259,21 @@ function handleMobileBeforeInput(event: InputEvent) {
   }
 }
 
+
+const normalize = (s: string) => s.toLowerCase().trim()
+const namePatterns = $computed(() => {
+  return (props.article?.nameList ?? []).map(normalize).filter(Boolean).map(s => s.split(/\s+/).filter(Boolean)).flat().concat([
+    'Mr', 'Mrs', 'Ms', 'Dr', 'Miss',
+  ].map(normalize))
+})
+
+const isNameWord = () => {
+  let currentSection = props.article.sections[sectionIndex]
+  let currentSentence = currentSection[sentenceIndex]
+  let w: ArticleWord = currentSentence.words[wordIndex]
+  return w?.type === PracticeArticleWordType.Word && namePatterns.length > 0 && namePatterns.includes(normalize(w.word))
+}
+
 let isTyping = false
 //专用锁，因为这个方法父级要调用
 let lock = false
@@ -279,15 +306,48 @@ function nextSentence() {
       isEnd = true
       emit('complete')
     } else {
-      emit('play', {sentence: props.article.sections[sectionIndex][0], handle: false})
+      if (isNameWord()) {
+        next()
+      } else {
+        emit('play', {sentence: props.article.sections[sectionIndex][0], handle: false})
+      }
     }
   } else {
-    emit('play', {sentence: currentSection[sentenceIndex], handle: false})
+    if (isNameWord()) {
+      next()
+    } else {
+      emit('play', {sentence: currentSection[sentenceIndex], handle: false})
+    }
   }
   lock = false
   focusMobileInput()
 }
-  
+
+const next = () => {
+  isSpace = false;
+  input = wrong = ''
+  stringIndex = 0;
+
+  let currentSection = props.article.sections[sectionIndex]
+  let currentSentence = currentSection[sentenceIndex]
+  let currentWord: ArticleWord = currentSentence.words[wordIndex]
+
+  // 检查下一个单词是否存在
+  if (wordIndex + 1 < currentSentence.words.length) {
+    wordIndex++;
+    currentWord = currentSentence.words[wordIndex]
+    if ([PracticeArticleWordType.Symbol, PracticeArticleWordType.Number].includes(currentWord.type) && settingStore.ignoreSymbol) {
+      next()
+    } else if (isNameWord()) {
+      next()
+    } else {
+      emit('nextWord', currentWord);
+    }
+  } else {
+    nextSentence()
+  }
+}
+
 function onTyping(e: KeyboardEvent) {
   debugger
   if (!props.article.sections.length) return
@@ -300,33 +360,6 @@ function onTyping(e: KeyboardEvent) {
     let currentWord: ArticleWord = currentSentence.words[wordIndex]
     wrong = ''
 
-    const normalize = (s: string) => (settingStore.ignoreCase ? s.toLowerCase() : s).trim()
-    const nameList = (props.article?.nameList ?? []).map(normalize).filter(Boolean)
-    const isNameWord = (w: ArticleWord) => {
-      return w?.type === PracticeArticleWordType.Word && nameList.length > 0 && nameList.includes(normalize(w.word))
-    }
-
-    const next = () => {
-      isSpace = false;
-      input = wrong = ''
-      stringIndex = 0;
-      // 检查下一个单词是否存在
-      if (wordIndex + 1 < currentSentence.words.length) {
-        wordIndex++;
-        currentWord =  currentSentence.words[wordIndex]
-        if ([PracticeArticleWordType.Symbol,PracticeArticleWordType.Number].includes(currentWord.type) && settingStore.ignoreSymbol){
-          next()
-        } else if (isNameWord(currentWord)) {
-          isSpace = false
-          next()
-        } else {
-          emit('nextWord', currentWord);
-        }
-      } else {
-        nextSentence()
-      }
-    }
-
     if (isSpace) {
       if (e.code === 'Space') {
         next()
@@ -343,17 +376,13 @@ function onTyping(e: KeyboardEvent) {
         // }, 500)
       }
     } else {
-      //如果是首句首词
-      if (sectionIndex === 0 && sentenceIndex === 0 && wordIndex === 0 && stringIndex === 0) {
-        emit('play', {sentence: currentSection[sentenceIndex], handle: false})
-      }
-      if (isNameWord(currentWord)) {
-        isSpace = false
-        const savedTyping = isTyping
-        next()
-        isTyping = false
-        return onTyping(e)
-      }
+
+      // if (isNameWord(currentWord)) {
+      //   isSpace = false
+      //   next()
+      //   isTyping = false
+      //   return onTyping(e)
+      // }
       let letter = e.key
       let key = currentWord.word[stringIndex]
       // console.log('key', key,)
@@ -392,7 +421,7 @@ function onTyping(e: KeyboardEvent) {
     //todo 上报
     localStorage.removeItem(PracticeSaveArticleKey.key)
     init()
-  }finally {
+  } finally {
     isTyping = false
   }
 }
@@ -627,7 +656,10 @@ const currentPractice = inject('currentPractice', [])
         @input="handleMobileInput"
     />
     <header class="mb-4">
-      <div class="title word"><span class="font-family text-3xl">{{ store.sbook.lastLearnIndex + 1 }}.</span>{{ props.article.title }}</div>
+      <div class="title word"><span class="font-family text-3xl">{{
+          store.sbook.lastLearnIndex + 1
+        }}.</span>{{ props.article.title }}
+      </div>
       <div class="titleTranslate" v-if="settingStore.translate">{{ props.article.titleTranslate }}</div>
     </header>
 
@@ -897,7 +929,7 @@ $article-lh: 2.4;
     width: 100vw;
     max-width: 100%;
     padding: 1rem 0.5rem;
-    
+
     // 标题优化
     header {
       .title {
@@ -905,31 +937,31 @@ $article-lh: 2.4;
         line-height: 1.4;
         word-break: break-word;
         margin-bottom: 1rem;
-        
+
         .font-family {
           font-size: 1rem;
         }
       }
-      
+
       .titleTranslate {
         font-size: 0.9rem;
         margin-top: 0.5rem;
         opacity: 0.8;
       }
     }
-    
+
     // 句子显示优化
     .article-content {
       article {
         .section {
           margin-bottom: 1rem;
-          
+
           .sentence {
             font-size: 1rem;
             line-height: 1.6;
             word-break: break-word;
             margin-bottom: 0.5rem;
-            
+
             .word {
               .word-wrap {
                 padding: 0.1rem 0.05rem;
@@ -952,16 +984,16 @@ $article-lh: 2.4;
       font-family: var(--zh-article-family);
       word-break: break-word;
     }
-    
+
     // 翻译区域优化
     .translate {
       display: none;
     }
-    
+
     // 问答表单优化
     .question-form {
       padding: 0.5rem;
-      
+
       .base-button {
         width: 100%;
         min-height: 48px;
@@ -974,21 +1006,21 @@ $article-lh: 2.4;
 @media (max-width: 480px) {
   .typing-article {
     padding: 0.5rem 0.3rem;
-    
+
     header {
       .title {
         font-size: 1rem;
-        
+
         .font-family {
           font-size: 0.9rem;
         }
       }
-      
+
       .titleTranslate {
         font-size: 0.8rem;
       }
     }
-    
+
     .article-content {
       article {
         .section {
@@ -999,7 +1031,7 @@ $article-lh: 2.4;
         }
       }
     }
-    
+
     .sentence-translate-mobile {
       font-size: 0.85rem;
       line-height: 1.35;

src/pages/word/components/TypeWord.vue

@@ -652,14 +652,10 @@ useEvents([
     @apply text-lg w-12;
   }
 }
-    
-// 隐藏光标
-.cursor {
-  display: none !important;
-}
 
 // 移动端适配
 @media (max-width: 768px) {
+
   .typing-word {
     padding: 0 0.5rem 12rem;