{{define "vipDialog"}}
<link rel="stylesheet" href="/static/css/vipDialog.css">
<div class="vip-dialog-mask" id="vipDialog">
    <div class="vip-dialog-card" role="dialog" aria-modal="true" aria-labelledby="vipDialogTitle">
        <button class="vip-dialog-close" type="button" aria-label="关闭" data-vip-dialog-close>
            <span class="vip-dialog-close-ring"></span>
            <span class="vip-dialog-close-x"></span>
        </button>
        <div class="vip-dialog-icon" aria-hidden="true">
            <span class="vip-dialog-icon-bg"></span>
            <svg class="vip-dialog-icon-crown" viewBox="0 0 24 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M1.5 18.5h21L19.5 7.5l-4.5 5L12 2.5 9 12.5l-4.5-5L1.5 18.5z" fill="currentColor"/>
                <path d="M1.5 18.5h21v2.5h-21v-2.5z" fill="currentColor"/>
            </svg>
        </div>
        <div class="vip-dialog-title" id="vipDialogTitle">本集为 VIP 专享</div>
        <div class="vip-dialog-desc">当前账号尚未开通会员，开通后即可继续观看。</div>
        <div class="vip-dialog-benefits">全集免费看  ·  无广告打扰  ·  专属内容</div>
        <a class="vip-dialog-cta" href="/deposit/">开通 VIP 立即观看</a>
        <button class="vip-dialog-skip" type="button" data-vip-dialog-close>暂不观看</button>
    </div>
</div>
<script src="/static/js/pages/vipDialog.js?v=2"></script>
{{end}}