/*
Theme Name: 折腾日报
Theme URI: https://unclewill.dev
Description: 复古报纸风格个人博客主题。米黄纸张、报头刊号、双栏排版、左侧报纸栏目栏。
Version: 1.0.0
Author: UncleWill
Author URI: https://unclewill.dev
Tags: blog, news, two-columns, custom-colors, block-styles
Text Domain: zheteng-daily
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2.0 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* ============================================================
   折腾日报 · 报纸专属样式
   全局颜色/字体预设见 theme.json
   ============================================================ */

body {
    background: var(--wp--preset--color--paper-outer);
}

/* ---------- 版面骨架：左栏 + 右栏 ---------- */
.paper-layout {
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr);
    max-width: 1200px;
    margin: 24px auto;
    align-items: start;
}

/* ---------- 左侧：报纸栏目栏 ---------- */
.paper-sidebar {
    background: var(--wp--preset--color--paper);
    border: 1px solid var(--wp--preset--color--paper-line);
    border-right: none;
    padding: 30px 24px;
    position: sticky;
    top: 24px;
}
.paper-sidebar .sb-masthead {
    text-align: center;
    padding-bottom: 14px;
    border-bottom: 3px double var(--wp--preset--color--ink);
}
.paper-sidebar .sb-masthead .wp-block-site-title {
    font-size: 26px; font-weight: 700; letter-spacing: 0.08em;
    margin: 0 0 4px; line-height: 1.2;
}
.paper-sidebar .sb-edition {
    font-size: 10.5px; letter-spacing: 0.2em; text-transform: uppercase;
    color: var(--wp--preset--color--sepia);
    margin: 0;
}
.paper-sidebar h2, .paper-sidebar h3 {
    font-size: 12px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase;
    border-bottom: 1px solid var(--wp--preset--color--ink);
    padding-bottom: 5px; margin-bottom: 10px;
}
.paper-sidebar .wp-block-categories {
    font-size: 14px;
}
.paper-sidebar .wp-block-categories li { margin-bottom: 7px; }
.paper-sidebar .wp-block-categories a { color: var(--wp--preset--color--ink-soft); text-decoration: none; }
.paper-sidebar .wp-block-categories a:hover { text-decoration: underline; }
.paper-sidebar .wp-block-categories .current-cat a { font-weight: 700; }
.paper-sidebar .wp-block-tag-cloud { display: flex; flex-wrap: wrap; gap: 7px; }
.paper-sidebar .wp-block-tag-cloud a {
    background: var(--wp--preset--color--tag-bg);
    border: 1px solid var(--wp--preset--color--paper-line);
    font-size: 12px !important;
    padding: 2px 9px;
    color: var(--wp--preset--color--ink-soft);
    text-decoration: none;
}
.paper-sidebar .wp-block-tag-cloud a:hover { background: var(--wp--preset--color--paper-line); }
.paper-sidebar .wp-block-latest-posts { font-size: 13px; }
.paper-sidebar .wp-block-latest-posts li { margin-bottom: 7px; line-height: 1.5; }
.paper-sidebar .wp-block-latest-posts a { color: var(--wp--preset--color--ink-soft); text-decoration: none; }
.paper-sidebar .wp-block-latest-posts a:hover { text-decoration: underline; }
.paper-sidebar .wp-block-latest-posts__post-date { font-size: 11px; color: var(--wp--preset--color--sepia); }
.paper-sidebar .sb-about {
    border: 1px solid var(--wp--preset--color--paper-line);
    background: var(--wp--preset--color--tag-bg);
    padding: 14px; font-size: 13px; text-align: center;
}
.paper-sidebar .sb-about .avatar {
    width: 52px; height: 52px; border-radius: 50%;
    background: var(--wp--preset--color--ink); color: var(--wp--preset--color--paper);
    display: flex; align-items: center; justify-content: center;
    font-size: 22px; font-weight: 700;
    margin: 0 auto 10px;
}
.paper-sidebar .sb-about .role {
    font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
    color: var(--wp--preset--color--sepia); margin-bottom: 6px;
}
.paper-sidebar .sb-about p { text-align: center; color: var(--wp--preset--color--ink-soft); margin: 0; }

/* ---------- 右侧：报纸主体 ---------- */
.paper-main {
    background: var(--wp--preset--color--paper);
    border: 1px solid var(--wp--preset--color--paper-line);
    padding: 34px 40px 28px;
}

/* 报头 */
.masthead { text-align: center; padding-bottom: 16px; }
.masthead .date-line {
    font-size: 11.5px; letter-spacing: 0.22em; text-transform: uppercase;
    color: var(--wp--preset--color--sepia);
    border-top: 3px double var(--wp--preset--color--ink);
    border-bottom: 1px solid var(--wp--preset--color--ink);
    padding: 6px 0;
    margin-bottom: 0;
}
.masthead .wp-block-site-title {
    font-size: 52px; font-weight: 700; letter-spacing: 0.06em;
    padding: 16px 0 4px; line-height: 1.05; margin: 0;
}
.masthead .wp-block-site-tagline {
    font-size: 12px; color: var(--wp--preset--color--sepia);
    letter-spacing: 0.28em; text-transform: uppercase; margin: 0;
}

