/* ============================================================
   管家婆中特网 - 整合样式表（由 guan 站 7 个外部 CSS + 4 个内联样式合并）
   已移除：Element Plus 变量 / Tailwind @property / 重复的生肖库样式
   ============================================================ */

.combo-group-block[data-v-48b0fb9f] {
    border-radius: 10px;
    margin-bottom: 0;
    box-shadow: 0 2px 8px #00000014;
    padding: 0 0 8px;
    transition: background 0.3s;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
.combo-group-header[data-v-48b0fb9f] {
    display: block;
    font-size: 1.28rem;
    font-weight: 800;
    border-radius: 10px 10px 0 0;
    padding: 0;
    margin-bottom: 0;
    margin-top: 0;
    color: #222;
    transition:
    background 0.3s,
    color 0.3s;
    text-align: center;
}
.baota-qixiao-format[data-v-48b0fb9f] {
    padding: 10px 0;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}
.baota-row[data-v-48b0fb9f] {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    font-size: clamp(0.9rem, 2.2vw, 1.1rem);
    line-height: 1.4;
    padding: 0 10px;
    justify-content: flex-start;
    width: 100%;
    min-width: 300px;
    white-space: nowrap;
}
.baota-row[data-v-48b0fb9f]:last-child {
    margin-bottom: 0;
}
.baota-issue[data-v-48b0fb9f] {
    font-weight: 700;
    color: #d90000;
    margin-right: 8px;
    min-width: 50px;
    text-align: left;
    flex-shrink: 0;
}
.baota-zodiacs[data-v-48b0fb9f] {
    color: #1890ff;
    font-weight: 500;
    font-size: clamp(0.9rem, 2.2vw, 1.1rem);
    margin-right: 30px;
    flex: 0 1 auto;
    min-width: 80px;
    width: 120px;
}
.baota-label[data-v-48b0fb9f] {
    color: #d90000;
    font-size: clamp(0.9rem, 2vw, 1rem);
    min-width: 60px;
    text-align: left;
    flex-shrink: 0;
    white-space: nowrap;
}
.baota-numbers[data-v-48b0fb9f] {
    color: #1890ff;
    font-size: clamp(0.9rem, 2vw, 1rem);
    text-align: left;
    flex-shrink: 0;
    white-space: nowrap;
}
.baota-spacer[data-v-48b0fb9f] {
    height: 15px;
    margin: 0;
    padding: 0;
}
@media (max-width: 768px) {
    .baota-row[data-v-48b0fb9f] {
        padding: 0 5px;
        font-size: 0.95rem;
    }
    .baota-issue[data-v-48b0fb9f] {
        min-width: 45px;
        margin-right: 5px;
    }
    .baota-zodiacs[data-v-48b0fb9f] {
        margin-right: 10px;
        min-width: 60px;
        width: 103px;
    }
    .baota-label[data-v-48b0fb9f] {
        min-width: 50px;
    }
}
@media (max-width: 480px) {
    .baota-row[data-v-48b0fb9f] {
        font-size: 0.9rem;
        padding: 0 3px;
    }
    .baota-issue[data-v-48b0fb9f] {
        min-width: 40px;
        margin-right: 3px;
    }
    .baota-zodiacs[data-v-48b0fb9f] {
        margin-right: 30px;
        min-width: 50px;
        width: 90px;
    }
    .baota-label[data-v-48b0fb9f] {
        min-width: 45px;
    }
}
.shuangbo-zhushiliu-format[data-v-48b0fb9f] {
    padding: 10px 0;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    --sbz16-gap: 6px;
    --sbz16-cell-h: 32px;
    --sbz16-cell-minw: 44px;
    --sbz16-cell-minw-map: 56px;
    --sbz16-cell-px: 10px;
    --sbz16-cell-px-map: 12px;
    --sbz16-cell-mr: 6px;
    --sbz16-cell-r: 6px;
}
.shuangbo-item[data-v-48b0fb9f] {
    margin-bottom: 10px;
}
.shuangbo-row[data-v-48b0fb9f] {
    display: flex;
    align-items: center;
    font-size: clamp(0.8rem, 2vw, 0.95rem);
    line-height: 1.4;
    padding: 0 10px;
    justify-content: center;
    width: 100%;
    min-width: 0;
    flex-wrap: wrap;
    white-space: normal;
    gap: var(--sbz16-gap);
}
.shuangbo-row[data-v-48b0fb9f]:last-child {
    margin-bottom: 0;
}
.shuangbo-issue-row[data-v-48b0fb9f],
.shuangbo-mapping-row[data-v-48b0fb9f] {
    margin-bottom: 8px;
}
.shuangbo-numbers-row[data-v-48b0fb9f] {
    margin-bottom: 6px;
}
.shuangbo-issue[data-v-48b0fb9f] {
    font-weight: 700;
    color: #d90000;
    font-size: 1.4em;
    text-align: center;
    flex-shrink: 0;
}
.shuangbo-mapping[data-v-48b0fb9f] {
    color: #1890ff;
    font-weight: 500;
    text-align: center;
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--sbz16-gap);
    width: 100%;
}
.shuangbo-numbers[data-v-48b0fb9f] {
    color: #1890ff;
    font-weight: 500;
    text-align: center;
    flex: 0 1 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--sbz16-gap);
    width: 100%;
    white-space: normal;
}
.shuangbo-spacer[data-v-48b0fb9f] {
    height: 15px;
    margin: 0;
    padding: 0;
}
@media (max-width: 768px) {
    .shuangbo-row[data-v-48b0fb9f] {
        padding: 0 5px;
        font-size: 0.85rem;
        gap: var(--sbz16-gap);
    }
    .shuangbo-zhushiliu-format[data-v-48b0fb9f] {
        --sbz16-gap: 5px;
        --sbz16-cell-h: 30px;
        --sbz16-cell-minw: 42px;
        --sbz16-cell-minw-map: 52px;
        --sbz16-cell-px: 9px;
        --sbz16-cell-px-map: 10px;
        --sbz16-cell-mr: 5px;
    }
    .shuangbo-issue[data-v-48b0fb9f] {
        min-width: 45px;
        margin-right: 5px;
        font-size: 1.3em;
    }
}
@media (max-width: 480px) {
    .shuangbo-row[data-v-48b0fb9f] {
        font-size: 0.8rem;
        padding: 0 3px;
        gap: var(--sbz16-gap);
    }
    .shuangbo-issue[data-v-48b0fb9f] {
        min-width: 40px;
        margin-right: 3px;
        font-size: 1.25em;
    }
    .shuangbo-mapping[data-v-48b0fb9f],
    .shuangbo-numbers[data-v-48b0fb9f] {
        gap: var(--sbz16-gap);
    }
    .shuangbo-item[data-v-48b0fb9f] {
        margin-bottom: 8px;
    }
    .shuangbo-zhushiliu-format[data-v-48b0fb9f] {
        --sbz16-gap: 4px;
        --sbz16-cell-h: 28px;
        --sbz16-cell-minw: 38px;
        --sbz16-cell-minw-map: 46px;
        --sbz16-cell-px: 8px;
        --sbz16-cell-px-map: 9px;
        --sbz16-cell-mr: 4px;
        --sbz16-cell-r: 6px;
    }
}
.special-format-panel[data-v-48b0fb9f] {
    padding: 10px 0;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}
