/**
 * 1. 用于 /public 目录下的 x.html 和 x.mobile.html 页面，x 为 404 和 500 等错误页面
 * 2. 与 ./dark.scss 的区别：按需编写的样式，不包含所有样式
 */
 .common-header {
  .light-mode-img {
    display: inline !important;
  }
  .dark-mode-img {
    display: none !important;
  }
}
/* 来自 dark.scss 的样式 */
@media (prefers-color-scheme: dark) {
  html:not(.dark-mode-override):not(.oversea-landing) {
    filter: invert(1) hue-rotate(180deg) brightness(1);
    opacity: 0.95;
  }

  html:not(.dark-mode-override):not(.oversea-landing) .bottombar,
  html:not(.dark-mode-override):not(.oversea-landing) .explore-statistics,
  html:not(.dark-mode-override):not(.oversea-landing) .ent-feature-box,
  html:not(.dark-mode-override):not(.oversea-landing) .page-header,
  html:not(.dark-mode-override):not(.oversea-landing) #git-footer-main .logo-row,
  html:not(.dark-mode-override):not(.oversea-landing)
    .swiper-container.swiper-container-vertical {
    filter: invert(1) hue-rotate(180deg) brightness(1);
  }

  html.dark-mode:not(.oversea-landing) body:not(#home-index) #git-header-nav .item.gitosc-logo {
    filter: invert(1) hue-rotate(180deg) brightness(1);
    .light-mode-img {
      display: none !important;
    }
    .dark-mode-img {
      display: inline !important;
    }
  }

  /* 亮色模式下的顶部 logo */
  html:not(.dark-mode) body.mobile .gitee-nav {
    background-color: white !important;
    .light-mode-img {
      display: inline;
    }
    .dark-mode-img {
      display: none;
    }
  }

  /* 暗色模式下的顶部 logo */
  html.dark-mode:not(.oversea-landing) body:not(#home-index).mobile .gitee-nav {
    background-color: white !important;
    .light-mode-img {
      display: none !important;
    }
    .dark-mode-img {
      filter: invert(1) hue-rotate(180deg) brightness(1);
      display: inline !important;
    }
  }

  html:not(.dark-mode-override):not(.oversea-landing) body:not(#home-index) #git-footer-main {
    background-color: #fff !important;
  }

  html:not(.dark-mode-override):not(.oversea-landing)
    body:not(#home-index)
    #git-footer-main
    .bottombar {
    background-color: #000 !important;
  }
}

html.dark-mode:not(.oversea-landing) {
  filter: invert(1) hue-rotate(180deg) brightness(1);
  opacity: 0.95;
}

html.dark-mode:not(.oversea-landing) .bottombar,
html.dark-mode:not(.oversea-landing) .explore-statistics,
html.dark-mode:not(.oversea-landing) .ent-feature-box,
html.dark-mode:not(.oversea-landing) .page-header,
html.dark-mode:not(.oversea-landing) #git-footer-main .logo-row,
html.dark-mode:not(.oversea-landing) .swiper-container.swiper-container-vertical {
  filter: invert(1) hue-rotate(180deg) brightness(1);
}

html.dark-mode:not(.oversea-landing) body:not(#home-index) #git-header-nav .item.gitosc-logo {
  filter: invert(1) hue-rotate(180deg) brightness(1);
  .light-mode-img {
    display: none !important;
  }
  .dark-mode-img {
    display: inline !important;
  }
}

/* 亮色模式下的顶部 logo */
html:not(.dark-mode) body.mobile .gitee-nav {
  background-color: white !important;
  .light-mode-img {
    display: inline;
  }
  .dark-mode-img {
    display: none;
  }
}

/* 暗色模式下的顶部 logo */
html.dark-mode:not(.oversea-landing) body:not(#home-index).mobile .gitee-nav {
  background-color: white !important;
  .light-mode-img {
    display: none !important;
  }
  .dark-mode-img {
    filter: invert(1) hue-rotate(180deg) brightness(1);
    display: inline !important;
  }
}

html.dark-mode:not(.oversea-landing) body:not(#home-index) #git-footer-main {
  background-color: #fff !important;
}

html.dark-mode:not(.oversea-landing) body:not(#home-index) #git-footer-main .bottombar {
  background-color: #000 !important;
}