/* 币天天全站统一顶栏 — 覆盖各页本地不一致样式 */
:root{
  --btt-nav-max:1320px;
  --btt-gold:#F0B90B;
  --btt-gold2:#FFD76A;
}
header.btt-topbar,
.btt-topbar{
  position:sticky!important;
  top:10px!important;
  z-index:90!important;
  width:min(var(--btt-nav-max), calc(100% - 28px))!important;
  max-width:none!important;
  margin:10px auto 0!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:18px!important;
  background:rgba(5,8,14,.92)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  box-shadow:0 16px 48px rgba(0,0,0,.35)!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.btt-topbar .btt-nav-inner,
.btt-nav-inner{
  min-height:64px!important;
  height:auto!important;
  padding:0 18px!important;
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr) auto!important;
  grid-template-areas:none!important;
  align-items:center!important;
  gap:14px!important;
  box-sizing:border-box!important;
}
.btt-topbar .btt-site-logo,
.btt-site-logo{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  font-size:18px!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
  white-space:nowrap!important;
  color:#F8FAFC!important;
  text-decoration:none!important;
  grid-area:auto!important;
}
.btt-topbar .btt-site-logo img,
.btt-site-logo img{
  width:34px!important;
  height:34px!important;
  border-radius:999px!important;
  object-fit:cover!important;
  border:1px solid rgba(255,255,255,.18)!important;
  display:block!important;
  flex:none!important;
}
.btt-topbar .btt-nav,
nav.btt-nav,
.btt-nav{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  grid-area:auto!important;
  grid-column:auto!important;
  order:0!important;
  padding:0!important;
  margin:0!important;
  height:auto!important;
}
.btt-topbar .btt-nav::-webkit-scrollbar,
.btt-nav::-webkit-scrollbar{display:none!important}
.btt-topbar .btt-nav a,
nav.btt-nav a,
.btt-nav a{
  position:relative!important;
  color:#AEB8C8!important;
  font-size:14px!important;
  font-weight:900!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  transition:.18s ease!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  flex:0 0 auto!important;
  line-height:1.2!important;
}
.btt-topbar .btt-nav a:hover,
.btt-topbar .btt-nav a.active,
.btt-nav a:hover,
.btt-nav a.active{
  color:#fff!important;
  background:rgba(240,185,11,.10)!important;
}
.btt-topbar .btt-nav a.active,
.btt-nav a.active{
  color:var(--btt-gold2)!important;
}
.btt-topbar .btt-nav a.active:after,
.btt-nav a.active:after{content:none!important;display:none!important}

.btt-topbar .btt-socials,
.btt-socials{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  grid-area:auto!important;
  min-width:0!important;
}
.btt-topbar .btt-order-link,
.btt-topbar .btt-auth-link,
.btt-order-link,
.btt-auth-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  height:36px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.04)!important;
  color:#F5F7FB!important;
  font-size:12.5px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  transition:.18s!important;
  box-sizing:border-box!important;
  line-height:1!important;
}
.btt-topbar .btt-order-link,
.btt-order-link{
  border-color:rgba(240,185,11,.28)!important;
  color:#FFE8A3!important;
  background:rgba(240,185,11,.08)!important;
}
.btt-topbar .btt-order-link:hover,
.btt-topbar .btt-auth-link:hover,
.btt-topbar .btt-auth-link.btt-auth-mine,
.btt-order-link:hover,
.btt-auth-link:hover,
.btt-auth-link.btt-auth-mine{
  border-color:rgba(240,185,11,.45)!important;
  color:#FFD76A!important;
  background:rgba(240,185,11,.08)!important;
}
.btt-topbar .btt-auth-wrap,
.btt-auth-wrap{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
}
.btt-topbar .btt-icon,
.btt-socials .btt-icon,
a.btt-icon{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  flex:0 0 36px!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.035)!important;
  color:#F5F7FB!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  line-height:0!important;
  transition:.18s ease!important;
}
.btt-topbar .btt-icon:hover,
.btt-socials .btt-icon:hover,
a.btt-icon:hover{
  color:var(--btt-gold)!important;
  border-color:rgba(240,185,11,.55)!important;
  transform:translateY(-1px)!important;
}
.btt-topbar .btt-icon svg,
.btt-socials .btt-icon svg,
a.btt-icon svg{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  min-height:15px!important;
  display:block!important;
  flex:none!important;
}

/* 隐藏各页旧的 nav-cta，避免右侧布局跳动 */
.btt-topbar .nav-cta,
.btt-nav-inner .nav-cta{display:none!important}

@media (max-width:1080px){
  header.btt-topbar,
  .btt-topbar{
    top:8px!important;
    width:min(var(--btt-nav-max), calc(100% - 16px))!important;
    margin:8px auto 0!important;
    border-radius:16px!important;
  }
  .btt-topbar .btt-nav-inner,
  .btt-nav-inner{
    grid-template-columns:1fr auto!important;
    padding:10px 14px!important;
    min-height:auto!important;
    gap:10px!important;
  }
  .btt-topbar .btt-nav,
  nav.btt-nav,
  .btt-nav{
    grid-column:1 / -1!important;
    justify-content:flex-start!important;
    order:3!important;
    padding:2px 0 0!important;
    gap:4px!important;
  }
  .btt-topbar .btt-nav a,
  .btt-nav a{
    font-size:12.5px!important;
    padding:7px 10px!important;
  }
}

@media (max-width:760px){
  header.btt-topbar,
  .btt-topbar{
    position:sticky!important;
    top:max(6px, env(safe-area-inset-top, 0px))!important;
    width:calc(100% - 12px)!important;
    margin:6px auto 0!important;
    border-radius:14px!important;
  }
  .btt-topbar .btt-nav-inner,
  .btt-nav-inner{
    grid-template-columns:1fr auto!important;
    padding:10px 12px!important;
    gap:8px!important;
  }
  .btt-topbar .btt-site-logo,
  .btt-site-logo{font-size:16px!important}
  .btt-topbar .btt-site-logo img,
  .btt-site-logo img{width:30px!important;height:30px!important}
  .btt-topbar .btt-order-link,
  .btt-topbar .btt-auth-link,
  .btt-order-link,
  .btt-auth-link{
    min-height:32px!important;
    height:32px!important;
    padding:0 10px!important;
    font-size:12px!important;
  }
  .btt-topbar .btt-icon,
  .btt-socials .btt-icon,
  a.btt-icon{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    flex-basis:32px!important;
  }
  .btt-topbar .btt-icon svg,
  .btt-socials .btt-icon svg,
  a.btt-icon svg{
    width:14px!important;
    height:14px!important;
  }
}