:root{
  --bg:#f6f2ea; /* 象牙白 */
  --ink:#2e2736; /* 深紫灰 */
  --muted:#6c6471;
  --accent:#3b3350; /* 深色用于强调 */
  --max-width:1300px;
  --gap:20px;
  --line-tight:1.45;
  --radius:6px;
}

/* 全局版式与字体：系统字体栈，技术资讯紧凑型 */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  font-size:16px;
  line-height:var(--line-tight);
}

a{color:inherit;text-decoration:none}
.container{max-width:clamp(1120px,80%,1440px);margin:0 auto;padding:24px}

/* 报刊双层报头 */
.site-header{padding:8px 0 18px;border-bottom:1px solid rgba(46,39,54,0.06);background:transparent}
.header-top{display:flex;justify-content:space-between;align-items:center;padding:6px 0;color:var(--muted);font-size:13px}
.nav-line{display:flex;align-items:center;gap:8px}
.home-link{font-weight:600;color:var(--accent)}
.header-main{display:flex;flex-direction:column;padding:12px 0}
.masthead-title{font-size:20px;font-weight:700;color:var(--ink);letter-spacing:0.2px}
.masthead-sub{font-size:12px;color:var(--muted);margin-top:4px}

/* 主网格：12列，文章8 / 侧栏4 */
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap);align-items:start}
.article{grid-column:1 / span 8;background:transparent;padding:8px 0}
.rail{grid-column:9 / span 4;padding-left:18px}
.rail-inner{position:sticky;top:20px}

/* 文章头：标题与摘要左右分置（桌面内体现） */
.article-head{border-bottom:1px solid rgba(46,39,54,0.06);padding-bottom:12px;margin-bottom:14px}
.title{font-size:24px;margin:6px 0 8px;line-height:1.12;color:var(--accent)}
.meta{font-size:12px;color:var(--muted);display:flex;gap:12px}
.title-summary{display:flex;gap:18px;align-items:flex-start;margin-top:12px}
.title-col{flex:2}
.summary-col{flex:1;min-width:180px}
.summary-label{font-size:12px;color:var(--muted);margin-bottom:6px}
.summary-text{font-size:14px;color:var(--ink);margin:0}

/* 正文样式：无折叠、无分页、易读 */
.content{padding:6px 0 18px;color:var(--ink);font-size:15px}
.content p{margin:0 0 12px}
.content h2, .content h3{margin:18px 0 10px;color:var(--accent)}
.content img{max-width:100%;height:auto}

/* 广告容器（独立、不覆盖） */
.ad{background:transparent;padding:10px 0;color:var(--muted);font-size:13px}
.ad-top,.ad-bottom{border-top:1px dashed rgba(46,39,54,0.06);padding-top:12px}
.ad-middle{border-top:1px dashed rgba(46,39,54,0.06);padding:14px 0;margin:18px 0}

/* FAQ 与 相关阅读 */
.section-title{font-size:15px;margin:10px 0 12px;color:var(--accent)}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.faq-list > *{background:transparent;padding:6px;border-bottom:1px solid rgba(46,39,54,0.04)}

.related-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.related-list > *{background:transparent;padding:10px;border-top:1px solid rgba(46,39,54,0.04)}

/* 侧栏简洁信息 */
.rail-block{margin-bottom:18px}
.rail-title{font-size:13px;color:var(--accent);margin-bottom:8px}
.meta-list{list-style:none;padding:0;margin:0;color:var(--muted);font-size:13px}
.meta-list li{padding:6px 0;border-top:1px solid rgba(46,39,54,0.03)}

/* 页脚宽屏索引式排版（visual_signature） */
.site-footer{border-top:1px solid rgba(46,39,54,0.06);padding:20px 0;margin-top:32px;background:transparent}
.footer-index{max-width:var(--max-width);margin:0 auto;padding:0 24px}
.footer-row{display:flex;gap:16px;align-items:center;justify-content:space-between}
.footer-col{font-size:13px;color:var(--muted)}

/* 小屏与大屏差异必须明显：
   - 在 >=1024px 下使用 12-col 网格与左右栏
   - 在 <=767px 下使用单列、侧栏下移、FAQ单列、相关阅读横向列表
*/

@media (min-width:1024px){
  body{font-size:16px}
  .container{padding:28px}
  .title{font-size:28px}
  .summary-col{padding-left:12px}
  .article{grid-column:1 / span 8}
  .rail{grid-column:9 / span 4}
  .rail-inner{position:sticky;top:28px}
  /* FAQ 两列 */
  .faq-list{grid-template-columns:1fr 1fr}
  /* 相关阅读 三列短卡（无阴影） */
  .related-list{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:767px){
  /* 手机端：单列；侧栏移到正文、FAQ之后；相关阅读横向分隔列表 */
  .container{padding:16px}
  .grid{display:block}
  .article{grid-column:auto;order:0}
  .rail{grid-column:auto;padding-left:0;order:2}
  .rail-inner{position:static}
  .title-summary{display:block}
  .summary-col{margin-top:10px}
  .title{font-size:20px}
  .meta{display:flex;flex-direction:row;gap:8px;font-size:12px}
  /* FAQ 单列 */
  .faq-list{display:block}
  .faq-list > *{padding:8px 0;border-top:1px solid rgba(46,39,54,0.04)}
  /* 相关阅读 改为横向分隔列表 */
  .related-list{display:flex;overflow:auto;gap:10px;padding-bottom:6px}
  .related-list > *{min-width:220px;flex:0 0 auto;border-top:1px solid rgba(46,39,54,0.04);padding:8px}
  /* 调整 footer 为堆叠 */
  .footer-row{flex-direction:column;align-items:flex-start;gap:6px}
}

/* 无阴影、无巨大圆角、节奏由边线和留白决定（遵守 forbidden_pattern） */