/* WXSSC V23.0-A47：资讯中心顶部市场快讯导航条美化 */

/* 顶部导航条整体 */
.wx43-marketbar,
.wx42-marketbar,
.wx41-marketbar{
  min-height:64px !important;
  padding:0 18px !important;
  border-bottom:1px solid #dbeafe !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(37,99,235,.055), transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
  box-shadow:inset 0 -1px 0 rgba(219,234,254,.72) !important;
  overflow:visible !important;
}

/* 左侧：市场快讯 / VIP快讯 / 分类 */
.wx43-market-tabs,
.wx42-market-tabs,
.wx41-tabs{
  height:64px !important;
  display:flex !important;
  align-items:center !important;
  gap:26px !important;
  flex:0 0 auto !important;
}

.wx43-market-tab,
.wx42-market-tab,
.wx41-tab{
  position:relative !important;
  min-width:auto !important;
  height:64px !important;
  padding:0 2px !important;
  border:0 !important;
  background:transparent !important;
  color:#64748b !important;
  font-size:22px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.035em !important;
  outline:none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color:transparent !important;
  transition:color .16s ease, transform .16s ease !important;
}

.wx43-market-tab:hover,
.wx42-market-tab:hover,
.wx41-tab:hover{
  color:#2563eb !important;
  transform:translateY(-1px) !important;
}

.wx43-market-tab.active,
.wx42-market-tab.active,
.wx41-tab.active{
  color:#2563eb !important;
}

.wx43-market-tab.active::after,
.wx42-market-tab.active::after,
.wx41-tab.active::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:4px !important;
  border-radius:999px 999px 0 0 !important;
  background:linear-gradient(90deg,#2563eb,#60a5fa) !important;
  box-shadow:0 -4px 16px rgba(37,99,235,.18) !important;
}

/* VIP 选中时金色 */
.wx43-market-tab[data-mode="vip"].active,
.wx42-market-tab[data-mode="vip"].active,
.wx41-tab[data-wx41-mode="vip"].active{
  color:#a66b16 !important;
}

