/* 底栏高度默认值：刷新直进某页时尚未实测，避免 rem 未就绪导致底距过小 */
:root{
  --cy-tabbar-h:78px;
  --cy-tabbar-gap:10px;
}

/* 底部导航：币安平铺五项，颜色沿用赛博青 */
.cy-tabbar-wrap.bottom-tabbar-wrapper{
  position:fixed;
  left:0; right:0; bottom:0;
  z-index:1000;
  background:#0a1020 !important;
  pointer-events:none;
}
.cy-tabbar.bottom-tabbar{
  pointer-events:auto;
  display:flex !important;
  align-items:flex-end;
  justify-content:space-around;
  height:auto !important;
  min-height:0;
  padding:.08rem 0 calc(.06rem + env(safe-area-inset-bottom, 0px)) !important;
  margin:0 !important;
  background:#0a1020 !important;
  border-top:1px solid rgba(120,150,255,.18) !important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:none !important;
  box-sizing:border-box;
}
.cy-tabbar.bottom-tabbar::after{ display:none !important; }
.cy-tabbar .cy-tab,
.cy-tabbar .cy-tab-center{
  flex:1;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:.03rem;
  min-width:0;
  margin:0 !important;
  text-decoration:none !important;
  color:rgba(170,186,220,.75);
  padding:0 !important;
  position:relative;
  overflow:visible;
  -webkit-tap-highlight-color:transparent;
}
.cy-tabbar .cy-tab:not(.cy-tab-center){ padding-top:0 !important; }
.cy-tabbar .cy-tab-center::before{ display:none !important; content:none !important; }
.cy-tabbar .cy-ico,
.cy-tabbar .cy-ico-center{
  position:static !important;
  left:auto !important; top:auto !important;
  transform:none !important;
  width:.28rem; height:.28rem;
  margin:0;
  display:flex; align-items:center; justify-content:center;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.cy-tabbar .cy-ico svg,
.cy-tabbar .cy-ico-center svg{
  width:.24rem; height:.24rem;
  display:block;
  stroke:rgba(170,186,220,.75);
  fill:none;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:none !important;
}
.cy-tabbar .label,
.cy-tabbar .cy-tab-center .label{
  margin:0 !important;
  font-size:.133rem !important;
  font-weight:400 !important;
  line-height:1.15 !important;
  color:rgba(170,186,220,.75) !important;
  letter-spacing:0;
  white-space:nowrap;
}
.cy-tabbar .cy-tab.active .label,
.cy-tabbar .cy-tab.on .label,
.cy-tabbar .cy-tab-center.active .label,
.cy-tabbar .cy-tab-center.on .label{
  color:#4fd1ff !important;
  font-weight:500 !important;
}
.cy-tabbar .cy-tab.active .cy-ico svg,
.cy-tabbar .cy-tab.on .cy-ico svg,
.cy-tabbar .cy-tab.active .cy-ico-center svg,
.cy-tabbar .cy-tab.on .cy-ico-center svg{
  stroke:#4fd1ff;
  filter:none;
}
.cy-tabbar .cy-tab-center.active .cy-ico-center,
.cy-tabbar .cy-tab-center.on .cy-ico-center{
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}
.cy-tabbar .cy-tab:active{ opacity:.72; }

/* 给页面底部留出导航高度（--cy-tabbar-h 已含 safe-area，勿再叠加） */
body.has-cy-tabbar .page,
body.has-cy-tabbar .page-bd{
  padding-bottom:calc(var(--cy-tabbar-h, 78px) + var(--cy-tabbar-gap, 10px)) !important;
}

/* 交易三页：更高优先级，防止其它页 CSS 污染 */
body.has-cy-tabbar .tx-trade-page .page-bd,
html.has-cy-tabbar .tx-trade-page .page-bd,
.tx-trade-page .page-bd{
  padding-bottom:calc(var(--cy-tabbar-h, 78px) + var(--cy-tabbar-gap, 10px)) !important;
}

/**
 * 文档滚动：window 滚动才能收起浏览器地址栏
 * （对齐 dragon_shop / center；覆盖 zpui .page 绝对定位与 .page-bd 内滚）
 */
html.has-cy-tabbar,
body.has-cy-tabbar{
  width:100% !important;
  height:auto !important;
  min-height:100% !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  position:static !important;
  top:auto !important; left:auto !important; right:auto !important; bottom:auto !important;
  -webkit-overflow-scrolling:touch;
}
html.has-cy-tabbar .page,
html.has-cy-tabbar .page.my,
html.has-cy-tabbar .page.my.page-bg,
html.has-cy-tabbar .page.page-bg,
body.has-cy-tabbar .page,
body.has-cy-tabbar .page.my,
body.has-cy-tabbar .page.my.page-bg,
body.has-cy-tabbar .page.page-bg,
body.has-cy-tabbar .my{
  position:relative !important;
  left:auto !important; right:auto !important;
  top:auto !important; bottom:auto !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:100vh !important;
  min-height:100dvh !important;
  margin:0 !important;
  overflow:visible !important;
  -webkit-box-orient:initial !important;
  -webkit-flex-direction:initial !important;
  flex-direction:initial !important;
}
html.has-cy-tabbar .page-bd,
body.has-cy-tabbar .page-bd,
body.has-cy-tabbar .page .page-bd,
body.has-cy-tabbar .my .page-bd{
  position:relative !important;
  -webkit-box-flex:0 !important;
  -webkit-flex:none !important;
  flex:none !important;
  overflow:visible !important;
  height:auto !important;
  max-height:none !important;
}