/* 简单的首页颜色美化 - 只针对文章列表区域，完全不影响侧边栏 */

/* 只针对文章列表区域的分类标签美化 - 只改文字颜色 */
#recent-posts .article-categories-original {
  color: #667eea !important;
  font-weight: 600;
}

/* 只针对文章列表区域的最新文章标签 - 只改文字颜色 */
#recent-posts .newPost {
  color: #ff6b6b !important;
  font-weight: 600;
}

/* 只针对文章列表区域的未读文章标签 - 只改文字颜色 */
#recent-posts .unvisited-post {
  color: #4ecdc4 !important;
  font-weight: 600;
}

/* 文章标题颜色美化 */
#recent-posts .recent-post-item .article-title {
  color: #2c3e50 !important;
  font-weight: 700;
  transition: color 0.3s ease;
}

#recent-posts .recent-post-item:hover .article-title {
  color: #667eea !important;
}

/* 文章标签颜色美化 */
#recent-posts .article-meta .article-meta__tags {
  color: #e74c3c !important;
  font-weight: 600;
  transition: color 0.3s ease;
}

#recent-posts .article-meta .article-meta__tags:hover {
  color: #c0392b !important;
}

/* 发表时间颜色美化 */
#recent-posts .post-meta-date {
  color: #27ae60 !important;
  font-weight: 600;
  transition: color 0.3s ease;
}

#recent-posts .post-meta-date:hover {
  color: #229954 !important;
}

/* 文章元数据图标颜色美化 */
#recent-posts .article-meta i {
  color: #8e44ad !important;
  margin-right: 4px;
}

/* 置顶文章标签颜色美化 */
#recent-posts .sticky {
  color: #f39c12 !important;
  font-weight: 600;
}

/* 自定义样式 - 让card_webinfo更紧凑 */
#aside-content .card-webinfo {
  padding: 0.5rem !important;
}

#aside-content .card-webinfo .item-headline {
  font-size: 0.9em !important;
  margin-bottom: 0.4rem !important;
  padding-bottom: 0.2rem !important;
}

#aside-content .card-webinfo .item-headline i {
  margin-right: 0.3rem !important;
  font-size: 1em !important;
}

#aside-content .card-webinfo .webinfo .webinfo-item {
  padding: 0.3rem 0 !important;
  margin-bottom: 0.1rem !important;
}

#aside-content .card-webinfo .webinfo .webinfo-item .webinfo-item-title i {
  margin-right: 0.3rem !important;
  width: 14px !important;
  font-size: 0.9em !important;
}

#aside-content .card-webinfo .webinfo .webinfo-item .webinfo-item-title .item-name {
  font-size: 0.85em !important;
}

#aside-content .card-webinfo .webinfo .webinfo-item .item-count {
  font-size: 0.9em !important;
  min-width: 30px !important;
}

#aside-content .card-webinfo .webinfo .webinfo-item:hover {
  padding: 0.3rem 0.2rem !important;
  margin: 0 -0.2rem !important;
}

/* 表格单元格悬停背景颜色 - 高优先级 */
#article-container table tbody tr:hover td,
#article-container table td:hover {
  background-color: rgba(66, 90, 239, 0.1) !important;
  transition: background-color 0.3s ease !important;
}

/* 表格行悬停效果 */
#article-container table tbody tr:hover {
  background-color: rgba(66, 90, 239, 0.05) !important;
}/* 确保表格单元格有悬停效果 */
#article-container .highlight table td:hover,
#article-container .post-content table td:hover,
#article-container .markdown-body table td:hover {
  background-color: rgba(66, 90, 239, 0.1) !important;
  transition: all 0.3s ease !important;
}