/* 三国肖主六肖十八码, 春夏秋冬六肖十二码 样式 */

.sgx-wrapper, .cxqd-wrapper {
    padding: 10px;
    border: 2px solid #249638;
    border-radius: 8px;
    font-family: sans-serif;
}
.cxqd-wrapper {
    margin-top: 10px;
}
/* Legend样式 */
.sgx-legend, .cxqd-legend {
    background-color: #fcfcfc;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    padding: 10px 15px;
    margin-bottom: 15px;
    text-align: center;
    line-height: 1.8;
    color: #d32f2f;
    font-size: 14px;
}

/* Card通用样式 */
.sgx-card, .cxqd-card {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    margin-bottom: 15px;
    border-radius: 5px;
    overflow: hidden;
}

.sgx-header, .cxqd-header {
    background-color: #249638;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    font-size: 15px;
}

.sgx-row, .cxqd-row {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #eee;
}
.sgx-row:last-child, .cxqd-row:last-child {
    border-bottom: none;
}

/* 内容项目样式 */
.sgx-item, .cxqd-item {
    background-color: #e6f7ff;
    color: #439df6;
    padding: 0.01rem 0.02rem;
    border-radius: 4px;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
}
.sgx-item.hit, .cxqd-item.hit {
    background-color: #ffe600;
    color: #ff0000;
}

/* 多项目布局 */
.sgx-cats, .cxqd-cats, .sgx-zodiacs, .cxqd-zodiacs, .sgx-nums, .cxqd-nums {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}