@charset "utf-8";

/*
 * 新新彩 · 翡翠雅金主题
 * 仅覆盖视觉样式，不改变现有页面结构、数据与交互。
 */

:root {
    --xxc-emerald-900: #004b3a;
    --xxc-emerald-800: #005c46;
    --xxc-emerald-700: #006b50;
    --xxc-emerald-600: #087a5d;
    --xxc-gold-500: #d7b35c;
    --xxc-gold-300: #e8d39a;
    --xxc-ivory-100: #fffaf0;
    --xxc-ivory-200: #fbf3df;
    --xxc-ivory-300: #f2e6c8;
    --xxc-ink: #26352f;
    --xxc-muted: #6f746c;
    --xxc-red: #c7352c;
}

html {
    background-color: var(--xxc-ivory-200) !important;
    background-image: url("./ivory-lotus-wave.webp") !important;
    background-repeat: repeat !important;
    background-size: 768px 768px !important;
    background-attachment: fixed !important;
}

body {
    color: var(--xxc-ink) !important;
    background-color: rgba(255, 250, 240, 0.88) !important;
    box-shadow: 0 0 28px rgba(0, 75, 58, 0.14);
    font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif !important;
}

a,
a:link,
a:visited {
    color: var(--xxc-emerald-800);
}

a:hover,
a:active {
    color: var(--xxc-emerald-600);
}

.header {
    color: var(--xxc-ivory-100) !important;
    background-color: var(--xxc-emerald-700) !important;
    border-bottom: 2px solid var(--xxc-gold-500);
    border-radius: 0 !important;
    box-shadow: 0 5px 16px rgba(0, 75, 58, 0.2);
}

.head-title-img .natural {
    display: none !important;
}

.header .logo {
    display: flex;
    align-items: center;
    margin-left: 12px;
}

.header .logo .logo-img {
    width: auto !important;
    height: 56px !important;
    max-width: 222px !important;
    object-fit: contain;
    filter: brightness(0) invert(1) sepia(0.16) saturate(0.7);
}

.header .bank {
    right: 8px;
}

.header .bank a,
.header .bank a:link,
.header .bank a:visited {
    color: var(--xxc-ivory-100) !important;
    font-weight: 600;
}

.header .bank img {
    filter: sepia(0.18) saturate(0.8);
}

.nav {
    background-color: var(--xxc-emerald-800) !important;
    border-top: 1px solid rgba(232, 211, 154, 0.75) !important;
    border-radius: 0 !important;
}

.nav span {
    color: var(--xxc-ivory-100);
    border-right: 1px solid rgba(232, 211, 154, 0.42);
    font-weight: 600;
    transition: background-color 0.18s ease, color 0.18s ease;
}

.nav span:nth-child(6n) {
    border-right: 0;
}

.nav span:hover {
    color: #fff;
    background-color: var(--xxc-emerald-600) !important;
}

.box {
    color: var(--xxc-ink);
    background-color: rgba(255, 250, 240, 0.96) !important;
    border: 1px solid var(--xxc-gold-300);
    border-radius: 7px !important;
    box-shadow: 0 3px 10px rgba(0, 75, 58, 0.08);
}

.news-box {
    display: flex;
    align-items: center;
    min-height: 38px;
    background-color: var(--xxc-ivory-100) !important;
    border-color: var(--xxc-gold-500);
}

.news-title {
    flex: 0 0 auto;
    color: var(--xxc-emerald-800);
    font-weight: 700;
}

.news-title img {
    opacity: 0.92;
}

.txtMarquee-left {
    flex: 1 1 auto;
    min-width: 0;
    color: var(--xxc-ink);
}

.txtMarquee-left marquee,
.txtMarquee-left .bd ul li,
.txtMarquee-left .bd ul li a {
    color: var(--xxc-ink) !important;
}

.subnav {
    padding: 9px 0 !important;
    background-color: rgba(255, 250, 240, 0.96) !important;
    border: 1px solid var(--xxc-gold-300);
    box-shadow: 0 3px 10px rgba(0, 75, 58, 0.07);
}

.subnav a,
.subnav a:link,
.subnav a:visited {
    color: var(--xxc-emerald-900) !important;
    text-shadow: none !important;
}

.subnav a img {
    display: none !important;
}

.pad {
    background-color: rgba(255, 250, 240, 0.96) !important;
}

.list-title,
#yxym .list-title,
.sup-title,
.sideMenu h3 {
    color: #f7dc91 !important;
    background: var(--xxc-emerald-700) !important;
    border-color: var(--xxc-gold-500) !important;
    text-shadow: none !important;
    box-shadow: inset 0 -1px 0 rgba(232, 211, 154, 0.42);
}

.list-title {
    letter-spacing: 0.06em;
    border-radius: 6px 6px 0 0 !important;
}

.qxtable,
.jueshatable,
.jiesitable,
.tablebox,
.listtable,
.tie-con,
.tie-con.gaoshou {
    color: var(--xxc-ink) !important;
    background-color: rgba(255, 250, 240, 0.98) !important;
}

.qxtable th,
.qxtable td,
.jueshatable th,
.jueshatable td,
.jiesitable th,
.jiesitable td,
.tablebox th,
.tablebox td {
    border-color: var(--xxc-gold-300) !important;
}

.qxtable th,
.qxtable th[style*="#397994"],
.qxtable td[style*="#397994"],
.qxtable th[style*="#9e9e9e"],
.qxtable td[style*="#9e9e9e"] {
    color: var(--xxc-ivory-100) !important;
    background-color: var(--xxc-emerald-700) !important;
}

