初始提交：三玩法 Web 原型与设计文档

- 玩法一 数字一笔：规则库、求解器、26 关、竖屏触摸 Web 原型、测试
- 玩法二 连连气球：连消畅玩版核心、Web 原型、Cocos 球槽组件与导出脚本
- 玩法三 六边一笔：规则库、求解器、10 关 + 转墙实验包、Web 原型、测试
- 产品文档、UI 设计规范、各玩法 GDD / HANDOFF
- 文档移除全部外部参考作引用；删除玩法二 v0 旧稿

modes/01-number-stroke/web/index.html

@@ -0,0 +1,78 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
+    />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="theme-color" content="#ffffff" />
+    <title>数字一笔</title>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <div id="app">
+      <!-- 选关 -->
+      <section id="screen-select" class="screen">
+        <header class="select-header">
+          <h1>数字一笔</h1>
+          <p class="sub">按数字顺序，一笔走遍每一格</p>
+          <div class="overall" aria-label="总进度">
+            <div class="overall-bar"><i id="overall-fill"></i></div>
+            <span id="overall-text" class="overall-text">0 / 0</span>
+          </div>
+        </header>
+        <div id="pack-list" class="pack-list"></div>
+        <button id="btn-continue" class="primary">继续</button>
+        <footer class="select-footer">
+          <button id="btn-sound" class="chip">音效</button>
+          <button id="btn-haptic" class="chip">振动</button>
+          <button id="btn-reset-progress" class="chip danger">重置进度</button>
+        </footer>
+      </section>
+
+      <!-- 对局 -->
+      <section id="screen-play" class="screen hidden">
+        <header class="topbar">
+          <button id="btn-back" class="icon" aria-label="返回选关">
+            <svg viewBox="0 0 24 24" width="26" height="26" aria-hidden="true"><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="level-info">
+            <div id="level-title" class="level-title">1-1</div>
+            <div id="level-sub" class="level-sub">入门 · 第 1 关</div>
+          </div>
+          <div id="remaining" class="remaining" aria-live="polite" aria-label="剩余格数">
+            <svg class="remaining-icon tile" viewBox="0 0 24 24" width="16" height="16" aria-hidden="true"><rect x="4" y="4" width="16" height="16" rx="4.5" fill="none" stroke="currentColor" stroke-width="2.4"/></svg>
+            <svg class="remaining-icon check" viewBox="0 0 24 24" width="16" height="16" aria-hidden="true"><path d="M5 12.5l4.5 4.5L19 7.5" fill="none" stroke="currentColor" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
+            <span id="remaining-n">0</span>
+          </div>
+        </header>
+        <div id="level-progress" class="level-progress" aria-hidden="true"></div>
+        <div id="caption" class="caption"></div>
+        <div id="board-wrap" class="board-wrap">
+          <canvas id="board"></canvas>
+        </div>
+        <p class="gesture-help">按住滑动连线 · 点已走格回退</p>
+        <footer class="bottombar">
+          <button id="btn-restart" class="action">
+            <svg viewBox="0 0 24 24" width="22" height="22" aria-hidden="true"><path d="M4 12a8 8 0 1 0 2.5-5.8" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/><path d="M4 4v5h5" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+            <span>重开</span>
+          </button>
+          <button id="btn-hint" class="action">
+            <svg viewBox="0 0 24 24" width="22" height="22" aria-hidden="true"><path d="M9 18h6M10 21h4M12 3a6 6 0 0 0-3.6 10.8c.6.5 1 1.2 1.1 2.2h5c.1-1 .5-1.7 1.1-2.2A6 6 0 0 0 12 3z" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+            <span>补数字</span>
+          </button>
+          <button id="btn-route-hint" class="action">
+            <svg viewBox="0 0 24 24" width="22" height="22" aria-hidden="true"><path d="M5 19v-7a4 4 0 0 1 4-4h10m-4-4 4 4-4 4" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+            <span>指路</span>
+          </button>
+        </footer>
+      </section>
+      <div id="toast" class="toast" role="status"></div>
+    </div>
+    <script src="dist/app.js"></script>
+  </body>
+</html>