.desktop-records-breadcrumb {
  display: flex;
  width: 100%;
  height: 48px;
  padding: 0 10px;
  align-items: center;
  gap: 6px;
  color: rgba(255, 255, 255, .9);
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.desktop-records-breadcrumb__back {
  display: inline-flex;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  align-items: center;
  justify-content: center;
}

.desktop-records-breadcrumb__back img {
  display: block;
  width: 24px;
  height: 24px;
  filter: brightness(0) invert(1);
}

.desktop-records-breadcrumb__trail {
  display: flex;
  align-items: center;
  gap: 6px;
}

.desktop-records-breadcrumb__parent,
.desktop-records-breadcrumb__current {
  font-weight: 600;
}

.desktop-records-breadcrumb__parent {
  color: inherit;
  text-decoration: none;
}

.desktop-records-breadcrumb__parent:hover,
.desktop-records-breadcrumb__parent:focus-visible {
  color: #ff3f7c;
  text-decoration: none;
}

.desktop-records-breadcrumb__trail > span {
  color: rgba(255, 255, 255, .35);
  font-size: 16px;
  line-height: 22px;
}