:root{
  --bg:#ffffff;
  --text:#111111;
  --muted:#6b6b6b;
  --accent:#b91c1c; /* 朱红强调 */
  --line:rgba(0,0,0,0.08);
  --max-desktop:1440px;
  --min-desktop:1120px;
  --content-width:780px; /* 明确正文宽度要求 */
  --gutter:28px;
  --sans:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;
}

/* 全局重置与可读性 */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--sans);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  letter-spacing:0.01em;
}
a{color:var(--accent);text-decoration:none}
a.brand-link{font-weight:600;color:var(--text)}

/* Header: 极简细导航（文字刊头） */
.site-header{border-bottom:1px solid var(--line);padding:14px 0}
.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.brand-link{font-size:15px}
.mini-nav{font-size:13px;color:var(--muted)}
.ad-slot{padding:10px 20px;margin:10px auto;max-width:1200px;border:1px solid transparent}
.ad-top,.ad-middle,.ad-bottom{border:1px solid var(--line);background:transparent}

/* 页面主区容器 */
.page-root{padding:28px 12px}
.container{margin:0 auto}
.grid{display:grid;gap:var(--gutter)}
.col{background:transparent}

/* 左侧元信息 */
.meta-left{color:var(--muted);font-size:13px}
.meta-title{font-weight:600;color:var(--text);margin-bottom:10px}
.meta-list dt{font-weight:600}
.meta-list dd{margin:0 0 10px 0}
.meta-keyword{color:var(--accent);font-weight:600}

/* 正文区：紧凑排版 */
.content{border-left:0;border-right:0}
.article-head{padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:16px}
.eyebrow{color:var(--accent);font-size:13px;font-weight:600;letter-spacing:0.06em;margin-bottom:6px}
.title{font-size:22px;margin:0 0 8px 0;line-height:1.18}
.meta-row{font-size:13px;color:var(--muted);margin-bottom:10px}
.summary{margin:0;color:var(--muted);font-size:15px}
.article-body{margin-top:18px;color:var(--text);font-size:15px}
.article-body p{margin:0 0 1em 0}

/* FAQ 使用无卡片 details 列表 */
.faq .section-title{font-size:16px;margin-top:22px;margin-bottom:8px}
.faq-list details{border-top:1px solid var(--line);padding:10px 0}
.faq-list summary{cursor:pointer;font-weight:600}
.faq-list details[open] summary{color:var(--accent)}

/* 相关阅读右侧 */
.related-right{font-size:14px}
.related-title{font-weight:600;margin-bottom:10px}
.related-list{display:block}
.related-list > *{display:block;padding:10px 0;border-top:1px solid var(--line);color:var(--muted)}
.related-list time{display:block;color:var(--muted);font-size:12px}

/* Footer */
.site-footer{border-top:1px solid var(--line);padding:14px 0;margin-top:30px}
.footer-inner{max-width:1200px;margin:0 auto;padding:0 20px;color:var(--muted);font-size:13px}

/* 强调视觉签名：全页直角与细线，禁止圆角 */
*{border-radius:0}

/* --- 桌面布局（必须包含 @media (min-width:1024px)） --- */
@media (min-width:1024px){
  .container{width:clamp(var(--min-desktop),75vw,var(--max-desktop));}
  .header-inner,.footer-inner{max-width:var(--max-desktop);}
  .grid{
    grid-template-columns:200px var(--content-width) 1fr;
    align-items:start;
    gap:36px;
  }
  .meta-left{padding-right:6px}
  .content{max-width:var(--content-width)}
  .related-right{min-width:240px}
  /* 在桌面上形成三轨阅读：左元信息、中心正文(780px)、右索引 */
  .article-head .title{font-size:26px}
  .article-body{font-size:16px}
}

/* --- 手机布局（必须包含 @media (max-width:767px)） --- */
@media (max-width:767px){
  body{padding:0}
  .page-root{padding:18px 12px}
  .container{width:100%;max-width:100%;}
  .grid{grid-template-columns:1fr;gap:14px}
  /* 两侧信息全部移动到正文之后，正文占满安全区域 */
  .meta-left{order:2}
  .related-right{order:3}
  .content{order:1}
  .article-head .title{font-size:18px}
  .eyebrow{font-size:12px}
  .article-body{font-size:15px}
  .ad-slot{margin-left:0;margin-right:0}
  .header-inner,.footer-inner{padding:0 12px}
  .ad-top,.ad-middle,.ad-bottom{margin:6px 12px}
  .related-list > *{padding:8px 0}
}

/* 无动画、无大面积色块，强调线和留白 */