feat: 新增「实验室 Lab」——浏览器里能玩的交互实验

不再局限于文章，给博客加一个可互动的实验室页面。

新增 /lab/，四个纯前端实验（Canvas + 原生 JS，无 CDN，深色模式适配）：
1. 生命游戏：点击播种细胞，空格暂停、R 随机、C 清空、单步/运行
2. 曼德博分形：点击放大、右键/滚轮缩放，可无限深入
3. 双摆混沌：拖出混沌轨迹，点击重新设定起始角度
4. 傅里叶绘图：一圈圈旋转箭头逼近心形曲线

首页 hero 主按钮改为「进实验室玩」，导航/页脚同步加入口。

Author: tyuecode

_layouts/default.html

@@ -26,6 +26,7 @@ <h1><a href="{{ "/" | absolute_url }}">{{ site.title | default: site.github.repo
         <p>{{ site.description | default: site.github.project_tagline }}</p>
 
         <nav class="site-nav">
+          <a href="{{ "/lab/" | relative_url }}">🧪 实验室</a>
           <a href="{{ "/search/" | relative_url }}">搜索</a>
           <a href="{{ "/reading/" | relative_url }}">好文推荐</a>
           <a href="{{ "/stats/" | relative_url }}">数据</a>
@@ -60,6 +61,7 @@ <h1><a href="{{ "/" | absolute_url }}">{{ site.title | default: site.github.repo
           <a href="{{ "/about/" | relative_url }}">关于</a> ·
           <a href="{{ "/tags/" | relative_url }}">标签</a> ·
           <a href="{{ "/search/" | relative_url }}">搜索</a> ·
+          <a href="{{ "/lab/" | relative_url }}">实验室</a> ·
           <a href="{{ "/reading/" | relative_url }}">好文推荐</a> ·
           <a href="{{ "/stats/" | relative_url }}">数据</a> ·
           <a href="{{ "/random/" | relative_url }}">手气不错</a> ·

assets/css/style.scss

@@ -1053,6 +1053,109 @@ kbd {
 
 .konami-close:hover { background: var(--link-hover); }
 
+/* ==========================================================================
+   实验室 Lab
+   ========================================================================== */
+.lab-badge {
+  display: inline-block;
+  margin-left: 6px;
+  padding: 2px 8px;
+  font-size: 12px;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  color: #ffffff;
+  background: var(--link);
+  border-radius: 999px;
+  vertical-align: middle;
+}
+
+.lab-tabs {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin: 16px 0 14px;
+}
+
+.lab-tab {
+  padding: 8px 14px;
+  font-family: inherit;
+  font-size: 14px;
+  color: var(--text);
+  background: var(--panel);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  cursor: pointer;
+  transition: border-color .15s ease, color .15s ease, background .15s ease;
+}
+
+.lab-tab:hover {
+  color: var(--link);
+  border-color: var(--link);
+}
+
+.lab-tab.active {
+  color: #ffffff;
+  background: var(--link);
+  border-color: var(--link);
+}
+
+.lab-panel {
+  display: none;
+  margin: 0 0 20px;
+}
+
+.lab-panel.active { display: block; }
+
+.lab-hint {
+  margin: 0 0 12px;
+  font-size: 13px;
+  color: var(--muted);
+}
+
+.lab-canvas {
+  display: block;
+  width: 100%;
+  max-width: 560px;
+  margin: 0 auto;
+  background: var(--code-bg);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  cursor: crosshair;
+  touch-action: none;
+}
+
+.lab-controls {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  margin: 12px auto 0;
+  max-width: 560px;
+}
+
+.lab-btn {
+  padding: 6px 13px;
+  font-family: inherit;
+  font-size: 13px;
+  color: var(--text);
+  background: var(--panel);
+  border: 1px solid var(--border);
+  border-radius: 5px;
+  cursor: pointer;
+  transition: border-color .15s ease, color .15s ease;
+}
+
+.lab-btn:hover {
+  color: var(--link);
+  border-color: var(--link);
+}
+
+.lab-readout {
+  margin-left: auto;
+  font-size: 12px;
+  color: var(--muted);
+  font-variant-numeric: tabular-nums;
+}
+
 /* ==========================================================================
    打印
    ========================================================================== */
@@ -1066,7 +1169,11 @@ kbd {
   .hero-actions,
   .terminal,
   .resume-reading,
-  .konami-overlay { display: none !important; }
+  .konami-overlay,
+  .lab-tabs,
+  .lab-controls { display: none !important; }
+
+  .lab-canvas { max-height: 400px; }
 
   :root,
   [data-theme="dark"] {