body {
            background-color: #2C3E50; /* 深藍灰 */
        }
        .navbar-dark .navbar-brand {
            color: rgba(255,255,255,.55); /* 與 .navbar-dark .nav-link 的顏色一致 */
        }
        .navbar-dark .navbar-brand:hover,
        .navbar-dark .navbar-brand:focus {
            color: rgba(255,255,255,.75); /* 與 .navbar-dark .nav-link:hover 的顏色一致 */
        }

        /* Custom Carousel Styles */
        .carousel-indicators [data-bs-target] {
            background-color: #6c757d; /* 指示器非作用中顏色 - 較淺的灰色 */
            width: 12px;
            height: 12px;
            border-radius: 50%;
            margin-left: 5px;
            margin-right: 5px;
            border: 1px solid #343a40; /* 深色邊框 */
        }
        .carousel-indicators .active {
            background-color: #0dcaf0; /* 指示器作用中顏色 - 淺藍色 */
        }

        .carousel-control-prev-icon,
        .carousel-control-next-icon {
            background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
            border-radius: 50%; /* 圓形背景 */
            padding: 10px; /* 增加內邊距使圖示看起來更大 */
            background-size: 60% 60%; /* 調整圖示大小 */
        }
        .carousel-control-prev-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); /* 白色左箭頭 */
        }
        .carousel-control-next-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); /* 白色右箭頭 */
        }

        /* Custom Footer Style */
        .custom-footer {
            border-top: 3px solid #0dcaf0; /* 淺藍色頂部邊框，呼應輪播指示器顏色 */
            padding-top: 2.5rem !important;
            padding-bottom: 1.5rem !important; /* 稍微減少底部padding以便容納聯絡資訊 */
            position: relative; /* 為了可能的絕對定位子元素 */
        }
        .custom-footer h1 {
            margin-bottom: 1rem; /* 增加標題下方間距 */
            font-weight: 300; /* 讓標題字重輕一點 */
        }
        .custom-footer p {
            font-size: 1.1rem; /* 稍微增大段落字體 */
            line-height: 1.6; /* 調整行高 */
            margin-bottom: 1.5rem; /* 為下方的聯絡資訊留出空間 */
        }
        .footer-contact-info {
            font-size: 0.9rem;
            color: #adb5bd; /* 淺灰色文字 */
        }
        .footer-contact-info p {
            margin-bottom: 0.25rem; /* 減少聯絡資訊段落間距 */
            font-size: 0.9rem; /* 確保p標籤內的字體大小一致 */
            line-height: 1.4; /* 調整行高 */
        }

        /* Custom Card Styles */
        .card {
            background-color: #34495E; /* 建議的新卡片背景顏色 */
            color: #FFFFFF; /* 卡片文字顏色 - 白色 */
            border: none; /* 移除預設邊框，如果需要的話 */
        }

        .card .card-title {
            color: #FFFFFF; /* 確保標題也是白色 */
        }

        .card .card-text {
            color: #EAEAEA; /* 卡片內文使用稍暗的白色，或根據需求調整 */
        }

        .card .btn-primary {
            background-color: rgba(13, 202, 240, 0.6); /* #0dcaf0 with 0.6 opacity */
            border-color: rgba(13, 202, 240, 0.6); /* #0dcaf0 with 0.6 opacity */
        }

        .card .btn-primary:hover {
            background-color: rgba(11, 172, 204, 0.6); /* #0baccc with 0.6 opacity */
            border-color: rgba(11, 172, 204, 0.6); /* #0baccc with 0.6 opacity */
        }

        /* Promo Banner Style */
        .promo-banner {
            background-color: #34495E; /* 指定的背景顏色 */
        }

        /* Navbar Search Form Styles */
        .navbar .form-control {
            background-color: #3A3F44; /* 比 navbar 稍淺的深灰色 */
            color: #EAEAEA;
            border-color: #495057; /* 邊框顏色 */
        }

        .navbar .form-control::placeholder {
            color: #ADB5BD; /* Placeholder 文字顏色 */
        }

        .navbar .form-control:focus {
            background-color: #3A3F44;
            color: #FFFFFF;
            border-color: #0dcaf0; /* Focus 時使用主題亮色 */
            box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.25); /* Focus 時的光暈效果 */
        }

        .navbar .btn-secondary { /* 修改導覽列中的 btn-secondary */
            background-color: #0dcaf0;
            border-color: #0dcaf0;
            color: #212529; /* 深色文字以確保對比度 */
        }

        .navbar .btn-secondary:hover {
            background-color: #0baccc;
            border-color: #0a9cb9;
            color: #212529;
        }

        /* Navbar Dropdown Styles */
        .navbar-dark .dropdown-menu {
            background-color: #34495E; /* 指定的下拉選單背景顏色 */
            border-color: #495057; /* 可選：調整邊框顏色以匹配 */
        }

        .navbar-dark .dropdown-item {
            color: #FFFFFF; /* 下拉選單文字顏色 - 白色 */
        }

        .navbar-dark .dropdown-item:hover,
        .navbar-dark .dropdown-item:focus {
            color: #212529; /* 滑鼠懸停或聚焦時的文字顏色 - 深色，以確保在預設的亮色背景上可見 */
            background-color: #0dcaf0; /* 滑鼠懸停或聚焦時的背景顏色 - 淺藍色 */
        }

        p a, h6 a {
            text-decoration: none;
        }

        .flex-container {
            display: flex;
            flex-flow: row wrap;
        }

        /* Custom style for card links */
        .custom-card-link {
            color: white !important;
        }

/* Modal styles */
        .modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 1050; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }

        .modal-content {
            background-color: #fefefe;
            margin: 15% auto; /* 15% from the top and centered */
            padding: 20px;
            border: 1px solid #888;
            width: 80%; /* Could be more or less, depending on screen size */
            max-width: 600px;
            border-radius: 0.3rem;
            position: relative;
        }

        .close-button {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
            position: absolute;
            top: 10px;
            right: 20px;
        }

        .close-button:hover,
        .close-button:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }
        .card-body .btn-info {
            background-color: rgba(13, 202, 240, 0.6); /* 與 .card .btn-primary 一致 */
            border-color: rgba(13, 202, 240, 0.6); /* 與 .card .btn-primary 一致 */
            color: #FFF; /* 將文字顏色改為白色 */
        }
        .card-body .btn-info:hover {
            background-color: rgba(11, 172, 204, 0.6); /* 與 .card .btn-primary:hover 一致 */
            border-color: rgba(11, 172, 204, 0.6); /* 與 .card .btn-primary:hover 一致 */
        }
        .ai-button-container {
            /* margin-top: 10px; */ /* 由 Bootstrap class 控制 */
        }
        .card-img-top {
            width: 100%;
            object-fit: contain;
        }