/* === 载入本地字体：Abril Fatface === */
@font-face {
  font-family: 'Abril Fatface';
  src: url('/fonts/AbrilFatface-Regular.ttf') format('truetype');
  font-display: swap;
}

/* === 站点标题专用字体 === */
#site-title {
  font-family: 'Abril Fatface', 'Times New Roman', serif !important;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.1;
  /* 默认用于有封面图的场景（首页、文章页带 banner） */
  color: #D4B06A !important; /* 浅金橙：在深色封面上对比度高、发光感强 */
}

/* 没有顶图的页面（Butterfly 会给 header 加 .not-top-img）
   此时页面整体是浅底（你的网站是 #e5dac8），标题改为更深的“青铜金”以保证可读性 */
#page-header.not-top-img #site-title {
  color: #8C6B3B !important; /* 深青铜金：在浅底上对比度充足（AA 大字达标） */
}

/* 也可针对首页全屏封面更大些（可按需调） */
#page-header.full_page #site-title {
  font-size: 2.8rem;
}

/* 移动端适配：避免太大换行或溢出 */
@media (max-width: 768px) {
  #site-title { font-size: 2.2rem; }
}

/* =========================================================
   首页封面隐藏导航栏，仅下滑后显示
   for Butterfly (iroyame.com)
   ========================================================= */

/* 在首页且为封面状态时（Butterfly 会给 header 加 full_page）隐藏导航栏 */
.index #nav.is-top {
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  transition: opacity 0.5s ease;
}

/* 当用户滚动后，Butterfly 自动移除 is-top 或加上 is-fixed，此时恢复正常 */
.index #nav.is-fixed,
.index #nav:not(.is-top) {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: all !important;
}

/* 非首页（文章页、归档页等）导航栏保持原样 */
body:not(.index) #nav {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: all !important;
}

/* ===================================================
   标题下方副导航（关于 / 公告 / 归档 / 索引）
   for Butterfly iroyame.com
   =================================================== */

/* === 引入 Dream Han Serif CN W8 字体 === */
@font-face {
  font-family: 'DreamHanSerifCN-W8';
  src: url('/fonts/DreamHanSerifCN-W8.ttf') format('truetype');
  font-display: swap;
}

/* === 副导航整体布局 === */
#site-subnav {
  margin-top: 0.8rem;
  text-align: center;
  font-family: 'DreamHanSerifCN-W8', 'Noto Serif SC', serif;
  font-size: 1.05rem;
  letter-spacing: 0.1em;
  color: #CFA969; /* 柔和金橙，比主标题略浅 */
  user-select: none;
}

/* 竖线间隔符样式 */
#site-subnav span {
  color: rgba(207, 169, 105, 0.6);
  margin: 0 0.4em;
}

/* 链接样式 */
#site-subnav a {
  text-decoration: none;
  color: #CFA969;
  transition: color 0.3s ease, letter-spacing 0.3s ease;
}

/* 悬停时颜色稍亮、字距拉开一点 */
#site-subnav a:hover {
  color: #E0BD73;
  letter-spacing: 0.15em;
}

/* 响应式：在窄屏上稍微减小字体 */
@media (max-width: 768px) {
  #site-subnav {
    font-size: 0.95rem;
    letter-spacing: 0.05em;
  }
}