/* 玩法 6：期期中三头，稳杀三肖，平一二三连肖 样式 */

/* ===== 1. 期期中三头 ===== */
.qqst-card-box {
    margin: 0.12rem 0;
    border: 3px solid #00ce2a;
    border-radius: 0.1rem;
    background-color: #f8fafc;
    padding: 0.1rem 0.06rem;
    box-shadow: 0 0.04rem 0.08rem rgba(0, 206, 42, 0.15);
}

.qqst-list {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
}

.qqst-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    font-size: 0.18rem;
    font-weight: bold;
}

.qqst-prefix {
    color: #409eff;
}

.qqst-period {
    color: #e53935;
    font-weight: bold;
}

.qqst-title {
    color: #333333;
    font-weight: bold;
    margin-right: 0.04rem;
}

.qqst-items {
    display: inline-flex;
    gap: 0.08rem;
    align-items: center;
}

.qqst-item {
    color: #409eff;
    font-weight: bold;
    padding: 0.01rem 0.04rem;
    border-radius: 0.03rem;
}

.qqst-item.qqst-hit {
    background-color: #ffeb3b !important;
    color: #000000 !important;
}


/* ===== 2. 稳杀三肖 ===== */
.wssx-card-box {
    margin: 0.12rem 0;
    border: 3px solid #00ce2a;
    border-radius: 0.1rem;
    background-color: #f8fafc;
    padding: 0.1rem 0.06rem;
    box-shadow: 0 0.04rem 0.08rem rgba(0, 206, 42, 0.15);
}

.wssx-list {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
}

.wssx-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    font-size: 0.18rem;
    font-weight: bold;
}

.wssx-prefix {
    color: #409eff;
}

.wssx-period {
    color: #e53935;
    font-weight: bold;
}

.wssx-title {
    color: #333333;
    font-weight: bold;
    margin-right: 0.04rem;
}

.wssx-items {
    display: inline-flex;
    gap: 0.08rem;
    align-items: center;
}

.wssx-item {
    color: #409eff;
    font-weight: bold;
    padding: 0.01rem 0.04rem;
    border-radius: 0.03rem;
}

.wssx-item.wssx-hit {
    background-color: #ffeb3b !important;
    color: #000000 !important;
}


/* ===== 3. 平特二组三连 ===== */
.plx-card-box {
    margin: 0.12rem 0;
    border: 3px solid #2b7bc6;
    border-radius: 0.1rem;
    background-color: #ffffff;
    overflow: hidden;
    box-shadow: 0 0.04rem 0.08rem rgba(43, 123, 198, 0.15);
}

.plx-header-banner {
    background-color: #ffffff;
    border-bottom: 1px solid #e1effe;
    text-align: center;
    padding: 0.08rem 0;
    font-size: 0.17rem;
    font-weight: bold;
    color: #333333;
}

.plx-period-red {
    color: #e53935;
    font-weight: bold;
}

.plx-title-red {
    color: #e53935;
    font-weight: bold;
}

.plx-body {
    display: flex;
    flex-direction: column;
}

.plx-row {
    display: flex;
    align-items: center;
    min-height: 0.42rem;
    border-bottom: 1px solid #e1effe;
    background-color: #f8fafc;
}

.plx-row:nth-child(even) {
    background-color: #ffffff;
}

.plx-row:last-child {
    border-bottom: none;
}

.plx-label {
    width: 30%;
    text-align: center;
    color: #409eff;
    font-size: 0.18rem;
    font-weight: bold;
}

.plx-content {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.08rem;
    padding: 0.04rem 0.12rem;
}

.plx-zodiac-pill {
    background-color: #e6f7ff;
    color: #409eff;
    font-size: 0.18rem;
    font-weight: bold;
    padding: 0.02rem 0.08rem;
    border-radius: 0.04rem;
}

.plx-zodiac-pill.plx-hit {
    background-color: #ffeb3b !important;
    color: #000000 !important;
}