/* 样式遵循“简洁阅读型 / borderless-briefing” 设计蓝图 */
:root{
  --bg:#ffffff;
  --text:#111213;
  --muted:#6b6f73;
  --accent:#b71c1c; /* 朱红强调色 */
  --max-viewport-width:1320px; /* 置于 1120-1440 范围内 */
  --container-min:1120px;
  --container-max:1440px;
  --line-height:1.65;
  --title-line-height:1.08;
  --gap:20px;
}
*{box-sizing:border-box}
html,body{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;margin:0}
.wrap{width:90%;max-width:var(--max-viewport-width);margin:0 auto}
.site-header{border-bottom:1px solid rgba(0,0,0,0.06);padding:12px 0;background:transparent}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between}
.brand .home-link{font-weight:700;color:var(--text);text-decoration:none}
.index-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:18px;align-items:center}
.index-nav a{color:var(--muted);text-decoration:none;font-size:14px}
.index-nav span{color:var(--muted);font-size:14px}
.ad-container{max-width:var(--max-viewport-width);margin:18px auto;padding:10px 14px;color:var(--muted);font-size:13px;border-top:1px dashed rgba(0,0,0,0.04);border-bottom:1px dashed rgba(0,0,0,0.04)}
.page{display:block;padding:28px 0}
/* Desktop grid (10/2) 在大屏形成非对称网格 */
.page-inner{margin:0 auto;display:grid;grid-template-columns:1fr;gap:var(--gap);width:clamp(var(--container-min),90%,var(--container-max))}
.article{order:1}
.aside{order:2}
/* 标题排版：紧凑标题 + 眉题 */
.eyebrow{font-size:13px;color:var(--muted);letter-spacing:0.02em;margin-bottom:6px}
.title{font-size:28px;line-height:var(--title-line-height);margin:0 0 8px 0;font-weight:800}
.title::first-letter{color:var(--accent)} /* visual_signature：首字强调 */
.meta{font-size:13px;color:var(--muted);display:flex;gap:12px;align-items:center;margin-bottom:12px}
.summary{margin:0 0 14px 0;color:var(--muted);font-size:15px}
.section-sep{border:none;height:1px;background:rgba(0,0,0,0.06);margin:12px 0}
.article-body .content{font-size:17px;line-height:var(--line-height);color:var(--text)}
.faq{margin-top:22px}
.faq-title{font-size:16px;margin:0 0 8px 0;color:var(--text)}
.faq-list{list-style:none;padding:0;margin:0}
.faq-list > li{padding:12px 0;border-top:1px solid rgba(0,0,0,0.06);font-size:15px;color:var(--text)}
.related{margin-top:20px}
.related h3{font-size:15px;margin:0 0 12px 0}
.related-grid{display:grid;grid-template-columns:1fr;gap:12px}
.related-grid > *{padding:10px 0;border-top:1px solid rgba(0,0,0,0.04);font-size:15px}
/* 侧栏（边注）风格：简洁，无卡片，仅信息块 */
.aside-inner{padding-left:12px;border-left:1px solid rgba(0,0,0,0.03)}
.aside-block{margin-bottom:14px}
.aside-block strong{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}
.aside-kw{font-size:14px;color:var(--text)}
.site-footer{border-top:1px solid rgba(0,0,0,0.06);padding:18px 0;margin-top:26px}
.site-footer .wrap{font-size:13px;color:var(--muted)}
/* 可访问性辅助隐藏 */
.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: 至少 1024px 生效的明显结构差异（10/2 网格） */
@media (min-width:1024px){
  .page-inner{display:grid;grid-template-columns:10fr 2fr;gap:36px;align-items:start}
  .article{padding-right:6px}
  .title{font-size:34px}
  .related-grid{grid-template-columns:repeat(2,1fr)} /* related_pattern 两列摘要 */
  /* 在桌面展示边注为侧栏，信息与正文并列，形成非对称网格 */
  .aside{padding-left:18px}
}

/* Mobile rules: 320-767px 必须独立重排，边注并入标题下方，取消固定宽度 */
@media (max-width:767px){
  :root{--gap:14px}
  .wrap{width:94%}
  .page-inner{grid-template-columns:1fr;width:100%}
  .article{order:1}
  .aside{order:2;padding:0;border-left:0}
  /* 将边注移入文章流，紧接标题下方（mobile_contract） */
  .aside-inner{padding:0;border-left:0;margin:10px 0}
  .title{font-size:20px;line-height:1.12}
  .eyebrow{font-size:12px}
  .summary{font-size:14px}
  .article-body .content{font-size:16px}
  .related-grid{grid-template-columns:1fr} /* 手机单列以保持可读性 */
  .ad-container{margin:12px 4px}
  /* 确保 320px 时不横向滚动 */
  body{word-break:break-word;-webkit-text-size-adjust:100%}
}

/* 中间断点样式保持整洁 */
@media (min-width:768px) and (max-width:1023px){
  .page-inner{width:92%;max-width:1200px;margin:0 auto}
  .title{font-size:26px}
  .related-grid{grid-template-columns:repeat(2,1fr)}
}

/* 小调整：避免重的视觉装饰，禁止大圆角/阴影 */
a{color:var(--accent)}
button,input,textarea{font-family:inherit}