.highlight {
    background-color: yellow;
    font-weight: bold;
}

.pagination-container {
    text-align: center;
    margin-top: 20px;
}

.pagination a {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-decoration: none;
    color: #333;
}

.pagination a.active {
    background-color: #5cb85c;
    color: white;
    border-color: #5cb85c;
}

/*
body {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    animation: background-animation 30s infinite alternate;
}
@keyframes background-animation {
    0%, 100% {
        background-image: url("BG01.png");
    }
    33% {
        background-image: url("BG02.png");
    }
    66% {
        background-image: url("BG03.png");
    }
}
.google-translate {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1000;
}
    
.sort-button {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
    background-color: #f9f9f9;
    margin-right: 5px;
}
.sort-button.active {
    background-color: #5cb85c;
    color: white;
}
    */

    .dashboard-header h1,
    .dashboard-header p {
        margin: 0; /* 移除預設邊距 */
    }
    
    .dashboard-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 20px;
    }
    
    @media (min-width: 768px) {
        .dashboard-grid {
            grid-template-columns: repeat(3, 1fr); /* 修改這裡，設定為 3 個一排 */
        }
    }
    
    .dashboard-module {
        background-color: rgba(249, 249, 249, 0.8); /* 修改這裡，設定為半透明 */
        padding: 20px;
        border-radius: 5px;
        border: 1px solid #eee;
    }
    
    .dashboard-module.announcement {
        background-color: rgba(255, 230, 230, 0.5); /* 淡紅色 */
    }
    
    .dashboard-module.search {
        background-color: rgba(255, 255, 230, 0.5); /* 淡黃色 */
    }
    
    .dashboard-module.quick-links {
        background-color: rgba(230, 255, 255, 0.5); /* 淡青色 */
    }
    
    .dashboard-module.recommended-books {
        background-color: rgba(222, 221, 221, 0.486); /* 淡藍色 */
    }
    
    .dashboard-module.statistics.language-stats {
        background-color: rgba(222, 221, 221, 0.486); /* 淡藍色 */
    }
    
    .dashboard-module.statistics.category-stats {
        background-color: rgba(222, 221, 221, 0.486); /* 淡藍色 */
    }
    
    .dashboard-module h2 {
        margin-top: 0;
        margin-bottom: 10px;
    }