:root{--ref-green:#008080;--ref-red:#f00;--ref-blue:#06c;--ref-yellow:#ff0;--ref-line:#bbb;--page:#fff;--paper:#fff}
*{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%;min-width:0;background:var(--page);color:#111;font-family:Arial,"Microsoft YaHei","宋体",sans-serif;line-height:1.35}
body{background:#fff url('/reference/001900/bj.jpg') no-repeat fixed center;background-size:100% 100%;background-attachment:fixed}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;vertical-align:middle}
.legacy-page{width:1007px;margin:0 auto;padding:1px 4px;background:#fff;border:1px solid #777;min-height:100vh;overflow:visible}
.notice-stack{font-weight:700}
.notice-row{display:flex;align-items:center;justify-content:center;min-height:37px;padding:2px 5px;background:var(--ref-green);border-bottom:1px solid rgba(0,0,0,.35);font-family:"Microsoft YaHei","微软雅黑",sans-serif;color:#fff;text-align:center;line-height:1.12;white-space:pre-line;word-break:break-word}
.notice-row-0{min-height:37px;font-size:clamp(24px,3.5vw,42px)}
.notice-row-1{min-height:37px;font-size:clamp(22px,3.2vw,38px)}
.notice-row-2{min-height:74px;color:#ff0;font-size:clamp(17px,2.4vw,26px)}
.notice-row-3,.notice-row-4{min-height:37px;color:#f00;font-size:clamp(21px,3vw,32px)}
.domain-row{gap:8px;flex-wrap:wrap;font-size:clamp(15px,3vw,22px);white-space:normal}
.domain-row span:first-child{color:#0ff}.domain-row b{color:#f0f}.domain-row strong{padding:0 5px;background:#ff0;color:#f00;font-weight:800}
.hero,.promo,.footer-image,.separator{width:100%;background:#fff;text-align:center;overflow:hidden}
.hero img,.promo img,.footer-image img{display:block;width:100%;height:auto;margin:0 auto}
.separator{height:12px}.separator img{display:block;width:980px;max-width:100%;height:10px;margin:1px auto;object-fit:fill}
.draw-panel{width:100%;background:#fff;min-height:190px;overflow:hidden}
.draw-panel .KJ-TabBox{height:190px!important;min-height:190px!important;margin:0!important;padding:0!important;background:#fff!important;overflow:hidden!important;font-family:Arial,"Microsoft YaHei",sans-serif!important}
.draw-panel .KJ-TabBox>ul{display:flex!important;height:36px!important;margin:0!important;padding:8px 0 0 8px!important;border-bottom:2px solid #fff!important;background:#fff!important;overflow:hidden!important}
.draw-panel .KJ-TabBox>ul>li{flex:1!important;height:26px!important;line-height:26px!important;margin:0 8px 0 0!important;border-radius:4px!important;background:#eee!important;color:#333!important;font-weight:400!important;text-align:center!important;cursor:pointer!important}
.draw-panel .KJ-TabBox>ul>li:nth-child(1).cur{background:#1fb61d!important;color:#fff!important}.draw-panel .KJ-TabBox>ul>li:nth-child(2).cur{background:#e71607!important;color:#fff!important}.draw-panel .KJ-TabBox>ul>li:nth-child(3).cur{background:#2389e9!important;color:#fff!important}
.draw-panel .KJ-TabBox>div{display:none!important}
.draw-panel .KJ-TabBox>div.cur{display:block!important}
.draw-panel .KJ-TabBox .KJ-IFRAME{display:block!important;width:100%!important;height:154px!important;border:0!important;background:#fff!important}
.zodiac-strip{width:100%;background:#fff}.zodiac-strip table{width:100%;border-collapse:collapse;table-layout:fixed;font-weight:700}.zodiac-strip td{height:40px;padding:5px 2px;border:1px solid #fff;background:#f00;color:#fff;text-align:center;font-size:clamp(13px,2.5vw,20px);white-space:nowrap}
.sections-wrap{width:100%;background:#fff;padding:0}
.legacy-section{width:100%;margin:0;padding:0;background:#fff;overflow:visible;scroll-margin-top:10px}.legacy-section:empty{display:none}.legacy-section script{display:none}
.legacy-section .legacy-table-block{display:block;width:100%;margin:0;padding:0;background:#fff;overflow:visible}.legacy-section table{max-width:100%;border-spacing:0}.legacy-section td,.legacy-section th{word-break:break-word;overflow-wrap:anywhere}.legacy-section img{max-width:100%;height:auto}.legacy-section .legacy-data-row{display:block;width:100%;padding:3px 5px;background:#fff;color:#111;font-weight:700;line-height:1.45;word-break:break-word}.legacy-section .section-hint-table{width:100%!important;margin:0!important}.legacy-section .section-hint-table td{background:#008080!important;border:1px solid #008080!important;color:#fff!important;text-align:center!important;font-size:15px!important}.legacy-section .section-data-table{max-width:100%;background:transparent}.legacy-section .section-data-table td{background:inherit;color:inherit}.legacy-section .section-data-table .hl,.legacy-section .hl{background:#ff0!important;color:#111!important;padding:0 2px}.legacy-section .tit,.legacy-section th .tit{display:revert;align-items:revert;justify-content:revert;min-height:0;padding:revert;background:revert;color:revert;font-size:revert;font-weight:revert;text-align:revert}.legacy-section tr:empty,.legacy-section table:empty{display:none}.legacy-section p{margin:0}.legacy-section br+br{line-height:.5}
.footer-image{margin:0}.legacy-footer{padding:12px 8px 18px;background:#fff;text-align:center;color:#555;font-size:12px;line-height:1.6}.legacy-footer p{margin:3px 0;white-space:pre-line}
.preface-promo{width:100%;margin:0;background:#fff;border:1px solid #009999;overflow:hidden}.preface-title{display:flex;align-items:center;justify-content:center;gap:6px;min-height:55px;padding:0 4px;background:#0ff;color:#000;font-weight:700;text-align:center;line-height:1.05}.preface-title img{width:58px;height:50px;object-fit:contain;flex:0 0 auto}.preface-title strong{flex:1;font-size:clamp(18px,4.7vw,37px);font-weight:800;white-space:normal}.preface-image{display:block;width:100%;height:auto;max-height:311px;object-fit:cover}
.back-top{position:fixed;right:max(12px,calc((100vw - 997px)/2 - 56px));bottom:18px;z-index:1000;width:42px;height:42px;border:1px solid #aaa;border-radius:50%;background:rgba(255,255,255,.9);color:#008080;font-size:24px;cursor:pointer}
@media(max-width:600px){.legacy-page{width:100%;border:0}.notice-row{padding:2px 4px}.notice-row-0{min-height:44px;font-size:clamp(25px,5vw,32px)}.notice-row-1{min-height:36px;font-size:clamp(21px,4vw,27px)}.notice-row-2{min-height:70px;font-size:clamp(15px,3.4vw,21px)}.notice-row-3,.notice-row-4{min-height:34px;font-size:clamp(18px,3.7vw,23px)}.draw-panel{min-height:190px}.draw-panel .KJ-TabBox{height:190px!important;min-height:190px!important}.draw-panel .KJ-IFRAME{height:154px!important}.zodiac-strip td{height:34px;font-size:12px}.legacy-section td,.legacy-section th{padding:1px}.legacy-section .tit,.legacy-section th .tit{font-size:16px;min-height:32px}.preface-title{min-height:42px;gap:2px;padding:2px}.preface-title img{width:34px;height:32px}.preface-title strong{font-size:clamp(15px,4.4vw,22px);line-height:1.15}.preface-image{max-height:none}.back-top{right:10px;bottom:66px;width:38px;height:38px;font-size:20px}.separator img{width:100%;height:8px}.legacy-footer{font-size:11px}}

/* legacy reference assets: keep the 36361dh banner and tiny recommendation icon at source proportions */
.legacy-section img[src*="36361dh.gif"]{display:block;width:100%!important;height:130px!important;max-width:100%!important;object-fit:contain}
.legacy-section img[src*="gl.gif"]{width:auto!important;height:auto!important;max-width:49px!important}
#table5978{height:auto!important;min-height:0!important}

/* 95/96 是旧模板里的广告/推荐图片区，服务端已跳过；CSS 再兜底，
   防止旧缓存或后台残留 HTML 在前台重新占位。 */
.legacy-section[data-code="95"],.legacy-section[data-code="96"]{display:none!important}

/* removed generic separators/footer image wrappers; source sections own their spacing */
.separator{display:none!important}

/* 资料栏目遵循演示站原始表格的内联颜色与对齐方式；这里只限制溢出，不覆盖其主题。 */
.legacy-section{background:#fff;overflow:visible}
.legacy-section table{max-width:100%}
/* 资料区不允许远程图片直接落地；服务端会优先映射本地资源，
   这里隐藏旧缓存里残留的外链广告，避免浏览器先闪出断图图标。 */
.legacy-section img[src^="http://"],.legacy-section img[src^="https://"]{display:none!important}
/* 第三套中这块是旧演示站的广告/引导黑底，已按要求移除，避免空图和黑色大面板。 */
.legacy-section[data-code="96"]{display:none!important}

/* 第三套底部对照资料：只作用于 reference-zodiac，避免把第二套主题的
   全局 body/页面宽度规则带入第三套首页。布局保持第二套的 3 列×4 行网格。 */
.reference-zodiac{width:100%;margin:0;background:#fff;color:#111;font-family:Arial,"Microsoft YaHei",sans-serif}
.reference-zodiac table{width:100%;border-collapse:collapse;border-spacing:0;background:#fff}
.reference-zodiac .zodiac-table th,.reference-zodiac .zodiac-lookup th{height:38px;padding:4px 6px;border:1px solid #bbb;background:#f1f1f1;color:#111;font-size:20px;font-weight:700;text-align:center}
.reference-zodiac .zodiac-table td,.reference-zodiac .zodiac-lookup td{border:1px solid #d8ccb4;text-align:center}
.reference-zodiac .zodiac-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none}
.reference-zodiac .zodiac-grid li{min-height:150px;border:1px solid #ddd;padding:8px 2px;display:flex;align-items:center;justify-content:center}
.reference-zodiac .zodiac-grid dl{margin:0;width:100%;text-align:center}
.reference-zodiac .zodiac-grid dt{font-size:28px;line-height:1.35;white-space:nowrap}
.reference-zodiac .zodiac-grid dt img{display:inline-block;width:48px;height:48px;object-fit:contain;vertical-align:middle}
.reference-zodiac .zodiac-grid dd{margin:14px 0 0;line-height:1}
.reference-zodiac .znum{display:inline-block;height:30px;min-width:30px;margin:3px;padding:2px 4px;color:#fff;font-size:20px;font-weight:700;line-height:26px}
.reference-zodiac .znum-red{background:#f00}.reference-zodiac .znum-blue{background:#00f}.reference-zodiac .znum-green{background:#099933}
.reference-zodiac .zodiac-lookup th{background:#f1f1f1}.reference-zodiac .zodiac-lookup td{padding:8px 6px;font-size:28px;line-height:1.7}.reference-zodiac .zodiac-lookup td:first-child{width:72px;font-weight:700}.reference-zodiac .lookup-numbers{text-align:left!important;word-spacing:10px;letter-spacing:.2px}
.reference-zodiac .element-gold{color:#c90}.reference-zodiac .element-wood{color:#3c3}.reference-zodiac .element-water{color:#39f}.reference-zodiac .element-fire{color:#f60}.reference-zodiac .element-earth{color:#966000}
.reference-zodiac .wave-red{color:#f00}.reference-zodiac .wave-blue{color:#36f}.reference-zodiac .wave-green{color:#093}
.reference-zodiac .zodiac-attributes th{height:38px;padding:4px 6px;border:1px solid #bbb;background:#f1f1f1;color:#111;font-size:20px;font-weight:700;text-align:center}
.reference-zodiac .zodiac-attributes td{padding:8px 10px;border:1px solid #d8ccb4;background:#fff;font-size:28px;line-height:1.65;text-align:left}.reference-zodiac .zodiac-attributes td b{color:#111}
@media(max-width:520px){.reference-zodiac .zodiac-grid li{min-height:128px;padding:6px 1px}.reference-zodiac .zodiac-grid dt{font-size:20px;line-height:1.3}.reference-zodiac .zodiac-grid dt img{width:34px;height:34px}.reference-zodiac .zodiac-grid dd{margin-top:9px}.reference-zodiac .znum{height:23px;min-width:23px;margin:2px;padding:1px 3px;font-size:14px;line-height:21px}.reference-zodiac .zodiac-table th,.reference-zodiac .zodiac-lookup th{height:34px;font-size:19px}.reference-zodiac .zodiac-lookup td{font-size:24px;line-height:1.55;padding:6px 5px}.reference-zodiac .lookup-numbers{word-spacing:4px}.reference-zodiac .zodiac-attributes td{font-size:23px;padding:6px 8px}}
.legacy-section[data-code="89"] .section-data-table td{text-align:center!important;background:#fff!important}
.legacy-section[data-code="89"] .section-data-table tr{height:44px}
.legacy-section[data-code="89"] table td[bgcolor="#009999"],.legacy-section[data-code="89"] table td[bgcolor="#009999"] *{text-align:center!important}
.legacy-section[data-code="97"]>img[src*="gl.gif"],.legacy-section[data-code="97"]>img[src*="fen_04.gif"]{display:none!important}

/* 代码 90“新香港☆挂牌”改成和前面资料栏一致的两列表格：
   左侧期号、右侧资料内容。没有显式期号的 ◎ 行自动继承本期。 */
.legacy-section[data-code="90"] .section-listing-table{width:100%!important;margin:0!important;border:1px solid #aaa!important;border-collapse:collapse!important;background:#fff!important;table-layout:fixed!important}
.legacy-section[data-code="90"] .section-listing-table td{border:1px solid #aaa!important;background:#fff!important;padding:4px 6px!important;color:#111!important;font-family:"宋体",SimSun,serif!important;font-size:19px!important;font-weight:700!important;line-height:1.35!important;word-break:break-word!important;overflow-wrap:anywhere!important}
.legacy-section[data-code="90"] .section-listing-table .listing-period{width:105px!important;text-align:center!important;white-space:nowrap!important;color:#111!important}
.legacy-section[data-code="90"] .section-listing-table .listing-content{text-align:left!important}
.legacy-section[data-code="90"] .section-listing-table .listing-row-accent td{color:#f00!important}
@media(max-width:600px){.legacy-section[data-code="90"] .section-listing-table td{padding:3px 4px!important;font-size:16px!important;line-height:1.35!important}.legacy-section[data-code="90"] .section-listing-table .listing-period{width:72px!important}}

/* 后台资料标记：“文字”显示为红字；可与 {文字} 黄底规则组合使用。 */
.legacy-section .text-red{color:#f00!important}
/* 澳门官方论坛高手榜：固定高手贴图标 + 后方五个独立资料格。 */
.legacy-section.status-board-section .official-forum-ranking-table tr:not(.official-forum-ranking-heading)>td:not(:first-child),
.legacy-section[data-code="97"] .official-forum-ranking-table tr:not(.official-forum-ranking-heading)>td:not(:first-child){text-align:center!important;vertical-align:middle}
.legacy-section.status-board-section .official-forum-ranking-table tr>td:first-child,
.legacy-section[data-code="97"] .official-forum-ranking-table tr>td:first-child{width:82px;min-width:82px;text-align:center!important;vertical-align:middle}
.legacy-section.status-board-section .official-forum-ranking-table .official-forum-ranking-heading td,
.legacy-section[data-code="97"] .official-forum-ranking-table .official-forum-ranking-heading td{background:#009999!important}
.legacy-section.status-board-section .text-red,
.legacy-section[data-code="97"] .text-red{color:#f00!important}
.legacy-section.status-board-section .hl,
.legacy-section[data-code="97"] .hl{background:#ff0!important;color:#111!important;padding:0 2px}