.tpl-product-cards {
    max-width: 269px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 6px;
}

a.tpl-product-cards {
    cursor: pointer;
}

a.tpl-product-cards:hover {
    animation: href-hover 0.3s ease forwards;
}

.tpl-product-cards.right {
    align-items: flex-end;
}

.tpl-product-cards.center {
    align-items: center;
}

.tpl-product-cards .title {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.tpl-product-cards .content {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
}

.tpl-product-cards .tags {
    display: flex;
    gap: 5px;
}

.tpl-product-cards .tag {
    color: var(--z-page-primary-color);
    border: 1px solid var(--z-page-primary-color);
    font-weight: 500;
    font-size: 14px;
    padding: 0 8px;
    border-radius: 3px;
    line-height: 1.7;
}

/* 游戏展示卡片 */
.tpl-product-cards.game {
    color: #182135;
    width: 100%;
}

.tpl-product-cards.game > img,
.tpl-product-cards.game .tpl-product-cards-img {
    aspect-ratio: 16 / 9;
}

.tpl-product-cards.game .tpl-product-cards-img {
    display: flex;
    width: 100%;
    align-items: center;
    overflow: hidden;
    background-color: var(--z-body-bg-color1);
    justify-content: center
}

.tpl-product-cards.game .tpl-product-cards-img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.tpl-product-cards.game .title,
.tpl-product-cards.dev .title {
    font-size: 18px !important;
}

.tpl-product-cards.game .content,
.tpl-product-cards.block .content {
    font-size: 16px;
    line-height: normal;
}

.tpl-product-cards.dev .top-title {
    width: 100%;
    color: var(--z-page-primary-color);
    font-size: 18px;
    padding: 0 9px 15px 9px;
    min-height: 55px;
    text-align: center;
    line-height: 1.1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tpl-product-cards.dev .top-title>img {
    width: auto;
}

.tpl-product-cards.dev .title {
    line-height: 1.1;
    font-size: 18px !important;
}

.tpl-product-cards.block {
    flex-direction: row;
    align-items: center;
    max-width: 100%;
    gap: 0;
    width: 100%;
}

.tpl-product-cards.block img,
.tpl-product-cards.block .block-content {
    width: 50%;
}

.tpl-product-cards.block .tpl-product-cards-img{
    width: 50%;
}

.tpl-product-cards.block .tpl-product-cards-img img {
    width: 100%;
}

.tpl-product-cards.block.pos-right {
    flex-direction: row-reverse;
}

.tpl-product-cards.block .title {
    margin-bottom: 16px;
}

.pos-left .block-content {
    padding-left: 24px;
}

.pos-right .block-content {
    padding-right: 24px;
}

.small .content {
	font-size: 18px!important;
}

/* 移动端下的适配 */
@media screen and (max-width: 768px) {
    .tpl-product-cards {
        max-width: calc(50% - 16px / 2);
    }

    .tpl-product-cards .title {
        font-weight: 700;
        font-size: 18px;
    }

    .tpl-product-cards .content {
        font-weight: 500;
        font-size: 13px;
        line-height: 1.2;
    }

    .tpl-product-cards.dev,
    .tpl-product-cards.default.small {
        max-width: 100%;
    }

    .tpl-product-cards.dev .top-title {
        min-height: auto;
    }

    /* 横向块级 */
    .tpl-product-cards.block, .tpl-product-cards.game {
        flex-direction: column;
        align-items: flex-start;
        max-width: 100%;
        width: 100%;
    }

    .tpl-product-cards.block {
        gap: 0;
    }

    .tpl-product-cards.block img, .tpl-product-cards.block .block-content,
    .tpl-product-cards.game img, .tpl-product-cards.game .block-content {
        width: 100% !important;
    }

    .tpl-product-cards.block .tpl-product-cards-img{
        width: 100%;
    }

    .pos-left .block-content,
    .pos-right .block-content {
        padding: var(--z-body-padding);
    }

    /* .pos-left .block-content .content {
        font-weight: 600;
    } */

    .tpl-product-cards.block.pos-right {
        flex-direction: column;
    }
}