:root,
html[data-theme="default"] {
  --theme-body-bg: #f5f5f5;
  --theme-text: #1f2a37;
  --theme-card-bg: #ffffff;
  --theme-card-border: #e5e7eb;
  --theme-title-bg: #07c160;
  --theme-title-text: #ffffff;
  --theme-notice-bg: #ef1b1b;
  --theme-notice-text: #ffffff;
  --theme-tab-active-bg: #07c160;
  --theme-tab-active-text: #ffffff;
  --theme-tab-bg: #eef2ff;
  --theme-tab-text: #1f2a37;
  --theme-shadow: 0 8px 24px rgba(16, 24, 40, 0.08);
}

/* 默认主题：系统公告弹窗顶栏改为绿色（覆盖 index 内联 navy） */
html[data-theme="default"] #sys-owned-popup-root > div > div:first-child {
  background: var(--theme-title-bg) !important;
  color: #fff !important;
}

html[data-theme="dark"] {
  --theme-body-bg: #0b0b0d;
  --theme-text: #ffe8b2;
  --theme-card-bg: #16120d;
  --theme-card-border: #6a4f1f;
  --theme-title-bg: #e0b95a;
  --theme-title-text: #1c1305;
  --theme-notice-bg: #8a682a;
  --theme-notice-text: #fff1cc;
  --theme-tab-active-bg: #f0c96b;
  --theme-tab-active-text: #221707;
  --theme-tab-bg: #2a2115;
  --theme-tab-text: #f3d99a;
  --theme-shadow: 0 12px 30px rgba(0, 0, 0, 0.68);
  --rolling-plus-color: #cbd5e1;
  --rolling-slash-color: #94a3b8;
  --rolling-active-shadow: drop-shadow(0 3px 10px rgba(56, 189, 248, 0.45));
}

html[data-theme="dark"] body {
  background-image: radial-gradient(circle at 20% -10%, rgba(240, 201, 107, 0.08), transparent 40%),
    radial-gradient(circle at 85% 0%, rgba(224, 185, 90, 0.06), transparent 36%);
}

html[data-theme="dark"] .home-nav-title {
  background: linear-gradient(135deg, #f3d17b 0%, #d8ad4d 48%, #b4852e 100%);
  border: 1px solid #f7de9a;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 245, 210, 0.55);
}

html[data-theme="dark"] .tabs button {
  border: 1px solid #5f4820;
  box-shadow: inset 0 1px 0 rgba(255, 231, 170, 0.1);
}

html[data-theme="dark"] .tabs button.active {
  background: linear-gradient(135deg, #f5d584 0%, #e6bb5a 55%, #c89435 100%);
  border-color: #f2d383;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 247, 220, 0.65);
}

html[data-theme="dark"] .home-ad-images,
html[data-theme="dark"] .home-mid-ad-images,
html[data-theme="dark"] .home-footer-ad-images,
html[data-theme="dark"] #widget,
html[data-theme="dark"] .jmxc-open-log,
html[data-theme="dark"] .open-log,
html[data-theme="dark"] .content.bg-fff {
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(240, 201, 107, 0.08);
}

/* 开奖区黑金化 */
html[data-theme="dark"] #widget .border-box-body {
  background: #130f0b;
  border: 1px solid #8b6a2c;
  border-radius: 6px;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(240, 201, 107, 0.1);
}

html[data-theme="dark"] #widget .border-box-body-hd {
  background: transparent !important;
  border-bottom: 0;
  padding: 6px 8px;
}

html[data-theme="dark"] #widget .border-box-body-hd .van-row--justify-space-between {
  align-items: center !important;
}

html[data-theme="dark"] #widget .border-box-body-hd .text-left,
html[data-theme="dark"] #widget .border-box-body-hd .text-right,
html[data-theme="dark"] #widget .border-box-body-hd #historyLink {
  color: #ffd86b !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
}

html[data-theme="dark"] #widget .border-box-body-hd .text-left span {
  color: #ffd86b !important;
}

html[data-theme="dark"] #widget .border-box-body-hd .text-left,
html[data-theme="dark"] #widget .border-box-body-hd .text-right {
  display: flex;
  align-items: center;
  min-height: auto;
}

html[data-theme="dark"] #widget .border-box-body-hd .text-right {
  justify-content: flex-end;
}

html[data-theme="dark"] #widget .border-box-body-hd .lottys {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  gap: 4px;
  padding: 0;
  border-radius: 0;
  border: none;
  background: transparent !important;
  color: #f0d060 !important;
  font-weight: 800;
  font-size: 12px;
  line-height: 1.1;
  white-space: nowrap;
  box-shadow: none;
}

html[data-theme="dark"] #widget .border-box-body-hd .van-count-down {
  color: #f0d060 !important;
  font-weight: 900;
  font-size: 20px;
  line-height: 1;
}

html[data-theme="dark"] #widget .border-box-body-hd #historyLink {
  text-decoration: underline;
  text-underline-offset: 2px;
  white-space: nowrap;
}

html[data-theme="dark"] #widget .border-box-body-ft {
  color: #f4c95f !important;
  background: #0f0c08;
  border-top: 1px solid #5f4820;
}

/* 开奖区：去掉原始绿色描边（外框保留黑金） */
html[data-theme="dark"] #widget.border-ws {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* PC/通用：修正 .border-box 左右 margin 导致开奖区不齐边 */
html[data-theme="dark"] #widget .border-box {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html[data-theme="dark"] #widget .border-box-body-bd .slot-text {
  color: #f4c95f !important;
}

/* 资料板块标题黑金化 */
html[data-theme="dark"] .jmxc-biaoti {
  background: linear-gradient(135deg, #f3d17b 0%, #d8ad4d 48%, #b4852e 100%) !important;
  border-bottom: 1px solid #7c5c24;
}

/* 两侧装饰：细圆角竖饰 + 内敛高光，替代宽厚金属块 */
html[data-theme="dark"] .jmxc-biaoti::before,
html[data-theme="dark"] .jmxc-biaoti::after {
  top: 9px;
  bottom: 9px;
  width: 5px;
  border-radius: 3px;
  background: linear-gradient(
    180deg,
    #120d04 0%,
    #463410 24%,
    #d4a84a 48%,
    #463410 76%,
    #120d04 100%
  );
  box-shadow:
    inset 0 1px 0 rgba(255, 248, 220, 0.28),
    0 0 0 1px rgba(0, 0, 0, 0.42),
    0 1px 6px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .jmxc-biaoti::before {
  left: 8px;
}

html[data-theme="dark"] .jmxc-biaoti::after {
  right: 8px;
}

html[data-theme="dark"] .jmxc-biaoti-title {
  color: #231806 !important;
  text-shadow: 0 1px 0 rgba(255, 246, 222, 0.5);
}

/* 历史弹窗列表头：按图一样式统一为 13px 且同一行 */
html[data-theme="dark"] .historical-list .body-list-item .hd-text .van-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

html[data-theme="dark"] .historical-list .body-list-item .hd-text .van-col {
  float: none;
}

html[data-theme="dark"] .historical-list .body-list-item .hd-text .van-col:first-child {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 13px;
  line-height: 1.2;
  color: #f1cf78 !important;
}

html[data-theme="dark"] .historical-list .body-list-item .hd-text .van-col:last-child {
  flex: 0 0 auto;
  font-size: 13px;
  line-height: 1.2;
  color: #f1cf78 !important;
  text-align: right;
  white-space: nowrap;
}

/* 历史开奖记录弹窗黑金化（恢复） */
html[data-theme="dark"] .history-modal {
  background: rgba(0, 0, 0, 0.62) !important;
}

html[data-theme="dark"] .history-modal .history-panel {
  background: #15110c !important;
  border: 1px solid #8b6a2c !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(240, 201, 107, 0.08);
}

html[data-theme="dark"] .history-modal .history-header {
  border-bottom: 1px solid #5f4820 !important;
  color: #ffd86b !important;
}

html[data-theme="dark"] .history-modal .history-header-left span {
  color: #ffd86b !important;
}

html[data-theme="dark"] .history-modal .history-year-btn,
html[data-theme="dark"] .history-modal .history-close-btn {
  border: 1px solid #8b6a2c !important;
  background: #241c12 !important;
  color: #ffd86b !important;
}

html[data-theme="dark"] .history-modal .history-list {
  background: transparent !important;
}

html[data-theme="dark"] .history-modal .history-list .body-list-item {
  background: #100d09 !important;
  border: 1px solid #5f4820 !important;
  border-radius: 8px !important;
  padding: 6px 8px 8px;
  margin-bottom: 10px;
}

html[data-theme="dark"] .history-modal .history-list .body-list-item .hd-text,
html[data-theme="dark"] .history-modal .history-list .body-list-item .hd-text span {
  color: #f1cf78 !important;
}

html[data-theme="dark"] .history-modal .history-list .body-list-item .border-box-body {
  border-color: #8b6a2c !important;
  background: #0f0c08 !important;
}

html[data-theme="dark"] .history-modal .history-list .body-list-item .border-box {
  border-color: #f1cf78 !important;
}

html[data-theme="dark"] .history-modal .history-list .body-list-item .border-box-body-bd {
  
  border-color: #f1cf78 !important;
}

html[data-theme="dark"] .history-modal .history-list .body-list-item .slot-text {
  color: #f4c95f !important;
}

/* 历史弹窗开奖记录：轻微左移并避免最后一球贴边 */
html[data-theme="dark"] .history-modal .history-list .body-list-item .border-box-body-bd {
  padding-right: 8px !important;
}

html[data-theme="dark"] .history-modal .history-list .body-list-item .border-box-body-bd .van-row {
  overflow: visible !important;
  transform: translateX(-4px);
}

/* 加号位置微调 */
html[data-theme="dark"] .history-modal .history-list .body-list-item .connect {
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-1px);
}

/* 历史弹窗-年份选择弹层黑金化 */
html[data-theme="dark"] .history-modal .history-year-mask {
  background: rgba(0, 0, 0, 0.55) !important;
}

html[data-theme="dark"] .history-modal .history-year-sheet {
  background: #15110c !important;
  border-top: 1px solid #8b6a2c !important;
  box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.42) !important;
}

html[data-theme="dark"] .history-modal .history-year-sheet > div:first-child {
  color: #f1cf78 !important;
  border-bottom-color: #5f4820 !important;
  background: #1b150e !important;
}

html[data-theme="dark"] .history-modal .history-year-sheet #xinxin-year-list {
  background: #15110c !important;
}

html[data-theme="dark"] .history-modal .history-year-sheet #xinxin-year-list button {
  background: #15110c !important;
  color: #f1cf78 !important;
  border-bottom-color: #3d2f17 !important;
}

