.miao-list {

    // 边框处理
    &.card {
        margin: 15Px;
        border-radius: 8Px;
        overflow: hidden;

        >[class*="margin-"] {
            &:first-child {
                margin-top: 0;
            }

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

    &.column {
        display: grid;

        &.gap {
            grid-gap: 15Px;

            &-xs {
                grid-gap: 5Px;
            }

            &-sm {
                grid-gap: 10Px;
            }

            &-md {
                grid-gap: 15Px;
            }

            &-lg {
                grid-gap: 20Px;
            }

            &-xl {
                grid-gap: 25Px;
            }

            &-x {
                grid-row-gap: 15Px;

                &-xs {
                    grid-row-gap: 5Px;
                }

                &-sm {
                    grid-row-gap: 10Px;
                }

                &-md {
                    grid-row-gap: 15Px;
                }

                &-lg {
                    grid-row-gap: 20Px;
                }

                &-xl {
                    grid-row-gap: 25Px;
                }
            }

            &-y {
                grid-column-gap: 15Px;

                &-xs {
                    grid-column-gap: 5Px;
                }

                &-sm {
                    grid-column-gap: 10Px;
                }

                &-md {
                    grid-column-gap: 15Px;
                }

                &-lg {
                    grid-column-gap: 20Px;
                }

                &-xl {
                    grid-column-gap: 25Px;
                }
            }
        }
    }
}