/* ==========================================================================
   非首屏样式（style.css）—— 用 media="print" 延迟加载，加载完切成 all
   --------------------------------------------------------------------------
   第三版规范（"官方发布调"）：界面文字黑体、内容文字宋体（--font-song）；
   内容居中 1280；主色人民网红 #d7000f。
   这里放：两列要闻、卡片（聚合页）、分页、侧栏各块、正文页、单页、404/搜索、页脚四栏。
   不许出现"把元素藏起来"的写法（display 设 none）——避免"隐藏文字"的 SEO 风险。
   ========================================================================== */

.empty{padding:18px 0;color:var(--muted)}
.more{margin:10px 0 0;font-size:var(--fs-sm)}
.back-links{margin:18px 0 0;font-size:var(--fs-sm)}
.back-links a{margin-right:14px;color:var(--red)}
.breadcrumb{padding:10px 0 0;font-size:var(--fs-sm);color:var(--muted)}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:6px}
.breadcrumb li+li::before{content:"\203A";color:var(--faint);margin-right:6px}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--red)}

/* 两列「要闻」（人民网/中新网首页都是标题 + 虚线，不带时间） */
.yw-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.yw-list li{padding:7px 0;border-bottom:1px dashed var(--line-2);font-family:var(--font-song);font-size:var(--fs-t);line-height:1.6}
.yw-list li::before{content:"\00B7";color:var(--faint);margin-right:6px}
.yw-list a{color:#222}
.yw-list a:hover{color:var(--red)}

/* 聚合页卡片（分类/标签/搜索/404）：标题+摘要+时间+分类，四要素缺一不可 */
.card-list{margin:0}
.card{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}
.card-thumb{display:block;width:100%}
.card-thumb img{display:block;width:100%;height:auto}
.card-main{min-width:0}
.card-title{font-family:var(--font-song);font-size:19px;line-height:1.5}
.card-title a{color:#1a1a1a}
.card-title a:hover{color:var(--red)}
.card-desc{font-family:var(--font-song);color:var(--muted);font-size:15px;margin-top:5px;line-height:1.7}
.card-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:7px}
.card-cat{flex:0 0 auto;display:inline-block;padding:1px 8px;border:1px solid var(--red);font-size:var(--fs-xs);color:var(--red)}

/* 分页（真实 <a href>，不用 JS） */
.pagination{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin:16px 0 6px}
.pagination a,.pagination .page-current,.pagination .page-gap,.pagination .page-info{display:inline-block;min-width:34px;padding:6px 9px;text-align:center;border:1px solid #dcdcdc;font-size:var(--fs-sm)}
.pagination a{color:var(--ink)}
.pagination a:hover{border-color:var(--red);background:var(--red-l);color:var(--red)}
.pagination .page-current{border-color:var(--red);background:var(--red);color:#fff;font-weight:700}
.pagination .page-gap{border-color:transparent;color:var(--faint)}
.pagination .page-info{border:0;color:var(--muted)}

/* 搜索框（搜索页/404 用，比报头那个大） */
.search-form{display:flex;gap:8px;margin:14px 0}
.search-form input[type="search"]{flex:1 1 auto;min-width:0;padding:10px 12px;font-size:var(--fs-body);border:1px solid #cfcfcf;color:var(--ink)}
.search-form button{flex:0 0 auto;padding:10px 20px;font-size:var(--fs-body);border:0;background:var(--red);color:#fff;cursor:pointer}
.search-form button:hover{background:var(--red-d)}

/* 侧栏：热榜 / 即时新闻精选 / 热门标签 / 站内统计 */
.sidebar{min-width:0}
.side-block{margin-bottom:14px;border:1px solid var(--line);background:#fff}
.side-title{font-size:var(--fs-t);padding:8px 12px;border-bottom:1px solid var(--line);background:var(--bg-2)}
.side-title::before{content:"";display:inline-block;width:4px;height:14px;background:var(--red);margin-right:8px;vertical-align:-2px}
.side-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.side-more{font-size:var(--fs-xs);color:var(--muted);font-weight:400}
.side-more:hover{color:var(--red)}
.side-list{padding:6px 12px 10px}
.side-list li{padding:6px 0;border-bottom:1px dashed var(--line-2);font-family:var(--font-song);font-size:15px;line-height:1.6}
.side-list li:last-child{border-bottom:0}
.side-list time{display:block;font-size:var(--fs-xs);font-family:var(--font-hei);margin-top:2px}

/* 热榜：1-3 红序号、4 名后灰 */
.rank-list{padding:4px 12px 10px;counter-reset:rank}
.rank-list li{display:flex;gap:8px;align-items:baseline;padding:6px 0;border-bottom:1px dashed var(--line-2);font-family:var(--font-song);font-size:15px}
.rank-list li:last-child{border-bottom:0}
.rank-list li::before{counter-increment:rank;content:counter(rank);flex:0 0 14px;font-family:var(--font-hei);font-size:15px;font-weight:700;color:var(--faint);text-align:center}
.rank-list li:nth-child(-n+3)::before{color:var(--red)}
.rank-title{flex:1 1 auto;min-width:0;color:#222;line-height:1.5}

.tag-list{padding:12px}
.tag-list ul{display:flex;flex-wrap:wrap;gap:8px}
.tag-list a{display:inline-block;padding:4px 10px;border:1px solid var(--line);font-size:var(--fs-sm);background:#fff}
.tag-list a:hover{border-color:var(--red);background:var(--red-l);color:var(--red)}
.tag-count{color:var(--faint);font-size:var(--fs-xs);margin-left:3px}

.stats-list{padding:6px 12px 10px}
.stats-list li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--line-2);font-size:var(--fs-sm);color:var(--muted)}
.stats-list li:last-child{border-bottom:0}
.stats-list b{color:var(--ink);font-weight:700}

/* 正文页 / 单页：正文宋体、行高 1.9、限宽 820 */
.article-title{font-family:var(--font-song);font-size:28px;line-height:1.4;padding:12px 0 0}
.article-meta{display:flex;flex-wrap:wrap;gap:6px 16px;padding:8px 0 12px;border-bottom:1px solid var(--line);margin-bottom:14px;font-size:var(--fs-sm)}
.article-body{font-family:var(--font-song);font-size:var(--fs-body);line-height:1.9;color:#2b2b2b;max-width:820px}
.article-body p{margin:0 0 1.1em}
.article-body h2{font-family:var(--font-hei);font-size:var(--fs-h2);margin:1.5em 0 .6em;padding-left:10px;border-left:4px solid var(--red)}
.article-body h3{font-family:var(--font-hei);font-size:18px;margin:1.3em 0 .5em}
.article-body ul,.article-body ol{margin:0 0 1.1em;padding-left:1.4em;list-style:disc}
.article-body ol{list-style:decimal}
.article-body li{margin:.3em 0}
.article-body img{margin:10px 0}
.article-body blockquote{margin:1em 0;padding:8px 14px;border-left:3px solid var(--line);background:var(--bg-2);color:var(--muted)}
.article-body a{color:var(--red)}
.article-tags{margin:16px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:var(--fs-sm)}
.article-tags a{display:inline-block;margin:0 8px 8px 0;padding:3px 10px;border:1px solid var(--line);color:var(--muted)}
.article-tags a:hover{border-color:var(--red);color:var(--red)}
.article-aigc,.aigc-notice{color:var(--muted);font-size:var(--fs-xs);margin-top:14px;padding:8px 12px;background:var(--bg-2);border-left:3px solid var(--line)}
.article-nav{margin:16px 0 0;padding:10px 12px;background:var(--bg-2);font-size:var(--fs-sm)}
.article-nav p{margin:4px 0}
.related{margin:20px 0 0}
.related-list{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-top:8px}
.related-list li{padding:6px 0;border-bottom:1px dashed var(--line-2);font-family:var(--font-song);font-size:15px}
.section-title{font-size:var(--fs-h2);font-weight:700;color:var(--red);border-bottom:2px solid var(--red);padding-bottom:5px;margin:18px 0 8px}
.section-title a{color:var(--red)}

/* 404 / 搜索 / 单页 */
.nf-tip{color:var(--muted);margin-top:8px}
.nf-path{color:var(--faint);font-size:var(--fs-sm);margin-top:6px}
.nf-cats{margin-top:22px}
.tag-list-inline{display:flex;flex-wrap:wrap;gap:8px}
.tag-list-inline a{display:inline-block;padding:4px 10px;border:1px solid var(--line);font-size:var(--fs-sm)}
.tag-list-inline a:hover{border-color:var(--red);color:var(--red)}
.tag-intro{color:var(--muted);font-size:var(--fs-sm);margin-top:6px}

/* ── 页脚：左品牌 + 右三栏 + 底部两行居中（第四版线型图确认稿）─────────
   为什么这么排：原来的「栏目导航」栏与顶部导航重复还把页脚撑高；四栏高度不齐；
   底部版权行挤在左边一小溜。现在：左品牌区固定 360px 承担"官方分量"，
   右三栏各 4~6 条高度自然齐；底部两行居中，宽屏下不再显得空。 */
.site-footer{margin-top:26px;border-top:2px solid var(--red);background:var(--bg-2)}
.foot-top{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:20px 0 14px}
.foot-brand .masthead-logo{margin-bottom:8px}
.foot-brand .masthead-name{font-size:24px}
.foot-brief{font-family:var(--font-song);font-size:13px;color:#666;line-height:1.8}
.foot-brief b{color:#333}
.foot-line{font-size:13px;color:#666;line-height:1.9;margin-top:4px}
.foot-title{font-size:15px;font-weight:700;color:#333;margin-bottom:8px}
.foot-col li{padding:2px 0;font-size:13px;color:#666;line-height:1.8}
.foot-col a{color:#666}
.foot-col a:hover{color:var(--red)}

/* 底部两行：上＝导航链接行，下＝版权备案行（都居中） */
.foot-links{border-top:1px solid var(--line);padding:12px 0 6px;text-align:center;font-size:13px}
.foot-links a{display:inline-block;margin:0 10px;color:#666}
.foot-links a:hover{color:var(--red)}
.foot-aigc{text-align:center;font-size:12px;color:var(--faint);padding:2px 0 6px}
.foot-copy{text-align:center;font-size:12px;color:var(--faint);line-height:2;padding-bottom:4px}
.foot-totop{text-align:center;font-size:12px;padding-bottom:16px}
.foot-totop a{color:var(--red)}

@media (min-width:768px){
    .yw-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
    .foot-top{grid-template-columns:360px repeat(3,minmax(0,1fr));gap:24px}
    .sidebar{border-left:1px solid var(--line);padding-left:18px}
    .card{grid-template-columns:190px minmax(0,1fr);gap:16px;align-items:start}
    .card-thumb img{aspect-ratio:16/9;object-fit:cover}
    .related-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
    .article-title{font-size:32px}
}