/* M11 新增玩法 局部区域 CSS */

/* 玩法通用 Section 容器 */
.m11-play-section {
    margin-bottom: 0.12rem;
    box-sizing: border-box;
    background: #7bc7bd;
}

/* 1. 一肖一码发布区 样式 */
.m11-yxym-card {
    background: #ffffff;
    border: 1px solid #333333;
    margin-top: 0.04rem;
    box-sizing: border-box;
}

.m11-yxym-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.15rem;
    color: #000000;
}

.m11-yxym-top-title {
    background: #ffffff;
    font-size: 0.16rem;
    font-weight: bold;
    color: #000000;
    text-align: center;
    padding: 0.12rem 0.04rem;
    border-bottom: 1px solid #333333;
    line-height: 1.8;
}

.m11-yxym-table td {
    border: 1px solid #333333;
    padding: 0.10rem 0.04rem;
    text-align: center;
    box-sizing: border-box;
    font-size: 0.14rem;
    line-height: 1.8;
}

.m11-yxym-col-period {
    width: 32%;
    font-weight: bold;
    color: #333333;
}

.m11-yxym-col-content {
    width: 48%;
    font-weight: bold;
    color: #333333;
}

.m11-yxym-col-result {
    width: 20%;
    font-weight: bold;
    color: #333333;
}

.m11-shaxiao-badge {
    display: inline-block;
    background-color: #d32f2f;
    color: #ffffff;
    font-weight: bold;
    padding: 0.01rem 0.04rem;
    margin: 0 0.02rem;
    border-radius: 0.02rem;
    font-size: 0.14rem;
}

.m11-yxym-item {
    display: inline-block;
    margin: 0 0.02rem;
}

.m11-yxym-hit {
    background-color: #ffe600;
    color: #000000;
    font-weight: bold;
    border-radius: 0.02rem;
    padding: 0.01rem 0.03rem;
}

/* 2. 精准一肖一码 AAA级大公开 样式 */
.m11-aaa-card {
    margin-top: 0.06rem;
    box-sizing: border-box;
}

.m11-aaa-header {
    background-color: #d32f2f;
    color: #ffffff;
    font-size: 0.16rem;
    font-weight: bold;
    text-align: center;
    padding: 0.05rem 0.04rem;
    letter-spacing: 0.01rem;
}

.m11-aaa-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #000000;
}

.m11-aaa-table td {
    border: 1px solid #ffffff;
    padding: 0.06rem 0.06rem;
    font-size: 0.15rem;
    font-weight: bold;
    text-align: left;
    box-sizing: border-box;
}

.m11-aaa-col {
    width: 50%;
}

.m11-aaa-lbl {
    color: #00ff00;
    margin-right: 0.02rem;
}

.m11-aaa-val {
    color: #ff0000;
}

.m11-aaa-hit-zodiac {
    background-color: #ffe600;
    color: #000000;
    font-weight: bold;
    padding: 0 0.02rem;
    border-radius: 0.02rem;
}

.m11-aaa-num-item {
    display: inline-block;
    margin-right: 0.04rem;
}

.m11-aaa-num-item:last-child {
    margin-right: 0;
}

.m11-aaa-hit-num {
    background-color: #ffe600;
    color: #000000;
    font-weight: bold;
    padding: 0 0.03rem;
    border-radius: 0.02rem;
}

/* 3. 精选六尾 6尾中特 样式 */
.m11-jxlw-card {
    background: #ffffff;
    border: 1px solid #333333;
    margin-top: 0.04rem;
    box-sizing: border-box;
}

.m11-jxlw-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.15rem;
    color: #000000;
}

.m11-jxlw-table th {
    border: 1px solid #333333;
    padding: 0.06rem 0.04rem;
    text-align: center;
    font-weight: bold;
    font-size: 0.15rem;
    background: #ffffff;
}

.m11-jxlw-table td {
    border: 1px solid #333333;
    padding: 0.06rem 0.04rem;
    text-align: center;
    box-sizing: border-box;
    font-size: 0.14rem;
    font-weight: bold;
}

