/* ==========================================================================
   Clash知识库 · faq.html 页面专属样式
   问诊分科:急症速取笺 + 四科问答 + 转诊笺。直角、1px 细线、无发光无投影。
   ========================================================================== */

/* ---- 页头 ---- */
.page-head{margin-bottom:0;}
.page-head h1{font-size:clamp(30px, 4.6vw, 44px);letter-spacing:.08em;margin-top:16px;}
.page-head + .lead{margin-bottom:34px;}
.lead a{
  color:var(--text);
  text-decoration:underline;
  text-decoration-color:var(--accent);
  text-underline-offset:4px;
  transition:color .15s ease;
}
.lead a:hover{color:var(--warn);}

/* ---- 急症速取笺 ---- */
.triage{margin-bottom:34px;padding:24px 26px;}
.triage h2{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:20px;
  letter-spacing:.08em;
}
.triage h2::before{content:"";width:7px;height:7px;background:var(--accent);flex-shrink:0;}
.triage p{margin-top:10px;font-size:13.5px;line-height:1.9;}
.triage-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.triage-list li{min-width:0;}
.triage-list a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  letter-spacing:.04em;
  color:var(--ink);
  border:1px solid var(--paper-edge);
  background:var(--tag-lo);
  padding:9px 14px;
  min-height:44px;
  max-width:100%;
  overflow:hidden;
  transition:border-color .15s ease,color .15s ease;
}
.triage-list a::before{
  content:"";
  width:6px;height:6px;
  background:var(--accent);
  flex-shrink:0;
}
.triage-list a:hover{border-color:var(--accent);color:var(--accent-dark);}

/* ---- 分科区块 ---- */
.cat{margin-bottom:56px;}
.cat:last-child{margin-bottom:0;}
.cat-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  border-bottom:1px solid var(--border-strong);
  padding-bottom:14px;
  margin-bottom:14px;
}
.cat-head h2{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:clamp(24px, 3.2vw, 30px);
  letter-spacing:.1em;
}
.cat-head h2::before{content:"";width:9px;height:9px;background:var(--accent);flex-shrink:0;}
.cat-count{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  color:var(--text-muted);
  border:1px solid var(--border);
  background:var(--chip-bg);
  padding:5px 10px;
  white-space:nowrap;
}
.cat-brief{
  font-size:13.5px;
  line-height:1.9;
  color:var(--text-muted);
  margin-bottom:18px;
  max-width:64ch;
}

/* 锚点跳转时为吸顶 toc 与页头留出余量 */
.cat{scroll-margin-top:96px;}
.faq-item{scroll-margin-top:96px;}

/* ---- 转诊笺 ---- */
.next-sheet{padding:26px 28px;}
.next-sheet h2{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:22px;
  letter-spacing:.08em;
}
.next-sheet h2::before{content:"";width:7px;height:7px;background:var(--accent);flex-shrink:0;}
.next-sheet p{margin-top:12px;font-size:14px;line-height:1.95;max-width:64ch;}
.next-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.next-links a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13.5px;
  letter-spacing:.05em;
  color:var(--ink);
  border:1px solid var(--paper-edge);
  background:var(--tag-lo);
  padding:10px 16px;
  min-height:44px;
  max-width:100%;
  overflow:hidden;
  transition:border-color .15s ease,color .15s ease,background .15s ease;
}
.next-links a::after{
  content:"→";
  color:var(--accent-dark);
  flex-shrink:0;
}
.next-links a:hover{border-color:var(--accent);color:var(--accent-dark);}

/* ---- 窄屏 ---- */
@media (max-width:640px){
  .triage{padding:20px 18px;}
  .triage-list a{width:100%;}
  .cat{margin-bottom:44px;}
  .next-sheet{padding:22px 18px;}
  .next-links a{width:100%;}
}