/* RecommendItem 组件样式 */
.rank_item-recommend {
    width: var(--card-width);
    flex-shrink: 0;
    z-index: 1;
    padding-bottom: var(--sl-spacing-small);
    --real-card-width: 0px;
    --real-card-height: 0px;
    --light-theme-background-color: var(--sl-color-neutral-0);
    --dark-theme-background-color: var(--sl-color-neutral-50);
    --common-background-color: var(--light-theme-background-color);
}

.rank_item-recommend .info-container {
    flex: 1 1 0%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0 var(--sl-spacing-small);
}

.rank_item-recommend .rating-element {
    display: flex;
    align-items: center;
}

.rank_item-recommend .rating-element img {
    width: 10px;
    height: auto;
}

.rank_item-recommend .rating-element .divider {
    height: 12px;
    margin-top: 2px;
    width: 1px;
    background-color: var(--sl-color-neutral-300);
    margin: 0 4px;
}

.rank_item-recommend .product-recommend {
    --real-card-width: calc(var(--card-width) - (2 * var(--card-border)) - (2 * var(--card-padding)));
    --real-card-height: fit-content;
    border: none;
    box-shadow: none;
    border-radius: 0px;
    background-color: transparent;
    align-items: center;
    padding: var(--card-padding);
}

.rank_item-recommend .product-recommend .title {
    font-size: var(--sl-font-size-medium);
}

.rank_item-recommend .product-recommend:hover {
    border-radius: var(--sl-border-radius-large);
    transform: none;
    box-shadow: var(--sl-shadow-large);
    background-color: var(--theme-card-hover-background-color);
}