.m11-jxlw-col-period {
    width: 25%;
}

.m11-jxlw-col-title {
    width: 55%;
}

.m11-jxlw-col-result {
    width: 20%;
}

.m11-jxlw-period {
    color: #333333;
}

.m11-jxlw-content {
    color: #333333;
}

.m11-jxlw-tail-item {
    display: inline-block;
    padding: 0.01rem 0.01rem;
    margin: 0;
}

.m11-jxlw-hit {
    background-color: #ffe600;
    color: #000000;
    font-weight: bold;
    border-radius: 0.02rem;
    padding: 0.01rem 0.03rem;
}

.m11-jxlw-result {
    color: #333333;
}

/* 4. 十六码中特 样式 */
.m11-slm-card {
    background: #ffffff;
    border: 1px solid #333333;
    margin-top: 0.04rem;
    box-sizing: border-box;
}

.m11-slm-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.15rem;
    color: #000000;
}

.m11-slm-table th {
    border: 1px solid #333333;
    padding: 0.06rem 0.04rem;
    text-align: center;
    font-weight: bold;
    font-size: 0.15rem;
    background: #ffffff;
}

.m11-slm-table td {
    border: 1px solid #333333;
    padding: 0.06rem 0.04rem;
    text-align: center;
    box-sizing: border-box;
    font-size: 0.14rem;
    font-weight: bold;
}

.m11-slm-col-period {
    width: 25%;
}

.m11-slm-col-title {
    width: 55%;
}

.m11-slm-col-result {
    width: 20%;
}

.m11-slm-num {
    display: inline-block;
    margin: 0 0.02rem;
}

.m11-slm-hit {
    background-color: #d32f2f;
    color: #ffffff;
    font-weight: bold;
    border-radius: 0.02rem;
    padding: 0.01rem 0.03rem;
}

/* 5. 三头中特 样式 */
.m11-stzt-card {
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 0.04rem;
    margin-top: 0.06rem;
    overflow: hidden;
    box-sizing: border-box;
}

.m11-stzt-header {
    background: #eeeeee;
    padding: 0.06rem 0.08rem;
    font-size: 0.16rem;
    font-weight: bold;
    text-align: center;
    color: #333333;
    border-bottom: 1px solid #e0e0e0;
}

.m11-stzt-period-num {
    color: #d32f2f;
    font-weight: bold;
}

.m11-stzt-result-txt {
    color: #d32f2f;
    font-weight: bold;
}

.m11-stzt-body {
    padding: 0.08rem;
    display: flex;
    flex-direction: column;
    gap: 0.06rem;
    align-items: center;
}

.m11-stzt-heads-row {
    display: flex;
    gap: 0.06rem;
    justify-content: center;
    margin-bottom: 0.02rem;
}

.m11-stzt-head-box {
    border: 1px solid #cccccc;
    background: #ffffff;
    color: #333333;
    padding: 0.02rem 0.08rem;
    border-radius: 0.02rem;
    font-size: 0.14rem;
    font-weight: bold;
}

.m11-stzt-code-row {
    display: flex;
    align-items: center;
    gap: 0.04rem;
}

.m11-stzt-lbl {
    font-size: 0.16rem;
    font-weight: bold;
    color: #333333;
    margin-right: 0.04rem;
}

.m11-stzt-code-box {
    border: 1px solid #73b3e7;
    background: #f0f7ff;
    color: #0056b3;
    padding: 0.02rem 0.06rem;
    border-radius: 0.02rem;
    font-size: 0.14rem;
    font-weight: bold;
}

.m11-stzt-head-box.m11-stzt-hit,
.m11-stzt-code-box.m11-stzt-hit {
    background-color: #d32f2f;
    border-color: #d32f2f;
    color: #ffffff;
}

/* 6. 白边黑中 样式 */
.m11-bbhz-info-box {
    background: #ffffff;
    border: 1px solid #cccccc;
    padding: 0.08rem;
    text-align: center;
    margin-top: 0.04rem;
    border-radius: 0.02rem;
    box-sizing: border-box;
}

.m11-bbhz-info-row {
    font-size: 0.15rem;
    line-height: 1.6;
}

