.title-shape::before {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  left: -8px;
  top: 0px;
  background: var(--color-content-primary)
}

.title-shape {
  position: relative;
  width: 50px;
  height: 4px;
  margin-left: 8px;
  background: var(--color-content-primary)
}

.title-shape-mid::after {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  right: -8px;
  top: 0px;
  background: var(--color-content-primary)
}

.title-shape-mid::before {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  left: -8px;
  top: 0px;
  background: var(--color-content-primary)
}

.title-shape-mid {
  position: relative;
  width: 50px;
  height: 4px;
  margin: 0 auto;
  background: var(--color-content-primary)
}