/* ==========================================================================
   download.html 页面专属样式
   依赖 base.css / components.css 的设计令牌,本文件不新增颜色值。
   ========================================================================== */

/* ============ 页头 ============ */
.dl-hero{
  position:relative;
  padding-top:76px;padding-bottom:60px;
  border-bottom:1px solid var(--border-soft);
}
.dl-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(640px 260px at 16% 0%,var(--accent-10),transparent 70%),
    radial-gradient(520px 220px at 88% 24%,var(--peach-20),transparent 70%);
}
.dl-hero .wrap{position:relative}
.dl-hero h1{
  margin:0 0 18px;
  font-size:clamp(40px,5.4vw,64px);font-weight:900;letter-spacing:.02em;
}
.dl-hero .grad{
  background:linear-gradient(100deg,var(--accent) 10%,var(--accent-2) 90%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .dl-hero .grad{color:var(--accent-2);-webkit-text-fill-color:currentColor}
}
.dl-lede{margin:0;max-width:820px;color:var(--text-muted);font-size:15.5px;line-height:1.9}
.dl-lede strong{
  color:var(--text);font-weight:600;padding-bottom:2px;
  background:linear-gradient(90deg,var(--accent-35),var(--peach-30)) no-repeat left bottom;
  background-size:100% 1px;
}
.dl-hero .facts{flex-wrap:wrap}

/* ============ 平台面板说明 ============ */
.dl-panel-intro{margin:0 0 24px;max-width:780px;color:var(--text-muted);font-size:14px;line-height:1.85}

/* ============ 内核区表格链接 ============ */
.data-table td a{font-family:var(--font-mono);font-size:13px;overflow-wrap:anywhere;word-break:break-word}

/* ============ 响应式 ============ */
@media (max-width:640px){
  .dl-hero{padding-top:56px;padding-bottom:44px}
  .dl-hero h1{font-size:clamp(34px,10vw,44px)}
  .dl-lede{font-size:14.5px}
}