/* 站点自定义样式：在 Butterfly 默认结构上做配色 / 字号 / 圆角微调 */

[data-theme='dark'] {
  --global-bg: #0b0e14;
  --card-bg: #151821;
  --search-bg: #12151d;
  --font-color: rgba(255, 255, 255, 0.82);
  --text-highlight-color: #e9f1f6;
  --toc-link-color: rgba(255, 255, 255, 0.55);
  --blockquote-bg: rgba(34, 211, 238, 0.08);
}

body {
  font-size: 15px;
}

/* ---------- 导航：滚动后变深色玻璃条 ---------- */
[data-theme='dark'] #page-header.nav-fixed > #nav,
[data-theme='dark'] #page-header.not-top-img > #nav {
  background: rgba(11, 14, 20, 0.62) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

[data-theme='dark'] #nav a,
[data-theme='dark'] #nav span.site-page,
[data-theme='dark'] #nav .site-name {
  color: rgba(255, 255, 255, 0.78);
}

[data-theme='dark'] #nav a:hover,
[data-theme='dark'] #nav span.site-page:hover {
  color: #22d3ee;
}

/* ---------- 首屏 ---------- */
#page-header #site-title {
  font-size: 3.6rem;
  letter-spacing: 0.04em;
  font-weight: 700;
}

#page-header #site-subtitle {
  font-size: 1.15rem;
  letter-spacing: 0.12em;
  opacity: 0.88;
}

/* ---------- 卡片 ---------- */
#recent-posts > .recent-post-item,
.card-widget {
  border-radius: 16px;
  border: 1px solid rgba(34, 211, 238, 0.1);
  overflow: hidden;
}

#recent-posts > .recent-post-item:hover {
  border-color: rgba(34, 211, 238, 0.3);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45);
}

.card-widget {
  padding: 20px;
}

/* 卡片标题与摘要 */
#recent-posts .recent-post-info .article-title {
  font-size: 1.35rem;
  letter-spacing: 0.01em;
}

/* 侧栏小标题 */
.card-widget .item-headline {
  font-size: 1rem;
}

.card-widget .item-headline i {
  color: #22d3ee;
}

/* ---------- 文章 ---------- */
#post-info .post-title {
  font-size: 2.4rem;
  letter-spacing: 0.02em;
}

#article-container {
  font-size: 16px;
  line-height: 1.9;
}

#article-container h2 {
  font-size: 1.5rem;
  padding-bottom: 0.3em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

#article-container h3 {
  font-size: 1.2rem;
}

#article-container pre {
  border-radius: 12px;
}

/* 首屏向下引导箭头弱化一点 */
#page-header #scroll-down {
  opacity: 0.65;
}