html[data-theme="dark"] .history-modal .history-year-sheet #xinxin-year-list button[style*="#f2fff7"] {
  background: #2a2012 !important;
  color: #ffd86b !important;
  font-weight: 700;
}

html[data-theme="dark"] .history-modal .history-year-sheet > div:last-child {
  border-top-color: #5f4820 !important;
  background: #1b150e !important;
}

html[data-theme="dark"] .history-modal .history-year-sheet button[data-action="cancel"] {
  border-color: #8b6a2c !important;
  background: #241c12 !important;
  color: #f1cf78 !important;
}

html[data-theme="dark"] .history-modal .history-year-sheet button[data-action="confirm"] {
  background: #b88a2f !important;
  color: #1d1406 !important;
}

/* 右下角悬浮按钮（目录/回顶部）黑金化 */
html[data-theme="dark"] .floating-nav button {
  background: linear-gradient(135deg, #f5d584 0%, #e6bb5a 55%, #c89435 100%) !important;
  color: #1c1305 !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 247, 220, 0.65) !important;
}

html[data-theme="dark"] .floating-nav button.secondary {
  background: linear-gradient(135deg, #f3d17b 0%, #d8ad4d 48%, #b4852e 100%) !important;
}

html[data-theme="dark"] .floating-nav button:hover {
  filter: brightness(1.03);
}

html[data-theme="dark"] .floating-directory {
  background: #15110c !important;
  border-color: #8b6a2c !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(240, 201, 107, 0.08) !important;
}

html[data-theme="dark"] .floating-directory .dir-title {
  color: #ffd86b !important;
}

html[data-theme="dark"] .floating-directory .dir-item {
  background: #241c12 !important;
  color: #ffd86b !important;
  border: 1px solid #8b6a2c !important;
  box-shadow: inset 0 1px 0 rgba(255, 231, 170, 0.08);
}

html[data-theme="dark"] .floating-directory .dir-item:hover {
  background: #2a2012 !important;
}

html[data-theme="dark"] .floating-directory .dir-empty {
  color: rgba(241, 207, 120, 0.85) !important;
}

/* 系统公告弹窗（sys-owned-popup-root）黑金化：覆盖内联样式 */
html[data-theme="dark"] #sys-owned-popup-root {
  background: rgba(0, 0, 0, 0.66) !important;
}

html[data-theme="dark"] #sys-owned-popup-root > div {
  background: #15110c !important;
  border: 1px solid #8b6a2c !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(240, 201, 107, 0.08) !important;
}

/* header */
html[data-theme="dark"] #sys-owned-popup-root > div > div:first-child {
  background: linear-gradient(135deg, #f5d584 0%, #e6bb5a 55%, #c89435 100%) !important;
  color: #1c1305 !important;
}

html[data-theme="dark"] #sys-owned-popup-root > div > div:first-child button {
  color: #1c1305 !important;
}

/* body */
html[data-theme="dark"] #sys-owned-popup-root > div > div:nth-child(2) {
  background: #15110c !important;
  color: #f1cf78 !important;
}

html[data-theme="dark"] #sys-owned-popup-root a {
  color: #ffd86b !important;
}

/* info cards inside body */
html[data-theme="dark"] #sys-owned-popup-root > div > div:nth-child(2) > div {
  background: #100d09 !important;
  border-color: #8b6a2c !important;
  color: #f1cf78 !important;
}

html[data-theme="dark"] #sys-owned-popup-root > div > div:nth-child(2) > div span {
  color: inherit;
}

/* footer + buttons */
html[data-theme="dark"] #sys-owned-popup-root > div > div:last-child {
  background: #1b150e !important;
  border-top-color: #5f4820 !important;
}

html[data-theme="dark"] #sys-owned-popup-root > div > div:last-child button {
  background: transparent !important;
  color: #ffd86b !important;
  font-weight: 700 !important;
}

html[data-theme="dark"] #sys-owned-popup-root > div > div:last-child button:first-child {
  color: rgba(241, 207, 120, 0.85) !important;
}

@media (max-width: 540px) {
  /* 移动端：修正 vendors/app 的 .border-box 左右 margin 导致开奖区偏右 */
  html[data-theme="dark"] #widget .border-box {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html[data-theme="dark"] #widget {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
  }

  html[data-theme="dark"] #widget .border-box-body {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
  }

  /* 期号 / 查看历史记录：改为公告栏文字色 */
  html[data-theme="dark"] #widget .border-box-body-hd .van-row--justify-space-between {
    align-items: center !important;
  }

  html[data-theme="dark"] #widget .border-box-body-hd .text-left,
  html[data-theme="dark"] #widget .border-box-body-hd .text-right,
  html[data-theme="dark"] #widget .border-box-body-hd #historyLink {
    color: #ffd86b !important;
    font-size: 12px !important;
    line-height: 1;
  }

  /* 让左右文字对齐到胶囊“文字”中线（不是胶囊边框） */
  html[data-theme="dark"] #widget .border-box-body-hd .text-left,
  html[data-theme="dark"] #widget .border-box-body-hd .text-right {
    min-height: auto !important;
    display: flex;
    align-items: center;
    transform: translateY(-2px);
  }

  /* 手机端：无胶囊，上下两行金色文字 */
  html[data-theme="dark"] #widget .border-box-body-hd .lottys {
    white-space: normal !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    font-size: 10px !important;
    color: #f0d060 !important;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
    line-height: 1.2;
  }

  html[data-theme="dark"] #widget .border-box-body-hd .lottys .lottys-label {
    white-space: nowrap;
    line-height: 1.2;
  }

  html[data-theme="dark"] #widget .border-box-body-hd .van-count-down {
    color: #f0d060 !important;
    font-size: 14px !important;
    line-height: 1.05;
  }

  html[data-theme="dark"] #widget .border-box-body-bd .slot-text {
    color: #f4c95f !important;
    font-size: 12px !important;
  }
}



/* ========== 中国风主题（绛红·鎏金·米黄开奖带，参考传统开奖横幅） ========== */
html[data-theme="chinese"] {
  --theme-body-bg: #4a0c0c;
  --theme-text: #f2e6d8;
  --theme-card-bg: #5a1212;
  --theme-card-border: #b8860b;
  --theme-title-bg: #c9a227;
  --theme-title-text: #2a0a0a;
  --theme-notice-bg: #8b1a1a;
  --theme-notice-text: #ffe4e4;
  --theme-tab-active-bg: #e8c547;
  --theme-tab-active-text: #2a0a0a;
  --theme-tab-bg: #3d1515;
  --theme-tab-text: #e8d4a8;
  --theme-shadow: 0 12px 30px rgba(0, 0, 0, 0.68);
  --rolling-plus-color: #8b6914;
  --rolling-slash-color: #8b6914;
  --rolling-active-shadow: drop-shadow(0 3px 8px rgba(212, 175, 55, 0.45));
}

html[data-theme="chinese"] body {
  background-image: radial-gradient(ellipse 90% 45% at 50% -15%, rgba(212, 175, 55, 0.14), transparent 52%),
    radial-gradient(circle at 15% 20%, rgba(139, 26, 26, 0.35), transparent 45%),
    radial-gradient(circle at 88% 8%, rgba(90, 18, 18, 0.5), transparent 40%),
    linear-gradient(180deg, #5a1414 0%, #4a0c0c 45%, #3a0808 100%);
}

html[data-theme="chinese"] .home-nav-title {
  background: linear-gradient(180deg, #6e1818 0%, #4a0c0c 52%, #3d0808 100%);
  border: 1px solid #d4af37;
  color: #f0d060;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 215, 120, 0.1);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

html[data-theme="chinese"] .tabs button {
  border: 1px solid #8b6914;
  box-shadow: inset 0 1px 0 rgba(255, 231, 170, 0.1);
}

html[data-theme="chinese"] .tabs button.active {
  background: linear-gradient(135deg, #f5d584 0%, #e6bb5a 55%, #c89435 100%);
  border-color: #f2d383;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 247, 220, 0.65);
}

html[data-theme="chinese"] .home-ad-images,
html[data-theme="chinese"] .home-mid-ad-images,
html[data-theme="chinese"] .home-footer-ad-images,
html[data-theme="chinese"] #widget,
html[data-theme="chinese"] .open-log,
html[data-theme="chinese"] .content.bg-fff {
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(240, 201, 107, 0.08);
}

/* 开奖区：上下各占 50% — 酒红 / 米色，鎏金外框 */
html[data-theme="chinese"] #widget .border-box-body {
  background: linear-gradient(180deg, #5c0a0a 0%, #5c0a0a 50%, #fff8e7 50%, #f5ebd8 100%);
  border: 1px solid #d4af37;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(212, 175, 55, 0.15);
}

/* 顶栏：透明以露出上半酒红；文案金色 */
html[data-theme="chinese"] #widget .border-box-body-hd {
  background: transparent !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.28);
  padding: 8px 10px;
}

html[data-theme="chinese"] #widget .border-box-body-hd .van-row--justify-space-between {
  align-items: center !important;
}

html[data-theme="chinese"] #widget .border-box-body-hd .text-left,
html[data-theme="chinese"] #widget .border-box-body-hd .text-right,
html[data-theme="chinese"] #widget .border-box-body-hd #historyLink {
  color: #f0d060 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
}

html[data-theme="chinese"] #widget .border-box-body-hd .text-left span {
  color: #f0d060 !important;
}

html[data-theme="chinese"] #widget .border-box-body-hd .text-left,
html[data-theme="chinese"] #widget .border-box-body-hd .text-right {
  display: flex;
  align-items: center;
  min-height: auto;
}

html[data-theme="chinese"] #widget .border-box-body-hd .text-right {
  justify-content: flex-end;
}

/* 距下期开奖：去掉胶囊，与顶栏同色底、金字 */
html[data-theme="chinese"] #widget .border-box-body-hd .lottys {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  gap: 4px;
  padding: 0;
  border-radius: 0;
  border: none;
  background: transparent !important;
  color: #f0d060 !important;
  font-weight: 800;
  font-size: 12px;
  line-height: 1.1;
  white-space: nowrap;
  box-shadow: none;
}

html[data-theme="chinese"] #widget .border-box-body-hd .van-count-down {
  color: #f0d060 !important;
  font-weight: 900;
  font-size: 20px;
  line-height: 1;
}

html[data-theme="chinese"] #widget .border-box-body-hd #historyLink {
  text-decoration: underline;
  text-underline-offset: 2px;
  white-space: nowrap;
}

