@charset "UTF-8";
/* ============================================================
   ghns 仿站(ghns_dist)· 前台主样式 ghnsx.css
   1:1 复刻源站 ghns.58858x.top 样式要点(style41.css/skin.css/min.css/wap.css/kj.html)
   · 独立命名空间: 全部规则以 .ghnsx 根类作用域限定, 与 js2(sjstyle.css / ghns-mod-*)
     及铁算盘等站点样式零冲突; 即使两套 CSS 同页加载也不会互相覆盖。
   · 版本指纹: 引用本文件时使用 ?v=版本号(改样式时同步递增)
   · 布局: body 720px 限宽居中 / 绿色渐变页头页脚 / 黄色标题条 / 白色内容卡
   · 字体: 'Microsoft YaHei' 14px 基准; 模块标题 20-23px; 表格 11-20pt
   · 断点: 750/720/610/580/505/480/429/409/374 (九级)
   ============================================================ */

/* ---------------- 0. Reset(作用域内) ---------------- */
.ghnsx,
.ghnsx div, .ghnsx span, .ghnsx iframe, .ghnsx font, .ghnsx input, .ghnsx img,
.ghnsx a img, .ghnsx samp, .ghnsx hr, .ghnsx h1, .ghnsx h2, .ghnsx h3, .ghnsx h4,
.ghnsx h5, .ghnsx h6, .ghnsx p, .ghnsx blockquote, .ghnsx a, .ghnsx address,
.ghnsx code, .ghnsx dl, .ghnsx dt, .ghnsx dd, .ghnsx ol, .ghnsx ul, .ghnsx li,
.ghnsx form, .ghnsx label, .ghnsx table, .ghnsx tr, .ghnsx td, .ghnsx th {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ghnsx {
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    line-height: 1.8em;
    background: #d7ebff;
    max-width: 720px;
    margin: 0 auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* 页面底纹(源站 /html/img/bj3.gif, 缺失时回退浅色) */
.ghnsx-bg {
    background-color: #eef6ee;
    background-image: url(../images/bj3.gif);
    background-repeat: repeat;
    background-attachment: fixed;
}
.ghnsx ol, .ghnsx ul { list-style: none; }
.ghnsx table { table-layout: fixed; width: 100%; border-collapse: collapse; }
.ghnsx a { text-decoration: none; color: inherit; }
.ghnsx a:link, .ghnsx a:visited { text-decoration: none; }
.ghnsx a:hover { text-decoration: underline; color: #FF0000; }
.ghnsx a:active, .ghnsx a:focus { text-decoration: none; outline: none; }
.ghnsx img { vertical-align: middle; }
.ghnsx .hide { display: none !important; }
.ghnsx .text-center { text-align: center; }

/* ---------------- 1. 页头 header(绿色渐变) ---------------- */
.ghnsx .header {
    position: relative;
    z-index: 99;
    width: 100%;
    max-width: 720px;
    background-image: linear-gradient(to right, #2ee62b, #61fd63, #3dfc37, #56ff47, #3dfc37, #6bfd61);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 1px 1px rgb(179, 179, 179);
}
.ghnsx .header .logo-box {
    position: relative;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 10px;
}
.ghnsx .header .logo { -webkit-box-flex: 1; flex: 1; }
.ghnsx .header .logo .logo-img { display: block; height: 50px; width: 208px; max-width: 100%; }
.ghnsx .header .bank {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    margin-right: 8px;
}
.ghnsx .header .bank a {
    display: block;
    color: #f7ff0c;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.ghnsx .header .bank img { display: block; width: 17px; height: 17px; margin: 0 auto; }
.ghnsx .header .bank2 {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 56px;
    text-align: center;
}
.ghnsx .header .bank2 a { display: block; color: #ffffff; font-size: 10pt; }
.ghnsx .header .bank2 img {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    border-radius: 50%;
}

/* ---------------- 2. 导航 nav(绿色条) ---------------- */
.ghnsx .nav {
    width: 100%;
    background-image: linear-gradient(to right, #2ee62b, #61fd63, #3dfc37, #56ff47, #3dfc37, #6bfd61);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.ghnsx .nav a,
.ghnsx .nav span {
    -webkit-box-flex: 1;
    flex: 1;
    min-width: 20%;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    font-weight: bold;
    color: #003300;
}
.ghnsx .nav a:hover { text-decoration: none; background: rgba(0, 0, 0, 0.08); color: #FF0000; }

/* ---------------- 3. 日期条 riqi ---------------- */
.ghnsx .riqi {
    text-align: center;
    font-weight: bold;
    font-size: 19pt;
    color: #000;
    padding: 3px 0;
    background: #fff;
}
.ghnsx .liujie {
    text-align: center;
    font-weight: bold;
    font-size: 19pt;
    color: rgb(0, 10, 150);
    padding: 5px 0;
}

/* ---------------- 4. 滚动语 / 公告 ---------------- */
.ghnsx .news-box { padding: 4px 0; background: #fff; }
.ghnsx .haoju {
    padding: 6px 10px;
    font-size: 15px;
    overflow: hidden;
    white-space: nowrap;
    background: #fffbe6;
    border-bottom: 1px solid #ffe58f;
}
.ghnsx .haoju .haoju-track {
    display: inline-block;
    padding-left: 100%;
    -webkit-animation: ghnsx-haoju-scroll 18s linear infinite;
    animation: ghnsx-haoju-scroll 18s linear infinite;
}
@-webkit-keyframes ghnsx-haoju-scroll {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }
    100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}
@keyframes ghnsx-haoju-scroll {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }
    100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}
/* 公告闪烁条(源站 .gghf) */
.ghnsx .gghf {
    animation: ghnsx-blink .3s linear infinite;
    background: #0000FF;
    text-align: center;
    font-weight: bold;
    line-height: 40px;
    font-size: 17px;
    color: #fff;
}
@keyframes ghnsx-blink { 50% { opacity: 0.35; } }

/* ---------------- 5. 内容卡 box / pad(绿色渐变框 + 白卡) ---------------- */
.ghnsx .box {
    margin: 2px 0;
    border-radius: 5px;
    overflow: hidden;
    background-image: linear-gradient(to right, #2ee62b, #61fd63, #3dfc37, #56ff47, #3dfc37, #6bfd61);
}
.ghnsx .pad {
    scroll-margin-top: 100px;
    padding: 2px 3px;
    background-image: linear-gradient(to right, #2ee62b, #61fd63, #3dfc37, #56ff47, #3dfc37, #6bfd61);
}
/* 白卡内容(模块表格/列表底) */
.ghnsx .box.pad > table,
.ghnsx .box.pad > ul,
.ghnsx .box.pad > .ghnsx-card,
.ghnsx .box.pad > .ghnsx-live,
.ghnsx .box.pad > .ghnsx-kj-record {
    background: #fff;
    border-radius: 5px;
}

/* ---------------- 6. 模块标题条 list-title(黄色渐变) ---------------- */
.ghnsx .list-title {
    background: linear-gradient(#12de12, #eff3f0);
    color: yellow;
    border-left: 1px solid #12de12;
    border-right: 1px solid #12de12;
    height: 42px;
    line-height: 40px;
    font-size: 20pt;
    text-align: center;
    text-shadow: rgb(199, 147, 51) 2px 0 0, rgb(199, 147, 51) 0 2px 0, rgb(199, 147, 51) -1px 0 0, rgb(199, 147, 51) 0 -1px 0;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.ghnsx .box.pad > .list-title { margin-bottom: 0; }
.ghnsx .list-title:last-child { margin-bottom: 0; }

/* ---------------- 7. 阶梯表 stairs / firsto / firstt ---------------- */
.ghnsx .box .stairs {
    text-align: left;
    color: #000;
    width: 100%;
    font-weight: bold;
    overflow: hidden;
    table-layout: fixed;
    border-collapse: collapse;
    background: #fff;
}
.ghnsx .box .stairs tr { font-size: 25px; }
.ghnsx .box .stairs tr td {
    background-color: rgb(244, 244, 244);
    padding: 2px 0;
    color: rgb(224, 0, 0);
    border: 1px solid #bebeb6;
}
.ghnsx .box .stairs tr td:nth-child(1) { width: 43.5%; }
.ghnsx .box .firsto tr td:nth-child(1) { width: 38%; }
.ghnsx .box .stairs tr td i { color: #170099; font-style: normal; }
.ghnsx .box .stairs tr td u { font-size: 32px; }
.ghnsx .box .stairs tr td b { font-size: 30px; }
.ghnsx .box .stairs tr td em { font-size: 26px; font-style: normal; }
.ghnsx .box .stairs .stairs-head {
    font-size: 15pt;
    background-color: #00118ed1;
    color: rgb(255, 251, 0);
    text-align: center;
}
.ghnsx .box .stairs tr .firstt { text-align: center; background-color: #5af9b8; }

/* ---------------- 8. 对奖表 duilianpt / duilianpt1 / shujing ---------------- */
.ghnsx .duilianpt1 {
    table-layout: auto;
    color: #FF0000;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    background: #fff;
}
.ghnsx .duilianpt1 tr u { color: #000; }
.ghnsx .duilianpt1 tr { height: 30px; }
.ghnsx .duilianpt1 td {
    font-weight: bold;
    border: 1px solid #e7d5a4;
    font-size: 20pt;
}
.ghnsx .duilianpt1 td .zl { font-size: 20pt; }
.ghnsx .duilianpt1 th {
    font-weight: bold;
    border: 1px solid #e7d5a4;
    font-size: 16pt;
}
.ghnsx .shujing td { font-size: 18pt; }

.ghnsx .duilianpt {
    table-layout: auto;
    color: #FF0000;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    background: #fff;
}
.ghnsx .duilianpt tr { height: 30px; }
.ghnsx .duilianpt td {
    font-weight: bold;
    border: 1px solid #C0C0C0;
    font-size: 18pt;
}
.ghnsx .duilianpt th {
    font-weight: bold;
    border: 1px solid #C0C0C0;
    font-size: 18pt;
}
.ghnsx .duilianpt td .zl { font-size: 18pt; color: #000; }

/* 公式表 gongshi(推荐/资料链接行) */
.ghnsx .gongshi { background: #fff; text-align: center; font-size: 15pt; font-weight: bold; }
.ghnsx .gongshi td { border: 1px solid #efdfe0; padding: 4px 2px; }

/* 必中/对奖切换 bizhong */
.ghnsx .bizhong { width: 100%; margin: 0 auto; }
.ghnsx .bizhong-btn {
    display: inline-block;
    width: calc(50% - 7px);
    height: 38px;
    line-height: 38px;
    margin-right: 10px;
    text-align: center;
    background: #aaa;
    border: solid 1px #ccc;
    border-radius: 5px;
    background-image: linear-gradient(to top, #ddd, #fff);
    cursor: pointer;
}
.ghnsx .bizhong-btn:hover { background-image: linear-gradient(to bottom, #ddd, #fff); }
.ghnsx .bizhong table { border-collapse: collapse; font-weight: bold; background: #fff; }
.ghnsx .bizhong table thead th { color: #f00; background: #ff0; line-height: 40px; }
.ghnsx .bizhong table tfoot th { background: #f00; color: #fff; }
.ghnsx .bizhong table td {
    padding: 5px 10px;
    font-size: 15px;
    color: #800080;
    border: solid 1px #333;
    background: #fff;
}

/* ---------------- 9. 列表 ziliao / ziliao2 + 三配色 ---------------- */
.ghnsx .ziliao li {
    text-align: center;
    color: #000;
    font-weight: 600;
    font-size: 16pt;
    margin: 2px 0;
    background-color: white;
    padding: 2px 0;
}
.ghnsx .ziliao2 li {
    text-align: center;
    color: #000;
    font-weight: 700;
    font-size: 15pt;
    margin: 2px 0;
    background-color: white;
    padding: 2px 0;
}
.ghnsx .ziliao li i { font-size: 25px; font-style: normal; }
.ghnsx .ziliao2 li i { color: blue; font-size: 23px; font-style: normal; }
.ghnsx .ziliao2 li u { color: #ac6a00; }
/* 三配色(源站) */
.ghnsx .centerbc li { background-color: #fff; }
.ghnsx .centerrb li { background-color: #fff; }
.ghnsx .centerrg li { background-color: #fff; }
/* 子类列表配色(源站补充, 部分模块用) */
.ghnsx .wuwei li i { color: red; font-size: 22pt; font-style: normal; }
.ghnsx .wuwei li u { color: rgb(89, 167, 1); }
.ghnsx .moyu li i { color: red; font-size: 20pt; font-style: normal; }
.ghnsx .ge3xiao li i { color: blue; font-style: normal; }
.ghnsx .ge3xiao li u { color: red; }
.ghnsx .twelve-ma li i { background-color: #00FF00; font-style: normal; }
.ghnsx .twelve-ma li u { color: rgb(7, 70, 129); }
.ghnsx .lianwei li i { color: red; font-style: normal; }
.ghnsx .lianwei li u { color: rgb(7, 70, 129); }

/* 推荐标记 tuijian(黄底蓝字) / dragon(金色) */
.ghnsx .tuijian { color: rgb(8, 0, 124); background-color: rgb(123, 255, 253); }
.ghnsx .ziliao .dragon { color: rgb(116, 89, 0); padding: 10px 0; }

/* 大字号 zl / zhongheng / jmsht */
.ghnsx .zl { font-weight: bold; }
.ghnsx .zhongheng { font-size: 15pt; font-weight: bold; }
.ghnsx .jmsht { font-size: 18px; text-align: center; background: #fff; color: #000; }

/* 期数/高手列表 sanqi / gaoshou(白底, i 蓝 u 红) */
.ghnsx .sanqi li,
.ghnsx .gaoshou li { text-align: center; background: #fff; font-weight: bold; font-size: 14pt; padding: 2px 0; }
.ghnsx .sanqi li i, .ghnsx .gaoshou li i { color: blue; font-style: normal; }
.ghnsx .sanqi li u, .ghnsx .gaoshou li u { color: red; }

/* 绿色按钮列表 bulian */
.ghnsx .bulian { background: #fff; }
.ghnsx .bulian li {
    background-color: #00ff00;
    border: 1px solid #008f00;
    text-align: center;
    font-weight: bold;
    font-size: 15pt;
    margin: 2px 0;
    padding: 2px 0;
}

/* 备用网址 spareURL */
.ghnsx .box.spareURL {
    background: linear-gradient(to right, #2ee62b, #61fd63, #3dfc37, #56ff47, #3dfc37, #6bfd61);
}
.ghnsx .box.spareURL p {
    font-size: 13pt;
    font-weight: 700;
    font-family: "Microsoft YaHei";
    color: #ffffff;
    text-align: center;
    padding: 4px 0;
}
.ghnsx .box.spareURL b {
    color: #99ffff;
    animation: ghnsx-pulse 1.2s ease-in-out infinite;
}
@keyframes ghnsx-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.45; }
}

/* 虚线框 nbdgk */
.ghnsx .nbdgk { font-size: 22px; font-weight: bold; color: #000; border: 1px dashed #c0c0c0; background: #fff; }
.ghnsx .nbdgk td { border: 1px dashed #c0c0c0; }

/* ---------------- 10. 对奖状态(二期B hit_status/hit_zodiac/hit_number) ---------------- */
/* 命中标红(源站 .style1 / 红字) */
.ghnsx .style1 { color: #FF0000; font-weight: bold; }
/* 命中高亮红(推荐给命中码/肖) */
.ghnsx .ghnsx-hit { color: #FF0000; font-weight: bold; }
/* 黄背景高亮(源站 background-color:yellow, 用于命中项) */
.ghnsx .ghnsx-hl-yellow { background-color: yellow; }
/* 未中(标灰) */
.ghnsx .ghnsx-miss { color: #999999; }
/* 未开奖(开:** 灰) */
.ghnsx .ghnsx-unopened { color: #999999; }
/* 开奖行容器 */
.ghnsx .ghnsx-draw-line { font-weight: bold; }
.ghnsx .ghnsx-draw-line .ghnsx-draw-label { color: #0000FF; }

/* ---------------- 11. 开奖彩球 ghnsx-ball(复刻 kj-lotto 球体) ---------------- */
.ghnsx .ghnsx-kj-record { padding: 0 2%; box-sizing: border-box; color: #000; font-size: 16px; text-align: center; font-family: Arial, '微软雅黑'; background: #fff; }
.ghnsx .ghnsx-kj-record a { text-decoration: none; }
.ghnsx .ghnsx-kj-record ul { margin: 0; padding: 0; }
.ghnsx .ghnsx-kj-record ul li { list-style: none; }
.ghnsx .ghnsx-kj-tit { height: 46px; line-height: 46px; display: flex; justify-content: space-between; }
.ghnsx .ghnsx-kj-tit2 a { color: #f00; }
.ghnsx .ghnsx-kj-box ul { display: flex; justify-content: space-between; }
.ghnsx .ghnsx-kj-box ul li {
    width: 13%;
    height: 115px;
    padding-top: 12px;
    border: solid 1px #ddd;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    background: linear-gradient(to top, #eee, #fff);
}
.ghnsx .ghnsx-kj-box ul li span {
    width: 61px;
    height: 61px;
    line-height: 61px;
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    background-size: 100% 100% !important;
    color: #fff;
}
/* 末位球发光(源站 :last-child 高亮) */
.ghnsx .ghnsx-kj-box ul li.ghnsx-ball-red:last-child { box-shadow: 0 0 10px rgba(255, 0, 0, 0.58); border-color: red; }
.ghnsx .ghnsx-kj-box ul li.ghnsx-ball-blue:last-child { box-shadow: 0 0 10px rgb(0, 160, 233); border-color: #00a0e9; }
.ghnsx .ghnsx-kj-box ul li.ghnsx-ball-green:last-child { box-shadow: 0 0 10px rgba(0, 128, 0, 0.58); border-color: green; }
.ghnsx .ghnsx-kj-box ul li.ghnsx-ball-red span { background: url(../images/ball-red.png); background-size: 100% 100%; }
.ghnsx .ghnsx-kj-box ul li.ghnsx-ball-blue span { background: url(../images/ball-blue.png); background-size: 100% 100%; }
.ghnsx .ghnsx-kj-box ul li.ghnsx-ball-green span { background: url(../images/ball-green.png); background-size: 100% 100%; }
.ghnsx .ghnsx-kj-box ul li em { display: block; line-height: 1; margin-top: 10px; font-style: normal; font-size: 12px; }
.ghnsx .ghnsx-kj-foot { height: 46px; line-height: 46px; display: flex; justify-content: space-between; align-items: center; }
.ghnsx .ghnsx-kj-foot2 a {
    width: 80px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    border-radius: 30px;
    display: inline-block;
    background: linear-gradient(to top, #c10000, #f00);
    text-decoration: none;
}
/* 通用彩球(开奖记录/详情对奖用, 球+meta 两行) */
.ghnsx .ghnsx-balls { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; }
.ghnsx .ghnsx-ball {
    width: 50px;
    text-align: center;
    margin: 2px;
}
.ghnsx .ghnsx-ball strong {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-size: 100% 100% !important;
}
.ghnsx .ghnsx-ball span {
    display: block;
    font-size: 10px;
    color: #333;
    line-height: 1.4;
    margin-top: 2px;
}
.ghnsx .ghnsx-ball.red strong { background: url(../images/ball-red.png); background-size: 100% 100%; }
.ghnsx .ghnsx-ball.blue strong { background: url(../images/ball-blue.png); background-size: 100% 100%; }
.ghnsx .ghnsx-ball.green strong { background: url(../images/ball-green.png); background-size: 100% 100%; }
.ghnsx .ghnsx-ball.gray strong { background: #ccc; }
.ghnsx .ghnsx-ball.special strong { box-shadow: 0 0 10px rgba(255, 215, 0, 0.8); }
/* 2026-09-02 阿标要求: js5 首页历史开奖记录区(kjjlBox/台湾六合彩开奖记录)
   开奖号码颜色改黑 —— 原 strong 白字叠在空心彩环上白底几乎不可见,
   现号码改黑色, 仅限首页开奖记录容器 #kjjlBox, 不影响详情页对奖/其他模块 */
.ghnsx #kjjlBox .ghnsx-balls .ghnsx-ball strong { color: #000; }

/* 开奖记录行 */
.ghnsx .kjjl-row { padding: 6px 4px; border-bottom: 1px dashed #ddd; background: #fff; }
.ghnsx .kjjl-head { font-size: 12px; color: #666; margin-bottom: 4px; }
.ghnsx .kjjl-period { color: #c10000; font-weight: bold; }

/* ---------------- 12. 开奖直播区块(js2 同源 iframe) ---------------- */
.ghnsx .ghnsx-live { background: #fff; padding: 0 2%; }
.ghnsx .ghnsx-live-tit {
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ghnsx .ghnsx-live-tit2 a { color: #f00; }
.ghnsx .ghnsx-live-frame { width: 100%; }
.ghnsx .ghnsx-live-frame iframe {
    width: 100%;
    height: 560px;
    border: 0;
    display: block;
    background: #f5f5f5;
}
.ghnsx .ghnsx-live-loading {
    height: 120px;
    line-height: 120px;
    text-align: center;
    color: #999;
    font-size: 14px;
}
.ghnsx .ghnsx-live-loading i {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    border-radius: 50%;
    background: #019c3a;
    animation: ghnsx-live-bounce 1s ease-in-out infinite;
}
.ghnsx .ghnsx-live-loading i:nth-child(2) { animation-delay: .15s; }
.ghnsx .ghnsx-live-loading i:nth-child(3) { animation-delay: .3s; }
@keyframes ghnsx-live-bounce {
    0%, 80%, 100% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: .6; }
    40% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

/* ---------------- 13. 底部 footer ---------------- */
.ghnsx .foot-img {
    padding: 10px 0 40px;
    background-image: linear-gradient(to right, #2ee62b, #61fd63, #3dfc37, #56ff47, #3dfc37, #6bfd61);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 5px;
    text-align: center;
}
.ghnsx .footer-site {
    background: #fff;
    text-align: center;
    padding: 6px 0;
}
.ghnsx .footer-site .links2 { font-size: 12px; color: #555; padding: 2px 0; }
.ghnsx .copyright {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #000;
    font-size: 10pt;
    color: #000;
}
.ghnsx .advertise {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #000;
    font-size: 12pt;
    font-weight: bold;
    color: #000;
}
.ghnsx .advertise span { color: red; }
.ghnsx .advertise a:link { color: blue; font-weight: 500; }
.ghnsx .advertise a:hover { color: rgb(141, 139, 0); font-weight: 600; position: relative; top: 1px; left: 1px; }

/* 返回顶部 */
.ghnsx .gotop {
    display: block;
    width: 88px;
    height: 30px;
    line-height: 30px;
    margin: 8px auto;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background: rgba(1, 156, 58, 0.9);
    border-radius: 15px;
}
.ghnsx .gotop:hover { text-decoration: none; background: #019c3a; }

/* 悬浮按钮(APP 下载, 本地化 down.js 样式) */
.ghnsx-sidebar {
    position: fixed;
    right: 0;
    bottom: 50px;
    width: 65px;
    height: 65px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    z-index: 9999999999;
    font-size: 13px;
    line-height: 1.3;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
}

/* ---------------- 14. 详情页 ---------------- */
.ghnsx .cgi-head {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    max-width: 720px;
    margin: 0 auto;
    height: 46px;
    line-height: 46px;
    background-image: linear-gradient(to right, #2ee62b, #61fd63, #3dfc37, #56ff47, #3dfc37, #6bfd61);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px;
    box-shadow: 0 1px 1px rgb(179, 179, 179);
}
.ghnsx .cgi-head-blank { height: 46px; }
.ghnsx .cgi-head .icon-back { font-size: 16px; color: #003300; }
.ghnsx .cgi-head-tit { font-size: 16px; font-weight: bold; color: #003300; }
.ghnsx .cgi-head-btn { font-size: 14px; color: #003300; font-weight: bold; }
.ghnsx .in-tit { background: #fff; padding: 10px; border-bottom: 1px solid #eee; }
.ghnsx .in-tit h1 { font-size: 18px; color: #000; }
.ghnsx .in-tit .meta { font-size: 12px; color: #999; margin-top: 4px; }
.ghnsx .in-con { background: #fff; padding: 6px; }
.ghnsx .state { text-align: center; color: #999; padding: 30px 0; }
/* 历史期导航 */
.ghnsx .history-box { background: #fff; padding: 8px; margin-top: 6px; }
.ghnsx .history-toggle {
    width: 100%;
    height: 36px;
    line-height: 36px;
    background: linear-gradient(#12de12, #eff3f0);
    color: #003300;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #12de12;
}
.ghnsx .history-body { margin-top: 6px; }
.ghnsx .history-nav { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px; }
.ghnsx .history-nav a {
    padding: 4px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 13px;
    background: #f7f7f7;
}
.ghnsx .history-nav a.ghnsx-cur { background: #ff0; border-color: #f90; font-weight: bold; }
.ghnsx .history-nav a:hover { text-decoration: none; border-color: #019c3a; color: #019c3a; }

/* ---------------- 15. 九级响应式断点 ---------------- */
/* 750px(移动端通用: 表格字号压缩) */
@media screen and (max-width: 750px) {
    .ghnsx .duilianpt td { font-size: 16px; }
    .ghnsx .duilianpt th { font-size: 18px; }
    .ghnsx .ghnsx-kj-box ul li { height: 100px; padding-top: 10px; border-radius: 8px; box-shadow: 0 0 6px rgba(0,0,0,.1); }
    .ghnsx .ghnsx-kj-box ul li span { width: 50px; height: 50px; line-height: 50px; font-size: 20px; }
    .ghnsx .ghnsx-kj-tit { height: 40px; line-height: 40px; }
    .ghnsx .ghnsx-kj-foot { height: 40px; line-height: 40px; }
    .ghnsx .ghnsx-kj-foot2 a { width: 70px; height: 26px; line-height: 26px; }
    .ghnsx .ghnsx-live-frame iframe { height: 500px; }
}
/* 720px(body 限宽档) */
@media screen and (max-width: 720px) {
    .ghnsx .nbdgk { font-size: 10px; }
}
/* 610px(球卡 90px/球 44px 档) */
@media screen and (max-width: 610px) {
    .ghnsx .box { margin: 3px 3px !important; }
    .ghnsx .box .list-title { font-size: 23px; }
    .ghnsx .box .stairs tr { font-size: 20px; }
    .ghnsx .box .stairs tr td u { font-size: 28px; }
    .ghnsx .box .stairs tr td em { font-size: 24px; }
    .ghnsx .box .stairs .stairs-head { font-size: 12pt; }
    .ghnsx .box .stairs tr td b { font-size: 27px; }
    .ghnsx .ziliao li { font-size: 13pt; }
    .ghnsx .ziliao li i { font-size: 23px; }
    .ghnsx .ziliao2 li i { font-size: 21px; }
    .ghnsx .ziliao2 li { font-size: 12pt; }
    .ghnsx .duilianpt td { font-size: 13pt; }
    .ghnsx .duilianpt td .zl { font-size: 14pt; }
    .ghnsx .duilianpt th { font-size: 11pt; }
    .ghnsx .duilianpt1 td { font-size: 16pt; }
    .ghnsx .duilianpt1 td .zl { font-size: 15pt; }
    .ghnsx .duilianpt1 th { font-size: 12pt; }
    .ghnsx .shujing td { font-size: 14pt; }
    .ghnsx .box .zhongheng { font-size: 15pt; }
    .ghnsx .box .bulian li { font-size: 18px; }
    .ghnsx .box.spareURL b { font-size: 12pt; }
    .ghnsx .ghnsx-kj-box ul li { height: 90px; padding-top: 10px; border-radius: 6px; box-shadow: 0 0 5px rgba(0,0,0,.1); }
    .ghnsx .ghnsx-kj-box ul li span { width: 44px; height: 44px; line-height: 44px; font-size: 18px; }
    .ghnsx .ghnsx-kj-tit { height: 36px; line-height: 36px; }
    .ghnsx .ghnsx-kj-foot { height: 36px; line-height: 36px; }
    .ghnsx .ghnsx-kj-foot2 a { width: 66px; height: 24px; line-height: 24px; }
    .ghnsx .ghnsx-live-frame iframe { height: 460px; }
    .ghnsx .ghnsx-ball { width: 42px; }
    .ghnsx .ghnsx-ball strong { width: 42px; height: 42px; line-height: 42px; font-size: 16px; }
}
/* 580px */
@media screen and (max-width: 580px) {
    .ghnsx .ghnsx-kj-box ul li { height: 80px; padding-top: 8px; }
    .ghnsx .ghnsx-kj-box ul li span { width: 40px; height: 40px; line-height: 40px; font-size: 17px; }
}
/* 505px */
@media screen and (max-width: 505px) {
    .ghnsx .box .list-title { font-size: 22px; }
    .ghnsx .box .stairs tr td u { font-size: 27px; }
    .ghnsx .box .stairs tr td b { font-size: 25px; }
    .ghnsx .box .stairs tr td em { font-size: 20px; }
    .ghnsx .box .stairs tr { font-size: 18px; }
    .ghnsx .duilianpt1 td { font-size: 15pt; }
    .ghnsx .box .zhongheng { font-size: 12pt; }
    .ghnsx .ghnsx-kj-box ul li { height: 76px; padding-top: 7px; border-radius: 6px; }
    .ghnsx .ghnsx-kj-box ul li span { width: 36px; height: 36px; line-height: 36px; font-size: 16px; }
    .ghnsx .ghnsx-kj-tit { height: 32px; line-height: 32px; }
    .ghnsx .ghnsx-kj-foot { height: 32px; line-height: 32px; }
    .ghnsx .ghnsx-kj-foot2 a { width: 60px; height: 22px; line-height: 22px; }
}
/* 480px */
@media screen and (max-width: 480px) {
    .ghnsx .shujing td { font-size: 13pt; }
    .ghnsx .ghnsx-live-frame iframe { height: 420px; }
}
/* 429px */
@media screen and (max-width: 429px) {
    .ghnsx .box .list-title { font-size: 21px; }
    .ghnsx .box .stairs tr td u { font-size: 26px; }
    .ghnsx .box .stairs tr td b { font-size: 24px; }
    .ghnsx .box .stairs tr td em { font-size: 19px; }
    .ghnsx .box .stairs tr { font-size: 17px; }
    .ghnsx .duilianpt1 td { font-size: 14pt; }
    .ghnsx .shujing td { font-size: 13pt; }
    .ghnsx .ghnsx-kj-box ul li { height: 70px; padding-top: 7px; border-radius: 6px; }
    .ghnsx .ghnsx-kj-box ul li span { width: 32px; height: 32px; line-height: 32px; font-size: 14px; }
    .ghnsx .ghnsx-kj-foot { height: 32px; line-height: 32px; }
    .ghnsx .ghnsx-kj-foot2 a { width: 50px; height: 20px; line-height: 20px; }
    .ghnsx .ghnsx-live-frame iframe { height: 380px; }
}
/* 409px */
@media screen and (max-width: 409px) {
    .ghnsx .box .stairs tr { font-size: 13px; }
    .ghnsx .box .stairs .stairs-head { font-size: 11pt; }
    .ghnsx .ziliao li { font-size: 12pt; }
    .ghnsx .ziliao li i { font-size: 20px; }
    .ghnsx .ziliao2 li i { font-size: 18px; }
    .ghnsx .duilianpt1 td { font-size: 13pt; }
    .ghnsx .duilianpt1 th { font-size: 11pt; }
    .ghnsx .box .list-title { font-size: 20px; }
    .ghnsx .box .stairs tr td u { font-size: 24px; }
    .ghnsx .box .stairs tr td b { font-size: 24px; }
    .ghnsx .box .stairs tr td em { font-size: 18px; }
    .ghnsx .box .stairs tr { font-size: 16px; }
    .ghnsx .box .zhongheng { font-size: 11pt; }
    .ghnsx .box.spareURL b { font-size: 11pt; }
    .ghnsx .shujing td { font-size: 12pt; }
    .ghnsx .ghnsx-kj-box ul li { height: 64px; padding-top: 6px; border-radius: 6px; }
    .ghnsx .ghnsx-kj-box ul li span { width: 30px; height: 30px; line-height: 30px; font-size: 13px; }
    .ghnsx .ghnsx-kj-foot { height: 30px; line-height: 30px; }
    .ghnsx .ghnsx-kj-foot2 a { width: 46px; height: 20px; line-height: 20px; }
    .ghnsx .ghnsx-live-frame iframe { height: 340px; }
}
/* 374px(最小屏) */
@media screen and (max-width: 374px) {
    .ghnsx .box .stairs .stairs-head { font-size: 10pt; }
    .ghnsx .duilianpt1 th { font-size: 10pt; }
    .ghnsx .box .zhongheng { font-size: 10pt; }
    .ghnsx .box .stairs tr td u { font-size: 20px; }
    .ghnsx .box .stairs tr td b { font-size: 18px; }
    .ghnsx .box .stairs tr td em { font-size: 16px; }
    .ghnsx .box .stairs tr { font-size: 15px; }
    .ghnsx .duilianpt1 td { font-size: 12pt; }
    .ghnsx .shujing td { font-size: 11pt; }
    .ghnsx .ghnsx-kj-box ul li { height: 60px; padding-top: 6px; border-radius: 6px; }
    .ghnsx .ghnsx-kj-box ul li span { width: 28px; height: 28px; line-height: 28px; font-size: 12px; }
    .ghnsx .ghnsx-kj-tit { height: 30px; line-height: 30px; }
    .ghnsx .ghnsx-kj-foot { height: 30px; line-height: 30px; }
    .ghnsx .ghnsx-kj-foot2 a { width: 46px; height: 20px; line-height: 20px; }
    .ghnsx .ghnsx-live-frame iframe { height: 300px; }
}

/* ---------------- 16. 打印/辅助 ---------------- */
@media print {
    .ghnsx .ghnsx-sidebar, .ghnsx .gotop, .ghnsx .ghnsx-live-frame iframe { display: none !important; }
}

/* ===== 2026-09-02 阿标确认方案A(李雪方案A纯CSS):js5 资料模块排版对齐 js2(ghns-mod 卡片方案) =====
   追加于 kjjl 改黑规则之后(文件末尾),只加不改原规则。
   仅命中 .box[id^="module-"] 模块容器,不动开奖直播/开奖记录/页头页脚/其它站 */

/* 1. 模块盒:去掉绿色渐变花边,变 js2 白卡片容器 */
.ghnsx .box[id^="module-"] {
    background: #fff;
    background-image: none;
    margin: 0 0 8px 0;
    padding: 0;
    border: 1px solid #c8e6c9;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(1, 156, 58, 0.08);
    overflow: hidden;
}

/* 2. 外置标题条:黄字大条 → js2 绿渐变白字小条(卡片头) */
.ghnsx .box[id^="module-"] > .list-title {
    height: 34px; line-height: 34px;
    padding: 0 8px;
    margin: 0;
    font-size: 16px; font-weight: bold;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
    background: #019c3a;
    background-image: -webkit-linear-gradient(to top, #090, #15ca15);
    background-image: linear-gradient(to top, #090, #15ca15);
    border: 0; border-radius: 4px 4px 0 0;
}
.ghnsx .box[id^="module-"] .ghns-mod-period-sub { font-size: 12px; color: #ffff00; font-weight: normal; margin-left: 4px; }
.ghnsx .box[id^="module-"] .ghns-mod-more { float: right; font-size: 12px; color: #ffff00; font-weight: normal; line-height: 34px; }

/* 3. 隐藏表格内重复的模块名行(外条已有标题+期号+更多) */
.ghnsx .box[id^="module-"] table.ghns-mod-table tr:first-child td.ghns-mod-title { display: none; }

/* 4. 表格:js2 卡片内表(细绿格线行分隔) */
.ghnsx .box[id^="module-"] table.ghns-mod-table {
    width: 100%; border-collapse: collapse; table-layout: fixed; background: #fff;
}
.ghnsx .box[id^="module-"] table.ghns-mod-table td {
    padding: 5px 8px; border: 1px solid #c8e6c9;
    font-size: 14px; line-height: 1.7; text-align: center; background: #fff;
}

/* 5. 生肖:红底白字方块(与 js2 .xz3 同款) */
.ghnsx .box[id^="module-"] .xz3 {
    display: inline-block; min-width: 24px; height: 22px; line-height: 22px;
    margin: 1px 2px; padding: 0 4px; font-size: 13px; font-weight: bold;
    color: #fff; text-align: center; border-radius: 4px; background: #f00; vertical-align: middle;
}
.ghnsx .box[id^="module-"] .xz3.green { background: #009933; }
.ghnsx .box[id^="module-"] .xz3.blue  { background: #3366ff; }
.ghnsx .box[id^="module-"] .xz3.hit   { background: #ffff00; color: #f00; border: 1px solid #ffd700; }

/* 6. 号码:js2 圆点样式,但数字用黑色保证可读(js2 现网白字白底不可见,此处吸收教训) */
.ghnsx .box[id^="module-"] .ghns-num {
    display: inline-block; width: 28px; height: 28px; line-height: 26px;
    margin: 1px 2px; font-size: 14px; font-weight: bold; font-style: normal;
    color: #000; text-align: center; border-radius: 50%;
    border: 1px solid #999; background: #fff; vertical-align: middle;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.ghnsx .box[id^="module-"] .ghns-num.red    { background: -webkit-linear-gradient(to bottom, #ff5a5a, #e60012); background: linear-gradient(to bottom, #ff5a5a, #e60012); border-color: #e60012; color:#fff; }
.ghnsx .box[id^="module-"] .ghns-num.blue   { background: -webkit-linear-gradient(to bottom, #5a8aff, #3366ff); background: linear-gradient(to bottom, #5a8aff, #3366ff); border-color: #3366ff; color:#fff; }
.ghnsx .box[id^="module-"] .ghns-num.green  { background: -webkit-linear-gradient(to bottom, #35d060, #009933); background: linear-gradient(to bottom, #35d060, #009933); border-color: #009933; color:#fff; }
.ghnsx .box[id^="module-"] .ghns-num.special { border: 2px solid #ffd700; box-shadow: 0 0 6px rgba(255,215,0,.85); }
.ghnsx .box[id^="module-"] .ghns-num.hit     { border: 2px solid #ffff00; box-shadow: 0 0 6px rgba(255,255,0,.9); }

/* 7. 波色/单双/大小:小标签(数据未带修饰类时灰底白字,带类自动上色,与 js2 行为一致) */
.ghnsx .box[id^="module-"] .ghns-wave,
.ghnsx .box[id^="module-"] .ghns-ds,
.ghnsx .box[id^="module-"] .ghns-size {
    display: inline-block; min-width: 22px; height: 20px; line-height: 20px;
    margin: 1px 2px; padding: 0 5px; font-size: 12px; font-weight: bold;
    color: #fff; text-align: center; border-radius: 3px; background: #999; vertical-align: middle;
}
.ghnsx .box[id^="module-"] .ghns-wave.red,  .ghnsx .box[id^="module-"] .ghns-ds.dan,    .ghnsx .box[id^="module-"] .ghns-size.da   { background: #e60012; }
.ghnsx .box[id^="module-"] .ghns-wave.blue, .ghnsx .box[id^="module-"] .ghns-ds.shuang, .ghnsx .box[id^="module-"] .ghns-size.xiao { background: #3366ff; }
.ghnsx .box[id^="module-"] .ghns-wave.green { background: #009933; }
.ghnsx .box[id^="module-"] .ghns-wave.hit,  .ghnsx .box[id^="module-"] .ghns-ds.hit, .ghnsx .box[id^="module-"] .ghns-size.hit {
    background: #ffff00; color: #f00; border: 1px solid #ffd700; line-height: 18px;
}

/* 8. 口号行:js2 设计稿浅黄底土黄字(比 js2 现网被覆盖后的纯白底更醒目;
      若要 100% 对齐 js2 现网观感,删除本组 background/border 两条即可) */
.ghnsx .box[id^="module-"] td.ghns-mod-slogan {
    background: #fffbe6; color: #8a6b00; font-size: 13px; font-weight: bold;
    border-top: 1px dashed #ffe58f;
}
.ghnsx .box[id^="module-"] td.ghns-mod-slogan b,
.ghnsx .box[id^="module-"] td.ghns-mod-slogan strong { color: #f00; }

/* 9. 移动端(js2 行为:模块区随容器自适应,球不缩放;如要贴近 js2 ≤380 球 24px,保留本组) */
@media screen and (max-width: 380px) {
    .ghnsx .box[id^="module-"] .ghns-num { width: 24px; height: 24px; line-height: 22px; font-size: 13px; }
}

/* ============================================================
   源站族「三头中特」盒对齐规则 (2026-09-03 王海 A线demo, 追加于 ghnsx.css 尾部)
   等效映射: 源站盒子 (.box.pad#yxym + inline border/padding + .list-title/#yxym .list-title
             + .duilianpt) -> 本盒作用域 #module-xg10_santou
   原则: 只命中本模块盒; 不改任何其它模块 / 开奖直播 / 页头页脚。
   ============================================================ */
/* 1. 盒容器: 源站 .box.pad 观感(红底圆角 + 1px 黑细框 + 内边距 1px/4px) */
.ghnsx div.box[id="module-xg10_santou"] {
    background: #ef0101;
    background-image: none;
    margin: 5px 0;
    padding: 1px 4px;
    border: 1px solid #000;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: none;
}
/* 2. 标题条: 源站 .list-title + #yxym .list-title 级联(28px 高/粗体居中/紫褐渐变/黄字红晕/橙底边/顶圆角) */
.ghnsx div.box[id="module-xg10_santou"] > div.list-title {
    height: 28px;
    line-height: 25px;
    font-size: 16pt;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #f1592a;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-left: 0;
    border-right: 0;
    color: yellow;
    background: linear-gradient(transparent, #794868);
    text-shadow: 0 0 10px red;
    padding: 0;
    margin: 0;
    letter-spacing: normal;
}
/* 3. 对奖表: 源站 .duilianpt(白底/红字默认/圆角/灰细格 1px #C0C0C0/行高 25px/内容居中) */
.ghnsx div.box[id="module-xg10_santou"] table.duilianpt {
    width: 100%;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
    color: #FF0000;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    background: #fff;
    margin: 0;
}
.ghnsx div.box[id="module-xg10_santou"] table.duilianpt tr { height: 25px; }
.ghnsx div.box[id="module-xg10_santou"] table.duilianpt td,
.ghnsx div.box[id="module-xg10_santou"] table.duilianpt th {
    font-weight: bold;
    border: 1px solid #C0C0C0;
    font-size: 18pt;
    line-height: normal;
    text-align: center;
    background: transparent;
    vertical-align: middle;
}
/* 4. 移动端断点复刻源站 media: <=620px / <=355px */
@media screen and (max-width: 620px) {
    .ghnsx div.box[id="module-xg10_santou"] > div.list-title { font-size: 18px; }
    .ghnsx div.box[id="module-xg10_santou"] table.duilianpt td,
    .ghnsx div.box[id="module-xg10_santou"] table.duilianpt th { font-size: 13pt; }
}
@media screen and (max-width: 355px) {
    .ghnsx div.box[id="module-xg10_santou"] > div.list-title { font-size: 17px; }
    .ghnsx div.box[id="module-xg10_santou"] table.duilianpt td,
    .ghnsx div.box[id="module-xg10_santou"] table.duilianpt th { font-size: 13pt; }
}

/* ===== 2026-09-04 claude-code写码试点(王海): js5 键盘无障碍微修 - 恢复 :focus-visible 焦点环 =====
   背景: 复刻源站规则 .ghnsx a:focus { outline: none } 移除了焦点外框, 键盘 Tab 导航用户看不到焦点位置。
   修复: 仅对键盘导航触发的 :focus-visible 恢复可见焦点环; 鼠标点击不触发, 源站观感零变化。
   影响: 仅 .ghnsx 命名空间内链接, 表格/彩球/iframe 零影响; 纯附加规则, 删除本节即完整回滚。 */
.ghnsx a:focus-visible {
    outline: 2px solid #e60012;
    outline-offset: 2px;
}


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