/* 视觉随笔型：炭黑与暖灰；无圆角、细分隔线、无阴影；标题衬线、正文无衬线 */
:root{
  --bg:#ffffff;
  --charcoal:#222326; /* 炭黑 */
  --warm-gray:#9b948c; /* 暖灰 */
  --muted:#6f6b67;
  --accent:#3a3a3a;
  --max-site-width:1280px; /* 页面容器在 1120-1440 之间，选择 1280 */
  --gutter:28px;
  --center-col:780px; /* 桌面正文居中约780px */
}
/* 全局重置与排版 */
*{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg);color:var(--charcoal);font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans CJK SC", sans-serif;line-height:1.65}
a{color:inherit;text-decoration:underline}
.container{max-width:var(--max-site-width);margin:0 auto;padding:28px;display:grid;gap:var(--gutter)}
.site-header{border-bottom:1px solid #e6e2de;padding:18px 0 12px;text-align:center}
.masthead .site-title{font-weight:700;letter-spacing:0.02em;color:var(--charcoal);font-size:18px}
.site-nav ul{list-style:none;margin:8px 0 0;padding:0;display:inline-flex;gap:18px;color:var(--warm-gray);font-size:13px}
.site-nav li{opacity:0.95}
.ad-slot{max-width:1280px;margin:18px auto;padding:8px 12px;border-top:1px solid #f0efec;border-bottom:1px solid #f0efec;color:var(--muted);font-size:13px}
/* 页面网格基础（默认堆叠，桌面改为三轨） */
.page-wrap .container{display:block}
/* Article 样式：页头与正文对齐基线明显不同（头部居中，正文左对齐） */
.article{margin:18px auto;max-width:var(--center-col);padding:0}
.article-head{padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:18px;text-align:left}
.article-head .eyebrow{font-size:12px;color:var(--warm-gray);letter-spacing:0.06em;margin-bottom:8px}
.article-head h1{font-family: Georgia, 'Times New Roman', serif;font-size:28px;line-height:1.18;margin:0;color:var(--charcoal)}
.summary{color:var(--muted);margin:12px 0 0;padding:0}
.content{margin-top:18px;color:var(--charcoal);font-size:16px}
.content p{margin:0 0 1em}
/* FAQ */
.faq-block{margin-top:28px;border-top:1px solid #f0efec;padding-top:18px}
.faq-block h2{font-size:16px;margin:0 0 10px;color:var(--accent)}
.faq{color:var(--charcoal)}
.faq ol{padding-left:20px;margin:0}
.faq li{margin:0 0 12px}
/* 相关阅读 */
.related-card{border-left:1px solid #f0efec;padding-left:18px}
.related-card h3{font-size:14px;margin:0 0 10px;color:var(--accent)}
.related-list{display:grid;grid-template-columns:1fr;gap:10px;color:var(--muted)}
.related-list a{display:block;color:var(--charcoal);text-decoration:none}
.related-list a:hover{text-decoration:underline}
/* 侧边元信息 */
.side-meta{color:var(--warm-gray);font-size:13px;padding-right:18px}
.meta-block{border-bottom:1px solid #f6f4f2;padding:10px 0}
.meta-label{font-weight:600;color:var(--accent);font-size:12px;margin-bottom:6px}
/* 页脚 */
.site-footer{text-align:center;color:var(--warm-gray);font-size:13px;padding:18px 0;border-top:1px solid #f0efec;margin-top:28px}
/* 响应与桌面专用布局 */
@media (min-width:1024px){
  /* 三轨阅读结构：左侧少量元信息，中间正文约780px，右侧相关阅读索引 */
  .page-wrap .container{display:grid;grid-template-columns:220px var(--center-col) 1fr;gap:32px;align-items:start}
  .side-meta{display:block}
  .article{max-width:var(--center-col);padding:0}
  .article-head{text-align:left}
  /* 相关阅读右侧以两列摘要列表呈现 */
  .related-list{grid-template-columns:1fr 1fr;gap:12px}
  /* 视觉签名：页头居中，而正文基线左对齐，已由样式实现 */
}
@media (max-width:767px){
  /* 移动端：两侧信息全部下移到正文之后，正文宽度占满安全区域 */
  :root{--gutter:18px}
  .container{padding:16px}
  .page-wrap .container{display:block}
  .side-meta{display:block;margin-top:20px;border-top:1px solid #f6f4f2;padding-top:12px}
  .side-related{display:none} /* 右侧在移动端按文内 related-inline 显示 */
  .article{max-width:100%;padding:0}
  .article-head h1{font-size:20px}
  .related-inline{display:block;margin-top:18px}
  .related-list{grid-template-columns:1fr;gap:8px}
  .ad-slot{margin:14px 0}
  /* 320px 安全性：避免横向滚动 */
  body{word-break:break-word}
}
/* 无圆角、细分隔线、无阴影（已确保） */