html[data-theme="chinese"] #widget .border-box-body-ft {
  color: #8b0000 !important;
  background: transparent !important;
  border-top: 1px solid rgba(139, 105, 20, 0.25);
  font-weight: 600;
  text-shadow: none;
}

/* 开奖区：去掉原始绿色描边 */
html[data-theme="chinese"] #widget.border-ws {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* PC/通用：修正 .border-box 左右 margin 导致开奖区不齐边 */
html[data-theme="chinese"] #widget .border-box {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 历史弹窗列表头：按图一样式统一为 13px 且同一行 */
html[data-theme="chinese"] .historical-list .body-list-item .hd-text .van-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

html[data-theme="chinese"] .historical-list .body-list-item .hd-text .van-col {
  float: none;
}

html[data-theme="chinese"] .historical-list .body-list-item .hd-text .van-col:first-child {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 13px;
  line-height: 1.2;
  color: #f1cf78 !important;
}

html[data-theme="chinese"] .historical-list .body-list-item .hd-text .van-col:last-child {
  flex: 0 0 auto;
  font-size: 13px;
  line-height: 1.2;
  color: #f1cf78 !important;
  text-align: right;
  white-space: nowrap;
}

/* 历史开奖记录弹窗黑金化（恢复） */
html[data-theme="chinese"] .history-modal {
  background: rgba(0, 0, 0, 0.62) !important;
}

html[data-theme="chinese"] .history-modal .history-panel {
  background: #3d0a0a !important;
  border: 1px solid #c9a227 !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(240, 201, 107, 0.08);
}

html[data-theme="chinese"] .history-modal .history-header {
  border-bottom: 1px solid #8b6914 !important;
  color: #f0d060 !important;
}

html[data-theme="chinese"] .history-modal .history-header-left span {
  color: #f0d060 !important;
}

html[data-theme="chinese"] .history-modal .history-year-btn,
html[data-theme="chinese"] .history-modal .history-close-btn {
  border: 1px solid #c9a227 !important;
  background: #4a1515 !important;
  color: #f0d060 !important;
}

html[data-theme="chinese"] .history-modal .history-list {
  background: transparent !important;
}

html[data-theme="chinese"] .history-modal .history-list .body-list-item {
  background: #4a0c0c !important;
  border: 1px solid #8b6914 !important;
  border-radius: 8px !important;
  padding: 6px 8px 8px;
  margin-bottom: 10px;
}

html[data-theme="chinese"] .history-modal .history-list .body-list-item .hd-text,
html[data-theme="chinese"] .history-modal .history-list .body-list-item .hd-text span {
  color: #f1cf78 !important;
}

html[data-theme="chinese"] .history-modal .history-list .body-list-item .border-box-body {
  border-color: #c9a227 !important;
  background: #3a0808 !important;
}

html[data-theme="chinese"] .history-modal .history-list .body-list-item .border-box {
  border-color: #f1cf78 !important;
}

html[data-theme="chinese"] .history-modal .history-list .body-list-item .border-box-body-bd {
  
  border-color: #f1cf78 !important;
}

html[data-theme="chinese"] .history-modal .history-list .body-list-item .slot-text {
  color: #f1cf78 !important;
}

/* 历史弹窗开奖记录：轻微左移并避免最后一球贴边 */
html[data-theme="chinese"] .history-modal .history-list .body-list-item .border-box-body-bd {
  padding-right: 8px !important;
}

html[data-theme="chinese"] .history-modal .history-list .body-list-item .border-box-body-bd .van-row {
  overflow: visible !important;
  transform: translateX(-4px);
}

/* 加号位置微调 */
html[data-theme="chinese"] .history-modal .history-list .body-list-item .connect {
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-1px);
}

/* 历史弹窗-年份选择弹层黑金化 */
html[data-theme="chinese"] .history-modal .history-year-mask {
  background: rgba(0, 0, 0, 0.55) !important;
}

html[data-theme="chinese"] .history-modal .history-year-sheet {
  background: #3d0a0a !important;
  border-top: 1px solid #c9a227 !important;
  box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.42) !important;
}

html[data-theme="chinese"] .history-modal .history-year-sheet > div:first-child {
  color: #f1cf78 !important;
  border-bottom-color: #8b6914 !important;
  background: #3d0a0a !important;
}

html[data-theme="chinese"] .history-modal .history-year-sheet #xinxin-year-list {
  background: #3d0a0a !important;
}

html[data-theme="chinese"] .history-modal .history-year-sheet #xinxin-year-list button {
  background: #3d0a0a !important;
  color: #f1cf78 !important;
  border-bottom-color: #5a3020 !important;
}

html[data-theme="chinese"] .history-modal .history-year-sheet #xinxin-year-list button[style*="#f2fff7"] {
  background: #5a1a1a !important;
  color: #f0d060 !important;
  font-weight: 700;
}

html[data-theme="chinese"] .history-modal .history-year-sheet > div:last-child {
  border-top-color: #8b6914 !important;
  background: #3d0a0a !important;
}

html[data-theme="chinese"] .history-modal .history-year-sheet button[data-action="cancel"] {
  border-color: #c9a227 !important;
  background: #4a1515 !important;
  color: #f1cf78 !important;
}

html[data-theme="chinese"] .history-modal .history-year-sheet button[data-action="confirm"] {
  background: #c9a227 !important;
  color: #2a0a0a !important;
}

/* 右下角悬浮按钮（目录/回顶部）黑金化 */
html[data-theme="chinese"] .floating-nav button {
  background: linear-gradient(135deg, #f5d584 0%, #e6bb5a 55%, #c89435 100%) !important;
  color: #2a0a0a !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 247, 220, 0.65) !important;
}

html[data-theme="chinese"] .floating-nav button.secondary {
  background: linear-gradient(135deg, #f3d17b 0%, #d8ad4d 48%, #b4852e 100%) !important;
}

html[data-theme="chinese"] .floating-nav button:hover {
  filter: brightness(1.03);
}

html[data-theme="chinese"] .floating-directory {
  background: #3d0a0a !important;
  border-color: #c9a227 !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(240, 201, 107, 0.08) !important;
}

html[data-theme="chinese"] .floating-directory .dir-title {
  color: #f0d060 !important;
}

html[data-theme="chinese"] .floating-directory .dir-item {
  background: #4a1515 !important;
  color: #f0d060 !important;
  border: 1px solid #c9a227 !important;
  box-shadow: inset 0 1px 0 rgba(255, 231, 170, 0.08);
}

html[data-theme="chinese"] .floating-directory .dir-item:hover {
  background: #5a1a1a !important;
}

html[data-theme="chinese"] .floating-directory .dir-empty {
  color: rgba(241, 207, 120, 0.85) !important;
}

/* 系统公告弹窗（sys-owned-popup-root）黑金化：覆盖内联样式 */
html[data-theme="chinese"] #sys-owned-popup-root {
  background: rgba(0, 0, 0, 0.66) !important;
}

html[data-theme="chinese"] #sys-owned-popup-root > div {
  background: #3d0a0a !important;
  border: 1px solid #c9a227 !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(240, 201, 107, 0.08) !important;
}

/* header */
html[data-theme="chinese"] #sys-owned-popup-root > div > div:first-child {
  background: linear-gradient(135deg, #f5d584 0%, #e6bb5a 55%, #c89435 100%) !important;
  color: #2a0a0a !important;
}

html[data-theme="chinese"] #sys-owned-popup-root > div > div:first-child button {
  color: #2a0a0a !important;
}

/* body */
html[data-theme="chinese"] #sys-owned-popup-root > div > div:nth-child(2) {
  background: #3d0a0a !important;
  color: #f1cf78 !important;
}

html[data-theme="chinese"] #sys-owned-popup-root a {
  color: #f0d060 !important;
}

/* info cards inside body */
html[data-theme="chinese"] #sys-owned-popup-root > div > div:nth-child(2) > div {
  background: #4a0c0c !important;
  border-color: #c9a227 !important;
  color: #f1cf78 !important;
}

html[data-theme="chinese"] #sys-owned-popup-root > div > div:nth-child(2) > div span {
  color: inherit;
}

/* footer + buttons */
html[data-theme="chinese"] #sys-owned-popup-root > div > div:last-child {
  background: #3d0a0a !important;
  border-top-color: #8b6914 !important;
}

html[data-theme="chinese"] #sys-owned-popup-root > div > div:last-child button {
  background: transparent !important;
  color: #f0d060 !important;
  font-weight: 700 !important;
}

html[data-theme="chinese"] #sys-owned-popup-root > div > div:last-child button:first-child {
  color: rgba(241, 207, 120, 0.85) !important;
}

@media (max-width: 540px) {
  /* 移动端：修正 vendors/app 的 .border-box 左右 margin 导致开奖区偏右 */
  html[data-theme="chinese"] #widget .border-box {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html[data-theme="chinese"] #widget {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
  }

  html[data-theme="chinese"] #widget .border-box-body {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
  }

  /* 期号 / 查看历史记录：改为公告栏文字色 */
  html[data-theme="chinese"] #widget .border-box-body-hd .van-row--justify-space-between {
    align-items: center !important;
  }

  html[data-theme="chinese"] #widget .border-box-body-hd .text-left,
  html[data-theme="chinese"] #widget .border-box-body-hd .text-right,
  html[data-theme="chinese"] #widget .border-box-body-hd #historyLink {
    color: #f0d060 !important;
    font-size: 12px !important;
    line-height: 1;
  }

  /* 让左右文字对齐到胶囊“文字”中线（不是胶囊边框） */
  html[data-theme="chinese"] #widget .border-box-body-hd .text-left,
  html[data-theme="chinese"] #widget .border-box-body-hd .text-right {
    min-height: auto !important;
    display: flex;
    align-items: center;
    transform: translateY(-2px);
  }

  /* 距下期开奖：无胶囊、金字；手机端上下两行 */
  html[data-theme="chinese"] #widget .border-box-body-hd .lottys {
    white-space: normal !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    font-size: 10px !important;
    color: #f0d060 !important;
    padding: 2px 0;
    border-radius: 0;
    border: none;
    background: transparent !important;
    box-shadow: none;
    line-height: 1.2;
  }

  html[data-theme="chinese"] #widget .border-box-body-hd .lottys .lottys-label {
    white-space: nowrap;
    line-height: 1.2;
  }

  html[data-theme="chinese"] #widget .border-box-body-hd .van-count-down {
    font-size: 14px !important;
    line-height: 1.05;
    color: #f0d060 !important;
  }

  html[data-theme="chinese"] #widget .border-box-body-bd .slot-text {
    color: #8b0000 !important;
    font-size: 12px !important;
  }
}

