/* ============================================================
   基础层：配色、字体、首屏插画、阅读页
   （B/C 的版式在 redesign.css，本文件先加载）
   ============================================================ */

:root {
  --hsp-ink: #1c2b27;
  --hsp-ink-2: #35443f;
  --hsp-muted: #71807a;
  --hsp-muted-2: #9aa8a2;
  --hsp-accent: #3f7d6e;
  --hsp-accent-2: #8fb3a8;
  --hsp-accent-deep: #2f6559;
  --hsp-accent-soft: #e9f1ed;
  --hsp-bronze: #a97c50;
  --hsp-bronze-soft: #f6eee3;
  --hsp-line: #e6e3d8;
  --hsp-paper: #fbfaf5;
  --hsp-serif: "Noto Serif SC", "Songti SC", "SimSun", serif;
  --hsp-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --hsp-mono: "Consolas", "SFMono-Regular", "Menlo", monospace;
}

body {
  font-family: var(--hsp-sans);
  background-color: #0b1412;
}

#body-wrap,
#content-inner,
#content-inner.layout {
  background-color: #0b1412 !important;
}

/* 标题衬线，正文无衬线 */
#site-title,
#site-subtitle,
#page-site-info #site-title,
.post-title,
.article-title,
#article-container h1,
#article-container h2,
#article-container h3,
#article-container h4,
#article-container h5,
#article-container h6,
.item-headline,
#aside-content .card-info .author-info-name,
.site-name {
  font-family: var(--hsp-serif);
}

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

#article-container p {
  margin-bottom: 1.15em;
}

#article-container h2 {
  margin-top: 2.1em;
}

/* 标题前的图标收成一个颜色 */
#content-inner.layout h1::before,
#content-inner.layout h2::before,
#content-inner.layout h3::before,
#content-inner.layout h4::before,
#content-inner.layout h5::before,
#content-inner.layout h6::before,
#content-inner.layout h1:hover::before,
#content-inner.layout h2:hover::before,
#content-inner.layout h3:hover::before,
#content-inner.layout h4:hover::before,
#content-inner.layout h5:hover::before,
#content-inner.layout h6:hover::before {
  color: var(--hsp-accent) !important;
}

#content-inner.layout h1:hover,
#content-inner.layout h2:hover,
#content-inner.layout h3:hover,
#content-inner.layout h4:hover,
#content-inner.layout h5:hover,
#content-inner.layout h6:hover {
  color: var(--hsp-accent-deep);
}

/* 首屏插画：强制显示，并压掉右上角素材水印 */
#page-header {
  background-color: #3f7d6e !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

#page-header.full_page,
#page-header.post-bg,
#page-header.not-home-page {
  background-image: url('/img/hero-fuhua.jpg') !important;
}

#page-header:not(.not-top-img)::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(48% 42% at 100% 0%,
      rgba(7, 14, 12, .98) 0%,
      rgba(7, 14, 12, .90) 38%,
      rgba(7, 14, 12, .45) 68%,
      transparent 86%),
    linear-gradient(180deg,
      rgba(7, 14, 12, .52) 0%,
      rgba(7, 14, 12, .38) 45%,
      rgba(7, 14, 12, .66) 100%);
}

#page-header > * {
  z-index: 2;
}

#page-header.full_page {
  max-height: 820px;
  background-attachment: scroll;
}

#page-header.full_page #site-title {
  font-weight: 600;
  letter-spacing: .01em;
}

#page-header.full_page #site-subtitle {
  font-family: var(--hsp-serif);
  letter-spacing: .08em;
}

/* 文章卡片 / 目录 */
.recent-post-item { border-radius: 12px; }

#card-toc .toc-content .toc-link.is-active-link {
  color: var(--hsp-accent-deep);
}
#card-toc .toc-percentage { color: var(--hsp-accent); }

.pagination-related .info-1 .info-item-2 {
  font-family: var(--hsp-serif);
}

@media (max-width: 768px) {
  #page-header.full_page #site-title { font-size: 2.1em; }
  #page-header.full_page #site-subtitle { font-size: 1.15em; }
  #article-container { font-size: 15px; }
}