/* --- GOLF 文章輪播 (GFS) 樣式 --- */

.gfs-slider-container {
    position: relative;
    width: 100%;
    /* 設定一個 16:9 的長寬比 (你可以改成你喜歡的) */
    aspect-ratio: 16 / 9;
    background-color: #f0f0f0; /* 圖片載入前的底色 */
}

.gfs-slide {
    position: relative;
    overflow: hidden;
}

.gfs-slide-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

/* 背景圖 */
.gfs-slide-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease-out;
}
/* 滑鼠移上去時，圖片放大 (Ken Burns 特效) */
.gfs-slide:hover .gfs-slide-bg {
    transform: scale(1.05);
}

/* 文字內容容器 */
.gfs-slide-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 60px 40px 40px; /* 上方多一點空間 */
    color: #ffffff;
    
    /* 漂亮的漸層遮罩，讓白字更清楚 */
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0) 100%);
}

.gfs-slide-title {
    font-size: 28px;
    font-weight: bold;
    color: #ffffff;
    margin: 0 0 10px 0;
    
    /* 文字最多 2 行 */
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}

.gfs-slide-excerpt {
    font-size: 16px;
    color: #f0f0f0;
    margin: 0;
    
    /* 文字最多 2 行 */
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}

/* Swiper 導航按鈕 (跟廣告的 CSS 一起共用設定) */
.gfs-slider-container {
    /* Swiper 預設是藍色，我們改成白色 */
    --swiper-navigation-color: #ffffff;
    --swiper-pagination-color: #ffffff;
    --swiper-navigation-size: 30px;
}