.breadcrumb-container {
    padding: 16px 0;
}

.breadcrumb-list {
    @apply flex-wrap;
}

.breadcrumb-item {
    @apply flex-shrink-0;
}

.breadcrumb-link {
    @apply text-blue-600 dark:text-blue-400;
    text-decoration: none;
}

.breadcrumb-link:hover {
    @apply text-blue-800 dark:text-blue-300;
    text-decoration: underline;
}

.breadcrumb-current {
    @apply font-semibold;
}

.breadcrumb-separator {
    @apply select-none;
}

/* 响应式设计 */
@media (max-width: 576px ) {
    .breadcrumb-container {
        @apply text-xs;
    }
    
    .breadcrumb-separator {
        @apply mx-1;
    }
}