feat: 添加 AI 演示视频到首页，Apple 风格视频展示区

在架构区和特性区之间新增演示视频 section，Apple HIG 风格 — 圆角容器、
悬浮阴影、自动播放。仅提交最终剪辑视频（6.9MB），排除原始片段和音频。

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

Author: kevinten10

.gitignore

@@ -2,4 +2,21 @@
 /public
 resources/
 node_modules/
-.superpowers/
+.superpowers/
+
+# Raw video clips and audio (keep only final cut)
+static/videos/01-*.mp4
+static/videos/02-*.mp4
+static/videos/03-*.mp4
+static/videos/music_*.mp3
+static/videos/tts_*.mp3
+
+# Screenshots and temp images
+*.png
+!static/**/*.png
+!content/**/*.png
+!assets/**/*.png
+!themes/**/*.png
+
+# Playwright
+.playwright-mcp/

content/zh/_index.html

@@ -42,6 +42,22 @@ <h2 class="capa-section-title">统一 API，解耦基础设施。</h2>
   </div>
 </section>
 
+<!-- ==================== DEMO VIDEO ==================== -->
+<section class="capa-video">
+  <div class="capa-reveal" style="text-align: center;">
+    <div class="capa-section-label">演示</div>
+    <h2 class="capa-section-title">眼见为实。</h2>
+    <p class="capa-section-desc">
+      一分钟了解 Capa 的核心理念与跨云能力。
+    </p>
+  </div>
+  <div class="capa-video__player capa-reveal capa-reveal-delay-1">
+    <video autoplay muted loop playsinline preload="metadata">
+      <source src="{{ "videos/capa-demo-final.mp4" | absURL }}" type="video/mp4">
+    </video>
+  </div>
+</section>
+
 <!-- ==================== FEATURES ==================== -->
 <section class="capa-features">
   <div class="capa-features__grid">

layouts/partials/hooks/head-end.html

@@ -338,6 +338,33 @@
   display: block;
 }
 
+/* ---------- Video ---------- */
+.capa-video {
+  padding: 100px 24px 60px;
+  background: #fff;
+  text-align: center;
+}
+
+.capa-video__player {
+  max-width: 800px;
+  margin: 0 auto;
+  border-radius: 20px;
+  overflow: hidden;
+  background: #000;
+  box-shadow: 0 20px 60px rgba(0,0,0,0.12), 0 0 0 0.5px rgba(0,0,0,0.06);
+  transition: transform 0.6s var(--apple-ease), box-shadow 0.6s var(--apple-ease);
+}
+.capa-video__player:hover {
+  transform: scale(1.01);
+  box-shadow: 0 28px 80px rgba(0,0,0,0.18), 0 0 0 0.5px rgba(0,0,0,0.08);
+}
+
+.capa-video__player video {
+  width: 100%;
+  height: auto;
+  display: block;
+}
+
 /* ---------- Features ---------- */
 .capa-features {
   padding: 40px 24px 100px;