.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;
                    }
                }
            }
        }
    }
}
