/* 设计变量与视觉基调（墨绿 / 米白） */
:root{
  --bg:#f7f3ee; /* 米白 */
  --ink:#0b3a2a; /* 墨绿偏深 */
  --accent:#236444; /* 墨绿亮色 */
  --muted:#6b6b66;
  --surface:#ffffff;
  --radius:2px; /* surface 小圆角 */
  --gap:20px;
  --max-desktop:1280px; /* 目标桌面容器（在 1120-1440 区间内） */
  --min-desktop:1120px;
  --line:1px solid rgba(11,58,42,0.08);
  --serif: Georgia, 'Times New Roman', serif;
  --sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* 全局基底 */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--sans);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.75;
  -webkit-text-size-adjust:100%;
}

a{color:var(--accent);text-decoration:none}

/* 报刊双层报头（窄报头） */
.site-header{
  background:transparent;
  border-bottom:var(--line);
}
.masthead{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px var(--gap);
  gap:10px;
}
.brand{
  font-family:var(--serif);
  font-size:20px;
  color:var(--ink);
  letter-spacing:0.6px;
}
.issue{font-size:13px;color:var(--muted)}

.index-bar{
  border-top:var(--line);
  background:transparent;
}
.index-bar ul{display:flex;gap:18px;list-style:none;margin:0;padding:8px var(--gap)}
.index-bar li{font-size:14px;color:var(--muted)}

/* 页面容器：桌面端目标宽度区间通过媒体规则控制 */
.page-wrap{
  padding:20px 16px 60px;
}
article.article{
  margin:0 auto;
  background:transparent;
  padding:0;
}

/* 标题与摘要：跨栏标题紧接正文 */
.article-head{margin-bottom:18px}
.article-title{
  margin:6px 0 8px 0;
  font-family:var(--serif);
  color:var(--ink);
  font-weight:600;
  line-height:1.05;
  letter-spacing:-0.02em;
  font-size:32px; /* 大标题但控制行数 */
  margin-block-end:6px;
}
.meta-row{font-size:13px;color:var(--muted);display:flex;gap:12px;align-items:center;margin-bottom:8px}
.lead{
  margin:0 0 18px 0;
  padding:12px 14px;
  background:var(--surface);
  border-radius:var(--radius);
  border:var(--line);
  color:var(--muted);
}

/* 编辑部堆叠结构：正文 10 / 边注 2 */
.editorial-area{
  display:block;
  gap:var(--gap);
}
.main-col{order:1}
.side-col{order:2;margin-top:16px}
.side-col .side-surface{
  background:var(--surface);
  border:var(--line);
  border-radius:var(--radius);
  padding:12px;
}
.side-title{font-family:var(--serif);font-size:14px;margin:0 0 8px 0}
.side-surface .kw,.side-surface .note{margin-bottom:10px;font-size:14px;color:var(--muted)}
.kw-val,.note-val{margin-top:6px;color:var(--ink);font-size:13px}

.article-body{
  background:var(--surface);
  border:var(--line);
  border-radius:var(--radius);
  padding:22px;
  color:var(--ink);
  font-size:16px;
  /* 人文杂志宽松型排版 */
}
.article-body p{margin:0 0 1em}

/* 广告容器（独立且不覆盖） */
.ad-slot{padding:10px 16px;border-radius:var(--radius);margin:12px auto;color:var(--muted);background:transparent}
.ad-top{padding:8px 16px}
.ad-middle{padding:12px 16px}
.ad-bottom{padding:12px 16px}

/* FAQ 横线问答列表 */
.faq{margin-top:22px}
.faq .section-title,.related .section-title{font-family:var(--serif);font-size:16px;margin:0 0 12px 0}
.faq-list{background:var(--surface);border:var(--line);border-radius:var(--radius);padding:10px}
.faq-list > *{padding:12px 10px;border-top:var(--line)}
.faq-list > *:first-child{border-top:0}

/* 相关阅读：两列摘要列表 */
.related-list{display:block;margin-top:8px}
.related-list > *{display:block;padding:10px;background:var(--surface);border:var(--line);border-radius:var(--radius);margin-bottom:10px}

.site-footer{border-top:var(--line);padding:18px 16px;text-align:center;color:var(--muted);font-size:13px}

/* -------------------- 桌面规则（>=1024px） -------------------- */
@media (min-width: 1024px){
  .page-wrap{padding:28px 20px 80px}
  /* 容器宽度目标：在桌面尽量落在 1120 - 1440 之间（受视窗限制） */
  article.article{width:min(var(--max-desktop),88%);max-width:1440px}

  .article-title{font-size:44px}
  .article-body{font-size:18px;padding:28px}

  /* 非对称网格：10/2 边注 */
  .editorial-area{
    display:grid;
    grid-template-columns:repeat(12,1fr);
    gap:28px;
    align-items:start;
  }
  .main-col{grid-column:1 / span 10}
  .side-col{grid-column:11 / span 2}
  .side-col{margin-top:0}

  /* 标题跨栏已在结构上实现（title 在 grid 之外，跨全栏） */

  /* 相关阅读错位排列：不同宽度错落 */
  .related{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}
  .related-list{grid-column:1 / span 1}
  .faq{grid-column:2 / span 1}
  .faq .faq-list{min-height:80px}

  /* 相关阅读内部两列摘要 */
  .related-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
  .related-list > *{margin:0}
}

/* -------------------- 手机规则（<=767px） -------------------- */
@media (max-width: 767px){
  body{font-size:15px}
  .masthead{padding:8px 12px}
  .index-bar ul{gap:12px;overflow:auto}
  .article-title{font-size:20px;line-height:1.2}
  .lead{font-size:14px;padding:10px}

  /* 单列语义顺序：标题、元信息、摘要、正文、边注下移、FAQ、相关阅读 */
  .editorial-area{display:block}
  .main-col{order:1}
  .side-col{order:2}
  .side-col .side-surface{padding:10px}
  .article-body{padding:16px;font-size:15px}

  .related{display:block}
  .related-list{display:block}
  .related-list > *{margin-bottom:10px}

  /* 适配小屏，避免横向滚动与文字截断 */
  .page-wrap{padding:14px 12px}
}

/* 禁用重阴影与大型圆角（遵守 forbidden_pattern） */
/* 视觉签名：大面积留白配紧凑字阶（通过较大外边距与行距实现） */