/* 统一的标题样式 - 与Article页面保持一致 */

/* 标题基础样式 */
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 2.125em;
    font-family: "HarmonyOS Sans", "PingFang SC", "Microsoft YaHei";
    letter-spacing: 2px;
    line-height: 1.45;
    color: #3a3a3a; /* 更加柔和的深灰色，减少视觉疲劳 */
    font-weight: 600;
    text-align: center;
}

/* MD文章内容中的标题恢复左对齐 */
article.entry-content h1,
article.entry-content h2,
article.entry-content h3,
article.entry-content h4,
article.entry-content h5,
article.entry-content h6 {
    text-align: left !important;
    letter-spacing: 1px !important;
    margin-bottom: 1.5rem !important;
}

/* 标题链接样式 */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none !important;
    color: inherit !important;
}

/* h1 标题样式 - 与Article页面一致 */
h1 {
    font-size: 2.961rem !important;
    margin-bottom: 1.5rem !important;
    line-height: 1.3 !important;
}

/* h2 标题样式 */
h2 {
    font-size: 2.221rem !important;
    margin-bottom: 1.25rem !important;
    line-height: 1.35 !important;
}

/* h3 标题样式 */
h3 {
    font-size: 1.666rem !important;
    margin-bottom: 1rem !important;
    line-height: 1.4 !important;
}

/* h4 标题样式 */
h4 {
    font-size: 1.25rem !important;
    margin-bottom: 0.875rem !important;
    line-height: 1.45 !important;
}

/* h5 标题样式 */
h5 {
    font-size: 1.1rem !important;
    margin-bottom: 0.75rem !important;
    line-height: 1.5 !important;
}

/* h6 标题样式 */
h6 {
    font-size: 1rem !important;
    margin-bottom: 0.625rem !important;
    line-height: 1.5 !important;
}

/* 子标题样式 - 类似于Article页面的sub-header */
.sub-header, .article-sub-header {
    font-size: 1rem !important;
    color: #1D1D1F !important;
    margin-bottom: 1rem !important;
    font-family: "HarmonyOS Sans", "PingFang SC", "Microsoft YaHei" !important;
    letter-spacing: 0.5px !important;
    opacity: 1 !important;
    text-align: center !important; /* 剧中展示 */
}

/* 标签和分类容器样式 */
.article-meta-tags {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

/* 响应式设计 - 中等屏幕 */
@media (max-width: 49.99em) { /* 768px */
    h1 {
        font-size: 2.441rem !important;
    }
    
    h2 {
        font-size: 1.953rem !important;
    }
    
    h3 {
        font-size: 1.563rem !important;
    }
    
    h4 {
        font-size: 1.25rem !important;
    }
    
    h5 {
        font-size: 1.1rem !important;
    }
    
    h6 {
        font-size: 1rem !important;
    }
}

/* 响应式设计 - 小屏幕 */
@media (max-width: 25em) { /* 400px */
    h1 {
        font-size: 2.148rem;
    }
    
    h2 {
        font-size: 1.719rem;
    }
    
    h3 {
        font-size: 1.375rem;
    }
    
    h4 {
        font-size: 1.1rem;
    }
    
    h5 {
        font-size: 1rem;
    }
    
    h6 {
        font-size: 0.9rem;
    }
}

/* 页面标题特殊样式 - 适用于首页、关于页等 */
.page-title {
    font-size: 2.961rem;
    margin-bottom: 0.5rem;
    line-height: 1.3;
    text-align: center;
    font-weight: 700;
    color: #1D1D1F; /* iOS Book风格的深灰色，更柔和 */
}

.page-subtitle {
    font-size: 1.25rem;
    color: #666;
    text-align: center;
    margin-bottom: 2.5rem;
    opacity: 0.8;
    font-weight: 400;
}

/* 夜间模式标题样式 */
.dark-theme h1, .dark-theme h2, .dark-theme h3, .dark-theme h4, .dark-theme h5, .dark-theme h6 {
    color: #d5d5d5 !important; /* 更加柔和的浅灰色，减少对比度 */
    font-weight: 500 !important; /* 适当降低字重，增加柔和感 */
}

.dark-theme .page-title {
    color: #d5d5d5 !important; /* 更加柔和的浅灰色，减少对比度 */
}

.dark-theme .page-subtitle {
    color: #AAAAAA !important;
}