底部导航改版（选中胶囊+升起的记一下圆钮）；今日脚印无记录时显示两条示例

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

js/app.js

@@ -3,7 +3,7 @@
 (function () {
   'use strict';
   /* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */
-  var VER = '26100140';
+  var VER = '26100141';
   const $ = (s, c) => (c || document).querySelector(s);
   const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
 
@@ -4051,7 +4051,17 @@
     tl.classList.toggle('no-ai', !txt);
     tl.classList.toggle('ai-warn', !!(r.digest && r.digest.warn));
     if (guide) guide.style.display = (mode === 'guide') ? '' : 'none';
-    if (mode === 'guide') { steps.style.display = 'none'; steps.innerHTML = ''; renderGuide(r); return; }
+    /* 2026-10-01 用户要求：还没脚印时先给两条「用过之后长这样」的示例。
+       ⚠️ 这是**明确标注的示例**（上方提示语 + 每张卡的「示例」角标 + 整体变淡），不是冒充真实记录；
+          别把它挪到 rows 分支里，也别去掉标注。 */
+    const demoT = $('#fpDemoT');
+    if (demoT) demoT.style.display = (mode === 'guide') ? '' : 'none';
+    steps.classList.toggle('is-demo', mode === 'guide');
+    if (mode === 'guide') {
+      steps.style.display = ''; steps.innerHTML = '';
+      FP_DEMO.forEach(row => { const el = buildFootprintStep(row); el.querySelector('.st-card').insertAdjacentHTML('beforeend', '<i class="st-demo">示例</i>'); steps.append(el); });
+      renderGuide(r); return;
+    }
     steps.style.display = '';
     steps.innerHTML = '';
     if (mode === 'pending') { steps.append(pendingFootprintStep()); return; }
@@ -4179,6 +4189,10 @@
     d.append(dot, card);
     return d;
   }
+  const FP_DEMO = [
+    { at: '09:12', label: '数胎动 12 次，小家伙今天特别活跃', app: '数胎动', detail: '1 小时内' },
+    { at: '20:30', label: '体重 58.6 kg，比上周稳稳 +0.3', app: '孕期体重', detail: '' },
+  ];
   const FP_FOOT = '<svg viewBox="0 0 16 22" width="12" height="16" aria-hidden="true"><ellipse cx="8.4" cy="13.6" rx="4.6" ry="6.6" fill="currentColor"/><circle cx="3.6" cy="4.6" r="1.7" fill="currentColor"/><circle cx="6.6" cy="2.6" r="1.6" fill="currentColor"/><circle cx="9.8" cy="2.4" r="1.5" fill="currentColor"/><circle cx="12.6" cy="3.8" r="1.3" fill="currentColor"/></svg>';
 
   /* 无足迹占位行：同构的一行，读屏和眼睛都不会把空卡当成坏卡。 */