.sec-breadcrumb-wrap {
width: 100%;
background: #ffffff;
border-bottom: 1px solid #f0f0f0;
}
.sec-breadcrumb-container {
max-width: 1440px;
margin: 0 auto;
padding: 16px 24px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
font-family: "PingFang SC", "Microsoft YaHei", -apple-system, sans-serif;
font-size: 14px;
line-height: 1.5;
color: #1A1A1A;
}
.sec-breadcrumb-link {
color: #1A1A1A;
text-decoration: none;
transition: color 0.2s ease;
}
.sec-breadcrumb-link:hover {
color: #FF6A00;
}
.sec-breadcrumb-sep {
color: #999999;
margin: 0 4px;
font-size: 12px;
user-select: none;
}
.sec-breadcrumb-current {
color: #FF6A00;
font-weight: 600;
max-width: 480px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (max-width: 768px) {
.sec-breadcrumb-container {
padding: 12px 16px;
font-size: 13px;
gap: 6px;
}
.sec-breadcrumb-current {
max-width: 260px;
}
}
@media (max-width: 375px) {
.sec-breadcrumb-container {
padding: 10px 12px;
font-size: 12px;
gap: 4px;
}
.sec-breadcrumb-sep {
margin: 0 2px;
}
.sec-breadcrumb-current {
max-width: 180px;
}
}
{{articleDescription|raw}}