/* 开奖区：米黄球带、内层鎏金线框、四角祥云纹 */
html[data-theme="chinese"] #widget .border-box-body {
  position: relative;
  overflow: hidden;
}

html[data-theme="chinese"] #widget .border-box-body::before {
  content: "";
  position: absolute;
  inset: 4px;
  pointer-events: none;
  border: 1px solid rgba(212, 175, 55, 0.65);
  border-radius: 6px;
  z-index: 1;
}

/* 四角祥云纹（多层渐变模拟传统卷草/祥云） */
html[data-theme="chinese"] #widget .border-box-body::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background:
    radial-gradient(ellipse 130% 70% at 0% 0%, rgba(212, 175, 55, 0.5) 0%, transparent 58%),
    radial-gradient(ellipse 90% 55% at 6% 10%, rgba(255, 235, 180, 0.22) 0%, transparent 55%),
    radial-gradient(ellipse 130% 70% at 100% 0%, rgba(212, 175, 55, 0.5) 0%, transparent 58%),
    radial-gradient(ellipse 90% 55% at 94% 10%, rgba(255, 235, 180, 0.22) 0%, transparent 55%),
    radial-gradient(ellipse 130% 70% at 0% 100%, rgba(212, 175, 55, 0.45) 0%, transparent 58%),
    radial-gradient(ellipse 130% 70% at 100% 100%, rgba(212, 175, 55, 0.45) 0%, transparent 58%),
    radial-gradient(ellipse 70% 35% at 0% 50%, rgba(212, 175, 55, 0.12) 0%, transparent 55%),
    radial-gradient(ellipse 70% 35% at 100% 50%, rgba(212, 175, 55, 0.12) 0%, transparent 55%);
  opacity: 0.95;
}

/* 顶角流苏（小鎏金坠，参考图角上挂饰） */
html[data-theme="chinese"] #widget {
  position: relative;
  z-index: 0;
}

html[data-theme="chinese"] #widget::before,
html[data-theme="chinese"] #widget::after {
  content: "";
  position: absolute;
  top: 6px;
  width: 9px;
  height: 14px;
  border-radius: 0 0 5px 5px;
  background: linear-gradient(180deg, #f4d03f 0%, #b8860b 55%, #6b4e0a 100%);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 248, 220, 0.45);
  z-index: 5;
  pointer-events: none;
}

html[data-theme="chinese"] #widget::before {
  left: 4px;
}

html[data-theme="chinese"] #widget::after {
  right: 4px;
}

html[data-theme="chinese"] #widget .border-box-body-hd,
html[data-theme="chinese"] #widget .border-box-body-bd,
html[data-theme="chinese"] #widget .border-box-body-ft {
  position: relative;
  z-index: 2;
}

html[data-theme="chinese"] #widget .border-box-body-bd {
  background: transparent !important;
  padding-top: 8px;
  padding-bottom: 6px;
  border-top: 1px solid rgba(212, 175, 55, 0.22);
  border-bottom: 1px solid rgba(139, 105, 20, 0.18);
}

html[data-theme="chinese"] #widget .border-box-body-bd .slot-text {
  color: #8b0000 !important;
}

html[data-theme="chinese"] #widget .border-box-body-bd .icon-text,
html[data-theme="chinese"] #widget .border-box-body-bd .connect {
  color: #b8972e !important;
}

html[data-theme="chinese"] #widget .border-box-body-ft {
  color: #8b0000 !important;
}

/* 资料区：白底与 home-inline 一致，仅将原深蓝主色改为酒红便于阅读 */
html[data-theme="chinese"] .jmxc-open-log {
  background: #fff !important;
  border: 1px solid #000 !important;
  overflow: hidden;
}

html[data-theme="chinese"] .jmxc-biaoti {
  background: linear-gradient(180deg, #7a5210 0%, #b8860b 18%, #e8c547 42%, #f5e6a8 52%, #d4af37 78%, #6b4e0a 100%) !important;
  border-bottom: 1px solid rgba(20, 0, 0, 0.65);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
  padding-left: 46px !important;
  padding-right: 46px !important;
}

/* 顶栏两侧：祥云卷纹 + 简化中国结（菱形盘长 + 流苏坠），SVG 内联 */
html[data-theme="chinese"] .jmxc-biaoti::before,
html[data-theme="chinese"] .jmxc-biaoti::after {
  width: 34px;
  top: 5px;
  bottom: 5px;
  border-radius: 5px;
  border: none;
  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2034%2068'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'0'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%233d2808'%2F%3E%3Cstop%20offset%3D'.45'%20stop-color%3D'%23f0d060'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%235c4010'%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D'b'%20x1%3D'0'%20y1%3D'0'%20x2%3D'0'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%238b6914'%2F%3E%3Cstop%20offset%3D'.5'%20stop-color%3D'%23fff3c4'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%236b4a12'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D'none'%20stroke%3D'url(%23g)'%20stroke-width%3D'1.15'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M5%2012c3.5-5%209-6%2012-1%203.5-4%208.5-3%2010%202'%2F%3E%3Cpath%20d%3D'M3%2026c5-7%2012-5%2017%202%203-4%208-2%209%203'%2F%3E%3Cpath%20d%3D'M6%2040c4-5%2010-4%2012%201'%2F%3E%3Cpath%20d%3D'M4%2052c6-4%2011%200%2012%205'%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D'%232a1806'%20stroke-width%3D'.85'%20fill%3D'url(%23b)'%3E%3Cpath%20d%3D'M17%2052l5%204.2-5%204.2-5-4.2z'%2F%3E%3Cpath%20d%3D'M17%2060.5v6.5'%20stroke-linecap%3D'round'%2F%3E%3Cellipse%20cx%3D'17'%20cy%3D'69'%20rx%3D'3.5'%20ry%3D'2'%20fill%3D'%23d4af37'%20stroke%3D'%235a4010'%2F%3E%3C%2Fg%3E%3Cg%20fill%3D'none'%20stroke%3D'%235c4010'%20stroke-width%3D'.9'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M12%2054h10'%2F%3E%3Cpath%20d%3D'M17%2050v11'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),
    linear-gradient(180deg, rgba(62, 42, 12, 0.52) 0%, rgba(130, 95, 40, 0.2) 48%, rgba(38, 24, 6, 0.58) 100%);
  background-size: 100% 100%, 100% 100%;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  box-shadow:
    inset 0 0 0 1px rgba(212, 175, 55, 0.45),
    inset 0 2px 5px rgba(255, 248, 220, 0.14),
    0 1px 2px rgba(0, 0, 0, 0.22);
}

html[data-theme="chinese"] .jmxc-biaoti::before {
  left: 6px;
}

html[data-theme="chinese"] .jmxc-biaoti::after {
  right: 6px;
  left: auto;
  transform: scaleX(-1);
}

html[data-theme="chinese"] .jmxc-biaoti-title {
  color: #1a0a0a !important;
  text-shadow: 0 1px 0 rgba(255, 246, 222, 0.5);
}

html[data-theme="chinese"] .jmxc-content {
  background: #fff !important;
  color: #1f2a37 !important;
  border-top: 0;
}

html[data-theme="chinese"] .jmxc-open-log .jmxc-tip,
html[data-theme="chinese"] .jmxc-open-log .sanguo-tip {
  background: #fff !important;
  color: #1f2a37 !important;
}

html[data-theme="chinese"] .jmxc-open-log .jmxc-tip-row,
html[data-theme="chinese"] .jmxc-open-log .jmxc-tip-row .jmxc-zodiac-j,
html[data-theme="chinese"] .jmxc-open-log .jmxc-tip-row .jmxc-zodiac-x,
html[data-theme="chinese"] .jmxc-open-log .jmxc-tip-row .jmxc-tip-lbl {
  color: #8b0000 !important;
}

html[data-theme="chinese"] .jmxc-open-log .color-1e90ff {
  color: #8b0000 !important;
}

html[data-theme="chinese"] .jmxc-open-log .sanguo-tip p {
  color: #8b0000 !important;
}

/* 与白底行卡一致，只改正文中 home-inline 的深蓝字 */
html[data-theme="chinese"] .jmxc-open-log .jmxc-rows-inner .text.juzhong.waibiankuang {
  color: #8b0000 !important;
}

/* ========== 赛博朋克主题（HUD / 霓虹黄·青·品红） ========== */
html[data-theme="cyberpunk"] {
  --theme-body-bg: #0a0a0a;
  --theme-text: #e8f2ff;
  --theme-card-bg: #0d1018;
  --theme-card-border: #2a4a5c;
  --theme-title-bg: #00a2ff;
  --theme-title-text: #f0ffff;
  --theme-notice-bg: #5a1028;
  --theme-notice-text: #ffffcc;
  --theme-tab-active-bg: #ffff00;
  --theme-tab-active-text: #0a0a0a;
  --theme-tab-bg: #121a22;
  --theme-tab-text: #7ec8ff;
  --theme-shadow: 0 12px 36px rgba(0, 0, 0, 0.75), 0 0 24px rgba(0, 162, 255, 0.12);
  --rolling-plus-color: #facc15;
  --rolling-slash-color: #38bdf8;
  --rolling-active-shadow: drop-shadow(0 0 10px rgba(250, 204, 21, 0.5));
  /* HUD 边框点缀 */
  --cb-hud-y: rgba(255, 255, 0, 0.92);
  --cb-hud-c: rgba(0, 212, 255, 0.88);
  --cb-hud-m: rgba(255, 0, 170, 0.55);
  --cb-hud-dash: rgba(0, 212, 255, 0.38);
}

html[data-theme="cyberpunk"] body {
  background-image: radial-gradient(circle at 18% -8%, rgba(255, 255, 0, 0.07), transparent 42%),
    radial-gradient(circle at 82% 5%, rgba(0, 162, 255, 0.1), transparent 38%);
}

html[data-theme="cyberpunk"] .home-nav-title {
  background: linear-gradient(135deg, #1a2a38 0%, #0d1824 45%, #0a0f14 100%);
  border: 1px solid rgba(255, 255, 0, 0.45);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.55), 0 0 20px rgba(0, 162, 255, 0.25), inset 0 0 0 1px rgba(255, 255, 0, 0.2);
}

html[data-theme="cyberpunk"] .tabs button {
  border: 1px solid #3a5a70;
  box-shadow: inset 0 1px 0 rgba(0, 212, 255, 0.12);
}

html[data-theme="cyberpunk"] .tabs button.active {
  background: linear-gradient(135deg, #ffff33 0%, #ffd000 50%, #ff9500 100%);
  border-color: #ffff66;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45), 0 0 16px rgba(255, 255, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

html[data-theme="cyberpunk"] .home-ad-images,
html[data-theme="cyberpunk"] .home-mid-ad-images,
html[data-theme="cyberpunk"] .home-footer-ad-images,
html[data-theme="cyberpunk"] #widget,
html[data-theme="cyberpunk"] .jmxc-open-log,
html[data-theme="cyberpunk"] .content.bg-fff {
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0, 212, 255, 0.15);
}

/* 赛博朋克：各板块 HUD 角标 / 顶底能量线 / 两侧虚线点缀（::before 叠加，不挡点击） */
html[data-theme="cyberpunk"] .home-nav-title,
html[data-theme="cyberpunk"] .home-notice-bar,
html[data-theme="cyberpunk"] .home-ad-images,
html[data-theme="cyberpunk"] .home-mid-ad-images,
html[data-theme="cyberpunk"] .home-footer-ad-images,
html[data-theme="cyberpunk"] .tabs,
html[data-theme="cyberpunk"] #widget,
html[data-theme="cyberpunk"] .jmxc-open-log,
html[data-theme="cyberpunk"] .content.bg-fff,
html[data-theme="cyberpunk"] .history-modal .history-panel,
html[data-theme="cyberpunk"] .floating-directory,
html[data-theme="cyberpunk"] #sys-owned-popup-root > div,
html[data-theme="cyberpunk"] .history-modal .history-year-sheet {
  position: relative;
  z-index: 0;
}

html[data-theme="cyberpunk"] .home-nav-title::before,
html[data-theme="cyberpunk"] .home-notice-bar::before,
html[data-theme="cyberpunk"] .home-ad-images::before,
html[data-theme="cyberpunk"] .home-mid-ad-images::before,
html[data-theme="cyberpunk"] .home-footer-ad-images::before,
html[data-theme="cyberpunk"] .tabs::before,
html[data-theme="cyberpunk"] #widget::before,
html[data-theme="cyberpunk"] .jmxc-open-log::before,
html[data-theme="cyberpunk"] .content.bg-fff::before,
html[data-theme="cyberpunk"] .history-modal .history-panel::before,
html[data-theme="cyberpunk"] .floating-directory::before,
html[data-theme="cyberpunk"] #sys-owned-popup-root > div::before,
html[data-theme="cyberpunk"] .history-modal .history-year-sheet::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 4;
  border-radius: inherit;
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 0, 0.22),
    inset 0 -2px 0 rgba(0, 212, 255, 0.2),
    inset 2px 0 0 rgba(0, 212, 255, 0.08),
    inset -2px 0 0 rgba(255, 255, 0, 0.08);
  background:
    linear-gradient(var(--cb-hud-y), var(--cb-hud-y)) 0 0 / 16px 2px no-repeat,
    linear-gradient(var(--cb-hud-y), var(--cb-hud-y)) 0 0 / 2px 16px no-repeat,
    linear-gradient(var(--cb-hud-c), var(--cb-hud-c)) 100% 0 / 16px 2px no-repeat,
    linear-gradient(var(--cb-hud-c), var(--cb-hud-c)) 100% 0 / 2px 16px no-repeat,
    linear-gradient(var(--cb-hud-c), var(--cb-hud-c)) 0 100% / 16px 2px no-repeat,
    linear-gradient(var(--cb-hud-c), var(--cb-hud-c)) 0 100% / 2px 16px no-repeat,
    linear-gradient(var(--cb-hud-y), var(--cb-hud-y)) 100% 100% / 16px 2px no-repeat,
    linear-gradient(var(--cb-hud-y), var(--cb-hud-y)) 100% 100% / 2px 16px no-repeat,
    linear-gradient(90deg, transparent 6%, var(--cb-hud-m) 45%, var(--cb-hud-y) 50%, var(--cb-hud-m) 55%, transparent 94%) 0 0 / 100% 1px no-repeat,
    linear-gradient(90deg, transparent 8%, rgba(0, 212, 255, 0.35) 50%, transparent 92%) 100% 100% / 100% 1px no-repeat,
    repeating-linear-gradient(180deg, var(--cb-hud-dash) 0 2px, transparent 2px 7px) 5px 14% / 1px 72% no-repeat,
    repeating-linear-gradient(180deg, var(--cb-hud-dash) 0 2px, transparent 2px 7px) calc(100% - 5px) 14% / 1px 72% no-repeat;
}

