/**
 * Oioiob 夜间模式
 * 参考 Material / WCAG 实践：深灰底、分层表面、off-white 正文、降饱和强调色
 * OneNav 把 io-black-mode 挂在 html 上；纯色、无渐变
 */
html.io-black-mode body.oioiob-child {
  --theme-color: #c9926a;
  --theme-color-rgb: 201, 146, 106;
  --hover-color: #d4a07a;
  --focus-color: #c9926a;
  --oioiob-accent: #c9926a;
  --oioiob-accent-rgb: 201, 146, 106;

  --body-bg-color: #1a1410;
  --main-bg-color: #252019;
  --main-color: #e8dfd6;
  --muted-color: #847a72;
  --muted-color2: #b0a498;
  --muted-color3: #6d645c;
  --muted-bg-color: #2f2720;
  --muted-bg-color-l: #352c24;
  --main-blur-bg-color: #252019;
  --main-blur-bg-color2: #2f2720;
  --main-blur-bg-color3: #352c24;
  --input-bg-color: #2f2720;
}

/* 全局底色：压住 enhance 日间渐变 */
html.io-black-mode body.oioiob-child {
  background-color: #1a1410 !important;
  background-image: none !important;
  color: #e8dfd6;
}

html.io-black-mode body.oioiob-child #layout_body,
html.io-black-mode body.oioiob-child .page-container,
html.io-black-mode body.oioiob-child .content-wrap {
  background: transparent !important;
}

/* 顶栏 / 搜索首屏：去掉一切渐变与黑层 */
html.io-black-mode body.oioiob-child .fx-header-bg,
html.io-black-mode body.oioiob-child .header-banner.header-big,
html.io-black-mode body.oioiob-child .header-big,
html.io-black-mode body.oioiob-child .header-big.css-color,
html.io-black-mode body.oioiob-child .header-big.css-img,
html.io-black-mode body.oioiob-child .header-big.css-bing {
  background: #1a1410 !important;
  background-color: #1a1410 !important;
  background-image: none !important;
  animation: none !important;
  border-bottom: 1px solid #453a32;
  box-shadow: none !important;
}

