代碼目錄 index.html 基礎設置 文檔類型和語言設置 Meta 標籤設置 網站圖標設置 樣式和腳本載入 React 組件 ErrorBoundary 組件 SettingsPanel 組件 App 組件 狀態和引用管理 語音識別初始化 麥克風控制功能 翻譯功能實現 MyMemory 翻譯 Lingva 翻譯 LibreTranslate 翻譯 設置管理 UI 渲染 styles.css 基礎布局 應用容器樣式 頁眉樣式 交互元素 按鈕和控制項 音量顯示 內容區域 主要內容布局 文本框樣式 滾動條樣式 設置面板 設置圖標 設置模態框 設置面板樣式 響應式設計 橫向螢幕布局 直向螢幕布局 手機設備優化 輔助元素 輸入框樣式 提交按鈕 警告提示