/* 开奖区黑金化 */
html[data-theme="cyberpunk"] #widget .border-box-body {
  position: relative;
  z-index: 0;
  background: #0a0c10;
  border: 1px solid #3d6a8a;
  border-radius: 6px;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0, 162, 255, 0.18);
}

/* 开奖区内框 HUD 点缀（::after 叠于内容之上，中部透明仅边角线） */
html[data-theme="cyberpunk"] #widget .border-box-body::after {
  content: "";
  position: absolute;
  inset: 4px;
  pointer-events: none;
  z-index: 3;
  border-radius: 4px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 0, 0.18),
    inset 0 -1px 0 rgba(0, 212, 255, 0.16);
  background:
    linear-gradient(var(--cb-hud-y), var(--cb-hud-y)) 0 0 / 11px 2px no-repeat,
    linear-gradient(var(--cb-hud-y), var(--cb-hud-y)) 0 0 / 2px 11px no-repeat,
    linear-gradient(var(--cb-hud-c), var(--cb-hud-c)) 100% 0 / 11px 2px no-repeat,
    linear-gradient(var(--cb-hud-c), var(--cb-hud-c)) 100% 0 / 2px 11px no-repeat,
    linear-gradient(var(--cb-hud-c), var(--cb-hud-c)) 0 100% / 11px 2px no-repeat,
    linear-gradient(var(--cb-hud-c), var(--cb-hud-c)) 0 100% / 2px 11px no-repeat,
    linear-gradient(var(--cb-hud-y), var(--cb-hud-y)) 100% 100% / 11px 2px no-repeat,
    linear-gradient(var(--cb-hud-y), var(--cb-hud-y)) 100% 100% / 2px 11px no-repeat,
    repeating-linear-gradient(180deg, var(--cb-hud-dash) 0 1px, transparent 1px 5px) 4px 18% / 1px 64% no-repeat,
    repeating-linear-gradient(180deg, var(--cb-hud-dash) 0 1px, transparent 1px 5px) calc(100% - 4px) 18% / 1px 64% no-repeat;
}

html[data-theme="cyberpunk"] #widget .border-box-body-hd,
html[data-theme="cyberpunk"] #widget .border-box-body-bd,
html[data-theme="cyberpunk"] #widget .border-box-body-ft {
  position: relative;
  z-index: 5;
}

html[data-theme="cyberpunk"] #widget .border-box-body-hd {
  background: transparent !important;
  border-bottom: 0;
  padding: 6px 8px;
}

html[data-theme="cyberpunk"] #widget .border-box-body-hd .van-row--justify-space-between {
  align-items: center !important;
}

html[data-theme="cyberpunk"] #widget .border-box-body-hd .text-left,
html[data-theme="cyberpunk"] #widget .border-box-body-hd .text-right,
html[data-theme="cyberpunk"] #widget .border-box-body-hd #historyLink {
  color: #ffff00 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
}

html[data-theme="cyberpunk"] #widget .border-box-body-hd .text-left span {
  color: #ffff00 !important;
}

html[data-theme="cyberpunk"] #widget .border-box-body-hd .text-left,
html[data-theme="cyberpunk"] #widget .border-box-body-hd .text-right {
  display: flex;
  align-items: center;
  min-height: auto;
}

html[data-theme="cyberpunk"] #widget .border-box-body-hd .text-right {
  justify-content: flex-end;
}

html[data-theme="cyberpunk"] #widget .border-box-body-hd .lottys {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  gap: 4px;
  padding: 2px 12px;
  border-radius: 10px;
  border: 1px solid #00a2ff;
  background: linear-gradient(180deg, #1a2530 0%, #0f1820 100%);
  color: #ffffff !important;
  font-weight: 800;
  font-size: 12px;
  line-height: 1.1;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

html[data-theme="cyberpunk"] #widget .border-box-body-hd .van-count-down {
  color: #ffff00 !important;
  font-weight: 900;
  font-size: 20px;
  line-height: 1;
}

html[data-theme="cyberpunk"] #widget .border-box-body-hd #historyLink {
  text-decoration: underline;
  text-underline-offset: 2px;
  white-space: nowrap;
}

html[data-theme="cyberpunk"] #widget .border-box-body-ft {
  color: #a8e6ff !important;
  background: #06080c;
  border-top: 1px solid #2a4a60;
}

/* 开奖区：去掉原始绿色描边（外框保留黑金） */
html[data-theme="cyberpunk"] #widget.border-ws {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* PC/通用：修正 .border-box 左右 margin 导致开奖区不齐边 */
html[data-theme="cyberpunk"] #widget .border-box {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html[data-theme="cyberpunk"] #widget .border-box-body-bd .slot-text {
  color: #a8e6ff !important;
}

