.ui-card {
    position: relative;
    background-color: var(--ui-BG);
    overflow: hidden;
    margin: 2em 0;
    .ui-card-title {
        padding: 0.5em 1em 0;
    }
    .ui-card-desc {
        padding: 0.5em 1em 0;
        height: 3.7em;
        line-height: 1.6;
    }
    .ui-card-main {
        width: 100%;
        position: relative;
        .ui-card-tag{
            position: absolute;
            width: 100%;
            left: 0;
            top: 0;
            z-index: 2;
            border-radius: inherit;
        }
        .ui-card-fixedTitle {
            padding: 1.5em 1em 1em;
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0;
            z-index: 2;
            &::before{
                opacity: .6;
            }
        }
        .ui-card-image {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 1;
        }
    }
    .ui-card-other {
        padding: 0.5em 1em;
    }
    .ui-card-other:first-child {
        padding: 0;
    }
}
