/* 橄榄金主题：布局与开奖波色沿用六合王，仅覆盖品牌配色。 */
:root {
    --divider-image: linear-gradient(#817c00, #e5e2b5 35%, #bdb75c 65%, #817c00);
    --expert-title-edge: var(--color-accent);
    --color-accent: #908a09;
    --brand-gradient: linear-gradient(90deg, #e5e2b5 0%, #bdb75c 48%, #908b18 100%);
    --active-gradient: linear-gradient(180deg, #b7b05a 0%, #908a09 100%);
    --theme-soft: #f7f4d9;
    --theme-ink: #5d5900;
}
.four-zodiac-gallery { margin:8px 0; border:2px solid #908a09; border-radius:8px; overflow:hidden; background:white; }
.two-issue-six-row {display:grid;grid-template-columns:18% 61% 21%;align-items:center;text-align:center;border-top:1px solid #ccc;background:linear-gradient(#fff,#f0f0f0 55%,#fafafa);font:700 clamp(12px,2.7vw,24px)/1.65 Arial,"Microsoft YaHei",sans-serif;}
.two-issue-six-row > div {padding:8px 2px;}
.two-issue-six-row > div + div {border-left:1px solid #ccc;}
.two-issue-six-row mark {background:#ff0;color:#f03;}
.two-issue-six-row .seven-values {color:#ff0033;}
.four-zodiac-tabs { display:flex; gap:8px; padding:10px; overflow-x:auto; }
.four-zodiac-tabs button { flex:0 0 auto; padding:12px 20px; border:1px solid #ccc; border-radius:7px; background:#f7f7f7; color:#222; font-size:20px; font-weight:800; cursor:pointer; }
.four-zodiac-tabs button.active { background:#908a09; border-color:#908a09; color:white; }
.four-zodiac-poster { padding:16px; border:12px solid #8e1a17; background:#faf1da; text-align:center; color:#8e1a17; }
.four-zodiac-poster h2 { margin:0 0 16px; padding:20px 6px; border:5px double #c39b42; background:#8e1a17; color:#faf1da; font-size:clamp(26px,5vw,52px); }
.four-zodiac-poster p { margin:10px 0; font-size:clamp(14px,2.6vw,24px); font-weight:700; }
.four-zodiac-poster h3 { margin:12px 0 20px; font-size:clamp(22px,4vw,38px); }
.four-zodiac-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.four-zodiac-grid figure { margin:0; padding:20px 8px 10px; border:1px solid #bd963d; background:radial-gradient(ellipse,#fffdf4,#f4e5bf); }
.four-zodiac-grid figure span { display:block; font-size:clamp(80px,18vw,180px); line-height:1.4; font-family:'Apple Color Emoji','Segoe UI Emoji',sans-serif; }
.four-zodiac-grid figcaption { font-size:clamp(20px,3.5vw,32px); font-weight:800; }
body {
    background: #f7f6ef;
}
/* 独立背景图片：仅宽屏显示两侧装饰，中间及页面底色保持白色。 */
@media (min-width: 824px) {
    body {
        background-image: linear-gradient(90deg, #817c00, #e5e2b5 40%, #bdb75c 70%, #817c00), linear-gradient(90deg, #817c00, #e5e2b5 40%, #bdb75c 70%, #817c00);
        background-size: 12px 100%, 12px 100%;
        background-position: calc(50% - 406px) top, calc(50% + 406px) top;
        background-repeat: repeat-y;
    }
}
.main .header .tabs .tab.active,
.main .nav {
    color: #fff;
}
.content > section td[colspan],
.tuku-title {
    background: var(--theme-soft);
    color: var(--theme-ink);
}
.content > section table {
    border-color: var(--color-accent);
}
.main .gallery-detail {
    border-top-color: var(--color-accent);
}
.main .gallery-detail-header {
    background: #fbfaed;
    border-bottom-color: #c6bd63;
}

/* 当前站点的统一橄榄金版面，优先于旧主题遗留样式。 */
.main .header .header-inner,
.main .nav {
    background: var(--brand-gradient) !important;
}
.main .header .tabs {
    background: #fff !important;
    border-color: var(--color-accent) !important;
}
.main .header .tabs .tab {
    background: #efefef !important;
    color: #333 !important;
}
.main .header .tabs .tab.active {
    background: var(--active-gradient) !important;
    color: #fff !important;
}
body [data-daily-ad-label] {
    background: linear-gradient(90deg, #d2cd92, #aaa347) !important;
    color: #393600 !important;
}
body .main [data-homepage-draw] {
    display: flow-root;
    padding-bottom: 0;
    overflow: visible;
}
body .main [data-homepage-draw] > lotto-box {
    position: relative;
    z-index: 1;
    margin-bottom: 0;
}
body .site-ad-html.popular-materials {
    margin-top: 5px !important;
    position: relative;
    clear: both;
}
.daily-date-bar {
    box-sizing: border-box;
    width: 100%;
    margin: 5px 0;
    padding: 10px 6px;
    border-radius: 6px;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size: clamp(12.1px, 2.97vw, 26.4px);
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}
/* Four information sections share the homepage's olive-gold separator. */
body .expert-zone[aria-label="内幕高手"]::before,
body .expert-zone[aria-label="榜单高手"]::before,
body .member-recommendations[data-block-code="MO_HY"]::before,
body .homepage-annual-directory::before,
body .site-ad-html[data-block-code="HKGG5" i]::before,
body .site-ad-html.popular-materials::before {
    content: "";
    display: block;
    width: 100%;
    height: 12px;
    margin: 0;
    background: var(--divider-image);
}
body .site-ad-html[data-block-code="HKGG5" i] th,
body .site-ad-html[data-block-code="HKGG5" i] table,
body .site-ad-html.popular-materials > h2,
body .expert-zone > h2 {
    border-top: 0 !important;
    margin-top: 0 !important;
}
body .popular-materials {
    border: 1px solid #908a09 !important;
    border-radius: 6px;
    overflow: hidden;
    background: #fff !important;
}
body .site-ad-html.popular-materials > h2,
body .expert-seven-module > h2 {
    margin: 0;
    padding: 10px 5px;
    background: linear-gradient(180deg, #817c00 0%, #bcb984 45%, #eeeee6 100%) !important;
    color: #000 !important;
    text-align: center;
    font-size: clamp(16px, 2.7vw, 22px);
    font-weight: 800;
    line-height: 1.4;
}
.expert-seven-module {
    margin: 6px 0;
    border: 1px solid #908a09;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}
.expert-seven-pending {
    padding: 16px 6px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #f03;
    background: linear-gradient(#fff, #f2f2f2, #fff);
}
.expert-seven-row {
    padding: 12px 5px;
    border-top: 1px solid #ccc;
    background: linear-gradient(#fff, #f0f0f0 55%, #fafafa);
    text-align: center;
    font: 700 clamp(14px, 2.7vw, 23px)/1.6 Arial, "Microsoft YaHei", sans-serif;
    color: #111;
}
.seven-values { color: #ff0034; }
.expert-seven-row mark { background: #ff0; color: #ff0034; }
body [data-featured-wave-container] {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
body [data-featured-wave-container] > .expert-seven-module {
    margin-top: 0 !important;
}
body .site-ad-html[data-block-code="GG1" i] img[src*="ad-divider"],
body .site-ad-html[data-block-code="GG1" i] > .dividing {
    display: none !important;
}
body [data-flat-container] {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
body [data-flat-container] > .expert-seven-module {
    margin-top: 0 !important;
}
/* Remove the legacy yellow separators imported with advertisement tables. */
body .main img[src*="e47cec65a0965329cef42ce34d6fd092198732f62b8634d0be5bae8f02ecbc70"],
body .main img[src$="/img/line.gif"],
body .main img[src$="/img/line.png"] {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
}
body [data-weekly-container] .expert-seven-module > h2 {
    background: linear-gradient(180deg, #817c00 0%, #bcb984 45%, #eeeee6 100%) !important;
    color: #000 !important;
    padding: 10px 5px;
    line-height: 1.4;
}
.weekly-recruit-banner {
    box-sizing: border-box;
    width: 100%;
    margin: 5px 0;
    padding: 8px 6px;
    border: 2px solid #908a09;
    border-radius: 4px;
    background: #fff;
    color: #a7a7a7;
    font-family: "STKaiti", "Kaiti SC", "KaiTi", "楷体", serif;
    font-size: clamp(20px, 4.4vw, 42px);
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .16em;
    text-align: center;
    white-space: nowrap;
}
body .main .member-recommendations > h2,
body .main .annual-directory-heading,
body .main .site-ad-html[data-block-code="HKGG6" i] th {
    background: linear-gradient(180deg, #817c00 0%, #bcb984 45%, #eeeee6 100%) !important;
    color: #000 !important;
}
body .main .annual-directory-heading *,
body .main .site-ad-html[data-block-code="HKGG6" i] th * {
    color: #000 !important;
    background: transparent !important;
}
body .main .member-recommendations,
body .main .site-ad-html[data-block-code="HKGG6" i],
body .main .site-ad-html[data-block-code="HKGG6" i] table {
    background: #fff !important;
}
body .main .member-recommendations td,
body .main .member-recommendations a,
body .main .annual-directory li,
body .main .annual-directory a,
body .main .site-ad-html[data-block-code="HKGG6" i] td {
    background: linear-gradient(#fff, #f0f0f0 55%, #fafafa) !important;
}
body .main .member-recommendations a span,
body .main .annual-directory a span,
body .main .site-ad-html[data-block-code="HKGG6" i] td :is(a,span,strong,b) {
    background: transparent !important;
}
body .site-ad-html[data-block-code="HKGG5" i],
body .site-ad-html[data-block-code="HKGG5" i] table,
body .site-ad-html[data-block-code="HKGG5" i] tbody,
body .site-ad-html[data-block-code="HKGG5" i] tr,
body .homepage-formulas {
    background: #fff !important;
}
body .site-ad-html[data-block-code="HKGG5" i] th,
body .homepage-formulas > table:first-child > tbody > tr:first-child > td {
    background: linear-gradient(180deg, #817c00 0%, #bcb984 45%, #eeeee6 100%) !important;
    color: #000 !important;
}
body .site-ad-html[data-block-code="HKGG5" i] th *,
body .homepage-formulas .formula-notice {
    background: transparent !important;
    color: #000 !important;
}
body .site-ad-html[data-block-code="HKGG5" i] td,
body .homepage-formulas td {
    background: linear-gradient(#fff, #f0f0f0 55%, #fafafa) !important;
}
body .site-ad-html[data-block-code="HKGG5" i] td :is(a, span, strong, b, div, p) {
    background: transparent !important;
}
.number-size-row { display: flex; justify-content: center; align-items: center; gap: 8px; flex-wrap: wrap; }
.expert-seven-row [data-wave-name="红波"] { color: #f00; }
.expert-seven-row [data-wave-name="蓝波"] { color: #00f; }
.expert-seven-row [data-wave-name="绿波"] { color: #008000; }
.expert-seven-row [data-wave-name] mark { color: inherit; }
.featured-twenty-row {
    display: grid;
    grid-template-columns: 15% 85%;
    align-items: stretch;
    border-top: 1px solid #ccc;
    background: linear-gradient(#fff, #f0f0f0 55%, #fafafa);
    font: 700 clamp(12px, 2.7vw, 24px)/1.35 Arial, "Microsoft YaHei", sans-serif;
    text-align: center;
}
.featured-twenty-row > strong { display: flex; align-items: center; justify-content: center; border-right: 1px solid #ccc; }
.featured-twenty-values { padding: 4px 2px; color: #ff0033; white-space: nowrap; font-size: 115%; }
.featured-twenty-values mark { background: #ff0; color: #f00; }
/* The advertisement above the wave module needs no trailing separator. */
body [data-block-code="BC2" i] img[src*="ad-divider"] { display: none !important; }
body .site-ad-html[data-block-code="GG1" i],
body .site-ad-html[data-block-code="GG1" i] table,
body .site-ad-html[data-block-code="GG1" i] tbody,
body .site-ad-html[data-block-code="GG1" i] tr {
    background: #fff !important;
}
body .site-ad-html[data-block-code="GG1" i] td {
    background: linear-gradient(#fff, #f0f0f0 55%, #fafafa) !important;
}
body .site-ad-html[data-block-code="GG1" i] td :is(a, span, strong, b) {
    background: transparent !important;
}

/* 内幕高手与连准网站推荐采用相同底色。 */
body .expert-zone[aria-label="内幕高手"] > h2,
body .expert-zone[aria-label="榜单高手"] > h2 {
    background: linear-gradient(180deg, #817c00 0%, #bcb984 45%, #eeeee6 100%) !important;
    color: #000 !important;
}
body .expert-zone[aria-label="内幕高手"] > h2 span,
body .expert-zone[aria-label="榜单高手"] > h2 span {
    background: transparent !important;
    color: inherit !important;
}
body .expert-zone[aria-label="内幕高手"],
body .expert-zone[aria-label="内幕高手"] table,
body .expert-zone[aria-label="内幕高手"] tbody,
body .expert-zone[aria-label="内幕高手"] tr,
body .expert-zone[aria-label="榜单高手"],
body .expert-zone[aria-label="榜单高手"] table,
body .expert-zone[aria-label="榜单高手"] tbody,
body .expert-zone[aria-label="榜单高手"] tr,
body .site-ad-html[data-block-code="HKGG3" i],
body .site-ad-html[data-block-code="HKGG3" i] table,
body .site-ad-html[data-block-code="HKGG3" i] tbody,
body .site-ad-html[data-block-code="HKGG3" i] tr {
    background: #fff !important;
}
body .expert-zone[aria-label="内幕高手"] td,
body .expert-zone[aria-label="内幕高手"] td > a,
body .expert-zone[aria-label="榜单高手"] td,
body .expert-zone[aria-label="榜单高手"] td > a,
body .site-ad-html[data-block-code="HKGG3" i] td {
    background: linear-gradient(#fff, #f0f0f0 55%, #fafafa) !important;
}
body .expert-zone[aria-label="内幕高手"] td > a span,
body .expert-zone[aria-label="榜单高手"] td > a span,
body .site-ad-html[data-block-code="HKGG3" i] td :is(a, span, strong, b) {
    background: transparent !important;
}
body .popular-materials table { background: #fff !important; }
body .popular-materials td:has(a) {
    background: #fff !important;
    border: 0 !important;
    padding: 3px !important;
}
body .site-ad-html.popular-materials td > a {
    display: block;
    padding: 10px 4px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: linear-gradient(#fff, #f0f0f0 55%, #fafafa) !important;
    box-shadow: 0 2px 3px #00000012;
    color: #111 !important;
    text-align: center;
}
body .site-ad-html.popular-materials td > a * {
    background: transparent !important;
}
body .site-ad-html.popular-materials table,
body .site-ad-html.popular-materials tbody,
body .site-ad-html.popular-materials tr,
body .site-ad-html.popular-materials td {
    background: #fff !important;
}
.main .gallery-detail-navigation a {
    background: var(--active-gradient);
    border-color: var(--color-accent);
    color: #fff;
}

/* Clean only the outside edges of the shortcut grid. */
body [data-block-code="HKGG3" i] table {
    border-top: 0 !important;
    border-bottom: 0 !important;
}
body [data-block-code="HKGG3" i] tr:first-child td {
    border-top: 0 !important;
}
body [data-block-code="HKGG3" i] tr:last-child td {
    border-bottom: 0 !important;
}
body [data-member-divider] { display:none !important; }
body .expert-zone[aria-label="精选资料"],
body .expert-zone[aria-label="精选资料"] > h2 {
    margin-top:0 !important;
    padding-top:0;
    border-top:0 !important;
    box-shadow:none !important;
}
body .dividing + .tuku-title,
body .dividing + section > h2:first-child,
body .dividing + table > tbody > tr:first-child > td,
body .dividing + table > tbody > tr:first-child > th {
    border-top:0 !important;
    margin-top:0 !important;
}
