/* ==========================================================================
   download.css — 下载页专属样式
   平台分组头部 / 安装包按钮 / 系统要求与安装步骤 / 选型列表
   颜色、圆角、阴影一律引用 base.css 的 :root 令牌，本文件不出现硬编码颜色。
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 平台分组头部
   -------------------------------------------------------------------------- */

.plat-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px;}

.plat-head .plat-ico{width:46px;height:46px;border-radius:var(--r-md);}
.plat-head .plat-ico svg{width:21px;height:21px;}
.plat-head .plat-ico .ico-tux{width:19px;height:21px;}

.plat-head-text{min-width:0;}
.plat-title{margin:0 0 8px;font-size:clamp(20px,2vw,24px);}
.plat-sub{margin:0;max-width:66ch;font-size:14.5px;line-height:1.8;color:var(--text-muted);}

/* --------------------------------------------------------------------------
   2. 安装包按钮：卡片内视觉最重的元素，整宽实色，高度 ≥52px
   -------------------------------------------------------------------------- */

.dl-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;}
.dl-actions .dl-link{width:100%;min-height:52px;justify-content:center;padding:0 20px;font-size:15px;}
.dl-actions .dl-link--primary{font-weight:700;}

.dl-subline{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 18px;
  margin:0;
  font-size:13px;
  color:var(--text-muted);
}
.dl-subline a{
  color:var(--accent-dark);
  font-weight:600;
  border-bottom:1px solid var(--coral-soft);
  padding-bottom:1px;
}
.dl-subline a:hover{border-bottom-color:var(--accent);}

/* --------------------------------------------------------------------------
   3. 系统要求 / 安装步骤 双栏
   -------------------------------------------------------------------------- */

.spec-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:20px;
  margin-top:28px;
}

.spec-block{
  min-width:0;
  padding:22px 24px;
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow-soft);
}
.spec-title{margin:0 0 14px;font-size:15px;}
.spec-block .data-table{font-size:13.5px;}
.spec-block .data-table th{width:34%;}
.spec-block .data-table tr:last-child th{border-bottom:0;}

.install-steps{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:install;}
.install-steps li{
  position:relative;
  padding-left:36px;
  font-size:13.5px;
  line-height:1.8;
  color:var(--text-muted);
  counter-increment:install;
}
.install-steps li::before{
  content:counter(install);
  position:absolute;
  left:0;
  top:1px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:1px solid var(--border);
  border-radius:var(--r-pill);
  background:var(--bg-panel2);
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:700;
  color:var(--text);
}
.install-steps strong{color:var(--text);font-weight:600;}
.install-steps--wide li{font-size:14.5px;}

/* --------------------------------------------------------------------------
   4. 格式卡 / 选型列表 / 下一步链接
   -------------------------------------------------------------------------- */

.card > h3{margin-bottom:10px;}
.card > p{margin:0;font-size:13.5px;line-height:1.8;color:var(--text-muted);}

.pick-list{display:grid;gap:16px;margin:0;}
.pick-list li{
  display:grid;
  grid-template-columns:minmax(0,210px) minmax(0,1fr);
  gap:8px 20px;
  padding-bottom:16px;
  border-bottom:1px solid var(--border);
}
.pick-list li:last-child{padding-bottom:0;border-bottom:0;}
.pick-key{
  font-family:var(--font-mono);
  font-size:12.5px;
  font-weight:600;
  color:var(--text);
}
.pick-val{font-size:14px;line-height:1.8;color:var(--text-muted);}

.pick-more{margin:18px 0 0;}
.steps-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin:20px 0 0;}

/* --------------------------------------------------------------------------
   5. 响应式
   -------------------------------------------------------------------------- */

@media (max-width:900px){
  .spec-grid{grid-template-columns:minmax(0,1fr);}
  .pick-list li{grid-template-columns:minmax(0,1fr);gap:4px;}
}

@media (max-width:640px){
  .plat-head{gap:12px;margin-bottom:22px;}
  .plat-head .plat-ico{width:40px;height:40px;}
  .spec-block{padding:18px 18px;}
  .spec-block .data-table th{width:auto;}
  .dl-actions .dl-link{min-height:50px;font-size:14.5px;}
}