/* ==========================================================================
   下载页「智能直达」样式
   仅本页使用，与 feetrip.css 设计 Token 保持一致（浅色 / 深色自适应）。
   ========================================================================== */

/* .ft-store-btn 现在是 <a>，去掉链接下划线 */
.ft-store-btn {
  text-decoration: none;
}

/* 作者样式里的 display 会覆盖 UA 的 [hidden]{display:none}，这里显式兜底 */
.ft-download [hidden] {
  display: none !important;
}

/* ── 设备推荐卡片 ─────────────────────────────────────────────────────── */

.ft-download-recommendation {
  margin-bottom: var(--space-xl);
  padding: var(--space-2xl);
}

.ft-download-eyebrow {
  margin-bottom: var(--space-sm);
  color: var(--primary);
  font-size: var(--fs-secondary);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.ft-download-title {
  margin-bottom: var(--space-sm);
  font-size: var(--fs-h3);
}

.ft-download-guidance {
  margin-top: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  border: 1px solid var(--border-2);
  border-left: 3px solid var(--accent);
  border-radius: var(--radius-sm);
  background: var(--accent-soft);
  color: var(--text);
  font-size: var(--fs-body-sm);
  line-height: 1.8;
}

.ft-download-recommendation .ft-btn {
  margin-top: var(--space-lg);
}

.ft-download-status {
  min-height: 1.4em;
  margin-top: var(--space-md);
  color: var(--text-soft);
  font-size: var(--fs-body-sm);
}

.ft-download-web {
  display: inline-block;
  margin-top: var(--space-sm);
  color: var(--primary);
  font-size: var(--fs-body-sm);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.ft-download-web:hover {
  color: var(--accent);
}

/* ── 手动选择 ──────────────────────────────────────────────────────────── */

.ft-download-manual-title {
  margin-bottom: var(--space-lg);
  font-size: var(--fs-title-md);
}

/* ── 荣耀按钮的字母徽标（暂无商店 Logo 图片） ─────────────────────────── */

.ft-store-glyph {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background: var(--primary-soft);
  color: var(--primary);
  font-size: var(--fs-caption);
  font-weight: 800;
  line-height: 20px;
  text-align: center;
}
