/* 44-press-newspaper.css — 报刊目录版面 v3
   设计依据 DESIGN_NOTES.md：版心1280，两列grid，层级五档，克制色标。 */

@layer components {

.press-newspaper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 32px 72px;
  font-family: "Source Han Serif SC","Noto Serif CJK SC","Songti SC",Georgia,serif;
  color: #1c1c1c;
  background: transparent;
}
html[data-theme="night"] .press-newspaper,
body.night .press-newspaper { color: #ececec; }

/* ---------- 刊头 ---------- */
.pn-masthead { text-align: center; margin-bottom: 36px; }
.pn-mast-kicker {
  font-size: 14px; letter-spacing: .4em; text-indent: .4em;
  color: #6b4a1f; font-weight: 600; margin: 0 0 8px;
}
.pn-mast-title {
  font-size: 30px; font-weight: 700; color: #111;
  margin: 0 0 10px; letter-spacing: .12em;
}
.pn-mast-meta { font-size: 13.5px; color: #4a4a4a; margin: 0; }
.pn-mast-rule {
  height: 3px; background: #6b4a1f; margin: 18px auto 0; max-width: 720px;
  border-radius: 1px;
}
html[data-theme="night"] .pn-mast-title, body.night .pn-mast-title { color: #f5f2ea; }
html[data-theme="night"] .pn-mast-meta, body.night .pn-mast-meta { color: #b8b3a8; }
html[data-theme="night"] .pn-mast-kicker, body.night .pn-mast-kicker { color: #c9a86a; }
html[data-theme="night"] .pn-mast-rule, body.night .pn-mast-rule { background: #c9a86a; }

/* ---------- 导读 ---------- */
.pn-lede { max-width: 720px; margin: 0 auto 40px; }
.pn-lede-title {
  font-size: 15px; font-weight: 700; letter-spacing: .25em; text-indent: .25em;
  color: #6b4a1f; margin: 0 0 10px; text-align: center;
}
html[data-theme="night"] .pn-lede-title, body.night .pn-lede-title { color: #c9a86a; }
.pn-lede-text {
  font-size: 17px; line-height: 1.75; color: #2a2a2a; margin: 0; text-align: center;
}
html[data-theme="night"] .pn-lede-text, body.night .pn-lede-text { color: #d8d4cb; }
.pn-lede-more { text-align: center; margin: 14px 0 0; }
.pn-enter {
  font-size: 15px; font-weight: 600; color: #6b4a1f;
  border-bottom: 2px solid #6b4a1f; padding-bottom: 2px;
}
.pn-enter:hover { color: #8a652f; }
html[data-theme="night"] .pn-enter, body.night .pn-enter { color: #c9a86a; border-color: #c9a86a; }

/* ---------- 两列 ---------- */
.pn-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 56px;
  align-items: start;
  max-width: 1280px;
}
.pn-col { min-width: 0; display: flex; flex-direction: column; gap: 36px; }
.pn-col-right { border-left: 1px solid #d9d2c4; padding-left: 56px; }
html[data-theme="night"] .pn-col-right, body.night .pn-col-right { border-left-color: #3a362d; }

/* ---------- 来源模块 ---------- */
.pn-src { break-inside: avoid; }
.pn-src-name {
  font-size: 17px; font-weight: 700; letter-spacing: .08em;
  border-left: 4px solid #555; padding-left: 10px;
  margin: 0 0 6px; line-height: 1.5;
}
.pn-src-limit {
  font-size: 12px; font-weight: 400; letter-spacing: .05em;
  color: #8a6d1f; border: 1px solid #c9b98a; border-radius: 2px;
  padding: 1px 6px; margin-left: 8px; vertical-align: .18em;
}
html[data-theme="night"] .pn-src-limit, body.night .pn-src-limit { color: #c9b98a; }
.pn-src-note {
  font-size: 13.5px; color: #6d675c; margin: 0 0 8px; padding-left: 14px;
}
html[data-theme="night"] .pn-src-note, body.night .pn-src-note { color: #9a948a; }
.pn-src-restricted .pn-item-title a { color: #3d3d3d; }
html[data-theme="night"] .pn-src-restricted .pn-item-title a, body.night .pn-src-restricted .pn-item-title a { color: #c2beb4; }

/* ---------- 文章条目 ---------- */
.pn-item { margin: 0 0 18px; padding-left: 14px; }
.pn-item:last-child { margin-bottom: 4px; }
.pn-item-title {
  font-size: 19px; font-weight: 600; line-height: 1.6; margin: 0 0 4px;
  overflow-wrap: anywhere;
}
.pn-item-focus .pn-item-title { font-size: 21px; }
.pn-item-title a { color: #111; text-decoration: none; }
.pn-item-title a:hover { color: #8a3324; text-decoration: underline; text-underline-offset: 3px; }
html[data-theme="night"] .pn-item-title a, body.night .pn-item-title a { color: #f0ede5; }
html[data-theme="night"] .pn-item-title a:hover, body.night .pn-item-title a:hover { color: #e0a878; }
.pn-item-note {
  font-size: 16px; line-height: 1.7; color: #333; margin: 0 0 4px; overflow-wrap: anywhere;
}
html[data-theme="night"] .pn-item-note, body.night .pn-item-note { color: #c8c4ba; }
.pn-item-meta {
  font-size: 13.5px; color: #5a564e; margin: 0; overflow-wrap: anywhere;
}
html[data-theme="night"] .pn-item-meta, body.night .pn-item-meta { color: #a09a8e; }
.pn-item-link { color: #2b4a6f; }
.pn-item-link:hover { color: #8a3324; }
html[data-theme="night"] .pn-item-link, body.night .pn-item-link { color: #9ab4d4; }

/* ---------- 首页要点 ---------- */
.pn-highlights { max-width: 720px; margin: 0 auto 48px; }
.pn-highlight { margin-bottom: 20px; }
.pn-highlight-title { font-size: 20px; font-weight: 600; line-height: 1.6; margin: 0 0 2px; }
.pn-highlight-title a { color: #111; text-decoration: none; }
.pn-highlight-title a:hover { color: #8a3324; }
html[data-theme="night"] .pn-highlight-title a, body.night .pn-highlight-title a { color: #f0ede5; }
.pn-highlight-meta { font-size: 13.5px; color: #5a564e; margin: 0; }
html[data-theme="night"] .pn-highlight-meta, body.night .pn-highlight-meta { color: #a09a8e; }

/* ---------- 近期期次 / 归档 ---------- */
.pn-recent { max-width: 720px; margin: 0 auto; }
.pn-recent-list { list-style: none; margin: 0; padding: 0; }
.pn-recent-list li {
  padding: 10px 0; border-bottom: 1px solid #e2ddd2;
  font-size: 15.5px; line-height: 1.7;
}
html[data-theme="night"] .pn-recent-list li, body.night .pn-recent-list li { border-bottom-color: #3a362d; }
.pn-recent-list a { color: #111; font-weight: 600; }
.pn-recent-list a:hover { color: #8a3324; }
html[data-theme="night"] .pn-recent-list a, body.night .pn-recent-list a { color: #f0ede5; }
.pn-recent-lede { display: block; font-size: 14px; color: #5a564e; margin-top: 2px; }
html[data-theme="night"] .pn-recent-lede, body.night .pn-recent-lede { color: #a09a8e; }
.pn-archive-link { color: #6b4a1f !important; }
.pn-month { max-width: 720px; margin: 0 auto 32px; }
.pn-more-back { text-align: center; margin-top: 32px; font-size: 15px; }
.pn-more-back a { color: #6b4a1f; }

/* ---------- 页尾导航 ---------- */
.pn-footer-nav {
  max-width: 1280px; margin: 56px auto 0; padding-top: 20px;
  border-top: 3px solid #6b4a1f;
  display: flex; gap: 24px; justify-content: center;
  font-size: 15px;
}
.pn-footer-nav a { color: #4a4a4a; }
.pn-footer-nav a:hover { color: #8a3324; }
html[data-theme="night"] .pn-footer-nav, body.night .pn-footer-nav { border-top-color: #c9a86a; }
html[data-theme="night"] .pn-footer-nav a, body.night .pn-footer-nav a { color: #b8b3a8; }

/* ---------- 响应式 ---------- */
@media (max-width: 900px) {
  .pn-columns { grid-template-columns: 1fr; }
  .pn-col-right { border-left: none; padding-left: 0; }
  .press-newspaper { padding: 24px 16px 48px; }
}
}

.pn-lede-left { text-align: left; text-indent: 0; letter-spacing: .15em; }
.pn-lede-text { text-wrap: balance; }