diff --git a/public/manifest.webmanifest b/public/manifest.webmanifest
index ff8dda8..1c2ad7e 100644
--- a/public/manifest.webmanifest
+++ b/public/manifest.webmanifest
@@ -12,5 +12,14 @@
     { "src": "/icons/icon-192.png", "sizes": "192x192", "type": "image/png" },
     { "src": "/icons/icon-512.png", "sizes": "512x512", "type": "image/png" },
     { "src": "/icons/icon-maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
+  ],
+  "shortcuts": [
+    {
+      "name": "瞬间",
+      "short_name": "瞬间",
+      "description": "离线也能刷的瞬间时间线",
+      "url": "/moments/",
+      "icons": [{ "src": "/icons/icon-192.png", "sizes": "192x192" }]
+    }
   ]
 }
diff --git a/src/components/pages/MomentsPage.astro b/src/components/pages/MomentsPage.astro
index a536e05..44fadd8 100644
--- a/src/components/pages/MomentsPage.astro
+++ b/src/components/pages/MomentsPage.astro
@@ -56,6 +56,14 @@ const iso = (d: Date) => d.toISOString();
       </li>
     ))}
   </ol>
+
+  <!-- 安装引导（disclosure 小条）：仅浏览器明确可装且未安装时现形，克制不打扰 -->
+  <div class="install-cta" id="install-cta" hidden>
+    <span>{locale === 'en' ? 'Add to Home Screen — moments work offline' : '装到主屏，离线也能刷瞬间'}</span>
+    <button type="button" id="install-btn" class="install-btn">
+      {locale === 'en' ? 'Install' : '安装'}
+    </button>
+  </div>
 </BaseLayout>
 
 <script>
@@ -103,9 +111,46 @@ const iso = (d: Date) => d.toISOString();
   document.addEventListener('astro:page-load', () => {
     void bumpPv();
     armAnim();
+    refreshInstallCta();
   });
   void bumpPv();
   armAnim();
+
+  // —— PWA 安装引导：beforeinstallprompt 早在页面加载初期触发，
+  //     故模块级立即绑定存事件，page-load 只负责刷新 UI 显隐 ——
+  let deferredPrompt: Event & { prompt?: () => Promise<void>; userChoice?: Promise<{ outcome: string }> } | null = null;
+  document.addEventListener('beforeinstallprompt', (e) => {
+    e.preventDefault();
+    deferredPrompt = e as typeof deferredPrompt;
+    refreshInstallCta();
+  });
+  document.addEventListener('appinstalled', () => {
+    deferredPrompt = null;
+    refreshInstallCta();
+  });
+  const isInstalled = () =>
+    matchMedia('(display-mode: standalone)').matches ||
+    (navigator as Navigator & { standalone?: boolean }).standalone === true;
+  function refreshInstallCta() {
+    const cta = document.getElementById('install-cta');
+    if (!cta) return;
+    cta.hidden = !(deferredPrompt && !isInstalled());
+  }
+  document.addEventListener('click', (e) => {
+    if ((e.target as HTMLElement)?.id !== 'install-btn') return;
+    if (!deferredPrompt) return;
+    void (async () => {
+      try {
+        await deferredPrompt?.prompt?.();
+        const choice = await deferredPrompt?.userChoice;
+        if (choice?.outcome === 'accepted') {
+          deferredPrompt = null;
+          refreshInstallCta();
+        }
+      } catch { /* 用户关闭安装框：保留事件，小条仍在 */ }
+    })();
+  });
+  refreshInstallCta();
 </script>
 
 <style>
@@ -201,6 +246,30 @@ const iso = (d: Date) => d.toISOString();
     .mom-card { padding: var(--space-2) var(--space-3); }
     .mom-fig { max-width: 100%; }
   }
+  .install-cta {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--space-2);
+    margin-top: var(--space-5);
+    padding: var(--space-3);
+    border: 1px dashed var(--line);
+    border-radius: 8px;
+    font-size: 13px;
+    color: var(--ink-3);
+  }
+  .install-btn {
+    font-family: var(--font-mono);
+    font-size: 12px;
+    color: var(--ink-2);
+    background: var(--bg-soft);
+    border: 1px solid var(--line);
+    border-radius: 6px;
+    padding: 4px 12px;
+    cursor: pointer;
+    transition: border-color var(--dur) var(--ease);
+  }
+  .install-btn:hover { border-color: var(--accent); }
   .pv-line {
     font-family: var(--font-mono);
     font-size: 12px;