@charset "UTF-8";
/* ============================================================
   ghns 仿站 · 主样式 (由 ghns_sjstyle.css 结构改造, 深绿主色 #019c3a)
   720px 手机布局 / 黄高亮 / 红强调
   ============================================================ */

/* ---------------- 通用 ---------------- */
html, body { line-height: 1.8em; font-size: 14px; }
html { background-color: #fff; color: #333; background: #d7ebff; }
body { color: #000; }

.hide { display: none !important; }
.text-center { text-align: center; }
.mt10 { margin-top: 10px; }

/* ---------------- 顶部导航壳 (伪) ---------------- */
.m-shell-top { display: none; }

/* ---------------- 页头 header ---------------- */
.header { background: #fff; }
.header .logo-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 6px 10px;
}
.header .logo-box .logo { -webkit-box-flex: 1; flex: 1; }
.header .logo-box .logo img { max-height: 60px; width: auto; display: block; }
.header .logo-box .bank { -webkit-box-flex: 0; flex: 0 0 auto; padding-left: 8px; }
.header .logo-box .bank img { max-height: 48px; width: auto; }
.header .logo-box .bank .bank-text {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #019c3a;
    background-image: -webkit-linear-gradient(to top, #018a33, #05b345);
    background-image: linear-gradient(to top, #018a33, #05b345);
    border-radius: 6px;
}
.header .logo-box .bank .bank-text:hover { text-decoration: none; color: #ffff00; }
.header .logo-box .logo-text {
    font-size: 22px;
    font-weight: bold;
    color: #019c3a;
    line-height: 48px;
    padding: 4px 10px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.05);
}

/* ---------------- 导航 nav ---------------- */
.nav {
    width: 100%;
    background: #019c3a;
    background-image: -webkit-linear-gradient(to top, #018a33, #05b345);
    background-image: linear-gradient(to top, #018a33, #05b345);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.nav span {
    -webkit-box-flex: 1;
    flex: 1;
    min-width: 25%;
    text-align: center;
    line-height: 40px;
}
.nav span a {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}
.nav span a:hover {
    text-decoration: none;
    background: rgba(0,0,0,0.15);
}

/* ---------------- 顶部广告 dbt ---------------- */
.dbt { width: 100%; text-align: center; background: #fff; }
.dbt img { width: 100%; height: auto; display: block; }
.dbt:empty { display: none; }

/* ---------------- 通用内容块 box ---------------- */
.box { background: #fff; }
.box.pad { padding: 8px 6px; }
.news-box { padding: 4px 0; }

/* ---------------- 滚动语 haoju ---------------- */
.haoju {
    padding: 6px 10px;
    font-size: 15px;
    overflow: hidden;
    white-space: nowrap;
    background: #fffbe6;
    border-bottom: 1px solid #ffe58f;
}
.haoju b { font-weight: bold; }
.haoju .haoju-track {
    display: inline-block;
    padding-left: 100%;
    -webkit-animation: haoju-scroll 18s linear infinite;
    animation: haoju-scroll 18s linear infinite;
}
@-webkit-keyframes haoju-scroll {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }
    100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}
@keyframes haoju-scroll {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }
    100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

/* ---------------- 模块标题条 list-title ---------------- */
.list-title {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #019c3a;
    background-image: -webkit-linear-gradient(to top, #090, #15ca15);
    background-image: linear-gradient(to top, #090, #15ca15);
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 标题栏统一通栏(无左右留边) */
.box.pad > .list-title {
    margin-left: -6px;
    margin-right: -6px;
    border-radius: 0;
}
.list-title:last-child { margin-bottom: 0; }

/* ---------------- 期号战绩表 (yxym/table3) ---------------- */
#yxym { background: #fff; }
#yxym table { border-collapse: collapse; }
#yxym table td { border: 1px solid #c8e6c9; padding: 4px 4px; font-size: 14px; line-height: 1.7; }
#table3, .table3 { width: 100%; }
#table3 td { background: #ffffcc; border: 1px solid #9ccc65; }
#table3 .hit { background: #ffff00; color: #f00; font-weight: bold; }

/* ---------------- 广告链接条 qxtable ---------------- */
.qxtable { width: 100%; border-collapse: collapse; }
.qxtable td {
    height: 46px;
    text-align: center;
    font-size: 15px;
    border: 1px solid #c8e6c9;
}
.qxtable a { color: inherit; display: block; }
.qxtable a:hover { text-decoration: none; }
.qxtable .bg-yellow { background: #fff7cc; color: #8a6b00; font-weight: bold; }
.qxtable .bg-orange { background: #ff9933; color: #000; }
.qxtable .bg-green { background: #009900; color: #fff; }
.qxtable .bg-deepgreen { background: #008000; color: #fff; }
.qxtable .bg-white { background: #ffffff; color: #000; }
.qxtable .bg-gray { background: #f4f4f4; color: #000; }

/* ---------------- 开奖组件 KJ-TabBox ---------------- */
.KJ-TabBox { background: #fff; }
.KJ-TabBox ul, .KJ-TabBox li { margin: 0; list-style: none; padding: 0; border: 0; background-color: #FFFFFF; }
.KJ-TabBox li {
    display: inline-block;
    border: 1px solid darkgrey;
    padding: 5px 8px;
    border-bottom: 0;
    color: darkgrey;
    cursor: pointer;
    background-color: #FFFFFF;
    font-size: 14px;
}
.KJ-TabBox li { border-left: none; }
.KJ-TabBox li:first-child { border-left: solid 1px; }
.KJ-TabBox li.cur {
    color: #019c3a;
    font-weight: bold;
    background-color: white;
    cursor: default;
    border-color: #019c3a;
    border-left: solid 1px;
    border-right: solid 1px;
}
.KJ-TabBox div { border-top: 1px solid gainsboro; margin-top: -1px; display: none; }
.KJ-TabBox div.cur { display: block !important; border-color: #019c3a; }
.KJ-TabBox .KJ-IFRAME { background: white; width: 100%; border: 0; }
.KJ-TabBox .KJ-PLACEHOLDER {
    height: 140px;
    line-height: 140px;
    text-align: center;
    color: #999;
    background: #f5f5f5;
    font-size: 14px;
}

/* ---------------- 开奖记录 kjjl ---------------- */
.kjjl-section { margin: 8px 0; }
.kjjl-tit {
    height: 34px;
    line-height: 34px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    background: #019c3a;
    background-image: -webkit-linear-gradient(to top, #018a33, #05b345);
    background-image: linear-gradient(to top, #018a33, #05b345);
}
.kjjl-box { padding: 8px 4px; background: #fff; }
.kjjl-row {
    padding: 6px 4px;
    border-bottom: 1px dashed #ddd;
}
.kjjl-row:last-child { border-bottom: 0; }
.kjjl-head { font-size: 14px; color: #666; margin-bottom: 4px; }
.kjjl-period { color: #f00; font-weight: bold; }
.kjjl-balls { text-align: center; }
.kjjl-ball {
    display: inline-block;
    width: 44px;
    margin: 2px;
    text-align: center;
    border-radius: 8px;
    background: #f0f0f0;
    border: 1px solid #ddd;
    padding: 3px 0;
}
.kjjl-ball strong { display: block; font-size: 16px; color: #fff; line-height: 26px; height: 26px; }
.kjjl-ball span { display: block; font-size: 12px; color: #fff; line-height: 14px; }
.kjjl-ball.red { background: linear-gradient(to bottom, #ff5a5a, #e60012); border-color: #e60012; }
.kjjl-ball.blue { background: linear-gradient(to bottom, #5a8aff, #3366ff); border-color: #3366ff; }
.kjjl-ball.green { background: linear-gradient(to bottom, #35d060, #009933); border-color: #009933; }
.kjjl-ball.gray { background: linear-gradient(to bottom, #bbb, #999); border-color: #999; }
.kjjl-ball.special {
    border: 2px solid #ffd700;
    box-shadow: 0 0 6px rgba(255, 215, 0, 0.8);
}
.kjjl-state, .page-state {
    padding: 18px 12px;
    text-align: center;
    color: #666;
    font-size: 14px;
    background: #fff;
}
.kjjl-total { padding: 4px 0 8px; text-align: center; color: #666; font-size: 14px; }

/* ---------------- 资料板块槽位 ---------------- */
.module-slot { margin-bottom: 8px; }
.module-slot .list-title { margin-bottom: 0; }
.module-slot table td { padding: 4px; }
.module-slot .qxtable td { border: 1px solid #c8e6c9; }
.post-list { padding: 4px 2px; }
.post-list li {
    padding: 6px 4px;
    border-bottom: 1px dashed #ddd;
    font-size: 14px;
    line-height: 1.7;
}
.post-list li:last-child { border-bottom: 0; }
.post-list li a:hover { color: #f00; }
.post-list .ci { color: #f00; }

/* ---------------- 高手榜/心水帖 ---------------- */
.gsb-box { background: #fff; }
.gsb-box .gsb-item {
    padding: 6px 8px;
    border-bottom: 1px dashed #ddd;
}
.gsb-box .gsb-item:last-child { border-bottom: 0; }
.gsb-box .gsb-item a { display: block; }
.gsb-box .gsb-item .gsb-period { color: #000080; font-weight: bold; }
.gsb-box .gsb-item .gsb-tag { color: #f00; }

/* ---------------- 全年属性知识 / 生肖表入口 ---------------- */
.sx-entry { background: #fff; }
.sx-entry img { width: 100%; height: auto; }
.sx-entry iframe { width: 100%; border: 0; }
.sx-entry-card {
    display: block;
    padding: 24px 14px;
    text-align: center;
    color: #fff;
    background: #019c3a;
    background-image: -webkit-linear-gradient(to top, #018a33, #05b345);
    background-image: linear-gradient(to top, #018a33, #05b345);
    border-radius: 6px;
}
.sx-entry-card:hover { text-decoration: none; color: #fff; }
.sx-card-tit { display: block; font-size: 18px; font-weight: bold; letter-spacing: 1px; }
.sx-card-sub { display: block; margin-top: 4px; font-size: 13px; color: #d8f5e2; }
.sx-card-go {
    display: inline-block;
    margin-top: 12px;
    padding: 4px 18px;
    font-size: 14px;
    font-weight: bold;
    color: #019c3a;
    background: #fff;
    border-radius: 15px;
}

/* ---------------- 底部 foot ---------------- */
.foot-img { padding: 12px 10px; text-align: center; background: #f8f8f8; }
.footer-nav {
    padding: 2px 0 10px;
    text-align: center;
    border-bottom: 1px dashed #d8d8d8;
    margin-bottom: 8px;
}
.footer-nav a {
    display: inline-block;
    margin: 0 10px;
    color: #019c3a;
    font-size: 14px;
    font-weight: bold;
}
.footer-nav a:hover { color: #f00; text-decoration: none; }
.copyright {
    color: #666;
    font-size: 14px;
    line-height: 1.9;
    padding: 2px 0;
}
.copyright a { color: #f00; font-weight: bold; }
.copyright .domain-list { color: #f00; font-weight: bold; font-size: 13px; }

.gotop {
    display: block;
    margin: 10px auto;
    width: 120px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 17px;
    background: #019c3a;
    background-image: -webkit-linear-gradient(to top, #018a33, #05b345);
    background-image: linear-gradient(to top, #018a33, #05b345);
}
.gotop:hover { text-decoration: none; color: #ffff00; }

/* ============================================================
   详情页 (detail.html)
   ============================================================ */
.cgi-head {
    width: 100%;
    max-width: 720px;
    height: 45px;
    color: #fff;
    background: #019c3a;
    background-image: -webkit-linear-gradient(to top, #018a33, #05b345);
    background-image: linear-gradient(to top, #018a33, #05b345);
    position: relative;
    z-index: 9999;
}
.cgi-head-blank { display: none; }
.icon-back {
    float: left;
    width: 40px;
    height: 45px;
    display: inline-block;
    position: relative;
}
.icon-back:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 16px;
    left: 15px;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}
.cgi-head-tit {
    line-height: 45px;
    font-size: 18px;
    color: #fff;
}
.cgi-head-tit.tit-center {
    width: 70%;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 15%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cgi-head-btn {
    float: right;
    line-height: 20px;
    margin: 9px 10px 0 0;
    padding: 3px 10px;
    color: #fff;
    font-size: 14px;
    border: solid 1px rgba(255, 255, 255, 0.5);
    border-radius: 15px;
    display: inline-block;
}
.cgi-head-btn:hover { text-decoration: none; color: #019c3a; border: solid 1px #fff; background: #fff; }

/* 详情页标题区 */
.in-tit {
    border-bottom: solid 1px #ddd;
    padding: 10px;
    background: #f9f9f9;
}
.in-tit h1 { font-size: 17px; font-weight: bold; line-height: 26px; color: #000; }
.in-tit .meta { color: #999; font-size: 14px; margin-top: 4px; }
.in-tit .meta b { color: #f00; }

/* 详情页内容 */
.in-con { padding: 8px 0; word-wrap: break-word; background: #fff; }
.in-con table { border-collapse: collapse; }
.in-con table td { padding: 4px; border: 1px solid #ddd; word-wrap: break-word; font-size: 14px; }
.in-con .module-box {
    margin-bottom: 8px;
    border-top: 1px solid #c8e6c9;
    border-bottom: 1px solid #c8e6c9;
    border-left: 0;
    border-right: 0;
    overflow: hidden;
}
.in-con .module-box .module-title {
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #019c3a;
    background-image: -webkit-linear-gradient(to top, #090, #15ca15);
    background-image: linear-gradient(to top, #090, #15ca15);
}
.in-con .module-box .module-body { padding: 8px; background: #fff; }
.in-con .module-box .module-body img { max-width: 100%; height: auto; }

/* 历史战绩折叠 */
.history-box { margin: 8px 0; }
.history-box .history-toggle {
    display: block;
    width: 100%;
    height: 34px;
    line-height: 34px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #019c3a;
    background-image: -webkit-linear-gradient(to top, #018a33, #05b345);
    background-image: linear-gradient(to top, #018a33, #05b345);
}
.history-box .history-body { display: none; padding: 6px; background: #fff; }
.history-box.open .history-body { display: block; }

/* 相关推荐 */
.related-box { margin: 8px 0; background: #fff; }
.related-box .related-item { padding: 6px 8px; border-bottom: 1px dashed #ddd; }
.related-box .related-item:last-child { border-bottom: 0; }
.related-box .related-item a { color: #000080; }
.related-box .related-item a:hover { color: #f00; }

/* ============================================================
   生肖表页 (shengxiao.html)
   ============================================================ */
.sx-wrap { background: #fff; padding: 6px; }
.sx { background: #e5e5e5; padding: 4px; }
.sx table { margin-top: 5px; width: 100%; table-layout: fixed; }
.sx th {
    height: 30px;
    border: solid 1px #ccc;
    background: #f1f1f1;
    font-size: 14px;
    font-weight: bold;
}
.sx td {
    padding: 6px 4px;
    text-align: center;
    border: solid 1px #d8ccb4;
    word-wrap: break-word;
    word-break: break-all;
    background: #fff;
    font-size: 14px;
}
.sx td.a-left { text-align: left; padding-left: 6px; padding-right: 6px; }
.sx td:first-child { width: 64px; white-space: nowrap; }
.sx span {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 1px 2px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
    background: #f00;
}
.sx span.green { background: #009933; }
.sx span.blue { background: #3366ff; }

ul.sx1 {}
ul.sx1 li { float: left; width: 33.33%; padding: 5px 0; }
ul.sx1 li dl {}
ul.sx1 li dl dt { font-size: 14px; }
ul.sx1 li dl dt img { width: 34px; height: 34px; vertical-align: middle; }
ul.sx1 li dl dd {}
.sx1 { margin: 0; padding: 0; }

/* 年度生肖数据缺失时提示 */
.sx-year-note {
    padding: 8px;
    color: #f00;
    font-size: 13px;
    text-align: center;
    background: #fffbe6;
    border: 1px dashed #ffd666;
    margin-bottom: 6px;
}

/* ---------------- 分页 u-pager ---------------- */
.u-pager { text-align: center; padding: 10px 0; }
.u-pager a, .u-pager span {
    display: inline-block;
    min-width: 32px;
    height: 28px;
    line-height: 28px;
    margin: 0 2px;
    padding: 0 8px;
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
    font-size: 14px;
    border-radius: 4px;
}
.u-pager .on { background: #019c3a; color: #fff; border-color: #019c3a; }
.u-pager .off { color: #ccc; }

/* ---------------- 加载/异常 ---------------- */
.state { padding: 24px 14px; text-align: center; color: #666; font-size: 14px; }
.state.error { color: #999; }
/* ---------------- js2 爆中7肖 命中标色(2026-08-27 追加,王海) ---------------- */
.ghns-mod-hit-ok { color:#FF0000; font-weight:bold; }
.ghns-mod-hit-miss { color:#808080; }
.ghns-mod-hit-pending { color:#999999; }
.ghns-mod-hit-item { color:#FF0000; font-weight:bold; }
.ghns-mod-history-status.hit { color:#FF0000; font-weight:bold; }

/* ===== T2.6 追加:李雪 ghns-mod-* 模块样式块 (ui-mod-style.css) ===== */
/* ============================================================
   ghns 模块组件样式块 (js2 仿站改造 · R1 UI 模块样式规范)
   ------------------------------------------------------------
   适用: 首页 28 资料模块 / 详情页模块数组 / 战绩表 / 上下期导航
   约定: 类名统一 ghns-mod-* 前缀; 兼容后端已生成类
         (ghns-mod-table/title/zodiac/number/wave/ds/size/slogan、
          xz3、ghns-num、ghns-wave、ghns-ds、ghns-size)
   风格: 绿主色 #019c3a / 渐变 #090→#15ca15 / 黄高亮 #ffff00
         红强调 #f00 / 720px 白底居中(reset.css 已处理) / body 浅蓝 #d7ebff
   用法: 本文件内容整体追加进 static/ghns/css/sjstyle.css 末尾即可,
         不改动项目任何既有代码。
   ============================================================ */

/* ============================================================
   1. 模块卡片容器
   ------------------------------------------------------------
   结构(页面结构标准):
   <div class="ghns-mod-card">
     <table class="ghns-mod-table">
       <tr><td class="ghns-mod-title">模块标题</td></tr>
       <tr><td class="ghns-mod-zodiac">…肖</td></tr>
       <tr><td class="ghns-mod-number">…码</td></tr>
       <tr><td class="ghns-mod-wave">…波色</td></tr>
       <tr><td class="ghns-mod-ds">…单双</td></tr>
       <tr><td class="ghns-mod-size">…大小</td></tr>
       <tr><td class="ghns-mod-slogan">口号</td></tr>
     </table>
   </div>
   ============================================================ */
.ghns-mod-card {
    background: #fff;
    margin-bottom: 8px;
    border: 1px solid #c8e6c9;
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 3px rgba(1, 156, 58, 0.08);
    box-shadow: 0 1px 3px rgba(1, 156, 58, 0.08);
}
.ghns-mod-card:last-child { margin-bottom: 0; }

/* 模块表格: 重置为无边框紧凑排版 */
.ghns-mod-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    background: #fff;
}
.ghns-mod-table td {
    padding: 5px 8px;
    border: 0;
    font-size: 14px;
    line-height: 1.7;
    word-wrap: break-word;
    word-break: break-all;
    text-align: center;
    background: #fff;
}

/* 表头 / 标题行: 绿渐变白字, 通栏 */
.ghns-mod-title {
    height: 34px;
    line-height: 34px;
    padding: 0 8px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
    background: #019c3a;
    background-image: -webkit-linear-gradient(to top, #090, #15ca15);
    background-image: linear-gradient(to top, #090, #15ca15);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
}
/* 标题行内小字(如期号), 黄色高亮 */
.ghns-mod-title .ghns-mod-period-sub {
    font-size: 12px;
    color: #ffff00;
    font-weight: normal;
    margin-left: 4px;
}

/* 口号行: 黄底橙字, 高亮收尾 */
.ghns-mod-slogan {
    padding: 6px 8px;
    font-size: 13px;
    font-weight: bold;
    color: #8a6b00;
    text-align: center;
    background: #fffbe6;
    border-top: 1px dashed #ffe58f;
}
.ghns-mod-slogan b,
.ghns-mod-slogan strong { color: #f00; }

/* 生肖行 / 号码行 / 波色行 / 单双行 / 大小行: 行间距 */
.ghns-mod-zodiac,
.ghns-mod-number,
.ghns-mod-wave,
.ghns-mod-ds,
.ghns-mod-size {
    text-align: center;
}
.ghns-mod-number { padding: 8px 8px !important; }

/* ============================================================
   2. 号码球 (普通彩球红蓝绿渐变 + 特码金边)
   ------------------------------------------------------------
   后端已生成: <span class="ghns-num">19</span> (以 . 连接)
   按号码波色追加 .red/.blue/.green, 特码追加 .special;
   新模板标准命名: .ghns-mod-ball 为球体, 波色/特码修饰类同上。
   ============================================================ */
.ghns-num,
.ghns-mod-ball {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 26px;
    margin: 1px 2px;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #999;
    vertical-align: middle;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* 红波球 */
.ghns-num.red,
.ghns-mod-ball.red {
    background: -webkit-linear-gradient(to bottom, #ff5a5a, #e60012);
    background: linear-gradient(to bottom, #ff5a5a, #e60012);
    border-color: #e60012;
}
/* 蓝波球 */
.ghns-num.blue,
.ghns-mod-ball.blue {
    background: -webkit-linear-gradient(to bottom, #5a8aff, #3366ff);
    background: linear-gradient(to bottom, #5a8aff, #3366ff);
    border-color: #3366ff;
}
/* 绿波球 */
.ghns-num.green,
.ghns-mod-ball.green {
    background: -webkit-linear-gradient(to bottom, #35d060, #009933);
    background: linear-gradient(to bottom, #35d060, #009933);
    border-color: #009933;
}

/* 特码球: 金色描边 + 金色光晕 (仿 kjjl-ball.special) */
.ghns-num.special,
.ghns-mod-ball.special {
    border: 2px solid #ffd700;
    -webkit-box-shadow: 0 0 6px rgba(255, 215, 0, 0.85), 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 6px rgba(255, 215, 0, 0.85), 0 1px 2px rgba(0, 0, 0, 0.2);
}
/* 命中球: 黄圈强调 */
.ghns-num.hit,
.ghns-mod-ball.hit {
    border: 2px solid #ffff00;
    -webkit-box-shadow: 0 0 6px rgba(255, 255, 0, 0.9);
    box-shadow: 0 0 6px rgba(255, 255, 0, 0.9);
}

/* ============================================================
   3. 波色 / 单双 / 大小 标记
   ------------------------------------------------------------
   后端已生成: .ghns-wave / .ghns-ds / .ghns-size (以 . 连接)
   新模板标准: .ghns-mod-mark + 修饰类
   ============================================================ */
.ghns-wave,
.ghns-ds,
.ghns-size,
.ghns-mod-mark {
    display: inline-block;
    min-width: 22px;
    height: 20px;
    line-height: 20px;
    margin: 1px 2px;
    padding: 0 5px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    vertical-align: middle;
}

/* 波色 */
.ghns-wave { background: #999; }
.ghns-wave.red,   .ghns-mod-mark.red   { background: #e60012; }
.ghns-wave.blue,  .ghns-mod-mark.blue  { background: #3366ff; }
.ghns-wave.green, .ghns-mod-mark.green { background: #009933; }

/* 单双: 单=红 / 双=蓝 */
.ghns-ds { background: #999; }
.ghns-ds.dan,     .ghns-mod-mark.dan     { background: #e60012; }
.ghns-ds.shuang,  .ghns-mod-mark.shuang  { background: #3366ff; }

/* 大小: 大=红 / 小=绿 */
.ghns-size { background: #999; }
.ghns-size.da,  .ghns-mod-mark.da  { background: #e60012; }
.ghns-size.xiao, .ghns-mod-mark.xiao { background: #009933; }

/* 命中标记: 黄底红字 */
.ghns-wave.hit,
.ghns-ds.hit,
.ghns-size.hit,
.ghns-mod-mark.hit {
    background: #ffff00;
    color: #f00;
    border: 1px solid #ffd700;
    line-height: 18px;
}

/* 生肖标记 (后端已生成 .xz3): 红底白字圆角方块 */
.xz3 {
    display: inline-block;
    min-width: 24px;
    height: 22px;
    line-height: 22px;
    margin: 1px 2px;
    padding: 0 4px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background: #f00;
    vertical-align: middle;
}
.xz3.green { background: #009933; }
.xz3.blue  { background: #3366ff; }
.xz3.hit {
    background: #ffff00;
    color: #f00;
    border: 1px solid #ffd700;
    line-height: 20px;
}

/* ============================================================
   4. 命中状态高亮 (准 / 未中, 红黄系)
   ------------------------------------------------------------
   结构(页面结构标准):
   <span class="ghns-mod-hit">准</span>
   <span class="ghns-mod-miss">未中</span>
   ============================================================ */
.ghns-mod-hit,
.ghns-mod-miss {
    display: inline-block;
    padding: 1px 8px;
    margin: 0 2px;
    font-size: 13px;
    font-weight: bold;
    border-radius: 3px;
    line-height: 20px;
}
/* 准: 黄底红字 (最高亮) */
.ghns-mod-hit {
    background: #ffff00;
    color: #f00;
    border: 1px solid #ffd700;
    -webkit-box-shadow: 0 0 4px rgba(255, 215, 0, 0.6);
    box-shadow: 0 0 4px rgba(255, 215, 0, 0.6);
}
/* 未中: 浅红底红字 */
.ghns-mod-miss {
    background: #fff1f0;
    color: #e60012;
    border: 1px solid #ffc4c0;
}
/* 命中说明小字(如 "特肖:马 特码:19") */
.ghns-mod-hit-text {
    font-size: 13px;
    font-weight: bold;
    color: #f00;
    margin-left: 6px;
}
.ghns-mod-hit-text b { color: #ff8c00; }

/* ============================================================
   5. 战绩表 (近 10 期)
   ------------------------------------------------------------
   结构(页面结构标准, 仿现 #table3 黄底绿边):
   <table class="ghns-mod-record-table">
     <tr class="ghns-mod-record-head"><td>期号</td><td>结果</td></tr>
     <tr><td class="ghns-mod-record-period">2026085期</td>
         <td><span class="ghns-mod-hit">准</span> 特肖:马</td></tr>
   </table>
   ============================================================ */
.ghns-mod-record {
    background: #fff;
    margin-bottom: 8px;
    border: 1px solid #c8e6c9;
    border-radius: 4px;
    overflow: hidden;
}
.ghns-mod-record-table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffcc;
}
.ghns-mod-record-table td {
    padding: 5px 6px;
    border: 1px solid #9ccc65;
    font-size: 13px;
    line-height: 1.7;
    word-wrap: break-word;
    text-align: left;
    background: #ffffcc;
}
.ghns-mod-record-table tr.ghns-mod-record-head td {
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #019c3a;
    background-image: -webkit-linear-gradient(to top, #018a33, #05b345);
    background-image: linear-gradient(to top, #018a33, #05b345);
    border-color: #019c3a;
}
.ghns-mod-record-period {
    color: #f00;
    font-weight: bold;
    white-space: nowrap;
}
/* 命中行: 黄底红字 */
.ghns-mod-record-table tr.ghns-mod-record-hit td {
    background: #ffff00;
    color: #f00;
    font-weight: bold;
}
/* 未中行: 浅红 */
.ghns-mod-record-table tr.ghns-mod-record-miss td {
    background: #fff1f0;
    color: #cc0000;
}

/* ============================================================
   6. 上下期导航
   ------------------------------------------------------------
   结构(页面结构标准, 静态详情页底部):
   <div class="ghns-mod-nav">
     <a class="ghns-mod-nav-btn prev" href="...">‹ 上一期</a>
     <a class="ghns-mod-nav-btn home" href="index.html">返回首页</a>
     <a class="ghns-mod-nav-btn next" href="...">下一期 ›</a>
   </div>
   无上一期/下一期时输出 <span class="ghns-mod-nav-btn off prev">上一期</span>
   ============================================================ */
.ghns-mod-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    padding: 10px 6px;
    background: #fff;
    border-top: 1px dashed #c8e6c9;
    text-align: center;
}
.ghns-mod-nav-btn {
    display: inline-block;
    min-width: 88px;
    height: 32px;
    line-height: 30px;
    padding: 0 12px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border: 1px solid #019c3a;
    border-radius: 16px;
    background: #019c3a;
    background-image: -webkit-linear-gradient(to top, #018a33, #05b345);
    background-image: linear-gradient(to top, #018a33, #05b345);
}
.ghns-mod-nav-btn:hover {
    text-decoration: none;
    color: #ffff00;
    border-color: #15ca15;
}
/* 首页按钮: 黄底绿字, 最醒目 */
.ghns-mod-nav-btn.home {
    background: #ffff00;
    color: #019c3a;
    border-color: #ffd700;
}
.ghns-mod-nav-btn.home:hover {
    color: #f00;
    background: #ffe000;
}
/* 禁用态(无上/下期) */
.ghns-mod-nav-btn.off {
    background: #e5e5e5;
    color: #aaa;
    border-color: #ddd;
    cursor: not-allowed;
}

/* ============================================================
   7. 直播占位块 (预留样式)
   ------------------------------------------------------------
   首页开奖区加载中 / 第三方直播源不可用时的占位;
   结构:
   <div class="ghns-mod-live">
     <div class="ghns-mod-live-tit">开奖直播</div>
     <div class="ghns-mod-live-loading"><i></i><i></i><i></i> 加载中...</div>
   </div>
   ============================================================ */
.ghns-mod-live {
    min-height: 140px;
    padding: 24px 12px;
    text-align: center;
    background: #f5f5f5;
    border: 1px dashed #c8e6c9;
    border-radius: 4px;
    color: #999;
    font-size: 14px;
}
.ghns-mod-live-tit {
    font-size: 15px;
    font-weight: bold;
    color: #019c3a;
    margin-bottom: 8px;
}
.ghns-mod-live-loading {
    color: #999;
    font-size: 13px;
}
/* 三点跳动加载动画 */
.ghns-mod-live-loading i {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 2px;
    border-radius: 50%;
    background: #019c3a;
    vertical-align: middle;
    -webkit-animation: ghns-mod-live-bounce 1s infinite ease-in-out;
    animation: ghns-mod-live-bounce 1s infinite ease-in-out;
}
.ghns-mod-live-loading i:nth-child(2) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; }
.ghns-mod-live-loading i:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
@-webkit-keyframes ghns-mod-live-bounce {
    0%, 80%, 100% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0.5; }
    40% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
@keyframes ghns-mod-live-bounce {
    0%, 80%, 100% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0.5; }
    40% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

/* ============================================================
   小屏适配 (手机宽度 < 380px 时球/按钮略缩)
   ============================================================ */
@media screen and (max-width: 380px) {
    .ghns-num, .ghns-mod-ball {
        width: 24px;
        height: 24px;
        line-height: 22px;
        font-size: 13px;
    }
    .ghns-mod-nav-btn { min-width: 76px; padding: 0 8px; font-size: 13px; }
}


/* ===== 2026-10-18: 资料模块标题行统一主题绿 ===== */
.list-title,
.ghns-mod-title {
    background: #2f9e44 !important;
    background-image: none !important;
    color: #fff !important;
    text-shadow: none !important;
    border-color: #2f9e44 !important;
}