/*
 * ===================================================================
 * 共用錯誤頁面樣式 (Shared Error Page Styles)
 * ===================================================================
 */

/* 設定頁面基本字體和背景顏色 */
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 */