fix+feat: AI报告apiFetch修复 + 错题练习独立页面 SW v1.8.1

AI分析报告修复（根因：raw fetch 缺少 session token）：
- 改用 apiFetch() 代替 raw fetch，自动携带 X-Session-Token 和 X-User-ID
- loadingEl.remove() 加 parentNode 守卫，防止重复删除报错
- 错误信息包含 HTTP 状态码，便于调试
- console.error 记录详细错误

错题练习独立页面（与「我的收藏」页面结构一致）：
- 新增 s-wrongbook screen：顶部统计（全部题数）+ 科目列表
- 主页「错题练习」按钮改为 openWrongBook() 打开新页面
- 科目列表用 data-unit + 事件委托，避免引号冲突
- 点击科目行直接进入该章节错题练习
- 空状态提示

Author: FixBot

assets/static/quiz.js

@@ -3764,20 +3764,19 @@ async function showAIReport() {
 
   // ── 发起流式请求，用 makeStreamingRenderer 渲染 ─────────────
   try {
-    const headers = {
-      'Content-Type': 'application/json',
-      'X-Session-Token': window.SESSION_TOKEN || '',
-    };
-    const uid = typeof _getUIDCookie === 'function' ? _getUIDCookie() : '';
-    if (uid) headers['X-User-ID'] = uid;
-
-    const res = await fetch('/api/ai/report?' + bankQS(), {
-      method: 'POST', headers, body: JSON.stringify(payload),
+    // 使用 apiFetch 确保携带正确的 session token 和 user-id
+    const res = await apiFetch('/api/ai/report?' + bankQS(), {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(payload),
     });
-    if (!res.ok) throw new Error('HTTP ' + res.status);
+    if (!res.ok) {
+      const errText = await res.text().catch(() => '');
+      throw new Error('HTTP ' + res.status + (errText ? ': ' + errText.slice(0,100) : ''));
+    }
 
     // 清除 loading，创建内容容器
-    loadingEl.remove();
+    if (loadingEl.parentNode) loadingEl.remove();
     const contentEl = document.createElement('div');
     contentEl.className = 'ai-report-msg';
     messagesEl.appendChild(contentEl);
@@ -3809,23 +3808,22 @@ async function showAIReport() {
             if (renderer) {
               renderer.push(obj.content);
             } else {
-              // fallback：纯文字追加
               contentEl.textContent += obj.content;
             }
-            // 自动滚动到底部
             messagesEl.scrollTop = messagesEl.scrollHeight;
           }
-        } catch(e) { /* ignore parse errors */ }
+        } catch(parseErr) { /* ignore parse errors */ }
       }
     }
     if (renderer) renderer.end();
 
   } catch(e) {
-    loadingEl.remove();
+    if (loadingEl.parentNode) loadingEl.remove();
     const errEl = document.createElement('p');
     errEl.style.cssText = 'color:var(--danger);padding:16px;font-size:13px';
     errEl.textContent = '⚠ 报告生成失败：' + (e.message || '网络错误');
     messagesEl.appendChild(errEl);
+    console.error('[AI Report]', e);
   }
 }
 
@@ -4639,6 +4637,66 @@ function refreshFavBadge() {
 }
 
 /** 打开收藏页 */
