/* ----- 1. 專屬調色盤與外層容器 ----- */
.bios-article {
--bg-app: #3C3C3C;
--bg-card: #242426;
--bg-panel: #1e1e20;
--bg-input: #2a2a2d;
--text-main: #e0e0e0;
--text-muted: #d0d0d8;
--color-blue: #4dabf7;
--color-yellow: #ffd43b;
--color-orange: #ff922b;
--color-green: #51cf66;
--color-red: #ff6b6b;
--border-light: #4a4a4d;
--border-hover: #4dabf7;
max-width: 880px;
margin: 2rem auto;
font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
background-color: var(--bg-card);
color: var(--text-main);
line-height: 1.8;
border-radius: 20px;
box-shadow: 0 12px 40px rgba(0,0,0,0.5);
padding: 36px 40px 48px;
border: 1px solid var(--border-light);
}
/* ----- 2. 標題與重點排版 ----- */
.bios-article h1 { color: #ffffff; border-bottom: 2px solid #555; padding-bottom: 12px; font-size: 28px; line-height: 1.5; margin-bottom: 24px; font-weight: 700; text-align: center; }
.bios-article h2 { color: var(--color-yellow); margin-top: 40px; font-size: 24px; text-align: center; font-weight: 700; }
.bios-article h3 { color: var(--color-blue); font-size: 20px; margin-top: 24px; margin-bottom: 16px; font-weight: 700; border-left: 4px solid var(--color-blue); padding-left: 12px; }
.bios-quote { background: #1a1a1c; padding: 18px 24px; border-radius: 12px; margin: 24px 0; font-size: 16px; box-shadow: inset 2px 2px 8px rgba(0,0,0,0.2); border-left: 4px solid var(--color-yellow); }
.hl-green { color: var(--color-green); background-color: #171717; padding: 2px 8px; border-radius: 4px; font-weight: bold; }
.hl-yellow { color: var(--color-yellow); background-color: #171717; padding: 2px 8px; border-radius: 4px; font-weight: bold; }
.hl-orange { color: var(--color-orange); background-color: #171717; padding: 2px 8px; border-radius: 4px; font-weight: bold; }
.hl-red { color: var(--color-red); background-color: #171717; padding: 2px 8px; border-radius: 4px; font-weight: bold; }
.divider-icon { text-align: center; font-size: 24px; color: #777; letter-spacing: 6px; margin: 35px 0; border-top: 1px dashed #444; padding-top: 25px; }
/* ----- 3. 純 CSS 頁籤系統 ----- */
.bios-tabs-nav { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; justify-content: center; border-bottom: 2px dashed #444; padding-bottom: 20px; }
.bios-tabs-nav a { display: inline-block; padding: 12px 26px; border-radius: 30px; background: var(--bg-input); color: var(--text-muted); font-size: 15px; font-weight: 600; text-decoration: none; transition: 0.2s; border: 1px solid var(--border-light); }
.bios-tabs-nav a:hover { background: var(--color-blue); color: #fff; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(77,171,247,0.4); border-color: var(--color-blue); }
.bios-tabs-container { background: var(--bg-panel); border-radius: 16px; padding: 28px 32px; box-shadow: inset 0 2px 10px rgba(0,0,0,0.3); border-left: 5px solid var(--color-blue); min-height: 250px; }
.bios-tab-panel { display: none; animation: fadeIn 0.4s ease; }
.bios-tab-panel:target { display: block; }
/* 💡 核心魔法：使用 :has() 讓 AMI 成為預設顯示頁籤 */
.bios-group:not(:has(.bios-tab-panel:target)) #bios-ami { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
/* ----- 4. 數據表格設計 ----- */
.bios-table { width: 100%; border-collapse: collapse; margin-top: 15px; font-size: 15px; }
.bios-table th { background: var(--bg-input); color: var(--color-yellow); padding: 14px 16px; text-align: left; border: 1px solid var(--border-light); width: 35%; font-weight: 700; }
.bios-table td { padding: 12px 16px; border: 1px solid var(--border-light); color: var(--text-main); }
.bios-table tr:nth-child(even) { background-color: rgba(255, 255, 255, 0.03); }
.bios-table tr:hover { background-color: rgba(255, 255, 255, 0.06); }
.beep-code { color: var(--color-orange); font-weight: bold; background: #111; padding: 4px 10px; border-radius: 6px; border: 1px solid #333; display: inline-block; }
/* ----- 手機版微調 (RWD) ----- */
@media (max-width: 600px) {
.bios-article { padding: 24px 16px; margin: 1rem; border-radius: 16px; }
.bios-article h1 { font-size: 22px; }
.bios-tabs-nav a { font-size: 13.5px; padding: 10px 16px; flex: 1 1 auto; text-align: center; }
.bios-tabs-container { padding: 20px 16px; }
.bios-table th, .bios-table td { padding: 10px; display: block; width: 100%; }
.bios-table th { border-bottom: none; }
.beep-code { margin-bottom: 6px; }
}
🔊 電腦黑畫面狂叫？超實用 BIOS 嗶嗶聲對照表 (摩斯密碼翻譯機)
🔥 站長白話文教室：
當我們按下電腦的電源鍵時，主機板上的 BIOS（基本輸入輸出系統） 會立刻進行名為 開機自我測試（POST） 的行動。大家可以想像一下，這就像是汽車啟動前，儀表板會亮起一整排的檢測燈，用來確認 CPU、記憶體、顯示卡等核心零件有沒有準備好。
如果在測試過程中抓到異常，但此時螢幕又還來不及顯示畫面怎麼辦？這時，主機板就會透過 蜂鳴器（Speaker） 發出不同長短的嗶嗶聲！這就像是電腦在用「摩斯密碼」跟我們求救 🆘。如果電腦出現異常 POST 或發出未列出的嗶聲代碼，這時就需要進一步檢查相關硬體元件，以找出實際故障來源 🫡。
🟦 🟦 🟦
📋 各大廠牌 BIOS 嗶嗶聲對照表
🖥️ AMI BIOS 故障代碼
| 嗶嗶聲模式 (Beep Code) |
故障原因說明 |
| 1短音 | 記憶體復新失敗 |
| 1長音 3短音 | 記憶體錯誤 |
| 1長音 8短音 | 顯示測試失敗 |
| 2短音 | 記憶體同位檢測失敗 |
| 3短音 | 基本 64K RAM 測試失敗 |
| 4短音 | 系統時鐘錯誤 |
| 5短音 | CPU 處理器錯誤 |
| 6短音 | 主機板鍵盤控制器錯誤 |
| 7短音 | CPU 中斷錯誤 |
| 8短音 | 顯示卡記憶體寫入/讀取錯誤 |
| 9短音 | ROM BIOS 檢查碼錯誤 |
| 10短音 | CMOS 關機暫存器寫入/讀取錯誤 |
| 11短音 | 快取記憶體故障 |
🖥️ Award BIOS 故障代碼
| 嗶嗶聲模式 (Beep Code) |
故障原因說明 |
| 1短音 | 系統啟動正常 |
| 2短音 | CMOS 設定錯誤 |
| 1長音 1短音 | 記憶體或主機板錯誤 |
| 1長音 2短音 | 顯示錯誤 (顯示器或顯示卡) |
| 1長音 3短音 | 鍵盤控制器錯誤 |
| 1長音 9短音 | 主機板 Flash RAM 或 EPROM 錯誤 (BIOS損壞) |
| 不斷地響 (長音) | 記憶體沒插好或損壞 |
| 不斷地響 (短音) | 電源、顯示器未和顯示卡連接好 |
| 重覆短響 | 電源有問題 |
🖥️ Phoenix BIOS 故障代碼
| 嗶嗶聲模式 (Beep Code) |
故障原因說明 |
| 1短 | 系統啟動正常 |
| 1短 1短 1短 | 系統開機初始化失敗 |
| 1短 1短 2短 | 主機板錯誤 |
| 1短 1短 3短 | CMOS 或電池失效 |
| 1短 1短 4短 | ROM BIOS 校驗錯誤 |
| 1短 4短 3短 | EISA 時序器錯誤 |
| 1短 3短 1短 | RAM 復新錯誤 |
| 3短 1短 2短 | 主 DMA 暫存器錯誤 |
| 3短 1短 3短 | 主中斷處理暫存器錯誤 |
| 3短 2短 4短 | 主機板鍵盤控制器錯誤 |
| 3短 4短 2短 | 顯示錯誤 (顯示器或顯示卡) |
| 4短 2短 2短 | 關機錯誤 |
| 4短 4短 1短 | 串列埠錯誤 |
| 4短 4短 2短 | 並列埠錯誤 |
🖥️ IBM BIOS 故障代碼
| 嗶嗶聲模式 (Beep Code) |
故障原因說明 |
| 無聲音 | 電源供應器或主機板完全損壞 |
| 持續發聲 | 主機板嚴重損壞 |
| 1短聲 | 系統自我測試，情況正常 |
| 2短聲 | 自我測試發現錯誤 (錯誤訊息會顯示於螢幕上) |
| 持續短聲 | 電源供應器或主機板損壞 |
| 1長聲 1短聲 | 主機板有錯誤 |
| 1長聲 2短聲 | 顯示卡 (MDA、CGA) 錯誤 |
| 1長聲 3短聲 | 顯示卡 (MGA、VGA) 錯誤 |
| 3長聲 | 鍵盤錯誤 |
