/* Simple 主题样式（自 includes/header.php 内联样式分离） */

/* ===== 极简居中单栏 ===== */
* { margin: 0; padding: 0; box-sizing: border-box; }

:root {
    --ink: #1d2129;
    --text-2: #4e5969;
    --text-3: #a0a4ab;
    --line: #ececec;
    --accent: #1d2129;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
    line-height: 1.9;
    color: var(--ink);
    background: #fff;
    -webkit-font-smoothing: antialiased;
}

a { color: var(--ink); text-decoration: none; transition: color .2s ease; }
a:hover { color: #000; text-decoration: underline; }

.wrap { max-width: 720px; margin: 0 auto; padding: 0 22px; }

/* ===== 头部（导航在上，标题居中） ===== */
.site-header { padding: 1.6rem 0 2.4rem; }

.site-nav { display: flex; justify-content: space-between; align-items: center; font-size: .85rem; }
.site-nav a { color: var(--text-2); }
.site-nav a:hover { color: var(--ink); text-decoration: none; }
.site-nav .guide a { margin: 0 .35rem; }
.site-nav .guide a:first-child { margin-left: 0; }
.site-nav .guide a.b { color: var(--ink); font-weight: 700; }
.site-nav .guide .sep { color: var(--line); }
.site-nav .top-nav a { margin-left: 1.2rem; }

.site-title { margin-top: 2.6rem; text-align: center; font-size: 2.1rem; font-weight: 700; letter-spacing: 2px; }
.site-title a:hover { text-decoration: none; }
.site-slogan { margin-top: .4rem; text-align: center; color: var(--text-3); font-size: .9rem; letter-spacing: 1px; }

/* ===== 文章列表 ===== */
main { padding: 1rem 0 3rem; }

.post-item { padding: 2.6rem 0; border-bottom: 1px solid var(--line); }
.post-item:last-child { border-bottom: none; }

.post-date { color: var(--text-3); font-size: .85rem; letter-spacing: .5px; }

.post-title { margin: .5rem 0 .9rem; font-size: 1.45rem; font-weight: 600; line-height: 1.5; }
.post-title a:hover { text-decoration: none; opacity: .75; }

.post-excerpt { color: var(--text-2); font-size: .96rem; }
.post-excerpt img { max-width: 100%; height: auto; border-radius: 4px; margin: .4rem 0; }

.post-more { display: inline-block; margin-top: 1rem; font-size: .9rem; border-bottom: 1px solid var(--ink); padding-bottom: 1px; }
.post-more:hover { text-decoration: none; opacity: .7; }

.post-foot { margin-top: 1.1rem; color: var(--text-3); font-size: .82rem; display: flex; justify-content: space-between; }
.post-foot a { color: var(--text-3); }
.post-foot a:hover { color: var(--ink); }

/* ===== 分页 ===== */
.pagination { margin-top: 3rem; text-align: left; font-size: .92rem; }
.pagination .label { color: var(--text-3); margin-right: 12px; }
.pagination a, .pagination .cur { display: inline-block; min-width: 30px; padding: 2px 6px; color: var(--text-2); }
.pagination .cur { color: var(--ink); font-weight: 700; border-bottom: 2px solid var(--ink); }
.pagination a:hover { color: var(--ink); text-decoration: none; }

/* ===== 底部分类 ===== */
.site-cats { margin-top: 2.2rem; padding-top: 1.6rem; border-top: 1px solid var(--line);
    text-align: left; font-size: .88rem; }
.site-cats .label { color: var(--text-3); margin-right: 12px; }
.site-cats a { color: var(--text-2); margin: 0 .6rem; }
.site-cats a:hover { color: var(--ink); text-decoration: none; }

/* ===== 正文页 ===== */
.article-full { padding: 2rem 0 3rem; }
.article-full .post-title { font-size: 1.7rem; text-align: center; }
.article-full .post-meta { text-align: center; color: var(--text-3); font-size: .85rem; margin-bottom: 2.2rem; }
.article-full .post-meta a { color: var(--text-3); }
.article-content { font-size: 1rem; color: #2b2f36; }
.article-content p { margin: 1.1rem 0; }
.article-content img { max-width: 100%; height: auto; border-radius: 4px; }
.article-content h1, .article-content h2, .article-content h3 { margin: 1.8rem 0 .9rem; line-height: 1.5; }
.article-content blockquote { margin: 1.2rem 0; padding: .6rem 1.1rem; border-left: 3px solid var(--line); color: var(--text-2); background: #fafafa; }
.article-content pre { background: #f7f7f7; padding: 1rem; overflow-x: auto; border-radius: 4px; font-size: .88rem; }
.article-content ul, .article-content ol { margin: 1rem 0 1rem 1.6rem; }

.back-home { display: inline-block; margin-top: 2.5rem; font-size: .9rem; color: var(--text-3); }
.post-actions { margin-top: 2.5rem; display: flex; justify-content: space-between; }
.post-actions .back-home { margin-top: 0; }
.back-top { font-size: .9rem; color: var(--text-3); }
.back-top:hover { color: var(--ink); text-decoration: none; }
.back-top-row { margin-top: 1.6rem; display: flex; justify-content: space-between; }
.back-top-row .back-top:only-child { margin-left: auto; }

/* ===== 上一篇/下一篇 ===== */
.post-nav { margin-top: 3rem; padding-top: 1.6rem; border-top: 1px solid var(--line);
    display: flex; justify-content: space-between; gap: 2rem; font-size: .92rem; }
.pn-item { max-width: 48%; }
.pn-item .pn-label { display: block; color: var(--text-3); font-size: .8rem; margin-bottom: .3rem; }
.pn-next { text-align: right; margin-left: auto; }
.pn-item a:hover { text-decoration: underline; }
.pn-none { color: var(--text-3); }

/* ===== 继续阅读（随机文章） ===== */
.read-more { margin-top: 2.6rem; padding-top: 1.6rem; border-top: 1px solid var(--line); }
.read-more .rm-label { color: var(--text-3); font-size: .85rem; letter-spacing: .1em; margin-bottom: .8rem; }
.rm-list { list-style: none; }
.rm-list li { display: flex; justify-content: space-between; align-items: baseline;
    padding: .45rem 0; border-bottom: 1px dashed var(--line); font-size: .92rem; }
.rm-list li:last-child { border-bottom: none; }
.rm-list a { color: var(--text-2); }
.rm-list a:hover { color: var(--ink); text-decoration: none; }
.rm-date { color: var(--text-3); font-size: .8rem; margin-left: 1rem; white-space: nowrap; }

.archive-banner { padding: 1rem 0 0; color: var(--text-3); font-size: .9rem; }
.archive-banner a { margin-left: 8px; color: var(--ink); border-bottom: 1px solid var(--ink); }

.page-head { text-align: center; padding: 2rem 0 .5rem; }
.page-head h1 { font-size: 1.7rem; font-weight: 600; }
.page-head p { margin-top: .4rem; color: var(--text-3); font-size: .88rem; }

.empty { padding: 3rem 0; text-align: center; color: var(--text-3); }

/* ===== 搜索框 ===== */
.search-form { margin: .5rem 0 1rem; display: flex; gap: .6rem; }
.search-form input { flex: 1; padding: .7rem 1rem; font-size: .95rem; color: var(--ink);
    border: 1px solid var(--line); border-radius: 4px; outline: none; background: #fafafa;
    transition: border-color .2s ease, background .2s ease; }
.search-form input:focus { border-color: var(--ink); background: #fff; }
.search-form button { padding: .7rem 1.4rem; font-size: .92rem; color: #fff; background: var(--ink);
    border: 1px solid var(--ink); border-radius: 4px; cursor: pointer; transition: opacity .2s ease; }
.search-form button:hover { opacity: .82; }

/* ===== 页脚 ===== */
.site-footer { border-top: 1px solid var(--line); padding: 2.2rem 0 3rem; text-align: center; color: var(--text-3); font-size: .82rem; }
.site-footer a { color: var(--text-3); }
.site-footer a:hover { color: var(--ink); }

@media (max-width: 640px) {
    .site-header { padding: 3rem 0 1.5rem; }
    .site-title { font-size: 1.6rem; }
    .post-title { font-size: 1.25rem; }
}