:root{
  --ink:#0b2f24; /* 墨绿 */
  --muted:#f6f3ea; /* 米白 */
  --accent:#e9efe9;
  --text:#111213;
  --max-band-width:1360px;
  --content-max-ch:66ch;
  --gap:24px;
  --band-padding-vertical:40px;
}
/* 全局排版 */
html,body{height:100%;}
body{
  margin:0;
  color:var(--text);
  background:var(--muted);
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  -webkit-font-smoothing:antialiased;
  line-height:1.65;
}
.page-wrap{display:block;}
.site-header{padding:20px 0;border-bottom:1px solid rgba(11,47,36,0.08);background:linear-gradient(90deg,var(--muted),#fff 70%);text-align:center}
.masthead .site-home{font-weight:700;color:var(--ink);text-decoration:none;font-size:18px;letter-spacing:0.02em}
.top-nav{margin-top:8px;color:rgba(11,47,36,0.7);font-size:13px}
.top-nav .nav-item{padding:0 8px}

/* 色带通用 */
.band{padding:var(--band-padding-vertical) 8vw;border-top:1px solid rgba(11,47,36,0.04);}
.band-inner{max-width:var(--max-band-width);margin:0 auto;padding:0 24px}
.band-title{background:linear-gradient(180deg, rgba(9,34,26,0.02), transparent);}
.band-content{background:transparent}
.band-faq{background: rgba(9,34,26,0.02)}
.band-related{background:var(--muted)}

/* 标题组合：眉题 + 紧凑标题 */
.eyebrow{font-size:13px;color:var(--ink);font-weight:600;letter-spacing:0.06em;margin-bottom:6px}
h1{font-family: Georgia, "Times New Roman", serif;font-size:34px;color:var(--ink);margin:0 0 12px;line-height:1.08}
.meta{color:rgba(11,47,36,0.6);font-size:13px;margin-bottom:14px}
.meta time{font-variant-numeric:tabular-nums}
.summary{margin:0;padding-right:10%;color:rgba(11,47,36,0.85);max-width:75%}

/* 内容区，桌面采用中栏阅读宽度 + 视觉边注 */
.layout-grid{display:grid;grid-template-columns:1fr minmax(0, var(--content-max-ch)) 160px;gap:var(--gap);align-items:start}
.article{grid-column:2/3}
.article-body{font-size:16px;color:var(--text);font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif}
.article-body p{margin:0 0 1em}
.article-body h2{font-family: Georgia, serif;margin:1.6em 0 0.6em;font-size:20px}
.article-body ul, .article-body ol{padding-left:1.2em;margin:0 0 1em}

/* 视觉边注（仅桌面以非对称留白形成识别度） */
.side-rail{grid-column:3/4;display:flex;align-items:flex-start;justify-content:center}
.rail-pulse{width:100%;height:100px;background:linear-gradient(180deg,var(--accent),transparent);border-left:3px solid rgba(11,47,36,0.06)}

/* FAQ 使用 details 折叠样式（profile 指定） */
.faq-list details{background:transparent;border:0;padding:12px 0}
.faq-list summary{cursor:pointer;font-weight:600;color:var(--ink);list-style:none;outline:none}
.faq-list details[open] summary{color:var(--text)}
.faq-list details p{margin:8px 0 0;color:rgba(17,18,19,0.85)}

/* 相关推荐：反向色块标题栏 + 三列短卡（无阴影） */
.related-shell{padding-bottom:6px}
.related-header{display:inline-block;background:var(--ink);color:var(--muted);padding:10px 14px;border-radius:2px;font-weight:700;margin-bottom:18px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.related-grid > *{background:#fff;padding:12px;border-radius:2px;border:1px solid rgba(11,47,36,0.04);font-size:14px}
.related-grid a{color:var(--ink);text-decoration:none}

/* 广告容器样式（不悬浮、不覆盖） */
.ad-slot{max-width:var(--max-band-width);margin:18px auto;padding:10px;border:1px dashed rgba(11,47,36,0.06);background:transparent}
.ad-top{margin-top:12px}

.site-footer{border-top:1px solid rgba(11,47,36,0.05);padding:18px 0;text-align:center;color:rgba(11,47,36,0.6);font-size:13px}

/* 桌面规则（必须包含 min-width:1024px） */
@media (min-width:1024px){
  :root{--band-padding-vertical:56px}
  .band{padding-left:6vw;padding-right:6vw}
  /* 使整体容器在 1120 - 1440 之间 */
  .band-inner{max-width:clamp(1120px, 88vw, 1440px);}
  h1{font-size:40px}
  .summary{max-width:68%}
  .related-grid{grid-template-columns:1fr 1fr 1fr}
  /* 在桌面上，边注可见，形成非对称布局 */
  .side-rail{display:block}
}

/* 手机规则（必须包含 max-width:767px） */
@media (max-width:767px){
  :root{--band-padding-vertical:20px}
  body{font-size:15px}
  .band{padding-left:6vw;padding-right:6vw}
  .band-inner{padding:0 8px}
  /* 所有色带取消过宽内边距并自然单列，颜色仅作轻量区分 */
  .layout-grid{display:block}
  .article{grid-column:auto}
  .side-rail{display:none}
  .summary{max-width:100%;padding-right:0}
  h1{font-size:22px}
  .article-body{font-size:15px}
  .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .related-grid > *{padding:10px;font-size:13px}
  .band{padding:18px 4vw}
  /* FAQ 折叠以原生 details 呈现，避免卡片化 */
  .faq-list details{padding:10px 0}
}