README 增加模擬模式截圖

摘要：
在 README 頂部加入「畫面預覽」章節,附四張模擬模式截圖
(總覽、subagent 協作連線、agent 詳情面板、深色主題)。

影響：
純文件更新;截圖存於 docs/screenshots/(約 1MB)。

修法：
以正式版於模擬模式 2x 速度截圖,涵蓋協作連線、熱桌 subagent、
詳情面板與明暗主題;README 以相對路徑嵌入。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

README.md

@@ -4,6 +4,24 @@ Claude 風格的 multi-agent 虛擬辦公室視覺化。參考 [WW-AI-Lab/opencl
 
 ![概念](https://img.shields.io/badge/Vite%206-React%2019-d97757)
 
+## 畫面預覽(模擬模式)
+
+辦公室自己運作:agent 進場就座、接任務、調用工具、派 subagent 到熱桌、協作連線、去休息區倒咖啡 —— 全部由內建劇本引擎自動循環。
+
+![模擬模式總覽](docs/screenshots/claude-office-overview.png)
+
+**主 agent 派出 subagent 協作**(陶土色虛線是上級 ↔ subagent 的協作連線,subagent 走到熱桌區工作):
+
+![subagent 協作](docs/screenshots/claude-office-light.png)
+
+**點擊 agent 看詳情**(狀態、模型、工具歷史、上下級關係、指派任務;右側為即時事件紀錄):
+
+![agent 詳情面板](docs/screenshots/claude-office-panel.png)
+
+**深色主題**:
+
+![深色主題](docs/screenshots/claude-office-dark.png)
+
 ## 功能
 
 - **2D 平面圖辦公室** — 一棟建築、十字走廊、四個分區: