/* 样式表：遵循“藏蓝与纸白”视觉，双层基线网格，系统字体，Grid/Flex布局 */
:root{
  --bg: #f7f5ef; /* 纸白 */
  --ink: #0b1730; /* 藏蓝深 */
  --muted: #536075;
  --accent: #2a4a7a;
  --max-width: 1300px; /* 符合 1120-1440 范围的中间值 */
  --gutter: 28px;
  --base-line: 1.6rem; /* 基线单位 */
}

/* 全局重置与排版基准 */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  line-height:1.6;
  font-size:16px;
}

/* 容器 */
.page-wrap{
  width: min(94%, var(--max-width));
  margin: 28px auto 56px;
  padding: 0 18px;
}

/* 头部：极简细导航 */
.site-header{padding:18px 0 6px; border-bottom:0; background:transparent}
.head-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto;padding:0 18px}
.brand a{color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:0.02em}
.mini-nav a{color:var(--muted);text-decoration:none;font-size:0.95rem;margin-left:18px}
.ad-zone{max-width:100%;margin:12px 18px}

/* 顶部左右分栏：标题与摘要各半 */
.split-top{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);align-items:start;max-width:var(--max-width);margin:18px auto}
.title-block{padding-right:6px}
.summary-block{padding-left:6px}

h1{font-family: Georgia, 'Times New Roman', serif; color:var(--ink);font-size:2.2rem;margin:0 0 8px;line-height:1.05;letter-spacing:-0.01em; /* 宽松且显著 */
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.meta{color:var(--muted);font-size:0.92rem;margin-top:6px}
.meta .sep{opacity:0.5;margin:0 8px}
.summary{margin:0;color:var(--muted);font-size:1rem;line-height:1.65}

/* 内容区 7/5 两栏 */
.content-grid{display:grid;grid-template-columns:7fr 5fr;gap:var(--gutter);align-items:start;max-width:var(--max-width);margin:22px auto}
.article{background:transparent}
.article-body{
  background:transparent;padding-right:6px;color:var(--ink);font-size:1rem;line-height:1.9; /* 宽松阅读行距 */
  /* 视觉签名：双层基线网格（非常细的条纹，仅作阅读参考） */
  background-image:repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0 calc(var(--base-line) - 0.125rem), rgba(10,20,40,0.02) calc(var(--base-line) - 0.125rem) calc(var(--base-line) - 0.06rem));
  background-repeat:repeat-x;
  padding:12px 6px;
}
.article-body p{margin:0 0 1.1rem}
.article-body h2,h3{font-family: Georgia, 'Times New Roman', serif;color:var(--accent);margin:1.2rem 0 0.6rem}
.article-body ul, .article-body ol{margin:0 0 1rem 1.25rem}

/* 侧栏：FAQ 与相关阅读 */
.side{padding-left:8px}
.side-inner{position:relative}
.faq h2{font-size:1.05rem;margin:0 0 10px;color:var(--ink)}
.faq-list{color:var(--muted);font-size:0.95rem}
/* 编号式问答视觉：如果 FAQ 内容为列表，可由此样式编号 */
.faq-list ol{counter-reset:faq}
.faq-list ol li{counter-increment:faq;margin:0 0 0.75rem}
.faq-list ol li::marker{font-weight:600;color:var(--accent)}

.section-rule{border:0;border-top:1px solid rgba(11,23,48,0.06);margin:16px 0}
.related h3{font-size:0.98rem;margin:0 0 8px;color:var(--ink)}
.related-keywords{font-size:0.92rem;color:var(--muted);margin-bottom:8px}
.related-list{font-size:0.95rem;color:var(--ink);display:flex;flex-direction:column;gap:6px}
.related-list a{color:var(--accent);text-decoration:none}
.related-keywords .kw{font-weight:600;color:var(--accent)}

/* 广告容器样式（不得悬浮/遮盖） */
.ad-zone{background:transparent;padding:8px 0;color:var(--muted);font-size:0.95rem}
.ad-top,.ad-middle,.ad-bottom{border:0}

/* 页脚 */
.site-footer{padding:22px 0;text-align:center;color:var(--muted);font-size:0.92rem}

/* 手机端：320px 起不得横向滚动，标题/摘要上下排列，正文/FAQ/推荐顺序展示 */
@media (max-width:767px){
  :root{--gutter:18px}
  .page-wrap{width:94%;margin:18px auto;padding:0 12px}
  .split-top{grid-template-columns:1fr;gap:12px}
  h1{font-size:1.4rem;line-height:1.12; -webkit-line-clamp:2}
  .summary{font-size:0.98rem}
  .content-grid{grid-template-columns:1fr;gap:14px}
  .side{padding-left:0}
  .related-list{flex-direction:column}
  .article-body{background-image:none;padding:6px 0}
  .ad-zone{margin:10px 0}
  .head-inner{padding:0}
}

/* 桌面端明确规则：大屏建立非对称网格与跨栏标题视觉差异（>=1024px） */
@media (min-width:1024px){
  .page-wrap{margin-top:28px}
  .split-top{grid-template-columns:1fr 1fr;gap:40px}
  h1{font-size:2.6rem}
  .content-grid{grid-template-columns:7fr 5fr;gap:40px}
  .article-body{font-size:1.03rem}
  /* 在桌面端，侧栏固定在右侧，不做粘滞或悬浮，仅视觉分区 */
  .side{padding-left:18px}
}

/* 无大圆角、无重阴影，保持清爽边界 */