.@{modal-prefix-cls} { 
  background-color: var(--color-bg-1);
  &-header {
    padding: 0 28px;
  }
  &-content {
    padding: 0px 28px;
  }
  &-footer {
    padding: 20px 28px;
  }
  &-simple {
    width: 520px;
    padding: 16px 28px 20px 28px;
    .arco-modal-footer {
      margin-top: 28px;
    }
  }
  .arco-modal-title{
    font-weight: 600;
  }

  // 简洁模式
  &.arco-modal-simple{
    padding-top: 20px;

    .arco-modal-header{
      margin-bottom: 20px;
    }

    .arco-modal-footer{
      margin-top: 20px;
    }

    .arco-modal-close-icon{
      right: 20px;
    }
  }
}