/* Row List Card 行列表卡片样式 */
.product-group {
    display: block;
    position: relative;
    --card-border: 1px;
    --card-spacing: var(--sl-spacing-small);
    padding: 0;
}

.collect-group {
    margin-top: var(--sl-spacing-large);
}

/* 应用列表页面的卡片样式 - collectlist 模式 */
.product-group.collect-group .products-container.square.wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    --square-and-tall-card-num: 8 !important;
    --card-width: calc((100% - var(--card-spacing) * (var(--square-and-tall-card-num) - 1)) / var(--square-and-tall-card-num)) !important;
}

.product-group.collect-group .products-container.square.wrap .rank_item {
    width: var(--card-width) !important;
    min-width: var(--card-width) !important;
    max-width: var(--card-width) !important;
    margin-right: var(--card-spacing) !important;
    margin-bottom: var(--card-spacing) !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
}