/* 统一变量与基础重置 */
:root{
  --navy:#0b3b5e; /* 海军蓝 */
  --fog:#f3f5f6;   /* 浅雾灰 */
  --muted:#6b7785;
  --text:#172027;
  --accent:#0b3b5e;
  --max-width:1280px; /* 在 1120-1440 范围内 */
  --content-gap:20px;
  --density:1.15;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:#fff}
a{color:var(--accent);text-decoration:none}
img{max-width:100%;height:auto}
.site-header{border-bottom:1px solid #e6eaee;background:transparent}
.brand-row{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;gap:16px;padding:10px 16px}
.brand-left{flex:0 0 auto}
.brand{font-weight:700;color:var(--navy);font-family:Georgia,'Times New Roman',serif;font-size:18px}
.site-nav{flex:1;text-align:center;display:flex;align-items:center;justify-content:center;gap:18px;font-size:13px;color:var(--muted)}
.site-nav .nav-center{font-weight:600;color:var(--navy);font-family:Georgia,'Times New Roman',serif}
.site-nav .nav-left,.site-nav .nav-right{color:var(--muted)}
/* 顶部广告样式（独立容器） */
.ad{max-width:var(--max-width);margin:12px auto;padding:8px;border:1px dashed #e3e7ea;background:transparent;color:var(--muted);font-size:13px}

/* 顶部拆分标题区 */
.headline-split{max-width:var(--max-width);margin:18px auto;padding:0 16px;display:block}
.headline-left{padding:8px 0}
.article-title{font-family:Georgia,'Times New Roman',serif;font-size:26px;margin:0;color:var(--navy);line-height:1.08}
.meta-row{margin-top:8px;font-size:13px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap}
.summary{margin-top:12px;color:#27323a;border-top:1px solid #eef2f4;padding-top:12px;font-size:15px}
.headline-right{margin-top:14px}
.info-box{border:1px solid #e7ecf0;background:var(--fog);padding:10px;font-size:13px}
.info-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(0,0,0,0.03)}
.info-row.subtle{border-bottom:none;color:var(--muted);padding-top:8px}
.info-key{font-weight:600;color:var(--navy);font-size:12px}
.info-val{text-align:right}

/* 主体网格：桌面下会变为 7/5 的两栏 */
.content-grid{max-width:var(--max-width);margin:18px auto;padding:0 16px;display:block}
.content-column{width:100%}
.article-body{font-size:16px;line-height:var(--density);color:#263238}
.article-body p{margin:0 0 14px}
.article-body h2,.article-body h3{font-family:Georgia,'Times New Roman',serif;color:var(--navy);margin:20px 0 10px}

/* 侧栏 */
.side-column{margin-top:18px}
.sec-title{display:flex;align-items:center;gap:10px;font-family:Georgia,'Times New Roman',serif;color:var(--navy);font-size:16px;margin:0 0 10px}
.sec-title.small{font-size:14px}
/* 视觉识别：章节标题带短编号线（不自动生成数字） */
.sec-mark{width:34px;height:6px;background:var(--navy);display:inline-block;border-radius:2px}

/* FAQ 与相关阅读容器 */
.faq-items > *{margin:8px 0;padding:8px;border-left:3px solid rgba(11,59,94,0.08);background:#fff}
/* 采用编号样式呈现，但不生成具体步骤内容（只影响直接子项） */
.faq{counter-reset:faq}
.faq-items > *{counter-increment:faq;position:relative;padding-left:34px}
.faq-items > *::before{content:counter(faq);position:absolute;left:8px;top:8px;width:18px;height:18px;border-radius:2px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}

.related-list{counter-reset:rel;display:block}
.related-list > *{display:block;padding:8px 6px;border-top:1px solid #eef2f4}
.related-list > *{counter-increment:rel;position:relative;padding-left:34px}
.related-list > *::before{content:counter(rel);position:absolute;left:8px;top:8px;width:18px;height:18px;border-radius:2px;background:#e9eef2;color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:12px}

/* 较紧凑的页脚 */
.site-footer{border-top:1px solid #e6eaee;background:#fff;padding:14px 16px;color:var(--muted);font-size:13px}
.footer-inner{max-width:var(--max-width);margin:0 auto}

/* 响应式：手机规则（<=767px） */
@media (max-width:767px){
  :root{--max-width:640px}
  .brand-row{padding:10px}
  .site-nav{justify-content:center;gap:10px;font-size:12px}
  .headline-split{display:block}
  .headline-left{order:0}
  .headline-right{order:1;margin-top:10px}
  .article-title{font-size:20px}
  .summary{font-size:15px}
  .content-grid{display:block}
  .side-column{margin-top:14px}
  .ad{margin-left:12px;margin-right:12px}
  /* 保证在 320px 不横向滚动 */
  body{word-break:break-word}
  .info-box{font-size:13px}
  /* 侧栏折叠成自然区块：FAQ 与相关阅读依序显示 */
  .faq,.related{border-top:1px solid #eef2f4;padding-top:10px}
}

/* 桌面规则：>=1024px，满足双栏与非对称网格要求 */
@media (min-width:1024px){
  :root{--max-width:1280px}
  .headline-split{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}
  .headline-right{margin-top:6px}
  .content-grid{display:grid;grid-template-columns:7fr 5fr;gap:28px;align-items:start;margin-top:22px}
  .content-column{padding-right:8px}
  .side-column{padding-left:8px}
  .article-title{font-size:32px}
  .summary{font-size:16px}
  /* 右侧不使用常规顶部卡片风格，采用边注式平铺 */
  .info-box{border:1px solid #e2e7ea;padding:12px;background:#fbfdfe}
  .ad{margin:14px 0}
}