/* 自定义样式：在主题样式之后加载，同名变量以这里为准 */

/* 卡片半透明，透出整页背景（saber.love 用的是 0.8 的白） */
:root {
  --card-bg: rgba(255, 255, 255, 0.82);
}
[data-theme='dark'] {
  --card-bg: rgba(18, 18, 18, 0.82);
}

/* 主题默认让背景淡入 4 秒，打开页面前几秒是白的；缩短到 0.6 秒 */
#web_bg.bg-animation {
  animation-duration: 0.6s;
}

/* 卡片后面的背景轻微模糊，文字更好认 */
#recent-posts .recent-post-item,
#aside-content .card-widget,
.layout > div:first-child:not(.recent-posts) {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

/* 压在背景上的标题和导航加深阴影，浅色背景上也看得清 */
#page-header #site-title,
#page-header #site-subtitle,
#page-header #page-site-info #site-title,
#page-header #post-info,
#nav a,
#nav .site-name {
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
}