/* 资料板块标题：参考 HUD — 顶栏霓虹渐变、切角、铆钉、侧向机械面板 */
html[data-theme="cyberpunk"] .jmxc-biaoti {
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 230, 255, 0.4);
  clip-path: polygon(
    7px 0,
    calc(100% - 7px) 0,
    100% 7px,
    100% calc(100% - 7px),
    calc(100% - 7px) 100%,
    7px 100%,
    0 calc(100% - 7px),
    0 7px
  );
  box-shadow:
    inset 0 0 28px rgba(0, 0, 0, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 4px 16px rgba(0, 0, 0, 0.45);
  background:
    /* 顶：青柠 → 品红 → 青霓虹条 */
    linear-gradient(
        90deg,
        rgba(190, 255, 70, 0.95) 0%,
        rgba(255, 0, 160, 0.88) 50%,
        rgba(0, 230, 255, 0.95) 100%
      )
      0 0 / 100% 2px no-repeat,
    /* 顶条下铆钉 */
    radial-gradient(circle at 10% 6px, #1a1e22 0 2px, rgba(0, 0, 0, 0.35) 2.5px, transparent 3px),
    radial-gradient(circle at 22% 6px, #1a1e22 0 2px, rgba(0, 0, 0, 0.35) 2.5px, transparent 3px),
    radial-gradient(circle at 78% 6px, #1a1e22 0 2px, rgba(0, 0, 0, 0.35) 2.5px, transparent 3px),
    radial-gradient(circle at 90% 6px, #1a1e22 0 2px, rgba(0, 0, 0, 0.35) 2.5px, transparent 3px),
    /* 左上 L 括号（青柠） */
    linear-gradient(#b8ff30, #b8ff30) 0 0 / 11px 2px no-repeat,
    linear-gradient(#b8ff30, #b8ff30) 0 0 / 2px 11px no-repeat,
    /* 右上 L 括号（青） */
    linear-gradient(#00e8ff, #00e8ff) 100% 0 / 11px 2px no-repeat,
    linear-gradient(#00e8ff, #00e8ff) 100% 0 / 2px 11px no-repeat,
    /* 金属底 + 中间略凹 */
    radial-gradient(ellipse 120% 80% at 50% 50%, rgba(18, 28, 42, 0.55) 0%, transparent 65%),
    linear-gradient(165deg, #0a1018 0%, #141e2c 45%, #0c121a 100%),
    #080c12 !important;
}

/* 两侧：控制面板 — 青框、横格、品红指示灯、向内 glitch 细线 */
html[data-theme="cyberpunk"] .jmxc-biaoti::before,
html[data-theme="cyberpunk"] .jmxc-biaoti::after {
  top: 10px;
  bottom: 10px;
  width: 17px;
  border-radius: 2px;
  border: 1px solid rgba(0, 230, 255, 0.55);
  box-shadow:
    0 0 10px rgba(0, 230, 255, 0.22),
    inset 0 0 12px rgba(0, 0, 0, 0.55),
    inset 0 0 0 1px rgba(255, 0, 170, 0.08);
}

html[data-theme="cyberpunk"] .jmxc-biaoti::before {
  left: 6px;
  background:
    radial-gradient(circle at 50% 28%, rgba(255, 0, 170, 0.95) 0 2px, transparent 3px),
    radial-gradient(circle at 50% 72%, rgba(255, 0, 170, 0.95) 0 2px, transparent 3px),
    linear-gradient(90deg, rgba(255, 0, 170, 0.45) 0%, transparent 70%) 0 42% / 100% 1px no-repeat,
    linear-gradient(90deg, rgba(0, 230, 255, 0.5) 0%, transparent 75%) 0 52% / 100% 1px no-repeat,
    repeating-linear-gradient(
      180deg,
      rgba(5, 8, 12, 0.92) 0 2px,
      rgba(0, 230, 255, 0.11) 2px 3px,
      rgba(5, 8, 12, 0.92) 3px 8px
    ),
    linear-gradient(180deg, #05080e 0%, #0e1622 100%);
}

html[data-theme="cyberpunk"] .jmxc-biaoti::after {
  right: 6px;
  background:
    radial-gradient(circle at 50% 28%, rgba(255, 0, 170, 0.95) 0 2px, transparent 3px),
    radial-gradient(circle at 50% 72%, rgba(255, 0, 170, 0.95) 0 2px, transparent 3px),
    linear-gradient(90deg, transparent 30%, rgba(255, 0, 170, 0.45) 100%) 0 42% / 100% 1px no-repeat,
    linear-gradient(90deg, transparent 25%, rgba(0, 230, 255, 0.5) 100%) 0 52% / 100% 1px no-repeat,
    repeating-linear-gradient(
      180deg,
      rgba(5, 8, 12, 0.92) 0 2px,
      rgba(0, 230, 255, 0.11) 2px 3px,
      rgba(5, 8, 12, 0.92) 3px 8px
    ),
    linear-gradient(180deg, #05080e 0%, #0e1622 100%);
}

html[data-theme="cyberpunk"] .jmxc-biaoti-title {
  position: relative;
  z-index: 2;
  color: #fff566 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.55) !important;
}

/* 历史弹窗列表头：按图一样式统一为 13px 且同一行 */
html[data-theme="cyberpunk"] .historical-list .body-list-item .hd-text .van-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

html[data-theme="cyberpunk"] .historical-list .body-list-item .hd-text .van-col {
  float: none;
}

html[data-theme="cyberpunk"] .historical-list .body-list-item .hd-text .van-col:first-child {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 13px;
  line-height: 1.2;
  color: #7ee8ff !important;
}

html[data-theme="cyberpunk"] .historical-list .body-list-item .hd-text .van-col:last-child {
  flex: 0 0 auto;
  font-size: 13px;
  line-height: 1.2;
  color: #7ee8ff !important;
  text-align: right;
  white-space: nowrap;
}

/* 历史开奖记录弹窗黑金化（恢复） */
html[data-theme="cyberpunk"] .history-modal {
  background: rgba(0, 0, 0, 0.62) !important;
}

html[data-theme="cyberpunk"] .history-modal .history-panel {
  background: #0a0c12 !important;
  border: 1px solid #3d6a8a !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(0, 212, 255, 0.15);
}

html[data-theme="cyberpunk"] .history-modal .history-header {
  border-bottom: 1px solid #2a5a78 !important;
  color: #ffff00 !important;
}

html[data-theme="cyberpunk"] .history-modal .history-header-left span {
  color: #ffff00 !important;
}

html[data-theme="cyberpunk"] .history-modal .history-year-btn,
html[data-theme="cyberpunk"] .history-modal .history-close-btn {
  border: 1px solid #3d6a8a !important;
  background: #121a24 !important;
  color: #ffff00 !important;
}

html[data-theme="cyberpunk"] .history-modal .history-list {
  background: transparent !important;
}

html[data-theme="cyberpunk"] .history-modal .history-list .body-list-item {
  background: #080a0e !important;
  border: 1px solid #3a5a70 !important;
  border-radius: 8px !important;
  padding: 6px 8px 8px;
  margin-bottom: 10px;
}

html[data-theme="cyberpunk"] .history-modal .history-list .body-list-item .hd-text,
html[data-theme="cyberpunk"] .history-modal .history-list .body-list-item .hd-text span {
  color: #7ee8ff !important;
}

html[data-theme="cyberpunk"] .history-modal .history-list .body-list-item .border-box-body {
  border-color: #2a6a9a !important;
  background: #06080c !important;
}

html[data-theme="cyberpunk"] .history-modal .history-list .body-list-item .border-box {
  border-color: #7ee8ff !important;
}

html[data-theme="cyberpunk"] .history-modal .history-list .body-list-item .border-box-body-bd {
  
  border-color: #7ee8ff !important;
}

html[data-theme="cyberpunk"] .history-modal .history-list .body-list-item .slot-text {
  color: #a8e6ff !important;
}

/* 历史弹窗开奖记录：轻微左移并避免最后一球贴边 */
html[data-theme="cyberpunk"] .history-modal .history-list .body-list-item .border-box-body-bd {
  padding-right: 8px !important;
}

html[data-theme="cyberpunk"] .history-modal .history-list .body-list-item .border-box-body-bd .van-row {
  overflow: visible !important;
  transform: translateX(-4px);
}

/* 加号位置微调 */
html[data-theme="cyberpunk"] .history-modal .history-list .body-list-item .connect {
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-1px);
}

/* 历史弹窗-年份选择弹层黑金化 */
html[data-theme="cyberpunk"] .history-modal .history-year-mask {
  background: rgba(0, 0, 0, 0.55) !important;
}

html[data-theme="cyberpunk"] .history-modal .history-year-sheet {
  background: #0a0c12 !important;
  border-top: 1px solid #2a6a9a !important;
  box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.42) !important;
}

html[data-theme="cyberpunk"] .history-modal .history-year-sheet > div:first-child {
  color: #7ee8ff !important;
  border-bottom-color: #2a4a60 !important;
  background: #0c1018 !important;
}

html[data-theme="cyberpunk"] .history-modal .history-year-sheet #xinxin-year-list {
  background: #0a0c12 !important;
}

html[data-theme="cyberpunk"] .history-modal .history-year-sheet #xinxin-year-list button {
  background: #0a0c12 !important;
  color: #7ee8ff !important;
  border-bottom-color: #1a3a50 !important;
}

html[data-theme="cyberpunk"] .history-modal .history-year-sheet #xinxin-year-list button[style*="#f2fff7"] {
  background: #1a2430 !important;
  color: #ffff00 !important;
  font-weight: 700;
}

html[data-theme="cyberpunk"] .history-modal .history-year-sheet > div:last-child {
  border-top-color: #2a4a60 !important;
  background: #0c1018 !important;
}

html[data-theme="cyberpunk"] .history-modal .history-year-sheet button[data-action="cancel"] {
  border-color: #2a6a9a !important;
  background: #121a24 !important;
  color: #7ee8ff !important;
}

html[data-theme="cyberpunk"] .history-modal .history-year-sheet button[data-action="confirm"] {
  background: #00ff88 !important;
  color: #051018 !important;
}

/* 右下角悬浮按钮（目录/回顶部）黑金化 */
html[data-theme="cyberpunk"] .floating-nav button {
  background: linear-gradient(135deg, #ffff33 0%, #ffd000 50%, #ff9500 100%) !important;
  color: #1c1305 !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 247, 220, 0.65) !important;
}

html[data-theme="cyberpunk"] .floating-nav button.secondary {
  background: linear-gradient(135deg, #1a2a38 0%, #0d1824 45%, #0a0f14 100%) !important;
  color: #fff566 !important;
  text-shadow: 0 0 8px rgba(255, 255, 100, 0.75);
  border: 1px solid rgba(255, 245, 80, 0.45);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 0, 0.12) !important;
}

html[data-theme="cyberpunk"] .floating-nav button:hover {
  filter: brightness(1.03);
}

html[data-theme="cyberpunk"] .floating-directory {
  background: #0a0c12 !important;
  border-color: #2a6a9a !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(0, 212, 255, 0.15) !important;
}

html[data-theme="cyberpunk"] .floating-directory .dir-title {
  color: #ffff00 !important;
}

html[data-theme="cyberpunk"] .floating-directory .dir-item {
  background: #121a24 !important;
  color: #ffff00 !important;
  border: 1px solid #3d6a8a !important;
  box-shadow: inset 0 1px 0 rgba(255, 231, 170, 0.08);
}

html[data-theme="cyberpunk"] .floating-directory .dir-item:hover {
  background: #1a2430 !important;
}

html[data-theme="cyberpunk"] .floating-directory .dir-empty {
  color: rgba(126, 232, 255, 0.85) !important;
}

/* 系统公告弹窗（sys-owned-popup-root）黑金化：覆盖内联样式 */
html[data-theme="cyberpunk"] #sys-owned-popup-root {
  background: rgba(0, 0, 0, 0.66) !important;
}

html[data-theme="cyberpunk"] #sys-owned-popup-root > div {
  background: #0a0c12 !important;
  border: 1px solid #3d6a8a !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(0, 212, 255, 0.15) !important;
}

/* header */
html[data-theme="cyberpunk"] #sys-owned-popup-root > div > div:first-child {
  background: linear-gradient(135deg, #ffff33 0%, #ffd000 50%, #ff9500 100%) !important;
  color: #1c1305 !important;
}

html[data-theme="cyberpunk"] #sys-owned-popup-root > div > div:first-child button {
  color: #1c1305 !important;
}

/* body */
html[data-theme="cyberpunk"] #sys-owned-popup-root > div > div:nth-child(2) {
  background: #0a0c12 !important;
  color: #7ee8ff !important;
}

html[data-theme="cyberpunk"] #sys-owned-popup-root a {
  color: #ffff00 !important;
}

/* info cards inside body */
html[data-theme="cyberpunk"] #sys-owned-popup-root > div > div:nth-child(2) > div {
  background: #080a0e !important;
  border-color: #2a6a9a !important;
  color: #7ee8ff !important;
}

html[data-theme="cyberpunk"] #sys-owned-popup-root > div > div:nth-child(2) > div span {
  color: inherit;
}

