/* 基础变量与重置 */
:root{
  --bg:#ffffff; --ink:#111111; --muted:#666666; --accent:#c11; /* 朱红 */
  --paper:#ffffff; --header-bg:#0f0f0f; --max-width:1280px; --min-width:1120px;
  --gap:24px; --radius:6px; --line-height:1.7;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Microsoft YaHei", Arial, sans-serif;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.page-shell{display:flex;flex-direction:column;min-height:100vh}

/* 头部：深色报头，极简 */
.site-header{background:var(--header-bg);color:#fff;padding:12px 16px}
.header-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.brand .home-link{font-weight:700;color:#fff;letter-spacing:0.02em}
.mini-nav a{color:#ccc;font-size:13px;padding:6px}
.ad-slot{margin-top:12px;background:transparent;color:inherit;font-size:14px}
.ad-top{padding:6px 0}

/* 容器：桌面端在一定范围内占用较宽空间 */
.container{width:90%;margin:28px auto;max-width:var(--max-width)}

/* 文章头：标题居中，摘要左对齐 */
.article-header{padding:12px 0 20px;border-bottom:1px solid #eee;background:var(--paper)}
.title{margin:10px 0 6px;font-size:28px;line-height:1.15;text-align:center;font-weight:800;letter-spacing:0.01em}
.meta{display:flex;gap:16px;justify-content:center;color:var(--muted);font-size:13px;margin-bottom:8px}
.summary{max-width:900px;margin:0 auto 0;padding:0 8px;color:var(--muted);text-align:left}

/* 布局：主列 + 边注（在1024以上为10/2网格） */
.article-grid .layout{display:block}
.main-col{background:var(--paper);padding:var(--gap) 8px}
.content{color:var(--ink);line-height:var(--line-height);font-size:16px}
.content p{margin:0 0 1em}
.section-title{font-size:16px;margin:18px 0 8px;color:var(--ink);font-weight:700}
.faq-list{margin:0 0 20px 0;padding-left:20px;color:var(--muted)}
.related-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.related-list li{flex:1 1 calc(33.333% - 8px);padding:10px;background:transparent;border:1px solid #f0f0f0}

.side-col{display:none}
.info-box,.notes-box{border:1px solid #eee;padding:12px;margin-bottom:12px;background:#fff}
.info-title,.notes-title{font-weight:700;color:var(--accent);margin-bottom:8px}
.keywords{font-size:13px;color:var(--muted);margin:0 0 6px}
.desc-brief{font-size:13px;color:var(--muted);margin:0}

/* 页脚视觉签名：宽屏索引式排版 */
.site-footer{border-top:1px solid #eee;background:#fafafa;padding:18px 8px;margin-top:auto}
.footer-index{max-width:var(--max-width);margin:0 auto;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;color:var(--muted);font-size:14px}
.index-col{flex:1 1 220px}

/* 广告样式限制，禁止浮动/覆盖 */
.ad-slot{border:1px dashed #eee;padding:8px;background:transparent}

/* 视觉调整与小屏样式 */
@media (max-width:767px){
  .header-inner{padding:0 6px}
  .container{width:96%;margin:18px auto}
  .title{font-size:20px;margin:6px 0}
  .summary{text-align:left;margin:6px 0}
  .article-grid .layout{display:block}
  .side-col{display:block;margin-top:12px}
  .main-col{padding:12px}
  .related-list{flex-direction:row;gap:6px}
  .related-list li{flex:1 1 48%;padding:8px;font-size:14px}
  .footer-index{flex-direction:column;align-items:flex-start}
}

/* 桌面端严格版式：1024px以上使用10/2非对称网格，容器在1120-1440范围内优先 */
@media (min-width:1024px){
  .container{width:clamp(1120px,85vw,1440px);max-width:1440px}
  .article-grid .layout{display:grid;grid-template-columns:10fr 2fr;gap:24px;align-items:start}
  .main-col{padding:28px 36px;background:var(--paper);border-left:1px solid #f7f7f7}
  .side-col{display:block}
  .title{font-size:34px}
  .summary{max-width:820px;margin-left:0}
  .related-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .related-list li{background:transparent;border:1px solid #f2f2f2;padding:12px}
  .ad-top{margin-top:12px}
  .site-header{padding:14px 24px}
  .brand .home-link{font-size:18px}
  /* FAQ 编号式视觉：若内部是 li 则显示计数 */
  .faq-list{counter-reset:faq-counter;list-style:none;padding-left:0}
  .faq-list > li{counter-increment:faq-counter;margin:0 0 12px;padding-left:34px;position:relative}
  .faq-list > li::before{content:counter(faq-counter) ".";position:absolute;left:0;top:0;color:var(--accent);font-weight:700}
  /* 页脚宽屏索引加重排 */
  .footer-index{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
}

/* 可访问性微调 */
.title{word-break:break-word}
.content img{max-width:100%;height:auto}