 .container {
        max-width: 1540px;
        margin: auto;
        padding: 16px;
        display: flex;
        gap: 24px;
        }
        
        
        /* 電腦版：左右排列 */
        .left, .right {
    flex: 0 0 50%;
}

        .right {
    flex: 1; 
    white-space: normal;  /* 允許換行 */
    word-break: break-word; /* 長單字自動斷行 */
}

        
        /* 輪播區域 */
        .slider-wrapper {
        width: 100%;
        aspect-ratio: 16 / 9; /* 確保比例 */
        overflow: hidden;
        border-radius: 10px;
        background: #000;
        }
        
        
        .slider-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        }
        
        
        /* 手機版：改成直式排列 */
        @media (max-width: 992px) {
        .container {
        flex-direction: column;
        }
        }
        /* 淡入淡出效果 */
        .slides {
        position: relative;
        width: 100%;
        height: 100%;
        }
        .slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 0.8s ease;
        object-fit: cover;
        }
        .slide.active {
        opacity: 1;
        }
        
        
        /* 左右切換按鈕 */
        .nav-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(0,0,0,0);
        color: #fff;
        border: none;
        padding: 10px 16px;
        cursor: pointer;
        font-size: 40px;
        border-radius: 6px;
        z-index: 3;
        }
        .prev-btn { left: 10px; }
        .next-btn { right: 10px; }