/* blog/index.html 首屏关键样式（内联备份；完整样式见 blog-layout.css） */
.blog-main--hub {
  --blog-nav-h: 55px;
  --blog-shell-max: 1440px;
  --blog-shell-px: 16px;
  --blog-dock-h: 96px;
  padding-bottom: 0;
}
.blog-hub-head {
  background: linear-gradient(135deg, #047857 0%, #059669 55%, #10B981 100%);
  color: #fff;
  padding: 8px 0;
  padding-top: max(8px, env(safe-area-inset-top, 0px));
}
.blog-hub-head h1 { font-size: 1.2rem; font-weight: 600; margin: 0 0 1px; color: #fff; line-height: 1.25; }
.blog-search-dock { position: relative; z-index: 45; background: #fff; border-bottom: 1px solid #e5e7eb; }
.blog-search-dock__sticky {
  position: sticky;
  top: var(--blog-nav-h, 55px);
  z-index: 46;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  padding: 5px 0 2px;
}
.search-box--dock {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 2px solid #10B981;
  border-radius: 10px;
  padding: 2px 2px 2px 10px;
}
.search-box--dock input {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  font-size: 15px;
  padding: 7px 4px;
  background: transparent;
}
#blogLoading { min-height: 80px; text-align: center; padding: 24px 16px; color: #64748b; }
.article-grid.list-view { min-height: 160px; }