:root{
  --bg: #fffaf0; /* 象牙白 */
  --ink: #2e2a36; /* 深紫灰 */
  --muted: #6b6570;
  --accent: #4b4250;
  --max-width: 1200px; /* 在1120-1440范围内，此处取中值 */
  --gutter: 28px;
  --baseline: 6px; /* 双层基线网格单位的细分 */
  --line-height-mult: 2; /* 与基线配合 */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "Microsoft Yahei", sans-serif;
  color-scheme: light;
}
/* 全局版面 */
html,body{height:100%;margin:0;background:var(--bg);color:var(--ink);}
.page-wrapper{max-width:var(--max-width);margin:22px auto;padding:0 var(--gutter);box-sizing:border-box;}
.site-header{display:flex;align-items:center;gap:16px;padding:12px var(--gutter);border-bottom:1px solid rgba(46,42,54,0.06);background:transparent}
.brand{font-weight:700;color:var(--accent);font-size:18px}
.brand .home{text-decoration:none;color:inherit}
.index-bar{margin-left:8px;display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px}
.index-bar a{color:var(--muted);text-decoration:none}
.index-bar span{opacity:0.95}
.ad{padding:10px 0;text-align:center;color:var(--muted);font-size:13px}
.ad-top,.ad-middle,.ad-bottom{background:transparent}

/* split headline */
.split-head{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;padding:20px 0}
.title{margin:0;color:var(--ink);font-size:30px;line-height:1.08;font-weight:800;letter-spacing:-0.01em;max-height:calc(1.08em * 2.1);overflow:hidden}
.meta-row{margin-top:10px;color:var(--muted);font-size:13px}
.split-right .summary{margin:0;color:var(--muted);font-size:15px;line-height:1.6}

/* Article grid 7/5 */
.article-grid{display:grid;grid-template-columns:7fr 5fr;gap:28px;align-items:start}
.content-main{min-width:0}
.article-body{background:transparent;padding:6px 0;line-height:1.8;font-size:16px;color:var(--ink);}
/* 双层基线网格视觉特征：细线条背景与严格基线高度 */
.article-body{
  background-image:repeating-linear-gradient(to bottom, rgba(75,66,80,0.03) 0px, rgba(75,66,80,0.03) var(--baseline), transparent var(--baseline), transparent calc(var(--baseline) * var(--line-height-mult)));
  background-size:100% calc(var(--baseline) * var(--line-height-mult));
  padding:14px 6px;
}
.article-body .lead-inline{display:none}
.content-html p{margin:0 0 16px 0}
.content-html h2{margin:20px 0 12px;font-size:18px}

/* 侧栏 FAQ 与相关阅读 - 横线问答列表与带日期分隔线列表 */
.side-info{padding-top:2px}
.section-title{font-size:14px;margin:0 0 10px;color:var(--accent);font-weight:600}
.faq-content hr{border:none;border-top:1px solid rgba(46,42,54,0.06);margin:12px 0}
.faq-content p{margin:8px 0;color:var(--muted)}
.related-list{display:flex;flex-direction:column;gap:10px}
.related-list > *{padding:8px 0;border-top:1px dashed rgba(46,42,54,0.06);font-size:14px;color:var(--muted)}
.related-list time{display:block;color:var(--muted);font-size:12px;margin-top:4px}

/* 小屏辅助样式 */
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.site-footer{padding:20px var(--gutter);text-align:center;color:var(--muted);font-size:13px}

/* 桌面专属：1024px 以上的差异化结构 */
@media (min-width:1024px){
  .page-wrapper{max-width:1240px;padding:0 36px}
  .split-head{padding:28px 0;grid-template-columns:1fr 1fr}
  .title{font-size:40px;line-height:1.02;}
  .split-right .summary{font-size:16px;padding-left:10px;border-left:2px solid rgba(75,66,80,0.06);margin-left:10px}
  .article-grid{grid-template-columns:7fr 5fr;gap:36px}
  .article-body{padding:18px 12px}
  .content-html{font-size:17px}
  /* 桌面端独有的边注效果（视觉差异示例） */
  .side-info{position:relative;padding-left:14px;border-left:1px solid rgba(46,42,54,0.04)}
  .ad-middle{margin:22px 0}
}

/* 手机专属重排：320px 起不得横向滚动，标题与摘要上下排列，侧栏下移 */
@media (max-width:767px){
  :root{--gutter:16px}
  .page-wrapper{padding:0 16px}
  .split-head{display:block}
  .split-left{margin-bottom:10px}
  .split-right{margin-bottom:6px}
  .title{font-size:20px;line-height:1.12}
  .meta-row{font-size:12px}
  .article-grid{display:block}
  .side-info{margin-top:18px;border-left:none;padding-left:0}
  .article-body{padding:10px 0;background-image:repeating-linear-gradient(to bottom, rgba(75,66,80,0.02) 0px, rgba(75,66,80,0.02) var(--baseline), transparent var(--baseline), transparent calc(var(--baseline) * var(--line-height-mult)))}
  .content-html{font-size:15px}
  .ad{font-size:12px}
}

/* 防止长字串导致溢出 */
*{box-sizing:border-box}
.content-html, .faq-content, .related-list{word-wrap:break-word;word-break:break-word}