@charset "utf-8";

/* ===================================================
   澳门彩 - 国彩红金白主题 v5.0
   =================================================== */

/* ---- 全局基础 ---- */
body {
    background: transparent;
    color: #333;
    padding: 0 8px 80px;
    min-height: 100vh;
}

/* ---- 顶部 Banner ---- */
.bank {
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: 0 3px 16px rgba(139, 0, 0, 0.28);
}

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

/* ---- 栏目导航（吸顶） ---- */
.lanmu-container {
    margin: 8px 0;
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(255, 255, 255, 0.97);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 0;
    padding: 8px;
    box-shadow: 0 2px 12px rgba(139, 0, 0, 0.1);
    border-bottom: 2px solid #cc1a1a;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

/* 收起/展开按钮 */
.lanmu-toggle {
    align-self: center;
    background: rgba(139, 0, 0, 0.07);
    border: 1px solid rgba(139, 0, 0, 0.25);
    color: #8b0000;
    border-radius: 12px;
    padding: 2px 18px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    letter-spacing: 1px;
    transition: background 0.2s ease;
    line-height: 1.8;
}
.lanmu-toggle:hover,
.lanmu-toggle:active {
    background: rgba(139, 0, 0, 0.15);
}

/* 收起状态：隐藏导航格 */
.lanmu-container.nav-collapsed {
    padding: 5px 8px;
    gap: 0;
}
.lanmu-container.nav-collapsed .lanmu {
    display: none;
}
.lanmu-container.nav-collapsed .lanmu-toggle {
    align-self: center;
}

.lanmu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}

.lanmu a {
    display: block;
    padding: 9px 4px;
    background: rgba(204, 26, 26, 0.05);
    color: #8b0000;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.2s ease;
    border: 1px solid rgba(204, 26, 26, 0.15);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0.5px;
}

.lanmu a:hover,
.lanmu a:active {
    background: rgba(204, 26, 26, 0.12);
    border-color: rgba(204, 26, 26, 0.4);
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(139, 0, 0, 0.15);
    text-decoration: none;
    color: #8b0000;
}

/* ---- 新闻跑马灯 ---- */
.news-box {
    background: #fff4f4;
    border: 1px solid rgba(204, 26, 26, 0.18);
    border-radius: 4px;
    padding: 0 12px;
    margin: 8px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 44px;
    box-shadow: 0 1px 6px rgba(139, 0, 0, 0.06);
    overflow: hidden;
}

.news-title {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: #cc1a1a;
    white-space: nowrap;
    flex-shrink: 0;
    float: none;
    height: auto;
    line-height: normal;
    padding-left: 0;
    border-radius: 0;
}

.news-icon {
    width: 20px !important;
    height: 20px !important;
    margin-right: 6px;
    vertical-align: middle;
}

.txtMarquee-left {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    height: 44px;
    line-height: 44px;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}

.marquee-wrapper {
    height: 44px;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: static;
}

.marquee-wrapper::before,
.marquee-wrapper::after {
    display: none;
}

#marqueeText {
    font-size: 14px;
    font-weight: 500;
    color: #555;
    line-height: 44px;
    white-space: nowrap;
    padding: 0 10px;
}

/* ---- 通用卡片盒子 ---- */
.box {
    margin: 10px 0;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(204, 26, 26, 0.1);
    box-shadow: 0 2px 12px rgba(139, 0, 0, 0.07);
}

.pad,
.box.pad {
    padding: 12px;
}

/* ---- th 品牌前缀标签 ---- */
.th-brand {
    display: inline-block;
    font-size: 0.78em;
    font-weight: 600;
    color: rgba(255, 240, 200, 1.0);
    letter-spacing: 0.5px;
    margin-right: 4px;
    vertical-align: middle;
}

/* ---- list-title 内的品牌前缀 ---- */
.lt-brand {
    display: block;
    font-size: 0.62em;
    font-weight: 400;
    color: rgba(255, 220, 180, 0.8);
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 3px;
}

