:root{
  --bg:#fbfaf7; /* 轻纸张底色 */
  --text:#111111;
  --muted:#666666;
  --accent:#c21a12; /* 朱红强调色 */
  --line:#e6e3df;
  --max-width:1280px; /* 在1120-1440之间，选择中位1280 */
  --gutter:24px;
  --rail-width:88px;
  --side-width:300px;
  --sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, 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;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.65;
}

a{color:var(--accent);text-decoration:none}

/* 报刊双层报头 */
.site-header{border-bottom:1px solid var(--line);background:transparent}
.header-row{display:flex;align-items:center;gap:16px;padding:18px var(--gutter)}
.header-row-top{justify-content:space-between}
.brand .home{font-weight:700;font-size:18px;color:var(--text)}
.main-nav{display:flex;gap:12px;align-items:center}
.main-nav .nav-item{color:var(--muted);padding:6px 10px;border-radius:4px;font-size:14px}
.main-nav .nav-item:hover{color:var(--text)}
.header-meta{color:var(--muted);font-size:13px}
.header-row-sub{height:6px;background:var(--line)} /* 第二层极窄 */

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

/* 页面容器与布局网格 */
.page-wrap{max-width:var(--max-width);margin:24px auto;padding:0 var(--gutter)}
.layout-grid{display:grid;grid-template-columns:var(--rail-width) 1fr var(--side-width);gap:28px;align-items:start}

/* 元信息竖列（visual_signature） */
.meta-rail{display:flex;flex-direction:column;align-items:flex-start;color:var(--muted);font-size:13px;border-right:1px solid var(--line);padding-right:12px}
.meta-rail .meta-item{writing-mode:vertical-rl;text-orientation:mixed;padding:6px 0}

/* 文章主体 */
.content-area{min-width:0}
.article-header{padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:14px}
.title{font-size:28px;margin:14px 0 8px 0;line-height:1.15;color:var(--text);font-weight:700}
.brief{color:var(--muted);font-size:15px}

.article-body{color:var(--text)}
.article-content p{margin:0 0 1em 0}
.article-content blockquote{margin:0 0 1em 0;padding-left:12px;border-left:3px solid var(--line);color:var(--muted)}

.section-title{font-size:16px;margin:22px 0 8px 0;color:var(--text);font-weight:600}

/* faq_pattern: 横线问答列表 */
.faq-list{border-top:1px solid var(--line)}
.faq-list > *{padding:14px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:15px}

/* related_pattern: 四列紧凑标题网格（桌面） */
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:8px}
.related-grid > *{font-size:14px;color:var(--text);line-height:1.3}

/* 侧栏 */
.side-column{padding-top:6px;border-left:1px solid var(--line)}
.side-box{color:var(--muted);font-size:14px}
.side-box ul{padding-left:16px;margin:8px 0}

/* 页脚 */
.site-footer{border-top:1px solid var(--line);padding:18px var(--gutter);color:var(--muted);font-size:13px}
.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between}

/* 可触控区域最小尺寸保障（mobile_contract 点击区域不小于44px） */
.main-nav .nav-item{min-height:44px;display:inline-flex;align-items:center}

/* 禁止卡片与模糊效果（forbidden_pattern） */
/* 无玻璃拟态、无阴影、无绝对悬浮卡片 */

/* 响应式：桌面规则（min-width:1024px） - 必须存在单独桌面布局 */
@media (min-width:1024px){
  :root{--max-width:1280px}
  body{font-size:16px}
  .page-wrap{margin-top:18px}
  .meta-rail{align-items:flex-end}
  /* 在桌面端，元信息沿边缘纵向排列并固定在左侧视觉轨 */
  .meta-rail{padding-top:6px;padding-bottom:6px}
  .title{font-size:34px}
  .article-content{font-size:16px}
}

/* 便于中间宽度：确保容器介于1120-1440 */
@media (min-width:1120px) and (max-width:1440px){
  .page-wrap{max-width:calc(min(1120px, 100%));}
}

/* 手机规则（max-width:767px） - 必须是独立重排 */
@media (max-width:767px){
  :root{--gutter:16px}
  .header-row {padding:10px var(--gutter)}
  .header-row-sub{height:4px}
  .main-nav{overflow:auto;white-space:nowrap;gap:8px}
  .page-wrap{padding:0 var(--gutter);margin:12px auto}
  .layout-grid{display:block}
  .meta-rail{display:flex;flex-direction:row;writing-mode:horizontal-tb;border-right:0;border-bottom:1px solid var(--line);padding:8px 0;gap:12px}
  .meta-rail .meta-item{writing-mode:horizontal-tb}
  .content-area{order:0}
  .side-column{order:2;border-left:0;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
  .related-grid{grid-template-columns:repeat(2,1fr)}
  .title{font-size:20px}
  .article-content{font-size:15px}
  .faq-list > *{padding:12px 0}
  .ad{font-size:13px;padding:8px var(--gutter)}
}

/* 中间断点：tablet */
@media (min-width:768px) and (max-width:1023px){
  .layout-grid{grid-template-columns:56px 1fr 220px;gap:20px}
  .related-grid{grid-template-columns:repeat(3,1fr)}
}