/* ==========================================================================
   Clash测评 · download.css(下载页专属)
   平台 tab 面板标题 / 平台导语 / 客户端卡评分数字 / 系统要求小表标题 /
   内核直链 / 下载答疑列表 / 「装好之后」三卡
   ========================================================================== */

/* tab 行与面板 */
.dl-tabs{margin-top:20px}
.pane-title{
  font-size:20px;
  font-weight:900;
  margin-bottom:8px;
}
.plat-lede{
  font-size:14px;
  line-height:1.8;
  color:color-mix(in srgb,var(--text) 74%,var(--bg));
  max-width:760px;
  margin-bottom:20px;
}
.plat-lede a{
  color:var(--accent-dark);
  font-weight:700;
}
.plat-lede a:hover{color:var(--warn)}

/* 客户端卡右上角评分数字(橙红,等宽) */
.client-score{
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:24px;
  font-weight:700;
  color:var(--warn);
  line-height:1;
  flex-shrink:0;
}
.client-score small{
  font-size:11px;
  color:var(--text-muted);
  font-weight:500;
}

/* 系统要求小表标题 */
.sysreq-title{
  font-size:15px;
  font-weight:800;
  margin-top:28px;
  margin-bottom:12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.sysreq-title::before{
  content:"";
  width:7px;height:18px;
  border-radius:4px;
  background:var(--accent);
  flex:none;
}

/* 内核区表内直链 */
.core-link{
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:700;
  color:var(--accent-dark);
  word-break:break-all;
}
.core-link:hover{color:var(--warn)}

/* iOS 导语内官网链接 */
.ios-site-link{
  font-weight:700;
  color:var(--accent-dark);
}
.ios-site-link:hover{color:var(--warn)}

/* 下载答疑列表宽度 */
.dl-faq-list{
  margin-top:20px;
  max-width:820px;
}

/* 「装好之后」三卡 */
.after-grid{
  margin-top:20px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.after-grid>*{min-width:0}
.after-card{
  display:flex;
  flex-direction:column;
  background:var(--bg);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-soft);
  padding:20px 22px;
  transition:transform .18s ease,box-shadow .18s ease;
}
.after-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-lift);
}
.after-card h3{
  font-size:16px;
  font-weight:800;
}
.after-card p{
  margin-top:8px;
  font-size:13px;
  line-height:1.75;
  color:var(--text-muted);
}
.after-more{
  margin-top:auto;
  padding-top:12px;
  font-size:13px;
  font-weight:700;
  color:var(--accent-dark);
}

/* 响应式 */
@media (max-width:820px){
  .after-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .client-score{font-size:20px}
  .pane-title{font-size:18px}
}
</style-placeholder-not-used>