/* ========== 面包屑导航 — 对齐 zibll breadcrumb ========== */ .breadcrumb-nav { font-size: 13px; padding: 0 8px; margin-bottom: 12px; opacity: 0.6; line-height: 1.8; } .breadcrumb-nav ol, .breadcrumb-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 0; } .breadcrumb-nav li { display: inline-flex; align-items: center; } .breadcrumb-nav li + li::before { content: '/'; padding: 0 0 0 6px; opacity: 0.6; } .breadcrumb-nav a { color: var(--color-ink-4, #999); text-decoration: none; transition: color 0.2s; } .breadcrumb-nav a:hover { color: var(--color-primary, #f04494); } .breadcrumb-nav .current { color: var(--color-ink-2, #4e5358); font-weight: 500; } .single-cover-con .breadcrumb-nav, .single-cover-con .breadcrumb { font-size: 13px; margin: 5px 0 0 -6px; opacity: unset; } /* 封面内面包屑 */ .single-cover-con .breadcrumb-nav { color: rgba(255, 255, 255, 0.7); } .single-cover-con .breadcrumb-nav a { color: rgba(255, 255, 255, 0.7); } .single-cover-con .breadcrumb-nav a:hover { color: #fff; } .single-cover-con .breadcrumb-nav .current { color: #fff; } /* 移动端 */ @media (max-width: 767px) { .breadcrumb-nav { font-size: 12px; } }