/* ============================================================
   免费下载页 · 按阿里云正式站色调（2026-09-30）
   配色变量（与阿里云 style.css 完全一致）
   --blue:#2563eb  --blue-d:#1d4ed8  --blue-l:#eff6ff
   --ink:#1a2233   --gray:#4b5563    --gray-l:#6b7280
   --line:#e6eaf2  --bg:#f7f9fc
   风格：极简蓝白，无彩色光晕、无渐变标题
   ============================================================ */


/* ***** ① 页头：保持彩色光晕 + 渐变标题（本次只改卡片区）***** */
.dl-hero.pg-head{
  position:relative !important;
  overflow:hidden !important;
  background:#fbfcfe !important;
  border-bottom:1px solid #eef2f8 !important;
  padding:26px 0 22px !important;
  text-align:center !important;
}
.dl-hero.pg-head::before{
  content:'' !important;
  position:absolute !important;inset:0 !important;pointer-events:none !important;
  display:block !important;
  background:
    radial-gradient(900px 420px at 10% -18%, rgba(99,102,241,.20) 0%, transparent 66%),
    radial-gradient(700px 380px at 94% -4%, rgba(139,92,246,.17) 0%, transparent 64%),
    radial-gradient(600px 340px at 52% 118%, rgba(6,182,212,.12) 0%, transparent 68%) !important;
}
.dl-hero.pg-head::after{
  content:'' !important;
  position:absolute !important;inset:0 !important;pointer-events:none !important;
  display:block !important;
  background-image:
    linear-gradient(rgba(11,18,32,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(11,18,32,.028) 1px,transparent 1px) !important;
  background-size:52px 52px !important;
  mask-image:radial-gradient(ellipse 74% 70% at 50% 28%,#000 20%,transparent 74%) !important;
  -webkit-mask-image:radial-gradient(ellipse 74% 70% at 50% 28%,#000 20%,transparent 74%) !important;
}
.dl-hero .pg-head-in{
  position:relative !important;z-index:2 !important;
  max-width:1200px !important;margin:0 auto !important;padding:0 24px !important;
  text-align:center !important;
}
.dl-hero h1{
  font-size:32px !important;line-height:1.18 !important;letter-spacing:-1px !important;
  font-weight:800 !important;color:#080e1a !important;margin-bottom:8px !important;
  background:none !important;
}
.dl-hero .pg-grad{
  background:linear-gradient(100deg,#6366f1 0%,#8b5cf6 46%,#06b6d4 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}
.dl-hero p{
  font-size:13.5px !important;color:#5a6577 !important;
  line-height:1.65 !important;max-width:660px !important;margin:0 auto !important;
}
.dl-hero .pg-badge{
  display:inline-flex !important;align-items:center !important;gap:8px !important;
  padding:5px 13px !important;border-radius:99px !important;
  background:#fff !important;border:1px solid #e4e9f4 !important;
  box-shadow:0 1px 2px rgba(16,24,40,.05) !important;
  font-size:11.5px !important;font-weight:600 !important;color:#4c5a72 !important;
  margin-bottom:10px !important;
}
.dl-hero .pg-badge i{
  width:6px !important;height:6px !important;border-radius:50% !important;
  background:linear-gradient(135deg,#8b5cf6,#06b6d4) !important;
  box-shadow:0 0 8px rgba(139,92,246,.7) !important;
}
.dl-ver{
  display:inline-flex !important;align-items:center !important;gap:8px !important;
  background:#fff !important;border:1px solid #e6ebf4 !important;
  border-radius:999px !important;padding:6px 14px !important;
  font-size:11.5px !important;color:#5a6577 !important;
  margin-top:12px !important;
}
.dl-ver b{color:#4f46e5 !important;font-weight:700 !important}
.dl-ver .dot{
  width:7px !important;height:7px !important;border-radius:50% !important;
  background:linear-gradient(135deg,#10b981,#34d399) !important;
  box-shadow:0 0 8px rgba(16,185,129,.75) !important;
}

/* ***** 响应式 ***** */
@media (max-width:900px){
  .dl-hero{padding:30px 0 24px !important}
  .dl-hero h1{font-size:22px !important;margin-bottom:9px !important;letter-spacing:-.3px !important}
  .dl-hero p{font-size:13px !important;line-height:1.65 !important;margin-bottom:13px !important}
  .dl-ver{font-size:11.5px !important;padding:5px 13px !important}
  .plat-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;margin-top:22px !important}
  .plat{padding:18px 15px 16px !important;border-radius:12px !important}
  .plat-tag{left:14px !important;font-size:10px !important;line-height:20px !important;height:20px !important;padding:0 9px !important}
  .plat-ic{width:38px !important;height:38px !important;border-radius:10px !important;margin-bottom:10px !important}
  .plat-ic svg{width:20px !important;height:20px !important}
  .plat h3{font-size:15px !important;margin-bottom:5px !important}
  .plat .sub{font-size:11.5px !important;line-height:1.6 !important;margin-bottom:11px !important;min-height:0 !important}
  .plat .sub br{display:none !important}
  .plat-meta{font-size:11px !important;gap:9px !important;padding:9px 0 !important;margin-bottom:11px !important}
  .plat a.btn{height:42px !important;font-size:13px !important}
  .plat-note{font-size:10.5px !important;line-height:1.55 !important;margin-top:8px !important;min-height:0 !important}
  .plat-note br{display:none !important}
  .step{gap:11px !important}
  .step-n{flex:0 0 26px !important;width:26px !important;height:26px !important;font-size:13px !important}
  .step-t b{font-size:13px !important}
  .step-t p{font-size:12.2px !important;line-height:1.7 !important}
  .tipbox{padding:13px 14px !important}
  .tipbox h4{font-size:13px !important}
  .tipbox p{font-size:12.2px !important;line-height:1.75 !important}
  .sha, .hash-list, .md5-list, .checksum{padding:12px 13px !important}
  .sha-k{flex:0 0 76px !important;font-size:11.5px !important}
  .sha-v{font-size:10.8px !important}
  .faq-i h4{padding:13px 14px !important;font-size:13px !important}
  .faq-i p{padding:0 14px 13px !important;font-size:12.2px !important;line-height:1.8 !important}
  .faq{gap:9px !important}
}
@media (max-width:420px){
  .plat-grid{grid-template-columns:1fr !important}
  .dl-hero h1{font-size:20px !important}
}


/* ===== 按钮强制纯蓝（清掉残留渐变）===== */
.plat .btn,
.plat:nth-child(1) .btn,
.plat:nth-child(2) .btn,
.plat:nth-child(3) .btn,
.plat.pri .btn{
  background:#2563eb !important;
  background-image:none !important;
  background-color:#2563eb !important;
  color:#fff !important;
  border:none !important;
  border-radius:10px !important;
  font-size:14.5px !important;
  font-weight:600 !important;
  box-shadow:none !important;
  transition:background-color .2s !important;
  transform:none !important;
}
.plat .btn:hover,
.plat:nth-child(1) .btn:hover,
.plat:nth-child(2) .btn:hover,
.plat:nth-child(3) .btn:hover,
.plat.pri .btn:hover{
  background:#1d4ed8 !important;
  background-image:none !important;
  background-color:#1d4ed8 !important;
  box-shadow:none !important;
}


/* ===== 压缩：页头到卡片之间的空白（126px → ~20px）===== */
/* 页头紧邻的 section 的 padding-top 归零 */
.dl-hero + .sec{
  padding-top:0 !important;
  margin-top:0 !important;
}
/* 平台网格的上边距收紧 */
.dl-hero + .sec .plat-grid,
.plat-grid{
  margin-top:20px !important;
}
/* 页头本身底部 padding 再收 */
.dl-hero.pg-head{
  padding-bottom:14px !important;
}
/* 版本条上边距收紧 */
.dl-ver{
  margin-top:9px !important;
}
/* 页头内各元素间距收紧 */
.dl-hero h1{
  margin-bottom:7px !important;
}
.dl-hero p{
  margin-bottom:0 !important;
}
.dl-hero .pg-badge{
  margin-bottom:8px !important;
}

/* 移动端同步 */
@media (max-width:900px){
  .dl-hero + .sec{padding-top:0 !important}
  .dl-hero + .sec .plat-grid, .plat-grid{margin-top:14px !important}
  .dl-hero.pg-head{padding-bottom:12px !important}
  .dl-ver{margin-top:8px !important}
}


/* ===== 彻底消除 20px 空隙（margin 塌陷）===== */
.dl-hero + .sec{
  padding-top:0 !important;
  margin-top:0 !important;
  overflow:hidden !important;   /* ⭐ 阻止子元素 margin 塌陷 */
}
.dl-hero + .sec .wrap{
  padding-top:20px !important;  /* 用 padding 代替 margin（可控）*/
}
.dl-hero + .sec .plat-grid{
  margin-top:0 !important;      /* grid 的 margin 归零 */
}
/* 页头加个底边框区分（替代原来的空白）*/
.dl-hero.pg-head{
  border-bottom:1px solid #eef2f8 !important;
}

@media (max-width:900px){
  .dl-hero + .sec .wrap{padding-top:14px !important}
}