/**
 * 自定义面包屑导航样式
 */

.custom-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0px;
    font-variation-settings: "opsz" auto;
    color: #222222;
}

.breadcrumb-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #222222 !important;
    text-decoration: none !important;
}

.breadcrumb-back:hover,
.breadcrumb-back:visited,
.breadcrumb-back:active,
.breadcrumb-back:focus {
    color: #222222 !important;
    text-decoration: none !important;
}

.breadcrumb-back svg {
    width: 6px;
    height: 8.645px;
    flex-shrink: 0;
    color: #222222;
}

.breadcrumb-separator {
    color: #222222;
    user-select: none;
}

.breadcrumb-type {
    color: #222222 !important;
    text-decoration: none !important;
}

.breadcrumb-type:hover,
.breadcrumb-type:visited,
.breadcrumb-type:active,
.breadcrumb-type:focus {
    color: #222222 !important;
    text-decoration: none !important;
}

.breadcrumb-current {
    color: #222222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 500px;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .custom-breadcrumb {
        font-size: 11px;
        gap: 6px;
    }
    
    .breadcrumb-current {
        max-width: 200px;
    }
}

@media (max-width: 480px) {
    .custom-breadcrumb {
        font-size: 10px;
        gap: 4px;
    }
    
    .breadcrumb-current {
        max-width: 150px;
    }
}