/* 定义 CSS 变量 */
:root {
  --getSomeCats-bg-color: rgba(252, 238, 200, 0.3);
  --getSomeCats-bg-color-dark: rgba(14, 42, 53, 0.3);
  --getSomeCats-bg-foot-color: rgba(77, 157, 200, 0.8);
  --getSomeCats-bg-foot-color-dark: rgba(14, 42, 53, 0.3);
  --getSomeCats-bg-cover-color: rgba(252, 238, 200, 0.3);
  --default-bg-color: rgba(173, 216, 230,1) !important;

}

/* 文章页面的背景 */
#post {
  background: var(--getSomeCats-bg-color) !important ;
}

/* 首页最近文章的背景 */
.recent-post-item {
  background: var(--getSomeCats-bg-color) !important ;
}

/* 底部背景 */
#footer {
  background: var(--getSomeCats-bg-foot-color) !important ;
}

/* 文章底部相关文章导航背景 */
/* .postImgHover .cover,
#pagination .prev-post .cover,
#pagination .next-post .cover,
.relatedPosts > .relatedPosts-list > div .cover {
  background: var(--getSomeCats-bg-color) !important ;
}
 */
/* 暗黑模式下对应颜色 */
[data-theme='dark'] #post {
  background: var(--getSomeCats-bg-color-dark) !important ;
}

[data-theme='dark'] .recent-post-item {
  background: var(--getSomeCats-bg-color-dark) !important ;
}

[data-theme='dark'] #footer {
  background: var(--getSomeCats-bg-foot-color-dark) !important ;
}

[data-theme='dark'] .cover {
  background: var(--getSomeCats-bg-color-dark) !important ;
}