feat: A1 短材料复现本单元理解词，并加入黑夜模式

课程内容
- 重写全部 21 个 A1 单元的听读材料，把本单元理解词织进听/读文本，
  单元内理解词复现率从约 20% 提升到约 77%（各单元 56–96%）。
- 修正 U01 房间号与机场大巴同为 thirty 的撞车（改为 17/30/40）。
- 校验器容差按级别读取（A1 为 8%），materials 覆盖率、字数、
  选项子串等校验全部通过；course_content_test 通过。

黑夜模式
- app_theme 拆分明/暗两套调色板，AppColors 随亮度切换；
  main 用 theme/darkTheme/themeMode + builder 镜像已解析亮度；
  主题偏好持久化到快照；进度页新增“外观主题”切换。

文档
- COURSE-PACK-JSON.md 更新 A1 词池覆盖（840/933）与材料复现约定。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

kouyu_english/lib/features/lesson/steps/speaking_step.dart

@@ -4,10 +4,12 @@ class _SpeakingStep extends StatefulWidget {
   const _SpeakingStep({
     required this.state,
     required this.text,
+    this.tip = '',
     required this.keepRecording,
     required this.onContinue,
   });
   final String text;
+  final String tip;
   final AppState state;
   final bool keepRecording;
   final VoidCallback onContinue;
@@ -78,21 +80,18 @@ class _SpeakingStepState extends State<_SpeakingStep>
           textAlign: TextAlign.center,
           style: const TextStyle(fontSize: 30, fontWeight: FontWeight.w600),
         ),
-        Text(
-          '/es - eɪtʃ - iː - en/',
-          style: Theme.of(context).textTheme.bodyMedium,
-        ),
         SectionCard(
           tint: AppColors.surfaceMuted,
           child: _AudioRow(label: '播放示范音', speech: widget.text),
         ),
-        const SectionCard(
-          tint: AppColors.warm,
-          child: Text(
-            '字母之间留一个短停顿。先清楚，不必快。',
-            style: TextStyle(color: AppColors.warmInk),
+        if (widget.tip.isNotEmpty)
+          SectionCard(
+            tint: AppColors.warm,
+            child: Text(
+              widget.tip,
+              style: TextStyle(color: AppColors.warmInk),
+            ),
           ),
-        ),
         SecondaryButton(
           label: transcribing
               ? '正在 AI 识别发音…'
@@ -137,9 +136,11 @@ class _SpeakingStepState extends State<_SpeakingStep>
             ),
           ),
         if (transcript.isNotEmpty)
-          SectionCard(child: Text("设备转写：$transcript\n请确认它是否接近你刚才说的内容。")),
+          _SpokenComparisonCard(expected: widget.text, transcript: transcript),
         const SectionCard(
-          child: Text('转写不确定或与原句不符时，可重说或继续文字练习；这一步只算跟读练习，不作为独立口语证据。'),
+          child: Text(
+            '转写只反映机器听成了什么，不等于发音评分；没听出的词可以再听示范、重说一次。这一步只算跟读练习，不作为独立口语证据。',
+          ),
         ),
         PrimaryButton(
           label: transcript.isEmpty ? '我已跟读，继续' : '确认并继续',
@@ -149,3 +150,54 @@ class _SpeakingStepState extends State<_SpeakingStep>
     ),
   );
 }
+
+class _SpokenComparisonCard extends StatelessWidget {
+  const _SpokenComparisonCard({
+    required this.expected,
+    required this.transcript,
+  });
+
+  final String expected;
+  final String transcript;
+
+  @override
+  Widget build(BuildContext context) {
+    final result = compareSpoken(expected, transcript);
+    final summary = result.matches
+        ? '每个词都被听出来了。'
+        : result.close
+        ? '大部分词都被听出来了，橙色的词再练一次。'
+        : '有几个词没被听出来：先听示范，再慢一点说。';
+    return SectionCard(
+      tint: result.close ? AppColors.softGreen : AppColors.warm,
+      child: SpacedColumn(
+        spacing: 8,
+        children: [
+          Text('听出 ${result.heardCount}/${result.total} 个词。$summary'),
+          Wrap(
+            spacing: 6,
+            runSpacing: 6,
+            children: [
+              for (final word in result.words)
+                Text(
+                  word.text,
+                  style: TextStyle(
+                    fontSize: 18,
+                    fontWeight: FontWeight.w600,
+                    color: word.heard ? AppColors.green : AppColors.warmInk,
+                    decoration: word.heard
+                        ? TextDecoration.none
+                        : TextDecoration.underline,
+                  ),
+                ),
+            ],
+          ),
+          Text(
+            '设备转写：$transcript',
+            style: Theme.of(context).textTheme.bodySmall,
+          ),
+        ],
+      ),
+    );
+  }
+}