/* ==========================================
   Butterfly 主题 - 博客标题文字阴影自定义
   ========================================== */

/* 1. 首页列表中的文章标题 */
.article-title-link {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.3s ease; /* 增加过渡动画，让鼠标悬停时更平滑 */
}

/* 首页标题鼠标悬停效果（可选：悬停时阴影加深） */
.article-title-link:hover {
    text-shadow: 2px 4px 8px rgba(0, 0, 0, 0.3) !important;
}

/* 2. 点击进入文章页后，顶部大图（Page Header）之上的各种大标题 */
#page-header #site-title, 
#page-header #site-subtitle,
#page-header #post-info #post-title,
#page-header #page-site-title { /* 👈 这一行专门针对 标签页、分类页 等独立页面的标题 */
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 
                 0 0 20px rgba(255, 255, 255, 0.5) !important; /* 叠加两层白光，让它在深色/橙色背景上更显眼 */
    color: #fff !important; /* 确保文字本身是白色 */
}

/* 3. 文章正文内部的 H1, H2, H3, H4, H5, H6 各级标题（可选） */
#article-container h1, 
#article-container h2, 
#article-container h3, 
#article-container h4 {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) !important;
}