.vm-title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  border-top: 1px solid #E5E8EF;
  position: relative;
  padding-left: 15px;
  &.no-border {
    border-top: none;
  }
  .vm-title-wrap-title {
    font-family: Alibaba PuHuiTi 3, Alibaba PuHuiTi 30;
    font-weight: normal;
    font-size: 16px;
    color: #1677ff;
  }
  &::before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 14px;
    border-radius: 6px;
  }
  .vm-title-wrap-time-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #8C8C8C;
  }
  &.dark {
    border-color: rgba(47, 172, 255, 0.20);
    .vm-title-wrap-title {
      background: linear-gradient(180deg, #fff 0%, #009dff 100%);
      background-clip: text;
      -webkit-text-fill-color: transparent;
      border-color: #2FACFF;
    }
    &::before {
      background: linear-gradient(0deg, #009dff 0%, #fff 100%);
    }
    .vm-title-wrap-time-wrap {
      color: #6BA6DE;
    }
  }

  &::before {
    background: #1677ff;
  }
}
