:root{
  --theme:#0b3a56; /* 藏蓝 */
  --paper:#f8f6f2; /* 纸白 */
  --text:#0d1b22;
  --muted:#6b7880;
  --max-width:1280px; /* 在1120-1440之间 */
  --gutter:24px;
  --rail-width:320px;
  --line:1px;
  font-synthesis: none;
}
/* 基本复位与排版：现代无衬线编辑风，系统字体 */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--paper);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,"Noto Sans",sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
a{color:var(--theme);text-decoration:none}
a:focus{outline:2px solid rgba(11,58,86,0.15);outline-offset:2px}
.header-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px var(--gutter);border-bottom:var(--line) solid rgba(13,27,34,0.06);background:transparent}
.site-header{background:transparent}
.site-title{position:relative;text-align:center;flex:1 1 auto}
.site-title a{font-weight:700;color:var(--text);font-size:18px}
.nav-left,.nav-right{display:flex;gap:12px;align-items:center;flex:0 0 auto}
.nav-item{color:var(--muted);font-size:14px}
.home-link{color:var(--muted);font-size:14px}

/* 主体容器与视觉标识竖线 */
.l-wrapper{position:relative;padding:28px 0}
.stage{max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter);position:relative}
/* 贯穿页面的1px主题竖线（视觉签名） */
.stage:before{
  content:"";
  position:absolute;
  top:0;bottom:0;
  left:calc(50% - var(--max-width)/2 - 12px);
  width:var(--line);
  background:var(--theme);
  opacity:0.18;
  pointer-events:none;
}

/* 12 列网格基础 */
.grid-12{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:auto;gap:28px;align-items:start}

/* Article top（标题、meta、摘要）*/
.article-top{grid-column:1 / span 8}
.page-title{margin:0 0 8px 0;color:var(--text);line-height:1.08;font-weight:800;letter-spacing:-0.01em;word-break:break-word}
/* 超大标题但尽量不超过两行：通过响应式字体与行高控制，避免裁剪 */
.page-title{font-size:clamp(28px,3.2vw,40px);max-width:100%}
.meta{font-size:13px;color:var(--muted);display:flex;gap:12px;align-items:center;margin-bottom:12px}
.summary{margin:0 0 0.75rem 0;color:var(--muted);line-height:1.7}

/* 右侧信息栏（无圆角、细分隔线、无阴影） */
.right-rail{grid-column:9 / span 4;grid-row:2;padding-left:20px;border-left:var(--line) solid rgba(13,27,34,0.06)}
.rail-inner{position:sticky;top:90px}
.rail-head{font-weight:700;color:var(--theme);margin-bottom:12px}
.rail-list{font-size:14px;color:var(--muted);margin:0}
.rail-row{display:flex;justify-content:space-between;padding:8px 0;border-top:var(--line) solid rgba(13,27,34,0.04)}
.rail-row dt{color:var(--muted);font-size:13px}
.rail-row dd{margin:0;color:var(--text);font-size:13px}

/* 文章正文区 */
.article-body{grid-column:1 / span 8;grid-row:2}
.content{background:transparent;color:var(--text);font-size:16px}
.content p{margin:0 0 1rem 0}

/* 广告容器独立，不能与正文段落混排 */
.ad{border-top:var(--line) solid rgba(13,27,34,0.06);padding:14px 0;margin:18px 0;background:transparent;color:var(--muted);font-size:14px}
.ad-top{margin-bottom:20px}
.ad-middle{margin:20px 0}
.ad-bottom{margin-top:28px}

/* FAQ：主题色顶部边线 */
.faq{margin-top:20px;padding-top:16px;border-top:4px solid var(--theme)}
.faq-title{margin:0 0 12px 0;font-size:18px;font-weight:700}
.faq-content{color:var(--muted);font-size:15px}

/* 相关阅读：带日期的分隔线列表 */
.related{margin-top:22px}
.related-title{font-size:16px;margin:0 0 10px 0;font-weight:700}
.related-list{display:block;border-top:var(--line) solid rgba(13,27,34,0.06)}
.related-list > *{display:block;padding:12px 0;border-bottom:var(--line) solid rgba(13,27,34,0.06)}
.related-list time{color:var(--muted);font-size:13px;margin-left:10px}

/* 页脚 */
.site-footer{border-top:var(--line) solid rgba(13,27,34,0.06);padding:18px 0;margin-top:32px;background:transparent}
.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter);color:var(--muted);font-size:13px}

/* 桌面规则：@media (min-width: 1024px) */
@media (min-width:1024px){
  :root{--max-width:1280px}
  .header-inner{padding:20px 32px}
  .grid-12{gap:32px}
  .site-title a{font-size:20px}
  /* 保证主区在1120—1440之间 */
  .stage{max-width:var(--max-width)}
  /* 确保标题横跨文章列（8列），侧栏从摘要下方开始（aside 在 grid-row:2） */
  .article-top{grid-column:1 / span 8;grid-row:1}
  .article-body{grid-column:1 / span 8;grid-row:2}
  .right-rail{grid-column:9 / span 4;grid-row:2}
  /* 侧边栏仅在桌面出现为右侧信息栏（stick） */
  .rail-inner{position:sticky;top:100px}
}

/* 手机规则：@media (max-width: 767px) 单列，侧栏移到正文、FAQ之后，相关推荐改为横向分隔列表 */
@media (max-width:767px){
  :root{--max-width:680px}
  .header-inner{padding:12px 16px}
  .stage{padding:0 12px}
  .grid-12{display:block}
  .article-top{grid-column:auto;padding:0}
  .article-body{grid-column:auto;padding:0}
  .right-rail{grid-column:auto;padding:0;border-left:none;border-top:var(--line) solid rgba(13,27,34,0.06);margin-top:18px}
  .rail-inner{position:static;top:auto}
  /* 按合同：侧栏移到正文、FAQ之后（DOM 顺序在桌面靠右，通过样式在移动端自然顺序显示在后面） */
  /* 相关阅读改为横向分隔列表 */
  .related-list{display:flex;flex-direction:row;overflow:auto;gap:12px;padding:8px 0}
  .related-list > *{min-width:160px;flex:0 0 auto;border-bottom:none;border-right:var(--line) solid rgba(13,27,34,0.06);padding-right:12px}
  .related-list time{display:block;margin-top:6px;color:var(--muted)}
  .page-title{font-size:22px}
  .content{font-size:15px}
  .ad{font-size:13px}
  /* 防止横向滚动：元素宽度自适应 */
  img,iframe,video{max-width:100%;height:auto}
}

/* 无法出现深色科技仪表盘风格（forbidden_pattern）——确保色调为藏蓝/纸白，信息密度舒展 */
/* 禁止大圆角、阴影等 */
*{border-radius:0}

/* 无动画、无浮层、无绝对遮挡元素 */