feat(web): #67 Phase 1 - 办公室家具增强 (#68)

**Issue #67 办公室 Kenney 美术升级 Phase 1**

Kenney 网站暂时不可用（404），先用现有资源增强：
- 墙上装饰画（🚀 SHIP IT、📡 PING）
- 文件柜（左墙，3层抽屉）
- 办公桌收纳盒（笔筒、便签纸）
- 休息区额外植物盆栽

Build: ✅

Co-authored-by: Ubuntu <ubuntu@localhost.localdomain>

Author: WingedDragon

memory/2026-03-22.md

@@ -44,3 +44,20 @@
 - force push 前确认分支状态
 - rebase 冲突时用 `--theirs` 保留对方版本
 - 推送前先 `git pull --rebase` 避免 divergence
+
+## Phase 4 完成
+
+- ✅ #54 Canvas 放大 + 会议室
+- ✅ #55 Panel layout + UI组件库
+- ✅ #56 动画增强（日/夜平滑过渡 + Agent flash高亮 + 白板刷新动画 + 时钟秒针）
+- ✅ #57 游戏化（Leaderboard + useGamification hook + 积分榜）
+
+**今日 PRs 合并：**
+- PR #60, #61, #62, #63, #64, #65
+
+## 团队分工
+- 小前：#54, #55, #57 UI
+- 小开：#56 动画增强
+- 小后：WebSocket 服务端
+- 小审：代码 review
+- 小产：产品管理

packages/web/public/avatars/avatar_test1.png

@@ -312,6 +312,55 @@ export class SceneDecorations {
     g.rect(flx - 10, fly - 10, 20, 10).fill({ color: 0xffe8a0 }); // shade
     g.ellipse(flx, fly + 10, 40, 25).fill({ color: 0xffeeaa, alpha: 0.08 }); // glow
 
+    // ── Motivational posters on wall ────────────────────────────────────────
+    // Poster 1 - "SHIP IT"
+    g.rect(300, 5, 50, 30).fill({ color: 0x2a3a2a });
+    g.rect(301, 6, 48, 28).fill({ color: 0x1a2a1a });
+    const shipText = new Text({ text: '🚀', style: new TextStyle({ fontSize: 14 }) });
+    shipText.anchor.set(0.5, 0.5);
+    shipText.position.set(325, 15);
+    this.container.addChild(shipText);
+
+    // Poster 2 - "PING"
+    g.rect(500, 5, 50, 30).fill({ color: 0x2a2a3a });
+    g.rect(501, 6, 48, 28).fill({ color: 0x1a1a2a });
+    const pingText = new Text({ text: '📡', style: new TextStyle({ fontSize: 14 }) });
+    pingText.anchor.set(0.5, 0.5);
+    pingText.position.set(525, 15);
+    this.container.addChild(pingText);
+
+    // ── Filing cabinet (left wall) ─────────────────────────────────────────
+    const fcX = 2, fcY = SCENE_H - 80;
+    g.rect(fcX, fcY, 18, 60).fill({ color: 0x8899aa });
+    g.rect(fcX + 1, fcY + 1, 16, 19).fill({ color: 0x7788aa }); // drawer 1
+    g.rect(fcX + 1, fcY + 20, 16, 19).fill({ color: 0x7788aa }); // drawer 2
+    g.rect(fcX + 1, fcY + 39, 16, 19).fill({ color: 0x7788aa }); // drawer 3
+    // Drawer handles
+    g.rect(fcX + 7, fcY + 8, 4, 2).fill({ color: 0x556677 });
+    g.rect(fcX + 7, fcY + 27, 4, 2).fill({ color: 0x556677 });
+    g.rect(fcX + 7, fcY + 46, 4, 2).fill({ color: 0x556677 });
+
+    // ── Desk organizers (on some desks) ────────────────────────────────────
+    const organizerSlots = [0, 2, 4, 6]; // Only on half the desks
+    for (const idx of organizerSlots) {
+      const slot = DESK_SLOTS[idx];
+      if (!slot) continue;
+      const ox = slot.x + 20, oy = slot.y - 10;
+      // Pen holder
+      g.rect(ox, oy, 6, 12).fill({ color: 0x445566 });
+      g.rect(ox + 1, oy + 1, 1, 8).fill({ color: 0xee4444 }); // red pen
+      g.rect(ox + 3, oy + 1, 1, 6).fill({ color: 0x44aa44 }); // green pen
+      // Sticky notes pad
+      g.rect(ox + 8, oy + 4, 10, 10).fill({ color: 0xffee44 });
+      g.rect(ox + 8, oy + 4, 10, 2).fill({ color: 0xeecc22 }); // note shadow
+    }
+
+    // ── Extra plant in lounge ──────────────────────────────────────────────
+    const extraPlantX = LOUNGE_X + LOUNGE_W - 60, extraPlantY = LOUNGE_Y + LOUNGE_H - 20;
+    g.rect(extraPlantX - 8, extraPlantY - 6, 16, 8).fill({ color: 0x8b4513 }); // pot
+    g.rect(extraPlantX - 6, extraPlantY - 30, 12, 24).fill({ color: 0x228b22 }); // leaves
+    g.rect(extraPlantX - 3, extraPlantY - 40, 6, 12).fill({ color: 0x2a9a2a }); // tall leaf
+
     this.container.addChildAt(g, 0);
 
     // Add chairs layer on top of floor/desks but below agents