/* ==========================================================================
   yqs 主题配色覆盖 —— 参考 716666.top
   主色 #166534（深海军蓝）/ 点缀 #FF9800（橙）/ 灰底
   内核界面保持 kl8/index.html 原样，仅替换颜色
   ========================================================================== */

/* 页面整体背景 → 浅灰 */
.main[data-v-f877eb06] {
  background: #e8ebf0 !important;
  background-color: #e8ebf0 !important;
}
.conten[data-v-f877eb06] {
  background: #eef0f3 !important;
  border-left-color: #FF9800 !important;
  border-right-color: #FF9800 !important;
}

/* 顶部标题区 → 深海军蓝 */
.header-section {
  background: linear-gradient(180deg, #166534 0%, #14532d 100%) !important;
}

/* 顶部导航胶囊按钮 → 海军蓝 */
#caifu-category-nav .nav-list a {
  background: #166534 !important;
  color: #fff !important;
}

/* 收起/展开导航按钮 + 返回顶部按钮 → 海军蓝 */
#caifu-nav-toggle {
  background: rgba(22, 101, 52, 0.95) !important;
}
#caifu-back-to-top {
  background: #166534 !important;
}

/* 参考区块标题 → 海军蓝 */
.section-header,
.shengxiao-header,
.friend-link-section-title,
.title[data-v-53b89f5f],
.title[data-v-50672221] {
  background: linear-gradient(135deg, #166534 0%, #14532d 100%) !important;
  color: #fff !important;
}

/* 彩种切换 tabs → 未选中白底黑字，选中绿色白字 + 橙色下划线 */
.el-tabs__item {
  background: #ffffff !important;
  color: #000 !important;
}
.el-tabs__item .tab-title,
.el-tabs__item .tab-subtitle {
  color: #000 !important;
}
.el-tabs__item.is-active {
  background: #166534 !important;
  color: #fff !important;
}
.el-tabs__item.is-active .tab-title,
.el-tabs__item.is-active .tab-subtitle {
  color: #fff !important;
}
.el-tabs__item.is-active::after {
  background: #FF9800 !important;
  box-shadow: 0 0 8px rgba(255, 152, 0, 0.6) !important;
}

/* tab 栏下方分隔线（与「开奖结果」隔开） */
.el-tabs__header {
  border-bottom: 1px solid #d0d0d0 !important;
}

/* 开奖期号 / 历史记录链接 → 橙色点缀 */
.lottery-text {
  color: #FF9800 !important;
}
.lottery-top a {
  color: #FF9800 !important;
}

/* ===== 顶部导航：始终显示、相对定位（同 716666.top，不随滚动隐藏/固定）===== */
#caifu-category-nav {
  display: grid !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
  z-index: auto !important;
  background: #fff !important;
  padding: 0.08rem 0.06rem !important;
}
#caifu-category-nav.caifu-nav-visible,
#caifu-category-nav.caifu-nav-hidden {
  display: grid !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
}
#caifu-category-nav .nav-list a {
  background: #166534 !important;
  color: #fff !important;
  height: 0.42rem !important;
  font-size: 0.26rem !important;
}
/* 隐藏旧的滚动悬浮“展/收”按钮 */
#caifu-nav-toggle {
  display: none !important;
}
/* 收起/展开导航栏按钮 */
.nav-fold-btn {
  display: block;
  width: 100%;
  background: #166534;
  color: #fff;
  border: none;
  line-height: 32px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 6px;
  margin-top: 4px;
}
#caifu-category-nav.nav-folded {
  display: none !important;
}

/* 导航栏跟随滚动（吸顶，同 716666.top 下拉时导航固定） */
.nav-sticky {
  position: sticky;
  top: 0;
  z-index: 9999;
  background: #fff;
}

/* 分类栏目标题：深海军蓝底 + 白字（同「展开导航栏」按钮 #166534） */
.title[data-v-845dc191] {
  background: #166534 !important;
  background-image: none !important;
  color: #fff !important;
}
.title[data-v-845dc191] span,
.title[data-v-845dc191] span:nth-child(1),
.title[data-v-845dc191] span:nth-child(2),
.title[data-v-845dc191] span:nth-child(3) {
  color: #fff !important;
  text-shadow: none !important;
}