/* ==========================================================================
   下载页专属样式(download.html)
   依赖 base.css / components.css 的设计令牌;直角、细线、无发光无投影。
   ========================================================================== */

/* ---------- 页头:左文案 + 右「下载前确认」笺纸 ---------- */
.dl-hero{
  padding-top:64px;
  padding-bottom:64px;
  border-bottom:1px solid var(--border);
  background:
    radial-gradient(720px 420px at 18% 20%, var(--wash-warm), var(--clear) 62%),
    radial-gradient(520px 380px at 88% 70%, var(--wash-red), var(--clear) 60%),
    var(--bg);
}
.dl-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:48px;
  align-items:center;
}
.dl-hero-main{min-width:0;}
.dl-hero-main h1{
  margin-top:18px;
  font-size:clamp(34px, 4.6vw, 52px);
  letter-spacing:.08em;
}
.dl-hero-main h1 em{font-style:normal;color:var(--accent);}
.dl-hero-main .lead strong{color:var(--warn);font-weight:600;}

/* 「下载前确认」笺纸:微倾,深墨字 */
.dl-note{
  padding:24px 26px 20px;
  transform:rotate(-1.2deg);
}
.dl-note h2{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:19px;
  letter-spacing:.12em;
}
.dl-note h2::before{content:"";width:7px;height:7px;background:var(--accent);flex-shrink:0;}
.dl-note ul{margin-top:12px;}
.dl-note li{
  position:relative;
  padding:9px 0 9px 20px;
  font-size:13.5px;
  line-height:1.85;
  color:var(--ink-soft);
  border-bottom:1px dashed var(--paper-edge);
}
.dl-note li:last-child{border-bottom:none;}
.dl-note li::before{
  content:"";
  position:absolute;
  left:0;top:.85em;
  width:6px;height:6px;
  background:var(--accent);
}
.dl-note-foot{
  margin-top:12px;
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:.1em;
  color:var(--ink-faint);
}

/* ---------- 平台面板内部 ---------- */
.dl-panel-body{padding-top:28px;}
.plat-intro{
  margin:0 0 22px;
  max-width:72ch;
  font-size:14px;
  line-height:1.9;
  color:var(--text-muted);
}

/* 系统要求小表 */
.sysreq{margin-top:32px;}
.sysreq h3{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:16px;
  letter-spacing:.08em;
  margin-bottom:14px;
}
.sysreq h3::before{content:"";width:6px;height:6px;background:var(--copper);flex-shrink:0;}
.sysreq .table-wrap{margin-bottom:0;}

/* ---------- 内核区 ---------- */
.kernel-table{margin-top:26px;}
.kernel-table a{
  color:var(--warn);
  font-family:var(--font-mono);
  font-size:12.5px;
  text-decoration:underline;
  text-decoration-color:var(--accent);
  text-underline-offset:4px;
  word-break:break-all;
  transition:color .15s ease;
}
.kernel-table a:hover{color:var(--text);}
#kernel .lead code{
  font-family:var(--font-mono);
  font-size:.88em;
  background:var(--chip-bg);
  border:1px solid var(--border);
  padding:2px 7px;
  color:var(--warn);
}
#kernel .callout{margin-top:26px;}
#kernel .lead:last-child{margin-bottom:0;}

/* ---------- 窄屏兜底 ---------- */
@media (max-width:900px){
  .dl-hero{padding-top:48px;padding-bottom:48px;}
  .dl-hero-grid{grid-template-columns:1fr;gap:36px;}
  .dl-note{transform:none;}
}
@media (max-width:640px){
  .dl-hero{padding-top:40px;padding-bottom:40px;}
  .dl-panel-body{padding-top:22px;}
  .dl-actions .btn{flex:1 1 auto;justify-content:center;}
}