/* 设计变量（墨绿与米白）与版面基线 */
:root{
  --ink:#0b3b2e; /* 墨绿 */
  --ink-strong:#062822;
  --offwhite:#f6f3ea; /* 米白 */
  --white:#ffffff;
  --muted:#667067;
  --container-min:1120px;
  --container-max:1200px;
  --read-max:760px; /* 舒适阅读宽度 */
  --gutter:24px;
  --line:1px;
  --font-stack:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans CJK SC","Hiragino Sans GB","Microsoft Yahei",sans-serif;
}

/* 全局基础 */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--font-stack);
  color:var(--ink-strong);
  background:var(--offwhite);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.45;
  font-size:15px; /* 紧凑型 */
}

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

/* Header：深色报头，居中站名，左右文本链接 */
.site-header{
  background:var(--ink);
  color:var(--white);
  padding:14px 16px;
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}
.nav-side{font-size:13px;opacity:0.95}
.nav-center{font-weight:700}
.home-link{color:var(--white);font-weight:800;letter-spacing:0.3px}

/* 顶部广告容器（独立） */
.ad-slot{max-width:var(--container-max);margin:18px auto;padding:8px 12px;color:var(--muted);font-size:13px;background:transparent}
.ad-slot > *{display:inline-block}

/* 页面主区域（竖线视觉签名 + 横向色带） */
.page-root{position:relative}
.v-signature{position:absolute;left:50%;transform:translateX(-50%);width:var(--line);background:var(--ink);top:0;bottom:0;opacity:0.12;pointer-events:none}

.band{padding:28px 0;border-top:0}
.band-inner{margin:0 auto;padding:0 var(--gutter);box-sizing:border-box}
.band-title{background:var(--ink);color:var(--white)}
.band-title .band-inner{padding-top:36px;padding-bottom:22px}
.band-summary{background:linear-gradient(180deg,rgba(11,59,46,0.03),transparent)}
.band-content{background:var(--white)}
.band-faq{background:var(--offwhite);border-top:4px solid rgba(11,59,46,0.06)}
.band-related{background:transparent}

/* 宽度控制类，桌面按合同分为不同带宽 */
.band-inner.narrow{max-width:980px}
.band-inner.medium{max-width:1100px}
.band-inner.content-grid{max-width:var(--container-max)}

/* 标题构图：标题压左并用粗细横线构图 */
.title-composition{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.page-title{margin:0;font-size:28px;line-height:1.15;font-weight:700;letter-spacing:0.1px}
.title-lines{display:flex;flex-direction:column;gap:6px;width:100%}
.title-lines .line{display:block;height:3px;background:var(--white);opacity:0.12}
.title-lines .line.thin{height:1px;width:40%;opacity:0.18}
.title-lines .line.thick{height:4px;width:18%;opacity:0.22}

.meta-row{margin-top:8px;font-size:13px;color:rgba(255,255,255,0.87)}
.meta-row .current-time{opacity:0.95}

/* 摘要 */
.summary{font-size:15px;color:var(--ink-strong);background:transparent;padding:6px 0}

/* 正文带：网格布局，桌面为边注+正文，移动端单列 */
.band-inner.content-grid{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start;padding-top:36px;padding-bottom:36px}
.info-block{padding:0}
.info-square{background:var(--offwhite);border:var(--line) solid rgba(6,40,34,0.06);padding:16px;display:flex;flex-direction:column;gap:8px}
.info-title{font-size:13px;color:var(--muted);font-weight:700}
.info-body{font-size:13px;color:var(--ink-strong);word-break:break-word}
.article{background:transparent}
.article-body{max-width:var(--read-max);color:var(--ink-strong);font-size:15px}

/* FAQ 带：主题色顶部边线 */
.band-faq .faq-title{margin:0 0 10px 0;font-size:16px;color:var(--ink-strong);padding-top:6px;border-top:3px solid var(--ink)}
.band-faq .faq-body{color:var(--muted);font-size:14px}

/* 相关阅读：带日期的分隔线列表（相关内容由 {{related}} 提供） */
.related-heading{margin:0 0 10px 0;font-size:15px;color:var(--ink-strong)}
.related-list{font-size:14px;color:var(--muted);border-top:var(--line) solid rgba(6,40,34,0.06);padding-top:12px}
.related-list > *{display:block;padding:10px 0;border-bottom:var(--line) solid rgba(6,40,34,0.04)}

/* Footer */
.site-footer{padding:18px 0;text-align:center;color:var(--muted);font-size:13px}

/* 可访问性与打印优化 */
@media print{.site-header,.site-footer,.ad-slot{display:none} .page-root{background:#fff}}

/* 桌面（>=1024px）：容器宽度在1120~1440之间，网格与非对称布局成立 */
@media (min-width:1024px){
  body{background:linear-gradient(180deg,var(--offwhite) 0%, #fff 30%)}
  .nav-inner{max-width:var(--container-max)}
  .ad-slot{max-width:var(--container-max)}
  .band-inner.content-grid{max-width:var(--container-max);grid-template-columns:300px 1fr}
  .band-inner.narrow{max-width:1120px}
  .band-inner.medium{max-width:1200px}
  .page-root{padding-bottom:30px}
  /* 视觉签名在桌面贯穿页面 */
  .v-signature{opacity:0.14;left:calc(50% + 320px);transform:none;width:var(--line)}
}

/* 手机（<=767px）：取消过宽内边距并自然单列，色带轻量区分 */
@media (max-width:767px){
  :root{--gutter:14px}
  .nav-inner{padding:0 8px}
  .site-header{padding:10px 8px}
  .ad-slot{margin:12px 10px}
  .band{padding:18px 0}
  .band-inner{padding:0 14px}
  .band-inner.narrow,.band-inner.medium,.band-inner.content-grid{max-width:100%;display:block}
  .band-inner.content-grid{grid-template-columns:1fr}
  .band-inner.content-grid{padding-top:18px;padding-bottom:18px}
  .info-block{order:2;margin-top:18px}
  .v-signature{display:none}
  .page-title{font-size:20px}
  .title-lines .line.thick{display:none}
  .article-body{font-size:15px}
  .band-faq .faq-title{border-top:3px solid var(--ink);padding-top:8px}
}

/* 避免过度圆角与阴影（禁止常见AI模板套路） */
*{border-radius:0}