/* 1. 顶部 Banner 区域：强制渐变背景 + 文字清晰化 */
/* #page-header,
#page-header.post-bg {
  background: linear-gradient(
    135deg,
    #1000a4 0%,
    #0922d2 20%,
    #1c81ea 40%,
    #4ac2ed 60%,
    #92d6db 80%,
    #f2b8b4 100%
  ) !important;
  background-size: 400% 400% !important;
  animation: gradientBG 15s ease infinite !important;
} */

/* 强制修改主页背景 - 垂直渐变 */
body {
  background: linear-gradient(
    180deg,
    #4159d0 0%,
    #c84fc0 70%,
    #ffcd70 100%
  ) !important;
  background-attachment: fixed !important;
}

/* 覆盖其他可能的背景元素 */
#web_bg,
.layout,
.page,
.anzhiyu-body-bg,
.anzhiyu-card,
.post-card {
  background: transparent !important;
  background-color: transparent !important;
}

#page-header,
#page-header.post-bg {
  background: linear-gradient(
    135deg,
    #4159d0 0%,
    #c84fce 50%,
    #f2b94b 100%
  ) !important;
  /* 开启 15 秒平滑流动动画 */
  background-size: 400% 400% !important;
  animation: gradientBG 15s ease infinite !important;
}

/* 确保标题文字为白色并带阴影，解决看不清的问题 */
#page-header #post-info .post-title,
#page-header #site-info #site-title {
  color: #ffffff !important;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3) !important;
}

/* 2. 针对安知鱼主题文章页可能存在的伪元素背景进行清除 */
#page-header.post-bg::before {
  background: transparent !important;
}
/*个人卡片*/
#aside-content .card-info {
  background: linear-gradient(
    90deg,
    #4159d0 0%,
    #c84fc0 50%,
    #ffcd70 100%
  ) !important;
  --anzhiyu-card-bg: transparent !important;
  background-color: transparent !important;
  border: none !important;
}

/* 去除卡片可能存在的默认背景遮罩 */
#aside-content .card-info::before {
  background: none !important;
}

/* 统一设置卡片内所有文字和社交图标为白色 */
#aside-content .card-info .author-info__name,
#aside-content .card-info .author-info__description,
#aside-content .card-info .card-info-data-item .headline,
#aside-content .card-info .card-info-data-item .length-num,
#aside-content .card-info .card-info-social-icons i {
  color: #ffffff !important;
}
/* ----- */
/* --- 方案 2：强化文章卡片的悬浮感 (Hover 效果) --- */
.recent-post-item {
  /* 给卡片加一个淡淡的阴影，让它脱离背景 */
  box-shadow: 0 5px 12px -5px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease-in-out !important;
  border-radius: 12px !important; /* 让圆角更自然 */
}

/* 鼠标移上去时的交互：向上浮动并加深阴影 */
.recent-post-item:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 12px 24px -10px rgba(0, 0, 0, 0.2) !important;
}

/* --- 方案 3：让顶部 Banner 和侧边栏卡片的渐变“流动”起来 --- */
#page-header,
#aside-content .card-info {
  /* 放大背景，为流动留出空间 */
  background-size: 400% 400% !important;
  /* 开启 15 秒循环的平滑动画 */
  animation: gradientBG 15s ease infinite !important;
}

/* 定义渐变流动的路径 */
@keyframes gradientBG {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* 修改微信卡片的绿色背景 */
#aside-content .card-widget#card-wechat {
  background: #000000 !important;
  background-color: #000000 !important;
}