:root{
  --bg:#f7f3ea; /* 纸白 */
  --accent:#0a2b4a; /* 藏蓝 */
  --muted:#6b6b6b;
  --text:#121212;
  --gap:24px;
  --max-width:1350px;
  --rail-width:72px;
  --related-width:320px;
  --radius:6px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

/* 全局重置与基准 */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
  font-size:16px;
}
.stage{
  margin:0 auto;
  padding:20px;
  display:grid;
  grid-template-columns:1fr;
  gap:var(--gap);
  max-width:calc(var(--max-width) + var(--rail-width));
}

/* 左侧纵向刊头（仅桌面可见） */
.nav-rail{
  display:none; /* 默认移动隐藏 */
}
.nav-rail .site{
  color:var(--accent);
  font-weight:700;
  text-decoration:none;
}
.nav-rail .rail-note{font-size:12px;color:var(--muted);margin-top:8px}

/* 弱化页头，仅小路径与广告位 */
.mild-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  color:var(--muted);
  font-size:13px;
}
.mild-header .ad-top{min-height:38px}

/* 主体网格：将在桌面模式下变为三栏 */
.content-grid{
  display:block;
}

/* 元信息竖列视觉签名 */
.meta-rail{display:none}
.meta-rail .meta-stack{writing-mode:vertical-rl;text-orientation:mixed;color:var(--muted);font-size:13px}

/* 文章 */
.article{background:transparent;padding:0}
.article .eyebrow{
  display:inline-block;color:var(--accent);font-weight:600;font-size:13px;margin-bottom:6px
}
.article h1{
  margin:6px 0 8px 0;font-size:28px;line-height:1.18;font-weight:700;color:var(--accent)
}
.meta-inline{color:var(--muted);font-size:13px;margin-bottom:10px}
.summary{background:transparent;color:var(--muted);margin:0 0 18px 0}
.content{font-size:16px;color:var(--text)}
.content > *:first-child{margin-top:0}
.content > *:last-child{margin-bottom:0}

.ad-middle,.ad-bottom{margin:22px 0;min-height:48px}

.faq h2{font-size:18px;margin:18px 0 10px 0;color:var(--accent)}
.faq-body{font-size:15px;color:var(--text)}

.related{display:none}
.related h3{font-size:15px;color:var(--accent);margin:0 0 10px 0}
.related-list{font-size:14px;color:var(--muted)}
.related-list a{color:var(--accent);text-decoration:none}

.page-foot{font-size:13px;color:var(--muted);padding:18px 0;text-align:center}

/* 桌面规则：明确的三栏、非对称网格、元信息竖列，容器宽度 1120px—1440px */
@media (min-width:1024px){
  .stage{
    grid-template-columns: auto 1fr; /* 刊头 + 主体 */
    align-items:start;
    gap:28px;
    padding:28px;
  }
  .nav-rail{
    display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-top:6px;width:var(--rail-width);
    color:var(--accent);font-weight:700
  }

  .mild-header{grid-column:2 / 3}

  .content-grid{
    display:grid;
    grid-template-columns: var(--rail-width) 1fr var(--related-width);
    gap:28px;align-items:start;min-width:1120px;max-width:1440px;margin:0 auto;width:100%;
  }

  .meta-rail{display:flex;align-items:flex-start;}
  .meta-rail .meta-stack{font-size:13px;color:var(--muted)}

  /* 正文为宽栏，相关阅读为窄栏（宽窄交替） */
  .article{padding-right:6px}
  .related{display:block}

  /* FAQ 在桌面下占用窄一些的视觉密度，与正文形成宽窄节奏 */
  .faq{border-top:1px solid rgba(10,43,74,0.06);padding-top:12px;margin-top:18px}
}

/* 手机规则：320px 时无横向滚动、紧凑布局、刊头收起 */
@media (max-width:767px){
  :root{font-size:15px}
  .stage{padding:14px}
  .nav-rail{display:none}
  .mild-header{display:flex;justify-content:flex-start;gap:12px;font-size:14px}
  .mild-header .path{color:var(--muted)}
  .mild-header .ad-top{display:none} /* 移动端可在必要时由运营决定展示 */

  .content-grid{display:block}
  .meta-rail{display:none}

  .article h1{font-size:20px;margin-top:8px}
  .article .eyebrow{display:block;margin-bottom:6px}
  .meta-inline{display:block;margin-bottom:8px}
  .summary{margin-bottom:12px}

  .content{font-size:15px}
  .ad-middle{margin:18px 0}
  .related{display:block;margin-top:18px}
  .related-list{display:flex;flex-wrap:wrap;gap:8px}
  .related-list a{padding:6px 8px;background:transparent;border:1px solid rgba(10,43,74,0.06);border-radius:4px;color:var(--accent);font-size:13px}

  /* 保证在 320px 下无水平滚动 */
  html,body{overflow-x:hidden}
}

/* 无大圆角、无玻璃拟态、无悬浮卡片，保持编辑部式简洁风格 */