.m11-bbhz-info-lbl {
    font-weight: bold;
    color: #000000;
    margin-right: 0.08rem;
}

.m11-bbhz-info-val {
    color: #333333;
    font-weight: bold;
}

.m11-bbhz-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 0.04rem;
    padding: 0.10rem 0.12rem;
    margin-top: 0.06rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.15rem;
    font-weight: bold;
    color: #333333;
}

.m11-bbhz-col-period {
    width: 30%;
}

.m11-bbhz-col-tag {
    width: 40%;
    text-align: center;
}

.m11-bbhz-col-result {
    width: 30%;
    text-align: right;
}

.m11-bbhz-badge {
    border: 1px solid #cccccc;
    background: #ffffff;
    color: #333333;
    padding: 0.02rem 0.08rem;
    border-radius: 0.03rem;
    font-size: 0.14rem;
}

.m11-bbhz-badge-hit {
    background-color: #c00000;
    border-color: #c00000;
    color: #ffffff;
    font-weight: bold;
}

/* 7. 精准24码 样式 */
.m11-jz24-card {
    background: #ffffff;
    border: 1px solid #333333;
    margin-top: 0.04rem;
    box-sizing: border-box;
}

.m11-jz24-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.15rem;
    color: #000000;
}

.m11-jz24-table th {
    border: 1px solid #333333;
    padding: 0.06rem 0.04rem;
    text-align: center;
    font-weight: bold;
    font-size: 0.15rem;
    background: #ffffff;
}

.m11-jz24-table td {
    border: 1px solid #333333;
    padding: 0.06rem 0.04rem;
    text-align: center;
    box-sizing: border-box;
    font-size: 0.14rem;
    font-weight: bold;
}

.m11-jz24-col-period {
    width: 25%;
}

.m11-jz24-col-title {
    width: 55%;
}

.m11-jz24-col-result {
    width: 20%;
}

.m11-jz24-num {
    display: inline-block;
    margin: 0 0.02rem;
}

.m11-jz24-hit {
    background-color: #d32f2f;
    color: #ffffff;
    font-weight: bold;
    border-radius: 0.02rem;
    padding: 0.01rem 0.03rem;
}

/* 8. 平码七剑 样式 */
.m11-pmqj-card {
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 0.04rem;
    margin-top: 0.06rem;
    overflow: hidden;
    box-sizing: border-box;
}

.m11-pmqj-header {
    background: #eeeeee;
    padding: 0.06rem;
    font-size: 0.16rem;
    font-weight: bold;
    text-align: center;
    color: #333333;
    border-bottom: 1px solid #e0e0e0;
}

.m11-pmqj-period-num {
    color: #d32f2f;
    font-weight: bold;
}

.m11-pmqj-body {
    padding: 0.08rem;
    display: flex;
    gap: 0.04rem;
    justify-content: center;
}

.m11-pmqj-code-box {
    border: 1px solid #cccccc;
    background: #ffffff;
    color: #0056b3;
    padding: 0.02rem 0.06rem;
    border-radius: 0.02rem;
    font-size: 0.14rem;
    font-weight: bold;
}

.m11-pmqj-code-box.m11-pmqj-hit {
    background-color: #d32f2f;
    border-color: #d32f2f;
    color: #ffffff;
}

/* 9. 平特一肖 样式 */
.m11-ptyx-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 0.04rem;
    padding: 0.08rem 0.10rem;
    margin-top: 0.04rem;
    box-sizing: border-box;
}

.m11-ptyx-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.m11-ptyx-period-lbl {
    font-size: 0.15rem;
    font-weight: bold;
    color: #333333;
}

.m11-ptyx-boxes {
    display: flex;
    gap: 0.04rem;
}

.m11-ptyx-box {
    border: 1px solid #cccccc;
    background: #ffffff;
    color: #333333;
    padding: 0.02rem 0.08rem;
    border-radius: 0.02rem;
    font-size: 0.14rem;
    font-weight: bold;
}

.m11-ptyx-box-hit {
    background-color: #c00000;
    border-color: #c00000;
    color: #ffffff;
}

