refactor: 調整 README.md 結構，將 Agent 快速設置移至文件末尾

- 配合 index.html 的調整，將 Agent 快速設置部分移到文件末尾
- 保持教學文件的一致性和結構統一

Author: yulin0629

README.md

@@ -8,85 +8,6 @@
 
 您可以直接透過瀏覽器查看完整的教學內容，無需下載專案即可開始學習。
 
-## Agent 快速設置 (複製整段給 Agent)
-
-<details>
-<summary>點擊展開 Agent 設置指令</summary>
-
-```
-請使用 GitHub Copilot Agent 模式幫我設置教學專案環境：
-
-1. 首先確認目前的工作目錄：
-   - 執行 pwd 命令查看當前位置
-   - 建議克隆位置：~/projects/ 或 ~/Github/
-   - 請問我想要克隆到哪個目錄
-
-2. 克隆專案（需要您確認終端命令）：
-   mkdir -p [選定的目錄]
-   cd [選定的目錄]
-   git clone --recursive https://github.com/yulin0629/github-copilot-tutorial.git
-
-3. 檢查專案是否完整克隆：
-   cd github-copilot-tutorial
-   ls -la
-   確認有 8 個場景資料夾和 .gitmodules 檔案
-
-4. 如果場景 8 (submodule) 沒有內容，執行：
-   git submodule update --init --recursive
-
-5. 讀取並顯示 index.html 的前 20 行，確認專案正確
-
-6. 使用命令開啟新的編輯器視窗（需要您確認）：
-   - VS Code: code github-copilot-tutorial
-   - VS Code Insiders: code-insiders github-copilot-tutorial
-   - Cursor: cursor github-copilot-tutorial
-   
-   如果命令不存在，請先安裝：
-   - VS Code: 在命令面板執行 "Shell Command: Install 'code' command in PATH"
-   - Cursor: 在設定中啟用命令行工具
-
-7. 在新視窗中完成後續設定：
-   請在新開啟的視窗中繼續以下步驟：
-   - 開啟新的 Copilot Chat
-   - 確認 GitHub Copilot 擴充套件已安裝
-   - 設定語言偏好：修改 settings.json 加入 "github.copilot.chat.localeOverride": "zh-TW"
-   - 開啟 index.html 預覽教學內容
-
-注意事項：
-- Agent 模式執行終端命令需要您的確認
-- 新視窗開啟後，原視窗的 Chat 對話將無法控制新視窗
-- 請在新視窗中開始教學課程
-
----
-
-### 新視窗初始化提示詞
-
-在新視窗開啟後，複製以下提示詞到 Copilot Chat：
-
-```
-請使用 Agent 模式幫我初始化 GitHub Copilot 教學專案環境：
-
-1. 檢查專案結構完整性：
-   - 確認有 8 個場景資料夾（01-first-experience 到 08-comprehensive-project）
-   - 檢查場景 8 是否為完整的 git submodule
-   - 如果有缺失，請提醒我需要執行的命令
-
-2. 設定開發環境：
-   - 確認 GitHub Copilot 擴充套件已啟用
-   - 檢查語言設定是否為繁體中文（github.copilot.chat.localeOverride: zh-TW）
-   - 確認 .github/copilot-instructions.md 存在
-
-3. 準備教學環境：
-   - 開啟 index.html 在瀏覽器中預覽
-   - 顯示專案的基本資訊和結構
-   - 提供開始學習的建議順序
-
-完成後請給我一個簡短的狀態報告，並建議從哪個場景開始學習。
-```
-```
-
-</details>
-
 ## 取得教學專案
 
 ```bash
@@ -486,6 +407,85 @@ github-copilot-tutorial/
 }
 ```
 
+## Agent 快速設置 (複製整段給 Agent)
+
+<details>
+<summary>點擊展開 Agent 設置指令</summary>
+
+```
+請使用 GitHub Copilot Agent 模式幫我設置教學專案環境：
+
+1. 首先確認目前的工作目錄：
+   - 執行 pwd 命令查看當前位置
+   - 建議克隆位置：~/projects/ 或 ~/Github/
+   - 請問我想要克隆到哪個目錄
+
+2. 克隆專案（需要您確認終端命令）：
+   mkdir -p [選定的目錄]
+   cd [選定的目錄]
+   git clone --recursive https://github.com/yulin0629/github-copilot-tutorial.git
+
+3. 檢查專案是否完整克隆：
+   cd github-copilot-tutorial
+   ls -la
+   確認有 8 個場景資料夾和 .gitmodules 檔案
+
+4. 如果場景 8 (submodule) 沒有內容，執行：
+   git submodule update --init --recursive
+
+5. 讀取並顯示 index.html 的前 20 行，確認專案正確
+
+6. 使用命令開啟新的編輯器視窗（需要您確認）：
+   - VS Code: code github-copilot-tutorial
+   - VS Code Insiders: code-insiders github-copilot-tutorial
+   - Cursor: cursor github-copilot-tutorial
+   
+   如果命令不存在，請先安裝：
+   - VS Code: 在命令面板執行 "Shell Command: Install 'code' command in PATH"
+   - Cursor: 在設定中啟用命令行工具
+
+7. 在新視窗中完成後續設定：
+   請在新開啟的視窗中繼續以下步驟：
+   - 開啟新的 Copilot Chat
+   - 確認 GitHub Copilot 擴充套件已安裝
+   - 設定語言偏好：修改 settings.json 加入 "github.copilot.chat.localeOverride": "zh-TW"
+   - 開啟 index.html 預覽教學內容
+
+注意事項：
+- Agent 模式執行終端命令需要您的確認
+- 新視窗開啟後，原視窗的 Chat 對話將無法控制新視窗
+- 請在新視窗中開始教學課程
+
+---
+
+### 新視窗初始化提示詞
+
+在新視窗開啟後，複製以下提示詞到 Copilot Chat：
+
+```
+請使用 Agent 模式幫我初始化 GitHub Copilot 教學專案環境：
+
+1. 檢查專案結構完整性：
+   - 確認有 8 個場景資料夾（01-first-experience 到 08-comprehensive-project）
+   - 檢查場景 8 是否為完整的 git submodule
+   - 如果有缺失，請提醒我需要執行的命令
+
+2. 設定開發環境：
+   - 確認 GitHub Copilot 擴充套件已啟用
+   - 檢查語言設定是否為繁體中文（github.copilot.chat.localeOverride: zh-TW）
+   - 確認 .github/copilot-instructions.md 存在
+
+3. 準備教學環境：
+   - 開啟 index.html 在瀏覽器中預覽
+   - 顯示專案的基本資訊和結構
+   - 提供開始學習的建議順序
+
+完成後請給我一個簡短的狀態報告，並建議從哪個場景開始學習。
+```
+```
+
+</details>
+
 ## 支援與協助
 
 如遇到問題，請參考：

index.html

@@ -8,7 +8,7 @@
     <meta http-equiv="Expires" content="0">
     <meta name="theme-color" content="#000000">
     <title>GitHub Copilot 教學專案</title>
-    <link rel="stylesheet" href="style.css?v=20250603011">
+    <link rel="stylesheet" href="style.css?v=20250603012">
     <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script>
 </head>
@@ -352,6 +352,6 @@ <h3 style="font-size: 1.25rem; font-weight: 600; color: #1d1d1f; margin-bottom:
         </div>
     </div>
 
-    <script src="script.js?v=20250603011"></script>
+    <script src="script.js?v=20250603012"></script>
 </body>
 </html>