/**
 * 深色主题 · 图标容器与底栏状态（SVG 统一云石蓝描边/填充）
 */
:root {
  --wap-icon-accent: #e60012;
  --wap-icon-accent-2: #e60012;
  --wap-icon-accent-ring: #eeeeee;
}

/* ── 首页五宫格快捷入口 ── */
#app.red-theme .homecontainer .dang .home-quick-btn__icon {
  width: 1.08rem;
  height: 1.08rem;
  margin: 0 auto;
  border-radius: 50%;
  background: #f5f5f5;
  border: 1px solid #eeeeee;
  box-shadow: none;
}

#app.red-theme .homecontainer .dang .home-quick-btn__icon img {
  width: 0.56rem !important;
  height: 0.56rem !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  object-fit: contain;
  filter: none !important;
  transform: translateZ(0);
}

#app.red-theme .homecontainer .dang .xbox:active .home-quick-btn__icon {
  background: #eeeeee;
  transform: scale(0.96);
  transition: transform 0.12s ease;
}

/* ── 个人中心 / 列表项图标 ── */
#app.red-theme .user-menu-icon img,
#app.red-theme .mine-list img[src*='wap-brand/user/'],
#app.red-theme .l_icon img,
#app.red-theme .usb .bl .home-quick-btn__icon,
#app.red-theme .usb .bl .home-quick-btn__icon img,
#app.red-theme .ganh .user-list-icon img,
#app.red-theme .ganh .le img {
  filter: none !important;
  object-fit: contain;
}

#app.red-theme .usb .bl .home-quick-btn__icon {
  width: 1.08rem;
  height: 1.08rem;
  margin: 0 auto;
  border-radius: 50%;
  background: #f5f5f5;
  border: 1px solid #eeeeee;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

#app.red-theme .usb .bl .home-quick-btn__icon img {
  width: 0.56rem !important;
  height: 0.56rem !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}

#app.red-theme .usb .bl:active .home-quick-btn__icon {
  background: #eeeeee;
  transform: scale(0.96);
  transition: transform 0.12s ease;
}

#app.red-theme .ganh .user-list-icon img {
  width: 0.48rem !important;
  height: 0.48rem !important;
}

/* ── 公告条 / 客服图标 ── */
#app.red-theme .home-notice-bar__service img {
  width: 0.52rem;
  height: 0.52rem;
}

/* ── 底栏 Tab 图标 ── */
#app.red-theme .footImgDeft {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#app.red-theme .footImgDeft img {
  transition: opacity 0.2s ease, transform 0.15s ease;
  background: transparent !important;
}

#app.red-theme .footDemo::before,
#app.red-theme .footDemos::before,
#app.red-theme .footDemo:has(.blueFont)::before {
  display: none !important;
  content: none !important;
  background: transparent !important;
}

#app.red-theme .footDemo .footImgDeft img {
  opacity: 1;
  filter: none !important;
}

#app.red-theme .footDemos .footImgDeft img,
#app.red-theme .footDemo:has(.blueFont) .footImgDeft img {
  opacity: 1;
  filter: none !important;
}

#app.red-theme .footDemos .footImgDeft img {
  transform: scale(1.04);
}

/* ── 底栏文字（深色底栏专用，压过浅色主题继承） ── */
#app.red-theme .footCss,
#app.red-theme .wap-bottom-tabbar {
  color: #b8b8b8 !important;
}

#app.red-theme .footCss .footDemo > div:not(.footImgDeft),
#app.red-theme .footCss .footDemos > div:not(.footImgDeft),
#app.red-theme .wap-bottom-tabbar .footDemo > div:not(.footImgDeft),
#app.red-theme .wap-bottom-tabbar .footDemos > div:not(.footImgDeft) {
  color: #b8b8b8 !important;
  -webkit-text-fill-color: #b8b8b8 !important;
}

#app.red-theme .footCss .activeFont,
#app.red-theme .wap-bottom-tabbar .activeFont {
  color: #e60012 !important;
  -webkit-text-fill-color: #e60012 !important;
  font-weight: 700 !important;
}

/* ── 首页指数 Tab（最高优先级，压过 minimal 白字继承） ── */
#app.red-theme .index-market-block,
#app.red-theme .index-chart-wrap {
  color: #222222 !important;
}

#app.red-theme .index-chart-wrap .index-chart-tabs button.index-chart-tab,
html[data-wap-surface='minimal'] #app.red-theme .index-chart-wrap .index-chart-tabs button.index-chart-tab {
  color: #444444 !important;
  -webkit-text-fill-color: #444444 !important;
  background: #eeeeee !important;
  border: 1px solid transparent !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

#app.red-theme .index-chart-wrap .index-chart-tabs button.index-chart-tab.active,
html[data-wap-surface='minimal'] #app.red-theme .index-chart-wrap .index-chart-tabs button.index-chart-tab.active {
  color: #b01f33 !important;
  -webkit-text-fill-color: #b01f33 !important;
  background: #ffffff !important;
  border: 1px solid #b01f33 !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}