.m11-ptyx-res {
    font-size: 0.15rem;
    font-weight: bold;
    color: #333333;
}

.m11-ptyx-res-hit {
    color: #c00000;
}

/* 10. 家野必出 样式 */
.m11-jybc-info-box {
    background: #ffffff;
    border: 1px solid #cccccc;
    padding: 0.08rem;
    text-align: center;
    margin-top: 0.04rem;
    border-radius: 0.02rem;
    box-sizing: border-box;
}

.m11-jybc-info-row {
    font-size: 0.15rem;
    line-height: 1.6;
}

.m11-jybc-lbl {
    font-weight: bold;
    color: #000000;
    margin-right: 0.08rem;
}

.m11-jybc-val {
    color: #333333;
    font-weight: bold;
}

.m11-jybc-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 0.04rem;
    padding: 0.10rem 0.12rem;
    margin-top: 0.06rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.15rem;
    font-weight: bold;
    color: #333333;
}

.m11-jybc-col-period {
    width: 30%;
}

.m11-jybc-col-tag {
    width: 40%;
    text-align: center;
}

.m11-jybc-col-result {
    width: 30%;
    text-align: right;
}

.m11-jybc-badge {
    border: 1px solid #cccccc;
    background: #ffffff;
    color: #333333;
    padding: 0.02rem 0.08rem;
    border-radius: 0.03rem;
    font-size: 0.14rem;
}

.m11-jybc-badge.m11-jybc-hit {
    background-color: #c00000;
    border-color: #c00000;
    color: #ffffff;
    font-weight: bold;
}

/* 11. 稳杀三肖 样式 */
.m11-ssx-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 0.04rem;
    padding: 0.08rem 0.10rem;
    margin-top: 0.04rem;
    box-sizing: border-box;
}

.m11-ssx-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.m11-ssx-period-lbl {
    font-size: 0.15rem;
    font-weight: bold;
    color: #333333;
}

.m11-ssx-boxes {
    display: flex;
    gap: 0.04rem;
}

.m11-ssx-box {
    border: 1px solid #cccccc;
    background: #ffffff;
    color: #333333;
    padding: 0.02rem 0.08rem;
    border-radius: 0.02rem;
    font-size: 0.14rem;
    font-weight: bold;
}

.m11-ssx-box.m11-ssx-hit {
    background-color: #c00000;
    border-color: #c00000;
    color: #ffffff;
}

.m11-ssx-res {
    font-size: 0.15rem;
    font-weight: bold;
    color: #c00000;
}

/* 12. 琴棋书画 样式 */
.m11-qqsh-info-box {
    background: #ffffff;
    border: 1px solid #cccccc;
    padding: 0.08rem;
    text-align: center;
    margin-top: 0.04rem;
    border-radius: 0.02rem;
    box-sizing: border-box;
}

.m11-qqsh-info-row {
    font-size: 0.15rem;
    line-height: 2.6;
}

.m11-qqsh-lbl {
    font-weight: bold;
    color: #000000;
}

.m11-qqsh-val {
    color: #333333;
    font-weight: bold;
}

.m11-qqsh-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 0.04rem;
    padding: 0.10rem 0.12rem;
    margin-top: 0.06rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.15rem;
    font-weight: bold;
    color: #333333;
}

.m11-qqsh-col-period {
    width: 30%;
}

.m11-qqsh-col-tags {
    width: 40%;
    text-align: center;
}

.m11-qqsh-col-result {
    width: 30%;
    text-align: right;
}

.m11-qqsh-badge {
    border: 1px solid #cccccc;
    background: #ffffff;
    color: #333333;
    padding: 0.02rem 0.08rem;
    border-radius: 0.03rem;
    font-size: 0.14rem;
    margin: 0 0.02rem;
}

.m11-qqsh-badge.m11-qqsh-hit {
    background-color: #c00000;
    border-color: #c00000;
    color: #ffffff;
    font-weight: bold;
}

/* 13. 七尾中特 样式 */
.m11-qwzt-card {
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 0.04rem;
    margin-top: 0.06rem;
    overflow: hidden;
    box-sizing: border-box;
}