/* footer + buttons */
html[data-theme="cyberpunk"] #sys-owned-popup-root > div > div:last-child {
  background: #0c1018 !important;
  border-top-color: #2a4a60 !important;
}

html[data-theme="cyberpunk"] #sys-owned-popup-root > div > div:last-child button {
  background: transparent !important;
  color: #ffff00 !important;
  font-weight: 700 !important;
}

html[data-theme="cyberpunk"] #sys-owned-popup-root > div > div:last-child button:first-child {
  color: rgba(126, 232, 255, 0.85) !important;
}

@media (max-width: 540px) {
  /* 移动端：修正 vendors/app 的 .border-box 左右 margin 导致开奖区偏右 */
  html[data-theme="cyberpunk"] #widget .border-box {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html[data-theme="cyberpunk"] #widget {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
  }

  html[data-theme="cyberpunk"] #widget .border-box-body {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
  }

  /* 期号 / 查看历史记录：改为公告栏文字色 */
  html[data-theme="cyberpunk"] #widget .border-box-body-hd .van-row--justify-space-between {
    align-items: center !important;
  }

  html[data-theme="cyberpunk"] #widget .border-box-body-hd .text-left,
  html[data-theme="cyberpunk"] #widget .border-box-body-hd .text-right,
  html[data-theme="cyberpunk"] #widget .border-box-body-hd #historyLink {
    color: #ffff00 !important;
    font-size: 12px !important;
    line-height: 1;
  }

  /* 让左右文字对齐到胶囊“文字”中线（不是胶囊边框） */
  html[data-theme="cyberpunk"] #widget .border-box-body-hd .text-left,
  html[data-theme="cyberpunk"] #widget .border-box-body-hd .text-right {
    min-height: auto !important;
    display: flex;
    align-items: center;
    transform: translateY(-2px);
  }

  /* 胶囊：手机端上下两行 */
  html[data-theme="cyberpunk"] #widget .border-box-body-hd .lottys {
    white-space: normal !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    font-size: 10px !important;
    color: #ffffff !important;
    padding: 4px 8px;
    border-radius: 9px;
    line-height: 1.2;
  }

  html[data-theme="cyberpunk"] #widget .border-box-body-hd .lottys .lottys-label {
    white-space: nowrap;
    line-height: 1.2;
  }

  html[data-theme="cyberpunk"] #widget .border-box-body-hd .van-count-down {
    font-size: 14px !important;
    line-height: 1.05;
  }

  html[data-theme="cyberpunk"] #widget .border-box-body-bd .slot-text {
    color: #a8e6ff !important;
    font-size: 12px !important;
  }
}

/* 赛博朋克：开奖球霓虹光晕（贴近参考图 HUD） */
html[data-theme="cyberpunk"] #widget .border-box-body-bd .icon-text {
  filter: drop-shadow(0 0 6px rgba(255, 255, 0, 0.22));
}

html[data-theme="ocean"] {
  --theme-body-bg: #eef7fb;
  --theme-text: #0f3d57;
  --theme-card-bg: #ffffff;
  --theme-card-border: #c7e6f4;
  --theme-title-bg: #0ea5a4;
  --theme-title-text: #ecfeff;
  --theme-notice-bg: #0284c7;
  --theme-notice-text: #e0f2fe;
  --theme-tab-active-bg: #0891b2;
  --theme-tab-active-text: #ecfeff;
  --theme-tab-bg: #dff4ff;
  --theme-tab-text: #0c4a6e;
  --theme-shadow: 0 8px 24px rgba(8, 145, 178, 0.16);
  --rolling-plus-color: #0c4a6e;
  --rolling-slash-color: #0891b2;
  --rolling-active-shadow: drop-shadow(0 3px 8px rgba(14, 116, 144, 0.35));
}

html[data-theme="ocean"] body {
  background-image: radial-gradient(circle at 15% -10%, rgba(56, 189, 248, 0.2), transparent 42%),
    radial-gradient(circle at 90% 0%, rgba(45, 212, 191, 0.15), transparent 38%);
}

/* 资料区海洋化 */
html[data-theme="ocean"] .jmxc-open-log,
html[data-theme="ocean"] .open-log,
html[data-theme="ocean"] .content.bg-fff {
  border-color: #b7e2f4 !important;
  box-shadow: 0 10px 24px rgba(14, 116, 144, 0.14), inset 0 0 0 1px rgba(186, 230, 253, 0.45);
}

/* 开奖区海洋化：与其他板块保持同一蓝青层次与圆角语义 */
html[data-theme="ocean"] #widget {
  border-radius: 12px;
}

/* 整块开奖区略加宽（相对 .wrap），与其它资料卡对齐时更宽一行 */
html[data-theme="ocean"] #widget.border-ws {
  margin-left: -8px;
  margin-right: -8px;
  width: calc(100% + 16px);
  max-width: calc(100% + 16px);
  box-sizing: border-box;
}

html[data-theme="ocean"] #widget .border-box-body {
  background: linear-gradient(180deg, #f5fdff 0%, #eefbff 52%, #e4f7ff 100%);
  border: 1px solid #8ed3ea;
  border-radius: 10px;
  box-shadow: 0 12px 26px rgba(14, 116, 144, 0.2), inset 0 0 0 1px rgba(186, 230, 253, 0.58);
  overflow: hidden;
  /* 横向少留白，让白底球区更宽；顶栏单独内缩见 .border-box-body-hd */
  padding: 4px 2px 6px !important;
}

/* 开奖区顶栏：海洋渐变条宽度小于下方白底区（左右内缩），避免与球区同宽 */
html[data-theme="ocean"] #widget .border-box-body-hd {
  position: relative;
  z-index: 1;
  min-height: 0;
  box-sizing: border-box;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 4px;
  background: linear-gradient(135deg, #22d3ee 0%, #06b6d4 55%, #0284c7 100%) !important;
  border-bottom: 1px solid #0ea5b3;
  border-radius: 8px 8px 0 0;
  padding: 5px 22px 4px;
}

html[data-theme="ocean"] #widget .border-box-body-hd::before,
html[data-theme="ocean"] #widget .border-box-body-hd::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
  top: 50%;
  bottom: auto;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(
    circle at 32% 30%,
    #ffffff 0%,
    rgba(224, 250, 255, 0.95) 28%,
    rgba(56, 189, 248, 0.55) 62%,
    rgba(14, 116, 144, 0.45) 100%
  );
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 5px rgba(8, 47, 73, 0.2);
  transform: translateY(-50%);
}

html[data-theme="ocean"] #widget .border-box-body-hd::before {
  left: 10px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 5px rgba(8, 47, 73, 0.2),
    11px 5px 0 -2px rgba(255, 255, 255, 0.45), 6px -7px 0 -3px rgba(186, 230, 253, 0.55);
}

html[data-theme="ocean"] #widget .border-box-body-hd::after {
  right: 10px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 5px rgba(8, 47, 73, 0.2),
    -11px 5px 0 -2px rgba(255, 255, 255, 0.45), -6px -7px 0 -3px rgba(186, 230, 253, 0.55);
}

html[data-theme="ocean"] #widget .border-box-body-hd .van-row--justify-space-between {
  align-items: center !important;
  position: relative;
  z-index: 1;
}

html[data-theme="ocean"] #widget .border-box-body-hd .text-left,
html[data-theme="ocean"] #widget .border-box-body-hd .text-right,
html[data-theme="ocean"] #widget .border-box-body-hd #historyLink {
  color: #ecfeff !important;
  font-weight: 700;
  text-shadow: 0 1px 0 rgba(8, 47, 73, 0.35);
}

html[data-theme="ocean"] #widget .border-box-body-hd .text-left span {
  color: #ecfeff !important;
}

html[data-theme="ocean"] #widget .border-box-body-hd .lottys {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid rgba(236, 254, 255, 0.95);
  background: rgba(255, 255, 255, 0.92);
  color: #0c4a6e !important;
  font-weight: 800;
  font-size: 11px;
  line-height: 1.05;
  text-shadow: none;
  box-shadow: 0 1px 3px rgba(8, 47, 73, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

html[data-theme="ocean"] #widget .border-box-body-hd .lottys .lottys-label {
  color: #0c4a6e !important;
}

html[data-theme="ocean"] #widget .border-box-body-hd .van-count-down {
  color: #0284c7 !important;
  font-weight: 900;
  text-shadow: none;
  font-size: 14px;
  line-height: 1;
}

html[data-theme="ocean"] #widget .border-box-body-hd #historyLink {
  color: #ecfeff !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

html[data-theme="ocean"] #widget .border-box-body-ft {
  color: #0e7490 !important;
  background: linear-gradient(180deg, rgba(230, 248, 255, 0.88) 0%, rgba(216, 244, 255, 0.88) 100%);
  border-top: 1px solid #9ed9ed;
}

html[data-theme="ocean"] #widget.border-ws {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

html[data-theme="ocean"] #widget .border-box {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html[data-theme="ocean"] #widget .border-box-body-bd .slot-text {
  color: #0e7490 !important;
}

/* 球区相对顶栏更宽：在父级已少 padding 基础上再铺满；与顶栏拉开，减轻与球体重叠感 */
html[data-theme="ocean"] #widget .border-box-body-bd {
  position: relative;
  z-index: 2;
  padding: 6px 6px 4px !important;
  margin-top: 2px;
}

