/* 首页采用港澳午夜彩自己的红、藏蓝、金色版式；资料正文沿用传统蓝底黄字标题。 */
:root {
    --ink: #18334e;
    --navy: #173c70;
    --red: #a52326;
    --gold: #c7a75b;
    --paper: #fffdf4;
    --title-blue: #0000ff;
}

html { scroll-behavior: auto; }
body.material-home { margin: 0; background: #eeeee9; color: #151515; font-family: Arial, "Microsoft YaHei", sans-serif; }
.material-home *, .material-home *::before, .material-home *::after { box-sizing: border-box; }
.material-home a:focus-visible { outline: 3px solid #d7902a; outline-offset: -3px; }
.home-shell { width: min(100%, 1020px); margin: 0 auto; padding: 0 5px 20px; background: #fff; }

/* 大标题横幅突出站名与开奖时间，域名在横幅底部完整排开。 */
.site-hero {
    padding: 24px 22px 16px;
    border-top: 8px solid var(--red);
    border-bottom: 5px solid var(--gold);
    background: #142f50;
    text-align: center;
}
.hero-identity { display: flex; align-items: center; justify-content: center; gap: 18px; }
.brand-seal {
    display: grid;
    flex: 0 0 78px;
    width: 78px;
    height: 78px;
    place-items: center;
    border: 4px solid var(--gold);
    background: var(--red);
    color: #fff8dc;
    font-family: KaiTi, STKaiti, serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -.15em;
    padding-right: .15em;
}
.hero-copy { min-width: 0; }
.hero-eyebrow { margin: 0 0 4px; color: #e9ce82; font-size: 16px; font-weight: 700; letter-spacing: .3em; }
.site-hero h1 { margin: 0; color: #fff9df; font-family: KaiTi, STKaiti, "Microsoft YaHei", serif; font-size: clamp(39px, 4.8vw, 52px); font-weight: 700; line-height: 1.2; white-space: nowrap; }
.hero-subtitle { margin: 9px 0 0; color: #f5e7c1; font-size: 18px; font-weight: 700; letter-spacing: .2em; }
.hero-subtitle strong { color: #ffe25c; font-size: 25px; letter-spacing: 0; }
.site-domains { margin-top: 22px; border: 2px solid var(--gold); background: #fff; }
.site-domains-title { display: none; }
.site-domains-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.site-domains-list a { display: flex; min-height: 48px; align-items: center; justify-content: center; padding: 5px 4px; border-right: 1px solid var(--gold); color: var(--navy); font-size: 21px; font-weight: 700; text-decoration: none; }
.site-domains-list a:last-child { border-right: 0; }
.site-domains-list a:hover { text-decoration: underline; }
.site-domains-list .is-current { background: #fff0b5; color: var(--red); }
.site-notice { display: flex; min-height: 48px; align-items: center; gap: 12px; padding: 7px 17px; border-bottom: 3px solid var(--gold); background: #fff0b5; color: #62411d; font-size: 15px; font-weight: 700; }
.site-notice strong { flex: 0 0 auto; padding: 5px 9px; background: var(--red); color: #fff; font-size: 15px; }
.draw-panel { margin: 0; padding: 7px 6px; border-bottom: 2px solid var(--navy); background: #fff; }
.draw-panel iframe { display: block; width: 100%; height: 216px; border: 0; background: #fff; }

/* 红蓝入口用于直达内容；信息区只展示本站真实资料。 */
.feature-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; padding: 10px 6px; background: #fff; }
.feature-link { display: flex; min-height: 63px; align-items: center; justify-content: center; gap: 15px; border: 2px solid; border-radius: 5px; color: #fff; text-align: center; text-decoration: none; }
.feature-link.is-red { border-color: #7f1523; background: linear-gradient(#f2304a, #b40028); }
.feature-link.is-blue { border-color: #123c70; background: linear-gradient(#3984d0, #12417f); }
.feature-link:hover { filter: brightness(1.08); }
.feature-link small { font-size: 12px; font-weight: 700; opacity: .92; }
.feature-link strong { font-size: 21px; line-height: 1.2; }
.bulletin-board { margin: 0 6px 10px; padding: 12px 15px 15px; border: 3px double var(--gold); background: #192f4b; color: #fff; text-align: center; }
.bulletin-board-heading { color: #ffe98b; font-family: KaiTi, STKaiti, "Microsoft YaHei", serif; font-size: 25px; font-weight: 700; }
.bulletin-board-heading span { color: #fff; }
.bulletin-board-content { display: flex; align-items: center; justify-content: space-around; gap: 12px; margin-top: 10px; border-top: 1px solid #7486a0; padding-top: 9px; font-size: 14px; font-weight: 700; }
.bulletin-board-content strong { color: #ffe568; }

/* 九个常用入口排成三列，悬浮时保持本站藏蓝与金色的识别度。 */
.material-nav {
    position: sticky;
    top: 0;
    z-index: 30;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin-bottom: 10px;
    padding: 9px 8px;
    border-top: 4px solid var(--gold);
    border-bottom: 4px solid var(--gold);
    background: rgba(20, 47, 80, .98);
}
.material-nav a { display: flex; min-width: 0; min-height: 54px; align-items: center; justify-content: center; padding: 7px 5px; border: 1px solid #ac915b; border-radius: 2px; background: #244b75; color: #fff8df; font-size: 17px; font-weight: 700; line-height: 1.15; text-align: center; text-decoration: none; }
.material-nav a:first-child { border-color: #c66a60; background: var(--red); color: #fff; }
.material-nav a:last-child { background: #ab8744; color: #112e4d; }
.material-nav a:hover, .material-nav a:focus-visible { background: #356594; color: #fff; }
.material-nav a:first-child:hover, .material-nav a:first-child:focus-visible { background: #c42f32; }
.material-nav a:last-child:hover, .material-nav a:last-child:focus-visible { background: #d7b76e; color: #112e4d; }

.material-stream { display: block; }
.material-section { margin: 0 0 9px; border: 2px solid var(--title-blue); scroll-margin-top: 205px; }
.material-section-heading { display: flex; min-height: 62px; align-items: center; justify-content: center; margin: 0; padding: 4px 8px; border: 7px double #fff; background: var(--title-blue); text-align: center; }
.material-section-heading h2 { margin: 0; color: #ff0; font-family: KaiTi, STKaiti, "Microsoft YaHei", serif; font-size: 28px; font-weight: 700; line-height: 1.25; }
.material-section > table { width: 100% !important; margin: 0 !important; border-collapse: collapse !important; background: #fff !important; }
.material-section > table td { padding: 4px 3px !important; border: 1px solid #ddd !important; background: #fff !important; }
.material-section p { margin: 0; line-height: 1.45; overflow-wrap: anywhere; }
.material-section .zhong, .material-section .zhongsan { background: red; color: #ff0; }

/* 参考七条卡片的排列方式，内容和锚点均为本站资料。 */
.material-link-group { margin: 12px 0; scroll-margin-top: 205px; }
.link-card-list-2026, .link-card-list-2026 * { box-sizing: border-box !important; }
.link-card-list-2026 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 6px !important;
    overflow: hidden !important;
    background: #f3f5f7 !important;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important;
}
.link-card-list-2026 .lc-item {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 82px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .36) !important;
    border-radius: 10px !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 4px 10px rgba(30, 35, 45, .18) !important;
    -webkit-tap-highlight-color: transparent !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
}
.link-card-list-2026 .lc-item:last-child { margin-bottom: 0 !important; }
.link-card-list-2026 .lc-item:active { transform: scale(.985) !important; }
.link-card-list-2026 .lc-table {
    width: 100% !important;
    height: 82px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
    color: #fff !important;
    background: transparent !important;
}
.link-card-list-2026 .lc-table td { padding: 0 !important; border: 0 !important; vertical-align: middle !important; background: transparent !important; }
.link-card-list-2026 .lc-icon-cell { width: 70px !important; text-align: center !important; }
.link-card-list-2026 .lc-icon-box {
    display: inline-flex !important;
    position: relative !important;
    width: 54px !important;
    height: 54px !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    border: 2px solid rgba(255, 255, 255, .88) !important;
    border-radius: 12px !important;
    background: #fff8dc !important;
    color: #a52326 !important;
    font-family: KaiTi, STKaiti, "Microsoft YaHei", serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .22) !important;
    vertical-align: middle !important;
}
.link-card-list-2026 .lc-info { min-width: 0 !important; padding: 7px 5px 6px 1px !important; overflow: hidden !important; }
.link-card-list-2026 .lc-site { height: 19px !important; overflow: hidden !important; color: rgba(255, 255, 255, .9) !important; font-size: 13px !important; line-height: 19px !important; white-space: nowrap !important; text-overflow: ellipsis !important; }
.link-card-list-2026 .lc-title { height: 30px !important; overflow: hidden !important; color: #fff !important; font-size: 21px !important; font-weight: 800 !important; line-height: 30px !important; letter-spacing: .3px !important; white-space: nowrap !important; text-overflow: ellipsis !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .24) !important; }
.link-card-list-2026 .lc-domain { height: 19px !important; overflow: hidden !important; color: rgba(255, 255, 255, .82) !important; font-size: 12px !important; line-height: 19px !important; white-space: nowrap !important; text-overflow: ellipsis !important; }
.link-card-list-2026 .lc-action-cell { width: 78px !important; padding-right: 9px !important; text-align: right !important; }
.link-card-list-2026 .lc-action { display: inline-block !important; min-width: 68px !important; padding: 7px 6px !important; border: 1px solid rgba(255, 255, 255, .72) !important; border-radius: 18px !important; background: rgba(255, 255, 255, .16) !important; color: #fff !important; font-size: 13px !important; font-weight: bold !important; line-height: 16px !important; text-align: center !important; white-space: nowrap !important; box-shadow: inset 0 1px 1px rgba(255, 255, 255, .18) !important; }
.link-card-list-2026 .lc-action::after { content: " ›" !important; font-size: 16px !important; }
.link-card-list-2026 .lc-green { background: linear-gradient(135deg, #075f3d 0%, #0b8c5b 100%) !important; }
.link-card-list-2026 .lc-red { background: linear-gradient(135deg, #8f251d 0%, #cf493a 100%) !important; }
.link-card-list-2026 .lc-blue { background: linear-gradient(135deg, #07558f 0%, #178fbe 100%) !important; }
.link-card-list-2026 .lc-purple { background: linear-gradient(135deg, #25133f 0%, #7040a6 100%) !important; }
.link-card-list-2026 .lc-pink { background: linear-gradient(135deg, #d9558d 0%, #ff8eb4 100%) !important; }
.link-card-list-2026 .lc-navy { background: linear-gradient(135deg, #052d55 0%, #12659a 100%) !important; }
.link-card-list-2026 .lc-goldred { background: linear-gradient(135deg, #a80000 0%, #df351d 65%, #f17a24 100%) !important; }

@keyframes promoGlow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(244, 67, 87, .15); }
    50% { box-shadow: 0 0 0 4px rgba(244, 67, 87, .48); }
}
.feature-links .is-red:first-child { animation: promoGlow 2.4s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) {
    .feature-links .is-red:first-child { animation: none; }
}

.home-footer { padding: 12px 4px 18px; border-top: 3px solid var(--gold); background: var(--paper); text-align: center; font-size: 13px; }
.year-chart { display: block; width: min(100%, 975px); height: auto; margin: 0 auto 12px; border: 1px solid var(--gold); }
.footer-notice { margin: 0 0 10px; padding: 8px 4px; background: #fff0b5; color: #8f2b20; font-size: 14px; font-weight: 700; }
.home-footer a { margin: 0 5px; color: var(--navy); }

@media (max-width: 700px) {
    .home-shell { padding: 0 3px 12px; }
    .site-hero { padding: 18px 9px 10px; }
    .hero-identity { gap: 10px; }
    .brand-seal { flex-basis: 52px; width: 52px; height: 52px; border-width: 2px; font-size: 21px; }
    .hero-eyebrow { font-size: 12px; letter-spacing: .18em; }
    .site-hero h1 { font-size: clamp(25px, 8vw, 32px); }
    .hero-subtitle { margin-top: 6px; font-size: 13px; }
    .hero-subtitle strong { font-size: 18px; }
    .site-domains { margin-top: 15px; }
    .site-domains-list a { min-height: 42px; padding: 4px 1px; font-size: clamp(11px, 3.8vw, 16px); }
    .site-notice { gap: 7px; padding: 7px 8px; font-size: 12px; }
    .site-notice strong { padding: 5px 7px; font-size: 13px; }
    .draw-panel { padding: 4px 2px; }
    .draw-panel iframe { height: 214px; }
    .feature-links { gap: 4px; padding: 6px 3px; }
    .feature-link { min-height: 49px; display: block; padding: 5px 2px; }
    .feature-link small { display: block; font-size: 10px; }
    .feature-link strong { display: block; margin-top: 1px; font-size: clamp(13px, 3.9vw, 17px); }
    .bulletin-board { margin: 0 3px 7px; padding: 8px 6px 10px; }
    .bulletin-board-heading { font-size: 20px; }
    .bulletin-board-content { flex-wrap: wrap; gap: 3px 12px; margin-top: 6px; padding-top: 6px; font-size: 11px; }
    .material-nav { gap: 5px; padding: 7px 5px; }
    .material-nav a { min-height: 56px; padding: 5px 2px; font-size: clamp(12px, 3.75vw, 16px); }
    .material-section { scroll-margin-top: 215px; }
    .material-section-heading { min-height: 50px; border-width: 6px; }
    .material-section-heading h2 { font-size: clamp(17px, 4.6vw, 22px); }
    .material-link-group { margin: 9px 0; scroll-margin-top: 215px; }
}

@media screen and (max-width: 480px) {
    .link-card-list-2026 { padding: 4px !important; }
    .link-card-list-2026 .lc-item, .link-card-list-2026 .lc-table { height: 76px !important; }
    .link-card-list-2026 .lc-icon-cell { width: 62px !important; }
    .link-card-list-2026 .lc-icon-box { width: 48px !important; height: 48px !important; border-radius: 10px !important; }
    .link-card-list-2026 .lc-info { padding-right: 2px !important; }
    .link-card-list-2026 .lc-title { height: 28px !important; font-size: clamp(16px, 5vw, 20px) !important; line-height: 28px !important; }
    .link-card-list-2026 .lc-action-cell { width: 65px !important; padding-right: 6px !important; }
    .link-card-list-2026 .lc-action { min-width: 58px !important; padding: 6px 3px !important; font-size: 12px !important; }
}

@media screen and (max-width: 350px) {
    .link-card-list-2026 .lc-icon-cell { width: 56px !important; }
    .link-card-list-2026 .lc-icon-box { width: 44px !important; height: 44px !important; }
    .link-card-list-2026 .lc-action-cell { width: 59px !important; }
    .link-card-list-2026 .lc-action { min-width: 52px !important; font-size: 11px !important; }
}