/* 通用錯誤頁面樣式
  General styles for error pages
*/

/* 設定頁面基本字體和背景顏色 */
body { 
    font-family: 'Inter', 'Noto Sans TC', sans-serif; 
    background-color: #f8f9fa; 
}

/* 錯誤訊息容器，使其垂直和水平置中 */
.error-container { 
    height: 100vh; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    text-align: center; 
}

/* 錯誤圖示的基本樣式 */
.error-icon { 
    font-size: 6rem; 
}

/* 針對不同錯誤碼設定圖示顏色 */
.error-400-icon { color: #fd7e14; } /* 400 Bad Request */
.error-401-icon { color: #0d6efd; } /* 401 Unauthorized */
.error-403-icon { color: #dc3545; } /* 403 Forbidden */
.error-404-icon { color: #6c757d; } /* 404 Not Found */
.error-500-icon { color: #ffc107; } /* 500 Internal Server Error */
.error-503-icon { color: #6c757d; } /* 503 Service Unavailable */