/* 软考系统架构设计师 · 必背小册
   体例对标：题灯教育《2026 上半年 架构师 必背指南》（71 条 / 12 模块）
   版式按 PDF 实机取色取字还原：
     · 正文 SimSun 宋体，标题 SimHei 黑体
     · 主标题 / 条目标题 / 模块标题 = 深蓝 #1F4E79
     · 模块标题下一条蓝色粗横线
     · 表头 = 蓝色底 #2E75B6 + 白字；表体细线灰框
     · 要点 = 实心圆点「•」+ 蓝点
     · 记忆技巧 = ★ 后接引号口诀
   内容来源：quiz/quiz.db 41 套真题 + 官方解析 + 本机错题本 */

:root{
  --paper:#ffffff;
  --ink:#1a1a1a;
  --ink-soft:#333;
  --blue:#1f4e79;        /* 标题深蓝 */
  --blue-th:#2e75b6;     /* 表头蓝 */
  --blue-line:#2e75b6;   /* 模块下划线 */
  --rule:#a6a6a6;
  --gray:#7f7f7f;
  --star:#c00000;
}

*{box-sizing:border-box;margin:0;padding:0;-webkit-text-size-adjust:100%}
html{scroll-behavior:smooth;scroll-padding-top:10px}
body{
  background:var(--paper);color:var(--ink);
  font:15.5px/1.85 "SimSun","Songti SC","STSong","PingFang SC","Microsoft YaHei",serif;
  padding:0 0 48px;
}
.wrap{max-width:820px;margin:0 auto;padding:0 30px}

/* 页眉 */
.head{
  display:flex;align-items:baseline;gap:10px;
  padding:10px 0 7px;margin-bottom:10px;
  border-bottom:1px solid #e0e0e0;
  font:12px/1.5 "SimHei","PingFang SC",sans-serif;color:var(--gray);
}
.head b{color:var(--blue)}
.head .back{margin-left:auto;color:var(--blue);text-decoration:none}
.head .back:hover{text-decoration:underline}

/* 册别徽标：三册共用，一眼看出在读哪一本 */
.head .bktag{
  font:700 11px/1 "SimHei","PingFang SC",sans-serif;
  padding:2px 8px;border-radius:2px;
  background:var(--blue-th);color:#fff;letter-spacing:.04em;
  white-space:nowrap;
}

/* 大标题（无封面，直接起） */
.title{padding:26px 0 6px;text-align:center}
.title h1{
  font:700 25px/1.55 "SimHei","PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--blue);letter-spacing:.02em;
}
.title .sub{
  font:13.5px/1.8 "SimSun","Songti SC",serif;color:var(--blue);
  margin-top:12px;letter-spacing:.02em;
}

/* 模块标题 */
.mod{
  font:700 17px/1.6 "SimHei","PingFang SC",sans-serif;color:var(--blue);
  margin:30px 0 2px;padding-bottom:5px;
  border-bottom:2px solid var(--blue-line);
}

/* 条目标题 */
h2.num{
  font:700 16.5px/1.7 "SimHei","PingFang SC",sans-serif;
  color:var(--blue);margin:16px 0 8px;
}

/* 定义句 / 正文段 */
.def,.lead{font-size:15.5px;line-height:1.85;margin:6px 0 7px;color:var(--ink)}
.def .k{font-weight:700}
.def .en{color:var(--gray)}

/* 要点：实心圆点 */
.pts{list-style:none;margin:5px 0 7px}
.pts>li{position:relative;padding-left:22px;margin:5px 0;font-size:15.5px;line-height:1.85}
.pts>li::before{
  content:"•";position:absolute;left:8px;top:0;
  color:var(--blue-th);font-weight:700;
}

