/* ==========================================================
   自定义样式（由 _config.solitude.yml 的 extends.head 引入）
   想覆盖主题样式时写在这里即可，例如：

   .post-content img { border-radius: 8px; }
   ========================================================== */

/* ---------- 新闻快讯页：完整显示长图 ----------
   主题给文章内图片设了 max-height: 450px + object-fit: cover，
   竖版长图会被裁掉（要点开灯箱才看得到全图）。
   给这类需要完整展示的图加 .news-full 即可解除裁剪。          */
.article-container img.news-full {
  max-width: 100%;
  max-height: none;
  object-fit: contain;
}

/* ---------- 修复：站点名左侧「应用」菜单悬停够不到 ----------
   主题里按钮高 35px，但面板 hover 时会移动到 top:55px，
   中间 20px 的空隙既不属于按钮也不属于面板，
   鼠标往下移动时 hover 立刻丢失，面板就收起来了。
   这里把面板上移贴住按钮，并用透明伪元素把空隙填满。            */
@media (min-width: 768px) {
  #blog_name .back-home-button .back-menu-list-groups,
  #blog_name .back-home-button:hover .back-menu-list-groups {
    top: 43px;
  }

  #blog_name .back-home-button .back-menu-list-groups::before {
    content: '';
    position: absolute;
    top: -12px;
    right: 0;
    left: 0;
    height: 12px;
  }
}