.special-format-row[data-v-48b0fb9f] {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    font-size: clamp(0.8rem, 2vw, 0.95rem);
    line-height: 1.4;
    padding: 0 10px;
    justify-content: center;
    width: 100%;
    min-width: 300px;
    white-space: nowrap;
}
.special-format-row[data-v-48b0fb9f]:last-child {
    margin-bottom: 0;
}
.special-format-content[data-v-48b0fb9f] {
    color: #333;
    font-weight: 500;
    text-align: center;
    flex: 1;
    white-space: nowrap;
}
[data-v-48b0fb9f] .mapping-data {
    color: #d90000 !important;
    font-weight: 500 !important;
}
[data-v-48b0fb9f] .mapping-data-unhit {
    color: #333 !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
    text-decoration-color: #333 !important;
}
[data-v-48b0fb9f] .compat-cell {
    box-sizing: border-box;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 2px 4px;
    border-radius: 6px;
    vertical-align: middle;
}
[data-v-48b0fb9f] .compat-cell-sbz16-map {
    min-width: var(--sbz16-cell-minw-map, 56px);
    height: var(--sbz16-cell-h, 32px);
    padding: 0 var(--sbz16-cell-px-map, 12px);
    border-radius: var(--sbz16-cell-r, 6px);
    margin: 2px var(--sbz16-cell-mr, 6px) 2px 0;
}
[data-v-48b0fb9f] .compat-cell-sbz16-num {
    min-width: var(--sbz16-cell-minw, 44px);
    height: var(--sbz16-cell-h, 32px);
    padding: 0 var(--sbz16-cell-px, 10px);
    border-radius: var(--sbz16-cell-r, 6px);
    margin: 2px var(--sbz16-cell-mr, 6px) 2px 0;
}
[data-v-48b0fb9f] .compat-cell-compact {
    min-width: 34px;
    padding: 2px 8px;
}
[data-v-48b0fb9f] .compat-cell-soft {
    min-width: 0;
    padding: 4px 12px;
    border-radius: 4px;
    border-color: #d8dce3;
}
.special-format-spacer[data-v-48b0fb9f] {
    height: 15px;
    margin: 0;
    padding: 0;
}
.liangmen-zhubama-format[data-v-48b0fb9f] {
    padding: 10px 0;
    text-align: center;
}
.liangmen-description[data-v-48b0fb9f] {
    margin-bottom: 0;
    padding: 8px 10px;
    background-color: #ccc;
    border-radius: 6px;
    border: 1px solid #e9ecef;
}
.description-text[data-v-48b0fb9f] {
    color: #666;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.4;
}
.door-1[data-v-48b0fb9f] {
    color: #d90000;
    font-weight: 600;
}
.door-2[data-v-48b0fb9f] {
    color: #1890ff;
    font-weight: 600;
}
.door-3[data-v-48b0fb9f] {
    color: #52c41a;
    font-weight: 600;
}
.door-4[data-v-48b0fb9f] {
    color: #fa8c16;
    font-weight: 600;
}
.door-5[data-v-48b0fb9f] {
    color: #722ed1;
    font-weight: 600;
}
.liangmen-row[data-v-48b0fb9f] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    font-size: clamp(0.8rem, 2vw, 0.95rem);
    line-height: 1.4;
    padding: 0 10px;
    width: 100%;
    min-width: 300px;
    white-space: nowrap;
}
.liangmen-content[data-v-48b0fb9f] {
    color: #333;
    font-weight: 500;
    text-align: center;
    flex: 1;
    white-space: nowrap;
}
.liangmen-label[data-v-48b0fb9f] {
    color: #333;
    text-align: center;
    margin-right: 10px;
}
.liangmen-numbers[data-v-48b0fb9f] {
    color: #1890ff;
    white-space: nowrap;
}
.liangmen-spacer[data-v-48b0fb9f] {
    height: 15px;
    margin: 0;
    padding: 0;
}
@media (max-width: 768px) {
    .special-format-row[data-v-48b0fb9f],
    .liangmen-row[data-v-48b0fb9f] {
        padding: 0 5px;
        font-size: 0.85rem;
    }
}
@media (max-width: 480px) {
    .special-format-row[data-v-48b0fb9f] {
        font-size: 0.8rem;
        padding: 0 3px;
    }
}
[data-v-48b0fb9f] .zodiac-hit {
    background-color: #ff0 !important;
    color: #d90000 !important;
    padding: 1px 2px !important;
    border-radius: 2px !important;
    display: inline-block !important;
}
[data-v-48b0fb9f] .special-number {
    background-color: #ff0 !important;
    color: #d90000 !important;
    padding: 1px 2px !important;
    border-radius: 2px !important;
    display: inline-block !important;
    font-weight: 700 !important;
}
.image-insert-section[data-v-48b0fb9f] {
    margin: 10px 0;
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 8px;
}


.rule-video-player[data-v-5a526509] {
    margin-top: 10px;
}
.site-card {
    max-width: 520px;
    margin: 0 auto;
}
.logo-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin-bottom: 0;
    background: #8a7a5b;
    box-shadow: none;
    transition: background 0.3s;
}
.logo-left {
    width: 36%;
    height: auto;
    display: block;
    margin: 0;
    max-width: none;
}
.logo-right {
    width: 18%;
    height: auto;
    display: block;
    margin: 0;
    max-width: none;
}
.banner-section {
    text-align: center;
    padding: 0;
    margin: 0;
    background: transparent;
    box-shadow: none;
    transition: background 0.3s;
}
.lottery-result-block {
    background: transparent;
    margin: 0 16px;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
}
.lottery-result-header {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
}
.lottery-title {
    text-align: center;
    margin-bottom: 4px;
}
.lottery-name {
    font-size: 1.5rem;
    font-weight: 900;
    color: #333;
    line-height: 1.2;
    text-align: center;
}
.lottery-info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px;
    gap: 0;
    font-size: 0.95rem;
    font-weight: 400;
    color: #333;
}
.issue-info {
    text-align: left;
    flex: 1;
    letter-spacing: 0;
    word-spacing: 0;
    font-family: inherit;
    font-weight: 400;
}
.issue-info span {
    letter-spacing: 0;
    word-spacing: 0;
    font-family: inherit;
    font-weight: 400;
}
.issue-number {
    font-weight: 500;
    color: #ff4d4f;
    font-size: 0.95rem;
}
.history-link {
    flex-shrink: 0;
    text-align: right;
    font-size: 0.95rem;
}
.lottery-numbers-display {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0;
    gap: 6px;
    flex-wrap: nowrap;
    position: relative;
    z-index: 1;
    padding: 0;
    width: 100%;
    max-width: 100%;
}
.normal-numbers {
    display: flex;
    gap: 4px;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0;
    margin: 0;
    min-width: 0;
    flex-shrink: 0;
}
.number-ball {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0;
    flex-shrink: 0;
    transition: all 0.2s ease;
}
.ball-image-container {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
}
.ball-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50%;
    box-shadow: 0 2px 8px #00000026;
    transition: all 0.2s ease;
}
.special-ball-image {
    transform: scale(1.1);
    z-index: 2;
}
.ball-number-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.1rem;
    font-weight: 700;
    color: #000;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
    z-index: 11;
    line-height: 1;
}
.ball-zodiac {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%) translateY(8px);
    font-size: 0.7rem;
    box-shadow: 0 2px 6px #0000001a;
    white-space: nowrap;
    z-index: 3;
    min-width: 24px;
    text-align: center;
    border: 1px solid #e0e0e0;
}
.refresh-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: -7px -4px;
    cursor: pointer;
    color: red;
    font-size: 1rem;
    line-height: 1;
    background-color: #ff0;
    padding: 4px 8px;
    border-radius: 4px;
    min-height: 40px;
    align-self: flex-end;
}
.next-issue-info {
    text-align: center;
    position: relative;
    z-index: 5;
    margin: 0;
    padding: 15px 0;
    border-top: none;
}
.next-issue-text {
    font-size: 0.95rem;
    color: #666;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
}
.next-issue-left {
    text-align: left;
    flex: 1;
}
.countdown-time {
    color: #ff4d4f;
    font-family: monospace;
    font-weight: 700;
    text-align: right;
    flex-shrink: 0;
}
.text-announcement-section {
    margin-bottom: 12px;
    transition: background 0.3s;
    overflow: hidden;
}
.announcement-container {
    display: flex;
    align-items: center;
}
.announcement-icon {
    font-size: 1.2rem;
    color: #ff4d4f;
    flex-shrink: 0;
}
.announcement-text-container {
    flex: 1;
    overflow: hidden;
    position: relative;
}
.announcement-text {
    white-space: nowrap;
    display: inline-block;
}
@keyframes scroll-text {
    0% {
        transform: translate(100%);
    }
    to {
        transform: translate(-100%);
    }
}
.ball-zodiac {
    color: #666;
    background: #f6f6f6;
    border-radius: 4px;
    padding: 0 4px;
    font-weight: 500;
}
.lottery-selector {
    display: flex;
    flex-direction: column;
    padding: 0 16px;
}
.selector-buttons {
    flex-wrap: wrap;
}
.selector-buttons.capsule-style {
    background: transparent;
    padding: 0;
    border: 1px solid #e0e0e0;
    overflow: hidden;
}
.selector-btn.capsule-btn {
    flex: 1;
    border: none;
    font-weight: 700;
    transition: all 0.2s ease;
    cursor: pointer;
    text-align: center;
}
.selector-btn.capsule-btn.active {
    background: #8a7a5b !important;
    color: #fff !important;
}
.selector-btn.capsule-btn:not(.active) {
    background: #ccc !important;
    color: #666 !important;
}
.selector-btn.capsule-btn:hover:not(.active) {
    background: #e8e8e8;
    color: #333;
}
.selector-btn:hover {
    background: #e0e0e0;
    color: #222;
}
.selector-btn.active {
    border-color: #8a7a5b !important;
}
.selector-btn.active:hover {
    background: #337ab7;
    color: #fff;
}
.browser-tip-section {
    margin-bottom: 0;
    padding: 0;
}
.browser-tip-image {
    width: 100%;
    height: auto;
    border-radius: 8px;
}
#yxym .gg {
width: 100%;
border-collapse: collapse;
}
#yxym .gg td a {
color: #000;
text-decoration: none;
font-weight: 700;
}
#yxym .gg td a:hover {
text-decoration: underline;
}
.yxym-title {
    text-align: center;
    margin: 8px 0;
    font-weight: 900;
    font-size: 1.1rem;
}
.yxym-title a {
    color: #d90000;
    text-decoration: none;
    font-weight: 900;
    font-size: 1.5rem;
}
.yxym-title a:hover {
    text-decoration: underline;
}
.yxym-between .gg {
    width: 100%;
}
.yxym-between .gg td a {
    color: #000;
    text-decoration: none;
    font-weight: 700;
}
.yxym-between .gg td a:hover {
    text-decoration: underline;
}
.yxym-between-title {
    text-align: center;
    font-weight: 900;
    font-size: 1.1rem;
    background: #b0b2a5;
}
.yxym-between-title a {
    color: #d90000;
    text-decoration: none;
    font-weight: 900;
    font-size: 1.5rem;
}
.yxym-between-title a:hover {
    text-decoration: underline;
}
.tv-section {
    width: 100%;
    margin: 16px 0;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}
