/* ====== 头图暗色模式切换 ====== */
#page-header.full_page {
  background-image: url('/img/header-light.jpg') !important;
}
[data-theme="dark"] #page-header.full_page {
  background-image: url('/img/header-dark.jpg') !important;
}

/* ====== 底图暗色模式切换 ====== */
#footer {
  background-image: url('/img/footer-light.jpg') !important;
}
[data-theme="dark"] #footer {
  background-image: url('/img/footer-dark.jpg') !important;
}

/* ====== 窄屏头图适配 ====== */
@media screen and (max-width: 768px) {
  #page-header.full_page {
    background-size: 100% auto !important;
    background-position: center top !important;
    background-attachment: scroll !important;
    height: auto !important;
    min-height: 55vw;
  }

  #page-header.full_page #site-info {
    position: relative;
    top: auto;
    padding: 8vw 15px 5vw;
  }

  #page-header.full_page #scroll-down {
    position: relative;
    bottom: auto;
    padding-bottom: 2vw;
  }

  /* 文章页头图窄屏适配 */
  #page-header.post-bg,
  #page-header.not-home-page {
    background-size: 100% auto !important;
    background-position: center center !important;
    height: auto !important;
    min-height: 40vw;
    padding: 30vw 15px 3vw;
  }

  #page-header #post-info {
    position: relative;
    top: auto;
    bottom: auto;
    transform: none;
    padding: 0 15px;
  }

  /* 底图窄屏适配 */
  #footer {
    background-size: 100% auto !important;
    background-position: center top !important;
  }
}