/* M8 玩法卡片专有样式 */

.m8-play-card {
    background-color: #e5ead2;
    border-radius: 0.08rem;
    margin: 0.12rem 0;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.m8-card-header {
    background-color: #cbd89c;
    text-align: center;
    font-size: 0.18rem;
    font-weight: bold;
    color: #222222;
    padding: 0.08rem 0.10rem;
    letter-spacing: 0.01rem;
}

.m8-card-body {
    padding: 0.08rem 0.10rem;
}

/* 图例 - 琴棋书画 */
.m8-qqsh-legend {
    text-align: center;
    padding: 0.06rem 0.10rem 0.02rem 0.10rem;
    font-size: 0.14rem;
    font-weight: bold;
}

.m8-qqsh-legend .lg-qin { color: #cc0000; }
.m8-qqsh-legend .lg-qi { color: #0288d1; }
.m8-qqsh-legend .lg-shu { color: #2e7d32; }
.m8-qqsh-legend .lg-hua { color: #c2185b; }

/* 图例 - 五行必中 */
.m8-wx-legend {
    text-align: center;
    padding: 0.08rem 0.10rem 0.04rem 0.10rem;
    font-size: 0.13rem;
    font-weight: bold;
    line-height: 1.6;
}

.m8-wx-legend .wx-gold { color: #f5ad19; }
.m8-wx-legend .wx-wood { color: #67c23a; }
.m8-wx-legend .wx-water { color: #409eff; }
.m8-wx-legend .wx-fire { color: #f56c6c; }
.m8-wx-legend .wx-earth { color: #d97706; }

/* 通用字体及中奖高亮 */
.m8-red-period {
    color: #cc0000;
    font-weight: bold;
}

.m8-dark-text {
    color: #222222;
    font-weight: bold;
}

.m8-red-text {
    color: #cc0000;
    font-weight: bold;
}

.m8-red-zodiacs {
    color: #cc0000;
    font-weight: bold;
}

.m8-blue-nums {
    color: #1e88e5;
    font-weight: bold;
}

.m8-yellow-hit {
    background-color: #fce83a;
    color: #000000 !important;
    font-weight: bold;
    padding: 0 0.02rem;
    border-radius: 0.02rem;
    display: inline-block;
}

.m8-yellow-red-hit {
    background-color: #fce83a;
    color: #cc0000 !important;
    font-weight: bold;
    padding: 0 0.02rem;
    border-radius: 0.02rem;
    display: inline-block;
}

/* 九肖必中 */
.m8-jxbz-card-item {
    padding: 0.06rem 0;
    text-align: center;
}

.m8-jxbz-subrows-wrapper {
    display: inline-block;
    text-align: left;
    max-width: 100%;
}

.m8-jxbz-subrow {
    padding: 0.04rem 0;
    border-bottom: 1.5px solid #283593;
    font-size: 0.16rem;
    line-height: 1.4;
    white-space: nowrap;
}

.m8-jxbz-card-item:last-child .m8-jxbz-subrow:last-child {
    border-bottom: none;
}

.m8-zodiac-list {
    color: #222222;
    font-weight: bold;
}

/* 单行模式 (绝杀两肖, 单双中特, 平特一肖) */
.m8-simple-row {
    padding: 0.08rem 0;
    border-bottom: 1.5px solid #283593;
    text-align: center;
    font-size: 0.15rem;
    line-height: 1.4;
}

.m8-simple-row:last-child {
    border-bottom: none;
}

.m8-simple-content {
    display: inline-block;
    text-align: center;
}

/* 琴棋书画 */
.m8-qqsh-card-item {
    padding: 0.08rem 0;
    text-align: center;
}

.m8-qqsh-main-row {
    font-size: 0.15rem;
    margin-bottom: 0.04rem;
}

/* 3条子行：包裹在 inline-block text-left 容器中，以最长的一行左边对齐 */
.m8-qqsh-subrows-wrapper {
    display: inline-block;
    text-align: left;
    max-width: 100%;
}

.m8-qqsh-subrow {
    padding: 0.04rem 0;
    border-bottom: 1.5px solid #283593;
    font-size: 0.14rem;
    line-height: 1.4;
    white-space: nowrap;
}

.m8-qqsh-card-item:last-child .m8-qqsh-subrow:last-child {
    border-bottom: none;
}

.m8-cat-box {
    color: #cc0000;
    font-weight: bold;
    margin: 0 0.04rem;
}

/* 26码中特 */
.m8-26m-card-item {
    padding: 0.08rem 0;
    border-bottom: 1.5px solid #283593;
    text-align: center;
}

.m8-26m-card-item:last-child {
    border-bottom: none;
}

.m8-26m-title {
    font-size: 0.15rem;
    margin-bottom: 0.06rem;
}

.m8-26m-numbers {
    font-size: 0.14rem;
    line-height: 1.6;
    color: #1e88e5;
    font-weight: bold;
}

.m8-26m-line {
    word-spacing: 0.02rem;
    margin-bottom: 0.02rem;
}