/* 表格：蓝底白字表头 */
.tw{overflow-x:auto;margin:9px 0 10px;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;font-size:13.5px}
th{
  background:var(--blue-th);color:#fff;font-weight:700;
  font-family:"SimHei","PingFang SC",sans-serif;
}
th,td{border:1px solid var(--rule);padding:7px 10px;text-align:left;vertical-align:top;line-height:1.7}
td:first-child{font-weight:700}
tr:nth-child(even) td{background:#fafafa}

/* ★ 记忆技巧 */
.star{
  font-size:15px;line-height:1.8;margin:8px 0 3px;color:var(--ink);
  padding-left:2px;
}
.star::before{content:"★";color:var(--star);margin-right:6px;font-size:13px}

/* 附录 */
.appendix{margin:34px 0 8px}
.appendix h2{
  font:700 17px/1.6 "SimHei","PingFang SC",sans-serif;color:var(--blue);
  padding-bottom:5px;border-bottom:2px solid var(--blue-line);margin-bottom:4px;
}
.appendix .cnt{font-size:12.5px;color:var(--gray);margin:6px 0 10px}

/* ── 目录 ── */
.toc{
  margin:22px 0 8px;padding:14px 18px 12px;
  border:1px solid var(--rule);border-radius:3px;background:#fbfcfc;
}
.toc h2{
  font:700 14px/1.6 "SimHei","PingFang SC",sans-serif;color:var(--blue);
  letter-spacing:.14em;margin-bottom:9px;padding-bottom:6px;
  border-bottom:1px solid var(--blue-th);
}
.tocline{
  display:grid;grid-template-columns:64px 1fr auto;align-items:baseline;
  column-gap:10px;font-size:13.5px;line-height:2;color:var(--ink);
}
.tocline .tocno{
  font:700 12.5px/1.4 "SimHei","PingFang SC",sans-serif;
  color:var(--blue-th);white-space:nowrap;
}
.tocline .tocname{min-width:0}
.tocline .tocpg{color:var(--gray);font-size:12.5px;white-space:nowrap;text-align:right}

@media print{
  /* 目录压到半页即可，避免整页只有 15 行、下方大片空白 */
  .toc{margin:0 0 14pt;padding:10pt 14pt 8pt;page-break-inside:avoid}
  .toc h2{font-size:11pt;margin-bottom:6pt}
  .tocline{line-height:1.72;font-size:9.8pt;grid-template-columns:58px 1fr auto}
  .tocline .tocno{font-size:9pt}
  .tocline .tocpg{font-size:9pt}
}

/* ── 考试安排卡（封面下方） ── */
.examcard{
  margin:18px auto 0;max-width:640px;padding:12px 16px;
  border:1px solid var(--rule);border-left:4px solid var(--blue-th);
  background:#f7fafd;text-align:left;
}
.examcard .exrow{
  display:flex;align-items:baseline;gap:10px;font-size:13.5px;
  line-height:1.9;flex-wrap:wrap;
}
.examcard .exd{
  font:700 12px/1.4 "SimHei","PingFang SC",sans-serif;color:#fff;
  background:var(--blue-th);padding:2px 8px;border-radius:2px;white-space:nowrap;
}
.examcard .exrow b{
  font:700 14px/1.4 "Courier New",monospace;color:var(--blue);white-space:nowrap;
}
.examcard .exs{color:var(--ink)}
.examcard .exs em{font-style:normal;color:var(--gray);font-size:12.5px}
.examcard .exnote{
  margin-top:7px;padding-top:7px;border-top:1px dashed var(--rule);
  font-size:12.5px;color:var(--gray);line-height:1.7;
}
.examcard .exnote b{color:#a33b2a}
@media print{ .examcard{page-break-inside:avoid} }

/* 页脚 */
.foot{
  margin-top:30px;padding-top:12px;border-top:1px solid #e0e0e0;
  font-size:12px;color:var(--gray);line-height:1.95;
}
.foot b{color:var(--ink-soft)}

/* 打印 A4：分页行为对齐 PDF 观感 */
@media print{
  body{font-size:10.5pt;line-height:1.75;padding:0}
  .wrap{max-width:none;padding:0 12mm}
  .head{display:none}
  .title{padding:0 0 10pt}
  .title h1{font-size:17pt}
  .mod{page-break-after:avoid;margin-top:14pt;font-size:12.5pt}
  h2.num{page-break-after:avoid;font-size:11pt;margin-top:10pt}
  .pts>li{page-break-inside:avoid}
  table{page-break-inside:avoid;font-size:9pt}
  th,td{padding:3.5pt 6pt}
  .star,.def{page-break-inside:avoid}
  .appendix{page-break-before:always}
  a{color:inherit;text-decoration:none}
}

/* 手机 */
@media(max-width:700px){
  .wrap{padding:0 18px}
  .title h1{font-size:21px}
  body{font-size:16px}
  .def,.pts>li,.star{font-size:16px}
  table{font-size:13px}
  th,td{padding:6px 8px}
  .mod{font-size:16px}
  h2.num{font-size:16px}
}