body {
    background-color: #ffffff;
}
.top-nav {
    background-color: #1b3250;
    padding: 0.25rem 0;
}
.top-nav .nav-link {
    color: white;
    font-size: 0.8rem;
    padding: 0.2rem 0.5rem;
}
.main-nav {
    background-color: white;
    border-bottom: 1px solid #dee2e6;
}
.section-title {
    color: #1b3250;
    font-weight: bold;
    border-left: 5px solid #1b3250;
    padding-left: 10px;
    margin-bottom: 1rem;
}
.section-title-red {
    color: #1b3250;
    font-weight: bold;
    border-left: 5px solid #1b3250;
    padding-left: 10px;
    margin-bottom: 1rem;
}
.article-card {
    border: none;
    background-color: transparent; /* 確保卡片背景透明 */
}
.article-card .card-title {
    font-size: 1.1rem;
    font-weight: bold;
}
.article-card .card-text {
    color: #6c757d;
    font-size: 0.9rem;
}
.see-more {
    color: #1b3250;
    font-weight: bold;
    text-decoration: none;
    font-size: 0.9rem;
}
.see-more:hover {
    color: #c21f70;
}
.sidebar .list-group-item {
    border: none;
    padding: 0.75rem 0;
    border-bottom: 1px dashed #dee2e6;
}
.sidebar .list-group-flush .list-group-item:last-child {
    border-bottom: none;
}
.sidebar .top-badge {
    background-color: #1b3250;
    color: white;
    font-weight: bold;
    font-size: 0.8rem;
    padding: 0.3rem 0.5rem;
    margin-right: 10px;
    border-radius: 0.25rem;
}
.sidebar .sidebar-title {
    font-weight: bold;
    margin-bottom: 1rem;
    color: #1b3250;
}
/* ========== START: 修改為通用頁籤樣式 ========== */
.custom-tabs {
    border-bottom: 2px solid #1b3250;
}
.custom-tabs .nav-link {
    border: none;
    border-bottom: 2px solid transparent;
    color: #6c757d;
    font-size: 0.9rem; /* 統一字體大小 */
    padding: 0.5rem 0.8rem;
}
.custom-tabs .nav-link.active {
    border-color: #1b3250;
    color: #1b3250;
    font-weight: bold;
    background-color: transparent;
}
/* ========== END: 修改為通用頁籤樣式 ========== */
.hot-activities .list-group-item {
    border: none;
    padding-left: 0;
    border-bottom: 1px solid #eee;
}
.hot-activities .badge-pink {
    background-color: #1b3250;
}
.footer {
    background-color: #1b3250;
    padding: 1rem 0;
    margin-top: 2rem;
}
.topic-item {
    text-decoration: none;
    color: #212529;
}
.topic-item:hover {
    color: #1b3250;
}
.hot-topic-list img {
    width: 120px;
    height: 80px;
    object-fit: cover;
}
.banner-carousel img {
    border-radius: .375rem;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
.article img{ max-width: calc(100% - 20px); }