Initial commit

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

app/templates/base/coinDialog.html

@@ -0,0 +1,39 @@
+{{define "coinDialog"}}
+<link rel="stylesheet" href="/static/css/coinDialog.css?v=5">
+<div class="coin-dialog-mask" id="coinDialog">
+  <div class="coin-dialog-stack">
+    <div class="coin-dialog-card" role="dialog" aria-modal="true" aria-labelledby="coinDialogTitle">
+        <img class="coin-dialog-icon" src="/static/images/figma-dialogs/coin-unlock.svg" alt="金币" />
+        <div class="coin-dialog-title" id="coinDialogTitle">使用金币解锁本集</div>
+        <div class="coin-dialog-desc">解锁后可永久观看本集内容。</div>
+        <div class="coin-dialog-balance">
+            <div class="coin-dialog-balance-col">
+                <div class="coin-dialog-balance-label">当前余额</div>
+                <div class="coin-dialog-balance-value"><span data-coin-balance>0</span> 金币</div>
+            </div>
+            <div class="coin-dialog-balance-col coin-dialog-balance-col--end">
+                <div class="coin-dialog-balance-label">本次消耗</div>
+                <div class="coin-dialog-balance-cost"><span data-coin-cost>0</span> 金币</div>
+            </div>
+        </div>
+        <div class="coin-dialog-hint">后续付费剧集仍需逐集确认</div>
+        <div class="coin-dialog-actions">
+          <a
+            class="coin-dialog-download"
+            href="{{if .appConfig.AppAddr}}{{.appConfig.AppAddr}}{{else}}/download-app/{{end}}"
+            {{if .appConfig.AppAddr}}target="_blank" rel="sponsored nofollow noopener noreferrer"{{end}}
+          >下载app 免费看</a>
+          <button class="coin-dialog-cta" type="button" data-coin-dialog-pay aria-busy="false">
+              <span class="coin-dialog-cta-label"><span class="coin-dialog-cta-label-pc"><span data-coin-cost>0</span>金币 解锁</span><span class="coin-dialog-cta-label-h5">支付 <span data-coin-cost>0</span> 金币并播放</span></span>
+              <span class="coin-dialog-cta-loading">解锁中…</span>
+          </button>
+        </div>
+        <a class="coin-dialog-recharge" href="/deposit/coin/">金币不足？去充值</a>
+    </div>
+    <button class="coin-dialog-close" type="button" aria-label="关闭" data-coin-dialog-close>
+      <img src="/static/images/figma-dialogs/dialog-close.svg" alt="" />
+    </button>
+  </div>
+</div>
+<script src="/static/js/pages/coinDialog.js?v=2"></script>
+{{end}}