/* 列表页：面包屑色 + 与首页 cd_sec2 配套的反转行、全宽灰底、置顶描边 */

.list-page-location,
.list-page-location a {
    color: #1843e2 !important;
}

/* 列表在 .infolists 内，补首页「body1000 直接子级」才有的通栏灰底 */
.infolists .character_design_content.cd-showcase-v2 {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: #fff;
}

.character_design_container.cd-showcase-v2-inner > .cd_sec2_grid {
    margin-bottom: 22px;
}

.character_design_container.cd-showcase-v2-inner > .cd_sec2_grid:last-child {
    margin-bottom: 0;
}

/* 第 2、4、6… 组：左三小、右一大（与首页同结构，仅改 flex 方向） */
.cd_sec2_grid.cd_sec2_grid--reverse {
    flex-direction: row-reverse;
}

@media (max-width: 900px) {
    .cd_sec2_grid.cd_sec2_grid--reverse {
        flex-direction: column-reverse;
    }
}

.cd_sec2_feature.ding .cd_sec2_feature_frame,
.cd_sec2_item.ding .cd_sec2_item_frame {
    box-shadow: 0 0 0 2px rgba(255, 153, 0, 0.35);
}

/* 未满 4 条时补齐右侧三小格占位，保持与首页一致的栅格高度（新增商品后由真实条目替换） */
.cd_sec2_item--placeholder {
    pointer-events: none;
    visibility: hidden;
}

.cd_sec2_item--placeholder .cd_sec2_item_frame {
    box-shadow: none;
}

.cd_sec2_item--placeholder .cd_sec2_item_imgwrap {
    min-height: 177px;
    height: 177px;
    max-height: 177px;
    aspect-ratio: unset;
    background: transparent;
}

/* 列表页专用：每行左右总高一致 — 大图区域 570px，三小图各 177px，间距填满 570 */
.infolists .character_design_content.cd-showcase-v2 .cd_sec2_grid {
    align-items: stretch;
}

.infolists .character_design_content.cd-showcase-v2 .cd_sec2_col_left,
.infolists .character_design_content.cd-showcase-v2 .cd_sec2_col_right {
    display: flex;
    flex-direction: column;
}

.infolists .character_design_content.cd-showcase-v2 .cd_sec2_col_right {
    flex: 1 1 0;
    min-width: 0;
    height: 570px;
    min-height: 570px;
    max-height: 570px;
    gap: calc((570px - 177px * 3) / 2);
    justify-content: flex-start;
}

.infolists .character_design_content.cd-showcase-v2 .cd_sec2_feature {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.infolists .character_design_content.cd-showcase-v2 .cd_sec2_feature_frame {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.infolists .character_design_content.cd-showcase-v2 .cd_sec2_feature_imgwrap {
    aspect-ratio: unset;
    max-height: none;
    width: 100%;
    height: 570px;
    min-height: 570px;
    max-height: 570px;
    flex: 0 0 570px;
}

.infolists .character_design_content.cd-showcase-v2 .cd_sec2_item {
    flex: 0 0 auto;
    min-height: 0;
}

.infolists .character_design_content.cd-showcase-v2 .cd_sec2_item_frame {
    flex: 0 0 auto;
    min-height: 0;
}

.infolists .character_design_content.cd-showcase-v2 .cd_sec2_item_imgwrap {
    aspect-ratio: unset;
    flex: 0 0 auto;
    min-height: 170px;
    height: 177px;
    max-height: 172px;
}

@media (max-width: 900px) {
    .infolists .character_design_content.cd-showcase-v2 .cd_sec2_col_right {
        height: auto;
        min-height: 0;
        max-height: none;
        gap: 12px;
    }

    .infolists .character_design_content.cd-showcase-v2 .cd_sec2_feature_imgwrap {
        height: auto;
        min-height: 220px;
        max-height: none;
        flex: 1 1 auto;
    }

    .infolists .character_design_content.cd-showcase-v2 .cd_sec2_item_imgwrap {
        min-height: 120px;
        height: auto;
        max-height: none;
        aspect-ratio: 2 / 1;
    }

    .infolists .character_design_content.cd-showcase-v2 .cd_sec2_item--placeholder .cd_sec2_item_imgwrap {
        min-height: 120px;
        height: auto;
        max-height: none;
    }
}