悄悄话全屏页五改：流星夜空，点星变流星、字做尾巴先慢后唰、底部内容卡 (v26100169)

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:26100168 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26100169 缓存版本标记：改 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,19 +1766,24 @@
        层级 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>
-    <!-- 2026-10-02 四改（用户：「色调可以，整体设计再调整，看其他孕妈的内容要做得炫酷一点」）：
-         改成「一屏一句」的竖滑沉浸式（像刷短视频）：封面 = 大标题 + 今晚星座；往上滑每屏一句大字，
-         逐字亮起；背后两团光晕随每句换色；右侧抱抱大按钮，双击屏幕也能抱抱（爱心在手指处炸开）；
-         顶部一排进度条；右上「全部」拉出清单抽屉，点哪句跳哪句。配色沿用深夜星河。 -->
+    <!-- 2026-10-02 五改（用户：「打开页面夜空里特别多星星；点开一颗，它像流星一样滑落，白色的头往下滑，
+         尾巴就是这句话的字；先保证看清，刚开始慢一点，说完了唰地就快了；同时把对应内容呈现出来」）：
+         夜空 = 每句一颗可点的亮星 + 一百多颗装饰小星（偶尔有无字的小流星划过）；点亮星 → 流星 + 底部内容卡。 -->
     <div class="whv-aura" id="whvAura" aria-hidden="true"><i></i><i></i></div>
+    <div class="wsk" id="wsk">
+      <div class="wsk-deco" id="wskStars" aria-hidden="true"></div>
+      <i class="wsk-shoot" aria-hidden="true"></i><i class="wsk-shoot s2" aria-hidden="true"></i>
+      <div class="wsk-bright" id="wskBright" role="group" aria-label="夜空里的星星，每颗是一句悄悄话"></div>
+    </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>
+      <span class="whp-tag" id="whpTag"></span>
       <button class="whv-all" id="whvAll" type="button">全部</button>
     </header>
-    <div class="whv" id="whv"></div>
+    <div class="wsk-title" id="wskTitle"></div>
+    <div class="wsc" id="wsc" aria-live="polite"></div>
     <h2 class="sr-only" id="whpTitle">同孕周悄悄话</h2>
     <div class="whd" id="whDrawer" aria-hidden="true">
       <div class="whd-panel" role="dialog" aria-label="全部悄悄话">