feat: 實作三個錦囊 AI 功能

- 新增 AI 錦囊 CSS 樣式到 components.css
- 創建 js/ai-bags.js 模組，包含：
  * 5個模組各3個錦囊的預設 prompt 模板
  * executeAIBag() - 執行 AI 生成並填充表單
  * editBagPrompt() - 編輯自定義 prompt
  * LocalStorage 管理自定義 prompt
- 更新 index.html：
  * 替換 5 處 AI 按鈕為三個錦囊（崗位基礎、招聘要求、職務、部門職責、崗位描述）
  * 新增 Prompt 編輯模態框
- 更新 main.js 引入 ai-bags.js 並初始化
- 新增設計文檔：三個錦囊設計.md
- 新增欄位對照文檔：表單欄位清單.md、更新欄位名稱.md、ID重命名對照表.md

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

js/main.js

@@ -5,6 +5,7 @@
 
 import { showToast } from './utils.js';
 import { switchModule, updatePreview, updateCategoryName, updateNatureName, updateJobCategoryName } from './ui.js';
+import { initializeBagTitles } from './ai-bags.js';
 
 // ==================== 初始化 ====================
 
@@ -187,6 +188,9 @@ document.addEventListener('DOMContentLoaded', () => {
     setupFormListeners();
     setupKeyboardShortcuts();
 
+    // 初始化 AI 錦囊標題
+    initializeBagTitles();
+
     // 初始化預覽
     updatePreview();