.dl-page .nav-links a[aria-current="page"]{color:var(--teal)}
.dl-hero{padding:120px 0 40px}
.dl-hero h1{font-size:clamp(34px,5vw,58px);max-width:18ch}
.dl-hero .lede{margin-top:18px;max-width:70ch;color:var(--muted)}
.dl-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:36px}
.dl-meta>div{padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.dl-meta dt{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.dl-meta dd{margin:6px 0 0;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}

.dl-platforms{padding:24px 0 8px}
.dl-platforms-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
.dl-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);display:flex;flex-direction:column;gap:14px}
.dl-card-primary{border-color:rgba(62,240,200,.28);box-shadow:0 20px 60px -30px rgba(62,240,200,.35)}
.dl-card header h2{font-size:24px}
.dl-card header p{color:var(--muted);margin-top:8px}
.dl-hint{font-size:13px;color:var(--dim)}
.dl-warn{font-size:13px;color:var(--gold);border-top:1px dashed var(--line);padding-top:12px;margin-top:auto}
.dl-sha{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--dim)}
.dl-sha code{font-size:12px;color:var(--text);background:rgba(120,160,200,.10);padding:6px 10px;border-radius:8px;word-break:break-all}
.dl-qr{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted)}
.dl-qr img{background:#fff;padding:8px;border-radius:12px;width:132px;height:132px}

.dl-section{padding:44px 0}
.dl-section> .wrap> h2{font-size:clamp(24px,3vw,34px)}
.dl-sub{color:var(--muted);margin-top:10px;max-width:70ch}

.dl-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;counter-reset:none}
.dl-steps li{display:flex;gap:16px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.dl-steps b{color:var(--teal);font-size:13px;letter-spacing:.12em;padding-top:4px}
.dl-steps h3{font-size:17px;margin-bottom:6px}
.dl-steps p{font-size:14px;color:var(--muted)}

.dl-upgrade{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.dl-upgrade-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.dl-current{font-size:13px;color:var(--dim)}
.dl-current b{color:var(--text)}
.dl-upgrade .form-msg{margin:0;font-size:13px;color:var(--teal);min-height:18px}

.dl-cols-wrap{padding-top:8px}
.dl-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.dl-notes{margin-top:18px;display:flex;flex-direction:column;gap:10px}
.dl-notes li{position:relative;padding-left:20px;color:var(--muted);font-size:15px}
.dl-notes li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--teal)}
.dl-faq{margin-top:14px;display:flex;flex-direction:column;gap:10px}
.dl-faq details{border:1px solid var(--line);border-radius:12px;background:rgba(15,23,38,.5);padding:14px 16px}
.dl-faq summary{cursor:pointer;font-weight:600;font-size:15px}
.dl-faq p{margin-top:10px;color:var(--muted);font-size:14px}

.dl-foot-note{font-size:12px;color:var(--dim);margin-top:10px}

.dl-banner{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60;width:min(calc(100% - 32px),760px);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-radius:16px;border:1px solid rgba(62,240,200,.35);background:rgba(7,17,32,.96);box-shadow:0 24px 60px -20px rgba(0,0,0,.8);backdrop-filter:blur(8px)}
.dl-banner[hidden]{display:none}
.dl-banner strong{display:block;font-size:16px}
.dl-banner p{font-size:13px;color:var(--muted);margin-top:4px}
.dl-banner-actions{display:flex;gap:10px;flex-shrink:0}

@media (max-width:900px){
  .dl-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dl-platforms-grid,.dl-cols,.dl-steps{grid-template-columns:1fr}
  .dl-upgrade{flex-direction:column;align-items:flex-start}
  .dl-upgrade-side{align-items:flex-start}
}
@media (max-width:560px){
  .dl-hero{padding-top:96px}
  .dl-banner{flex-direction:column;align-items:stretch}
  .dl-banner-actions .btn{flex:1}
  .dl-qr img{width:112px;height:112px}
}
.dl-wechat{margin:0 0 18px;padding:12px 16px;border:1px solid rgba(255,176,32,.35);border-radius:12px;background:rgba(255,176,32,.08);color:#ffd27a;font-size:13px;line-height:1.6}
@media (max-width:640px){.dl-wechat{font-size:12.5px;padding:10px 13px}}
.dl-variant{margin:6px 0 0;font-size:12px;color:var(--muted);line-height:1.5}
.dl-scan-hint{margin:8px 0 0;font-size:12px;color:var(--muted);line-height:1.55}
@media (max-width:640px){.dl-scan-hint{font-size:11.5px}}