/* ==============================================================
   自定义样式
   加在主题样式之后，用来微调 Butterfly 的观感。
   改完需要 npm run build（或 npm run server）才生效。
   ============================================================== */

/*
 * Banner 背景：主题在没配图时会用 theme_color.main 纯色铺满，
 * 整屏纯色显得很闷，这里换成琥珀渐变，层次更好。
 * 三个选择器分别对应：首页整屏 / 归档标签等子页 / 文章页
 */
#page-header.full_page,
#page-header.not-home-page,
#page-header.post-bg {
  background-image: linear-gradient(140deg, #fbbf24 0%, #d97706 45%, #7c2d12 100%);
}

/* 文章页 banner 高度和首页保持一致，避免层级跳动 */
@media (min-width: 768px) {
  #page-header.post-bg,
  #page-header.not-home-page {
    height: 420px;
  }
}

/*
 * 浏览量计数（注入的 .post-meta-viewcount）
 * 直接复用主题 .post-meta-wordcount 的样式，所以这里只需要保证
 * 间距和图标对齐不出问题。
 */
.post-meta-viewcount {
  display: inline-flex;
  align-items: center;
}

/* 数字加载中时不要因为宽度变化抖动 */
.view-count-value {
  min-width: 1.5em;
  display: inline-block;
  text-align: left;
}