:root{
  --color-deep:#2b2130; /* 深紫灰 */
  --color-ivory:#fffaf0; /* 象牙白 */
  --color-white:#ffffff;
  --color-muted:#666666;
  --max-page-width:1280px; /* 在1120-1440之间，选中间值1280 */
  --container-padding-desktop:36px;
  --container-padding-mobile:16px;
  --band-gap:28px;
  --type-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}

/* 基础重置与布局 */
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:var(--type-sans);color:#111;line-height:1.6;background:var(--color-ivory)}
.band{width:100%;padding:18px 0}
.band__inner{margin:0 auto;padding:0 var(--container-padding-desktop);max-width:var(--max-page-width)}
.container--large{max-width:var(--max-page-width)}
.container--narrow{max-width:920px;padding:0 var(--container-padding-desktop)}

/* Masthead */
.band--masthead{background:var(--color-deep);color:var(--color-ivory);padding:18px 0}
.toolbar{display:flex;align-items:center;gap:12px;justify-content:center}
.site-link{color:var(--color-ivory);text-decoration:none;font-weight:700}
.breadcrumb{color:rgba(255,250,240,0.9);font-size:13px;margin-left:10px}
.masthead-ad{margin-top:12px;display:flex;justify-content:center}

/* Title band: 标题居中，摘要左对齐 */
.band--title{background:transparent;padding-top:12px;padding-bottom:8px}
.article{display:block}
.title{font-family:var(--type-sans);font-weight:700;font-size:28px;text-align:center;margin:6px 0;color:var(--color-deep)}
.meta-row{display:flex;justify-content:space-between;color:var(--color-muted);font-size:13px;margin:6px 0}
.summary{margin-top:12px;font-size:15px;color:#222;max-width:1000px}

/* Content band: 白底表面，正文舒适宽度 */
.band--content{background:var(--color-white);padding-top:20px;padding-bottom:24px}
.layout--desktop-grid{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start}
.main-column{min-width:0}
.content-surface{background:var(--color-white);padding:10px 6px}
.article-body{font-size:17px;line-height:1.75;color:#111;max-width:760px;margin:0 auto}
.side-note{padding:6px}
.info-block{background:var(--color-ivory);border:1px solid rgba(43,33,48,0.06);padding:12px}
.info-title{font-weight:700;margin-bottom:8px}
.info-item{font-size:13px;color:var(--color-muted);margin-bottom:6px}
.desc-inline{display:block;color:#333}

/* 广告带 */
.band--ad-middle,.band--ad-bottom{background:transparent;padding:14px 0}
.ad-slot{background:rgba(0,0,0,0.03);padding:14px;text-align:center;border:1px solid rgba(0,0,0,0.04)}

/* FAQ 区，顶部边线主题色 */
.band--faq{background:var(--color-ivory);padding-top:6px;padding-bottom:18px}
.faq-block{border-top:4px solid var(--color-deep);padding:14px}
.faq-title{font-weight:700;margin-bottom:10px}
.faq-content{color:#222}

/* 相关推荐：反向色块标题 */
.band--related{background:transparent;padding-top:6px;padding-bottom:22px}
.related-block{border:1px solid rgba(0,0,0,0.04)}
.related-header{background:var(--color-deep);color:var(--color-ivory);padding:10px 12px;font-weight:700}
.related-list{list-style:none;margin:0;padding:0}
.related-list > li{padding:12px;border-top:1px solid rgba(0,0,0,0.06);display:flex;justify-content:space-between;align-items:center}
.related-list > li time{color:var(--color-muted);font-size:13px;margin-left:12px}

/* Footer */
.band--footer{background:transparent;padding:18px 0}
.footer-line{color:var(--color-muted);font-size:13px}

/* 响应：桌面与手机为两套不同排版（非仅缩放） */
@media (min-width:1024px){
  /* 桌面特性：利用宽屏，非对称双栏，容器介于1120-1440之间（使用1280） */
  :root{--container-padding-desktop:48px}
  .band__inner{max-width:var(--max-page-width)}
  .title{font-size:36px}
  .layout--desktop-grid{grid-template-columns:1fr 320px}
  .article-body{font-size:18px;max-width:760px;padding:6px 12px}
  .side-note{position:static}
  /* 鼓励阅读节奏：更大行高和留白 */
  .band{padding-top:26px;padding-bottom:26px}
}

@media (max-width:767px){
  /* 手机端：所有色带取消过宽内边距并单列，颜色轻量区分 */
  :root{--container-padding-desktop:12px;--container-padding-mobile:12px}
  html,body{background:var(--color-ivory)}
  .band__inner{padding:0 var(--container-padding-mobile)}
  .title{font-size:20px;text-align:center}
  .meta-row{flex-direction:row;justify-content:space-between;font-size:12px}
  .summary{font-size:15px;margin-top:10px}
  .layout--desktop-grid{display:block}
  .article-body{font-size:16px;line-height:1.8;padding:6px 4px;margin:0}
  .side-note{margin-top:14px}
  .info-block{padding:10px}
  .masthead-ad{margin-top:8px}
  .related-list > li{flex-direction:column;align-items:flex-start}
  .related-list > li time{margin-left:0;margin-top:6px}
  /* 移除重阴影和圆角，保持方形信息块 */
}

/* 无大圆角、无重阴影，保持方形块状视觉 */
*{border-radius:0}