*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;padding:10px;background:#e5e0d3;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#171717}.cgi-body{max-width:1000px;margin:auto;background:#fff;border:1px solid #b7b09b}.classic-banner{width:100%;background-image:url('../images/brand-board.png');background-size:100% auto;background-repeat:no-repeat}.hero{aspect-ratio:1983/284;background-position:center top}.section-light{aspect-ratio:1983/238;background-position:center 56%;border-top:6px solid #e5e0d3;border-bottom:6px solid #e5e0d3}.section-dark{aspect-ratio:1983/245;background-position:center bottom;border-top:6px solid #e5e0d3;border-bottom:6px solid #e5e0d3}.nav2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 10px;background:#fff;position:sticky;top:0;z-index:10;border-top:1px solid #d7ceba;border-bottom:1px solid #d7ceba}.nav2 a{display:block;background:#274c43;color:#fff;text-decoration:none;text-align:center;border-radius:24px;line-height:1.7;padding:5px 2px;font-size:20px;border:1px solid #a58b56}.nav2 a:hover{background:#396357}.period-strip{text-align:center;background:#ece2c9;color:#65512e;font-size:18px;padding:8px;border-bottom:1px solid #ac9563}.box{margin:10px 0}table{width:100%;border-collapse:collapse;table-layout:auto}th{background:#24463d;color:white;text-align:center;padding:9px 5px;font-size:22px;line-height:1.5;border:1px solid #6f8976}th span{color:#ffebae}td{border:1px solid #d2cbb9;padding:9px 5px;font-size:22px;line-height:1.6;overflow-wrap:anywhere}.reference-row{text-align:left;background:#fff}.reference-row strong{color:#28634f}.draw-status{text-align:center;background:#f4f0e5;color:#546454;font-size:17px}.old-links ul{list-style:none;margin:0;padding:0}.old-links li{border-bottom:1px solid #d2cbb9;background:#fff;line-height:1.7;padding:7px 8px;font-size:21px}.old-links li:nth-child(even){background:#f5f1e6}.old-links a{display:block;color:#315746;text-decoration:none}.old-links span{color:#314455}.old-links em{float:right;font-size:16px;color:#876b3c;font-style:normal}.picture-cell{padding:0;text-align:center}.picture-cell img{display:block;width:100%;height:auto}.picture-cell small{display:block;background:#f2eee2;color:#6a7162;font-size:15px;padding:5px}.draw-widget{margin:0;border-top:1px solid #b9c7d9;border-bottom:2px solid #b9c7d9}.draw-main{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:10px 7px;background:#f8f5ec}.draw-label{text-align:center;font-size:25px;font-weight:bold;min-width:72px;line-height:1.3}.draw-label small{font-size:17px}.draw-ball{flex:1;max-width:110px;background:#2455ce;text-align:center;padding:3px}.draw-ball strong{display:block;color:white;font-size:34px;line-height:1.1}.draw-ball span{display:block;background:#fff;font-size:17px;line-height:1.4;margin-top:5px;color:#465d4d}.color-1{background:#27824e}.color-2{background:#b94343}.draw-plus{font-size:28px}.draw-toolbar{display:flex;justify-content:space-between;gap:8px;padding:7px;background:#f4ead1;color:#765b2f;font-size:15px}#rules{margin-top:20px;border-top:3px solid #a58b56;padding:18px 15px;background:#efe9d9;font-size:16px;line-height:1.8;color:#565443}#rules h2{font-size:21px;margin:0 0 8px}#rules a{color:#365a47}#rules p{margin:8px 0}.sub-header{display:flex;justify-content:space-between;background:#24463d;color:#fff;padding:14px;font-size:21px}.sub-header a{color:#fff;text-decoration:none}@media(max-width:600px){body{padding:0}.cgi-body{border:0}.nav2{gap:6px;padding:10px 6px}.nav2 a{font-size:16px}th{font-size:19px}td{font-size:19px}.old-links li{font-size:18px}.old-links em{font-size:13px}.draw-label{min-width:44px;font-size:19px}.draw-label small{font-size:12px}.draw-main{gap:3px;padding:9px 4px}.draw-ball strong{font-size:25px}.draw-ball span{font-size:11px}.draw-plus{font-size:19px}.draw-toolbar{font-size:12px;flex-wrap:wrap}}
mark{background:#ffeb3b;color:#171717;padding:0 2px}.audit-status{display:block;font-size:15px;color:#737361;font-weight:normal}.test-explanation{padding:16px;background:#f2ead5;line-height:1.8;font-size:17px}
.period-break td{border-top:8px solid #e5e0d3;background:#ebe6d7;color:#24463d;padding:12px 8px;font-size:18px;font-weight:bold;letter-spacing:1px}
.next-draw-time{background:#f4ead1;color:#935332;padding:7px 8px;font-size:15px;line-height:1.6;border-top:1px solid #d3c4a0}@media(max-width:600px){.next-draw-time{font-size:13px}}
.feed-blue{background:#2455ce}.feed-red{background:#b94343}.feed-green{background:#27824e}.draw-toolbar button{border:0;border-radius:5px;background:#24463d;color:white;padding:4px 12px;cursor:pointer}.draw-toolbar button:disabled{opacity:.6}.feed-source{padding:4px 8px;font-size:13px;background:#f4f0e5;color:#546454}.feed-source a{color:#315746}

body{font-family:'Noto Serif SC','Source Han Serif SC','SimSun',serif;background-color:#e5e0d3;background-image:radial-gradient(ellipse at top,#f7f2e6,#e3decd 65%,#cfcbbd);background-attachment:fixed}.cgi-body{background:#fffdf5;border-color:#afa58c;box-shadow:0 10px 40px #263b3026}.classic-banner{aspect-ratio:20/3;background-size:100% 300%}.hero{background-position:center top}.section-light{background-position:center center}.section-dark{background-position:center bottom}.nav2{background:#f6f0e1}.nav2 a{border-radius:4px;letter-spacing:2px;border:1px solid #aa9569;box-shadow:inset 0 0 0 2px #ffffff17}.reference-row{background:#fffdf6}th{letter-spacing:1px}.period-strip{letter-spacing:2px}#rules h2{letter-spacing:2px}.next-draw-time{border-color:#bdac84}/* Stronger carved-plaque typography to match the dimensional banners. */
.nav2 a{font-family:'Microsoft YaHei','Noto Serif SC',serif;font-weight:800;font-size:21px;color:#fff0bd;background:linear-gradient(180deg,#31594b,#173d32);border:2px solid #b79a5b;box-shadow:inset 0 0 0 1px #e2c88066,0 2px 5px #183a3226;text-shadow:0 2px 2px #092a23;letter-spacing:2px}
th{font-family:'Microsoft YaHei','Noto Serif SC',serif;font-weight:800;font-size:24px;color:#ffe7aa;background:linear-gradient(180deg,#31564a,#203e34);border-color:#a58b56;text-shadow:0 1px 2px #0d281e;letter-spacing:1px}th span{color:#ffdd86;font-weight:900}.period-strip{font-weight:700;color:#634a21}.classic-banner{background-image:url('../images/brand-board.png?v=gold-plaque2')}
@media(max-width:600px){.nav2 a{font-size:16px;letter-spacing:0}th{font-size:20px}}
.classic-banner{background-size:100% auto}.hero{aspect-ratio:1870/340;background-position:center top}.section-light{aspect-ratio:1870/250;background-position:center 57.5%}.section-dark{aspect-ratio:1870/251;background-position:center bottom}
/* Larger first brand banner; section banners retain their existing dimensions. */
.hero{aspect-ratio:1870/400;background-size:100% 247.35294%;background-position:center top}
.nav2 a{font-family:inherit;font-weight:400;font-size:20px;color:#fff;background:#274c43;border:1px solid #a58b56;box-shadow:inset 0 0 0 2px #ffffff17;text-shadow:none;letter-spacing:2px}
.nav2 a:hover{background:#396357}
th{font-family:inherit;font-weight:700;font-size:22px;color:#fff;background:#24463d;border-color:#6f8976;text-shadow:none;letter-spacing:1px}th span{color:#ffebae;font-weight:inherit}
@media(max-width:600px){.nav2 a{font-size:16px;letter-spacing:2px}th{font-size:19px}}
/* Larger dimensional brand header; restrained ink-calligraphy section banners. */
.hero{aspect-ratio:1870/520;background-image:url('../images/brand-board.png?v=brand-large3');background-size:100% 247.35294%;background-position:center top}
.section-light{aspect-ratio:1870/250;background-image:url('../images/section-ink-board.png?v=ink1');background-size:100% 300%;background-position:center center}
.section-dark{aspect-ratio:1870/251;background-image:url('../images/section-ink-board.png?v=ink1');background-size:100% 300%;background-position:center bottom}

/* Large first brand banner; other section banner dimensions retained. */
.hero{aspect-ratio:1870/520;background-size:100% 247.35294%;background-position:center top}


/* compact-home-period-gap */
.nav2 ~ .box .period-break td{padding:0!important;height:6px;line-height:0;font-size:0;border-top-width:1px;border-bottom-width:1px}

/* home-period-gap-v2 */
.home-reference .period-break td{padding:0!important;height:5px!important;line-height:0;font-size:0;border-top-width:1px!important;border-bottom-width:1px!important}
.home-reference.multi-row-period .period-break td{padding:0!important;height:30px!important;border-top-width:8px!important}