/* 去掉底部导航两侧黑色区域 */

.foot-nav {

  background: transparent !important;

  border-top: none !important;

  pointer-events: none;

}

.foot-nav .inner {

  max-width: 750px;

  margin: 0 auto;

  background-color: transparent !important;

  background-size: 100% 100% !important;

  background-position: center center !important;

  pointer-events: auto;

}

/* 底部导航占位（仅一处，避免声明下方大块空白） */
.foot-nav-height {
  height: calc(var(--w4-85, 15vw) + env(safe-area-inset-bottom, 0px)) !important;
  min-height: 56px !important;
  max-height: 72px !important;
}



/* 预测区横幅图、生肖区（原 /Public 路径修复后） */

#template1 img[id^="img"],
#template2 img[id^="img"] {
  display: block;
  width: 100%;
  max-width: 750px;
  height: auto;
  margin: 0 auto 6px;
}

#template1 .center-1 table img,
#template2 .center-1 table img,
#shengxiaoad img,
.site-section-bar__img {
  display: block;
  width: 100%;
  max-width: 750px;
  height: auto;
  margin: 0 auto;
  vertical-align: top;
}

.site-section-bar {
  margin: 6px 0;
  text-align: center;
}

/* 首页：隐藏旧 header/banner，改用图三固定顶 + 图二宣传条 + 图一固定底 */
.page-home .header,
.page-home .banner2 {
  display: none !important;
}

#template2[data-tips-hidden="1"] {
  display: none !important;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.page-home .page-top {
  max-width: 750px;
  margin: 0 auto;
  padding: 0;
  line-height: 0;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.page-home .page-top__img {
  display: block;
  width: 100%;
  max-width: 750px;
  height: auto;
  margin: 0 auto;
  box-sizing: border-box;
  vertical-align: top;
}

/* 首页背景：内容区浅色实底，顶/底 fixed 条外圈用深棕（仅宽屏两侧） */
:root {
  --page-home-bg: #f0eded;
  --page-home-gutter: #6b3a12;
  --page-home-bottom-gutter: #c4a574;
}

.page-home .page-top-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 110;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
  background: var(--page-home-gutter);
  box-shadow: none;
}

.page-home .page-top-sticky .page-top__img--brand {
  display: block;
  width: 100%;
  max-width: 750px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  border: 0;
  vertical-align: top;
}

/* 顶栏占位 + 宣传条：零间距衔接，禁止白边 */
.page-home .page-top-flow {
  max-width: 750px;
  margin: 0 auto;
  padding: 0;
  line-height: 0;
  font-size: 0;
}

.page-home .page-top-spacer {
  display: block;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  padding: 0;
  aspect-ratio: 1024 / 167;
  min-height: 0;
  line-height: 0;
  font-size: 0;
  pointer-events: none;
  border: 0;
  vertical-align: top;
}

.page-home .page-top--promo {
  display: block;
  max-width: 750px;
  margin: 0 auto;
  padding: 0;
  line-height: 0;
  font-size: 0;
  position: relative;
  z-index: 2;
}

.page-home .page-top__img--promo {
  display: block;
  width: 100%;
  max-width: 750px;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
}

.page-home .tips,
.page-home #kjjg,
.page-home .a-d-i {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.page-home .page-top-flow,
.page-home .tips,
.page-home #kjjg,
.page-home .a-d-b,
.page-home #app,
.page-home #template1,
.page-home #template2,
.page-home #shuxing,
.page-home .aindex-panels {
  background-color: var(--page-home-bg);
}

.page-home .tips {
  max-width: 750px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* 分隔条 heng + chrome（与 886689 一致） */
#shengxiaoad img,
#template1 .center-1 table img[src*="heng.gif"],
#template1 .center-1 table img[src*="chrome.gif"],
#template2 .center-1 table img[src*="heng.gif"],
#template2 .center-1 table img[src*="chrome.gif"] {
  display: block !important;
  width: 100%;
  max-width: 750px;
  height: auto;
  margin: 0 auto;
}

#shuxing .sxdz li {
  background-size: contain !important;
  background-position: center top !important;
}

.page-home #shuxing {
  position: relative;
  z-index: 3;
  clear: both;
  max-width: 750px;
  margin: 0 auto;
}

.page-home .footer {
  display: block !important;
  overflow: visible !important;
  max-height: none !important;
  clear: both;
  max-width: 750px;
  margin: 0 auto;
  padding: 0 !important;
  background-color: var(--page-home-bg);
  position: relative;
  z-index: 4;
  isolation: isolate;
}

.page-home .footer__top-img {
  display: none !important;
}

