:root{
  --bg:#ffffff;
  --text:#111111;
  --muted:#666666;
  --accent:#b30000; /* 朱红强调色 */
  --line:rgba(0,0,0,0.08);
  --container-max:1440px;
  --container-min:1120px;
  --gap:20px;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

/* 全局基础 */
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.55;font-size:16px}
.site-wrap{padding:24px 12px}
.container{display:block}

/* 广告容器样式（不悬浮、不覆盖） */
.ad{border:1px solid var(--line);padding:10px 14px;margin:10px 0;color:var(--muted);font-size:14px;background:transparent}
.ad-top,.ad-middle,.ad-bottom{background:rgba(179,0,0,0.03)}

/* 网格：桌面 3:9 左侧索引与右侧正文 */
@media (min-width:1024px){
  .site-wrap{padding:36px}
  .container{display:grid;grid-template-columns:3fr 9fr;gap:32px;max-width:var(--container-max);min-width:var(--container-min);width:min(94%,1200px);margin:0 auto}
  .left-rail{border-right:1px solid var(--line);padding-right:20px}
  .article-col{padding-left:20px}
}

/* 左侧竖向栏目索引（直角与细线） */
.left-rail{padding-bottom:10px}
.brand{padding:6px 0}
.site-name{font-weight:700;font-size:18px}
.site-slogan{font-size:12px;color:var(--muted);margin-top:6px}
.index-nav ul{list-style:none;padding:12px 0;margin:0;display:flex;flex-direction:column;gap:8px}
.index-nav li{font-size:14px;color:var(--text);padding:4px 0}
.rail-meta{margin-top:12px;font-size:13px;color:var(--muted)}
.rail-meta .meta-item{padding:6px 0;border-top:1px solid var(--line)}
.rail-meta .meta-item span{color:var(--text)}

/* 文章区 */
.article{background:transparent}
.article-header{padding:6px 0 14px}
h1{font-size:26px;margin:0 0 8px;font-weight:700;letter-spacing:0.2px}
.title-line{height:2px;background:linear-gradient(90deg,var(--text) 0%,rgba(0,0,0,0.12) 70%);width:160px;margin:10px 0}
.article-meta{font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center}
.article-meta .now{color:var(--muted)}
.summary{margin:14px 0;color:var(--muted);font-size:15px}

/* 紧凑密集的排版（density: 紧凑） */
.article-body{font-size:16px;color:var(--text);line-height:1.6}
.article-body p{margin:0 0 12px}
.article-body h2,.article-body h3{margin:18px 0 8px}
.article-body ul{margin:0 0 12px 18px}

/* FAQ：主题色顶部边线 */
.faq{margin-top:22px;padding-top:14px}
.faq-inner{border-top:3px solid var(--accent);padding-top:12px}
.faq .question{font-weight:600;margin:12px 0}
.faq .answer{color:var(--muted);margin:6px 0 12px}

/* 相关阅读：带日期的分隔线列表 */
.related{margin-top:20px}
.related-title{font-size:15px;margin:0 0 8px}
.related-list{border-top:1px solid var(--line)}
.related-list > *{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}
.related-list time{color:var(--muted);font-size:13px}

/* 页脚 */
.page-footer{margin-top:22px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}

/* 手机端：独立重排（左栏变成标题下方的紧凑信息带，正文随后完整显示） */
@media (max-width:767px){
  .site-wrap{padding:14px}
  .container{display:block}
  .left-rail{display:none} /* 桌面左栏隐藏，使用紧凑信息带替代 */
  .article-col{padding:0}
  h1{font-size:20px}
  .title-line{width:96px}
  .compact-rail{display:block;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}
  .compact-row{display:flex;justify-content:flex-start;gap:10px;padding:6px 0;font-size:13px;color:var(--muted)}
  .compact-key{min-width:64px;color:var(--muted)}
  .compact-val{color:var(--text)}
  .ad{font-size:13px}
  .related-list > *{flex-direction:column;align-items:flex-start}
}

/* 中间断点 768-1023 采用紧凑平衡 */
@media (min-width:768px) and (max-width:1023px){
  .container{width:92%;max-width:1000px;margin:0 auto}
  .left-rail{display:block;padding-bottom:12px;border-right:1px solid var(--line)}
  .compact-rail{display:none}
}

/* 无大型圆角、无阴影，保持直角和细线 */
* {border-radius:0}

/* 无聚合动画、无字体替换，仅系统字体 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}