.data-library {
  .header {
    padding: 16px 32px;
    border-bottom: 1px solid #e8eaec;
    background: #fff;

    .title {
      font-size: 20px;
      font-weight: 500;
      color: #17233d;
      margin-bottom: 16px;
    }
  }

  .main-wrap {
    padding: 16px 24px 60px;

    .el-row {
      margin-bottom: 20px;

      &:last-child {
        margin-bottom: 0;
      }
    }

    .el-col {
      border-radius: 4px;
      margin-bottom: 16px;

      .el-card {
        border: none;
        transition: all 0.2s ease-in-out;

        &:hover {
          @apply cursor-pointer;
          box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
          border-color: #eee;
        }

        ::v-deep .el-card__body {
          @apply text-center;
          padding: 16px;

          .figure-wrap {
            width: 60%;
            margin: 0 auto;

            .figure {
              @apply inline-block;
            }
          }

          .title {
            font-size: 16px;
            font-weight: 700;
            margin: 8px 0;
          }

          .desc {
            font-size: 14px;
            color: #808695;
            margin-bottom: 16px;
          }
        }
      }
    }
  }
}