.unity-form {
  // label 固定6个字宽度，参考 vant 的 form 表单风格
  @labelWidth: 100px;
  @requireWidth: 12px;
  // 对应 antd 的 xs 媒体查询断点
  // min-width: 575px;

  // 不展示 required 的 * 号
  // 以详情的模式进行展示
  &&-notRequired {
    &:global {
      // 不对 inline 性质的表单做处理
      &:not(.ant-form-inline) {
        .ant-form-item-label {
          // 固定6个字宽度，参考 vant 的 form 表单风格，扣掉 require * 的宽度
          width: @labelWidth - @requireWidth;

          & > label {
            &:before {
              content: none;
            }
            &:not(.ant-form-item-required) {
              margin-left: 0;
            }
          }
        }
      }
    }
  }

  // 以详情的模式进行展示
  &&-detail {
    &:global {
      // 不对 inline 性质的表单做处理
      &:not(.ant-form-inline) {
        .ant-form-item {
          margin-bottom: 12px;
        }
        .ant-form-item-label {
          // 固定6个字宽度，参考 vant 的 form 表单风格，扣掉 require * 的宽度
          width: @labelWidth - @requireWidth;

          & > label {
            // 详情模式下，不显示 *
            &:before {
              content: none;
            }
            &:not(.ant-form-item-required) {
              margin-left: 0;
            }
          }
        }
      }
    }
  }

  &:global {
    // 不对 inline 性质的表单做处理
    &:not(.ant-form-inline) {
      .ant-form-item {
        // align-items: center;
      }
      .ant-form-item-label {
        text-align: left !important;

        // margin-right: 30px;
        margin-right: 24px;

        // 最多8个字
        // max-width: 114px;

        // 固定6个字宽度，参考 vant 的 form 表单风格
        width: @labelWidth;

        // white-space: normal;
        & > label {
          // min-height: 32px;
          // height: auto;

          color: #7e878e;
          font-size: 14px;

          &:not(.ant-form-item-required) {
            margin-left: @requireWidth;
          }

          &::before {
          }

          &::after {
            content: '';
            margin: 0;
          }
        }
      }
    }
  }
}
// #endregion
