html {
    font-size: 16px;
}

body {
    margin: auto;
    display: flex;
    flex-direction: column;
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
    min-height: 100vh;
    cursor: default;
    width: auto;
    box-sizing: border-box;
    background-color: #f4f5f7;
}

/*主体内容*/
.main-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 800px;
    margin: 0 auto;
    min-height: 100vh;
    background-color: #ffffff;
    border: 4px solid #4866bb;
    border-top: none;
    border-bottom: none;
}

/**********顶部的图片**************/
.tupian {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tupian img {
    max-width: 100%;
    height: auto;
    display: block;
}

/**********吸顶的导航栏*************/
.tianxian_xiding {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 12px;
    padding: 16px 20px 24px;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 50;
    background-color: #ffffff;
}


.tianxian_xiding>div {
    flex: 0 0 18%;
    box-sizing: border-box;
    background-color: #0067b7;
    border-radius: 999px;
    text-align: center;
    padding: 8px 0;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    white-space: nowrap;
}

/*********开奖区***********/
.sankaijiangquyu {
    display: flex;
    flex-direction: column;
}

.mingcheng {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    font-weight: bold;
}

.mingcheng button {
    flex: 1;
    border: none;
    background-color: #e2e8f0;
    border-radius: 4px;
    cursor: pointer;
    font-size: 20px;
}

.mingcheng button+button {
    margin-left: 10px;
    /* 按钮之间留一点间距 */
}

/* 按钮激活状态颜色：绿 / 红 / 蓝
   提高选择器优先级，覆盖上面的 .mingcheng button 背景色 */
.mingcheng button.btn-xgwy-active {
    background-color: #2f855a;
    color: #fff;
}

.mingcheng button.btn-am-active {
    background-color: #e53e3e;
    color: #fff;
}

.mingcheng button.btn-xglh-active {
    background-color: #3182ce;
    color: #fff;
}

.gongyong_kaijiangquyu {
    width: 100%;
    height: 170px;
}

/* ================= 手机端整体布局与各模块适配（参考 2hao.css 比例） ================= */
@media (max-width: 600px) {

    /* 整体：字体略放大，页面宽度 100% */
    html {
        font-size: 18px;
    }

    html,
    body {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    body {
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    html::-webkit-scrollbar,
    body::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none;
    }

    /* 主体内容：PC 为 800px 居中，手机端铺满宽度，保留边框风格 */
    .main-content {
        width: 100%;
        margin: 0 auto;
        min-height: 100vh;
        box-sizing: border-box;
        border-left-width: 2px;
        border-right-width: 2px;
    }

    /******** 顶部图片区域 ********/
    .tupian {
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .tupian img {
        max-width: 100%;
        height: auto;
        display: block;
    }

    /******** 吸顶导航条（天线宝宝导航） ********/
    .tianxian_xiding {
        padding: 8px 4px 10px;
        gap: 4px 4px;
    }

    .tianxian_xiding>div {
        flex: 0 0 calc((100% - 4px * 4) / 5);
        /* 手机端一行必须 5 个按钮，间隔缩短 */
        padding: 4px 0;
        border-radius: 14px;
        font-size: 12px;
        white-space: nowrap;
    }

    /******** 开奖区顶部按钮 + 内容高度 ********/
    .mingcheng {
        font-size: 16px;
    }

    .mingcheng button {
        font-size: 16px;
    }

    .mingcheng button+button {
        margin-left: 6px;
    }

    .gongyong_kaijiangquyu {
        height: auto;
    }
}

/**********天线宝宝九肖一码****************/
.tianxian_jiuxiaoyima {
    width: 100%;
    display: block;
}

.tianxian_jiuxiaoyima_img img {
    width: 100%;
    height: auto;
    display: block;
}

.tianxian_jiuxiaoyima_txt {
    width: 100%;
    height: auto;
}

/* 九肖一码 每期模块样式 */
.txb-block {
    border: 1px solid #e5e7eb;
    background-color: #fffbea;
}

.txb-title {
    background-color: #ec3039;
    padding: 6px 10px;
    font-weight: bold;
    font-size: 24px;
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
}

.txb-title img {
    width: 20px;
    height: 20px;
}

.txb-qishu {
    padding: 6px 10px;
    font-size: 14px;
    font-weight: bold;
    background-color: #f3f4f6;
}

.txb-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    text-align: center;
}

.txb-table th,
.txb-table td {
    border: 1px solid #e5e7eb;
    padding: 4px 6px;
    text-align: center;
}

.txb-table th {
    background-color: #fef3c7;
}

.txb-table tbody tr:nth-child(odd) {
    background-color: #fffdf5;
}

/* 四列布局：期数 / 第一个内容 / 中间内容 / 结果 */
.txb-td-qishu {
    width: 100px;
    white-space: nowrap;
    text-align: center;
}

.txb-td-neirong {
    color: #000000;
}

/* 第一列里：期数 和 PHP 第二个字段(内容1) 分别上色 */
.txb-qishu-text {
    color: #000000;
}

/* 结果列里的“开”字单独默认黑色 */
.txb-kai-label {
    color: #000000;
}

.txb-mashu-text {
    color: #0000ff;
    /* 第二个字段单独颜色，这里是蓝色 */
}

/* 第二个内容专用颜色 */
.txb-neirong-text {
    color: #000000;
}

.txb-td-jieguo {
    width: 80px;
    text-align: right;
    white-space: nowrap;
}

.txb-td-jieguo {
    color: #e53e3e;
    font-weight: bold;
}

.txb-hit {
    background-color: #e7d318;
}

@media (max-width: 600px) {

    /******** 九肖一码（手机端单独适配） ********/
    .txb-title {
        font-size: 18px;
        padding: 4px 8px;
    }

    .txb-title img {
        width: 16px;
        height: 16px;
    }

    .txb-qishu {
        padding: 4px 8px;
        font-size: 12px;
    }

    .txb-table {
        font-size: 12px;
    }

    .txb-table th,
    .txb-table td {
        padding: 3px 4px;
    }

    .txb-td-qishu {
        width: 72px;
    }

    .txb-td-jieguo {
        width: 60px;
    }
}

/**********天线宝宝绝杀三肖****************/

.tianxian_jueshasanxiao {
    width: 100%;
    display: block;
}

.tianxian_jueshasanxiao_img img {
    width: 100%;
    height: auto;
    display: block;
}

.tianxian_jueshasanxiao_txt {
    width: 100%;
    height: auto;
}

/* 绝杀三肖 每行样式，仿照截图结构 */
.jssx-row {
    font-size: 32px;
    line-height: 1.8;
    padding: 2px 8px;
    display: flex;
    justify-content: center;
    border-bottom: 1px dashed #ced0d3;
    gap: 8px;
}

.jssx-qishu {
    font-weight: bold;
}

.jssx-title {
    margin-left: 4px;
}

.jssx-neirong1 {
    color: #008000;
}

.jssx-neirong2 {
    margin-left: 4px;
}

.jssx-kai {
    color: #1d4ed8;
    font-weight: bold;
}

.jssx-kai-label {
    color: #000;
}

/* 命中时高亮的生肖 */
.jssx-hit {
    background-color: #ffe66d;
}

@media (max-width: 600px) {

    /******** 绝杀三肖（手机端单独适配） ********/
    .jssx-row {
        font-size: 18px;
        line-height: 1.6;
        padding: 2px 4px;
        gap: 4px;
    }
}


/***************天线宝宝绝杀一头****************/

.tianxian_jueshayitou {
    width: 100%;
    display: block;
}

.tianxian_jueshayitou_img img {
    width: 100%;
    height: auto;
    display: block;
}

.tianxian_jueshayitou_txt {
    width: 100%;
    height: auto;
}

.tianxian_jueshabobo {
    width: 100%;
    display: block;
}

.tianxian_jueshabobo_img img {
    width: 100%;
    height: auto;
    display: block;
}

.tianxian_jueshabobo_txt {
    width: 100%;
    height: auto;
}

/***************天线宝宝绝杀半波****************/

.tianxian_jueshabanbo {
    width: 100%;
    display: block;
}

.tianxian_jueshabanbo_img img {
    width: 100%;
    height: auto;
    display: block;
}

.tianxian_jueshabanbo_txt {
    width: 100%;
    height: auto;
}

/***************天线宝宝绝杀三尾****************/

.tianxian_jueshasanwei {
    width: 100%;
    display: block;
}

.tianxian_jueshasanwei_img img {
    width: 100%;
    height: auto;
    display: block;
}

.tianxian_jueshasanwei_txt {
    width: 100%;
    height: auto;
}

/***************天线宝宝三头中特****************/

.tianxian_santouzhongte {
    width: 100%;
    display: block;
}

.tianxian_santouzhongte_img img {
    width: 100%;
    height: auto;
    display: block;
}

.tianxian_santouzhongte_txt {
    width: 100%;
    height: auto;
}

/***************天线宝宝春夏秋冬****************/

.tianxian_chunxiaqiudong {
    width: 100%;
    display: block;
}

.tianxian_chunxiaqiudong_img img {
    width: 100%;
    height: auto;
    display: block;
}

.tianxian_chunxiaqiudong_txt {
    width: 100%;
    height: auto;
}

.chunxiaqiudong-tip {
    text-align: center;
    color: #cd12e6;
    font-weight: bold;
    padding: 6px 0;
}

/***************天线宝宝琴棋书画****************/

.tianxian_qinqishuhua {
    width: 100%;
    display: block;
}

.tianxian_qinqishuhua_img img {
    width: 100%;
    height: auto;
    display: block;
}

.tianxian_qinqishuhua_txt {
    width: 100%;
    height: auto;
}

.qinqishuhua-tip {
    text-align: center;
    color: #c026d3;
    font-weight: bold;
    padding: 6px 0;
}

/***************天线宝宝琴棋书画****************/
.tianxian_qinqishuhua {
    width: 100%;
    display: block;
}

.tianxian_qinqishuhua_img img {
    width: 100%;
    height: auto;
    display: block;
}

.tianxian_qinqishuhua_txt {
    width: 100%;
    height: auto;
}

/***************天线宝宝家野中特****************/
.tianxian_jiayezhongte {
    width: 100%;
    display: block;
}

.tianxian_jiayezhongte_img img {
    width: 100%;
    height: auto;
    display: block;
}

.tianxian_jiayezhongte_txt {
    width: 100%;
    height: auto;
}


/***天线宝宝胆大胆小 吉美凶丑 有边无边 二行中特 六肖六码 男女中特  平特五不中 日夜中特 阴阳中特 大大小小****************/
.tianxian_dandadanxiao,
.tianxian_dadaxiaoxiao,
.tianxian_yinyangzhongte,
.tianxian_riyezhongte,
.tianxian_pingtewubuzhong,
.tianxian_sixiaobama,
.tianxian_jimeixiongchou,
.tianxian_dandanxiaoxiao,
.tianxian_youbianwubian,
.tianxian_erxingzhongte,
.tianxian_liuxiaoliuma,
.tianxian_nannvzhongte {
    width: 100%;
    display: block;
}

.tianxian_dandadanxiao_img img,
.tianxian_dadaxiaoxiao_img img,
.tianxian_yinyangzhongte_img img,
.tianxian_riyezhongte_img img,
.tianxian_pingtewubuzhong_img img,
.tianxian_sixiaobama_img img,
.tianxian_jimeixiongchou_img img,
.tianxian_dandanxiaoxiao_img img,
.tianxian_youbianwubian_img img,
.tianxian_erxingzhongte_img img,
.tianxian_liuxiaoliuma_img img,
.tianxian_nannvzhongte_img img {
    width: 100%;
    height: auto;
    display: block;
}

.tianxian_dadaxiaoxiao_txt,
.tianxian_yinyangzhongte_txt,
.tianxian_riyezhongte_txt,
.tianxian_pingtewubuzhong_txt,
.tianxian_sixiaobama_txt,
.tianxian_jimeixiongchou_txt,
.tianxian_dandanxiaoxiao_txt,
.tianxian_youbianwubian_txt,
.tianxian_erxingzhongte_txt,
.tianxian_liuxiaoliuma_txt,
.tianxian_nannvzhongte_txt {
    width: 100%;
    height: auto;
}

.youbianwubian-tip,
.jimeixiongchou-tip,
.erxingzhongte-tip,
.nannvzhongte-tip,
.riyezhongte-tip,
.yinyangzhongte-tip {
    text-align: center;
    color: #c026d3;
    font-weight: bold;
    padding: 6px 0;
}

/* 六肖六码专用：一栏两行布局 */
.lxlm-row {
    flex-direction: column;
    align-items: center;
}

.lxlm-top {
    display: flex;
    justify-content: center;
    width: 100%;
}

.lxlm-left {
    display: inline-block;
}

.lxlm-kai {
    color: #1d4ed8;
    font-weight: bold;
}

.lxlm-bottom {
    width: 100%;
    padding-left: 4px;
}

.jssx-neirong1 {
    display: flex;
    justify-content: center;
}

@media (max-width: 600px) {

    /******** 胆大胆小等 + 六肖六码（手机端单独适配） ********/
    .youbianwubian-tip,
    .jimeixiongchou-tip,
    .erxingzhongte-tip,
    .nannvzhongte-tip,
    .riyezhongte-tip,
    .yinyangzhongte-tip {
        font-size: 14px;
        padding: 4px 0;
    }

    .lxlm-row {
        font-size: 16px;
    }

    .lxlm-bottom {
        padding-left: 2px;
    }
}

/***************天线宝宝四肖八码****************/
/* 四肖八码专用：一栏三行（上面期数+开，下面两行内容2） */
.sx8-row {
    flex-direction: column;
    align-items: center;
}

.sx8-top {
    display: flex;
    justify-content: center;
    width: 100%;
}

.sx8-kai {
    color: #1d4ed8;
    font-weight: bold;
}

.sx8-lines {
    width: 100%;
    margin-top: 2px;
}

.sx8-line {
    display: flex;
    justify-content: center;
    gap: 16px;
}

.sx8-item {
    color: #008000;
}

/******底部图************/
.tu_1,
.tu_2,
.tu_3 {
    width: 100%;
    display: block;
}

.tu_1 img,
.tu_2 img,
.tu_3 img {
    width: 100%;
    height: auto;
    display: block;
}

/*******页脚***************/
.tianxian_yejiao {
    padding: 8px 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 4px;
}

.tianxian_yejiaoA {
    display: flex;
    font-size: 20px;
    font-weight: bold;
}

.tianxian_yejiaoA_B {
    padding-top: 5px;
}

@media (max-width: 600px) {

    /******** 页脚（手机端单独适配） ********/
    .tianxian_yejiao {
        padding: 6px 0;
        gap: 2px;
    }

    .tianxian_yejiaoA {
        font-size: 16px;
    }

    .tianxian_yejiaoA_B {
        padding-top: 3px;
        font-size: 12px;
    }
}

/******天线宝宝 第一次拉取图片********/
.laqu_tianxian1 {
    width: 100%;
    display: block;
}

.laqu_tianxian1 img {
    width: 100%;
    height: auto;
    display: block;
}

/******天线宝宝 第二次拉取图片********/
.laqu_tianxian2 {
    width: 100%;
    display: block;
}

.laqu_tianxian2 img {
    width: 100%;
    height: auto;
    display: block;
}

/******天线宝宝 第三次拉取图片（2张上下排列）********/
.laqu_tianxian3 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.laqu_tianxian3 img {
    width: 100%;
    height: auto;
    display: block;
}

/********** 天线宝宝 九图标题区（图4） *************/
.tianxian_jiutu {
    width: 100%;
    padding: 10px 12px 16px;
    box-sizing: border-box;
    background-color: #f8fafc;
}

.tianxian_jiutu_preview {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

.tianxian_jiutu_preview img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

.tianxian_jiutu_list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tianxian_jiutu_item {
    flex: 0 0 calc(33.333% - 8px);
}

.tianxian_jiutu_btn {
    width: 100%;
    padding: 8px 4px;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
    background-color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tianxian_jiutu_btn_active {
    background-color: #38a169;
    color: #ffffff;
    border-color: #2f855a;
}