{{define "downloadPop"}}
{{/* 下载弹窗：链接取值与首页 app-cta 一致 → .config.AppAddr */}}
{{$appAddr := .config.AppAddr}}
<link rel="stylesheet" href="/static/css/downloadPop.css?v=2">
<div
  class="download-pop"
  data-download-pop
  data-app-addr="{{$appAddr}}"
  role="dialog"
  aria-modal="true"
  aria-labelledby="download-pop-title"
>
  <div class="download-pop__mask" data-download-close aria-hidden="true"></div>
  <div class="download-pop__panel">
    <button class="download-pop__close" type="button" data-download-close aria-label="关闭">
      <img decoding="async" loading="lazy" class="icon" src="/static/images/placeholder.png?v=2" data-src="/static/images/close.svg" alt="">
    </button>
    <div class="download-pop__copy">
      <h2 class="download-pop__title" id="download-pop-title">下载黄果短剧 App</h2>
      <p class="download-pop__desc">点击后前往黄果短剧下载页，手机打开会自动识别设备并推荐安装方式</p>
    </div>
    <a class="download-pop__download" href="{{if $appAddr}}{{$appAddr}}{{else}}/download-app{{end}}"{{if $appAddr}} target="_blank" rel="sponsored nofollow noopener"{{end}}>
      <img decoding="async" loading="lazy" class="download-pop__download-icon" src="/static/images/placeholder.png?v=2" data-src="/static/images/download.svg" alt="">
      点击下载
    </a>
  </div>
</div>
<script defer src="/static/js/pages/downloadPop.js?v=3"></script>
{{end}}