:root{
  --bg:#f6fbfb; /* 青灰基调 */
  --muted:#6b7b7b; /* 中性色 */
  --accent:#4aa3c1; /* 湖蓝 */
  --panel:#ffffff;
  --max-width:1280px;
  --gutter:28px;
  --radius:6px;
  --type-base:16px;
  --leading:1.45;
}

/* 基础重置与排版（现代无衬线编辑风、系统字体） */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans CJK SC", "PingFang SC", "Hiragino Sans GB", sans-serif;
  font-size:var(--type-base);
  line-height:var(--leading);
  color:#222;
  background:linear-gradient(180deg,var(--bg),#fbffff 60%);
}
a{color:var(--accent);text-decoration:none}

/* 报头：左右分置、双层报头但第二层极窄 */
.masthead{padding:12px calc(var(--gutter) * 0.5);background:transparent}
.masthead-inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.site-home{font-weight:700;color:#153438;letter-spacing:0.4px}
.tiny-strip{font-size:12px;color:var(--muted)}

.page-wrap{padding-bottom:40px}
.container{margin:28px auto; padding:0 calc(var(--gutter));}

/* 标题带：跨栏展示、大标题配窄元信息列 */
.title-band{background:transparent; padding:18px 0;border-top:1px solid rgba(20,30,30,0.04);}
.title-band h1{margin:0 0 10px 0;font-size:28px;line-height:1.08;letter-spacing:-0.4px;color:#0d2b2b}
.meta-row{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:13px}
.summary{margin:12px 0 0 0;color:#243b3b;max-width:90%;}

/* 编辑部堆叠格局：默认单列（mobile）/桌面 10/2 */
.editorial-grid{margin-top:18px}
.article{background:transparent}
.article-body{color:#111;word-wrap:break-word}
.side{margin-top:18px}
.side-block{background:transparent;color:var(--muted);padding:12px 0}
.ad-slot{max-width:var(--max-width);margin:18px auto;padding:12px calc(var(--gutter));color:var(--muted);font-size:13px}
.ad-slot .ad-middle,.ad-slot .ad-top,.ad-slot .ad-bottom{min-height:36px}

/* 底部错位排列：FAQ 与 推荐 */
.bottom-grid{margin-top:28px;display:block}
.faq h2,.related h2{font-size:16px;margin:0 0 8px 0;color:#112}
.faq-list,.related-list{color:#1c2b2b}
.related-list{counter-reset:rel}
.related-list ol{padding-left:20px}

/* FAQ 样式（可能由系统注入 Q/A HTML） */
.faq-list > *{margin:8px 0}

/* ====== 桌面：1024px 及以上总体样式调整（合同要求存在此媒体查询） ====== */
@media (min-width:1024px){
  .title-band h1{font-size:36px}
  .summary{font-size:16px}
}

/* ====== 桌面主规则：在 1120px 及以上，容器限制 1120—1440，10/2 边注网格 ====== */
@media (min-width:1120px){
  :root{--max-width:1280px}
  .container{max-width:var(--max-width);min-width:1120px}

  /* 编辑部堆叠：使用非对称网格 10fr / 2fr */
  .editorial-grid{display:grid;grid-template-columns:10fr 2fr;gap:28px;align-items:start}
  .article{grid-column:1/2}
  .side{grid-column:2/3}

  /* 标题跨栏（跨越两列） */
  .title-band{grid-column:1/ -1;padding-bottom:18px}

  /* 底部 FAQ 与 推荐不同宽度错位排列 */
  .bottom-grid{display:grid;grid-template-columns:7fr 4fr;gap:28px;margin-top:36px}
  .faq{grid-column:1/2}
  .related{grid-column:2/3;align-self:start}

  /* FAQ 两列视觉（内部两列，不改变语义） */
  .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .faq-list > *{border-top:1px solid rgba(10,20,20,0.04);padding-top:8px}

  /* 视觉签名：大面积留白配紧凑字阶 */
  .container{padding-left:var(--gutter);padding-right:var(--gutter)}
}

/* ====== 手机：<=767px 单列，取消错位和跨栏 ====== */
@media (max-width:767px){
  :root{--type-base:15px}
  .masthead-inner{padding:8px 12px}
  .title-band h1{font-size:20px}
  .meta-row{flex-direction:column;gap:6px}
  .summary{margin-top:8px}

  /* 单列重排：侧栏下移为普通区块 */
  .editorial-grid{display:block}
  .side{margin-top:18px}
  .side-block{padding:10px 0}

  /* FAQ 单列 */
  .bottom-grid{display:block}
  .faq-list{display:block}

  /* 避免横向滚动 */
  .container{padding-left:16px;padding-right:16px}
  .ad-slot{padding-left:16px;padding-right:16px}
}

/* 视觉限制，避免常见 AI 模板套路（大圆角/重阴影/渐变） */
*{border-radius:0}
.box-shadow{box-shadow:none}

/* 可访问性与微调 */
h1,h2{line-height:1.08}
.time, time{font-variant-numeric:tabular-nums}

/* 相关阅读编号样式（若 {{related}} 输出为无序或纯链接列表，样式仍使其呈编号感） */
.related-list ol{list-style:decimal; margin:0;padding-left:20px}
.related-list > *{margin:6px 0}

/* 禁止三列等宽营销卡片：不提供三等宽卡片样式保证遵循禁止模式 */