/* 头版头条 */
.headline-query { border-bottom: 1px solid var(--wp--preset--color--ink); padding-bottom: 16px; margin-bottom: 16px; }
.headline-query .wp-block-post-title { font-size: 26px; line-height: 1.3; margin-bottom: 8px; }
.headline-query .wp-block-post-title a { color: var(--wp--preset--color--ink); text-decoration: none; }
.headline-query .wp-block-post-title a:hover { text-decoration: underline; }
.headline-query .wp-block-post-excerpt { font-size: 14.5px; margin-bottom: 8px; }
.headline-query .headline-meta {
    font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
    color: var(--wp--preset--color--sepia);
}

/* 双栏文章区 */
.news-query .wp-block-post-template { gap: 0 32px; }
.news-query article { padding: 15px 0; border-bottom: 1px solid var(--wp--preset--color--column-line); }
.news-query .wp-block-post-title { font-size: 17px; line-height: 1.4; margin-bottom: 5px; }
.news-query .wp-block-post-title a { color: var(--wp--preset--color--ink); text-decoration: none; }
.news-query .wp-block-post-title a:hover { text-decoration: underline; }
.news-query .news-meta {
    font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
    color: var(--wp--preset--color--sepia); margin-bottom: 5px;
}
.news-query .wp-block-post-excerpt { font-size: 13.5px; color: var(--wp--preset--color--ink-soft); margin: 0; }

/* 版间标题 */
.section-title { text-align: center; font-size: 13px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--wp--preset--color--sepia); }

/* 分页 */
.pagination { margin-top: 24px; text-align: center; font-size: 14px; }
.pagination .page-numbers {
    display: inline-block; padding: 2px 10px; margin: 0 3px;
    border: 1px solid var(--wp--preset--color--paper-line);
    color: var(--wp--preset--color--ink); text-decoration: none;
}
.pagination .page-numbers.current, .pagination .page-numbers:hover { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--paper); }

/* 单篇 */
.single-headline { border-bottom: 3px double var(--wp--preset--color--ink); padding-bottom: 16px; margin-bottom: 20px; }
.single-headline .wp-block-post-title { font-size: 34px; line-height: 1.25; margin: 0 0 10px; }
.single-meta { font-size: 11.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--sepia); }
.single-meta a { color: var(--wp--preset--color--sepia); }
.wp-block-post-content { font-size: 16px; line-height: 1.9; }
.wp-block-post-content h2 { font-size: 24px; margin: 1.5em 0 0.6em; }
.wp-block-post-content h3 { font-size: 20px; margin: 1.3em 0 0.5em; }
.wp-block-post-content img { max-width: 100%; height: auto; }
.wp-block-post-content blockquote { border-left: 3px solid var(--wp--preset--color--paper-line); padding-left: 16px; color: var(--wp--preset--color--sepia); }
.post-navigation { margin-top: 28px; border-top: 1px solid var(--wp--preset--color--column-line); padding-top: 14px; display: flex; justify-content: space-between; gap: 20px; }
.post-navigation a { color: var(--wp--preset--color--ink); text-decoration: none; }
.post-navigation a:hover { text-decoration: underline; }

/* 页脚 */
footer.site-footer { text-align: center; font-size: 11px; letter-spacing: 0.1em; color: var(--wp--preset--color--sepia); padding: 20px 0 6px; }

/* 404 */
.notfound { text-align: center; padding: 60px 0 40px; }
.notfound h1 { font-size: 40px; margin-bottom: 10px; }
.notfound p { color: var(--wp--preset--color--sepia); }

/* ---------- 响应式 ---------- */
@media (max-width: 960px) {
    .paper-layout { grid-template-columns: 1fr; margin: 16px; }
    .paper-sidebar { position: static; border-right: 1px solid var(--wp--preset--color--paper-line); }
    .paper-main { padding: 24px 18px; }
    .masthead .wp-block-site-title { font-size: 36px; }
    .single-headline .wp-block-post-title { font-size: 26px; }
}

/* ---------- 备案号：页面底部中央 ---------- */
.site-beian {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.08em;
    color: var(--wp--preset--color--sepia);
    padding: 6px 0 24px;
    line-height: 1.6;
}
.site-beian a {
    color: var(--wp--preset--color--sepia);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.site-beian a:hover {
    text-decoration: underline;
}
.site-beian .beian-shield {
    display: inline-block;
    vertical-align: -2px;
}
.site-beian .beian-sep {
    color: var(--wp--preset--color--paper-line);
}