/* HeoBlog Design System - 修复版 */

/* ==================== 导航栏 ==================== */
/* 导航栏透明背景 */
#page-header {
  background: rgba(13, 13, 13, 0.98) !important;
  height: 60px !important;
}

/* 隐藏全屏 Hero 区域（标题 + 箭头），保留导航栏 */
#site-info,
#scroll-down {
  display: none !important;
}

/* ==================== 文章列表 ==================== */
/* 强制所有文章卡片横向布局，封面统一在左 */
.recent-post-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  background: #1a1a1a !important;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
}

.recent-post-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}

/* 封面图 - 统一在左，固定宽度 */
.recent-post-item .post_cover {
  width: 280px !important;
  min-height: 180px !important;
  flex-shrink: 0 !important;
  overflow: hidden;
  border-radius: 12px 0 0 12px;
  float: none !important;
}

/* 强制忽略 .left/.right 类的影响 */
.recent-post-item .post_cover.left,
.recent-post-item .post_cover.right {
  float: none !important;
  order: 0 !important;
}

.recent-post-item .post_cover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* 无封面时的处理 */
.recent-post-item .recent-post-info.no-cover {
  width: 100% !important;
}

/* 文章信息区域 */
.recent-post-item .recent-post-info {
  flex: 1 !important;
  padding: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  float: none !important;
}

/* ==================== 侧边栏 ==================== */
.card-widget {
  background: #1a1a1a !important;
  border-radius: 12px;
}

/* ==================== 滚动条 ==================== */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-thumb { background: #49B1F5; border-radius: 4px; }

/* ==================== 页面动画 ==================== */
#page {
  animation: fadeInUp 0.5s ease;
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}