/* Visual-only betting lounge theme. No layout hooks or interaction logic live here. */
:root {
  --bet-bg: #07120f;
  --bet-panel: #10231d;
  --bet-panel-soft: #173129;
  --bet-panel-deep: #091713;
  --bet-red: #d81f2a;
  --bet-red-dark: #8d0e17;
  --bet-gold: #e6bd5a;
  --bet-gold-light: #fff0a8;
  --bet-cream: #fffaf0;
  --bet-text: #f8f3e5;
  --bet-muted: #b9c6c0;
  --bet-line: rgba(230, 189, 90, .28);
  --bet-shadow: 0 10px 28px rgba(0, 0, 0, .34);
  --bet-gold-metal: linear-gradient(90deg, #8c5c0c 0%, #f8df83 18%, #b47a16 43%, #fff0a8 66%, #8b5909 100%);
  --bet-red-gloss: linear-gradient(180deg, #ff5961 0%, #d71924 42%, #8a0911 100%);
}

html,
html body,
html uni-page-body {
  background:
    radial-gradient(circle at 50% -12%, rgba(59, 120, 91, .34), transparent 36%),
    linear-gradient(180deg, #0c211a 0, var(--bet-bg) 360px, #060d0b 100%) !important;
}

html body {
  position: relative;
  color: #202923;
  box-shadow: 0 0 60px rgba(0, 0, 0, .58);
}

html body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .32;
  background-image:
    linear-gradient(30deg, rgba(230, 189, 90, .09) 12%, transparent 12.5%, transparent 87%, rgba(230, 189, 90, .09) 87.5%),
    linear-gradient(150deg, rgba(230, 189, 90, .09) 12%, transparent 12.5%, transparent 87%, rgba(230, 189, 90, .09) 87.5%),
    radial-gradient(circle, rgba(255, 224, 122, .14) 0 1px, transparent 1.5px);
  background-size: 48px 84px;
}

html body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 999999;
  pointer-events: none;
  border: 2px solid rgba(236, 194, 81, .42);
  box-shadow: inset 0 0 24px rgba(229, 180, 50, .12);
}

html body .content {
  min-height: 100%;
  background: transparent !important;
}

/* Casino marquee edges: visual only, kept behind all interactive content. */
html body .kaijiang_info {
  position: relative;
  padding-top: 5px;
}

html body .kaijiang_info::before {
  content: "◆  LIVE LOTTERY  ◆";
  display: block;
  width: max-content;
  max-width: calc(100% - 28px);
  margin: 7px auto 2px;
  padding: 4px 18px;
  overflow: hidden;
  color: #4e3104;
  background: var(--bet-gold-metal);
  border: 1px solid #fff0ae;
  border-radius: 999px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .78);
  font: 900 11px/1.2 system-ui, sans-serif;
  letter-spacing: 2px;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .35);
  pointer-events: none;
}

