/* 样式变量与基础重置 */
:root{
  --bg:#f8f0e6; /* 奶油白 */
  --text:#2f2319; /* 深棕 */
  --muted:#7a6a60;
  --accent:#3e2b1f;
  --line:#ded1c7;
  --container-min:1120px;
  --container-max:1440px;
  --font-serif: Georgia, 'Times New Roman', serif;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-serif);
  line-height:1.62; /* 人文杂志宽松型 */
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent);text-decoration:none}
.container{margin:0 auto;padding:20px 24px}
.sr-only{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(--line);background:transparent}
.top-ad{padding:8px 12px;text-align:center;font-size:13px;color:var(--muted)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 24px}
.brand{display:flex;flex-direction:column}
.home-link{font-weight:700;font-size:20px;color:var(--text)}
.subtle{font-size:12px;color:var(--muted)}

/* 导航 栏目索引条 */
.nav-index{overflow:auto}
.nav-index ul{display:flex;gap:12px;list-style:none;margin:0;padding:6px 0}
.nav-index li{flex:0 0 auto}
.nav-index a,.nav-index .nav-item{display:inline-block;padding:10px 12px;border-radius:4px;font-size:14px;color:var(--text)}
.nav-index .nav-item{background:transparent}
.nav-index a{border:1px solid transparent}

/* 页面主体容器 */
.page-shell{padding:12px 0}
/* 桌面容器宽度控制 (1120px—1440px) */
.container{max-width:1200px;min-width:unset}

.article-head h1{margin:18px 0 8px;text-align:center;font-size:28px;line-height:1.15}
.article-head .meta-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;font-size:13px;color:var(--muted);margin-bottom:10px}
.article-head .keywords{margin-left:10px;color:var(--accent)}
.summary{max-width:900px;margin:0 auto 18px;text-align:left;color:var(--text);padding:8px 12px;border:1px solid var(--line);background:#fff;border-radius:2px}

/* 布局：非对称网格 */
.layout{display:grid;grid-template-columns:1fr 320px;gap:20px}
.main-col{min-width:0}
.side-col{width:320px}

.article-body{background:transparent;padding:6px 0;color:var(--text);font-size:16px}
.article-body p{margin:0 0 12px}

.side-box{border:1px solid var(--line);background:#fff;padding:12px;margin-bottom:12px;border-radius:2px}
.side-title{font-weight:700;margin-bottom:8px}
.side-box dl{margin:0;font-size:13px;color:var(--muted)}
.side-box dl dt{font-weight:600;color:var(--text)}
.keyword-index{font-size:14px;color:var(--accent)}

.section-title{font-size:18px;margin:12px 0}
.faq-list{font-size:15px;color:var(--text)}
.related-list{font-size:14px;color:var(--accent)}

.ad-middle{margin:18px 0;padding:8px;border:1px dashed var(--line);background:transparent;text-align:center}
.bottom-ad{padding:10px;text-align:center;border-top:1px solid var(--line);background:transparent}

/* Footer 视觉签名：宽屏索引式排版 */
.site-footer{border-top:1px solid var(--line);padding:18px 24px;margin-top:24px;background:transparent}
.footer-index{display:flex;gap:24px;justify-content:space-between}
.index-column{min-width:0}
.index-column h4{margin:0 0 8px;font-size:15px}
.index-column ul{list-style:none;padding:0;margin:0;color:var(--muted)}
.footer-keywords{color:var(--accent)}
.copyright{margin-top:12px;color:var(--muted);font-size:13px}

/* 小屏与大屏差异要求 */
@media (min-width:1024px){
  /* 桌面端规则：容器宽度固定在 1120-1440 范围内 */
  .container{max-width:1200px;min-width:1120px}
  /* 非对称编辑部式：侧栏固定窄列，主栏宽且信息密集 */
  .layout{grid-template-columns:1fr 320px;align-items:start}
  .article-head h1{font-size:32px}
  .summary{margin-left:0}
  .nav-index ul{gap:16px}
  .footer-index{align-items:flex-start}
}

@media (max-width:767px){
  /* 手机端规则：独立重排，侧栏下移，栏目条可横向滚动 */
  .container{padding:12px}
  .header-inner{padding:10px}
  .nav-index ul{gap:8px;padding-bottom:6px}
  .nav-index a,.nav-index .nav-item{min-width:44px;padding:12px 14px}
  .article-head h1{text-align:center;font-size:20px}
  .article-head .meta-row{justify-content:flex-start;padding-left:6px}
  .summary{margin:10px 0}
  .layout{display:block}
  .side-col{width:100%}
  .side-box{margin-top:12px}
  .article-body{font-size:16px}
  .container{max-width:100%;min-width:unset}
  /* footer 索引式在窄屏改为竖向 */
  .footer-index{display:block}
  .footer-index .index-column{margin-bottom:12px}
}

/* 密度：紧凑 */
.article-body p, .faq-list p, .related-list li{margin-bottom:10px}

/* 禁止的视觉套路防护 */
/* 无玻璃、无模糊、无悬浮卡片：不使用滤镜、重阴影或大型圆角 */
*{backdrop-filter:none}
.box-shadow, .card{box-shadow:none}

/* 可访问性增强：点击目标 */
a, .nav-index .nav-item{outline-offset:3px}