/* 旷野馨诗 — 极简紧凑样式 */

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
    font-family: "PingFang SC", "Microsoft YaHei", -apple-system, sans-serif;
    font-size: 15px;
    line-height: 1.7;
    color: #333;
    background: #fff;
    max-width: 660px;
    margin: 0 auto;
    padding: 0 18px;
}

a { color: #333; text-decoration: none; }
a:hover { text-decoration: underline; }

/* 导航 */
header {
    padding: 16px 0;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.site-logo { font-size: 1.1rem; font-weight: bold; color: #333; }
nav a { margin-left: 16px; font-size: 0.85rem; color: #666; }

/* Hero */
.hero { padding: 36px 0 24px; text-align: center; }
.hero h1 { font-size: 1.6rem; margin-bottom: 2px; color: #e71e80; }
.hero-subtitle { font-size: 0.85rem; color: #564696; font-style: italic; }

/* 区域 */
.section { padding: 28px 0; }
.section-title { font-size: 1rem; margin-bottom: 14px; border-bottom: 1px solid #ddd; padding-bottom: 6px; }

/* 文章列表 */
.post-card { padding: 14px 0; border-bottom: 1px solid #eee; }
.post-card h3 { font-size: 1rem; margin-bottom: 2px; }
.post-title-link { color: #333; cursor: pointer; }
.post-title-link:hover { color: #555; text-decoration: underline; }
.post-meta { font-size: 0.75rem; color: #999; margin-bottom: 4px; }
.post-meta span { margin-right: 12px; }
.post-excerpt { font-size: 0.85rem; color: #666; }
.post-tags { margin-top: 4px; }
.tag { display: inline-block; font-size: 0.7rem; color: #aaa; margin-right: 6px; }
.view-count { font-size: 0.75rem; color: #bbb; }

/* 文章展开内容 */
.post-body {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #eee;
    font-size: 0.9rem;
    line-height: 1.9;
    color: #444;
    display: none;
}
.post-body.open { display: block; }
.post-body p { margin-bottom: 10px; }
.post-body h2,.post-body h3 { font-size: 1rem; margin: 14px 0 6px; }

.empty-state { text-align: center; padding: 30px 0; color: #aaa; font-size: 0.9rem; }

/* 关于 */
.about-content p { font-size: 0.85rem; color: #666; margin-bottom: 4px; }
.about-content a { color: #666; }

/* 页脚 */
footer { border-top: 1px solid #ddd; padding: 18px 0; text-align: center; margin-top: 12px; }
.footer-text { font-size: 0.75rem; color: #aaa; margin-bottom: 4px; }
.footer-beian { font-size: 0.7rem; color: #aaa; }
.footer-beian a { font-size: 0.7rem; color: #aaa; margin: 0 6px; }
.footer-beian img { vertical-align: middle; margin-right: 1px; }

@media (max-width: 480px) {
    body { padding: 0 12px; font-size: 14px; }
    header { flex-direction: column; gap: 4px; }
    nav a { margin: 0 6px; }
    .hero { padding: 24px 0 16px; }
    .hero h1 { font-size: 1.4rem; }
    .section { padding: 20px 0; }
    .post-card { padding: 10px 0; }
}