/* 1. 标题和元数据美化 */
.gh-article-title {
    margin-bottom: 1.5rem;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.gh-article-meta-modern {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 2rem;
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.gh-author-avatar img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: transform 0.2s ease;
}

.gh-author-avatar:hover img {
    transform: translateY(-2px);
}

.gh-article-meta-text {
    line-height: 1.4;
    font-size: 0.95rem;
}

.gh-author-name {
    font-weight: 700;
    color: var(--ghost-accent-color);
}

.gh-article-meta-sub {
    opacity: 0.6;
    font-size: 0.85rem;
}

/* 2. 封面图圆角与阴影 */
.gh-feature-image-wrapper img {
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

/* 3. 正文排版优化 */
.gh-content {
    font-size: 1.15rem;
    line-height: 1.75;
}

.gh-content p {
    margin-bottom: 0.8em;
    text-indent: 2em;
}

.gh-content figure p, 
.gh-content blockquote p {
    text-indent: 0;
}

/* 4. 底部标签样式 */
.gh-post-tags a {
    display: inline-block;
    padding: 4px 12px;
    margin: 4px;
    background: #f0f0f0;
    border-radius: 20px;
    font-size: 0.8rem;
    transition: all 0.2s;
}

.gh-post-tags a:hover {
    background: var(--ghost-accent-color);
    color: #fff !important;
    text-decoration: none;
}

/* 5. 阅读更多部分的卡片提升 */
.gh-feed {
    gap: 2rem;
}

.post-card {
    transition: transform 0.3s ease;
}

.post-card:hover {
    transform: translateY(-5px);
}

/* 3.5 分割线美化 */
.gh-content hr {
    margin: 3rem 0;       /* 上下留出一定间距，让页面有呼吸感 */
    border: 0;            /* 去除默认的凹凸边框 */
    border-top: 1px solid rgba(0, 0, 0, 0.1); /* 使用带透明度的黑色，形成优雅的灰色 */
    /* 或者使用具体的十六进制色值： border-top: 1px solid #e0e0e0; */
}

/* 标题样式美化 */
.gh-content h1, 
.gh-content h2, 
.gh-content h3 {
    color: #1a1a1a;
    line-height: 1.3;
    margin: 2.5rem 0 1rem; /* 增加上方间距，减少下方间距 */
    font-weight: 700;
}

.gh-content h1 { font-size: 2rem; }
.gh-content h2 { font-size: 1.65rem; }
.gh-content h3 { font-size: 1.35rem; }

/* 重点：标题不需要首行缩进 */
.gh-content h1, .gh-content h2, .gh-content h3 {
    text-indent: 0 !important;
}

/* 引文样式优化 */
.gh-content blockquote {
    margin: 2rem 0;
    padding: 0.5rem 1.5rem;
    border-left: 4px solid var(--ghost-accent-color, #15171a); /* 使用主题色或深色作为边框 */
    background: rgba(0, 0, 0, 0.02); /* 极淡的背景色 */
    font-style: italic;
    color: #444;
}

/* 引文内的段落不需要缩进 */
.gh-content blockquote p {
    text-indent: 0 !important;
    margin-bottom: 0.5em;
}


/* 宽屏图片样式示例 */
.kg-width-wide .kg-image {
    max-width: 1200px;
    margin: 2em auto;
}

/* 全屏图片样式示例 */
.kg-width-full .kg-image {
    max-width: 100vw;
    margin: 2em auto;
}