.m11-qwzt-header {
    background: #eeeeee;
    padding: 0.06rem 0.08rem;
    font-size: 0.16rem;
    font-weight: bold;
    text-align: center;
    color: #333333;
    border-bottom: 1px solid #e0e0e0;
}

.m11-qwzt-period-num {
    color: #d32f2f;
    font-weight: bold;
}

.m11-qwzt-result-txt {
    color: #d32f2f;
    font-weight: bold;
}

.m11-qwzt-body {
    padding: 0.08rem;
    display: flex;
    flex-direction: column;
    gap: 0.06rem;
    align-items: center;
}

.m11-qwzt-tails-row {
    display: flex;
    gap: 0.04rem;
    justify-content: center;
}

.m11-qwzt-tail-box {
    border: 1px solid #cccccc;
    background: #ffffff;
    color: #333333;
    padding: 0.02rem 0.06rem;
    border-radius: 0.02rem;
    font-size: 0.14rem;
    font-weight: bold;
}

.m11-qwzt-tail-box.m11-qwzt-hit {
    background-color: #d32f2f;
    border-color: #d32f2f;
    color: #ffffff;
}

.m11-qwzt-code-row {
    display: flex;
    align-items: center;
    gap: 0.04rem;
}

.m11-qwzt-lbl {
    font-size: 0.16rem;
    font-weight: bold;
    color: #333333;
    margin-right: 0.04rem;
}

.m11-qwzt-code-box {
    border: 1px solid #73b3e7;
    background: #f0f7ff;
    color: #0056b3;
    padding: 0.02rem 0.06rem;
    border-radius: 0.02rem;
    font-size: 0.14rem;
    font-weight: bold;
}

.m11-qwzt-code-box.m11-qwzt-hit {
    background-color: #d32f2f;
    border-color: #d32f2f;
    color: #ffffff;
}

/* 14. 男肖女肖 样式 */
.m11-nxnx-info-box {
    background: #ffffff;
    border: 1px solid #cccccc;
    padding: 0.08rem;
    text-align: center;
    margin-top: 0.04rem;
    border-radius: 0.02rem;
    box-sizing: border-box;
}

.m11-nxnx-info-row {
    font-size: 0.15rem;
    line-height: 1.6;
}

.m11-nxnx-lbl {
    font-weight: bold;
    color: #000000;
    margin-right: 0.08rem;
}

.m11-nxnx-val {
    color: #333333;
    font-weight: bold;
}

.m11-nxnx-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 0.04rem;
    padding: 0.10rem 0.12rem;
    margin-top: 0.06rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.15rem;
    font-weight: bold;
    color: #333333;
}

.m11-nxnx-col-period {
    width: 30%;
}

.m11-nxnx-col-tag {
    width: 40%;
    text-align: center;
}

.m11-nxnx-col-result {
    width: 30%;
    text-align: right;
}

.m11-nxnx-badge {
    border: 1px solid #cccccc;
    background: #ffffff;
    color: #333333;
    padding: 0.02rem 0.08rem;
    border-radius: 0.03rem;
    font-size: 0.14rem;
}

.m11-nxnx-badge.m11-nxnx-hit {
    background-color: #c00000;
    border-color: #c00000;
    color: #ffffff;
    font-weight: bold;
}

/* 15. 东南西北 样式 */
.m11-dnxb-info-box {
    background: #ffffff;
    border: 1px solid #cccccc;
    padding: 0.08rem;
    text-align: center;
    margin-top: 0.04rem;
    border-radius: 0.02rem;
    box-sizing: border-box;
}

.m11-dnxb-info-row {
    font-size: 0.15rem;
    line-height: 1.6;
}

.m11-dnxb-lbl {
    font-weight: bold;
    color: #000000;
}

.m11-dnxb-val {
    color: #333333;
    font-weight: bold;
}

.m11-dnxb-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 0.04rem;
    padding: 0.10rem 0.12rem;
    margin-top: 0.06rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.15rem;
    font-weight: bold;
    color: #333333;
}

