.rjbw-body {
    background-image: url(../image/common/bg-mini.png?v=1.0);
    background-size: 100% auto;
    background-position: top center;
    background-repeat: repeat-y;
}

.rjbw-body2 {
    background-color: #F0EBE2;
}

.filter-items {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.filter-items .filter-cell {
    border: 2px solid #8F7459;
    font-size: 16px;
    border-radius: 19px;
    padding: 1px 12px;
}

.filter-items .filter-cell.active {
    background: #8F7459;
    color: #fff;
}

/* group1 入口图：三列一行，等框高、完整展示（图源尺寸可不同） */
.rjbw-group1-row {
    --rjbw-g1-img-max-h: clamp(140px, 16vw, 280px);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
    align-items: stretch;
}

.rjbw-group1-row--gap-lg {
    gap: 60px;
}

.rjbw-group1-item {
    position: relative;
    z-index: 0;
    min-width: 0;
    transition: transform 0.3s cubic-bezier(0.33, 0.86, 0.25, 1);
    transform-origin: center center;
}

.rjbw-group1-item > a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: var(--rjbw-g1-img-max-h);
    height: 100%;
}

.rjbw-group1-item picture {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.rjbw-group1-item img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: var(--rjbw-g1-img-max-h);
    object-fit: contain;
    display: block;
}

.rjbw-group1-item:hover {
    z-index: 2;
    transform: scale(1.06);
}

/* group2 卡片：悬停放大 */
.rjbw-group2-item {
    position: relative;
    z-index: 0;
    transition: transform 0.3s cubic-bezier(0.33, 0.86, 0.25, 1);
    transform-origin: center center;
}

.rjbw-group2-item:hover {
    z-index: 2;
    transform: scale(1.06);
}