.custom-navbar {
    background-color: #741c78;
}

.navbar-brand, .nav-item, .nav-link {
    color: white !important; /* !important 用於確保樣式優先 */
}

.card-header {
    background-color: #9b9ea3 !important;
    font-size: 1.2rem;
    font-weight:bold;
}

.titleHover:hover {
    color: yellow !important;
}

.hidden {
    display: none;
    opacity: 0;
}

.table-hover tbody tr:hover {
    background: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%) !important;
    color: #333 !important;
}
/* 定义动画 - 从上方滑入 */
@keyframes slideIn {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* 定义动画 - 向下滑出 */
@keyframes slideOut {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(100%);
        opacity: 0;
    }
}

/* 定义动画的应用 */
.visible {
    animation: slideIn 0.3s ease forwards;
}

.hidden {
    animation: slideOut 0.3s ease forwards;
}

@media print {
    * {
        -webkit-print-color-adjust: exact !important;
    }

    .noPrint {
        display: none;
    }

    .navbar {
        display: none !important;
    }

    @page {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    @page :first {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }    
}