/* ============================================================
   Clash入门指南 · clashrumen.com
   download.css —— 安装包页(download.html)专属样式
   仅补充本页布局,组件样式一律沿用 base.css / components.css
   ============================================================ */

/* ---------- 页首图签区 ---------- */
.dl-top{padding-top:56px;padding-bottom:24px;}
.dl-title{
  margin-top:18px;
  font-size:clamp(30px,3.6vw,46px);
  font-weight:900;
  letter-spacing:.06em;
  line-height:1.25;
}
.dl-lead{
  margin-top:18px;
  max-width:56em;
  font-size:15px;
  line-height:1.95;
  color:var(--chalk-dim);
}
.dl-legend{
  display:flex;
  flex-wrap:wrap;
  gap:14px 28px;
  margin-top:24px;
  border-top:1px solid var(--rule);
  padding-top:18px;
}
.dl-legend .lg{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:12.5px;
  color:var(--chalk-dim);
  min-width:0;
}

/* ---------- 选型指引 ---------- */
.pick-list{list-style:none;padding:0;}
.pick-list li{
  position:relative;
  padding:0 0 16px 26px;
  font-size:14px;
  line-height:1.9;
  color:var(--chalk-dim);
  min-width:0;
}
.pick-list li::before{
  content:"";
  position:absolute;
  left:2px;
  top:11px;
  width:9px;
  height:9px;
  border:1px solid var(--chalk);
}
.pick-list li:last-child{padding-bottom:0;}
.pick-list strong{color:var(--chalk);}
.cross-links{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
  border-top:1px dashed var(--rule);
  padding-top:20px;
}

/* ---------- 平台详图面板 ---------- */
.plat-h{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  font-size:20px;
  font-weight:800;
  letter-spacing:.06em;
  border-bottom:1px solid var(--rule);
  padding-bottom:14px;
}
.plat-no{
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:400;
  letter-spacing:.14em;
  color:var(--chalk-dim);
  flex-shrink:0;
}
.plat-note{
  margin-top:16px;
  margin-bottom:26px;
  max-width:58em;
  font-size:13.5px;
  line-height:1.9;
  color:var(--chalk-dim);
}
.plat-note code{
  background:var(--paper-sink);
  border:1px solid var(--rule);
  padding:1px 6px;
  font-size:.9em;
  color:var(--chalk);
}
.plat-link,.meta-link{
  color:var(--chalk);
  border-bottom:1px dashed var(--chalk-dim);
}
.plat-link:hover,.meta-link:hover{border-bottom-color:var(--chalk);}

/* 卡片标题区(本站抽签:无客户端 logo,纯文字排版) */
.dl-title-box{min-width:0;flex:1;}
.dl-cards{align-items:stretch;}

/* ---------- 系统要求小表 ---------- */
.req-block{margin-top:32px;}
.req-h{
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:400;
  letter-spacing:.18em;
  color:var(--chalk-dim);
  margin-bottom:12px;
}

/* ---------- 内核区 ---------- */
.core-plate .table-wrap{margin-top:6px;}
.core-dl{
  font-family:var(--font-mono);
  font-size:12.5px;
  color:var(--chalk);
  border-bottom:1px dashed var(--chalk-dim);
  overflow-wrap:anywhere;
}
.core-dl:hover{border-bottom-color:var(--chalk);}
.core-note{
  margin-top:20px;
  margin-bottom:14px;
  font-size:13.5px;
  line-height:1.9;
  color:var(--chalk-dim);
}

/* ---------- 下一道工序 ---------- */
.next-sec{padding-top:24px;}
.next-plate{max-width:760px;}
.next-h{font-size:22px;font-weight:800;letter-spacing:.06em;margin-bottom:12px;}
.next-d{
  font-size:14px;
  line-height:1.9;
  color:var(--chalk-dim);
  margin-bottom:22px;
  max-width:46em;
}

/* ---------- 响应式 ---------- */
@media (max-width:640px){
  .dl-top{padding-top:40px;}
  .dl-actions .btn{width:100%;justify-content:center;}
}
</style>