/* ======= 主視覺 (Hero Section) 背景圖與動態效果 ======= */
        .hero-section {
            position: relative;
            overflow: hidden;
            padding: 5.5rem 0;
            color: #fff;
            background-color: #0f172a; /* 圖片尚未載入時的底色 */
        }

        /* 背景圖片層：套用 Ken Burns 緩慢呼吸縮放動態 */
        .hero-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /* 預設示範圖：校園學術演講廳氛圍，您可替換為自己的圖檔路徑如 photo/campus.jpg */
            background-image: url('../images/indexback.jpg');
            background-size: cover;
            background-position: center center;
            animation: heroZoom 20s ease-in-out infinite alternate; /* 20秒平緩縮放循環 */
            z-index: 1;
            will-change: transform;
        }

        /* 漸層遮罩層：確保白色與金色文字有足夠對比度 */
        .hero-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(15, 23, 42, 0.90) 0%, rgba(30, 58, 138, 0.80) 100%);
            z-index: 2;
        }

        /* 內容層：置於遮罩上方 */
        .hero-content {
            position: relative;
            z-index: 3;
        }

        /* 右側資訊卡片微浮動動態 */
        .hero-card {
            backdrop-filter: blur(8px);
            background-color: rgba(255, 255, 255, 0.96) !important;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .hero-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.25) !important;
        }

        /* 呼吸動畫關鍵影格 */
        @keyframes heroZoom {
            0% {
                transform: scale(1);
            }
            100% {
                transform: scale(1.08);
            }
        }



/* ======= 課程基本資訊框框字體放大 ======= */
        .hero-card .card-header {
            font-size: 1.15rem; /* 標題稍微放大 */
            color: #1a365d;
        }
        .hero-card-list {
            font-size: 1.05rem; /* 清單文字微調放大，閱讀更舒適 */
            line-height: 2;     /* 增加行距，避免緊湊 */
        }
        .hero-card-list li strong {
            color: #0f172a;     /* 項目標籤加深對比 */
        }



/* 麵包屑導航：深藍色文字 */
        .breadcrumb-report .breadcrumb-item a {
            color: #1e3a8a !important; /* 深藍色 */
            font-weight: 500;
            transition: color 0.2s ease;
        }
        .breadcrumb-report .breadcrumb-item a:hover {
            color: #172554 !important;
            text-decoration: underline !important;
        }
        .breadcrumb-report .breadcrumb-item.active {
            color: #1e3a8a !important; /* 當前頁也使用深藍色 */
            font-weight: 600;
        }
        .breadcrumb-report .breadcrumb-item + .breadcrumb-item::before {
            color: #94a3b8; /* 分隔線斜線保持淡灰 */
        }

        /* 活動報導徽章：深藍色背景、字體稍微放大 */
        .report-badge-navy {
            background-color: #1e3a8a; /* 沉穩深藍色 */
            color: #ffffff;
            font-size: 0.95rem; /* 字體微調放大 */
            font-weight: 600;
            padding: 0.45rem 1rem;
            letter-spacing: 0.5px;
        }



/* 當前學期深藍色膠囊標籤 */
        .current-semester-badge {
            background-color: #1a365d; /* 沉穩深藍色 */
            color: #ffffff;
            font-size: 0.95rem; /* 字體稍微加大，舒適易讀 */
            font-weight: 600;
            padding: 0.45rem 0.9rem;
            border-radius: 6px;
            letter-spacing: 0.5px;
            display: inline-block;
        }



/* 講者大頭照樣式 */
.speaker-img {
    width: 96px;
    height: 96px;
    object-fit: cover;
    border: 3px solid #fff;
}
.avatar-wrapper {
    display: inline-block;
}

/* 按鈕微型化，適應 3 欄卡片寬度 */
.btn-xs {
    padding: 0.25rem 0.4rem;
    font-size: 0.775rem;
}

/* 限制職稱最多兩行，避免版面高低不平 */
.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.4em;
}

.speaker-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border-radius: 10px;
}
.speaker-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12) !important;
}



/* 頁尾連結懸浮變亮效果 */
.hover-white:hover { color: #ffffff !important; text-decoration: underline !important;  }




/* 呼應標題的優雅藍灰色調按鈕 */
        .btn-navy {
            background-color: #3b6989;
            color: #ffffff;
            border: 1px solid #3b6989;
            transition: all 0.25s ease-in-out;
        }
        .btn-navy:hover, .btn-navy:focus {
            background-color: #31536b;
            color: #ffffff;
            border-color: #31536b;
            box-shadow: 0 4px 12px rgba(49, 83, 107, 0.25);
        }



/* 呼應標題的優雅藍灰色調 */
        .btn-navy {
            background-color: #3b6989;
            color: #ffffff;
            border: 1px solid #3b6989;
            transition: all 0.25s ease-in-out;
        }
        .btn-navy:hover, .btn-navy:focus {
            background-color: #31536b;
            color: #ffffff;
            border-color: #31536b;
            box-shadow: 0 4px 12px rgba(49, 83, 107, 0.25);
        }



/* 學生感言膠囊按鈕樣式 */
        .btn-student-download {
            background-color: #ffffff;
            color: #334155;
            border: 1.5px solid #cbd5e1;
            border-radius: 50rem;
            padding: 0.6rem 1.1rem;
            transition: all 0.2s ease-in-out;
            text-decoration: none;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .btn-student-download:hover {
            background-color: #31536b;
            color: #ffffff !important;
            border-color: #31536b;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(49, 83, 107, 0.2);
        }
        .btn-student-download:hover .dept-text {
            color: rgba(255, 255, 255, 0.8) !important;
        }
        .btn-student-download:hover .pdf-icon {
            color: #ff8b8b !important;
        }

/* 標籤徽章：字體加大、加大內距 */
        .speaker-badge-custom {
            background-color: #e0e7ff;
            color: #1e3a8a;
            border: 1px solid #c7d2fe;
            font-size: 0.92rem; /* 字體加大，清晰易讀 */
            font-weight: 700;
            padding: 0.4rem 0.85rem;
            letter-spacing: 0.5px;
        }

        /* 底部「回學年度紀錄」專屬按鈕：典雅藍灰色外框 (非水藍色) */
        .btn-bottom-archive {
            border: 1.5px solid #3b6989;
            color: #31536b;
            background-color: #ffffff;
            padding: 0.65rem 1.6rem;
            font-weight: 600;
            border-radius: 50px;
            transition: all 0.25s ease;
        }
        .btn-bottom-archive:hover, .btn-bottom-archive:focus {
            background-color: #31536b;
            border-color: #31536b;
            color: #ffffff !important;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(49, 83, 107, 0.25);
        }