/* ---------- YJX 博客自定义样式 ---------- */

/* 首屏 Banner：底部渐隐 + 标题字距 */
#page-header {
  background-color: #1b2440;
}

#page-header::before {
  background: linear-gradient(
    180deg,
    rgba(18, 24, 45, 0.15) 0%,
    rgba(18, 24, 45, 0.35) 55%,
    rgba(12, 16, 32, 0.72) 100%
  );
}

#page-header #site-title,
#page-header #site-subtitle,
#page-header #post-info {
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
}

#site-title {
  letter-spacing: 0.08em;
  font-weight: 700;
}

#site-subtitle {
  letter-spacing: 0.06em;
}

/* 首页文章卡片：悬浮微抬升 + 封面轻微放大 */
.recent-post-item {
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.recent-post-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 32px rgba(76, 111, 255, 0.16);
}

.recent-post-item .post_cover img,
.recent-post-item .post-cover img {
  transition: transform 0.6s ease;
}

.recent-post-item:hover .post_cover img,
.recent-post-item:hover .post-cover img {
  transform: scale(1.06);
}

/* 侧栏卡片 */
#aside-content .card-widget {
  border-radius: 14px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#aside-content .card-widget:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);
}

/* 作者卡片渐变背景 */
#aside-content .card-info .card-info-data,
#aside-content .card-info {
  background: linear-gradient(135deg, rgba(76, 111, 255, 0.08), rgba(0, 196, 182, 0.08));
}

/* 文章正文 */
#article-container h1,
#article-container h2,
#article-container h3 {
  letter-spacing: 0.02em;
}

#article-container img {
  border-radius: 8px;
}

/* 代码块圆角 */
figure.highlight,
pre {
  border-radius: 10px;
}

/* 阅读进度条颜色 */
#rightside #percent {
  color: #4c6fff;
}

/* 深色模式微调 */
[data-theme="dark"] #page-header::before {
  background: linear-gradient(
    180deg,
    rgba(8, 10, 18, 0.25) 0%,
    rgba(8, 10, 18, 0.55) 60%,
    rgba(5, 6, 12, 0.85) 100%
  );
}

[data-theme="dark"] #aside-content .card-widget:hover {
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45);
}

/* 自定义滚动条 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4c6fff, #00c4b6);
  border-radius: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}