.m11-dnxb-col-period {
    width: 30%;
}

.m11-dnxb-col-tags {
    width: 40%;
    text-align: center;
}

.m11-dnxb-col-result {
    width: 30%;
    text-align: right;
}

.m11-dnxb-badge {
    border: 1px solid #cccccc;
    background: #ffffff;
    color: #333333;
    padding: 0.02rem 0.06rem;
    border-radius: 0.03rem;
    font-size: 0.14rem;
    margin: 0 0.02rem;
}

.m11-dnxb-badge.m11-dnxb-hit {
    background-color: #c00000;
    border-color: #c00000;
    color: #ffffff;
    font-weight: bold;
}

/* 16. 春夏秋冬 样式 */
.m11-cxqd-info-box {
    background: #ffffff;
    border: 1px solid #cccccc;
    padding: 0.08rem;
    text-align: center;
    margin-top: 0.04rem;
    border-radius: 0.02rem;
    box-sizing: border-box;
}

.m11-cxqd-info-row {
    font-size: 0.15rem;
    line-height: 1.6;
}

.m11-cxqd-lbl {
    font-weight: bold;
    color: #000000;
}

.m11-cxqd-val {
    color: #333333;
    font-weight: bold;
}

.m11-cxqd-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 0.04rem;
    padding: 0.10rem 0.12rem;
    margin-top: 0.06rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.15rem;
    font-weight: bold;
    color: #333333;
}

.m11-cxqd-col-period {
    width: 30%;
}

.m11-cxqd-col-tags {
    width: 40%;
    text-align: center;
}

.m11-cxqd-col-result {
    width: 30%;
    text-align: right;
}

.m11-cxqd-badge {
    border: 1px solid #cccccc;
    background: #ffffff;
    color: #333333;
    padding: 0.02rem 0.08rem;
    border-radius: 0.03rem;
    font-size: 0.14rem;
    margin: 0 0.02rem;
}

.m11-cxqd-badge.m11-cxqd-hit {
    background-color: #c00000;
    border-color: #c00000;
    color: #ffffff;
    font-weight: bold;
}

/* 17. 五行必中 样式 */
.m11-wxbs-info-box {
    background: #ffffff;
    border: 1px solid #cccccc;
    padding: 0.08rem;
    text-align: center;
    margin-top: 0.04rem;
    border-radius: 0.02rem;
    box-sizing: border-box;
}

.m11-wxbs-info-row {
    font-size: 0.15rem;
    line-height: 1.6;
}

.m11-wxbs-lbl {
    font-weight: bold;
    color: #000000;
    margin-right: 0.08rem;
}

.m11-wxbs-val {
    color: #333333;
    font-weight: bold;
}

.m11-wxbs-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 0.04rem;
    padding: 0.10rem 0.12rem;
    margin-top: 0.06rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.15rem;
    font-weight: bold;
    color: #333333;
}

.m11-wxbs-col-period {
    width: 30%;
}

.m11-wxbs-col-tags {
    width: 40%;
    text-align: center;
}

.m11-wxbs-col-result {
    width: 30%;
    text-align: right;
}

.m11-wxbs-badge {
    border: 1px solid #cccccc;
    background: #ffffff;
    color: #333333;
    padding: 0.02rem 0.06rem;
    border-radius: 0.03rem;
    font-size: 0.14rem;
    margin: 0 0.02rem;
}

.m11-wxbs-badge.m11-wxbs-hit {
    background-color: #c00000;
    border-color: #c00000;
    color: #ffffff;
    font-weight: bold;
}

/* 18. 阴阳肖 样式 */
.m11-yyx-info-box {
    background: #ffffff;
    border: 1px solid #cccccc;
    padding: 0.08rem;
    text-align: center;
    margin-top: 0.04rem;
    border-radius: 0.02rem;
    box-sizing: border-box;
}

.m11-yyx-info-row {
    font-size: 0.15rem;
    line-height: 1.6;
}

.m11-yyx-lbl {
    font-weight: bold;
    color: #000000;
    margin-right: 0.08rem;
}

