:root{
  --bg: #F7F3EA; /* 米白基底 */
  --accent: #042e23; /* 墨绿 */
  --muted: #55615a;
  --line: #d7d3c9;
  --text: #0b0b0b;
  --max-wide: 1280px; /* 正文舒适宽度，1120-1440 范围内 */
  --band-gap: 40px;
  --type-base: 18px;
}

/* 全页基底与直角、细线视觉识别 */
html,body{height:100%;background:var(--bg);color:var(--text);font-family: -apple-system,BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Hiragino Sans GB", "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;line-height:1.65;margin:0}
*{box-sizing:border-box}
a{color:inherit;text-decoration:none}

/* Header：极简细导航，居中站名，左右文本 */
.site-header{border-bottom:1px solid var(--line);background:transparent}
.header-inner{max-width:var(--max-wide);margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.site-title{font-weight:700;color:var(--accent);font-size:20px;text-align:center}
.site-title a{font-weight:700}
.nav-left,.nav-right{color:var(--muted);font-size:14px}

/* band 基础 */
.band{padding:calc(var(--band-gap) / 2) 0;border-top:1px solid transparent}
.band-inner{margin:0 auto;padding:24px 20px}
.band-heading{margin:0 0 16px 0;color:var(--accent);font-size:20px}

/* 不同带宽：标题、正文、FAQ、推荐分别不同宽度 */
.band-inner--narrow{max-width:920px}
.band-inner--narrower{max-width:980px}
.band-inner--medium{max-width:1100px}
.band-inner--wide{max-width:var(--max-wide)}

/* Title band: 超大标题但不超过两行并紧接正文 */
.title-band{background:linear-gradient(180deg, rgba(4,46,35,0.03), transparent);border-top:1px solid var(--line)}
.title-band h1{font-size:42px;line-height:1.05;margin:6px 0 12px 0;word-break:break-word;max-height:calc(1.05 * 2 * 42px);overflow:hidden}
.meta-row{font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center}
.summary{margin-top:12px;font-size:18px;color:var(--muted);margin-bottom:0}

/* Content band: 编辑部式组合，桌面双栏非对称网格，正文舒适宽度 */
.content-band{background:transparent}
.content-grid{display:grid;grid-template-columns: 1fr;gap:28px}
.content{font-size:var(--type-base);color:var(--text)}
.content p{margin:0 0 16px 0}
.aside{border-left:1px solid var(--line);padding-left:20px;color:var(--muted);font-size:15px}
.aside-title{margin:0 0 8px 0;color:var(--accent);font-weight:600}
.aside-block{margin-bottom:18px}

/* FAQ band: 横线问答列表 */
.faq-band{background:linear-gradient(180deg, transparent, rgba(4,46,35,0.02))}
.faq-list{display:block;border-top:1px solid var(--line)}
.faq-list > *{padding:16px 0;border-bottom:1px solid var(--line)}
.faq-list h3{margin:0 0 8px 0;font-size:16px;color:var(--accent)}
.faq-list p{margin:0;color:var(--muted)}

/* Related band: 两列摘要列表（desktop），每项由运营端注入 {{related}} */
.related-band{background:transparent}
.related-grid{display:grid;grid-template-columns:1fr;gap:14px}
.related-grid > *{padding:10px 0;border-bottom:1px dashed var(--line);color:var(--muted)}

/* Ad slots: independent containers, 不悬浮 */
.ad-slot{max-width:var(--max-wide);margin:18px auto;padding:8px 20px;color:var(--muted);font-size:14px;border:1px solid var(--line);background:rgba(255,255,255,0.6)}
.ad-top{margin-top:12px}
.ad-middle{margin-top:18px}
.ad-bottom{margin:22px auto}

.site-footer{border-top:1px solid var(--line);padding:18px 20px;background:transparent}
.footer-inner{max-width:var(--max-wide);margin:0 auto;color:var(--muted);font-size:13px}

/* Visual signature: 只使用直角与细线（无圆角、无阴影） */
*{border-radius:0}

/* 响应：手机独立重排，取消过宽内边距，颜色轻量区分 */
@media (max-width:767px){
  :root{--band-gap:24px;--type-base:16px}
  .header-inner{padding:10px 14px}
  .band-inner{padding:18px 12px}
  .band-inner--narrow{max-width:100%;padding-left:12px;padding-right:12px}
  .band-inner--narrower,.band-inner--medium,.band-inner--wide{max-width:100%;padding-left:12px;padding-right:12px}
  .title-band h1{font-size:28px;max-height:calc(1.05 * 2 * 28px)}
  .content-grid{grid-template-columns:1fr}
  .aside{border-left:none;padding-left:0;border-top:1px solid var(--line);padding-top:12px}
  .related-grid{grid-template-columns:1fr}
  .ad-slot{margin-left:12px;margin-right:12px}
}

/* 桌面：在 1024px 以上成立显著差异（非对称双栏、两列相关、不同带宽） */
@media (min-width:1024px){
  .band-inner{padding:28px 24px}
  .title-band h1{font-size:48px}
  .content-grid{grid-template-columns: 1fr 340px;align-items:start}
  .content{padding-right:30px}
  .aside{padding-left:28px}
  .related-grid{grid-template-columns:1fr 1fr;gap:18px}
  /* 确保正文容器在 1120-1440 区间 */
  .band-inner--wide{max-width:1280px}
  .band-inner--medium{max-width:1120px}
  .band-inner--narrow{max-width:1000px}
}

/* 可读性：防止在最小宽度 320px 时横向滚动 */
@media (max-width:320px){
  html,body{font-size:14px}
  .band-inner{padding-left:10px;padding-right:10px}
}