:root{
  --bg:#ffffff;
  --text:#111111;
  --muted:#666666;
  --rule:#e6e6e6;
  --accent:#b30000; /* 朱红强调 */
  --max-width:1200px; /* 在1120-1440间，取1200 */
  --gap:28px;
  --serif: Georgia, "Times New Roman", serif;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* 基础重置与排版 */
*{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased}
.container{max-width:var(--max-width);margin:32px auto;padding:0 20px}
.header-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--rule)}
.site-title{font-weight:700;text-decoration:none;color:var(--text);font-family:var(--serif);font-size:20px;letter-spacing:0.02em}
.nav-left,.nav-right{color:var(--muted);font-size:13px;display:flex;gap:8px;align-items:center}
.nav-sep{color:var(--rule)}
.nav-item{opacity:0.95}

/* 顶部广告条 */
.top-strip{max-width:var(--max-width);margin:12px auto;padding:0 20px}
.ad{border:1px solid var(--rule);padding:10px 12px;color:var(--muted);font-size:13px;background:transparent}
.ad-top{background:transparent}
.ad-middle{margin:22px 0}
.ad-bottom{margin-top:22px}

/* Article grid (desktop: 10/2) */
.layout-grid{display:grid;grid-template-columns:1fr;gap:var(--gap);align-items:start}
.article-head{grid-column:1 / -1}
.article-title{margin:6px 0 10px 0;text-align:center;font-family:var(--serif);font-size:28px;line-height:1.15;font-weight:700;color:var(--text)}
/* visual signature: 标题首字强调色 */
.article-title::first-letter{color:var(--accent);}
.article-meta{display:flex;justify-content:center;color:var(--muted);font-size:13px;margin-bottom:8px}
.article-meta .meta-left{display:flex;gap:8px;align-items:center}
.summary{max-width:100%;margin:0 auto 18px auto;text-align:left;color:var(--muted);font-size:15px;padding:0 6px}

.article-body{grid-column:1 / -1}
.content{font-size:16px;color:var(--text);font-family:var(--sans)}
.content p{margin:0 0 14px}

.faq-section{margin-top:22px}
.faq-list > *{padding:12px 0;border-top:1px solid var(--rule)}
.faq-list > *:first-child{border-top:0}
/* 横线问答列表风格要求：faq_pattern */
.faq-list .question{font-weight:600;color:var(--text)}
.faq-list .answer{color:var(--muted);margin-top:6px}

.related-section{margin-top:20px}
.related-title{font-size:14px;margin:0 0 8px 0;color:var(--muted)}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.related-grid > *{font-size:14px;color:var(--text);line-height:1.4}

.side-rail{display:none}

.site-footer{border-top:1px solid var(--rule);margin-top:32px;padding:18px 20px;color:var(--muted);font-size:13px}
.footer-inner{max-width:var(--max-width);margin:0 auto}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Desktop rules */
@media (min-width:1024px){
  .layout-grid{grid-template-columns:10fr 2fr;grid-auto-rows:auto}
  .article-head{grid-column:1 / 2}
  .article-body{grid-column:1 / 2}
  .side-rail{display:block;grid-column:2 / 3;border-left:1px solid var(--rule);padding-left:20px}
  .side-rail .rail-inner{position:sticky;top:88px}

  .article-title{font-size:36px}
  .summary{max-width:820px}

  /* 相关阅读四列紧凑标题网格（桌面） */
  .related-grid{grid-template-columns:repeat(4,1fr);gap:12px}
  .related-grid > *{font-size:13px}

  .container{padding:0}
}

/* Mobile rules */
@media (max-width:767px){
  .header-inner{padding:10px 14px}
  .site-title{font-size:18px}
  .container{margin:18px auto;padding:0 12px}

  /* 恢复自然重排：边注并入标题下方 */
  .layout-grid{grid-template-columns:1fr;gap:18px}
  .side-rail{display:block;grid-column:1 / -1;border-top:1px solid var(--rule);padding-top:12px;padding-left:0}
  .side-rail .rail-inner{position:static}

  .article-title{text-align:center;font-size:20px}
  .summary{text-align:left;font-size:14px}

  /* 相关阅读在移动端为两列或单列，避免过挤 */
  .related-grid{grid-template-columns:repeat(2,1fr);gap:10px}

  /* 确保 320px 下无横向滚动 */
  html,body{overflow-x:hidden}
  .content, .summary, .article-title{word-break:break-word}
}

/* 细节：无圆角、无阴影、细分隔线，舒展的留白 */
h1,h2,h3,h4{margin:0}
a{color:var(--accent);text-decoration:none}