.breadcrumb {
    list-style: none; /* 移除列表的默认标记 (如数字) */
    padding: 0;
    margin: 0;
    display: flex; /* 让列表项水平排列 */
    flex-wrap: wrap; /* 允许换行 */
    font-size: var(--text-sm); /* 可以调整字体大小 */
}

.breadcrumb-item {
    display: inline-block; /* 确保列表项在同一行 */
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "/"; /* 分隔符 */
    padding: 0 var(--space-1); /* 分隔符左右的间距 */
    color: var(--text-color-tertiary); /* 分隔符颜色，可以调整 */
}

.breadcrumb-item a {
    text-decoration: none; /* 移除链接下划线 */
    color: var(--primary-700); /* 链接颜色，可以调整 */
}

.breadcrumb-item a:hover {
    text-decoration: underline; /* 鼠标悬停时显示下划线 */
}

.breadcrumb-item.active {
    color: var(--neutral-600); /* 当前活动页面的文本颜色，可以调整 */
    font-weight: var(--font-weight-normal); /* 可以设为 bold 如果需要 */
}