+/** 打开错题练习独立页面 */
+async function openWrongBook() {
+  showScreen('s-wrongbook');
+  await _renderWrongBookScreen();
+}
+
+async function _renderWrongBookScreen() {
+  const bankNameEl = document.getElementById('wb-bank-name');
+  if (bankNameEl) bankNameEl.textContent = (S.bankInfo && S.bankInfo.name) || '';
+
+  const listEl  = document.getElementById('wb-unit-list');
+  const emptyEl = document.getElementById('wb-empty');
+  const cntAll  = document.getElementById('wb-cnt-all');
+
+  if (listEl) listEl.innerHTML = '<div style="padding:16px;color:var(--muted);font-size:13px">加载中…</div>';
+  if (emptyEl) emptyEl.style.display = 'none';
+
+  try {
+    const res = await apiFetch('/api/wrongbook?' + bankQS()).then(r => r.json());
+    const allItems = res.items || [];
+
+    if (!allItems.length) {
+      if (listEl) listEl.innerHTML = '';
+      if (emptyEl) emptyEl.style.display = '';
+      if (cntAll)  cntAll.textContent = '0';
+      return;
+    }
+
+    if (cntAll) cntAll.textContent = allItems.length;
+
+    // 按 unit 分组
+    const unitMap = {};
+    allItems.forEach(it => {
+      const unit = it.unit || '未分类';
+      if (!unitMap[unit]) unitMap[unit] = 0;
+      unitMap[unit]++;
+    });
+
+    if (listEl) {
+      listEl.innerHTML = Object.entries(unitMap).map(([unit, cnt]) =>
+        `<div class="fav-unit-row" data-unit="${esc(unit)}">
+          <div class="fav-unit-left">
+            <div class="fav-unit-name">${esc(unit)}</div>
+            <div class="fav-unit-count">${cnt} 题</div>
+          </div>
+          <span class="fav-unit-chevron">›</span>
+        </div>`
+      ).join('');
+
+      listEl.onclick = function(e) {
+        const row = e.target.closest('.fav-unit-row');
+        if (!row || !row.dataset.unit) return;
+        startWrongBookReview(row.dataset.unit, allItems);
+      };
+    }
+  } catch(e) {
+    if (listEl) listEl.innerHTML = '<div style="padding:16px;color:var(--danger);font-size:13px">⚠ 加载失败</div>';
+  }
+}
+
 function openFavorites() {
   showScreen('s-favorites');
   _renderFavoritesScreen();

assets/static/sw.js

@@ -1,5 +1,5 @@
 // Service Worker for 医考练习 PWA
-const CACHE_NAME = 'med-quiz-v1.8.0';
+const CACHE_NAME = 'med-quiz-v1.8.1';
 
 const STATIC_ASSETS = [
     '/static/common.css',

assets/templates/quiz.html

@@ -316,7 +316,7 @@ <h2>选择题库</h2>
         <span class="home-quick-icon">🔄</span><span>今日复习</span>
         <span class="due-badge" id="due-badge" style="display:none">0</span>
       </button>
-      <button class="home-quick-btn" onclick="startWrongBookReview()" id="wrongbook-btn">
+      <button class="home-quick-btn" onclick="openWrongBook()" id="wrongbook-btn">
         <span class="home-quick-icon">📕</span><span>错题练习</span>
         <span class="due-badge err" id="wrong-badge" style="display:none">0</span>
       </button>
@@ -389,6 +389,37 @@ <h2>学习统计</h2>
     </div>
   </div>
 
+  <!-- ═══ WRONGBOOK ══════════════════════════════════════════════════ -->
+  <div id="s-wrongbook" class="screen slide-right">
+    <div class="fav-header">
+      <button class="back-btn" onclick="showScreen('s-home')">←</button>
+      <div class="fav-header-center">
+        <h2>错题练习</h2>
+        <span class="fav-header-sub" id="wb-bank-name"></span>
+      </div>
+      <span style="width:34px"></span>
+    </div>
+
+    <!-- 统计卡片 -->
+    <div class="fav-stat-card">
+      <div class="fav-stat-item" id="wb-stat-all" onclick="startWrongBookReview('__all__')">
+        <div class="fav-stat-num" id="wb-cnt-all">0</div>
+        <div class="fav-stat-label">全部 <span class="fav-arrow">›</span></div>
+      </div>
+    </div>
+
+    <!-- 科目列表 -->
+    <div class="section-label" style="margin-top:8px">科目列表</div>
+    <div id="wb-unit-list" class="fav-unit-list"></div>
+
+    <!-- 空状态 -->
+    <div id="wb-empty" class="fav-empty" style="display:none">
+      <div class="fav-empty-icon">📗</div>
+      <div class="fav-empty-text">暂无错题记录</div>
+      <div class="fav-empty-hint">做完题目后答错的题会出现在这里</div>
+    </div>
+  </div>
+
   <!-- ═══ FAVORITES ══════════════════════════════════════════════════ -->
   <div id="s-favorites" class="screen slide-right">
     <div class="fav-header">