/* 篩選標籤的樣式 */
.summary-filter {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .summary-filter:hover {
        opacity: 0.8;
        transform: translateY(-1px);
    }

    .summary-filter.active-filter {
        box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
        font-weight: bold;
    }

/* 訊息提示的閃爍動畫 */
.flash-success {
    animation: flash-success-anim 2s ease-out;
}

.flash-error {
    animation: flash-error-anim 2s ease-out;
}

@keyframes flash-success-anim {
    0% {
        background-color: #d4edda;
    }

    70% {
        background-color: #d4edda;
    }

    100% {
        background-color: transparent;
    }
}

@keyframes flash-error-anim {
    0% {
        background-color: #f8d7da;
    }

    70% {
        background-color: #f8d7da;
    }

    100% {
        background-color: transparent;
    }
}

/* 匯入錯誤細節的樣式 */
#errorDetails {
    margin-top: 15px;
    border-left: 4px solid #a94442;
    padding-left: 15px;
}

    #errorDetails ul {
        list-style-type: none;
        padding-left: 0;
    }

    #errorDetails > ul > li {
        margin-bottom: 10px;
    }

    #errorDetails .author-error-list {
        list-style-type: circle;
        padding-left: 20px;
        margin-top: 5px;
        font-size: 0.9em;
        color: #777;
    }