:root{
  --charcoal:#222222;
  --warm-gray-1:#f6f2ef;
  --warm-gray-2:#e9e3de;
  --warm-gray-3:#d6ccc6;
  --accent:#4a4a46;
  --muted:#7a726d;
  --max-width:1320px; /* 在 1120—1440 范围内折中 */
  --rail-width:220px;
  --gap:32px;
  --serif: Georgia, "Times New Roman", "Hiragino Mincho ProN", serif;
}

*{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--warm-gray-1);color:var(--charcoal);font-family:var(--serif);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}

/* 顶部广告与页脚 */
.ad-area{border:1px solid var(--warm-gray-3);background:transparent;padding:10px 14px;margin:12px auto;width:calc(100% - 40px);color:var(--muted);font-size:13px}
.ad-top{max-width:var(--max-width)}
.ad-middle{max-width:var(--max-width);}
.ad-bottom{max-width:var(--max-width);}

/* 页面外框，确保桌面宽度在 1120—1440 的体验 */
.page-frame{display:flex;align-items:flex-start;justify-content:center;padding:18px 12px}
.page-wrap{display:grid;grid-template-columns:var(--rail-width) 1fr var(--rail-width);grid-column-gap:var(--gap);width:100%;max-width:var(--max-width);min-width:1120px}

/* 左侧刊头（竖式） */
.masthead{padding:18px;border-right:1px solid var(--warm-gray-3);background:var(--warm-gray-1);color:var(--accent);}
.masthead-inner{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.home-link{font-weight:700;font-size:18px}
.site-id{font-size:12px;color:var(--muted)}
.masthead-note{font-size:12px;color:var(--muted)}
.masthead-year{margin-top:8px;font-size:13px;color:var(--accent)}

/* 主内容 */
.content-column{padding:18px 0}
.article{background:transparent;border-left:2px solid var(--warm-gray-2);padding-left:26px}
.article-header h1{margin:0 0 10px 0;font-size:42px;line-height:1.05;max-height:2.2em;overflow:hidden;word-break:break-word}
.meta{display:flex;gap:14px;font-size:13px;color:var(--muted);margin-bottom:12px}
.summary{margin:0 0 18px 0;padding:12px;border:1px solid var(--warm-gray-3);background:var(--warm-gray-1);font-size:16px;color:var(--accent)}

.article-body{font-size:17px;line-height:1.9;color:var(--charcoal);}
.article-body p{margin:0 0 1em 0}

/* 视觉签名：正文首段首字强调（轻量） */
.article-body p:first-of-type::first-letter{font-size:1.6em;float:left;margin-right:8px;color:var(--accent);font-weight:600;line-height:1}

/* 为内容内 h2 提供章节编号感（仅视觉，不改写正文文本） */
.article-body{counter-reset:sect}
.article-body h2{counter-increment:sect;margin-top:28px;margin-bottom:10px;padding-left:12px;font-size:20px}
.article-body h2::before{content:counter(sect) ". ";color:var(--muted);margin-right:6px}

/* 侧栏 */
.side-column{padding:18px;border-left:1px solid var(--warm-gray-3);background:var(--warm-gray-1)}
.section-box{margin-bottom:18px}
.section-title{font-weight:700;margin-bottom:8px}
.section-list{list-style:none;padding:0;margin:0;color:var(--muted)}
.section-list li{padding:6px 0;border-top:1px dashed var(--warm-gray-3);font-size:14px}
.meta-box{font-size:13px;color:var(--muted)}

/* 底部横跨区域 */
.bottom-wide{grid-column:1 / -1;padding:26px 18px 40px 18px;display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid var(--warm-gray-3);background:transparent}
.section-heading{font-size:16px;margin:0 0 10px 0;color:var(--accent)}
.faq-list, .related-list{background:var(--warm-gray-1);padding:12px;border:1px solid var(--warm-gray-3)}

/* 相关阅读要求编号列表风格（由站点内容填充） */
.related-list ol{padding-left:18px;margin:0}
.related-list ul{padding-left:18px;margin:0}

/* 页脚 */
.site-footer{max-width:var(--max-width);margin:0 auto;padding:18px;color:var(--muted);font-size:13px}

/* ---- 响应：桌面与手机的明确差异 ---- */
@media (min-width:1024px){
  /* 学刊式布局成立：左刊头显著、栏目置右、正文宽松留白 */
  .masthead{position:relative;min-height:220px;width:var(--rail-width);}
  .page-wrap{grid-template-columns:var(--rail-width) 1fr var(--rail-width);grid-column-gap:40px}
  .article-header h1{font-size:48px}
  .article{padding-left:36px}
  .bottom-wide{grid-template-columns:1fr 1fr}
}

@media (max-width:767px){
  /* 手机端：单列重排；左刊头改为顶部横栏；栏目折叠下移；FAQ 与 推荐变为单列 */
  :root{--gap:16px}
  .page-frame{padding:8px}
  .page-wrap{display:block;width:100%;max-width:100%;min-width:0}
  .masthead{display:flex;border-right:none;border-bottom:1px solid var(--warm-gray-3);padding:12px 10px}
  .masthead-inner{flex-direction:row;justify-content:space-between;align-items:center;width:100%}
  .masthead-year{display:none}
  .content-column{padding:10px}
  .article{border-left:none;padding-left:0}
  .article-header h1{font-size:28px;line-height:1.12}
  .meta{flex-direction:column;gap:6px}
  .summary{font-size:15px}
  .article-body{font-size:16px;line-height:1.8}
  .side-column{border-left:none;border-top:1px solid var(--warm-gray-3);background:transparent;padding:12px}
  .bottom-wide{display:block;padding:12px}
  .bottom-wide > *{margin-bottom:16px}
  .ad-area{width:calc(100% - 24px)}
  /* 避免横向滚动 */
  body,html{word-wrap:break-word;overflow-x:hidden}
}

/* 禁止使用阴影作为层级（视觉规则）——确保样式中不使用 box-shadow */