悄悄话全屏页四改：一屏一句竖滑沉浸式、逐字亮起、光晕随句变色、双击抱抱、全部抽屉 (v26100168)

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

index.html

@@ -7,7 +7,7 @@
 <meta name="mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <title>兜爸心选 · 孕育陪伴</title>
-<!-- V:26100167 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26100168 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
 <link rel="stylesheet" href="mama-box.css">
 <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
 <!-- 共享助手：授权/跳商城/位置上报（分享卡片同步，见 docs/h5-auth-standard.md 第四节） -->
@@ -1766,23 +1766,25 @@
        层级 z 110：盖住 tabbar(60)，低于说一句弹窗(modal 120+)，所以在这页里点「说一句」弹窗能盖在上面。 -->
   <section class="wh-page" id="whPage" role="dialog" aria-modal="true" aria-labelledby="whpTitle" aria-hidden="true">
     <div class="whp-sky" aria-hidden="true"><i class="s1"></i><i class="s2"></i><i class="s3"></i><i class="moon"></i></div>
-    <div class="whp-scroll" id="whpScroll">
-      <header class="whp-top">
-        <button class="whp-back" id="whpBack" type="button" aria-label="返回">
-          <svg viewBox="0 0 24 24" width="20" height="20"><path d="M15 5l-7 7 7 7" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
-        </button>
-        <span class="whp-tag" id="whpTag"></span>
-      </header>
-      <h2 class="whp-title" id="whpTitle">悄悄话</h2>
-      <p class="whp-sub">不留名字，只留一句话。<br>听到了，就给她一个抱抱。</p>
-      <!-- 2026-10-02 三改（用户：「多人提交时看得不清晰……配色没问题，创意呈现上调整」）：
-           上 = 星图：每句悄悄话一颗星，抱抱越多越大越亮，连成今晚的星座；点星星 → 中间聚焦卡换成那一句（也会自动轮播）。
-           下 = 全部悄悄话：单列清单，一行一句，人再多也清楚。 -->
-      <div class="whp-sky2" id="whpSky" role="group" aria-label="今晚的星星，每颗是一句悄悄话"></div>
-      <div class="whp-focus" id="whpFocus" aria-live="polite"></div>
-      <div class="whp-lh"><b>全部悄悄话</b><span id="whpCount"></span></div>
-      <div class="whp-list" id="whpList"></div>
-      <p class="whp-end" id="whpEnd"></p>
+    <!-- 2026-10-02 四改（用户：「色调可以，整体设计再调整，看其他孕妈的内容要做得炫酷一点」）：
+         改成「一屏一句」的竖滑沉浸式（像刷短视频）：封面 = 大标题 + 今晚星座；往上滑每屏一句大字，
+         逐字亮起；背后两团光晕随每句换色；右侧抱抱大按钮，双击屏幕也能抱抱（爱心在手指处炸开）；
+         顶部一排进度条；右上「全部」拉出清单抽屉，点哪句跳哪句。配色沿用深夜星河。 -->
+    <div class="whv-aura" id="whvAura" aria-hidden="true"><i></i><i></i></div>
+    <header class="whv-top">
+      <button class="whp-back" id="whpBack" type="button" aria-label="返回">
+        <svg viewBox="0 0 24 24" width="20" height="20"><path d="M15 5l-7 7 7 7" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
+      </button>
+      <div class="whv-bars" id="whvBars" aria-hidden="true"></div>
+      <button class="whv-all" id="whvAll" type="button">全部</button>
+    </header>
+    <div class="whv" id="whv"></div>
+    <h2 class="sr-only" id="whpTitle">同孕周悄悄话</h2>
+    <div class="whd" id="whDrawer" aria-hidden="true">
+      <div class="whd-panel" role="dialog" aria-label="全部悄悄话">
+        <div class="whd-head"><b>全部悄悄话</b><span id="whpCount"></span><button type="button" class="whd-x" id="whdX" aria-label="收起"><svg viewBox="0 0 24 24" width="14" height="14"><path d="M6 6l12 12M18 6L6 18" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"/></svg></button></div>
+        <div class="whp-list" id="whpList"></div>
+      </div>
     </div>
     <div class="whp-bar">
       <button class="whp-say" id="whSay" type="button"><span>说一句悄悄话</span></button>