.m11-yyx-val {
    color: #333333;
    font-weight: bold;
}

.m11-yyx-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 0.04rem;
    padding: 0.10rem 0.12rem;
    margin-top: 0.06rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.15rem;
    font-weight: bold;
    color: #333333;
}

.m11-yyx-col-period {
    width: 30%;
}

.m11-yyx-col-tag {
    width: 40%;
    text-align: center;
}

.m11-yyx-col-result {
    width: 30%;
    text-align: right;
}

.m11-yyx-badge {
    border: 1px solid #cccccc;
    background: #ffffff;
    color: #333333;
    padding: 0.02rem 0.08rem;
    border-radius: 0.03rem;
    font-size: 0.14rem;
}

.m11-yyx-badge.m11-yyx-hit {
    background-color: #c00000;
    border-color: #c00000;
    color: #ffffff;
    font-weight: bold;
}

/* 19. 天机六码 样式 */
.m11-tj6m-card {
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 0.04rem;
    margin-top: 0.06rem;
    overflow: hidden;
    box-sizing: border-box;
}

.m11-tj6m-period-bar {
    background: #e8e8e8;
    padding: 0.06rem;
    font-size: 0.16rem;
    font-weight: bold;
    text-align: center;
    color: #333333;
    border-bottom: 1px solid #e0e0e0;
}

.m11-tj6m-period-num {
    color: #d32f2f;
    font-weight: bold;
}

.m11-tj6m-numbers {
    padding: 0.08rem;
    display: flex;
    gap: 0.06rem;
    justify-content: center;
    align-items: center;
}

.m11-tj6m-num-box {
    border: 1px solid #cccccc;
    background: #ffffff;
    color: #0088cc;
    padding: 0.03rem 0.08rem;
    border-radius: 0.03rem;
    font-size: 0.15rem;
    font-weight: bold;
}

.m11-tj6m-num-box.m11-tj6m-hit {
    background-color: #d32f2f;
    border-color: #d32f2f;
    color: #ffffff;
}

/* 20. 平特三肖 样式 */
.m11-ptsx-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 0.04rem;
    padding: 0.08rem 0.10rem;
    margin-top: 0.06rem;
    box-sizing: border-box;
}

.m11-ptsx-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.m11-ptsx-period-lbl {
    font-size: 0.15rem;
    font-weight: bold;
    color: #333333;
}

.m11-ptsx-period-num {
    color: #d32f2f;
    font-weight: bold;
}

.m11-ptsx-zodiacs {
    display: flex;
    gap: 0.04rem;
}

.m11-ptsx-zbox {
    border: 1px solid #cccccc;
    background: #ffffff;
    color: #333333;
    padding: 0.02rem 0.08rem;
    border-radius: 0.02rem;
    font-size: 0.15rem;
    font-weight: bold;
}

.m11-ptsx-zbox.m11-ptsx-hit {
    background-color: #d32f2f;
    border-color: #d32f2f;
    color: #ffffff;
}

.m11-ptsx-res {
    font-size: 0.16rem;
    font-weight: bold;
    color: #000000;
}

/* 21. 3码平尾 (平尾) 样式 */
.m11-pw-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 0.04rem;
    padding: 0.08rem 0.10rem;
    margin-top: 0.06rem;
    box-sizing: border-box;
}

.m11-pw-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.m11-pw-period-lbl {
    font-size: 0.15rem;
    font-weight: bold;
    color: #333333;
}

.m11-pw-period-num {
    color: #d32f2f;
    font-weight: bold;
}

.m11-pw-tails {
    display: flex;
    gap: 0.04rem;
}

.m11-pw-tbox {
    border: 1px solid #cccccc;
    background: #ffffff;
    color: #333333;
    padding: 0.02rem 0.06rem;
    border-radius: 0.02rem;
    font-size: 0.14rem;
    font-weight: bold;
}

.m11-pw-tbox.m11-pw-hit {
    background-color: #d32f2f;
    border-color: #d32f2f;
    color: #ffffff;
}

.m11-pw-res {
    font-size: 0.16rem;
    font-weight: bold;
    color: #000000;
}