/* 下载页：沿用 cinema.css 的圆角/阴影/材质令牌；颜色先用本页回退值，
   待深色模式落地后统一改用 --bg / --ink / --line 变量。 */

.dl-hero{max-width:760px;margin:0 auto;padding:clamp(56px,9vw,112px) 24px 28px;text-align:center}
.dl-hero h1{font-family:var(--font-serif,var(--serif));font-size:clamp(38px,5vw,60px);font-weight:600;line-height:1.25;letter-spacing:0}
.dl-hero p{margin-top:18px;font-size:17px;line-height:1.9;color:var(--ink-secondary,#5e6268)}

.dl-release{max-width:760px;margin:0 auto;padding:0 24px}
.dl-card{position:relative;padding:var(--sp-3,24px);background:var(--mat-bg,rgba(255,255,255,.72));
  -webkit-backdrop-filter:var(--mat-blur,saturate(180%) blur(20px));backdrop-filter:var(--mat-blur,saturate(180%) blur(20px));
  box-shadow:var(--sh-3),var(--mat-highlight),0 0 0 .5px var(--hairline,rgba(16,24,40,.08))}
.dl-card::before{content:"";position:absolute;inset:0;clip-path:var(--sq-clip,none);box-shadow:inherit;pointer-events:none}
.dl-card-top{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-3,24px);flex-wrap:wrap}
.dl-meta{margin:0;display:grid;gap:10px}
.dl-meta>div{display:grid;grid-template-columns:96px 1fr;align-items:baseline;gap:12px}
.dl-meta dt{font-size:12px;color:var(--ink-tertiary,#7b8087);letter-spacing:.02em}
.dl-meta dd{margin:0;font-size:16px;font-weight:600;color:var(--ink,#17191b);font-variant-numeric:tabular-nums}

.dl-alt{margin-top:18px;display:flex;gap:18px;flex-wrap:wrap;font-size:13.5px}
.dl-alt a{color:var(--ink-secondary,#3a3e44);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:.5px}
.dl-status{margin-top:12px;font-size:12px;color:var(--ink-tertiary,#7b8087)}
.dl-notes{margin-top:16px;padding-top:16px;border-top:1px solid var(--hairline,rgba(16,24,40,.08));
  font-size:14px;line-height:1.9;color:var(--ink-secondary,#5e6268);white-space:pre-line}

.dl-section{max-width:760px;margin:0 auto;padding:clamp(48px,7vw,84px) 24px 0}
.dl-section h2{font-family:var(--font-serif,var(--serif));font-size:clamp(24px,2.6vw,32px);font-weight:600;line-height:1.4}
.dl-section>p{margin-top:16px;font-size:16px;line-height:1.95;color:var(--ink-secondary,#5e6268)}
.dl-section>p a{color:var(--ink,#17191b);text-decoration:underline;text-underline-offset:4px}

.dl-steps{list-style:none;margin:26px 0 0;padding:0}
.dl-steps li{display:flex;gap:18px;padding:20px 0;border-top:1px solid var(--hairline,rgba(16,24,40,.08))}
.dl-steps li:last-child{border-bottom:1px solid var(--hairline,rgba(16,24,40,.08))}
.dl-step{flex:0 0 auto;width:26px;font-size:13px;color:var(--ink-tertiary,#7b8087);font-variant-numeric:tabular-nums;padding-top:2px}
.dl-steps b{font-size:16.5px;font-weight:600;color:var(--ink,#17191b)}
.dl-steps p{margin-top:8px;font-size:15px;line-height:1.9;color:var(--ink-secondary,#5e6268)}
.dl-steps code,.dl-diff code,.dl-note code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;
  background:rgba(16,24,40,.05);padding:1px 5px;border-radius:4px}

.dl-diff,.dl-req{margin:24px 0 0;padding:0}
.dl-diff>div,.dl-req>div{padding:20px 0;border-top:1px solid var(--hairline,rgba(16,24,40,.08))}
.dl-diff>div:last-child,.dl-req>div:last-child{border-bottom:1px solid var(--hairline,rgba(16,24,40,.08))}
.dl-diff dt,.dl-req dt{font-size:16.5px;font-weight:600;color:var(--ink,#17191b)}
.dl-diff dd,.dl-req dd{margin:9px 0 0;font-size:15px;line-height:1.9;color:var(--ink-secondary,#5e6268)}
.dl-note{margin-top:16px;font-size:12.5px;line-height:1.9;color:var(--ink-tertiary,#7b8087)}
.dl-note a{color:var(--ink-secondary,#3a3e44);text-decoration:underline;text-underline-offset:4px}
.dl-section:last-of-type{padding-bottom:clamp(56px,8vw,96px)}

@media(max-width:640px){
  .dl-hero{padding-top:52px}
  .dl-meta>div{grid-template-columns:1fr;gap:2px}
  .dl-card-top{align-items:stretch}
  .dl-card-top .primary{width:100%}
  .dl-alt{gap:12px}
}