.dark-mode body {
  color: #9ca3af;
  background-color: #0c0c0c;
}

.dark-mode .bg-white {
  background-color: #1f2937 !important;
}

.dark-mode .bg-white-95 {
  background-color: rgba(0, 0, 0, 0.8);
}

.dark-mode .bg-gray-50 {
  background-color: #111827;
}

.dark-mode .bg-gray-100 {
  background-color: #1f2937;
}

.dark-mode .bg-red-200 {
  background-color: #4b5563 !important;
}

.dark-mode .text-gray-400 {
  color: #4b5563 !important;
}

.dark-mode .text-gray-600 {
  color: #9ca3af !important;
}

.dark-mode .text-gray-800 {
  color: #e5e7eb !important;
}

.dark-mode .bg-red-600 {
  background-color: #991b1b !important;
}

.dark-mode .text-red-800 {
  color: #dc1226;
}

.dark-mode .border,
.dark-mode .border-gray-50,
.dark-mode .border-gray-100 {
  border-color: #111827;
}

.dark-mode .layui-header,
.dark-mode .layui-card {
  background-color: #991b1b !important;
}

.dark-mode .layui-logo {
  background-color: #991b1b;
}

.dark-mode .layui-logo .logo--red {
  display: none;
}

.dark-mode .layui-logo .logo--white {
  display: inline-block;
}

.dark-mode .layui-tab-title {
  border-color: #1f2937;
}

.dark-mode .layui-tab > .layui-tab-title .layui-this {
  color: #e5e7eb;
}

.dark-mode .site-card__container li.layui-this:after {
  border-color: #dc1226 !important;
}
/* 
.dark-mode .site-card__container li.layui-this.border-none:after {
  border-color: transparent !important;
} */

.dark-mode .layui-tab-title .layui-this:after {
  border-color: transparent;
}

.dark-mode .layui-tab > .layui-tab-title li:hover {
  color: #e5e7eb;
}

.dark-mode .search__input.layui-input {
  background-color: #881b1b;
  border-color: transparent;
}

.dark-mode .search__input.layui-input:focus,
.dark-mode .search__input.layui-input:focus + .btn--none {
  color: #e5e7eb;
}

/* author */
.dark-mode .search-text {
  color: #fff;
  background-color: #111827;
  border-color: transparent !important;
}

.dark-mode .layui-side-scroll,
.dark-mode .layui-nav-tree {
  background-color: #1f2937;
}

.dark-mode .layui-nav-tree dd i,
.dark-mode .layui-nav-item span,
.dark-mode .brand,
.dark-mode .layui-nav .layui-nav-item a {
  color: #d1d5db;
}

.dark-mode .layui-nav.header-nav__link .layui-nav-item a:hover {
  color: #fff;
}

.dark-mode .layui-nav.header-nav__link .layui-nav-child {
  background-color: #991b1b;
  border-color: transparent;
}

.dark-mode
  .layui-nav.header-nav__link
  .layui-nav-item
  .layui-nav-child
  a:hover {
  background-color: transparent;
}

.dark-mode .header-nav__link .layui-icon.layui-nav-mored {
  color: #fff;
}

.dark-mode .layui-header .btn--none.bg-gray-50 {
  background-color: #881b1b;
}

.dark-mode .layui-nav-tree dd:hover {
  background-color: #111827;
}

.dark-mode .site__link {
  color: #9ca3af;
}

.dark-mode hr {
  border-color: #111827 !important;
}

.dark-mode .layui-layer-page {
  background-color: #1f2937;
}

.dark-mode .setting__close:hover {
  background-color: #111827;
}

.dark-mode .layui-flow-more a cite {
  color: #9ca3af;
  background-color: #1f2937;
}