:root {
    --ytlee-blue: rgb(0, 96, 180);
    --ytlee-blue-light: rgba(0, 96, 180, 0.1); /* 主題色的輕微透明 */
    --ytlee-blue-hover: rgba(0, 96, 180, 0.8); /* 主題色的 hover 效果 */
    --disabled-bg: #f0f0f0; /* 禁用狀態的背景色 */
    --disabled-text: #999; /* 禁用狀態的文字顏色 */
    --header-bg-url: url(../img/news_header.jpg); /* header圖片 */
}

/*----------md以下螢幕排版----------*/
@media (max-width: 767.98px) {
    #news_container img {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    #news_container .row {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
        #news_container .row span {
            margin-top: 30px;
        }
}

/*----------header----------*/
.ytlee-page-header {
    background: linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)), var(--header-bg-url) center center no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 40%;
    height: auto;
}

/* 在較大螢幕時稍微縮小高度 */
@media (min-width: 768px) {
    .ytlee-page-header {
        padding-top: 20%;
    }
}

/*----------news_container最新消息容器----------*/
#news_container .row.mb-4 {
    margin-bottom: 20px;
    padding: 15px;
    border-bottom: 2px dashed var(--ytlee-blue-light);
}

#news_container img {
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

#news_container h5 {
    color: var(--ytlee-blue);
    font-weight: bold;
}

#news_container p {
    color: #555;
}

/* 圖片hover放大效果 */
#news_container img {
    transition: transform 0.3s ease;
    z-index: 1;
}

    #news_container img:hover {
        transform: scale(1.1);
        position: relative;
        z-index: 10;
    }

/*----------子頁Details樣式----------*/
.ytlee-page-header-news-details {
    --header-bg-url: url(../img/news_news_details_header.jpg);
}

.bg-primary {
    background-color: rgb(0, 96, 180) !important;
}