/* ---- Section 标题 ---- */
.list-title {
    background: linear-gradient(135deg, #8b0000 0%, #cc1a1a 60%, #a00000 100%);
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    height: 52px;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    letter-spacing: 1px;
    margin: -10px -10px 10px -10px;
    border-bottom: 3px solid #c9a84c;
}

/* 空数据提示统一样式 */
#emptyMsg, #jingxuanEmptyMsg, #ptsxEmptyMsg,
#jsewEmptyMsg, #jxjmEmptyMsg, #yxymEmptyMsg,
#xjjsEmptyMsg, #allEmptyMsg, #newTenEmptyMsg,
#pingteYixiaoEmptyMsg, #jqysEmptyMsg, #bzdsEmptyMsg {
    text-align: center;
    padding: 16px;
    color: #999;
    font-size: 13px;
}

/* ---- 主表格：qxtable ---- */
.qxtable {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    color: #333;
    background: transparent;
    font-weight: normal;
    word-wrap: break-word;
    word-break: break-all;
    text-align: center;
}

.qxtable tr {
    height: auto;
}

.qxtable th,
.qxtable td {
    border: none;
    border-bottom: 1px solid rgba(204, 26, 26, 0.1);
}

.qxtable th {
    background: linear-gradient(135deg, #8b0000 0%, #cc1a1a 100%);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 11px 8px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.qxtable td {
    padding: 10px 8px;
    text-align: center;
    font-size: 13px;
    vertical-align: middle;
    text-overflow: ellipsis;
}

.qxtable tr:last-child td {
    border-bottom: none;
}

.qxtable tbody tr:nth-child(odd) td {
    background: #fff;
}

.qxtable tbody tr:nth-child(even) td {
    background: #fff8f8;
}

.qxtable tbody tr:hover td {
    background: rgba(204, 26, 26, 0.06);
    transition: background 0.2s;
}

.qxtable td:nth-child(2) {
    color: #555;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0;
}

.qxtable td:last-child {
    color: #cc1a1a;
    font-weight: 700;
    font-size: 13px;
}

/* qxtable.yxym */
.qxtable.yxym {
    table-layout: auto;
    word-wrap: break-word;
    word-break: break-all;
}

.qxtable.yxym td {
    font-size: 13px;
    color: #333;
}

.qxtable.yxym tr td:nth-child(2) {
    width: 40%;
    font-size: 13px;
}

/* ---- ptsxtable ---- */
.ptsxtable {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    color: #333;
    background: transparent;
    text-align: center;
}

.ptsxtable th {
    background: linear-gradient(135deg, #8b0000 0%, #cc1a1a 100%);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 11px 8px;
    text-align: center;
    border: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.ptsxtable td {
    padding: 10px 8px;
    text-align: center;
    border-bottom: 1px solid rgba(204, 26, 26, 0.08);
    color: #333;
    vertical-align: middle;
}

.ptsxtable tr:last-child td {
    border-bottom: none;
}

.ptsxtable tbody tr:nth-child(odd) td  { background: #fff; }
.ptsxtable tbody tr:nth-child(even) td { background: #fff8f8; }
.ptsxtable tbody tr:hover td           { background: rgba(204, 26, 26, 0.06); }

/* ---- 资料轮播 (bizhong) ---- */
.white-box {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 4px;
    overflow: hidden;
}

.white-box img { width: 20px; height: 20px; }

.bizhong {
    width: 100%;
    margin: 0 auto;
}

.bizhong-box {
    float: left;
    width: 100%;
    display: none;
}

.action-bz {
    display: block;
}

.bizhong-page {
    height: 46px;
    padding-top: 6px;
    display: flex;
    gap: 8px;
}

.bizhong-btn {
    flex: 1;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    background: rgba(204, 26, 26, 0.06);
    border: 1px solid rgba(204, 26, 26, 0.2);
    border-radius: 4px;
    cursor: pointer;
    color: #8b0000;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.2s;
    width: auto;
    margin-right: 0;
}

.bizhong-btn:hover {
    background: rgba(204, 26, 26, 0.12);
    border-color: rgba(204, 26, 26, 0.4);
}

.bizhong table {
    border-collapse: collapse;
    font-weight: bold;
    width: 100%;
}

.bizhong table th {
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    border: 1px solid rgba(204, 26, 26, 0.12);
}

.bizhong table thead th {
    background: linear-gradient(135deg, #8b0000 0%, #cc1a1a 100%);
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.bizhong table tfoot th {
    background: linear-gradient(135deg, #8b0000 0%, #cc1a1a 100%);
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

/* tfoot 内黄色 font 标签还原为金色 */
.bizhong table tfoot th font {
    color: #f0c040;
}

.bizhong table td {
    padding: 14px 10px;
    color: #333;
    border: 1px solid rgba(204, 26, 26, 0.08);
    background: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 1.6;
}

/* ---- box 内部通用图文 ---- */
div.box img {
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

div.box div.table {
    width: 100%;
}

div.box div.table table {
    width: 100%;
    border-collapse: collapse;
    word-wrap: break-word;
}

div.box div.table table tr {
    text-align: center;
    padding: 0 5px;
    line-height: 18px;
}

div.box div.table ul li {
    border-bottom: 1px dashed rgba(204, 26, 26, 0.12);
    padding: 8px 0;
    text-align: center;
    font-size: 1.1rem;
    color: #333;
}

div.box div.table ul li font { color: #1e5a9a; }
div.box div.table ul li span { color: #cc1a1a; }

div.box div.table div.title {
    text-align: center;
    padding: 8px 0;
    border-radius: 0;
    background: linear-gradient(135deg, #8b0000 0%, #cc1a1a 100%);
    color: #fff;
    border: none;
}

div.box div.table div.title h3 {
    font-size: 1.2rem;
    color: #fff;
}

div.box div.sxsm ul li span {
    font-size: 1.1rem;
    font-weight: bold;
    color: #333;
}

div.box div.sxsm ul li u {
    background: rgba(201, 168, 76, 0.15);
    color: #7a4a00;
    text-decoration: none;
    padding: 1px 4px;
    border-radius: 3px;
}

div.box div.yxym table { table-layout: auto; }

div.box div.yxym table tr.title th {
    background: rgba(204, 26, 26, 0.07);
    color: #333;
    text-align: center;
    height: 38px;
    line-height: 38px;
    font-size: 1.1rem;
}

div.box div.yxym table tr.title th font { color: #cc1a1a; font-size: 1.2rem; }

div.box div.yxym table td {
    border-bottom: 1px solid rgba(204, 26, 26, 0.08);
    padding: 8px 0;
    font-size: 1.1rem;
    font-weight: bold;
    color: #333;
}

div.box div.yxym table td span { color: #1e5a9a; }

/* ---- ten-table (栏目通用三列表格) ---- */
.ten-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;
}

.ten-table .ten-head th {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 11px 8px;
    color: #fff;
    letter-spacing: 0.5px;
    border: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.ten-table .ten-legend-row td {
    padding: 0;
    border: none;
}

.section-legend {
    font-size: 12px;
    color: #666;
    padding: 8px 14px;
    text-align: center;
    line-height: 2.1;
    word-break: break-all;
    border-bottom: 1px solid rgba(204, 26, 26, 0.08);
    background: #fff8f8;
    border-left: 3px solid #cc1a1a;
}

.ten-table .ten-qi {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    padding: 8px 4px;
    border: 1px solid rgba(204, 26, 26, 0.08);
    white-space: nowrap;
    width: 13%;
    background: rgba(204, 26, 26, 0.04);
    color: #8b0000;
}

.ten-table .ten-content {
    padding: 8px 6px;
    font-size: 13px;
    border: 1px solid rgba(204, 26, 26, 0.08);
    line-height: 2;
    text-align: center;
    word-break: break-all;
    overflow-wrap: anywhere;
    color: #333;
}

.ten-table .ten-result {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    padding: 8px 4px;
    border: 1px solid rgba(204, 26, 26, 0.08);
    width: 20%;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.8;
    color: #cc1a1a;
    background: rgba(204, 26, 26, 0.04);
}

/* 命中高亮 */
.hit-mark {
    outline: 2px solid #c9a84c;
    background: rgba(201, 168, 76, 0.12) !important;
    color: #7a4a00 !important;
    border-color: rgba(201, 168, 76, 0.3) !important;
}

/* 准/错徽标 */
.badge-zun {
    display: inline-block;
    padding: 1px 6px;
    background: #16a34a;
    color: #fff !important;
    border-radius: 4px;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
}

.badge-cuo {
    display: inline-block;
    padding: 1px 6px;
    background: #dc2626;
    color: #fff !important;
    border-radius: 4px;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
}

.no-result {
    color: #aaa;
    font-size: 12px;
}

/* 分时发布等待提示 */
.pending-msg {
    text-align: center;
    padding: 14px 12px;
    color: #888;
    font-size: 13px;
    background: #fff8f8;
    border-radius: 4px;
}

.pending-msg b { color: #333; font-weight: 600; }
.pending-msg .pending-time { color: #cc1a1a; font-weight: bold; }
.pending-clock { font-style: normal; }

/* ---- 通用标签芯片 ---- */
.wx-chip, .bs-chip, .ww-chip,
.sj-chip, .yy-chip, .lf-chip,
.td-chip, .hs-chip, .sf-chip {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    margin: 0 2px 2px 0;
    line-height: 1.6;
}

/* 五行配色（语义色保持） */
.wx-火 { background: rgba(185, 28, 28, 0.1); color: #8b1a1a; border: 1px solid rgba(185, 28, 28, 0.3); }
.wx-金 { background: rgba(180, 83,  9, 0.1); color: #7a4a00; border: 1px solid rgba(180, 83,  9, 0.3); }
.wx-木 { background: rgba(21, 128, 61, 0.1); color: #1a6b30; border: 1px solid rgba(21, 128, 61, 0.3); }
.wx-水 { background: rgba(29,  78,216, 0.1); color: #1e3c9a; border: 1px solid rgba(29,  78,216, 0.3); }
.wx-土 { background: rgba(146, 64, 14, 0.1); color: #6b3a08; border: 1px solid rgba(146, 64, 14, 0.3); }

/* 波色 */
.bs-red   { background: rgba(185, 28, 28, 0.1); color: #8b1a1a; border: 1px solid rgba(185, 28, 28, 0.3); }
.bs-blue  { background: rgba(29,  78,216, 0.1); color: #1e3c9a; border: 1px solid rgba(29,  78,216, 0.3); }
.bs-green { background: rgba(21, 128, 61, 0.1); color: #1a6b30; border: 1px solid rgba(21, 128, 61, 0.3); }

/* 文武双全 */
.ww-wen { background: rgba(55,  48,163, 0.1); color: #2d2880; border: 1px solid rgba(55,  48,163, 0.3); }
.ww-wu  { background: rgba(159, 18, 57, 0.1); color: #7a0a28; border: 1px solid rgba(159, 18, 57, 0.3); }

/* 四季轮转 */
.sj-春 { background: rgba(22, 101, 52, 0.1); color: #1a5a28; border: 1px solid rgba(22, 101, 52, 0.3); }
.sj-夏 { background: rgba(194, 65, 12, 0.1); color: #8b3008; border: 1px solid rgba(194, 65, 12, 0.3); }
.sj-秋 { background: rgba(161, 98,  7, 0.1); color: #7a5000; border: 1px solid rgba(161, 98,  7, 0.3); }
.sj-冬 { background: rgba(7,  89, 133, 0.1); color: #0a4870; border: 1px solid rgba(7,  89, 133, 0.3); }

/* 阴阳互补 */
.yy-yang { background: rgba(161, 98,  7, 0.1); color: #7a5000; border: 1px solid rgba(161,  98,  7, 0.3); }
.yy-yin  { background: rgba(76,  29,149, 0.1); color: #3a1070; border: 1px solid rgba(76,  29,149, 0.3); }

/* 龙凤呈祥 */
.lf-long { background: rgba(20,  83, 45, 0.1); color: #1a4a28; border: 1px solid rgba(20,  83, 45, 0.3); }
.lf-feng { background: rgba(131, 24, 67, 0.1); color: #6b0a30; border: 1px solid rgba(131, 24, 67, 0.3); }

/* 天地玄黄 */
.td-tian {
    display: inline-block; padding: 2px 7px; border-radius: 4px;
    background: rgba(30, 58, 138, 0.1); color: #1e3a7a;
    border: 1px solid rgba(30, 58, 138, 0.3);
    font-size: 12px; font-weight: bold; margin: 0 2px 2px 0;
}
.td-di {
    display: inline-block; padding: 2px 7px; border-radius: 4px;
    background: rgba(120, 53, 15, 0.1); color: #6b3008;
    border: 1px solid rgba(120, 53, 15, 0.3);
    font-size: 12px; font-weight: bold; margin: 0 2px 2px 0;
}

/* 合数精推 */
.hs-chip { background: rgba(107, 33,168, 0.1); color: #4a1080; border: 1px solid rgba(107, 33,168, 0.3); }

/* 三分天下 */
.sf-甲 { background: rgba(20,  83, 45, 0.1); color: #1a4a28; border: 1px solid rgba(20,  83, 45, 0.3); }
.sf-乙 { background: rgba(194, 65, 12, 0.1); color: #8b3008; border: 1px solid rgba(194, 65, 12, 0.3); }
.sf-丙 { background: rgba(159, 18, 57, 0.1); color: #7a0a28; border: 1px solid rgba(159, 18, 57, 0.3); }

/* 主推结果高亮 */
.rec-main { color: #cc1a1a; font-weight: bold; }

/* ---- 各栏目表头统一红色 ---- */
#sec-wxjs .ten-head th,
#sec-bose .ten-head th,
#sec-ww .ten-head th,
#sec-sj .ten-head th,
#sec-yy .ten-head th,
#sec-lf .ten-head th,
#sec-qiwei .ten-head th,
#sec-td .ten-head th,
#sec-hsds .ten-head th,
#sec-sxyw .ten-head th,
#sec-ptyx .ten-head th,
#sec-jsex .ten-head th,
#sec-danshuang .ten-head th,
#sec-jsyt .ten-head th,
#sec-santou .ten-head th,
#sec-wuwei .ten-head th {
    background: linear-gradient(135deg, #8b0000 0%, #cc1a1a 100%);
}

/* 各栏目 section-legend / ten-qi / ten-result / ten-content 统一风格 */
#sec-wxjs .section-legend, #sec-bose .section-legend, #sec-ww .section-legend,
#sec-sj .section-legend,   #sec-yy .section-legend,   #sec-lf .section-legend,
#sec-qiwei .section-legend,#sec-td .section-legend,   #sec-hsds .section-legend,
#sec-sxyw .section-legend, #sec-ptyx .section-legend, #sec-jsex .section-legend,
#sec-danshuang .section-legend, #sec-jsyt .section-legend,
#sec-santou .section-legend, #sec-wuwei .section-legend {
    background: #fff8f8;
    border-left: 3px solid #cc1a1a;
}

#sec-wxjs .ten-qi, #sec-bose .ten-qi, #sec-ww .ten-qi,
#sec-sj .ten-qi,   #sec-yy .ten-qi,   #sec-lf .ten-qi,
#sec-qiwei .ten-qi,#sec-td .ten-qi,   #sec-hsds .ten-qi,
#sec-sxyw .ten-qi, #sec-ptyx .ten-qi, #sec-jsex .ten-qi,
#sec-danshuang .ten-qi, #sec-jsyt .ten-qi,
#sec-santou .ten-qi, #sec-wuwei .ten-qi {
    background: rgba(204, 26, 26, 0.04);
    color: #8b0000;
}

#sec-wxjs .ten-result, #sec-bose .ten-result, #sec-ww .ten-result,
#sec-sj .ten-result,   #sec-yy .ten-result,   #sec-lf .ten-result,
#sec-qiwei .ten-result,#sec-td .ten-result,   #sec-hsds .ten-result,
#sec-sxyw .ten-result, #sec-ptyx .ten-result, #sec-jsex .ten-result,
#sec-danshuang .ten-result, #sec-jsyt .ten-result,
#sec-santou .ten-result, #sec-wuwei .ten-result {
    background: rgba(204, 26, 26, 0.04);
    color: #cc1a1a;
}

#sec-wxjs .ten-content, #sec-bose .ten-content, #sec-ww .ten-content,
#sec-sj .ten-content,   #sec-yy .ten-content,   #sec-lf .ten-content,
#sec-qiwei .ten-content,#sec-td .ten-content,   #sec-hsds .ten-content,
#sec-sxyw .ten-content, #sec-ptyx .ten-content, #sec-jsex .ten-content,
#sec-danshuang .ten-content, #sec-jsyt .ten-content,
#sec-santou .ten-content, #sec-wuwei .ten-content {
    color: #333;
}

#sec-ptyx .ten-content    { font-size: 13px; line-height: 1.8; }
#sec-danshuang .ten-content { font-size: 13px; line-height: 1.8; }

/* ---- 九肖九码 特殊布局 ---- */
#jxjm .title {
    background: linear-gradient(135deg, #8b0000 0%, #cc1a1a 100%);
    padding: 12px 15px;
    text-align: center;
    margin: -10px -10px 10px -10px;
    border-radius: 0;
    border-bottom: 3px solid #c9a84c;
}

#jxjm .title h3 {
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}


/* ---- 九肖稳中 / 黄大仙解诗 ---- */
#yxym .list-title,
#xjjs .list-title {
    background: linear-gradient(135deg, #8b0000 0%, #cc1a1a 100%);
    color: #fff;
    border-bottom-color: #c9a84c;
}

/* ---- 绝杀两尾 (table32) ---- */
#table32 {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

#table32 td {
    padding: 10px 8px;
    text-align: center;
    border-bottom: 1px solid rgba(204, 26, 26, 0.08);
    color: #333;
    vertical-align: middle;
}

#table32 tr:first-child td {
    background: linear-gradient(135deg, #8b0000 0%, #cc1a1a 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    border-bottom: 3px solid #c9a84c;
    letter-spacing: 0.5px;
}

#table32 tr:not(:first-child) td                 { background: #fff; line-height: 1.6; }
#table32 tr:not(:first-child):nth-child(even) td { background: #fff8f8; }

#table32 font[color="#008000"],
#table32 font[color="#00FF00"],
#table32 font[color="#00ff00"] { color: #1a6b30; font-weight: bold; }

/* ---- 平特三肖 ---- */
#ptsx .ptsxtable th {
    background: linear-gradient(135deg, #8b0000 0%, #cc1a1a 100%);
}

/* ---- 返回顶部 ---- */
#btnTop {
    display: none;
    position: fixed;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    z-index: 99;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    border-radius: 50%;
    background: transparent;
}

#btnTop img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    box-shadow: 0 3px 16px rgba(139, 0, 0, 0.3);
    display: block;
}

#btnTop:hover img {
    opacity: 0.85;
    transform: scale(1.08);
    transition: all 0.2s;
}

/* ---- 刷新按钮 ---- */
.refresh {
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    border-radius: 50%;
    box-sizing: border-box;
    border: 2px solid rgba(255, 200, 200, 0.6);
    background: rgba(139, 0, 0, 0.9);
    backdrop-filter: blur(4px);
    position: fixed;
    right: 12px;
    bottom: 60px;
    z-index: 99;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(139, 0, 0, 0.4);
    transition: all 0.2s;
}

.refresh:hover {
    transform: scale(1.1);
    background: rgba(139, 0, 0, 1);
}

/* ---- 弹层 ---- */
.tango { display: none; }

/* ---- 页脚 ---- */
div.foot {
    background: #f5f5f5;
    color: #888;
    text-align: center;
    padding: 20px 0;
    margin-top: 30px;
    border-top: 3px solid #cc1a1a;
    font-size: 13px;
    height: auto;
    line-height: 1.8;
}

div.foot a { color: #cc1a1a !important; font-weight: 600; }
div.foot a:hover { color: #8b0000 !important; }

/* ---- font 标签兼容覆盖 ---- */
font[color="#FFFFFF"] { color: #333; }
font[color="#FF0000"], font[color="#ff0000"] { color: #cc1a1a; }
font[color="#00FF00"], font[color="#00ff00"] { color: #1a6b30; }
font[color="#0000FF"], font[color="#0000ff"] { color: #1e3c9a; }
font[color="#FFFF00"], font[color="#ffff00"] { color: #c9a84c; }

/* ---- 滚动条美化 ---- */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: rgba(204, 26, 26, 0.06); }
::-webkit-scrollbar-thumb { background: rgba(139, 0, 0, 0.35); border-radius: 2px; }

/* ============================================
   手机端响应式
   ============================================ */
@media screen and (max-width: 640px) {
    body {
        padding: 0 4px 80px;
    }

    .lanmu {
        grid-template-columns: repeat(4, 1fr);
        gap: 5px;
    }

    .lanmu a {
        font-size: 12px;
        padding: 8px 2px;
    }

    .lanmu-container {
        padding: 6px;
    }

    .box,
    .box.pad {
        margin: 6px 0;
        border-radius: 2px;
    }

    .list-title {
        font-size: 15px;
        height: 44px;
    }

    .qxtable th {
        font-size: 13px;
        padding: 8px 4px;
    }

    .qxtable td {
        font-size: 12px;
        padding: 8px 4px;
    }

    .qxtable.yxym td                  { font-size: 11px; }
    .qxtable.yxym tr td:nth-child(2)  { font-size: 12px; }

    .ptsxtable th { font-size: 13px; padding: 9px 4px; }
    .ptsxtable td { font-size: 12px; padding: 8px 4px; }

    .ten-table .ten-head th {
        font-size: 13px;
        padding: 9px 4px;
    }

    .section-legend {
        font-size: 12px;
        padding: 6px 8px;
    }

    .ten-table .ten-qi,
    .ten-table .ten-result {
        font-size: 11px;
        padding: 6px 3px;
    }

    .ten-table .ten-content {
        font-size: 12px;
        padding: 6px 4px;
    }

    .bizhong table th,
    .bizhong table td {
        font-size: 13px;
        padding: 8px 6px;
    }

    .bizhong-btn { font-size: 13px; }

    #table32 td {
        font-size: 12px;
        padding: 8px 4px;
    }

    .news-box        { height: 40px; padding: 0 8px; }
    .news-title      { font-size: 13px; }
    #marqueeText     { font-size: 13px; line-height: 40px; }
    .txtMarquee-left { height: 40px; line-height: 40px; }
    .marquee-wrapper { height: 40px; }
}

@media screen and (max-width: 360px) {
    .lanmu { gap: 4px; }
    .lanmu a { font-size: 11px; padding: 7px 2px; }
}

/* ---- 入场动画 ---- */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

.box { animation: fadeInUp 0.3s ease both; }

/* 无动画模式（kjapi.html 页面加载 / 切换标签） */
.no-drop .red   { animation: fireGlow  1.8s ease-in-out infinite; }
.no-drop .green { animation: greenGlow 2.2s ease-in-out infinite; }
.no-drop .blue  { animation: blueGlow  2.2s ease-in-out infinite; }
.no-drop .haoma { animation: none; }
.no-drop .red + .font,
.no-drop .green + .font,
.no-drop .blue + .font { animation: none; opacity: 1; transform: none; }