:root{
  --bg:#f6f5f1; /* 轻纸张 */
  --ink:#2b2b2b; /* 石墨灰 */
  --muted:#6a6a6a;
  --accent:#c8a300; /* 芥末黄 */
  --line:#e6e4df;
  --max-width:1320px;
  --site-gap:20px;
  --base-size:16px;
}

/* 全局基础 */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  background:var(--bg);
  color:var(--ink);
  font-size:var(--base-size);
  line-height:1.45; /* 紧凑 */
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

a{color:var(--ink);text-decoration:none}

.header, .site-head, .site-footer{color:var(--muted)}

/* 头部：一行文字刊头、栏目索引式导航 */
.site-head{border-bottom:1px solid var(--line);background:transparent}
.site-head .head-inner{max-width:var(--max-width);margin:0 auto;padding:12px var(--site-gap);display:flex;align-items:center;justify-content:space-between}
.site-title{font-weight:700;color:var(--ink);letter-spacing:0.4px}
.col-nav{font-size:0.95rem;color:var(--muted);display:flex;gap:18px}
.col-nav .nav-item{opacity:0.95}

/* 广告容器：独立、不悬浮 */
.ad{max-width:var(--max-width);margin:18px auto;padding:8px var(--site-gap);color:var(--muted);font-size:0.95rem}
.ad-top,.ad-middle,.ad-bottom{border-top:1px dashed var(--line)}

/* 页面容器 */
.page-wrap{padding:18px 0}
.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--site-gap)}

/* 标题区：非对称7/5分栏 */
.title-area{display:grid;grid-template-columns:7fr 5fr;gap:20px;align-items:start;margin-bottom:12px}
.title-main .article-title{margin:0 0 8px 0;font-size:2.1rem;line-height:1.05;color:var(--ink);font-weight:700}
.title-main .summary{margin:0;color:var(--muted);font-size:0.98rem}

.title-meta{font-size:0.92rem;color:var(--muted);padding-left:8px;border-left:2px solid transparent}
.title-meta .meta-row{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.title-meta .now{font-size:0.9rem}
.title-meta .k{color:var(--ink)}

/* 内容区网格：正文主列偏左，右侧元信息和FAQ错位排列（桌面） */
.content-grid{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}
.content{background:transparent}
.article-body{color:var(--ink);font-size:0.98rem}
.article-body p{margin:0 0 1em}

/* 侧边信息与FAQ */
.side-info{font-size:0.95rem;color:var(--muted)}
.side-box{margin-bottom:18px}
.meta-line{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line)}

.faq{border-top:3px solid var(--accent);padding-top:10px}
.faq-head{font-weight:700;margin-bottom:8px}
.faq-body{color:var(--muted)}

/* 相关阅读：带日期的分隔线列表 */
.related{margin-top:22px}
.related-title{font-size:1rem;margin:0 0 8px 0;color:var(--ink)}
.related-list{border-top:1px solid var(--line);padding-top:10px}
.related-list a{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.related-list a time{color:var(--muted);font-size:0.9rem}

/* 页脚视觉签名：宽屏索引式排版 */
.site-footer{margin-top:28px;border-top:1px solid var(--line);padding:18px 0}
.footer-inner{max-width:calc(var(--max-width));margin:0 auto;padding:0 var(--site-gap);display:flex;align-items:center;justify-content:space-between;gap:12px}
.footer-index{display:flex;gap:18px;font-size:0.95rem}
.footer-index .col a{color:var(--ink)}
.footer-meta{color:var(--muted);font-size:0.9rem}

/* 小调整：密集信息块 */
.lead-block{height:0;margin:0}

/* 禁止常见视觉禁忌：无大圆角、无阴影、无模糊 */
*{border-radius:0}

/* 桌面规则（>=1024px）——明确非对称与排版差异 */
@media (min-width:1024px){
  :root{--base-size:17px}
  .title-area{grid-template-columns:7fr 5fr}
  .article-title{font-size:2.6rem}
  .content-grid{grid-template-columns:58% 38%}
  .container{padding:0 28px}
  .related-list a{padding:12px 0}
}

/* 大屏优化（>=1440px）使容器落在 1120-1440 范围内 */
@media (min-width:1440px){
  .container{max-width:1200px}
  .footer-inner{max-width:1200px}
}

/* 手机端规则（<=767px）——恢复自然文档顺序，独立的移动排版 */
@media (max-width:767px){
  :root{--base-size:15px}
  .head-inner{padding:12px 16px}
  .title-area{display:block}
  .title-main .article-title{font-size:1.25rem;margin-bottom:6px}
  .title-meta{display:block;padding-left:0;border-left:none;margin-bottom:10px}
  .content-grid{display:block}
  .article-body{font-size:0.98rem}
  .side-info{margin-top:12px}
  .faq{margin-top:12px}
  .related-list a{padding:10px 0}
  .footer-inner{flex-direction:column;align-items:flex-start;gap:8px}

  /* 保证320px不横向滚动 */
  .container{padding:0 12px}
  .ad{padding:6px 12px}
}

/* 可访问性小优化 */
h1{font-weight:700}