:root{
  --paper:#FAF7EE;              /* 纸白 */
  --navy:#0b2b45;               /* 藏蓝 */
  --muted:#6b7280;
  --line:var(--navy);
  --content-width:1200px;
  --gap:28px;
  --sans: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  --serif: Georgia, "Times New Roman", serif;
}

/* 基本复位与结构 */
*{box-sizing:border-box}
html,body{height:100%;}
body{
  margin:0;
  background:var(--paper);
  color:#111;
  font-family:var(--sans);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.5;
  font-size:16px;
}

a{color:inherit;text-decoration:none}

.site-header{
  border-bottom:1px solid rgba(11,43,69,0.12);
  padding:10px 16px;
  background:transparent;
}
.header-row{display:flex;align-items:center;gap:12px;justify-content:space-between;max-width:var(--content-width);margin:0 auto}
.brand a{font-weight:700;color:var(--navy);font-family:var(--serif);font-size:18px}
.top-nav{display:flex;align-items:center;gap:12px;flex:1;justify-content:center;font-size:14px;color:var(--muted)}
.top-nav .nav-item{color:var(--muted)}
.top-nav .nav-center{font-weight:600;color:var(--navy);font-family:var(--serif)}

.ad-slot{max-width:var(--content-width);margin:10px auto 0;padding:6px 0;text-align:center;color:var(--muted);font-size:13px}
.ad-slot[aria-hidden="true"]{opacity:0.95}

.page-wrap{padding:18px 16px}
.edition{max-width:var(--content-width);margin:0 auto}
.article-header{padding:8px 0 16px;border-bottom:1px solid rgba(11,43,69,0.06)}

/* 标题与摘要构图：标题居中，摘要左对齐（在桌面端） */
.article-title{
  margin:18px 0 8px;
  font-family:var(--serif);
  color:var(--navy);
  font-size:28px;
  line-height:1.15;
  text-align:center; /* 默认居中，mobile override */
}
.article-lede{
  margin:0 0 12px;
  color:var(--muted);
  text-align:left;
  font-size:15px;
}
.meta-row{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:13px}
.meta-item{white-space:nowrap}
.keywords{margin-left:auto}

/* 网格：中轴线与左右列 */
.layout-grid{display:block;margin-top:18px}
.main-column{min-height:220px}
.side-column{display:none}
.article-body{font-size:16px;color:#111;word-wrap:break-word}
.article-body p{margin:0 0 1em}

.section-title{font-family:var(--serif);color:var(--navy);font-size:18px;margin:18px 0 10px}

/* 相关与FAQ样式 */
.faq-list details{border-top:1px solid rgba(11,43,69,0.06);padding:10px 0}
.faq-list summary{cursor:pointer;font-weight:600}
.related-list{border-top:1px solid rgba(11,43,69,0.06)}
.related-list > *{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(11,43,69,0.04);font-size:14px}
.related-list time{color:var(--muted);font-size:13px}

.site-footer{border-top:1px solid rgba(11,43,69,0.06);padding:14px 16px;margin-top:28px}
.footer-row{max-width:var(--content-width);margin:0 auto;color:var(--muted);font-size:13px}

/* 视觉识别：贯穿页面的1px主题竖线（中轴线） */
.container-centerline{position:relative}

/* 桌面规则（必须包含） */
@media (min-width:1024px){
  body{font-size:16px}
  .page-wrap{padding:28px}
  .edition{min-width:1120px;max-width:var(--content-width)} /* 保持在 1120px—1440px 区间内的实践（以1200为中位值） */

  /* 中轴式编辑部网格：主列与注释栏，从中轴向两侧展开，克制对称 */
  .layout-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--gap);align-items:start;position:relative;padding:28px 0}

  /* 中轴竖线：1px 主题竖线 */
  .edition::before{
    content:"";
    position:absolute;
    left:50%;
    top:0;
    bottom:0;
    width:1px;
    background:var(--line);
    opacity:0.16;
    transform:translateX(-0.5px);
    pointer-events:none;
  }

  /* 标题在中轴之上居中，但正文在中轴左侧为主列 */
  .article-title{font-size:34px;max-width:780px;margin-left:auto;margin-right:auto}
  .article-lede{max-width:780px}

  .main-column{padding-right:28px}
  .side-column{display:block;padding-left:28px;border-left:1px solid rgba(11,43,69,0.04)}
  .side-heading{font-family:var(--serif);color:var(--navy);font-size:14px;margin:0 0 8px}

  /* 相关项风格：带日期的分隔线列表 */
  .related-list > *{align-items:center}

  /* 侧边与主列信息区的密度较紧凑 */
  .article-body{font-size:17px;line-height:1.55}
}

/* 手机规则（必须包含） */
@media (max-width:767px){
  :root{--gap:16px}
  .header-row{flex-direction:column;align-items:flex-start}
  .top-nav{justify-content:flex-start;font-size:13px;margin-top:6px}
  .ad-slot{margin:8px 0}

  .edition{max-width:100%;padding:0}
  .article-title{font-size:20px;text-align:left;margin-top:6px}
  .article-lede{text-align:left;font-size:14px}
  .meta-row{display:flex;flex-direction:column;gap:6px}
  .meta-item{white-space:normal}
  .keywords{margin-left:0}

  /* 单列左对齐，解除中轴布局 */
  .layout-grid{display:block}
  .main-column{width:100%}
  .side-column{display:block;border-left:none;padding-left:0;margin-top:12px}
  .edition::before{display:none}

  .article-body{font-size:15px}
  .related-list > *{padding:8px 0}
}

/* 中间分隔与细节（全局细分隔线、无圆角、无阴影） */
h1,h2,h3,p,ul,ol,li{margin:0}
section{margin-top:18px}
button{border:0;background:transparent}

/* 可访问性提示：避免颜色对比过低 */
.article-title,.nav-center{color:var(--navy)}

/* 避免大圆角与阴影（surface契约） */
*{border-radius:0}

/* 保持轻量与稳定：不使用外部资源或脚本 */