/* 主题色与基础 */
:root{
  --brand:#0b3350; /* 藏蓝 */
  --paper:#fffdf8; /* 纸白 */
  --muted:#6b7b85;
  --text:#111214;
  --accent:#0f4f78;
  --max-width:1320px;
  --gap:20px;
  --sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
  --serif: Georgia, "Times New Roman", "Songti SC", serif;
}

/* 全局重置与文字 */
*{box-sizing:border-box}
html,body{height:100%;background:var(--paper);color:var(--text);margin:0;font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}

.header{background:var(--brand);color:#fff}
.header-top{padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.06)}
.header-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:6px 18px}
.site-link{font-weight:600;color:#fff}
.header-right{font-size:13px;opacity:0.9}
.header-narrow{background:linear-gradient(90deg, rgba(255,255,255,0.03), transparent);font-size:13px}
.header-narrow .header-inner{padding:6px 18px}
.editor-label{font-weight:600}
.pub-small{opacity:0.95}

.page-wrap{padding:18px 10px 40px}
.page-inner{max-width:var(--max-width);margin:0 auto}

/* 顶部广告区域（放在 header 之后，且不在标题与摘要之间） */
.ad-slot{max-width:var(--max-width);margin:12px auto;padding:6px 12px;color:var(--muted);font-size:13px}
.ad-slot > *{display:block}
.ad-top{margin-top:18px}

/* 布局网格：桌面为双栏，移动为单列 */
.layout-grid{display:block}

.article{background:var(--paper)}
.article-head{padding:6px 0 6px}
#page-title{font-family:var(--serif);font-size:28px;margin:6px 0 6px;font-weight:700;color:var(--text);text-align:left}
.title-rule{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.rule-thin{flex:1;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}
.rule-thick{width:44px;height:6px;background:var(--accent)}

.meta-inline{font-size:13px;color:var(--muted);display:flex;gap:10px;align-items:center}
.summary-band{margin-top:10px}
.summary-inner{display:inline-block;background:var(--accent);color:#fff;padding:8px 12px;font-size:14px;border-radius:2px;box-shadow:none}

.content-area{margin-top:12px}
.content{font-size:15px;color:var(--text);background:var(--paper)}
.content p{margin:0 0 12px}

.lead-space{height:6px}

/* FAQ 栏目 */
.faq-block{margin-top:18px}
.section-title{font-size:16px;margin:0 0 10px;font-weight:700}
.faq-grid{display:block;gap:12px}

/* 侧边栏 */
.aside{margin-top:18px}
.info-box{background:#fff;border:1px solid rgba(11,51,80,0.06);padding:12px}
.info-title{font-size:15px;margin:0 0 8px}
.related-list{padding-left:18px;margin:0;counter-reset:list}
.related-list > *{margin:6px 0}
.related-list > li{padding-left:8px}
.related-list > li::marker{font-weight:600;color:var(--brand)}

.meta-box{margin-top:12px;padding:10px;border:1px solid rgba(11,51,80,0.06)}
.copy-year{margin-top:8px;font-size:13px;color:var(--muted)}
.kw{color:var(--muted)}

.site-foot{max-width:var(--max-width);margin:28px auto 40px;padding:10px 18px;color:var(--muted);font-size:13px}

/* 密集风格 */
.article-head, .content, .info-box, .meta-box{border-radius:2px}

/* 桌面专属（必须包含 @media (min-width:1024px)） */
@media (min-width:1024px){
  .page-wrap{padding:26px 0 48px}
  .layout-grid{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}
  /* 内容容器宽度控制（在要求范围内尽量靠中间值） */
  .page-inner{width:clamp(1120px, 84vw, var(--max-width));}

  #page-title{font-size:34px}
  .rule-thick{height:8px;width:64px}
  .summary-inner{padding:10px 16px}

  /* 正文与 FAQ 采取宽窄交替：正文为主栏，FAQ 以跨栏感处理（但保留两栏内部） */
  .content-area{padding-right:6px}
  .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}

  /* 侧栏采用方形信息块，视觉上非卡片式阴影 */
  .info-box,.meta-box{background:#ffffff}
}

/* 手机专属（必须包含 @media (max-width:767px)） */
@media (max-width:767px){
  body{font-size:15px}
  .header-inner{padding:8px 14px}
  .site-link{font-size:15px}
  .header-right{display:none}
  .header-narrow .header-inner{padding:6px 14px}
  .ad-slot{padding:8px 12px}

  .page-inner{padding:0 12px}
  .layout-grid{display:block}
  .aside{margin-top:18px}
  #page-title{font-size:20px;margin:4px 0}
  .rule-thin{display:none}
  .rule-thick{width:44px;height:6px}

  /* 摘要窄色带：改为紧贴文本的横向小条，保持视觉签名而非卡片 */
  .summary-inner{display:inline-block;padding:6px 10px;font-size:13px}

  /* 移动端尽量紧凑，站名、标题、摘要、正文连续显示，避免首屏空白 */
  .article-head{padding:6px 0}
  .content{font-size:15px}

  /* FAQ 单列 */
  .faq-grid{display:block}

  /* 相关为编号列表的紧凑排列 */
  .related-list{padding-left:18px}

  .info-box,.meta-box{padding:10px 8px}
}

/* 无动画、无浮动、无占位死链，视觉避免深色仪表盘式设计 */