:root{
  --bg: #F7EFE6; /* 奶油白 */
  --ink: #2f2422; /* 深棕/近黑 */
  --muted: #6b5a56;
  --accent: #3b2f2f; /* 深棕强调 */
  --border: rgba(47,36,34,0.12);
  --radius: 2px;
  --max-desktop-width: 1320px; /* 桌面容器上限（处于 1120-1440 范围内） */
  --gap: 24px;
  font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

/* 全局重置与基准样式 */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family: var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", "Microsoft YaHei", sans-serif);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* header：极简细导航，一行文字刊头 */
.site-header{border-bottom:1px solid var(--border);background:transparent}
.header-inner{max-width:100%;padding:14px var(--gap);display:flex;align-items:center;justify-content:space-between}
.site-brand{color:var(--ink);text-decoration:none;font-weight:600}
.mini-nav{color:var(--muted);font-size:14px}

/* 顶部广告容器（独立、非悬浮） */
.ad{max-width:100%;padding:10px var(--gap);display:block}
.ad-top,.ad-middle,.ad-bottom{border:1px dashed var(--border);border-radius:var(--radius);background:transparent}

/* 页面容器：桌面端将落在 1120px—1440px 区间内（通过 max-width 与媒体查询调整） */
.page-wrap{width:100%;padding:20px var(--gap);margin:0 auto}

/* 标题与摘要区域：默认竖排，桌面时两栏各半 */
.headline-grid{display:block;gap:16px;margin-bottom:18px}
.title-column h1{font-size:26px;margin:0;color:var(--ink);line-height:1.12;font-weight:700}
.meta-slim{margin-top:10px;color:var(--muted);font-size:13px}
.summary-column{margin-top:12px}
.summary{margin:0;color:var(--muted)}
.keywords{margin-top:10px;font-size:13px;color:var(--muted)}

/* 主体网格：默认单列（移动友好），桌面呈 7/5 两栏 */
.content-grid{display:block;margin-top:12px}
.content-article{background:transparent;border:1px solid transparent}
.article-body{color:var(--ink);font-size:16px}
.article-body p{margin:0 0 12px}

/* 视觉签名：正文首段轻量首字强调（不改写内容） */
.article-body p:first-of-type::first-letter{
  font-size:1.38em;
  font-weight:600;
  color:var(--accent);
  float:left;
  line-height:1;
  margin:0 8px 0 0;
}

/* 侧栏：FAQ 与相关阅读样式 */
.side-panel{margin-top:18px}
.block-title{font-weight:600;color:var(--accent);margin-bottom:8px}
.faq-list{border-top:1px solid var(--border)}
.faq-list > *{padding:12px 0;border-bottom:1px solid var(--border);color:var(--muted)}
.related-list{margin-top:12px}
.related-list > *{display:block;padding:10px 0;border-bottom:1px solid var(--border);color:var(--muted)}
.related-list time{float:right;color:var(--muted);font-size:13px}

/* footer */
.site-footer{border-top:1px solid var(--border);padding:16px var(--gap);margin-top:24px}
.footer-inner{max-width:100%;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}
.footer-nav a{color:var(--muted);text-decoration:none}

/* 链接与列表中的默认表现（避免使用占位死链）：尽量不生成 href，实际相关推荐由 {{related}} 提供链接 */
a{color:var(--accent)}

/* 小圆角、浅边框、无阴影（遵守 surface：2px 小圆角、浅边框、无阴影） */
.title-column, .summary-column, .content-article, .side-panel{border-radius:var(--radius)}

/* 响应式：手机端（≤767px）规则 - 标题与摘要上下排列，正文/FAQ/推荐依序显示 */
@media (max-width:767px){
  .header-inner{padding:12px 14px}
  .page-wrap{padding:14px}
  .headline-grid{display:block}
  .title-column{width:100%}
  .title-column h1{font-size:20px}
  .summary-column{width:100%;margin-top:10px}
  .content-grid{display:block}
  .article-body{font-size:16px}
  .side-panel{margin-top:18px}
  /* 确保 320px 下无横向滚动 */
  html,body{overflow-x:hidden}
}

/* 桌面规则（≥1024px）：两套明显不同排版，标题与摘要左右各半；正文下方 7/5 网格 */
@media (min-width:1024px){
  .page-wrap{padding:28px;max-width:var(--max-desktop-width);}

  /* 顶部：两栏各半 */
  .headline-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:24px;margin-bottom:28px}
  .title-column{padding-right:12px}
  .title-column h1{font-size:34px}
  .meta-slim{margin-top:12px}
  .summary-column{padding-left:12px}

  /* 主体：7/5 两栏布局（左宽右窄） */
  .content-grid{display:grid;grid-template-columns:7fr 5fr;gap:32px;align-items:start}
  .content-article{order:0}
  .side-panel{order:1}

  /* 侧栏内部密度较紧，承载 FAQ 与相关阅读 */
  .faq-list > *, .related-list > *{padding:10px 0}

  /* 保证容器在 1120—1440 区间时呈理想宽度（在大多数桌面环境下落入此范围） */
  @supports (width: min(100%, 1320px)){
    .page-wrap{width:100%;max-width:var(--max-desktop-width)}
  }
}

/* 保持页面轻量：避免动画、浮层、弹窗、黏贴和遮盖 */
*{transition:none}