.qxtable td[bgcolor="#397994"],
.qxtable td[bgcolor="#4A6DA5"] {
    color: var(--xxc-emerald-900) !important;
    background-color: var(--xxc-ivory-200) !important;
}

.qxtable td[bgcolor="#397994"][colspan],
.qxtable td[bgcolor="#4A6DA5"][colspan] {
    color: var(--xxc-ivory-100) !important;
    background-color: var(--xxc-emerald-700) !important;
}

.qxtable td[bgcolor="#FFFFFF"],
.qxtable td[bgcolor="#ffffff"],
.qxtable[bgcolor="#FFFFFF"],
.qxtable[bgcolor="#ffffff"] {
    background-color: var(--xxc-ivory-100) !important;
}

.qxtable font[color="#FFFFFF"],
.qxtable font[color="#ffffff"],
.qxtable td[bgcolor="#397994"] *,
.qxtable td[bgcolor="#4A6DA5"] * {
    color: var(--xxc-emerald-900) !important;
}

.qxtable td[bgcolor="#397994"][colspan] *,
.qxtable td[bgcolor="#4A6DA5"][colspan] *,
.qxtable th font[color="#FFFFFF"],
.qxtable th font[color="#ffffff"] {
    color: var(--xxc-ivory-100) !important;
}

.qxtable th {
    font-weight: 700;
}

.qxtable .cyysxz,
.cyysxz {
    color: var(--xxc-red) !important;
    background-color: #f8df77 !important;
}

.tie-con ul li {
    background-color: rgba(255, 250, 240, 0.92);
    border-bottom: 1px solid rgba(215, 179, 92, 0.5);
}

.tie-con ul li a,
.tie-con ul li a:link,
.tie-con ul li a:visited {
    color: var(--xxc-ink) !important;
    border-bottom-color: rgba(215, 179, 92, 0.5) !important;
}

.tie-con ul li a:hover {
    color: var(--xxc-emerald-700) !important;
    background-color: rgba(242, 230, 200, 0.45);
}

.wsr {
    color: #b52c50 !important;
}

.platform-list {
    background-color: var(--xxc-ivory-100) !important;
}

.platform-list .item-body {
    color: var(--xxc-ink) !important;
    background: var(--xxc-ivory-300) !important;
    border-color: var(--xxc-gold-300) !important;
    box-shadow: none !important;
}

.platform-list .item-body:not(.cur):hover {
    color: var(--xxc-emerald-800) !important;
    background: #f7edcf !important;
}

.platform-list .item-body.cur {
    color: var(--xxc-ivory-100) !important;
    background: var(--xxc-emerald-700) !important;
}

.platform-list .item-body.cur::before {
    border-top-color: var(--xxc-emerald-700) !important;
}

.KJ-TabBox {
    color: var(--xxc-ink) !important;
    background-color: var(--xxc-ivory-100) !important;
}

.KJ-TabBox li {
    color: var(--xxc-ink) !important;
    background: var(--xxc-ivory-300) !important;
}

.KJ-TabBox li.cur,
.KJ-TabBox li:nth-child(1).cur,
.KJ-TabBox li:nth-child(2).cur,
.KJ-TabBox li:nth-child(3).cur,
.KJ-TabBox li:nth-child(4).cur {
    color: var(--xxc-ivory-100) !important;
    background: var(--xxc-emerald-700) !important;
}

.kj-lotto {
    color: var(--xxc-ink) !important;
    background-color: var(--xxc-ivory-100);
}

.kj-lotto .kj-lotto-tit {
    color: var(--xxc-emerald-900);
    font-weight: 700;
    border-bottom: 1px solid var(--xxc-gold-300);
}

.kj-lotto .kj-lotto-box ul li {
    background: var(--xxc-ivory-100) !important;
    border-color: var(--xxc-gold-300) !important;
    box-shadow: 0 2px 7px rgba(0, 75, 58, 0.09) !important;
}

.kj-lotto-foot input[type="button"],
.kj-lotto-foot input[type="submit"] {
    color: var(--xxc-ivory-100) !important;
    background-color: var(--xxc-emerald-700) !important;
    border: 1px solid var(--xxc-gold-500) !important;
    border-radius: 14px;
}

.yqlj .link,
.yqlj li a {
    color: var(--xxc-ivory-100) !important;
    background-color: var(--xxc-emerald-700) !important;
    border-color: var(--xxc-gold-300) !important;
}

.copyright {
    color: var(--xxc-muted);
    border-bottom-color: var(--xxc-gold-300);
}

.materials-status {
    color: var(--xxc-emerald-900);
    font-weight: 700;
}

.materials-pending {
    margin: 12px 0 18px;
    padding: 14px 16px;
    color: var(--xxc-emerald-900);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    background: var(--xxc-ivory-200);
    border: 1px solid var(--xxc-gold-500);
    border-left: 5px solid var(--xxc-emerald-700);
    border-radius: 8px;
}

@media (max-width: 500px) {
    .header .logo {
        margin-left: 8px;
    }

    .header .logo .logo-img {
        height: 50px !important;
        max-width: 190px !important;
    }

    .nav span {
        font-size: 12px;
    }

    .box {
        margin: 4px 3px;
    }

    .list-title {
        font-size: 18px;
    }

    .materials-pending {
        margin: 10px 0 14px;
        padding: 11px 12px;
        font-size: 15px;
    }
}