/* All-posts page. Loaded after the shared blog styles; only the list is page-specific. */
.post-index { padding-top: 6px; }
.post-index .post-count { color: var(--text-secondary); font-size: .85rem; margin-bottom: 4px; }

.blog-page .blog-content a.post-item {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1.5rem;
    align-items: center;
    padding: 1.1rem 0;
    border-bottom: 1px solid var(--border-color);
    color: inherit;
    text-decoration: none;
}
.blog-page .blog-content a.post-item:first-of-type { border-top: 1px solid var(--border-color); }
.blog-page .blog-content .post-item h2 {
    font-size: 1.05rem;
    line-height: 1.45;
    margin: 0 0 .2rem;
    padding: 0;
    border: 0;
    transition: color .2s;
}
.post-item p { color: var(--text-secondary); font-size: .88rem; line-height: 1.55; margin: 0; }
.post-item .post-read { color: var(--primary-color); font-size: .82rem; font-weight: 600; white-space: nowrap; }
.blog-page .blog-content .post-item:hover h2 { color: var(--primary-color); }

.post-item .post-tag {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin-left: .45rem;
    padding: .18rem .45rem;
    border: 1px solid #f6c26b;
    border-radius: 999px;
    color: #a15c08;
    background: #fff8e8;
    font-size: .68rem;
    font-weight: 700;
    line-height: 1;
    vertical-align: .12rem;
    white-space: nowrap;
}
.post-item .post-tag.lang { border-color: #c7d2fe; color: #4338ca; background: #eef2ff; }

.post-item:lang(zh-CN) { font-family: 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans CJK SC', 'Noto Sans SC', 'Microsoft YaHei', sans-serif; }
.blog-page .blog-content .post-item:lang(zh-CN) h2 { font-weight: 600; line-height: 1.65; }
.post-item:lang(zh-CN) p { line-height: 1.75; }

@media (max-width: 600px) {
    .blog-page .blog-content a.post-item { grid-template-columns: 1fr; gap: .4rem; }
}