/* --- 滾動容器通用設定 --- */
        .slider-container {
            width: 100%;
            overflow: hidden;
            position: relative;
            /* margin-bottom: 20px; */ /* 兩排之間的間距 */
           /*  padding: 10px 0; */
            /* background: rgba(255,255,255,0.05); */ /* 微微的背景色襯托 */
        }

        /* 兩側遮罩 (讓 Logo 淡入淡出) */
        .slider-container::before,
        .slider-container::after {
            content: "";
            position: absolute;
            top: 0;
            width: 150px;
            height: 100%;
            z-index: 2;
            pointer-events: none; /* 讓滑鼠可以穿透遮罩點擊 Logo */
        }

        /* 深色背景的遮罩顏色 */
        .slider-container::before {
            left: 0;
            background: linear-gradient(to right, #cfdfeb 0%, transparent 100%);
        }
        .slider-container::after {
            right: 0;
            background: linear-gradient(to left, #cfdfeb 0%, transparent 100%);
        }

        /* --- 軌道設定 --- */
        .slide-track {
            display: flex;
            /* 寬度計算：單個 Logo 寬度 (250px) * 總數量 (含複製的 14個) */
            width: calc(250px * 20); 
            margin: .5em 0;
        }

        /* 互動：滑鼠移入軌道時暫停 */
        .slide-track:hover {
            animation-play-state: paused;
        }

        /* --- Logo 樣式 --- */
        .logos .slide {
            width: 250px; /* 每個 Logo 的格位寬度 */
            height: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 15px;
            /* border: 1px solid #ddd; */
        }

        .logos .slide img {
            max-width: 100%;
            max-height: 80px;
            width: auto;
            /* 特效設定 */
           /*  filter: grayscale(100%) brightness(0.7); */ /* 預設灰階且稍微變暗 */
            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            cursor: pointer;
        }

        /* 懸停特效：變彩色、變亮、放大 */
        .logos .slide img:hover {
            filter: grayscale(0%) brightness(1);
            transform: scale(1.2); /* 放大 1.2 倍 */
        }

        /* --- 動畫設定 --- */
        
        /* 第一排：向左滾動 */
        .scroll-left {
            animation: scrollLeft 40s linear infinite;
        }

        /* 第二排：向右滾動 */
        .scroll-right {
            animation: scrollRight 40s linear infinite;
        }

        .row.logos {
            padding: 3em 0;
        }

        @keyframes scrollLeft {
            0% { transform: translateX(0); }
            /* 移動距離 = 單個 Logo 寬度 * 原始 Logo 數量 (7個) */
            100% { transform: translateX(calc(-250px * 7)); } 
        }

        @keyframes scrollRight {
            /* 向右滾動原理：從「負的一半寬度」移動到「0」 */
            0% { transform: translateX(calc(-250px * 7)); }
            100% { transform: translateX(0); }
        }