html.io-black-mode body.oioiob-child .fx-header-bg::before,
html.io-black-mode body.oioiob-child .fx-header-bg::after,
html.io-black-mode body.oioiob-child .header-big::before,
html.io-black-mode body.oioiob-child .header-big::after,
html.io-black-mode body.oioiob-child .header-big.css-img::before,
html.io-black-mode body.oioiob-child .header-big.css-bing::before,
html.io-black-mode body.oioiob-child .header-big.bg-gradual::after,
html.io-black-mode body.oioiob-child .header-big:not(.unchanged):not(.no-bg)::before,
html.io-black-mode body.oioiob-child .header-big .canvas-bg {
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

html.io-black-mode body.oioiob-child .big-search {
  --form-color: #e8dfd6;
  --form-bg: #2f2720;
  --font-color: #e8dfd6;
  --anchor-color: #c9926a;
  --text-shadow: none;
}

html.io-black-mode body.oioiob-child .navbar-logo .logo-expanded::after {
  color: #e8dfd6;
}

html.io-black-mode body.oioiob-child .oioiob-hero-text {
  color: #e8dfd6;
  text-shadow: none;
}

html.io-black-mode body.oioiob-child .oioiob-hero-slogan {
  color: #b0a498;
}

html.io-black-mode body.oioiob-child .header-banner .search-key,
html.io-black-mode body.oioiob-child .header-banner #search-text,
html.io-black-mode body.oioiob-child .header-banner .form-control {
  background: #2f2720 !important;
  border: 1px solid #453a32 !important;
  color: #e8dfd6 !important;
}

html.io-black-mode body.oioiob-child .search-list-menu .anchor {
  background: #c9926a;
}

html.io-black-mode body.oioiob-child .search-list-menu .slider-li,
html.io-black-mode body.oioiob-child .big-search .search-group li {
  color: #b0a498;
  text-shadow: none;
}

html.io-black-mode body.oioiob-child .search-list-menu .slider-li.active,
html.io-black-mode body.oioiob-child .big-search .search-group li.active,
html.io-black-mode body.oioiob-child .big-search .search-group li:hover {
  color: #e8dfd6;
}

/* 面板与模块 */
html.io-black-mode body.oioiob-child .oioiob-panel,
html.io-black-mode body.oioiob-child .oioiob-keywords,
html.io-black-mode body.oioiob-child .show-card .content-card,
html.io-black-mode body.oioiob-child .hotapi-x-overflow .card,
html.io-black-mode body.oioiob-child .oioiob-hot-boards .hotapi-card,
html.io-black-mode body.oioiob-child .oioiob-ad-slot {
  background: #252019 !important;
  border: 1px solid #453a32;
  box-shadow: none;
}

/* 网址卡片 */
html.io-black-mode body.oioiob-child .posts-item.sites-item.style-sites-max {
  background: #252019;
  border: 1px solid #453a32;
  box-shadow: none;
}

html.io-black-mode body.oioiob-child .posts-item.sites-item.style-sites-max:hover {
  border-color: #c9926a;
}

html.io-black-mode body.oioiob-child .posts-item.sites-item.style-sites-max .item-title,
html.io-black-mode body.oioiob-child .posts-item.sites-item.style-sites-max .item-title b,
html.io-black-mode body.oioiob-child .posts-item.sites-item.style-sites-max .item-title a {
  color: #e8dfd6 !important;
}

html.io-black-mode body.oioiob-child .posts-item.sites-item.style-sites-max .item-body .line1 {
  color: #847a72 !important;
}

html.io-black-mode body.oioiob-child .posts-item.sites-item.style-sites-max .meta-ico .meta-view,
html.io-black-mode body.oioiob-child .posts-item.sites-item.style-sites-max .meta-ico .meta-like {
  color: #6d645c !important;
}

html.io-black-mode body.oioiob-child .posts-item.sites-item.style-sites-max .item-media {
  background: #352c24;
}

/* 侧栏 */
html.io-black-mode body.oioiob-child .ioui-aside .aside-body {
  background: #252019;
  border-color: #453a32;
}

html.io-black-mode body.oioiob-child .aside-card .aside-btn:hover {
  background: #c9926a;
  color: #1a1410;
}

html.io-black-mode body.oioiob-child .aside-card > .aside-ul > li > .aside-btn.active,
html.io-black-mode body.oioiob-child .aside-card .aside-item > .aside-btn.is-parent-active,
html.io-black-mode body.oioiob-child .aside-card .aside-sub .aside-btn.active {
  color: #e8dfd6 !important;
}

html.io-black-mode body.oioiob-child .aside-card > .aside-ul > li > .aside-btn.active,
html.io-black-mode body.oioiob-child .aside-card .aside-item > .aside-btn.is-parent-active {
  background: #5c6f96 !important;
}

html.io-black-mode body.oioiob-child .aside-card .aside-sub .aside-btn.active::before,
html.io-black-mode body.oioiob-child .aside-card > .aside-ul > li > .aside-btn.active::before,
html.io-black-mode body.oioiob-child .aside-card .aside-item > .aside-btn.is-parent-active::before,
html.io-black-mode body.oioiob-child.aside-min .aside-popup .aside-btn.active::before {
  background: #c9926a;
}

html.io-black-mode body.oioiob-child.aside-min .aside-popup {
  background: #252019;
  border: 1px solid #453a32;
}

/* 热榜 */
html.io-black-mode body.oioiob-child .hotapi-rank.vc-l-red,
html.io-black-mode body.oioiob-child .hotapi-rank.vc-l-yellow,
html.io-black-mode body.oioiob-child .hotapi-rank.vc-l-purple {
  --this-color: #c9926a;
  --this-bg: #2f2720;
  --this-hover-bg: #c9926a;
}

html.io-black-mode body.oioiob-child .hotapi-rank.vc-l-purple {
  --this-color: #5c6f96;
  --this-hover-bg: #5c6f96;
}

html.io-black-mode body.oioiob-child .hotapi-list .badge.vc-l-blue {
  --this-color: #5c6f96;
  --this-bg: #2f2720;
  --this-hover-bg: #5c6f96;
}

html.io-black-mode body.oioiob-child .hotapi-tab-btn.active {
  color: #c9926a;
}

/* 资讯 */
html.io-black-mode body.oioiob-child .oioiob-feed-title {
  color: #e8dfd6;
  border-bottom-color: #453a32;
}

html.io-black-mode body.oioiob-child .oioiob-feed-time,
html.io-black-mode body.oioiob-child .oioiob-feed-item-desc {
  color: #847a72;
}

html.io-black-mode body.oioiob-child .oioiob-feed-list a:hover .oioiob-feed-item-title {
  color: #c9926a;
}

/* 页脚 */
html.io-black-mode body.oioiob-child .footer {
  background: #252019;
  border: 1px solid #453a32;
}