k_online_ui/src/styles/driver.scss

div.driver-popover {
  width: 400px;
  max-width: 400px;
  padding: 15px;
  padding-bottom: 8px;
  background-image: linear-gradient(96deg, #b58eff 2.25%, #fdbc94 97.98%);
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
}
// 标题
header.driver-popover-title {
  color: var(--color-neutral-1);
}

// 角标
div.driver-popover-arrow-side-left {
  border-left-color: #b78ffc;
}
div.driver-popover-arrow-side-right {
  border-right-color: #b78ffc;
}
div.driver-popover-arrow-side-top {
  border-top-color: #b78ffc;
}
div.driver-popover-arrow-side-bottom {
  border-bottom-color: #b78ffc;
}

// 遮罩
.driver-overlay.driver-overlay-animated {
  path {
    fill: var(--color-tour-mask-bg) !important;
  }
}
// 关闭图标
button.driver-popover-close-btn {
  top: -1px;
  right: -6px;
  color: #2b2f36;
  &:hover,
  &:focus {
    color: #2b2f36;
  }
}
// 内容
div.driver-popover-description {
  color: #2b2f36;
  text-align: left;
  ul {
    margin-left: 16px;
    list-style: disc;
    li {
      color: #2b2f36;
    }
  }
}

// 页数
span.driver-popover-progress-text {
  color: rgba($color: #fff, $alpha: 0.7);
  font-size: 12px;
}
footer.driver-popover-footer {
  margin-top: 28px;
  height: 36px;
  .driver-popover-navigation-btns {
    // 上一步
    button.driver-popover-prev-btn {
      width: 96px;
      height: 36px;
      padding: 0;
      background-color: transparent;
      border: none;
    }
    button.driver-popover-next-btn {
      width: 96px;
      height: 36px;
      padding: 0;
      background-color: transparent;
      border: none;
    }
  }
}