:root{
  --max-width:1280px; /* 中央容器在1120-1440之间，取中间值1280 */
  --gutter:28px;
  --accent:#b22222; /* 朱红强调 */
  --text:#111;
  --muted:#666;
  --border:rgba(17,17,17,0.08);
  --radius:2px; /* surface 2px小圆角 */
  --title-line-height:1.02;
  --base-line-height:1.9rem; /* 用于双层基线网格 */
}

/* 全局版式 */
*{box-sizing:border-box}
html,body{height:100%;background:#fff;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Segoe UI,Roboto,Arial,"Noto Sans CJK SC",sans-serif;margin:0}
.layout-root{display:flex;min-height:100vh}

/* 左侧纵向刊头（navigation_mode） */
.side-nav{
  width:220px;flex:0 0 220px;border-right:1px solid var(--border);padding:28px 20px;display:flex;flex-direction:column;gap:18px;background:#fff}
.side-nav .brand{font-size:14px;line-height:1.1;color:var(--text)}
.side-nav .home{font-weight:700;color:var(--text);text-decoration:none}
.side-nav .sig{margin-top:6px;color:var(--muted);font-size:13px}
.side-nav .index-list ul{list-style:none;padding:0;margin:8px 0 0 0;display:flex;flex-direction:column;gap:10px}
.side-nav .index-list li{font-size:14px;color:var(--muted)}

/* 中央区：报头与正文容器 */
.center-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px}
.page-top{width:100%;max-width:var(--max-width);display:flex;justify-content:space-between;align-items:center;padding:8px 0}
.masthead{display:flex;flex-direction:column}
.masthead-label{font-size:13px;color:var(--muted)}
.masthead-sub{font-size:12px;color:var(--muted)}
.ad{border:1px solid var(--border);border-radius:var(--radius);padding:10px;font-size:13px;color:var(--muted);background:transparent}

/* 编辑部式组合：中轴标题、主列与注释栏（desktop_contract） */
.edition-container{width:100%;max-width:var(--max-width);padding:18px 0}
.article{display:block}
.title{margin:8px 0 6px 0;font-family:Georgia,Times,"Times New Roman",serif;font-weight:700;color:var(--text);font-size:44px;line-height:var(--title-line-height);text-align:center}
.meta{display:flex;justify-content:center;gap:20px;color:var(--muted);font-size:13px;margin-bottom:8px}
.summary{max-width:860px;margin:0 auto 18px auto;color:var(--muted);font-size:16px}

/* 内容与注释栏按中轴展开（正文区用双层基线网格感） */
.content-frame{display:grid;grid-template-columns:1fr 320px;gap:36px;align-items:start}
.content-main{min-width:0}
.content{line-height:1.9rem;color:var(--text);font-size:17px;letter-spacing:0.01em;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(to bottom, transparent 0  calc(var(--base-line-height) - 1px), rgba(0,0,0,0.03) calc(var(--base-line-height) - 1px) calc(var(--base-line-height) - 0.5px), transparent calc(var(--base-line-height) - 0.5px) calc(var(--base-line-height))) , linear-gradient(to bottom, transparent 0 calc(var(--base-line-height)*2 - 2px), rgba(0,0,0,0.01) calc(var(--base-line-height)*2 - 2px) calc(var(--base-line-height)*2 - 1px));
background-size:100% calc(var(--base-line-height));
}
/* 上面用两层微弱线条营造双层基线网格感 */

.annotate{display:flex;flex-direction:column;gap:12px}
.note-surface{padding:10px;border-radius:var(--radius);border:1px solid var(--border);background:transparent;font-size:14px;color:var(--muted)}
.note-tips{font-size:13px}

/* 广告容器边界样式（不得悬浮、黏底等） */
.ad-top{margin-left:0}
.ad-middle{margin:22px 0}
.ad-bottom{margin-top:20px}

.section-title{font-family:Georgia,Times,"Times New Roman",serif;font-size:20px;color:var(--text);margin:18px 0 10px 0}

/* FAQ 两列（faq_pattern） */
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.faq-list > *{padding:12px;border-radius:var(--radius);border:1px solid var(--border);background:transparent}

/* 相关阅读 两列摘要列表（related_pattern） */
.related-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.related-list a{display:block;text-decoration:none;color:var(--text);padding:10px;border-radius:var(--radius);border:1px solid var(--border)}
.related-list a .r-title{font-weight:600}
.related-list a .r-desc{display:block;color:var(--muted);font-size:13px;margin-top:6px}

.page-foot{width:100%;max-width:var(--max-width);padding:18px 0;color:var(--muted);font-size:13px}

/* 视觉签名的细微朱红强调 */
.title::after{content:'';display:block;width:60px;height:3px;margin:12px auto 0;background:var(--accent);border-radius:2px}

/* typography: 标题衬线、正文无衬线 */
.title, .section-title{font-family:Georgia,Times,"Times New Roman",serif}
.content, .summary, .meta, .note-surface{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Segoe UI,Roboto,Arial,sans-serif}

/* density: 舒展 */
.article *{letter-spacing:0.01em}

/* 禁止使用常见圆角卡片套路：避免将整页内容放进同尺寸圆角卡片（forbidden_pattern） */
/* 本模板使用边框化小表面组件，避免统一同尺寸大卡片 */

/* Desktop 强制规则（必须包含） */
@media (min-width:1024px){
  /* 左侧刊头固定，中心容器居中显示；构成桌面端专属排版 */
  .layout-root{align-items:stretch}
  .side-nav{position:relative}
  .center-wrapper{padding-left:40px;padding-right:40px}
  .title{font-size:48px}
  .content-frame{grid-template-columns:1fr 320px}
  .faq-list{grid-template-columns:1fr 1fr}
  .related-list{grid-template-columns:1fr 1fr}
}

/* Mobile 规则（必须包含） */
@media (max-width:767px){
  /* 中轴布局解除，全部左对齐单列（mobile_contract） */
  .layout-root{flex-direction:column}
  .side-nav{width:100%;flex:0 0 auto;border-right:none;border-bottom:1px solid var(--border);display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px}
  .side-nav .index-list{display:none}
  .center-wrapper{padding:12px}
  .page-top{flex-direction:column;align-items:flex-start}
  .masthead{flex-direction:row;gap:10px}
  .edition-container{padding:6px 0}
  .title{text-align:left;font-size:28px;line-height:1.06;margin-top:6px}
  .meta{justify-content:flex-start;gap:12px;font-size:12px}
  .summary{text-align:left;margin:8px 0}

  /* 内容单列、注释栏下移（侧栏改成自然区块） */
  .content-frame{display:block}
  .annotate{margin-top:14px}
  .content{padding:14px}

  /* FAQ 两列改单列（faq_pattern） */
  .faq-list{grid-template-columns:1fr;gap:10px}
  .related-list{grid-template-columns:1fr;gap:10px}

  .ad{font-size:12px}
}

/* 中间宽度（768px - 1023px）做适配 */
@media (min-width:768px) and (max-width:1023px){
  .side-nav{width:200px}
  .title{font-size:34px}
  .content-frame{grid-template-columns:1fr 260px;gap:24px}
  .related-list{grid-template-columns:1fr}
}

/* 无死链规范：只有首页使用 /，其余相关推荐由 {{related}} 提供真实链接。模板不输出占位链接。 */
/* 可视辅助 */
.now{color:var(--muted)}
.published{color:var(--muted)}