:root {
    --ga-records-navy: #0b2d4b;
    --ga-records-blue: #123a63;
    --ga-records-red: #c62828;
    --ga-records-gold: #d4a72c;
    --ga-records-paper: #fffdf8;
    --ga-records-ivory: #f7f3e8;
    --ga-records-line: #d8cfb8;
}

html,
body {
    color: #1f2933;
    background: var(--ga-records-ivory) !important;
    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif !important;
}

.layout,
.container,
.gallery {
    max-width: 760px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.menu.fixed-top,
.menu .inner,
.fixed-top {
    background: var(--ga-records-navy) !important;
    border-bottom-color: var(--ga-records-gold) !important;
}

.menu .line-60,
.menu dt,
.menu a {
    color: #fff !important;
}

.badge.active_on,
.bg-gray.active_on {
    color: #fff !important;
    background: var(--ga-records-red) !important;
}

.infos,
.date-group,
.container > div,
.gallery > div {
    background: var(--ga-records-paper);
    border-color: var(--ga-records-line) !important;
    box-shadow: none !important;
}

.container h1,
.container h2,
.gallery h1,
.gallery h2,
.date-title {
    color: var(--ga-records-navy) !important;
    border-bottom-color: var(--ga-records-gold) !important;
}

table {
    background: var(--ga-records-paper);
}

th {
    color: #fff !important;
    background: var(--ga-records-blue) !important;
}

td {
    border-color: #e6dfcf !important;
}

/* 开奖记录筛选：旧主题把菜单内链接统一设成白色，导致白底区域文字不可见。 */
#topbartit.title {
    background: #fffdf8 !important;
    border-top: 1px solid #d8cfb8 !important;
    border-bottom: 2px solid #d4a72c !important;
}
#topbartit .left {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px 6px !important;
    width: 100% !important;
    padding: 11px 12px !important;
    box-sizing: border-box !important;
}
#topbartit .left > label {
    margin-right: 3px !important;
    color: #b71920 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}
#topbartit input.history {
    width: 19px !important;
    height: 19px !important;
    margin: 0 !important;
    accent-color: #b71920 !important;
    vertical-align: middle !important;
}
.menu #topbartit a.history {
    display: inline-block !important;
    margin-right: 5px !important;
    padding: 4px 7px !important;
    color: #24362b !important;
    background: #f3ead2 !important;
    border: 1px solid #c8b47d !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-shadow: 0 1px 0 #fff !important;
}
.menu #topbartit a.history[data-status="on"] {
    color: #fff !important;
    background: #b71920 !important;
    border-color: #8f1117 !important;
    text-shadow: 0 1px 0 #681015 !important;
}

@media (max-width: 540px) {
    #topbartit .left { gap: 7px 4px !important; padding: 9px 8px !important; }
    #topbartit .left > label { width: 100% !important; font-size: 15px !important; }
    .menu #topbartit a.history { margin-right: 2px !important; padding: 4px 5px !important; font-size: 12px !important; }
}