.page-header-enhance.ant-page-header {
  width: 100%;
  height: 56px;
  padding: 16px 20px 0;
  background: #fff;

  .ant-page-header-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    .ant-page-header-heading-left {
      display: flex;
      flex: 1;
      flex-wrap: wrap;
      align-items: center;
      min-height: 24px;
      margin-bottom: 0;
      row-gap: 4px;

      .ant-page-header-back {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        align-self: center;
        height: 24px;
        margin-right: 0;

        .ant-page-header-back-button {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 24px;
          height: 24px;
          padding: 0;
          line-height: 0;
          color: rgb(89, 89, 89);
          background: none;
          border: none;
          cursor: pointer;
          transition: color 0.3s;

          .hc-icon {
            display: block;
            width: 1em;
            height: 1em;
            font-size: 24px;
            line-height: 1;
            transform: rotate(180deg);
          }

          &:hover {
            color: var(--ant-color-primary, #1677ff);
            outline: none;
          }
        }
      }

      .ant-page-header-heading-title {
        display: inline-flex;
        flex-shrink: 0;
        align-items: center;
        align-self: center;
        height: 24px;
        margin-right: 4px;
        color: rgba(0, 0, 0, 0.85);
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
      }

      .ant-page-header-heading-sub-title {
        display: flex;
        align-items: center;
        // align-self: center;

        .page-header-subtitle {
          margin: 0 4px;
        }
      }
    }

    .ant-page-header-heading-extra {
      display: flex;
      align-items: center;
      margin: 0;
    }
  }
}