@media (max-width: 540px) {
  html[data-theme="ocean"] #widget.border-ws {
    margin-left: -4px;
    margin-right: -4px;
    width: calc(100% + 8px);
    max-width: calc(100% + 8px);
  }

  html[data-theme="ocean"] #widget .border-box-body {
    padding: 3px 2px 5px !important;
  }

  /* 海洋主题：胶囊内上下两行（覆盖桌面端 inline-flex 横排） */
  html[data-theme="ocean"] #widget .border-box-body-hd {
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 3px;
    padding: 4px 16px 3px;
  }

  html[data-theme="ocean"] #widget .border-box-body-hd .lottys {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1px !important;
    white-space: normal !important;
    padding: 2px 8px !important;
  }

  html[data-theme="ocean"] #widget .border-box-body-hd .lottys .lottys-label {
    white-space: nowrap;
    font-size: 10px;
    line-height: 1.15;
    text-align: center;
    color: #0c4a6e !important;
  }

  html[data-theme="ocean"] #widget .border-box-body-hd .van-count-down {
    font-size: 12px !important;
    line-height: 1;
  }
}

html[data-theme="ocean"] .jmxc-biaoti {
  background: linear-gradient(135deg, #22d3ee 0%, #06b6d4 55%, #0284c7 100%) !important;
  border-bottom: 1px solid #0ea5b3;
}

/* 两侧装饰：由竖条改为「气泡簇」，更贴海洋主题 */
html[data-theme="ocean"] .jmxc-biaoti::before,
html[data-theme="ocean"] .jmxc-biaoti::after {
  top: 50%;
  bottom: auto;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(
    circle at 32% 30%,
    #ffffff 0%,
    rgba(224, 250, 255, 0.95) 28%,
    rgba(56, 189, 248, 0.55) 62%,
    rgba(14, 116, 144, 0.45) 100%
  );
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 5px rgba(8, 47, 73, 0.2);
  transform: translateY(-50%);
}

html[data-theme="ocean"] .jmxc-biaoti::before {
  left: 10px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 5px rgba(8, 47, 73, 0.2),
    11px 5px 0 -2px rgba(255, 255, 255, 0.45), 6px -7px 0 -3px rgba(186, 230, 253, 0.55);
}

html[data-theme="ocean"] .jmxc-biaoti::after {
  right: 10px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 5px rgba(8, 47, 73, 0.2),
    -11px 5px 0 -2px rgba(255, 255, 255, 0.45), -6px -7px 0 -3px rgba(186, 230, 253, 0.55);
}

html[data-theme="ocean"] .jmxc-biaoti-title {
  color: #ecfeff !important;
  text-shadow: 0 1px 0 rgba(8, 47, 73, 0.35);
}

/* 右下导航键海洋化 */
html[data-theme="ocean"] .floating-nav button {
  background: linear-gradient(135deg, #34d399 0%, #10b981 45%, #0ea5a4 100%) !important;
  color: #ecfeff !important;
  box-shadow: 0 10px 20px rgba(13, 148, 136, 0.28), inset 0 1px 0 rgba(209, 250, 229, 0.45) !important;
}

html[data-theme="ocean"] .floating-nav button.secondary {
  background: linear-gradient(135deg, #38bdf8 0%, #22d3ee 48%, #06b6d4 100%) !important;
}

html[data-theme="ocean"] .floating-nav button:hover {
  filter: brightness(1.04);
}

html[data-theme="ocean"] .floating-directory {
  background: #f0faff !important;
  border-color: #8ed3ea !important;
  box-shadow: 0 14px 30px rgba(14, 116, 144, 0.2), inset 0 0 0 1px rgba(165, 243, 252, 0.55) !important;
}

html[data-theme="ocean"] .floating-directory .dir-title {
  color: #0f5f7a !important;
}

html[data-theme="ocean"] .floating-directory .dir-item {
  background: #e0f7ff !important;
  color: #0c4a6e !important;
  border: 1px solid #8ed3ea !important;
  box-shadow: inset 0 1px 0 rgba(236, 254, 255, 0.9);
}

html[data-theme="ocean"] .floating-directory .dir-item:hover {
  background: #cff4ff !important;
}

html[data-theme="ocean"] .floating-directory .dir-empty {
  color: rgba(15, 95, 122, 0.8) !important;
}

/* 历史弹窗海洋化 */
html[data-theme="ocean"] .history-modal {
  background: rgba(8, 47, 73, 0.55) !important;
}

html[data-theme="ocean"] .history-modal .history-panel {
  background: #f3fcff !important;
  border: 1px solid #7ccce7 !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 30px rgba(14, 116, 144, 0.26), inset 0 0 0 1px rgba(165, 243, 252, 0.45);
}

html[data-theme="ocean"] .history-modal .history-header {
  border-bottom: 1px solid #8ed3ea !important;
  color: #075985 !important;
}

html[data-theme="ocean"] .history-modal .history-header-left span {
  color: #0369a1 !important;
}

html[data-theme="ocean"] .history-modal .history-year-btn,
html[data-theme="ocean"] .history-modal .history-close-btn {
  border: 1px solid #67c3e3 !important;
  background: #e0f7ff !important;
  color: #075985 !important;
}

html[data-theme="ocean"] .history-modal .history-list .body-list-item {
  background: #effbff !important;
  border: 1px solid #8ed3ea !important;
  border-radius: 8px !important;
  padding: 6px 8px 8px;
  margin-bottom: 10px;
}

html[data-theme="ocean"] .history-modal .history-list .body-list-item .hd-text,
html[data-theme="ocean"] .history-modal .history-list .body-list-item .hd-text span {
  color: #0c4a6e !important;
}

html[data-theme="ocean"] .history-modal .history-list .body-list-item .border-box-body {
  border-color: #7ccce7 !important;
  background: #f6fdff !important;
}

/* 历史弹窗开奖号码：左移并避免最后一球被 overflow:hidden 裁切 */
html[data-theme="ocean"] .history-modal .history-list .body-list-item .border-box-body-bd {
  padding-right: 8px !important;
}

html[data-theme="ocean"] .history-modal .history-list .body-list-item .border-box-body-bd .van-row {
  overflow: visible !important;
  transform: translateX(-6px);
}

html[data-theme="ocean"] .history-modal .history-list .body-list-item .connect {
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-1px);
}

html[data-theme="ocean"] .history-modal .history-list .body-list-item .slot-text {
  color: #0e7490 !important;
}

/* 年份选择弹层海洋化 */
html[data-theme="ocean"] .history-modal .history-year-mask {
  background: rgba(7, 89, 133, 0.36) !important;
}

html[data-theme="ocean"] .history-modal .history-year-sheet {
  background: #f3fcff !important;
  border-top: 1px solid #8ed3ea !important;
  box-shadow: 0 -8px 20px rgba(14, 116, 144, 0.2) !important;
}

html[data-theme="ocean"] .history-modal .history-year-sheet > div:first-child {
  color: #0c4a6e !important;
  border-bottom-color: #8ed3ea !important;
  background: #e8f9ff !important;
}

html[data-theme="ocean"] .history-modal .history-year-sheet #xinxin-year-list {
  background: #f3fcff !important;
}

html[data-theme="ocean"] .history-modal .history-year-sheet #xinxin-year-list button {
  background: #f3fcff !important;
  color: #0c4a6e !important;
  border-bottom-color: #c7e6f4 !important;
}

html[data-theme="ocean"] .history-modal .history-year-sheet #xinxin-year-list button[style*="#f2fff7"] {
  background: #d7f4ff !important;
  color: #0369a1 !important;
  font-weight: 700;
}

html[data-theme="ocean"] .history-modal .history-year-sheet > div:last-child {
  border-top-color: #8ed3ea !important;
  background: #e8f9ff !important;
}

html[data-theme="ocean"] .history-modal .history-year-sheet button[data-action="cancel"] {
  border-color: #67c3e3 !important;
  background: #e0f7ff !important;
  color: #0c4a6e !important;
}

html[data-theme="ocean"] .history-modal .history-year-sheet button[data-action="confirm"] {
  background: #06b6d4 !important;
  color: #ecfeff !important;
}

/* 系统公告弹窗海洋化 */
html[data-theme="ocean"] #sys-owned-popup-root {
  background: rgba(8, 47, 73, 0.58) !important;
}

html[data-theme="ocean"] #sys-owned-popup-root > div {
  background: #f3fcff !important;
  border: 1px solid #7ccce7 !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 34px rgba(14, 116, 144, 0.26), inset 0 0 0 1px rgba(165, 243, 252, 0.45) !important;
}

html[data-theme="ocean"] #sys-owned-popup-root > div > div:first-child {
  background: linear-gradient(135deg, #22d3ee 0%, #06b6d4 55%, #0284c7 100%) !important;
  color: #ecfeff !important;
}

html[data-theme="ocean"] #sys-owned-popup-root > div > div:first-child button {
  color: #ecfeff !important;
}

html[data-theme="ocean"] #sys-owned-popup-root > div > div:nth-child(2) {
  background: #f3fcff !important;
  color: #0c4a6e !important;
}

html[data-theme="ocean"] #sys-owned-popup-root a {
  color: #0284c7 !important;
}

html[data-theme="ocean"] #sys-owned-popup-root > div > div:nth-child(2) > div {
  background: #eaf9ff !important;
  border-color: #8ed3ea !important;
  color: #0c4a6e !important;
}

html[data-theme="ocean"] #sys-owned-popup-root > div > div:nth-child(2) > div span {
  color: inherit;
}

html[data-theme="ocean"] #sys-owned-popup-root > div > div:last-child {
  background: #e8f9ff !important;
  border-top-color: #8ed3ea !important;
}

html[data-theme="ocean"] #sys-owned-popup-root > div > div:last-child button {
  background: transparent !important;
  color: #0284c7 !important;
  font-weight: 700 !important;
}

html[data-theme="ocean"] #sys-owned-popup-root > div > div:last-child button:first-child {
  color: rgba(12, 74, 110, 0.8) !important;
}


body {
  background: var(--theme-body-bg);
  color: var(--theme-text);
}

.home-nav-title {
  background: var(--theme-title-bg);
  color: var(--theme-title-text);
  box-shadow: var(--theme-shadow);
}

.home-notice-bar {
  background: var(--theme-notice-bg);
  color: var(--theme-notice-text);
}

.home-ad-images,
.home-mid-ad-images,
.home-footer-ad-images {
  background: var(--theme-card-bg);
  border-color: var(--theme-card-border);
  box-shadow: var(--theme-shadow);
}

.tabs button {
  background: var(--theme-tab-bg);
  color: var(--theme-tab-text);
}

.tabs button.active {
  background: var(--theme-tab-active-bg);
  color: var(--theme-tab-active-text);
}

#widget,
.jmxc-open-log,
.open-log,
.content.bg-fff {
  background: var(--theme-card-bg) !important;
  color: var(--theme-text);
}

.jmxc-open-log,
.open-log,
.content.bg-fff {
  border-color: var(--theme-card-border) !important;
}