.callout {
    padding: 1.25rem;
    margin: 1rem 0;
    border: 1px solid #e5e5e5;
    border-left-width: 0.3rem;
    border-radius: 0.375rem;
    background-color: #f9f9f9;
}

.callout h5 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.callout p:last-child {
    margin-bottom: 0;
}

/* 色系變化 */
.callout-primary {
    border-color: #9ec5fe;
    border-left-color: #0d6efd;
    background-color: #eaf0ff;
    color: #0d3a87;
}

.callout-info {
    border-color: #9eeaf9;
    border-left-color: #17a2b8;
    background-color: #e9f7fb;
    color: #0c5460;
}

.callout-success {
    border-color: #a3cfbb;
    border-left-color: #198754;
    background-color: #e7f5ec;
    color: #155724;
}

.callout-warning {
    border-color: #ffe69c;
    border-left-color: #ffc107;
    background-color: #fff8e5;
    color: #856404;
}

.callout-danger {
    border-color: #f1aeb5;
    border-left-color: #dc3545;
    background-color: #fdeaea;
    color: #721c24;
}