/* ============================================================
   自定义 CSS  - 修复 nav 与"← 返回首页"按钮
   现象：butterfly 主题 #nav 默认 opacity:0（需滚动才显），
         且 nav-page-title 设计是"hover 才显示 ← 返回首页"。
   修复：让 nav 始终可见，文章页左上角直接显示"← 返回首页"按钮
   ============================================================ */

/* 1. nav 永远可见（干掉主题"滚动才出现"设计） */
#nav {
  opacity: 1 !important;
}

/* 2. 文章页/分类页/标签页：左上角只显示"← 返回首页"按钮，
      不再显示文章标题（避免和站点名/返回按钮视觉打架） */
#nav .nav-page-title > :first-child {
  /* 文章标题 "Hello World" */
  display: none !important;
}
#nav .nav-page-title > :last-child {
  /* "← 返回首页" 层 */
  position: static !important;       /* 取消 absolute，正常文档流 */
  opacity: 1 !important;             /* 始终可见，不要 hover */
  transform: none !important;        /* 取消位移动画 */
  display: inline-block !important;
  vertical-align: middle;
  color: var(--light-grey) !important;
  font-weight: bold;
}
#nav .nav-page-title:hover > :last-child {
  /* hover 状态：保持显示，颜色变白 */
  color: var(--white) !important;
  transform: none !important;
}

/* 3. 移动端：nav-page-title 默认被 display:none 隐藏，
      强制让它始终可见 */
@media screen and (max-width: 768px) {
  #nav #blog-info .nav-page-title {
    display: inline-block !important;
    vertical-align: middle;
  }
}