:root {
  --site-page-bg-1: #f7f1ea;
  --site-page-bg-2: #efe6da;
  --site-page-bg-3: #f8f5f0;
  --site-glow-warm: rgba(205, 164, 125, 0.42);
  --site-glow-cool: rgba(146, 171, 216, 0.22);
}

html {
  background: #f5efe9;
}

body {
  background:
    linear-gradient(135deg, rgba(255, 251, 247, 0.18), rgba(245, 241, 238, 0.10)),
    url("https://szycdn.szyd.fun/2025/10/03/68df708a5a8ed.jpeg") center center / cover no-repeat fixed !important;
}

#body-wrap,
.layout,
.layout > div {
  background: transparent !important;
}

/* 文章正文恢复原来的卡片背景，保证文字可读 */
#post {
  background: var(--efu-card-bg) !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: transparent;
  pointer-events: none;
  z-index: -1;
}

/* 侧边栏个人信息卡片动态渐变色 */
#aside-content > .card-widget.card-info {
  background: linear-gradient(
    -45deg,
    #e8d8b9,
    #eccec5,
    #a3e9eb,
    #bdbdf0,
    #eec1ea
  );
  box-shadow: 0 0 5px rgb(66, 68, 68);
  position: relative;
  background-size: 400% 400%;
  -webkit-animation: Gradient 10s ease infinite;
  -moz-animation: Gradient 10s ease infinite;
  animation: Gradient 10s ease infinite !important;
}

@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@-moz-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* 黑夜模式适配：更沉静的棕黑文艺风 */
[data-theme="dark"] body {
  background:
    radial-gradient(circle at 20% 10%, rgba(167, 118, 79, 0.18), transparent 20%),
    radial-gradient(circle at 80% 18%, rgba(107, 82, 68, 0.22), transparent 22%),
    linear-gradient(135deg, #1a1715 0%, #221e1b 36%, #241c1b 100%);
}

[data-theme="dark"] #aside-content > .card-widget.card-info {
  background: #191919ee;
}

/* 个人信息Follow me按钮 */
#aside-content > .card-widget.card-info > #card-info-btn {
  background-color: #9a5892;
  border-radius: 8px;
}