/* 下载页 · 只给 /download 用
   ─────────────────────────────────────────────────────────────────────────────
   配色与全部 CSS 变量都来自 app.css（同一个 :root），这里只加下载页自己的排版。
   刻意不复用 .view / .stack 那套 App 外壳布局 —— 这是个可以脱开登录看的落地页，
   滚动整页而不是"三视图单页"。

   为什么要单独一个文件：CSP 是 style-src 'self' 'unsafe-inline'，内联 <style>
   其实允许，但保持"页面无内联"这条纪律，改版时就不会有人顺手把逻辑也塞进 HTML。
   ───────────────────────────────────────────────────────────────────────────── */

.dl-body{
  background:var(--bg);
  /* 落地页要能整页滚（app.css 里 body 是 overflow:hidden，那是给 App 外壳用的） */
  overflow-y:auto !important;
  overflow-x:hidden;
}

.dl{
  max-width:560px;
  margin:0 auto;
  padding:calc(28px + var(--safe-t)) 20px calc(32px + var(--safe-b));
  display:flex;
  flex-direction:column;
  gap:22px;
}

/* ---------------- 头部 ---------------- */
.dl-hero{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  padding:18px 0 4px;
  text-align:center;
}
.dl-logo{
  width:112px;height:112px;
  border-radius:25px;
  filter:drop-shadow(0 16px 34px rgba(79,140,255,.34));
}
.dl-name{
  margin:6px 0 0;
  font-size:26px;
  font-weight:700;
  letter-spacing:3px;
}
.dl-tag{
  margin:0;
  font-size:14px;
  letter-spacing:2px;
  color:var(--muted);
}

.dl-lead{
  margin:0;
  text-align:center;
  font-size:15px;
  line-height:1.75;
  color:var(--muted);
}

/* ---------------- 下载卡 ---------------- */
.dl-card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px 16px 16px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.dl-meta{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:7px 14px;
  font-size:14px;
}
.dl-meta-k{color:var(--muted)}
.dl-meta-v{color:var(--text);font-variant-numeric:tabular-nums}

.dl-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:52px;
  border-radius:13px;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  color:#fff;
  font-size:17px;
  font-weight:600;
  text-decoration:none;
  transition:transform 120ms ease,filter 120ms ease;
}
/* 点下去要有反馈：手机上没有 hover，只有瞬时按下这一下能告诉用户"点到了" */
.dl-btn:active{transform:scale(.97);filter:brightness(.93)}

.dl-note{
  margin:0;
  min-height:18px;          /* 占位，避免数据填进来时页面跳一下 */
  font-size:13px;
  line-height:1.6;
  color:var(--muted);
}
.dl-note.warn{color:var(--warn)}

/* ---------------- 文字段落 ---------------- */
.dl-steps{
  background:var(--bg-soft);
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px 16px 18px;
}
.dl-h2{
  margin:0 0 10px;
  font-size:15px;
  font-weight:600;
  letter-spacing:1px;
  color:var(--text);
}
.dl-ol{
  margin:0;
  padding-left:20px;
  font-size:14px;
  line-height:1.95;
  color:var(--muted);
}
.dl-ol b{color:var(--text);font-weight:600}
.dl-p{
  margin:0;
  font-size:14px;
  line-height:1.85;
  color:var(--muted);
}
.dl-tip{
  margin:12px 0 0;
  padding-top:11px;
  border-top:1px solid var(--line);
  font-size:13px;
  line-height:1.8;
  color:var(--muted);
}
.dl-link{
  display:inline-block;
  margin-top:11px;
  color:var(--accent);
  font-size:15px;
  font-weight:500;
  text-decoration:none;
}
.dl-link:active{opacity:.65}

/* ---------------- 页脚 ---------------- */
.dl-foot{
  padding-top:6px;
  display:flex;
  flex-direction:column;
  gap:8px;
  text-align:center;
}
.dl-warn{
  margin:0;
  font-size:13px;
  line-height:1.75;
  color:var(--muted);
}
.dl-warn b{color:var(--warn);font-weight:600}
.dl-muted{color:#5b667a}