:root{
  --bg: #f7f3ee; /* 纸白 */
  --ink: #0b2336; /* 藏蓝变体 */
  --accent: #123049; /* 藏蓝 */
  --muted: #6b7680;
  --divider: #e6e1db;
  --max-width: 1280px;
  --gap: 32px;
  --container-padding: 28px;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg);color:var(--ink);font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
a{color:inherit;text-decoration:none}
.site-header{border-bottom:1px solid var(--divider);background:transparent}
.header-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;padding:14px var(--container-padding);gap:20px}
.brand{flex:0 0 auto;font-weight:700}
.brand-link{font-size:1rem;color:var(--accent);font-weight:700}
.index-bar{margin-left:12px;display:flex;gap:12px;font-size:0.92rem;color:var(--muted)}
.index-item{padding:6px 0}

/* 主容器与三轨布局（桌面） */
.site-container{max-width:var(--max-width);margin:24px auto;padding:var(--container-padding);display:block}
.article{background:transparent}
.article-header{padding-bottom:12px}
.article-title{font-family:Georgia, 'Times New Roman', serif; font-weight:600;line-height:1.2;margin:6px 0 10px;text-align:center;font-size:1.9rem;color:var(--ink)}
.article-meta{display:flex;justify-content:center;gap:8px;color:var(--muted);font-size:0.9rem}
.article-description{max-width:820px;margin:14px auto 0;text-align:left;color:var(--ink);font-size:1rem;line-height:1.5}
.chapter-divider{border:0;border-top:1px solid var(--divider);margin:20px 0}
.article-body{font-family:system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans SC', 'Microsoft YaHei', sans-serif; color:var(--ink); font-size:1rem;line-height:1.68;letter-spacing:0.01em}
.article-body p{margin:0 0 14px}

/* 视觉签名：正文首段轻量首字强调 */
.article-body p:first-of-type::first-letter{color:var(--accent);font-size:1.12em;font-weight:600;float:left;margin-right:6px}

/* FAQ 区，期望上游使用无卡片的 details 列表；此处仅提供样式 */
.faq{margin-top:22px;padding-top:8px}
.faq-title{font-size:1rem;color:var(--accent);margin:0 0 8px}
.faq-list details{border-top:1px solid var(--divider);padding:10px 0}
.faq-list summary{cursor:pointer;list-style:none;outline:none;font-weight:600}
.faq-list div{padding-top:8px;color:var(--muted)}

/* 相关阅读（通栏内） */
.related{margin-top:22px}
.related-heading{font-size:1rem;color:var(--accent);margin:0 0 8px}
.related-list{border-top:1px solid var(--divider);padding-top:8px}
.related-list > * + *{margin-top:8px}
.related-list time{color:var(--muted);font-size:0.88rem;margin-left:8px}

/* 侧栏（左右） */
.side{padding:6px}
.left-side .meta-panel{font-size:0.92rem;color:var(--muted)}
.meta-row{margin-bottom:12px}
.meta-label{display:block;color:var(--accent);font-weight:600;margin-bottom:6px}

.related-index{border-top:1px dashed var(--divider);padding-top:12px}
.related-index-title{font-size:0.95rem;color:var(--accent);margin:0 0 10px}
.related-index-list{font-size:0.95rem;color:var(--muted)}
.related-index-list > * + *{padding-top:10px;border-top:1px solid var(--divider);display:flex;justify-content:space-between;gap:12px}
.related-index-list time{color:var(--muted);font-size:0.86rem}

/* 广告位：独立区块，非悬浮 */
.ad-slot{margin:18px 0;padding:10px;background:transparent;color:var(--muted);border:1px dashed var(--divider);font-size:0.9rem}
.ad-slot:empty{display:none}

.site-footer{border-top:1px solid var(--divider);margin-top:28px;background:transparent}
.footer-inner{max-width:var(--max-width);margin:0 auto;padding:18px var(--container-padding);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:0.9rem}

/* 桌面专属布局（≥1024px）——三轨、正文居中约780px */
@media (min-width: 1024px){
  .site-container{display:grid;grid-template-columns: minmax(160px,1fr) 780px minmax(160px,360px);grid-template-areas:"left main right";gap:var(--gap);align-items:start}
  .article{grid-area:main}
  .left-side{grid-area:left}
  .right-side{grid-area:right}
  .article-description{text-align:left}
  .header-inner{padding:18px var(--container-padding)}
}

/* 手机端规则（≤767px）：单列，左右侧栏下移，正文占满安全区 */
@media (max-width: 767px){
  :root{--container-padding:16px}
  .header-inner{padding:12px var(--container-padding);gap:10px}
  .site-container{display:block;padding:12px var(--container-padding)}
  .article-title{font-size:1.45rem}
  .article-meta{justify-content:flex-start;padding-top:6px}
  .article-description{margin:10px 0 12px}
  .left-side,.right-side{margin-top:18px;padding:0}
  .side{padding:0}
  .related-index-list > * + *{border-top:1px solid var(--divider);padding-top:8px}
  .article-body{font-size:1rem;line-height:1.6}
  /* 在窄屏 320px 保证不横向滚动 */
  body,html{min-width:0;overflow-x:hidden}
}

/* 无复杂阴影和圆角，保持纸张感与大留白 */
.button,button{border-radius:4px}

/* 无动画、无外部字体，颜色与排版由变量控制 */