/* 图一：底部导航 — fixed 贴底不滚动，全宽背景消除两侧/上下白边 */
.page-home .site-bottom-sticky {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 120;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  line-height: 0;
  font-size: 0;
  background: var(--page-home-bottom-gutter);
  border: 0;
  box-shadow: none;
}

.page-home .site-bottom-sticky__img {
  display: block;
  width: 100%;
  max-width: 750px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  border: 0;
  vertical-align: top;
}

.page-home .site-bottom-sticky__actions {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: stretch;
}

.page-home .site-bottom-sticky__hit {
  flex: 1;
  display: block;
  -webkit-tap-highlight-color: transparent;
}

.page-home .site-bottom-sticky__hit--switch {
  flex: 0 0 18%;
  max-width: 140px;
}

/* 底部占位（仿 .foot-nav-height） */
.page-home .site-bottom-spacer {
  display: block;
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  aspect-ratio: 1024 / 164;
  min-height: 0;
  line-height: 0;
  font-size: 0;
  pointer-events: none;
  border: 0;
  vertical-align: top;
  background: var(--page-home-bg);
}

.page-home .foot-nav,
.page-home .foot-nav-height {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
}

.page-home .footer__body {
  display: block !important;
  overflow: visible !important;
}

.page-home .footer p,
.page-home .footer__p {
  display: block !important;
  visibility: visible !important;
  overflow: visible !important;
  opacity: 1 !important;
  line-height: 1.7 !important;
  padding: 0 14px 12px !important;
  font-size: 15px !important;
  word-break: break-word;
  white-space: normal;
}

.page-home .footer__p--last {
  padding-bottom: 16px !important;
}

/* 页面主内容区允许滚动，确保可滚到页脚看完声明 */
body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  min-height: 100vh;
}

html {
  overflow-y: auto !important;
  height: auto !important;
}

html:has(body.page-home) {
  margin: 0;
  padding: 0;
  background: var(--page-home-bg) !important;
  background-image: none !important;
}

body.page-home {
  margin: 0 auto !important;
  padding: 0 !important;
  background: var(--page-home-bg) !important;
}

/* 电脑端宽屏：两侧留深棕，中间内容列保持浅色实底 */
html.is-desktop:has(body.page-home) {
  background: var(--page-home-gutter) !important;
}

html.is-desktop body.page-home {
  background: var(--page-home-bg) !important;
}

.page-home .page-top-flow + .tips {
  margin-top: 0 !important;
}



/* ========== 历史开奖记录页 · 顶部栏 ========== */

.page-history .header-bar {

  background: #2a1a0a;

}



.page-history .history-header .history-header-inner {

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  height: 50px;

  min-height: 50px;

  line-height: 50px;

  padding: 0;

  box-sizing: border-box;

}



.page-history .history-header .history-btn-back {

  position: absolute !important;

  left: 0 !important;

  top: 0 !important;

  bottom: 0 !important;

  z-index: 5;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: flex-start !important;

  width: auto !important;

  min-width: 76px !important;

  height: 100% !important;

  padding: 0 12px 0 10px !important;

  margin: 0 !important;

  background: none !important;

  background-image: none !important;

  color: #fff !important;

  font-size: 16px !important;

  font-weight: 600 !important;

  text-decoration: none !important;

  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.65);

  -webkit-tap-highlight-color: transparent;

}



.page-history .history-header .history-btn-back::before,

.page-history .history-header .history-btn-back::after {

  content: none !important;

  display: none !important;

}



.page-history .history-header .back-icon {

  font-size: 28px;

  line-height: 1;

  font-weight: 700;

  margin-right: 2px;

  margin-top: -2px;

  color: #fff;

}



.page-history .history-header .back-text {

  font-size: 16px;

  font-weight: 600;

  color: #fff;

  letter-spacing: 0.5px;

}



.page-history .history-header .history-title {

  flex: 1;

  width: 100%;

  margin: 0 !important;

  padding: 0 88px !important;

  box-sizing: border-box;

  text-align: center !important;

  font-size: 17px !important;

  font-weight: 700 !important;

  color: #fff !important;

  line-height: 50px !important;

  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.page-history .head-height {

  height: 50px !important;

  min-height: 50px !important;

}



/* 桌面端历史页顶栏略放大 */

html.is-desktop.page-history .history-header .history-header-inner,

html.is-desktop .page-history .history-header .history-header-inner {

  height: 56px;

  line-height: 56px;

}



html.is-desktop.page-history .history-header .history-title,

html.is-desktop .page-history .history-header .history-title {

  font-size: 20px !important;

  line-height: 56px !important;

}



html.is-desktop.page-history .head-height,

html.is-desktop .page-history .head-height {

  height: 56px !important;

  min-height: 56px !important;

}