.tv-screen {
    width: min(960px, 100%);
    aspect-ratio: 16/9;
    max-height: 60vh;
    border-radius: 12px;
    background: radial-gradient(circle at 20% 20%, #444 0, #222 40%, #111);
    box-shadow: 0 8px 24px #00000073;
    border: 1px solid #333;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tv-text {
    font-size: clamp(18px, 2.4vw, 26px);
    color: #f5f5f5;
    letter-spacing: 2px;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lottery-selector {
    gap: 10px;
    margin: 16px 0;
}
.selector-buttons {
    display: flex;
}
.selector-buttons.capsule-style {
    border-radius: 6px;
    gap: 0;
}
.selector-btn {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 36px;
}
.selector-btn.capsule-btn {
    font-size: 0.75rem;
    padding: 8px 10px;
}
.selector-btn.capsule-btn:first-child {
    border-radius: 4px 0 0 4px;
}
.selector-btn.capsule-btn:last-child {
    border-radius: 0 4px 4px 0;
}
* {
    word-wrap: break-word;
    overflow-wrap: break-word;
}
body {
    overflow-x: hidden;
}
.text-announcement-section {
    background: linear-gradient(90deg, #f8fafc 60%, #e6f0ff);
    border-radius: 10px;
    box-shadow: 0 2px 8px #409eff0f;
    margin: 0 16px 16px;
    padding: 0;
}
.announcement-container {
    padding: 12px 10px 12px 16px;
}
.announcement-text {
    color: #1a237e;
    font-size: 1rem;
    font-weight: 600;
    animation: scroll-text 60s linear infinite;
}
.number-ball:hover .ball-image {
    transform: scale(1.1);
    box-shadow: 0 4px 16px #409eff2e;
    z-index: 10;
}
.history-link {
    background: #f0f7ff;
    border-radius: 6px;
    padding: 2px 12px;
    color: #409eff;
    font-weight: 600;
    border: 1px solid #b3d8ff;
    transition:
    background 0.2s,
    color 0.2s;
    text-decoration: none;
    cursor: pointer;
    margin-left: 12px;
}
.history-link:hover {
    background: #409eff;
    color: #fff;
}
@media (max-width: 600px) {
    .text-announcement-section {
        margin: 0 4px 12px;
        border-radius: 6px;
    }
}
@media (max-width: 480px) and (min-width: 381px) {
    .lottery-numbers-display {
        transform: scale(0.9);
        transform-origin: center;
        gap: 5px;
    }
    .normal-numbers {
        gap: 3px;
    }
    .ball-image-container {
        width: 40px;
        height: 40px;
    }
    .ball-number-overlay {
        font-size: 1rem;
    }
    .refresh-text {
        font-size: 0.8rem;
        min-height: 35px;
    }
    .ball-zodiac {
        font-size: 0.7rem;
    }
}
@media (max-width: 380px) {
    .lottery-numbers-display {
        gap: 4px;
        padding: 0 8px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .normal-numbers {
        gap: 3px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .ball-image-container {
        width: 35px;
        height: 35px;
        margin-bottom: 4px;
    }
    .ball-number-overlay {
        font-size: 0.9rem;
    }
    .refresh-text {
        font-size: 0.7rem;
        margin: 0 4px;
        min-height: 32px;
    }
    .ball-zodiac {
        font-size: 0.6rem;
        padding: 2px 4px;
        min-width: 20px;
    }
}
@media (max-width: 320px) {
    .lottery-numbers-display {
        gap: 3px;
        padding: 0 4px;
    }
    .normal-numbers {
        gap: 2px;
    }
    .ball-image-container {
        width: 30px;
        height: 30px;
    }
    .ball-number-overlay {
        font-size: 0.8rem;
    }
    .refresh-text {
        font-size: 0.6rem;
        min-height: 28px;
    }
    .ball-zodiac {
        font-size: 0.5rem;
        padding: 1px 3px;
        min-width: 18px;
    }
}
.image-insert-section {
    margin: 10px 0;
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 8px;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    sans-serif;
    line-height: 1.6;
    color: #333;
    background: #fff;
    min-height: 100vh;
    transition: all 0.3s ease;
    max-width: 480px !important;
    width: 100% !important;
    margin: 0 auto !important;
    border: 2px solid #8a7a5b;
    padding: 2px;
}
@keyframes spin {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes slideIn {
    0% {
        transform: translate(100%);
        opacity: 0;
    }
    to {
        transform: translate(0);
        opacity: 1;
    }
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #0000001a;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb {
    background: #3498db80;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #3498dbb3;
}
.lottery-result-header {
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 1.2rem;
    color: #fff;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
@media (max-width: 600px) {
    .lottery-result-header {
        font-size: 1.3rem;
    }
}
.banner-image {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0;
    border-radius: 0;
    box-sizing: border-box;
}
.combo-data {
    --combo-compat-panel-bg: #cccccc;
    --combo-compat-group-bg: #cccccc;
    --combo-compat-header-bg: #b0b2a5;
    --combo-compat-header-solid: #b0b2a5;
    --combo-compat-header-image: linear-gradient(#b0b2a5, #b0b2a5);
    --combo-compat-header-border: #8f9286;
    --combo-compat-table-bg: #ffffff;
    --combo-compat-table-head-bg: #f7f7f7;
    --combo-compat-table-cell-bg: #ffffff;
    --combo-compat-table-border: #eee;
    --combo-compat-chip-bg: transparent;
    --combo-compat-chip-image: linear-gradient(transparent, transparent);
    --combo-compat-chip-border: transparent;
    --combo-compat-soft-cell-bg: #f6f7fb;
    --combo-compat-soft-cell-image: linear-gradient(#f6f7fb, #f6f7fb);
    --combo-compat-soft-cell-border: #d5dae3;
    --combo-compat-map-hit-bg: transparent;
    --combo-compat-map-hit-image: linear-gradient(transparent, transparent);
    --combo-compat-map-hit-border: transparent;
    --combo-compat-hit-bg: #ffff00;
    --combo-compat-hit-image: linear-gradient(#ffff00, #ffff00);
    --combo-compat-hit-border: #d6c544;
}
.zodiac-hit,
.special-number {
    background: var(--combo-compat-hit-bg, #ffff00) !important;
    background-image: var(
        --combo-compat-hit-image,
        linear-gradient(#ffff00, #ffff00)
    ) !important;
    -webkit-box-shadow: inset 0 0 0 1px
    var(--combo-compat-hit-border, var(--combo-compat-hit-bg, #ffff00)) !important;
    box-shadow: inset 0 0 0 1px
    var(--combo-compat-hit-border, var(--combo-compat-hit-bg, #ffff00)) !important;
    outline: 1px solid var(--combo-compat-hit-border, #ffff00);
    text-shadow: none !important;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
[style*='background-color: #ffff00'],
[style*='background: #ffff00'] {
    background-color: #ff0 !important;
    background: #ff0 !important;
    background-image: linear-gradient(#ff0, #ff0) !important;
    -webkit-box-shadow: inset 0 0 0 1px #ffff00 !important;
    box-shadow: inset 0 0 0 1px #ff0 !important;
    text-shadow: none !important;
}
.combo-data .combo-group-block,
.combo-group-block {
    background-color: var(--combo-compat-group-bg, #ffffff) !important;
    background: var(--combo-compat-group-bg, #ffffff) !important;
    background-image: linear-gradient(
        var(--combo-compat-group-bg, #ffffff),
                                      var(--combo-compat-group-bg, #ffffff)
    ) !important;
}
.combo-data .combo-group-header,
.combo-group-header {
    background-color: var(--combo-compat-header-solid, #f7f7f7) !important;
    background: var(--combo-compat-header-bg, #f7f7f7) !important;
    background-image: var(
        --combo-compat-header-image,
        linear-gradient(#f7f7f7, #f7f7f7)
    ) !important;
    border-bottom: 1px solid var(--combo-compat-header-border, #eee) !important;
}
.combo-data .special-format-panel,
.combo-data .special-format-row,
.combo-data .baota-row,
.combo-data .shuangbo-row,
.combo-data .liangmen-row,
.combo-data table,
.combo-data tbody,
.combo-data tr,
.special-format-panel,
.special-format-row,
.baota-row,
.shuangbo-row,
.liangmen-row {
    background-color: var(--combo-compat-table-bg, #ffffff) !important;
    background: var(--combo-compat-table-bg, #ffffff) !important;
    background-image: linear-gradient(
        var(--combo-compat-table-bg, #ffffff),
                                      var(--combo-compat-table-bg, #ffffff)
    ) !important;
}
.combo-data table {
    border: 1px solid var(--combo-compat-table-border, #eee) !important;
    border-collapse: collapse !important;
    box-shadow: inset 0 0 0 1px var(--combo-compat-table-border, #eee) !important;
}
.combo-data table td {
    background-color: var(--combo-compat-table-cell-bg, #ffffff) !important;
    background: var(--combo-compat-table-cell-bg, #ffffff) !important;
    background-image: linear-gradient(
        var(--combo-compat-table-cell-bg, #ffffff),
                                      var(--combo-compat-table-cell-bg, #ffffff)
    ) !important;
    border: 1px solid var(--combo-compat-table-border, #eee) !important;
    box-shadow: inset 0 0 0 1px var(--combo-compat-table-border, #eee) !important;
}
.combo-data .compat-cell,
.combo-data [class*='compat-cell'] {
    background-color: var(--combo-compat-soft-cell-bg, #f6f7fb) !important;
    background: var(--combo-compat-soft-cell-bg, #f6f7fb) !important;
    background-image: var(
        --combo-compat-soft-cell-image,
        linear-gradient(#f6f7fb, #f6f7fb)
    ) !important;
    border: 1px solid var(--combo-compat-soft-cell-border, #d5dae3) !important;
    box-shadow: inset 0 0 0 1px var(--combo-compat-soft-cell-border, #d5dae3) !important;
}
.combo-data .compat-cell.compat-cell-hit,
.combo-data [class*='compat-cell'].compat-cell-hit {
    background-color: var(--combo-compat-hit-bg, #ffff00) !important;
    background: var(--combo-compat-hit-bg, #ffff00) !important;
    background-image: var(
        --combo-compat-hit-image,
        linear-gradient(#ffff00, #ffff00)
    ) !important;
    border-color: var(--combo-compat-hit-border, #d6c544) !important;
    -webkit-box-shadow: inset 0 0 0 1px var(--combo-compat-hit-border, #d6c544) !important;
    box-shadow: inset 0 0 0 1px var(--combo-compat-hit-border, #d6c544) !important;
    color: #d90000 !important;
    font-weight: 600 !important;
    text-shadow: none !important;
}


@keyframes ballpop { 0%{transform:scale(0);opacity:0;} 60%{transform:scale(1.2);opacity:1;} 100%{transform:scale(1);opacity:1;} }
    .draw-ball.pop .ball-box img { animation: ballpop 0.4s ease-out; }
    .drawing-tip { display:block; width:100%; clear:both; color:#d90000; font-weight:bold; text-align:center; padding:6px 0; }
    .draw-type { cursor:default; }
    .logo-section { display:flex; justify-content:space-between; align-items:center; padding:6px 8px; }
    .logo-section img { max-height:60px; }
    .banner-carousel { position:relative; overflow:hidden; }
    .banner-carousel .banner-slide { display:none; }
    .banner-carousel .banner-slide.active { display:block; }
    .banner-carousel .banner-slide img { width:100%; display:block; }
    .lottery-selector { padding:8px 10px; }
    .selector-buttons.capsule-style { display:flex; flex-wrap:wrap; gap:6px; }
    .selector-btn.capsule-btn { flex:1 1 0; min-width:72px; text-align:center; padding:8px 6px; border-radius:16px; font-weight:700; font-size:14px; cursor:pointer; transition:all .2s ease; border:1px solid #d6c544; background:#fffbe6; color:#a06b00; }
    .selector-btn.capsule-btn.active { background:linear-gradient(135deg,#ffe14d,#ffd000); color:#d90000; border-color:#d90000; box-shadow:0 2px 6px rgba(217,0,0,.18); }
    .selector-btn.capsule-btn:hover:not(.active) { background:#fff3bf; color:#7a5400; }
    .notice-scroll { display:inline-block; white-space:nowrap; animation:notice-marquee 60s linear infinite; }
    @keyframes notice-marquee { 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }
    .notice-scroll .notice-item { padding:0 40px; }
    .text-announcement-section { display:flex; align-items:center; padding:6px 10px; background:#fff7f7; overflow:hidden; }
    .announcement-icon { margin-right:8px; }
    .announcement-text-container { overflow:hidden; flex:1; }
    .draw-info { padding:6px 8px; }
    .draw-detail { display:flex; justify-content:space-between; align-items:center; padding:4px 2px; font-size:14px; color:#333; }
    .draw-numbers { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; padding:8px 2px; }
    .draw-ball { display:inline-flex; flex-direction:column; align-items:center; }
    .draw-ball .ball-box { position:relative; width:42px; height:42px; }
    .draw-ball .ball-box img { width:100%; height:100%; border-radius:50%; display:block; box-shadow:0 2px 8px rgba(0,0,0,.15); }
    .draw-ball .ball-box .b-num { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-weight:800; color:#000; font-size:16px; text-shadow:0 1px 2px rgba(255,255,255,.8); z-index:2; }
    .draw-ball .ball-box.is-special img { transform:scale(1.08); }
    .draw-ball small { font-size:12px; color:#666; margin-top:5px; }
    .draw-ball.placeholder-ball .ball-box img { filter:grayscale(1) saturate(0) brightness(.92); }
    .draw-ball.placeholder-ball .b-num { color:#111827; }
    .draw-ball-plus { font-size:20px; color:#999; align-self:center; }
    .draw-date { text-align:center; color:#666; font-size:13px; padding:8px 0; }
    .copyright { color:#666; font-size:14px; padding:20px; text-align:center; }
    .popup-mask { position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:9998; display:flex; align-items:center; justify-content:center; }
    .popup-box { background:#fff; border-radius:8px; max-width:90%; width:360px; max-height:80%; overflow:auto; box-shadow:0 6px 30px rgba(0,0,0,.3); }
    .popup-box .popup-head { display:flex; justify-content:space-between; align-items:center; padding:10px 14px; border-bottom:1px solid #eee; font-weight:bold; color:#d90000; }
    .popup-box .popup-close { cursor:pointer; color:#999; font-size:20px; line-height:1; }
    .popup-box .popup-body { padding:14px; font-size:14px; line-height:1.6; }
    .gjp-fangwei-block[data-v-48b0fb9f] { overflow-x:visible; }
    .gjp-fangwei-block[data-v-48b0fb9f] .special-format-row { white-space:normal; min-width:0; justify-content:flex-start; align-items:flex-start; }
    .gjp-fangwei-block[data-v-48b0fb9f] .special-format-content { display:block; min-width:0; white-space:normal; text-align:left; }
    .gjp-fangwei-block[data-v-48b0fb9f] .gjp-fangwei-label { display:inline-flex; align-items:center; margin:0 2px 0 4px; white-space:nowrap; }
    .gjp-fangwei-block[data-v-48b0fb9f] .gjp-fangwei-nums { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:4px 6px; margin-top:4px; line-height:1.35; }
    .gjp-fangwei-block[data-v-48b0fb9f] .gjp-fangwei-nums .mapping-data,
    .gjp-fangwei-block[data-v-48b0fb9f] .gjp-fangwei-nums .special-number { display:inline-flex !important; align-items:center; justify-content:center; margin:0 !important; min-width:22px; }
    .gjp-baota-compact[data-v-48b0fb9f] { overflow-x:visible; }
    .gjp-baota-compact[data-v-48b0fb9f] .baota-row { min-width:0; white-space:normal; flex-wrap:wrap; align-items:flex-start; gap:3px 4px; padding:0 6px; font-size:clamp(10px,3.05vw,12px); line-height:1.28; }
    .gjp-baota-compact[data-v-48b0fb9f] .baota-issue { min-width:38px; margin-right:2px; font-size:inherit; }
    .gjp-baota-compact[data-v-48b0fb9f] .baota-zodiacs { min-width:0; width:auto; margin-right:4px; font-size:inherit; flex:0 1 auto; }
    .gjp-baota-compact[data-v-48b0fb9f] .baota-label { min-width:42px; font-size:inherit; }
    .gjp-baota-compact[data-v-48b0fb9f] .baota-numbers { min-width:0; width:auto; font-size:inherit; letter-spacing:0; flex-wrap:wrap; white-space:normal; line-height:1.25; }
    .gjp-baota-compact[data-v-48b0fb9f] .baota-numbers .mapping-data,
    .gjp-baota-compact[data-v-48b0fb9f] .baota-numbers .special-number { margin:0 2px !important; }
    .gjp-baota-compact[data-v-48b0fb9f] .baota-spacer { height:10px; }
    @media (max-width:480px) {
      .gjp-fangwei-block[data-v-48b0fb9f] .special-format-row { padding:0 6px; font-size:12px; }
      .gjp-fangwei-block[data-v-48b0fb9f] .gjp-fangwei-nums { gap:3px 5px; }
      .gjp-baota-compact[data-v-48b0fb9f] .baota-row { padding:0 4px; gap:2px 3px; }
      .gjp-baota-compact[data-v-48b0fb9f] .baota-issue { min-width:34px; }
      .gjp-baota-compact[data-v-48b0fb9f] .baota-label { min-width:38px; }
    }

    .lottery-result-block .lottery-countdown-line,
    .draw-info .lottery-countdown-line { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:6px 10px 4px; }
    .lottery-result-block .lottery-countdown-row,
    .draw-info .lottery-countdown-row { margin:0; white-space:nowrap; }
    .lottery-result-block .drawing-tip,
    .draw-info .drawing-tip { padding:4px 0 6px; }
    @media (max-width:380px) {
      .lottery-result-block .lottery-countdown-line,
      .draw-info .lottery-countdown-line { gap:4px; padding-left:6px; padding-right:6px; font-size:12px; }
    }

.lottery-countdown-line {
    box-sizing: border-box;
    width: calc(100% - 16px);
    clear: both;
    position: relative;
    z-index: 1;
    margin: 26px auto 10px;
    padding: 7px 10px;
    border: 1px solid rgba(220, 38, 38, .14);
    border-radius: 6px;
    background: #fffaf6;
    color: #4b5563;
    font-size: 13px;
    line-height: 1.7;
}

.lottery-countdown-line .lottery-countdown-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    white-space: nowrap;
}

.lottery-countdown-line .lottery-countdown-value {
    color: #d60000;
    font-weight: 800;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", Arial, sans-serif;
}

.lottery-countdown-line .lottery-countdown-clock {
    color: #d60000;
    font-weight: 900;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    letter-spacing: 0;
}

#ballsRow .official-drawing-ball,
#ballsRow .official-drawing-ball .ball-image-container,
#ballsRow .official-drawing-ball .ball-content,
#ballsRow .official-drawing-ball b {
animation: none !important;
opacity: 1 !important;
border-radius: 50% !important;
filter: grayscale(1) saturate(0) brightness(.92) !important;
transform: none !important;
}

#ballsRow .official-drawing-ball img.ball-bg,
#ballsRow .official-drawing-ball img.ball-image {
animation: none !important;
opacity: 1 !important;
filter: grayscale(1) saturate(0) brightness(.92) !important;
}

#ballsRow .official-drawing-ball .ball-number,
#ballsRow .official-drawing-ball .ball-number-overlay,
#ballsRow .official-drawing-ball .b-num,
#ballsRow .official-drawing-ball b {
color: #111827 !important;
font-size: clamp(15px, 4.2vw, 20px) !important;
font-weight: 900 !important;
line-height: inherit !important;
text-align: center !important;
text-shadow: 0 1px 2px rgba(255,255,255,.75) !important;
letter-spacing: 0 !important;
}

#ballsRow .official-drawing-ball .ball-zodiac,
#ballsRow .official-drawing-ball small,
#ballsRow .official-drawing-ball .other {
display: none !important;
}

@media (max-width: 380px) {
    .lottery-countdown-line {
        width: calc(100% - 10px);
        margin-top: 28px;
        padding: 6px 5px;
        font-size: 12px;
    }
}


.zodiac-database-panel[data-v-cd9905b2] {
    width: min(100% - 20px, 480px);
    max-width: 480px;
    margin: 20px auto 18px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 10px;
    border: 2px solid #f2d5d5;
    box-sizing: border-box;
    overflow-x: hidden;
    clear: both;
}
.database-header[data-v-cd9905b2] {
    text-align: center;
    margin-bottom: 20px;
}
.database-header h3[data-v-cd9905b2] {
    color: #333;
    font-size: 1.8rem;
    margin-bottom: 5px;
    font-weight: 700;
}
.database-header h4[data-v-cd9905b2] {
    color: #666;
    font-size: 1.2rem;
    margin-bottom: 10px;
}
.database-section[data-v-cd9905b2] {
    margin-bottom: 20px;
}
.database-section h4[data-v-cd9905b2] {
    color: #333;
    font-size: 1.3rem;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 2px solid #f2d5d5;
    font-weight: 700;
}
.section-title-center[data-v-cd9905b2] {
    text-align: center;
}
.zodiac-table[data-v-cd9905b2] {
    width: 100%;
    background: #fff;
    border: solid 1px #d8ccb4;
    padding: 15px;
    font:
    400 14px/1.5 微软雅黑,
    Helvetica;
    color: #000;
    line-height: 1.75;
    font-family: 微软雅黑;
    word-break: break-all;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    font-size: 100%;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow: hidden;
}
.zodiac-table-grid[data-v-cd9905b2] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    width: 100%;
}
.zodiac-table-cell[data-v-cd9905b2] {
    background: #fff;
    border: solid 1px #d8ccb4;
    padding: 10px;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 1px 3px #0000001a;
}
.zodiac-cell-header[data-v-cd9905b2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}
.zodiac-image[data-v-cd9905b2] {
    width: 35px;
    height: 35px;
    object-fit: contain;
}
.zodiac-name[data-v-cd9905b2] {
    font-weight: 700;
    color: #000;
    font-size: 14px;
    font-family: 微软雅黑;
}
.zodiac-conflict[data-v-cd9905b2] {
    color: #666;
    font-size: 12px;
    font-family: 微软雅黑;
}
.zodiac-cell-numbers[data-v-cd9905b2] {
    display: flex;
    flex-wrap: nowrap;
    gap: 1px;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
}
.number-box[data-v-cd9905b2] {
    padding: 1px 2px;
    border-radius: 50%;
    font-size: 9px;
    font-weight: 700;
    color: #fff;
    min-width: 14px;
    width: 18px;
    height: 18px;
    text-align: center;
    font-family: 微软雅黑;
    line-height: 1.1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.color-red[data-v-cd9905b2] {
    background: red;
}
.color-blue[data-v-cd9905b2] {
    background: #36f;
}
.color-green[data-v-cd9905b2] {
    background: #093;
}
.elements-table[data-v-cd9905b2],
.wave-colors-table[data-v-cd9905b2],
.parity-table[data-v-cd9905b2],
.zodiac-attributes-table[data-v-cd9905b2] {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}
.element-row[data-v-cd9905b2],
.wave-row[data-v-cd9905b2],
.parity-row[data-v-cd9905b2],
.attribute-row[data-v-cd9905b2] {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    min-height: 40px;
}
.element-row[data-v-cd9905b2]:last-child,
.wave-row[data-v-cd9905b2]:last-child,
.parity-row[data-v-cd9905b2]:last-child,
.attribute-row[data-v-cd9905b2]:last-child {
    border-bottom: none;
}
.element-name-cell[data-v-cd9905b2],
.wave-name-cell[data-v-cd9905b2],
.parity-name-cell[data-v-cd9905b2] {
    width: 60px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #eee;
}
.element-name[data-v-cd9905b2],
.wave-name[data-v-cd9905b2],
.parity-name[data-v-cd9905b2] {
    font-weight: 700;
    font-size: 16px;
    font-family: 微软雅黑;
}
.wave-name[data-v-cd9905b2],
.parity-name[data-v-cd9905b2] {
    color: #333;
}
.element-metal[data-v-cd9905b2] {
    color: gold;
}
.element-wood[data-v-cd9905b2] {
    color: #228b22;
}
.element-water[data-v-cd9905b2] {
    color: #4169e1;
}
.element-fire[data-v-cd9905b2] {
    color: #dc143c;
}
.element-earth[data-v-cd9905b2] {
    color: #d2691e;
}
.element-numbers-cell[data-v-cd9905b2],
.wave-numbers-cell[data-v-cd9905b2],
.parity-numbers-cell[data-v-cd9905b2] {
    flex: 1;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}
.element-number-box[data-v-cd9905b2],
.wave-number-box[data-v-cd9905b2],
.parity-number-box[data-v-cd9905b2] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    font-family: 微软雅黑;
}
.attribute-row[data-v-cd9905b2] {
    min-height: 35px;
}
.attribute-label-cell[data-v-cd9905b2] {
    width: 80px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #eee;
    background: #f8f9fa;
}
.attribute-label[data-v-cd9905b2] {
    font-weight: 700;
    color: #06c;
    font-size: 14px;
    font-family: 微软雅黑;
}
.attribute-value-cell[data-v-cd9905b2] {
    flex: 1;
    padding: 8px 10px;
    display: flex;
    align-items: center;
}
.attribute-value[data-v-cd9905b2] {
    color: #333;
    font-size: 14px;
    font-family: 微软雅黑;
    line-height: 1.4;
}
.sub-label[data-v-cd9905b2] {
    color: #06c;
    font-weight: 700;
}
@media (max-width: 768px) {
    .zodiac-table-grid[data-v-cd9905b2] {
        grid-template-columns: repeat(3, 1fr);
        gap: 5px;
    }
    .zodiac-table[data-v-cd9905b2] {
        padding: 10px;
    }
    .zodiac-table-cell[data-v-cd9905b2] {
        padding: 6px;
        min-width: 0;
    }
    .elements-table[data-v-cd9905b2],
    .wave-colors-table[data-v-cd9905b2],
    .parity-table[data-v-cd9905b2],
    .zodiac-attributes-table[data-v-cd9905b2] {
        margin: 0 10px;
    }
    .element-name-cell[data-v-cd9905b2],
    .wave-name-cell[data-v-cd9905b2],
    .parity-name-cell[data-v-cd9905b2] {
        width: 50px;
        padding: 8px;
    }
    .element-numbers-cell[data-v-cd9905b2],
    .wave-numbers-cell[data-v-cd9905b2],
    .parity-numbers-cell[data-v-cd9905b2] {
        padding: 8px;
    }
    .element-number-box[data-v-cd9905b2],
    .wave-number-box[data-v-cd9905b2],
    .parity-number-box[data-v-cd9905b2] {
        width: 20px;
        height: 20px;
        font-size: 10px;
    }
    .attribute-label-cell[data-v-cd9905b2] {
        width: 70px;
        padding: 6px 8px;
    }
    .attribute-value-cell[data-v-cd9905b2] {
        padding: 6px 8px;
    }
    .attribute-label[data-v-cd9905b2],
    .attribute-value[data-v-cd9905b2],
    .sub-label[data-v-cd9905b2] {
        font-size: 12px;
    }
    .zodiac-database-panel[data-v-cd9905b2] {
        padding: 15px;
    }
    .zodiac-name[data-v-cd9905b2] {
        font-size: 12px;
    }
    .zodiac-conflict[data-v-cd9905b2] {
        font-size: 10px;
    }
    .number-box[data-v-cd9905b2] {
        padding: 1px;
        font-size: 8px;
        min-width: 12px;
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 420px) {
    .zodiac-database-panel[data-v-cd9905b2] {
        width: calc(100% - 12px);
        margin-top: 14px;
        margin-bottom: 16px;
        padding: 8px;
        border-radius: 8px;
    }

    .database-header[data-v-cd9905b2] {
        margin-bottom: 12px;
    }

    .database-header h3[data-v-cd9905b2] {
        font-size: 1.25rem;
    }

    .database-header h4[data-v-cd9905b2],
    .database-section h4[data-v-cd9905b2] {
        font-size: 1rem;
    }

    .database-section[data-v-cd9905b2] {
        margin-bottom: 14px;
    }

    .zodiac-table[data-v-cd9905b2] {
        padding: 6px;
    }

    .zodiac-table-grid[data-v-cd9905b2] {
        gap: 4px;
    }

    .zodiac-table-cell[data-v-cd9905b2] {
        padding: 5px 3px;
    }

    .zodiac-cell-header[data-v-cd9905b2] {
        gap: 3px;
        margin-bottom: 6px;
    }

    .zodiac-image[data-v-cd9905b2] {
        width: 26px;
        height: 26px;
    }

    .zodiac-cell-numbers[data-v-cd9905b2] {
        gap: 1px;
    }

    .number-box[data-v-cd9905b2] {
        width: 14px;
        height: 14px;
        min-width: 14px;
        font-size: 7px;
    }

    .elements-table[data-v-cd9905b2],
    .wave-colors-table[data-v-cd9905b2],
    .parity-table[data-v-cd9905b2],
    .zodiac-attributes-table[data-v-cd9905b2] {
        margin: 0;
    }

    .element-name-cell[data-v-cd9905b2],
    .wave-name-cell[data-v-cd9905b2],
    .parity-name-cell[data-v-cd9905b2] {
        width: 42px;
        padding: 6px 4px;
    }

    .element-numbers-cell[data-v-cd9905b2],
    .wave-numbers-cell[data-v-cd9905b2],
    .parity-numbers-cell[data-v-cd9905b2] {
        gap: 3px;
        padding: 6px 4px;
    }

    .element-number-box[data-v-cd9905b2],
    .wave-number-box[data-v-cd9905b2],
    .parity-number-box[data-v-cd9905b2] {
        width: 18px;
        height: 18px;
        font-size: 9px;
    }

    .attribute-label-cell[data-v-cd9905b2] {
        width: 56px;
        padding: 6px 4px;
    }

    .attribute-value-cell[data-v-cd9905b2] {
        padding: 6px;
    }
}


.cp-spacing-guanjiapo .custom-play-values { display:inline-flex !important; flex-wrap:wrap !important; justify-content:center; align-items:baseline; max-width:100%; min-width:0; white-space:normal !important; vertical-align:middle; }
.cp-spacing-guanjiapo .custom-play-token { display:inline-block !important; flex:0 0 auto; min-width:1.7em; margin:2px 3px !important; text-align:center; white-space:nowrap !important; word-break:normal; line-height:1.5; font-variant-numeric:tabular-nums; vertical-align:middle; }
.cp-spacing-guanjiapo .shuangbo-numbers, .cp-spacing-guanjiapo .special-format-content, .cp-spacing-guanjiapo .special-format-row { flex-wrap:wrap !important; white-space:normal !important; min-width:0; max-width:100%; }

.pts-showcase{width:100%;max-width:760px;margin:10px auto;overflow:hidden;font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.25;box-sizing:border-box}.combo-group-block:has(.pts-showcase)>.combo-group-header,.combo-group-block:has(.pts-showcase)>.list-title{display:none!important}.pts-showcase *{box-sizing:border-box;letter-spacing:0}.pts-heading{text-align:center;font-weight:700}.pts-heading strong{display:block}.pts-heading span{display:block}.pts-table{width:100%}.pts-row{display:grid;grid-template-columns:minmax(70px,18%) minmax(0,62%) minmax(72px,20%);align-items:stretch}.pts-row>div{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;padding:10px 6px;font-size:28px;font-weight:700}.pts-value{white-space:normal}.pts-value b{font-weight:700}.pts-pick{display:inline-flex;gap:5px}.pts-zodiac{display:inline-block}.pts-pick.is-hit .pts-zodiac{color:#d71919;background:#fff600}.pts-number{color:#df2020}.pts-value em{margin-left:8px;color:#ef18d4;font-style:normal}.pts-tagline{text-align:center;padding:9px 5px;font-size:25px;font-weight:700}.pts-style-1{background:#000;color:#fff}.pts-style-1 .pts-heading{padding:8px;background:#061020}.pts-style-1 .pts-heading strong{font-size:52px}.pts-style-1 .pts-heading span{background:#fff;color:#000;font-size:31px}.pts-style-1 .pts-row>div{border:1px solid #fff}.pts-style-1 .pts-pick.is-hit .pts-zodiac{color:#df1e1e;background:#fff}.pts-style-2{background:#f500e9;color:#060006;border:4px solid #050005}.pts-style-2 .pts-heading{padding:10px 4px;color:#ffe100;background:#ed00dc;font-size:45px;text-shadow:1px 1px #000}.pts-style-2 .pts-row>div{border:3px solid #080008}.pts-style-2 .pts-status{color:#1535c4}.pts-style-3{background:#82c9e7;color:#050505}.pts-style-3 .pts-heading{padding:11px 4px;background:#10203e;color:#fff;font-size:40px;text-shadow:1px 1px #000}.pts-style-3 .pts-row>div{border:2px solid #eee}.pts-style-3 .pts-issue{color:#061ac0}.pts-style-4{background:#eee;color:#4f260f;border:5px solid #ffb4c5}.pts-style-4 .pts-heading{padding:10px 4px;background:#f10b0b;color:#ffd2dc;font-size:40px}.pts-style-4 .pts-row>div{border:5px solid #ffb4c5}.pts-style-4 .pts-issue{color:#158225}.pts-style-4 .pts-status{color:#e32828}.pts-style-5{background:#fff;color:#080808;border:2px solid #050505}.pts-style-5 .pts-heading{padding:10px 4px;background:#633415;color:#fff;font-size:45px}.pts-style-5 .pts-row>div{border:2px solid #050505}.pts-style-5 .pts-tagline{background:#eee;color:#623719;border:2px solid #050505}.pts-style-6{background:#fff;color:#df1d1d}.pts-style-6 .pts-heading{padding:10px 4px;background:#82cbea;color:#050505;font-size:38px}.pts-style-6 .pts-row>div{border:1px solid #e5e5e5}.pts-style-7{background:#0909ed;color:#ffff64;border:2px solid #ffff64}.pts-style-7 .pts-heading{padding:12px 4px;background:#0619a6;color:#fff85a;font-size:45px}.pts-style-7 .pts-row>div{border:1px solid #ffff64}.pts-style-7 .pts-value b{color:#ef3a55}.pts-style-8{background:#fff;color:#0716a1;border:1px solid #0716a1}.pts-style-8 .pts-heading{padding:12px 4px;background:#ffb6c4;font-size:43px}.pts-style-8 .pts-row>div{border:1px solid #0716a1}.pts-style-8 .pts-tagline{background:#ffb6c4;border:1px solid #0716a1}@media(max-width:480px){.pts-row{grid-template-columns:72px minmax(0,1fr) 75px}.pts-row>div{padding:8px 3px;font-size:16px}.pts-pick{gap:2px}.pts-value em{display:block;margin:3px 0 0}.pts-heading strong,.pts-style-1 .pts-heading strong{font-size:26px}.pts-heading span,.pts-style-1 .pts-heading span{font-size:18px}.pts-style-2 .pts-heading,.pts-style-3 .pts-heading,.pts-style-4 .pts-heading,.pts-style-5 .pts-heading,.pts-style-6 .pts-heading,.pts-style-7 .pts-heading,.pts-style-8 .pts-heading{font-size:24px}.pts-tagline{font-size:15px}}

.popup-box:has(.legacy-modal){width:auto!important;max-width:94vw!important;max-height:none!important;overflow:visible!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;}.popup-box:has(.legacy-modal) .popup-head{display:none!important;}.popup-box:has(.legacy-modal) .popup-body{padding:0!important;line-height:normal!important;background:transparent!important;}.legacy-modal,.legacy-modal *{box-sizing:border-box;}.legacy-modal[data-v-7f579c3f]{position:relative;width:var(--legacy-modal-width);max-width:var(--legacy-modal-max-width);max-height:var(--legacy-modal-max-height);overflow:visible;background:var(--legacy-modal-background);border-radius:var(--legacy-modal-border-radius);box-shadow:var(--legacy-modal-shadow);animation:legacyModalFadeIn-7f579c3f .3s ease-out;font-family:Arial,"Microsoft YaHei",sans-serif;}@keyframes legacyModalFadeIn-7f579c3f{0%{opacity:0;transform:scale(.9) translateY(-20px);}to{opacity:1;transform:scale(1) translateY(0);}}.legacy-close-btn[data-v-7f579c3f]{position:absolute;top:var(--legacy-close-top);right:var(--legacy-close-right);z-index:3;display:flex;align-items:center;justify-content:center;width:var(--legacy-close-size);height:var(--legacy-close-size);padding:0;color:var(--legacy-close-color);font-size:var(--legacy-close-font-size);cursor:pointer;background:var(--legacy-close-background);border:0;border-radius:50%;transform:var(--legacy-close-transform);transition:all .2s;}.legacy-close-btn[data-v-7f579c3f]:hover{color:var(--legacy-close-hover-color);background:var(--legacy-close-hover-background);}.legacy-title-badge[data-v-7f579c3f]{position:relative;z-index:2;width:148px;min-height:34px;margin:0 auto 10px;pointer-events:none;}.legacy-title-badge-bg[data-v-7f579c3f]{display:block;width:100%;height:34px;background:var(--legacy-title-badge-fill);border:1px solid rgba(255,255,255,.86);border-radius:999px;box-shadow:inset 0 1px 3px rgba(255,255,255,.45),inset 0 -2px 5px rgba(45,51,62,.22),0 2px 5px rgba(0,0,0,.14);}.legacy-title-text[data-v-7f579c3f]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:4px 18px;color:#fff;font-weight:700;line-height:1.05;text-align:center;text-shadow:var(--legacy-title-text-shadow);}.legacy-title-site[data-v-7f579c3f]{display:block;max-width:106px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;}.legacy-modal-content[data-v-7f579c3f]{max-height:var(--legacy-modal-max-height);overflow-y:auto;background:var(--legacy-content-background);}.legacy-ball-card-body[data-v-f17ec7b1]{padding:16px 20px 20px;}.legacy-card-group[data-v-f17ec7b1]{margin-bottom:24px;padding:16px;background:var(--legacy-group-background);border:1px solid var(--legacy-group-border-color);border-radius:8px;}.legacy-card-group[data-v-f17ec7b1]:last-child{margin-bottom:0;}.legacy-sixiaobama-heading[data-v-f17ec7b1]{margin:-2px 0 8px;color:#d90000;font-size:22px;font-weight:800;line-height:1.2;text-align:center;}.legacy-card-title[data-v-f17ec7b1]{margin-bottom:12px;color:var(--legacy-group-title-color);font-size:16px;font-weight:600;text-align:center;}.legacy-zodiac-row[data-v-f17ec7b1],.legacy-number-row[data-v-f17ec7b1]{display:flex;gap:8px;justify-content:center;}.legacy-zodiac-row[data-v-f17ec7b1]{margin-bottom:12px;flex-wrap:wrap;}.legacy-number-row[data-v-f17ec7b1]{width:100%;max-width:376px;margin:0 auto 8px;min-width:0;flex-wrap:nowrap;gap:clamp(2px,1.6vw,8px);}.legacy-zodiac-ball[data-v-f17ec7b1]{display:flex;align-items:center;justify-content:center;width:clamp(30px,9vw,42px);height:clamp(30px,9vw,42px);color:var(--legacy-zodiac-color);font-size:clamp(13px,3.5vw,16px);font-weight:600;background:var(--legacy-zodiac-background);border:2px solid var(--legacy-zodiac-border-color);border-radius:50%;transition:transform .2s;}.legacy-zodiac-ball[data-v-f17ec7b1]:hover{background:var(--legacy-zodiac-hover-background);transform:scale(1.08);}.legacy-number-ball[data-v-f17ec7b1]{display:flex;flex:0 0 min(40px,calc((100% - 56px)/8));align-items:center;justify-content:center;width:min(40px,calc((100% - 56px)/8));min-width:0;height:auto;aspect-ratio:1;font-size:clamp(9px,3.2vw,14px);font-weight:600;border-radius:50%;}.legacy-number-ball--image[data-v-f17ec7b1]{color:#333;border:0;background-repeat:no-repeat;background-position:center;background-size:contain;text-shadow:0 0 1px rgba(255,255,255,.6);}.legacy-copy-section[data-v-f17ec7b1]{margin-top:16px;text-align:center;}.legacy-copy-btn[data-v-f17ec7b1]{padding:8px 16px;color:#fff;font-size:14px;cursor:pointer;background:var(--legacy-copy-background);border:0;border-radius:6px;transition:background .2s;}.legacy-copy-btn[data-v-f17ec7b1]:hover{background:var(--legacy-copy-hover-background);}.legacy-empty{padding:18px 8px;text-align:center;color:var(--legacy-empty-color);background:#fff;border-radius:6px;}@media (max-width:600px){.legacy-ball-card-body[data-v-f17ec7b1]{padding:16px 12px 12px;}.legacy-card-group[data-v-f17ec7b1]{margin-bottom:16px;padding:12px;}}@media (max-width:480px){.legacy-title-badge[data-v-7f579c3f]{width:138px;min-height:32px;margin:0 auto 10px;}.legacy-title-badge-bg[data-v-7f579c3f]{height:32px;}.legacy-title-text[data-v-7f579c3f]{padding:4px 16px;}.legacy-title-site[data-v-7f579c3f]{max-width:98px;font-size:14px;}.legacy-card-group[data-v-f17ec7b1]{margin-bottom:12px;padding:10px;}.legacy-sixiaobama-heading[data-v-f17ec7b1]{font-size:21px;}.legacy-card-title[data-v-f17ec7b1]{margin-bottom:10px;font-size:14px;}.legacy-copy-btn[data-v-f17ec7b1]{padding:6px 12px;font-size:12px;}}
.sites-navigation[data-v-48b0fb9f] {
    padding: 16px;
    background: #fff;
    width: 100%;
    min-height: auto;
}
.sites-grid[data-v-48b0fb9f] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    width: 100%;
    max-width: 100%;
    grid-auto-rows: 1fr;
}
.site-card[data-v-48b0fb9f] {
    background: #f8f8f8;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 12px 8px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    min-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 3px #0000000d;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.site-card[data-v-48b0fb9f]:hover {
    background: #f0f0f0;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px #0000001a;
}
.site-card[data-v-48b0fb9f]:active {
    transform: translateY(0);
}
.last-row-first[data-v-48b0fb9f] {
    grid-column: 1;
}
.last-row-second[data-v-48b0fb9f] {
    grid-column: 2;
}
@media (max-width: 768px) {
    .sites-grid[data-v-48b0fb9f] {
        grid-template-columns: repeat(3, 1fr);
        gap: 6px;
        max-width: 100%;
        grid-auto-rows: 1fr;
    }
    .site-card[data-v-48b0fb9f] {
        padding: 10px 6px;
        font-size: 12px;
        min-height: 40px;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
}
@media (max-width: 480px) {
    .sites-grid[data-v-48b0fb9f] {
        grid-template-columns: repeat(3, 1fr);
        gap: 4px;
        max-width: 100%;
        grid-auto-rows: 1fr;
    }
    .site-card[data-v-48b0fb9f] {
        padding: 8px 4px;
        font-size: 11px;
        min-height: 35px;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
}
@media (max-width: 360px) {
    .sites-grid[data-v-48b0fb9f] {
        gap: 3px;
        max-width: 100%;
        grid-auto-rows: 1fr;
    }
    .site-card[data-v-48b0fb9f] {
        padding: 6px 3px;
        font-size: 10px;
        min-height: 30px;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
}