launch huashu-design v1.0: 9 demos + marketing-first README

- 新增 9 个能力 demo（workflow + capability），每个 MP4 + GIF + 60fps
- README 重写：营销 hook 开头 · 功能优先结构 · 自然嵌入 GIF
- 修复 render-video.js Google Fonts networkidle 超时
- 修复 c1-ios-prototype 刘海/Home Indicator 背景色
- 补充 references/editable-pptx.md 和 scripts/export_deck_stage_pdf.mjs

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

assets/deck_stage.js

@@ -43,12 +43,27 @@
       this._width = parseInt(this.getAttribute('width')) || 1920;
       this._height = parseInt(this.getAttribute('height')) || 1080;
 
+      // Shadow DOM 先渲染（独立于子节点，不受 parser 时机影响）
       this._render();
-      this._collectSlides();
-      this._setupEventListeners();
-      this._restoreSlide();
-      this._updateDisplay();
-      this._setupPrintStyles();
+
+      // 防御：若 script 放在 <head> 里（而非 </deck-stage> 之后），
+      // parser 此刻可能还没处理完子 <section>，querySelectorAll 会返回空。
+      // 延迟到下一个事件循环，确保子节点都已 parse 完毕。
+      const init = () => {
+        this._collectSlides();
+        this._setupEventListeners();
+        this._restoreSlide();
+        this._updateDisplay();
+        this._setupPrintStyles();
+      };
+
+      if (this.ownerDocument.readyState === 'loading') {
+        // 文档还在 parse，等 DOMContentLoaded 一次搞定所有 section
+        this.ownerDocument.addEventListener('DOMContentLoaded', init, { once: true });
+      } else {
+        // 文档已 parse 完（script 在 body 底部或 defer），下一帧收集即可
+        requestAnimationFrame(init);
+      }
     }
 
     _render() {