.breadcrumb-bar {
  max-width: 1200px;
  margin: auto;
  padding-block: 16px;
  font-family: 'Segoe UI', sans-serif;
  writing-mode: horizontal-tb;
  border-block-end: 2px solid #ddd; /* 灰色横线 */
  text-transform: capitalize;
}

.breadcrumb-nav {
  display: inline-flex;
  column-gap: 10px;
  word-break: keep-all;
  appearance: none;
  font-size: 15px;
  color: #444;
}

.breadcrumb-nav span {
  user-select: none;
  vertical-align: middle;
}

.breadcrumb-nav .current {
  font-weight: bold;
  border-inline-end: 3px solid #00c2c2; /* 高亮当前页面 */
  padding-inline-end: 6px;
}