/* Lottery selector: a compact sportsbook-style market switcher. */
html body .kaijiang_info .type_list,
html body .kaijiang_info .type_list[data-lottery-switch="1"] {
  background: linear-gradient(180deg, #18372d, #0b1d17) !important;
  border: 1px solid rgba(230, 189, 90, .5) !important;
  border-radius: 0 0 14px 14px !important;
  box-shadow: 0 7px 22px rgba(0, 0, 0, .42), inset 0 -1px 0 rgba(255, 255, 255, .04) !important;
}

html body .kaijiang_info .type_list .type_item,
html body .kaijiang_info .type_list[data-lottery-switch="1"] .type_item {
  flex: 1 1 0;
  width: auto !important;
  min-width: 0;
  position: relative;
  overflow: hidden;
  color: #dce7e1 !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)) !important;
  border: 1px solid rgba(255, 255, 255, .09) !important;
  border-radius: 9px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

html body .kaijiang_info .type_list .type_item::after {
  content: "";
  position: absolute;
  right: 7px;
  bottom: 5px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #6f8079;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .05);
}

html body .kaijiang_info .type_list .type_item.active_item,
html body .kaijiang_info .type_list[data-lottery-switch="1"] .type_item.active_item {
  color: #fff !important;
  background: linear-gradient(180deg, #ef3c46, var(--bet-red) 52%, var(--bet-red-dark)) !important;
  border-color: #ff7c82 !important;
  box-shadow: 0 4px 13px rgba(216, 31, 42, .44), inset 0 1px 0 rgba(255, 255, 255, .32) !important;
}

html body .kaijiang_info .type_list .type_item.active_item::after {
  background: #ffe480;
  box-shadow: 0 0 8px rgba(255, 228, 128, .9);
}

html body .kaijiang_info .type_list .type_name {
  color: inherit !important;
  letter-spacing: .3px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
}

html body .kaijiang_info .type_list .type_date {
  color: #9fb1a9 !important;
}

html body .kaijiang_info .type_list .active_item .type_date {
  color: #ffe9bc !important;
}

/* Main draw board. */
html body .kaijiang_info .kaijiang_wrap,
html body .kaijiang_info .lottery-override-wrap {
  position: relative;
  overflow: hidden;
  color: var(--bet-text) !important;
  background:
    radial-gradient(circle at 50% 115%, rgba(74, 151, 114, .2), transparent 48%),
    linear-gradient(145deg, #17342a, #0b1c17 64%, #08130f) !important;
  border: 2px solid #d6a739 !important;
  border-radius: 15px !important;
  box-shadow: 0 11px 28px rgba(0, 0, 0, .48), 0 0 0 3px rgba(73, 43, 4, .72), 0 0 18px rgba(230, 189, 90, .2), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

html body .kaijiang_info .kaijiang_wrap::before,
html body .kaijiang_info .lottery-override-wrap::before {
  content: "";
  position: absolute;
  inset: 4px;
  z-index: 0;
  border: 1px solid rgba(255, 228, 141, .22);
  border-radius: 10px;
  pointer-events: none;
}

html body .kaijiang_info .kaijiang_wrap::after,
html body .kaijiang_info .lottery-override-wrap::after {
  content: "LIVE";
  position: absolute;
  right: -24px;
  bottom: 8px;
  width: 86px;
  padding: 3px 0;
  color: rgba(255, 240, 168, .72);
  background: rgba(216, 31, 42, .76);
  font: 800 9px/1 system-ui, sans-serif;
  letter-spacing: 2px;
  text-align: center;
  transform: rotate(-42deg);
  pointer-events: none;
}

html body .lottery-top-row,
html body .kj_top_info {
  position: relative;
  z-index: 1;
  color: #dbe5df !important;
  border-bottom: 1px solid var(--bet-line);
}

html body .lottery-top-row > div:first-child,
html body .kj_top_info > div:first-child {
  font-weight: 700;
}

html body .txt_orange,
html body .lottery-history-link {
  color: var(--bet-gold-light) !important;
}

html body .lottery-history-link {
  border: 1px solid rgba(230, 189, 90, .42);
  border-radius: 999px;
  padding: 2px 8px;
  background: rgba(230, 189, 90, .08);
}

html body .txt_red,
html body .lottery-countdown {
  color: #ff7e82 !important;
  font-weight: 700;
}

html body .lottery-override-balls {
  position: relative;
  z-index: 1;
  align-items: flex-start;
  gap: 1px !important;
}

html body .lottery-override-balls .ball_item {
  flex: 1 1 0;
  width: auto !important;
  min-width: 0 !important;
  margin-left: 1px !important;
  margin-right: 1px !important;
  color: var(--bet-text);
}

html body .lottery-override-balls .ball_name {
  color: #d9e2dd !important;
  font-weight: 650;
}

html body .lottery-override-balls .plus_wrap {
  color: var(--bet-gold) !important;
  font-weight: 900;
  text-shadow: 0 2px 7px rgba(0, 0, 0, .55);
}

html body .lottery-ball {
  border: 2px solid rgba(255, 255, 255, .82) !important;
  outline: 2px solid rgba(230, 189, 90, .25);
  color: #fff !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .72) !important;
  transform: translateZ(0);
  transition: filter .2s ease, transform .2s ease !important;
}

html body .lottery-ball:hover {
  filter: saturate(1.2) brightness(1.12);
  transform: translateY(-2px) scale(1.04);
}

html body .lottery-ball.lottery-ball-red {
  background: radial-gradient(circle at 30% 24%, #ffb2b7 0, #f24a54 28%, #d21321 62%, #780610 100%) !important;
  border-color: #ffd4d7 !important;
  outline-color: rgba(255, 63, 77, .52) !important;
  box-shadow: inset 2px 2px 4px rgba(255, 255, 255, .45), inset -4px -5px 7px rgba(83, 0, 8, .58), 0 0 0 2px rgba(143, 9, 19, .48), 0 4px 10px rgba(205, 15, 30, .5) !important;
}

html body .lottery-ball.lottery-ball-blue {
  background: radial-gradient(circle at 30% 24%, #a8d8ff 0, #3698ed 29%, #0965bd 63%, #03356f 100%) !important;
  border-color: #d5edff !important;
  outline-color: rgba(26, 133, 227, .55) !important;
  box-shadow: inset 2px 2px 4px rgba(255, 255, 255, .46), inset -4px -5px 7px rgba(0, 36, 83, .62), 0 0 0 2px rgba(4, 71, 137, .48), 0 4px 10px rgba(7, 100, 186, .5) !important;
}

html body .lottery-ball.lottery-ball-green {
  background: radial-gradient(circle at 30% 24%, #a9efc4 0, #38bd71 29%, #078747 63%, #034a29 100%) !important;
  border-color: #d5f9e2 !important;
  outline-color: rgba(18, 167, 88, .55) !important;
  box-shadow: inset 2px 2px 4px rgba(255, 255, 255, .46), inset -4px -5px 7px rgba(0, 58, 28, .62), 0 0 0 2px rgba(3, 100, 49, .48), 0 4px 10px rgba(5, 139, 70, .5) !important;
}

html body .lottery-ball-pending {
  color: #f2d984 !important;
  background: radial-gradient(circle at 34% 28%, #485c54, #273a33 55%, #111f1a 100%) !important;
  border-color: rgba(230, 189, 90, .7) !important;
}

html body .lottery-pending-text,
html body .lottery-opening-empty {
  color: #e7d9b7 !important;
}

/* Notices and promotional strips. */
html body .gonggao,
html body .gonggao[data-admin-domain-notice] {
  color: #fff7de !important;
  background: linear-gradient(90deg, #7e0c14, #d6202b 46%, #8b0c15) !important;
  border: 1px solid rgba(255, 226, 139, .46) !important;
  border-radius: 9px !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .27) !important;
}

html body .admin-notice-label,
html body .admin-domain-text {
  color: #fff0a8 !important;
}

html body .admin-notice-domain,
html body .admin-notice-close {
  border-color: rgba(255, 240, 168, .5) !important;
  color: #fff !important;
  background: rgba(0, 0, 0, .2) !important;
}

html body .gundong_wrap {
  color: #271b08 !important;
  background-color: #f9e8ad !important;
  background-image: linear-gradient(180deg, #fff8d8, #f1d47e) !important;
  border: 1px solid #c89d35 !important;
  border-radius: 9px !important;
  box-shadow: inset 0 1px 0 #fff8d9, 0 4px 12px rgba(0, 0, 0, .2);
}

html body .gundong_wrap::before {
  content: "★";
  flex: 0 0 auto;
  margin-right: 5px;
  color: #a20e16;
  text-shadow: 0 1px 0 #fff4b5;
}

html body .admin-ad-banner-holder,
html body .admin-ad-banner-image,
html body uni-image[src*="ad-"] {
  overflow: hidden;
  border-radius: 10px !important;
  box-shadow: 0 5px 16px rgba(0, 0, 0, .28);
}

/* Materials: light betting slips on the dark lounge background. */
html body .generated-ziliao-wrap {
  background: linear-gradient(180deg, #f4ead0, #e5d4ad) !important;
  border: 2px solid #c39736 !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .4), 0 0 0 3px rgba(77, 46, 6, .58), inset 0 1px 0 #fff8dc !important;
}

html body .generated-ziliao-title {
  color: #fff7da !important;
  background: linear-gradient(180deg, #b51924, #760a12) !important;
  border: 1px solid #d7ad50 !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 3px 8px rgba(77, 0, 5, .25) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .45);
  letter-spacing: 1px;
}

html body .generated-ziliao-title::before,
html body .generated-ziliao-title::after {
  content: "◆";
  margin: 0 7px;
  color: #ffe98b;
  font-size: .75em;
  text-shadow: 0 0 8px rgba(255, 225, 100, .72);
}

html body .generated-ziliao-card,
html body .tip-card,
html body .sxp-card,
html body .third-random-poem-card {
  border: 1px solid #c89d42 !important;
  border-radius: 11px !important;
  box-shadow: 0 6px 15px rgba(64, 38, 0, .2), inset 0 1px 0 #fff !important;
}

html body .generated-ziliao-name,
html body .sxp-card-title,
html body .third-poem-title {
  color: #fff8df !important;
  background: linear-gradient(180deg, #1b4a3a, #0b2d22) !important;
  border-color: #c8a34f !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .45);
}

/* Luxury VIP gaming plaque used above every material table. */
html body .generated-ziliao-card:not(.tip-card):not(.poem-image-card):not(.third-random-poem-card):not(.sxp-card) > .generated-ziliao-name {
  position: relative;
  isolation: isolate;
  min-height: 64px !important;
  margin: 11px 9px 9px !important;
  padding: 0 28px !important;
  overflow: hidden;
  color: #fff0a4 !important;
  background:
    linear-gradient(112deg, transparent 0 29%, rgba(255, 241, 173, .13) 38%, transparent 47%) 0 0 / 220% 100%,
    radial-gradient(ellipse at 50% -25%, rgba(255, 218, 99, .38), transparent 45%),
    radial-gradient(circle at 50% 145%, rgba(172, 0, 18, .75), transparent 52%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 9px),
    linear-gradient(180deg, #31040a 0%, #170106 48%, #060608 100%) !important;
  border: 2px solid #f1cf69 !important;
  border-radius: 12px !important;
  box-shadow:
    0 0 0 2px #5d3407,
    0 0 0 5px #d29a27,
    0 8px 18px rgba(0, 0, 0, .44),
    0 0 22px rgba(229, 177, 48, .28),
    inset 0 0 0 2px rgba(255, 239, 159, .2),
    inset 0 0 22px rgba(0, 0, 0, .78),
    inset 0 2px 0 rgba(255, 250, 205, .48) !important;
  font-family: STXingkai, "华文行楷", KaiTi, "楷体", serif !important;
  font-size: 29px !important;
  font-weight: 900 !important;
  letter-spacing: 3px !important;
  text-shadow:
    0 1px 0 #fffbd8,
    0 2px 0 #c18a20,
    0 4px 5px rgba(0, 0, 0, .92),
    0 0 12px rgba(255, 209, 76, .56) !important;
  animation: vip-plaque-shine 5.5s ease-in-out infinite;
}

html body .generated-ziliao-card:not(.tip-card):not(.poem-image-card):not(.third-random-poem-card):not(.sxp-card) > .generated-ziliao-name::before,
html body .generated-ziliao-card:not(.tip-card):not(.poem-image-card):not(.third-random-poem-card):not(.sxp-card) > .generated-ziliao-name::after {
  content: none !important;
  display: none !important;
}

html body .generated-ziliao-card:not(.tip-card):not(.poem-image-card):not(.third-random-poem-card):not(.sxp-card) > .generated-ziliao-name::before {
  left: 17px !important;
}

html body .generated-ziliao-card:not(.tip-card):not(.poem-image-card):not(.third-random-poem-card):not(.sxp-card) > .generated-ziliao-name::after {
  right: 17px !important;
}

html body .generated-ziliao-card:not(.tip-card):not(.poem-image-card):not(.third-random-poem-card):not(.sxp-card) > .generated-ziliao-name span {
  position: relative;
  z-index: 3;
  color: inherit !important;
  padding: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

html body .generated-ziliao-card:not(.tip-card):not(.poem-image-card):not(.third-random-poem-card):not(.sxp-card) > .generated-ziliao-name span::before,
html body .generated-ziliao-card:not(.tip-card):not(.poem-image-card):not(.third-random-poem-card):not(.sxp-card) > .generated-ziliao-name span::after {
  content: "◆" !important;
  margin: 0 13px !important;
  color: #f8d76f !important;
  font-size: 12px !important;
  text-shadow: 0 0 8px rgba(255, 220, 105, .9), 0 1px 0 #5b2700 !important;
  vertical-align: middle;
}

@keyframes vip-plaque-shine {
  0%, 58%, 100% { background-position: 115% 0, 0 0, 0 0, 0 0, 0 0; filter: brightness(1); }
  76% { background-position: -105% 0, 0 0, 0 0, 0 0, 0 0; filter: brightness(1.09); }
}

html body .generated-ziliao-row:nth-child(even) {
  background-color: #fff9e9 !important;
}

html body .generated-ziliao-row:hover {
  background-color: #fff0c8 !important;
}

html body .prediction-badge,
html body .third-poem-badge {
  color: #fff7d5 !important;
  background: linear-gradient(180deg, #df313b, #9f111a) !important;
  border-color: #e4bf63 !important;
  border-radius: 999px !important;
  box-shadow: 0 2px 6px rgba(91, 3, 9, .32), inset 0 1px 0 rgba(255, 255, 255, .28) !important;
}

/* Selected low-density zodiac materials use the supplied 4x3 gold zodiac artwork. */
html body .zodiac-picture-list {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 3px 0;
}

html body .zodiac-picture {
  display: inline-block;
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  overflow: hidden;
  background-color: #06152a;
  background-image: url('/h5/assets/zodiac-gold.webp?v=2026071701');
  background-repeat: no-repeat;
  background-size: 400% 300%;
  border: 2px solid #d6a63c;
  border-radius: 50%;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .3), inset 0 0 0 1px rgba(255, 239, 166, .36), 0 0 0 2px rgba(100, 57, 5, .28);
  box-sizing: border-box;
  vertical-align: middle;
}

html body .zodiac-picture-0 { background-position: 0 0; }
html body .zodiac-picture-1 { background-position: 33.333% 0; }
html body .zodiac-picture-2 { background-position: 66.667% 0; }
html body .zodiac-picture-3 { background-position: 100% 0; }
html body .zodiac-picture-4 { background-position: 0 50%; }
html body .zodiac-picture-5 { background-position: 33.333% 50%; }
html body .zodiac-picture-6 { background-position: 66.667% 50%; }
html body .zodiac-picture-7 { background-position: 100% 50%; }
html body .zodiac-picture-8 { background-position: 0 100%; }
html body .zodiac-picture-9 { background-position: 33.333% 100%; }
html body .zodiac-picture-10 { background-position: 66.667% 100%; }
html body .zodiac-picture-11 { background-position: 100% 100%; }

html body .zodiac-picture-hit {
  border-color: #ff3443;
  box-shadow: 0 0 0 3px #ffd45e, 0 0 15px rgba(230, 20, 36, .72), inset 0 0 0 1px #fff1a3;
}

/* Turn common actions into red-gold gaming controls without changing hit areas. */
html body button:not(.site-popup-close):not(.site-popup-mask),
html body .uni-btn,
html body [class*="btn_"] {
  border-color: rgba(238, 197, 91, .78) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 3px 8px rgba(0, 0, 0, .2);
}

html body .material-float-button::after {
  content: "";
  position: absolute;
  inset: 3px;
  border: 1px solid rgba(255, 236, 162, .35);
  border-radius: inherit;
  pointer-events: none;
}

/* History page keeps the same controls and data, but reads as a results board. */
html body .history-current-title {
  color: #fff3bd !important;
  background: linear-gradient(180deg, #1a4435, #0b291f) !important;
  border: 1px solid var(--bet-gold) !important;
  border-radius: 10px !important;
  box-shadow: 0 5px 14px rgba(0, 0, 0, .25);
}

html body .data_list .lottery-history-item {
  color: #27322d;
  background: var(--bet-cream) !important;
  border: 1px solid #d2af63 !important;
  border-radius: 11px !important;
  box-shadow: 0 5px 14px rgba(0, 0, 0, .25) !important;
}

html body .lottery-history-item .data_top {
  border-bottom: 1px dashed #d5bd83;
}

/* Existing floating navigation, restyled without touching its click behavior. */
html body .material-float-button {
  color: #fff9dc !important;
  background: linear-gradient(180deg, #e63b44, #b51620 52%, #750911) !important;
  border: 1px solid #f0cb6c !important;
  box-shadow: 0 7px 18px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .3) !important;
}

html body .mf-icon {
  color: #711019 !important;
  background: radial-gradient(circle at 32% 26%, #fff9db, #e8c356 52%, #9f6d13) !important;
}

html body .material-float-panel {
  background: linear-gradient(180deg, #fff9e9, #f5e8ca) !important;
  border-color: var(--bet-gold) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .48) !important;
}

html body .mf-panel-head {
  color: #fff4bd !important;
  background: linear-gradient(180deg, #194637, #09291f) !important;
  border-bottom-color: var(--bet-gold) !important;
}

html body .mf-panel-list button {
  color: #26362f !important;
  background: linear-gradient(180deg, #fffef9, #f8edd2) !important;
  border-color: #d8bd7c !important;
}

@media (max-width: 520px) {
  html body::after {
    border-width: 1px;
  }

  html body .kaijiang_info::before {
    margin-top: 4px;
    padding: 3px 14px;
    font-size: 9px;
    letter-spacing: 1.4px;
  }

  html body .kaijiang_info .kaijiang_wrap,
  html body .kaijiang_info .lottery-override-wrap {
    margin-top: 7px !important;
  }

  html body .lottery-history-link {
    padding: 1px 7px;
  }

  html body .generated-ziliao-wrap {
    margin-left: 7px !important;
    margin-right: 7px !important;
  }

  html body .zodiac-picture-list {
    gap: 6px;
  }

  html body .zodiac-picture {
    flex-basis: 46px;
    width: 46px;
    height: 46px;
    border-width: 1px;
  }

  html body .generated-ziliao-card:not(.tip-card):not(.poem-image-card):not(.third-random-poem-card):not(.sxp-card) > .generated-ziliao-name {
    min-height: 48px !important;
    margin: 8px 6px 7px !important;
    padding: 0 8px !important;
    border-radius: 8px !important;
    font-size: clamp(15px, 4.8vw, 19px) !important;
    letter-spacing: .3px !important;
    box-shadow: 0 0 0 1px #5d3407, 0 0 0 3px #d29a27, 0 5px 12px rgba(0, 0, 0, .38), inset 0 0 0 1px rgba(255, 239, 159, .22), inset 0 0 15px rgba(0, 0, 0, .75) !important;
  }

  html body .generated-ziliao-card:not(.tip-card):not(.poem-image-card):not(.third-random-poem-card):not(.sxp-card) > .generated-ziliao-name::before,
  html body .generated-ziliao-card:not(.tip-card):not(.poem-image-card):not(.third-random-poem-card):not(.sxp-card) > .generated-ziliao-name::after {
    width: 28px !important;
    height: 28px !important;
    font-size: 9px;
  }

  html body .generated-ziliao-card:not(.tip-card):not(.poem-image-card):not(.third-random-poem-card):not(.sxp-card) > .generated-ziliao-name::before {
    left: 9px !important;
  }

  html body .generated-ziliao-card:not(.tip-card):not(.poem-image-card):not(.third-random-poem-card):not(.sxp-card) > .generated-ziliao-name::after {
    right: 9px !important;
  }

  html body .generated-ziliao-card:not(.tip-card):not(.poem-image-card):not(.third-random-poem-card):not(.sxp-card) > .generated-ziliao-name span::before,
  html body .generated-ziliao-card:not(.tip-card):not(.poem-image-card):not(.third-random-poem-card):not(.sxp-card) > .generated-ziliao-name span::after {
    content: none !important;
    display: none !important;
    margin: 0 !important;
  }

  html body .generated-ziliao-card:not(.tip-card):not(.poem-image-card):not(.third-random-poem-card):not(.sxp-card) > .generated-ziliao-name span {
    width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
}

/* Previous ink-wash variant retained for reference but disabled. */
@media (max-width: 0px) {
/* 2026-07-18 Chinese ink-wash variant. */
:root {
  --inkwash-paper: #eee7d5;
  --inkwash-paper-light: #faf6e9;
  --inkwash-ink: #272a29;
  --inkwash-ink-soft: #555a57;
  --inkwash-mist: #a8aaa2;
  --inkwash-seal: #9b2f2d;
  --inkwash-line: #77766d;
}

html,
html body,
html uni-page-body {
  background:
    radial-gradient(ellipse at 18% 12%, rgba(25, 31, 29, .3), transparent 25%),
    radial-gradient(ellipse at 78% 20%, rgba(62, 68, 65, .22), transparent 31%),
    linear-gradient(165deg, transparent 0 45%, rgba(20, 25, 23, .15) 46% 49%, transparent 50%) 0 50px / 360px 190px,
    linear-gradient(18deg, transparent 0 47%, rgba(55, 60, 57, .12) 48% 51%, transparent 52%) 120px 90px / 420px 210px,
    linear-gradient(180deg, #b8b7ae 0, #ded9ca 240px, #eee8d8 560px, #d8d3c5 100%) !important;
}

html body::before {
  opacity: .52;
  background-image:
    radial-gradient(ellipse at 12% 22%, rgba(18, 22, 21, .28) 0 2%, transparent 16%),
    radial-gradient(ellipse at 72% 38%, rgba(40, 44, 42, .18) 0 3%, transparent 19%),
    radial-gradient(circle at 40% 70%, rgba(55, 58, 54, .11) 0 1px, transparent 2px);
  background-size: 520px 260px, 640px 320px, 17px 17px;
  filter: blur(.25px);
}

html body::after {
  border: 1px solid rgba(55, 57, 53, .42);
  box-shadow: inset 0 0 42px rgba(31, 34, 32, .16);
}

html body .kaijiang_info::before {
  content: "开奖雅集";
  color: #292c2a;
  background:
    radial-gradient(ellipse at 20% 50%, rgba(49, 53, 50, .17), transparent 29%),
    linear-gradient(90deg, #d6d0bf, #f4eedf 18%, #ebe4d2 82%, #cac4b5) !important;
  border: 1px solid #74766f;
  border-radius: 2px;
  box-shadow: 0 4px 12px rgba(36, 38, 36, .2), inset 0 0 12px rgba(72, 73, 68, .1);
  font-family: STXingkai, "华文行楷", STKaiti, KaiTi, serif;
  font-size: 16px;
  letter-spacing: 9px;
  text-shadow: 0 1px 0 #fff;
}

html body .kaijiang_info .type_list,
html body .kaijiang_info .type_list[data-lottery-switch="1"] {
  background:
    linear-gradient(165deg, transparent 0 55%, rgba(44, 49, 46, .12) 56% 59%, transparent 60%),
    linear-gradient(180deg, rgba(246, 242, 229, .97), rgba(210, 206, 194, .97)) !important;
  border-color: #777a74 !important;
  box-shadow: 0 5px 15px rgba(33, 37, 34, .22), inset 0 -1px 0 rgba(255, 255, 255, .7) !important;
}

html body .kaijiang_info .type_list .type_item,
html body .kaijiang_info .type_list[data-lottery-switch="1"] .type_item {
  color: #343836 !important;
  background: linear-gradient(180deg, rgba(255, 253, 245, .9), rgba(218, 214, 201, .9)) !important;
  border-color: rgba(80, 83, 79, .32) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75) !important;
}

html body .kaijiang_info .type_list .type_item.active_item,
html body .kaijiang_info .type_list[data-lottery-switch="1"] .type_item.active_item {
  color: #f8f3e5 !important;
  background:
    radial-gradient(ellipse at 20% 20%, rgba(255, 255, 255, .2), transparent 35%),
    linear-gradient(180deg, #4c514e, #282c2a) !important;
  border-color: #1f2220 !important;
  box-shadow: 0 3px 8px rgba(21, 24, 22, .34), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

html body .kaijiang_info .kaijiang_wrap,
html body .kaijiang_info .lottery-override-wrap {
  color: #292d2a !important;
  background:
    radial-gradient(ellipse at 12% 78%, rgba(29, 34, 31, .2), transparent 28%),
    radial-gradient(ellipse at 85% 22%, rgba(55, 60, 56, .13), transparent 32%),
    linear-gradient(155deg, transparent 0 52%, rgba(54, 59, 56, .1) 53% 57%, transparent 58%),
    linear-gradient(180deg, #faf7ec, #dcd8ca) !important;
  border: 1px solid #60645f !important;
  border-radius: 3px !important;
  box-shadow: 0 8px 22px rgba(31, 35, 32, .28), 0 0 0 2px rgba(245, 242, 231, .62), inset 0 0 24px rgba(66, 69, 65, .1) !important;
}

html body .kaijiang_info .kaijiang_wrap::before,
html body .kaijiang_info .lottery-override-wrap::before {
  border-color: rgba(70, 73, 69, .2);
}

html body .kaijiang_info .kaijiang_wrap::after,
html body .kaijiang_info .lottery-override-wrap::after {
  content: "彩";
  color: rgba(255, 246, 222, .94);
  background: rgba(142, 39, 37, .88);
  border-color: rgba(116, 31, 29, .78);
  box-shadow: inset 0 0 0 2px rgba(255, 239, 208, .18);
}

html body .lottery-top-row,
html body .kj_top_info {
  color: #303431 !important;
  border-bottom-color: rgba(72, 76, 72, .35);
}

html body .txt_orange,
html body .lottery-history-link {
  color: #7e2b29 !important;
}

html body .lottery-history-link {
  border-color: rgba(105, 48, 44, .38);
  background: rgba(151, 54, 49, .07);
}

html body .lottery-override-balls .ball_name {
  color: #343835 !important;
}

html body .lottery-override-balls .plus_wrap {
  color: #353a37 !important;
  text-shadow: 0 1px 0 #fff;
}

html body .gonggao,
html body .gonggao[data-admin-domain-notice] {
  color: #f6efe0 !important;
  background:
    radial-gradient(ellipse at 15% 50%, rgba(255, 255, 255, .12), transparent 32%),
    linear-gradient(90deg, #752422, #a33b37 50%, #64201f) !important;
  border-color: #63302d !important;
  box-shadow: 0 4px 12px rgba(52, 27, 25, .25) !important;
}

html body .gundong_wrap {
  color: #3c403d !important;
  background:
    radial-gradient(ellipse at 78% 60%, rgba(45, 50, 47, .12), transparent 28%),
    linear-gradient(180deg, #f7f2e4, #ddd7c7) !important;
  border-color: #888981 !important;
  box-shadow: inset 0 0 15px rgba(60, 63, 59, .08), 0 3px 9px rgba(45, 48, 45, .15);
}

html body .gundong_wrap::before {
  content: "印";
  color: #f7eee0;
  background: #983632;
  border-radius: 2px;
  padding: 1px 3px;
  text-shadow: none;
}

html body .generated-ziliao-wrap {
  background:
    radial-gradient(ellipse at 9% 18%, rgba(30, 35, 32, .12), transparent 23%),
    radial-gradient(ellipse at 92% 72%, rgba(58, 61, 57, .1), transparent 28%),
    repeating-linear-gradient(0deg, rgba(74, 73, 66, .025) 0 1px, transparent 1px 5px),
    linear-gradient(90deg, #d7d1c2, #f8f3e5 8%, #eee8d8 50%, #f8f3e5 92%, #d0cabd) !important;
  border: 1px solid #74766f !important;
  border-radius: 3px !important;
  box-shadow: 0 9px 24px rgba(36, 39, 36, .25), 0 0 0 2px rgba(247, 243, 230, .68), inset 0 0 24px rgba(68, 70, 66, .08) !important;
}

html body .generated-ziliao-title {
  color: #f5efe0 !important;
  background:
    radial-gradient(ellipse at 18% 40%, rgba(255, 255, 255, .12), transparent 28%),
    linear-gradient(90deg, #353a37, #59605c 50%, #292e2b) !important;
  border-color: #242825 !important;
  border-radius: 2px !important;
  font-family: STXingkai, "华文行楷", STKaiti, KaiTi, serif;
  text-shadow: 0 2px 2px #101210;
}

html body .generated-ziliao-card,
html body .tip-card,
html body .sxp-card,
html body .third-random-poem-card {
  background:
    repeating-linear-gradient(0deg, rgba(80, 77, 67, .022) 0 1px, transparent 1px 5px),
    var(--inkwash-paper-light) !important;
  border-color: #99968b !important;
  border-radius: 2px !important;
  box-shadow: 0 3px 9px rgba(49, 51, 48, .13), inset 0 0 13px rgba(62, 64, 60, .045) !important;
}

html body .generated-ziliao-card:not(.tip-card):not(.poem-image-card):not(.third-random-poem-card):not(.sxp-card) > .generated-ziliao-name {
  color: #f7f1e3 !important;
  background:
    radial-gradient(ellipse at 20% 20%, rgba(255, 255, 255, .12), transparent 30%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .018) 0 1px, transparent 1px 13px),
    linear-gradient(180deg, #525955, #282d2a) !important;
  border: 1px solid #1f2421 !important;
  border-radius: 2px !important;
  box-shadow: 0 0 0 2px #aaa598, 0 4px 10px rgba(29, 32, 30, .25), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
  text-shadow: 0 2px 3px #151816 !important;
}

html body .generated-ziliao-row:nth-child(even),
html body .generated-ziliao-row:not(.material-special-row),
html body .material-special-row {
  background: linear-gradient(180deg, rgba(252, 249, 239, .96), rgba(226, 221, 207, .82)) !important;
  border-bottom-color: #bbb7aa !important;
}

html body .generated-ziliao-row:nth-child(odd) {
  background: linear-gradient(180deg, #faf7ed, #eee9dc) !important;
}

html body .prediction-badge,
html body .third-poem-badge,
html body .mat-clean-label {
  color: #f9f0df !important;
  background: linear-gradient(180deg, #a43b37, #752421) !important;
  border-color: #69201e !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 2px 5px rgba(61, 27, 25, .2) !important;
}

html body .material-float-button {
  color: #f7f0e1 !important;
  background: linear-gradient(180deg, #4f5652, #242926) !important;
  border-color: #85877f !important;
}

html body .mf-icon {
  color: #f6eee0 !important;
  background: radial-gradient(circle, #a3403b, #762622) !important;
}

html body .material-float-panel {
  background:
    radial-gradient(ellipse at 82% 18%, rgba(43, 48, 45, .1), transparent 26%),
    linear-gradient(180deg, #f7f2e4, #dcd6c7) !important;
  border-color: #757972 !important;
}

html body .mf-panel-head {
  color: #f5efe1 !important;
  background: linear-gradient(180deg, #525955, #292e2b) !important;
  border-bottom-color: #252925 !important;
}

@media (max-width: 520px) {
  html body .kaijiang_info::before {
    font-size: 13px;
    letter-spacing: 7px;
  }
}

}

@media (prefers-reduced-motion: reduce) {
  html body *,
  html body *::before,
  html body *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* 2026-07-18 Casino grand hall active theme. */
:root {
  --hall-black: #070807;
  --hall-green: #092a20;
  --hall-green-light: #124d3a;
  --hall-red: #b60f1b;
  --hall-red-light: #ec3540;
  --hall-gold: #d5a83c;
  --hall-gold-light: #ffe89a;
  --hall-cream: #fff4d2;
}

html,
html body,
html uni-page-body {
  background:
    radial-gradient(ellipse at 50% -12%, rgba(225, 181, 67, .25), transparent 24%),
    radial-gradient(ellipse at 18% 20%, rgba(16, 91, 65, .3), transparent 28%),
    radial-gradient(ellipse at 82% 20%, rgba(16, 91, 65, .3), transparent 28%),
    linear-gradient(90deg, rgba(214, 169, 60, .055) 1px, transparent 1px) 0 0 / 36px 36px,
    linear-gradient(rgba(214, 169, 60, .04) 1px, transparent 1px) 0 0 / 36px 36px,
    linear-gradient(180deg, #11271f 0, #07130f 360px, #030504 100%) !important;
}

html body::before {
  opacity: .42;
  background-image:
    radial-gradient(circle, rgba(255, 221, 116, .22) 0 1px, transparent 1.5px),
    linear-gradient(30deg, rgba(221, 177, 62, .075) 12%, transparent 12.5% 87%, rgba(221, 177, 62, .075) 87.5%),
    linear-gradient(150deg, rgba(221, 177, 62, .075) 12%, transparent 12.5% 87%, rgba(221, 177, 62, .075) 87.5%);
  background-size: 22px 22px, 52px 90px, 52px 90px;
}

html body::after {
  border: 2px solid rgba(224, 181, 69, .62);
  box-shadow: inset 0 0 0 2px rgba(66, 38, 5, .72), inset 0 0 36px rgba(223, 173, 46, .17);
}

html body .kaijiang_info::before {
  content: "◆  CASINO  VIP  ◆";
  color: #4e2d04;
  background: linear-gradient(90deg, #86530a, #ffe792 18%, #b97d17 45%, #fff0aa 68%, #805007) !important;
  border: 1px solid #fff0b2;
  border-radius: 999px;
  box-shadow: 0 0 16px rgba(255, 209, 77, .36), 0 4px 12px rgba(0, 0, 0, .48), inset 0 1px 0 #fff8cf;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 11px;
  letter-spacing: 4px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .45);
}

html body .kaijiang_info .type_list,
html body .kaijiang_info .type_list[data-lottery-switch="1"] {
  background: linear-gradient(180deg, #173c2f, #071a13) !important;
  border-color: #c99a2f !important;
  border-radius: 0 0 13px 13px !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .52), inset 0 -2px 0 rgba(220, 175, 62, .13) !important;
}

html body .kaijiang_info .type_list .type_item,
html body .kaijiang_info .type_list[data-lottery-switch="1"] .type_item {
  color: #e8eee9 !important;
  background: linear-gradient(180deg, #235040, #102b21) !important;
  border-color: rgba(224, 183, 76, .28) !important;
  border-radius: 8px !important;
  font-family: system-ui, sans-serif;
}

html body .kaijiang_info .type_list .type_item.active_item,
html body .kaijiang_info .type_list[data-lottery-switch="1"] .type_item.active_item {
  color: #fff !important;
  background: linear-gradient(180deg, #f2434c, #ba111c 52%, #760810) !important;
  border-color: #ffd678 !important;
  box-shadow: 0 4px 13px rgba(191, 12, 24, .48), 0 0 10px rgba(255, 211, 92, .18), inset 0 1px 0 rgba(255, 255, 255, .32) !important;
}

html body .kaijiang_info .kaijiang_wrap,
html body .kaijiang_info .lottery-override-wrap {
  color: #fff5d8 !important;
  background:
    radial-gradient(ellipse at 50% 115%, rgba(31, 125, 88, .32), transparent 52%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .018) 0 1px, transparent 1px 13px),
    linear-gradient(145deg, #174634, #082219 62%, #040b08) !important;
  border: 2px solid #d8aa3b !important;
  border-radius: 14px !important;
  box-shadow: 0 13px 30px rgba(0, 0, 0, .58), 0 0 0 3px #4e3007, 0 0 20px rgba(216, 170, 59, .2), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

html body .kaijiang_info .kaijiang_wrap::after,
html body .kaijiang_info .lottery-override-wrap::after {
  content: "VIP";
  right: -24px;
  bottom: 8px;
  width: 86px;
  height: auto;
  padding: 3px 0;
  color: #fff0a5;
  background: rgba(180, 12, 23, .86);
  border: 0;
  border-radius: 0;
  font: 900 9px/1 system-ui, sans-serif;
  letter-spacing: 2px;
  transform: rotate(-42deg);
}

html body .lottery-top-row,
html body .kj_top_info {
  color: #e7eee9 !important;
  border-bottom-color: rgba(221, 176, 62, .3);
}

html body .txt_orange,
html body .lottery-history-link {
  color: #ffe494 !important;
}

html body .lottery-override-balls .ball_name {
  color: #e9eee9 !important;
}

html body .lottery-override-balls .plus_wrap {
  color: #f1c756 !important;
  text-shadow: 0 2px 7px rgba(0, 0, 0, .65);
}

html body .gonggao,
html body .gonggao[data-admin-domain-notice] {
  color: #fff7da !important;
  background: linear-gradient(90deg, #760a12, #c61723 46%, #790a12) !important;
  border-color: #d8ad4d !important;
  border-radius: 8px !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .35) !important;
  font-family: system-ui, sans-serif;
}

html body .gundong_wrap {
  color: #3d2607 !important;
  background: linear-gradient(180deg, #fff7d2, #e8cc73) !important;
  border-color: #b98725 !important;
  border-radius: 8px !important;
  box-shadow: inset 0 1px 0 #fffbe2, 0 4px 12px rgba(0, 0, 0, .24);
  font-family: system-ui, sans-serif;
}

html body .gundong_wrap::before {
  content: "★";
  color: #a20d17;
  background: transparent;
  padding: 0;
}

html body .generated-ziliao-wrap {
  background: linear-gradient(180deg, #f5e8c8, #dfc58e) !important;
  border: 2px solid #b58225 !important;
  border-radius: 13px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .48), 0 0 0 3px #4b2d08, inset 0 1px 0 #fff8db !important;
}

html body .generated-ziliao-title {
  color: #fff2ad !important;
  background: linear-gradient(180deg, #c52530, #7b0911) !important;
  border-color: #ddb853 !important;
  border-radius: 8px !important;
  font-family: system-ui, sans-serif;
  text-shadow: 0 2px 3px rgba(0, 0, 0, .6);
}

html body .generated-ziliao-card,
html body .tip-card,
html body .sxp-card,
html body .third-random-poem-card {
  background: #fffaf0 !important;
  border-color: #d0aa58 !important;
  border-radius: 9px !important;
  box-shadow: 0 5px 13px rgba(65, 39, 4, .17), inset 0 1px 0 #fff !important;
}

html body .generated-ziliao-card:not(.tip-card):not(.poem-image-card):not(.third-random-poem-card):not(.sxp-card) > .generated-ziliao-name {
  color: #fff0a0 !important;
  background:
    radial-gradient(ellipse at 50% -25%, rgba(255, 221, 106, .33), transparent 48%),
    linear-gradient(180deg, #260309, #8e0d17 48%, #350309) !important;
  border: 2px solid #e1bd60 !important;
  border-radius: 8px !important;
  box-shadow: 0 0 0 2px #623c08, 0 6px 14px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
  font-family: system-ui, sans-serif !important;
  text-shadow: 0 1px 0 #fff2ae, 0 3px 4px #310006 !important;
}

html body .generated-ziliao-row:nth-child(even),
html body .generated-ziliao-row:not(.material-special-row),
html body .material-special-row {
  background: linear-gradient(180deg, #fffef9, #f5ead0) !important;
  border-bottom-color: #dbc48d !important;
}

html body .generated-ziliao-row:nth-child(odd) {
  background: linear-gradient(180deg, #fff, #fff8e8) !important;
}

html body .material-float-button {
  color: #fff4bc !important;
  background: linear-gradient(180deg, #e13a43, #a80e18 55%, #69070d) !important;
  border-color: #e5c260 !important;
  border-radius: 999px !important;
}

html body .mf-icon {
  color: #721017 !important;
  background: radial-gradient(circle at 30% 24%, #fff8d2, #e9c34d 55%, #9a6410) !important;
}

html body .material-float-panel {
  background: linear-gradient(180deg, #fff9e7, #ecd8aa) !important;
  border-color: #c89c3d !important;
  border-radius: 10px !important;
}

html body .mf-panel-head {
  color: #fff1a6 !important;
  background: linear-gradient(180deg, #1a4d3a, #08291e) !important;
  border-bottom-color: #d1a840 !important;
  font-family: system-ui, sans-serif;
}

@media (max-width: 520px) {
  html body .kaijiang_info::before {
    font-size: 9px;
    letter-spacing: 3px;
  }
}

/* Previous vermilion-palace variant retained for reference but disabled. */
@media (max-width: 0px) {
/* 2026-07-18 Ancient Chinese lottery house theme overrides. */
:root {
  --ancient-ink: #17130f;
  --ancient-ink-soft: #2b241c;
  --ancient-paper: #f3e2b8;
  --ancient-paper-light: #fff6dc;
  --ancient-cinnabar: #9f1720;
  --ancient-cinnabar-dark: #5c0a10;
  --ancient-jade: #17483c;
  --ancient-gold: #d6ad55;
  --ancient-gold-light: #ffe9a0;
}

html,
html body,
html uni-page-body {
  background:
    linear-gradient(90deg, rgba(222, 185, 106, .035) 1px, transparent 1px) 0 0 / 18px 18px,
    linear-gradient(rgba(222, 185, 106, .035) 1px, transparent 1px) 0 0 / 18px 18px,
    radial-gradient(circle at 50% -8%, rgba(149, 45, 32, .32), transparent 38%),
    linear-gradient(180deg, #241b14 0, #110e0b 430px, #090807 100%) !important;
}

html body::before {
  opacity: .38;
  background-image:
    linear-gradient(45deg, transparent 42%, rgba(216, 173, 85, .13) 43% 47%, transparent 48%),
    linear-gradient(-45deg, transparent 42%, rgba(216, 173, 85, .13) 43% 47%, transparent 48%);
  background-size: 34px 34px;
}

html body::after {
  border-color: rgba(214, 173, 85, .58);
  box-shadow: inset 0 0 0 2px rgba(89, 45, 12, .45), inset 0 0 30px rgba(205, 154, 54, .13);
}

html body .kaijiang_info::before {
  content: "◆  开 奖 彩 楼  ◆";
  color: #4b2509;
  background: linear-gradient(90deg, #9a681a, #ffe69a 20%, #c38b2c 48%, #ffedac 72%, #895710) !important;
  border-color: #fff0b5;
  font-family: STKaiti, KaiTi, "楷体", serif;
  letter-spacing: 5px;
}

html body .kaijiang_info .type_list,
html body .kaijiang_info .type_list[data-lottery-switch="1"] {
  background:
    linear-gradient(90deg, rgba(255, 224, 137, .08) 1px, transparent 1px) 0 0 / 12px 100%,
    linear-gradient(180deg, #34281e, #17120e) !important;
  border-color: #b88732 !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .48), inset 0 -2px 0 rgba(214, 173, 85, .18) !important;
}

html body .kaijiang_info .type_list .type_item,
html body .kaijiang_info .type_list[data-lottery-switch="1"] .type_item {
  color: #eadbb9 !important;
  background: linear-gradient(180deg, #44382c, #251e17) !important;
  border-color: rgba(214, 173, 85, .34) !important;
  border-radius: 4px !important;
  font-family: STKaiti, KaiTi, "楷体", serif;
}

html body .kaijiang_info .type_list .type_item.active_item,
html body .kaijiang_info .type_list[data-lottery-switch="1"] .type_item.active_item {
  color: #fff0ad !important;
  background:
    linear-gradient(90deg, transparent 0 8%, rgba(255, 227, 144, .13) 8% 9%, transparent 9% 91%, rgba(255, 227, 144, .13) 91% 92%, transparent 92%),
    linear-gradient(180deg, #bd2932, #8f1119 58%, #56070d) !important;
  border-color: #e8c76e !important;
  box-shadow: 0 3px 10px rgba(91, 3, 8, .58), inset 0 1px 0 rgba(255, 239, 179, .32) !important;
}

html body .kaijiang_info .kaijiang_wrap,
html body .kaijiang_info .lottery-override-wrap {
  background:
    radial-gradient(circle at 50% 118%, rgba(139, 35, 28, .32), transparent 52%),
    repeating-linear-gradient(90deg, rgba(255, 232, 155, .025) 0 1px, transparent 1px 14px),
    linear-gradient(145deg, #30251c, #16110d 62%, #090807) !important;
  border-color: #d2a94f !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .55), 0 0 0 3px #4f2e0d, inset 0 0 0 1px rgba(255, 236, 164, .16) !important;
}

html body .kaijiang_info .kaijiang_wrap::after,
html body .kaijiang_info .lottery-override-wrap::after {
  content: "开";
  right: 10px;
  bottom: 9px;
  width: 30px;
  height: 30px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f4d87d;
  background: #8e1119;
  border: 1px solid #d8b65c;
  border-radius: 3px;
  font: 900 17px/1 STKaiti, KaiTi, serif;
  letter-spacing: 0;
  transform: rotate(-7deg);
  opacity: .86;
}

html body .gonggao,
html body .gonggao[data-admin-domain-notice] {
  background:
    linear-gradient(90deg, rgba(255, 226, 142, .12) 1px, transparent 1px) 0 0 / 16px 100%,
    linear-gradient(180deg, #b21e27, #710a11) !important;
  border-color: #d9b65f !important;
  border-radius: 4px !important;
  font-family: STKaiti, KaiTi, "楷体", serif;
}

html body .gundong_wrap {
  color: #452a11 !important;
  background:
    repeating-linear-gradient(0deg, rgba(103, 68, 24, .035) 0 1px, transparent 1px 5px),
    linear-gradient(180deg, #fff2c9, #e5c581) !important;
  border-color: #a87524 !important;
  border-radius: 3px !important;
  font-family: STKaiti, KaiTi, "楷体", serif;
}

html body .generated-ziliao-wrap {
  background:
    repeating-linear-gradient(0deg, rgba(105, 72, 25, .035) 0 1px, transparent 1px 6px),
    linear-gradient(90deg, #d7b971, #fff0c7 8%, #f4dfae 50%, #fff0c7 92%, #d7b971) !important;
  border-color: #9c6b21 !important;
  border-radius: 7px !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .46), 0 0 0 3px #4e2b0c, inset 0 0 18px rgba(112, 67, 14, .12) !important;
}

html body .generated-ziliao-title {
  color: #ffe99b !important;
  background:
    linear-gradient(90deg, rgba(255, 225, 135, .1) 1px, transparent 1px) 0 0 / 15px 100%,
    linear-gradient(180deg, #ad1b24, #65090f) !important;
  border-color: #d7b658 !important;
  border-radius: 3px !important;
  font-family: STKaiti, KaiTi, "楷体", serif;
  letter-spacing: 3px;
}

html body .generated-ziliao-card,
html body .tip-card,
html body .sxp-card,
html body .third-random-poem-card {
  background-color: var(--ancient-paper-light) !important;
  border-color: #b98939 !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 11px rgba(67, 39, 8, .2), inset 0 0 14px rgba(129, 87, 25, .06) !important;
}

html body .generated-ziliao-card:not(.tip-card):not(.poem-image-card):not(.third-random-poem-card):not(.sxp-card) > .generated-ziliao-name {
  color: #ffe89a !important;
  background:
    radial-gradient(ellipse at 50% -25%, rgba(255, 224, 127, .32), transparent 47%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 12px),
    linear-gradient(180deg, #98202a, #630b12 55%, #310509) !important;
  border-color: #d9b558 !important;
  border-radius: 4px !important;
  font-family: STKaiti, KaiTi, "楷体", serif !important;
  text-shadow: 0 1px 0 #fff0a9, 0 3px 3px #2f0205 !important;
}

html body .generated-ziliao-row:nth-child(even),
html body .generated-ziliao-row:not(.material-special-row),
html body .material-special-row {
  background: linear-gradient(180deg, rgba(255, 249, 224, .96), rgba(242, 222, 178, .82)) !important;
  border-bottom-color: #d1b476 !important;
}

html body .generated-ziliao-row:nth-child(odd) {
  background: linear-gradient(180deg, #fff9e6, #f7e8c2) !important;
}

html body .material-float-button {
  background: linear-gradient(180deg, #b9222b, #6b0910) !important;
  border-color: #d8b358 !important;
  border-radius: 4px !important;
  font-family: STKaiti, KaiTi, "楷体", serif;
}

html body .material-float-panel {
  background:
    repeating-linear-gradient(0deg, rgba(101, 65, 19, .04) 0 1px, transparent 1px 6px),
    linear-gradient(180deg, #fff4d1, #e7cc92) !important;
  border-color: #af7d2c !important;
  border-radius: 5px !important;
}

html body .mf-panel-head {
  background: linear-gradient(180deg, #9d1b24, #5b080e) !important;
  border-bottom-color: #d6b158 !important;
  font-family: STKaiti, KaiTi, "楷体", serif;
}

@media (max-width: 520px) {
  html body .kaijiang_info::before {
    letter-spacing: 3px;
  }

  html body .generated-ziliao-title {
    letter-spacing: 1px;
  }
}
}