:root {
  /* 卡片背景颜色 */
  --light-card-bg: rgba(255, 255, 255, 0.8);
  --dark-card-bg: rgba(255, 255, 255, 0.067);
}

/* 页面背景 */
#web_bg {
  background: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);
}
[data-theme="dark"] #web_bg {
  background: linear-gradient(90deg, #2c0c16 0%, #043749 100%) !important;
  background: linear-gradient(90deg, #2c0c16 0%, #043749 100%);
}
[data-theme="dark"] #web_bg::before {
  background-color: transparent !important;
}

/* 首页文章卡片 */
#recent-posts > .recent-post-item {
  background: var(--light-card-bg);
}
/* 首页侧栏卡片 */
#aside-content .card-widget {
  background: var(--light-card-bg) !important;
}
/* 文章页面正文背景 */
div#post {
  background: var(--light-card-bg) !important;
}
/* 分页页面 */
div#page {
  background: var(--light-card-bg);
}
/* 归档页面 */
div#archive {
  background: var(--light-card-bg);
}
/* 标签页面 */
div#tag {
  background: var(--light-card-bg);
}
/* 分类页面 */
div#category {
  background: var(--light-card-bg);
}
/* 阅读模式 */
/* .read-mode #aside-content .card-widget {
  background: rgba(158, 204, 171, 0.5) !important;
}
.read-mode div#post {
  background: rgba(158, 204, 171, 0.5) !important;
} */

/* 页脚透明 */
#footer {
  background: transparent !important;
}
/* 页脚黑色透明玻璃效果移除 */
#footer::before {
  background: transparent !important;
}
/* 头图透明 */
#page-header {
  background: transparent !important;
}
/* 头图遮罩层透明 */
#page-header::before {
  background: transparent !important;
}
/*top-img黑色透明玻璃效果移除，不建议加，除非你执着于完全一图流或者背景图对比色明显 */
#page-header.post-bg:before {
  background-color: transparent !important;
}
/*夜间模式伪类遮罩层透明*/
[data-theme="dark"] #footer::before {
  background: transparent !important;
}
[data-theme="dark"] #page-header::before {
  background: transparent !important;
}

/* 夜间模式 */
/* 首页文章卡片 */
[data-theme="dark"] #recent-posts > .recent-post-item {
  background: var(--dark-card-bg);
}
/* 首页侧栏卡片 */
[data-theme="dark"] #aside-content .card-widget {
  background: var(--dark-card-bg) !important;
}
/* 文章页面正文背景 */
[data-theme="dark"] div#post {
  background: var(--dark-card-bg) !important;
}
/* 分页页面 */
[data-theme="dark"] div#page {
  background: var(--dark-card-bg);
}
/* 归档页面 */
[data-theme="dark"] div#archive {
  background: var(--dark-card-bg);
}
/* 标签页面 */
[data-theme="dark"] div#tag {
  background: var(--dark-card-bg);
}
/* 分类页面 */
[data-theme="dark"] div#category {
  background: var(--dark-card-bg);
}
/* 阅读模式 */
/* [data-theme="dark"] .read-mode #aside-content .card-widget {
  background: rgba(0, 0, 0, 0.5) !important;
  color: #ffffff;
}
[data-theme="dark"] .read-mode div#post {
  background: rgba(0, 0, 0, 0.5) !important;
  color: #ffffff;
} */
.post_cover_custom {
  display: table;
}
.post_cover_custom_a {
  display: table-cell;
  vertical-align: middle;
}
.post_cover_custom_div {
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin: 15px 0px;
  padding: 0px 20px;
}
.post_cover_custom_img {
  width: unset !important;
  height: unset !important;
  object-fit: cover;
}

/* 主页卡片左侧图片动画 */
#recent-posts > .recent-post-item:hover .left img.post_cover_custom_img {
  animation: bounce;
  animation-duration: 1s;
}
#recent-posts > .recent-post-item:hover .left img.moe_0 {
  animation-delay: 1.3s;
}
#recent-posts > .recent-post-item:hover .left img.moe_1 {
  animation-delay: 1.1s;
}
#recent-posts > .recent-post-item:hover .left img.moe_2 {
  animation-delay: 0.9s;
}
#recent-posts > .recent-post-item:hover .left img.moe_3 {
  animation-delay: 0.7s;
}
#recent-posts > .recent-post-item:hover .left img.moe_4 {
  animation-delay: 0.5s;
}
#recent-posts > .recent-post-item:hover .left img.moe_5 {
  animation-delay: 0.3s;
}

/* 主页卡片右侧图片动画 */
#recent-posts > .recent-post-item:hover .right img.post_cover_custom_img {
  animation: bounce;
  animation-duration: 1s;
}
#recent-posts > .recent-post-item:hover .right img.moe_0 {
  animation-delay: 0.3s;
}
#recent-posts > .recent-post-item:hover .right img.moe_1 {
  animation-delay: 0.5s;
}
#recent-posts > .recent-post-item:hover .right img.moe_2 {
  animation-delay: 0.7s;
}
#recent-posts > .recent-post-item:hover .right img.moe_3 {
  animation-delay: 0.9s;
}
#recent-posts > .recent-post-item:hover .right img.moe_4 {
  animation-delay: 1.1s;
}
#recent-posts > .recent-post-item:hover .right img.moe_5 {
  animation-delay: 1.3s;
}