.wx43-market-tab[data-mode="vip"].active::after,
.wx42-market-tab[data-mode="vip"].active::after,
.wx41-tab[data-wx41-mode="vip"].active::after{
  background:linear-gradient(90deg,#f7c56b,#a66b16) !important;
}

/* 分割线弱化 */
.wx43-divider,
.wx42-divider,
.wx41-divider{
  width:1px !important;
  height:28px !important;
  background:linear-gradient(180deg,transparent,#e2e8f0,transparent) !important;
  margin:0 2px !important;
  flex:0 0 auto !important;
}

/* 中间横向热点胶囊 */
.wx43-chips,
.wx42-chips,
.wx41-chips{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
  overflow:hidden !important;
}

.wx43-chip,
.wx42-chip,
.wx41-chip{
  height:42px !important;
  max-width:230px !important;
  padding:0 20px !important;
  border:0 !important;
  border-radius:999px !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.035em !important;
  white-space:nowrap !important;
  box-shadow:0 8px 22px rgba(15,23,42,.045) !important;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}

.wx43-chip:hover,
.wx42-chip:hover,
.wx41-chip:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 12px 26px rgba(15,23,42,.075) !important;
  filter:saturate(1.06) !important;
}

.wx43-chip.blue,
.wx42-chip.blue,
.wx41-chip.blue{
  color:#2563eb !important;
  background:linear-gradient(180deg,#eff6ff,#ffffff) !important;
}

.wx43-chip.red,
.wx42-chip.red,
.wx41-chip.red{
  color:#ef3340 !important;
  background:linear-gradient(180deg,#fff1f2,#ffffff) !important;
}

.wx43-chip.teal,
.wx42-chip.teal,
.wx41-chip.teal{
  color:#0f9f8e !important;
  background:linear-gradient(180deg,#e8fbf7,#ffffff) !important;
}

.wx43-chip.gold,
.wx42-chip.gold,
.wx41-chip.gold{
  color:#a66b16 !important;
  background:linear-gradient(180deg,#fff7e6,#ffffff) !important;
}

/* 3D 标签 */
.wx43-chip .hot,
.wx42-chip .hot,
.wx41-chip .wx41-hot{
  min-width:36px !important;
  height:26px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  color:#fff !important;
  background:linear-gradient(135deg,#ef3340,#f97316) !important;
  font-size:15px !important;
  font-weight:950 !important;
}

/* 右侧控制区 */
.wx43-controls,
.wx42-controls,
.wx41-controls{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  flex:0 0 auto !important;
}

/* 左右切换按钮 */
.wx43-arrow-group,
.wx42-arrow-group,
.wx41-arrow-group{
  height:40px !important;
  border-radius:999px !important;
  background:#f3f4f6 !important;
  box-shadow:inset 0 0 0 1px rgba(226,232,240,.8) !important;
  overflow:hidden !important;
}

.wx43-arrow,
.wx42-arrow,
.wx41-arrow{
  width:42px !important;
  height:40px !important;
  border:0 !important;
  background:transparent !important;
  color:#111827 !important;
  font-size:15px !important;
  font-weight:950 !important;
}

.wx43-arrow:first-child,
.wx42-arrow:first-child,
.wx41-arrow:first-child{
  color:#9ca3af !important;
}

/* 语音播报 */
.wx43-voice,
.wx42-voice,
.wx41-voice{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  color:#64748b !important;
  font-size:20px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

.wx43-voice span:first-child,
.wx42-voice span:first-child,
.wx41-headphone{
  color:#64748b !important;
  font-size:22px !important;
}

/* 开关 */
.wx43-switch,
.wx42-switch,
.wx41-switch{
  width:70px !important;
  height:40px !important;
  border-radius:999px !important;
  background:#e5e7eb !important;
  box-shadow:inset 0 0 0 1px rgba(203,213,225,.62) !important;
}

.wx43-switch::after,
.wx42-switch::after,
.wx41-switch::after{
  width:32px !important;
  height:32px !important;
  top:4px !important;
  left:4px !important;
  box-shadow:0 5px 14px rgba(15,23,42,.18) !important;
}

.wx43-switch.on,
.wx42-switch.on,
.wx41-switch.on{
  background:linear-gradient(135deg,#5b7fea,#2563eb) !important;
}

.wx43-switch.on::after,
.wx42-switch.on::after,
.wx41-switch.on::after{
  left:34px !important;
}

/* 去掉最右侧小房子 / 设置符号 */
.wx43-gear,
.wx42-gear,
.wx41-gear{
  display:none !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* 去掉由于 gear 留下的多余空隙 */
.wx43-controls > *:last-child.wx43-gear,
.wx42-controls > *:last-child.wx42-gear,
.wx41-controls > *:last-child.wx41-gear{
  display:none !important;
}

/* 响应式 */
@media(max-width:1100px){
  .wx43-marketbar,
  .wx42-marketbar,
  .wx41-marketbar{
    align-items:flex-start !important;
    flex-direction:column !important;
    padding:10px 12px !important;
  }

  .wx43-market-tabs,
  .wx42-market-tabs,
  .wx41-tabs{
    height:40px !important;
    gap:22px !important;
  }

  .wx43-market-tab,
  .wx42-market-tab,
  .wx41-tab{
    height:40px !important;
    font-size:18px !important;
  }

  .wx43-chips,
  .wx42-chips,
  .wx41-chips{
    width:100% !important;
    overflow-x:auto !important;
    scrollbar-width:none !important;
  }

  .wx43-chips::-webkit-scrollbar,
  .wx42-chips::-webkit-scrollbar,
  .wx41-chips::-webkit-scrollbar{
    display:none !important;
  }

  .wx43-chip,
  .wx42-chip,
  .wx41-chip{
    flex:0 0 auto !important;
    height:36px !important;
    font-size:16px !important;
    padding:0 15px !important;
  }

  .wx43-controls,
  .wx42-controls,
  .wx41-controls{
    width:100% !important;
    justify-content:space-between !important;
  }
}

@media(max-width:760px){
  .wx43-voice,
  .wx42-voice,
  .wx41-voice{
    font-size:16px !important;
  }

  .wx43-switch,
  .wx42-switch,
  .wx41-switch{
    width:58px !important;
    height:34px !important;
  }

  .wx43-switch::after,
  .wx42-switch::after,
  .wx41-switch::after{
    width:28px !important;
    height:28px !important;
    top:3px !important;
    left:3px !important;
  }

  .wx43-switch.on::after,
  .wx42-switch.on::after,
  .wx41-switch.on::after{
    left:27px !important;
  }

  .wx43-arrow-group,
  .wx42-arrow-group,
  .wx41-arrow-group{
    height:34px !important;
  }

  .wx43-arrow,
  .wx42-arrow,
  .wx41-arrow{
    width:38px !important;
    height:34px !important;
  }
}