/* 移动端页(糖哥 2026-08-21):语汇跟着开放 API 页/合作页走,不另起一套观感 */
.dl-wrap { padding-bottom: 60px; }

.dl-hero { padding: 48px 0 28px; max-width: 780px; }
.dl-eyebrow {
  display: inline-block; margin-bottom: 14px; padding: 4px 12px;
  font-family: var(--font-mono); font-size: calc(11px * var(--sv-font-scale, 1)); letter-spacing: .12em;
  color: var(--warn, #f0b90b); background: rgba(240,185,11,.1);
  border: 1px solid rgba(240,185,11,.28); border-radius: 999px;
}
.dl-hero h1 { margin: 0 0 14px; font-size: calc(34px * var(--sv-font-scale, 1)); line-height: 1.3; color: var(--text-main); }
.dl-lead { margin: 0; font-size: calc(15px * var(--sv-font-scale, 1)); line-height: 1.8; color: var(--text-secondary); }

/* 三平台步骤卡:一行三列,窄屏落成一列 */
.dl-grid {
  margin-top: 26px; display: grid; gap: 16px;
  grid-template-columns: repeat(3, 1fr);
}
.dl-card {
  padding: 24px 26px;
  background: var(--bg-panel); border: 1px solid var(--line-soft);
  border-radius: var(--radius-lg, 14px);
}
.dl-card-h {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 6px; font-size: calc(17px * var(--sv-font-scale, 1)); font-weight: 700; color: var(--text-main);
}
.dl-card-h svg { flex: 0 0 auto; color: var(--text-muted); }
.dl-card-sub {
  margin: 0 0 16px; font-family: var(--font-mono);
  font-size: calc(11.5px * var(--sv-font-scale, 1)); letter-spacing: .08em; color: var(--text-muted);
}
.dl-steps { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 10px; }
.dl-steps li { font-size: calc(14px * var(--sv-font-scale, 1)); line-height: 1.7; color: var(--text-secondary); }

.dl-sec {
  margin-top: 26px; padding: 24px 26px;
  background: var(--bg-panel); border: 1px solid var(--line-soft); border-radius: var(--radius-lg, 14px);
}
.dl-sec h2 { margin: 0 0 16px; font-size: calc(19px * var(--sv-font-scale, 1)); color: var(--text-main); }
.dl-sec ul { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 10px; }
.dl-sec li { font-size: calc(14px * var(--sv-font-scale, 1)); line-height: 1.8; color: var(--text-secondary); }

@media (max-width: 900px) {
  .dl-grid { grid-template-columns: 1fr; }
  .dl-hero { padding: 32px 0 20px; }
  .dl-hero h1 { font-size: calc(26px * var(--sv-font-scale, 1)); }
  .dl-card, .dl-sec { padding: 20px 18px; }
}

/* 一键安装按钮(糖哥 2026-08-23,下载页):Chrome/Edge 真一键=主按钮;iOS 引导=描边次按钮 */
.dl-install {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  width: 100%; margin-top: 16px; padding: 11px 14px;
  font-size: calc(14px * var(--sv-font-scale, 1)); font-weight: 600; line-height: 1;
  color: var(--accent-contrast, #0d1117); background: var(--accent, #f0b90b);
  border: 1px solid var(--accent, #f0b90b); border-radius: var(--radius-lg, 12px);
  cursor: pointer; transition: filter .15s, opacity .15s, background .15s;
}
.dl-install:hover { filter: brightness(1.06); }
.dl-install:active { filter: brightness(0.96); }
.dl-install.guide { color: var(--text-main, #f4f5f7); background: transparent; border-color: var(--line-soft, rgba(255,255,255,0.12)); }
.dl-install.guide:hover { background: rgba(255,255,255,0.04); filter: none; }
.dl-install.done, .dl-install:disabled { color: var(--text-muted, #8a8f9c); background: transparent; border-color: var(--line-soft, rgba(255,255,255,0.12)); cursor: default; filter: none; }
.dl-install-note { margin: 8px 2px 0; min-height: 1em; font-size: calc(12px * var(--sv-font-scale, 1)); line-height: 1.5; color: var(--text-muted, #8a8f9c); }

/* 下载页三张平台卡,版心走窄档 */
.container { max-width: var(--page-narrow); }