.breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 700;
    flex-wrap: wrap;
    margin: 24px 24px 0 24px;
}
.breadcrumb .breadcrumb-separator::after {
    content: "/"; /* 這裡定義分隔符 */
    font-weight: 900;
}

.breadcrumb .breadcrumb-item {
    color: var(--text-dark);
    text-decoration: none;
    background: var(--accent-yellow);
    padding: 4px 12px;
    border-radius: 8px;
    border: 2px solid var(--text-dark);
    transition: transform 0.15s ease;
}

.breadcrumb .breadcrumb-item:hover {
    transform: scale(1.05);
}
.breadcrumb .breadcrumb-current {
    color: var(--text-dark);
    background: var(--tag-bg);
    padding: 4px 12px;
    border-radius: 8px;
    border: 2px solid var(--text-dark);
}