<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>VIP会员 - 闲社 | AI自动化技能平台</title>
<style type="text/css">
/* ===== 闲社VIP会员页面 V3 ===== */
.vip-page-container{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#1a1a2e;line-height:1.6;-webkit-font-smoothing:antialiased}
.vip-page-container *{margin:0;padding:0;box-sizing:border-box}

/* Hero */
.vip-hero{background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);padding:80px 20px 100px;text-align:center;position:relative;overflow:hidden}
.vip-hero::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,255,157,.06) 0%,transparent 60%);animation:heroPulse 8s ease-in-out infinite}
@keyframes heroPulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:1}}
.vip-hero-content{position:relative;z-index:1;max-width:900px;margin:0 auto}
.vip-hero h1{font-size:48px;font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-1px}
.vip-hero h1 span{background:linear-gradient(135deg,#00ff9d,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.vip-hero-subtitle{font-size:18px;color:rgba(255,255,255,.65);margin-bottom:50px;line-height:1.8}
.vip-hero-stats{display:flex;justify-content:center;gap:50px;margin-top:40px;flex-wrap:wrap}
.vip-hero-stat{text-align:center}
.vip-hero-stat .number{font-size:42px;font-weight:800;background:linear-gradient(135deg,#00ff9d,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:block}
.vip-hero-stat .label{font-size:14px;color:rgba(255,255,255,.5);margin-top:6px}

/* 权益亮点 */
.vip-benefits-section{padding:80px 20px;background:#0a0e27}
.vip-benefits-section .vip-section-title{text-align:center;margin-bottom:60px}
.vip-benefits-section .vip-section-title h2{font-size:32px;font-weight:700;color:#fff;margin-bottom:12px}
.vip-benefits-section .vip-section-title p{font-size:16px;color:rgba(255,255,255,.5)}
.vip-benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1100px;margin:0 auto}
.vip-benefit-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px 24px;text-align:center;transition:all .3s}
.vip-benefit-item:hover{background:rgba(255,255,255,.08);transform:translateY(-4px)}
.vip-benefit-icon{font-size:40px;margin-bottom:16px}
.vip-benefit-item h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px}
.vip-benefit-item p{font-size:14px;color:rgba(255,255,255,.5);line-height:1.6}

/* 会员卡片 */
.vip-cards-section{padding:80px 20px;background:#f0f2f5}
.vip-cards-section .vip-section-title{text-align:center;margin-bottom:50px}
.vip-cards-section .vip-section-title h2{font-size:32px;font-weight:700;color:#1a1a2e;margin-bottom:12px}
.vip-cards-section .vip-section-title p{font-size:16px;color:#6c757d}
.vip-cards-wrapper{display:flex;justify-content:center;gap:16px;max-width:1200px;margin:0 auto;flex-wrap:wrap;align-items:flex-start}
.vip-card{background:#fff;border-radius:20px;padding:32px 24px;width:280px;text-align:center;transition:all .3s ease;position:relative;border:2px solid transparent}
.vip-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.1)}
.vip-card.popular{border-color:#00d4ff;transform:scale(1.04)}
.vip-card.popular:hover{transform:scale(1.04) translateY(-8px)}
.vip-card-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#00d4ff,#00ff9d);color:#0a0e27;padding:5px 20px;border-radius:20px;font-size:13px;font-weight:700;white-space:nowrap}
.vip-card-tag{color:#6c757d;font-size:12px;margin-bottom:12px;font-weight:500}
.vip-card h3{font-size:22px;font-weight:700;margin-bottom:4px;color:#1a1a2e}
.vip-card .subtitle{font-size:13px;color:#6c757d;margin-bottom:20px}
.vip-card-price{margin-bottom:24px}
.vip-card-price .currency{font-size:16px;color:#0a0e27;font-weight:600}
.vip-card-price .amount{font-size:44px;font-weight:800;color:#0a0e27;line-height:1}
.vip-card-price .period{font-size:13px;color:#6c757d}
.vip-card-price .original{text-decoration:line-through;color:#adb5bd;font-size:14px;margin-left:8px}
.vip-card-features{list-style:none;text-align:left;margin-bottom:28px}
.vip-card-features li{padding:7px 0;font-size:13px;color:#495057;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:8px}
.vip-card-features li::before{content:"✓";color:#00b894;font-weight:700;flex-shrink:0;width:20px;height:20px;background:rgba(0,184,148,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px}
.vip-card-features li.disabled{color:#adb5bd;text-decoration:line-through}
.vip-card-features li.disabled::before{content:"×";color:#adb5bd;background:#f0f0f0}
.vip-card-features li.highlight{color:#0a0e27;font-weight:600}
.vip-card-features li.highlight::before{content:"★";color:#f39c12;background:rgba(243,156,18,.1)}
.vip-card-features li.token{color:#e74c3c;font-weight:600}
.vip-card-features li.token::before{content:"⚡";color:#e74c3c;background:rgba(231,76,60,.1)}
.vip-card-btn{display:block;width:100%;padding:14px;border-radius:10px;text-decoration:none;font-weight:700;font-size:15px;transition:all .3s ease;border:none;cursor:pointer}
.vip-card-btn.primary{background:linear-gradient(135deg,#0a0e27,#302b63);color:#fff}
.vip-card-btn.primary:hover{box-shadow:0 8px 24px rgba(10,14,39,.3);transform:translateY(-2px)}
.vip-card-btn.secondary{background:#fff;color:#0a0e27;border:2px solid #0a0e27}
.vip-card-btn.secondary:hover{background:#0a0e27;color:#fff}

/* 对比表 */
.vip-compare-section{padding:80px 20px;background:#fff}
.vip-compare-section .vip-section-title{text-align:center;margin-bottom:50px}
.vip-compare-section .vip-section-title h2{font-size:32px;font-weight:700;color:#1a1a2e;margin-bottom:12px}
.vip-compare-section .vip-section-title p{font-size:16px;color:#6c757d}
.vip-compare-table{max-width:1100px;margin:0 auto;overflow-x:auto}
.vip-compare-table table{width:100%;border-collapse:collapse;font-size:13px}
.vip-compare-table th{padding:14px 10px;text-align:center;font-weight:600;color:#fff;border-bottom:2px solid #e9ecef;background:#0a0e27}
.vip-compare-table td{padding:12px 10px;border-bottom:1px solid #f0f0f0;color:#495057;text-align:center}
.vip-compare-table tr:hover td{background:#f8f9fa}
.vip-compare-table .feature-name{text-align:left;font-weight:600;color:#1a1a2e}
.vip-compare-table .check{color:#00b894;font-weight:700}
.vip-compare-table .cross{color:#adb5bd}
.vip-compare-table .highlight{color:#e74c3c;font-weight:600}
.vip-compare-table .best{background:rgba(0,212,255,.08);color:#0a0e27;font-weight:600}

/* 数据统计 */
.vip-stats-section{padding:70px 20px;background:linear-gradient(135deg,#0f0c29,#302b63);text-align:center}
.vip-stats-grid{display:flex;justify-content:center;gap:60px;max-width:900px;margin:0 auto;flex-wrap:wrap}
.vip-stat-item .stat-number{font-size:44px;font-weight:800;color:#00ff9d;line-height:1;margin-bottom:8px}
.vip-stat-item .stat-label{font-size:14px;color:rgba(255,255,255,.5)}

/* FAQ */
.vip-faq-section{padding:80px 20px;background:#f0f2f5}
.vip-faq-section .vip-section-title{text-align:center;margin-bottom:50px}
.vip-faq-section .vip-section-title h2{font-size:32px;font-weight:700;color:#1a1a2e;margin-bottom:12px}
.vip-faq-section .vip-section-title p{font-size:16px;color:#6c757d}
.vip-faq-list{max-width:700px;margin:0 auto}
.vip-faq-item{background:#fff;border-radius:14px;margin-bottom:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.04)}
.vip-faq-question{padding:20px 24px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#1a1a2e;font-size:15px}
.vip-faq-question .arrow{transition:transform .3s;color:#adb5bd}
.vip-faq-item.active .arrow{transform:rotate(180deg)}
.vip-faq-answer{padding:0 24px;max-height:0;overflow:hidden;transition:all .3s;color:#6c757d;font-size:14px;line-height:1.8}
.vip-faq-item.active .vip-faq-answer{padding:0 24px 20px;max-height:300px}

/* CTA */
.vip-cta-section{padding:90px 20px;text-align:center;background:linear-gradient(135deg,#0f0c29,#24243e);position:relative;overflow:hidden}
.vip-cta-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(0,255,157,.08) 0%,transparent 50%)}
.vip-cta-content{position:relative;z-index:1;max-width:600px;margin:0 auto}
.vip-cta-section h2{font-size:36px;font-weight:800;color:#fff;margin-bottom:16px}
.vip-cta-section p{font-size:16px;color:rgba(255,255,255,.6);margin-bottom:32px}
.vip-cta-btn{display:inline-block;padding:16px 48px;background:linear-gradient(135deg,#00d4ff,#00ff9d);color:#0a0e27;text-decoration:none;border-radius:12px;font-weight:700;font-size:16px;transition:all .3s ease}
.vip-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,255,157,.3)}
.vip-cta-guarantee{margin-top:20px;font-size:13px;color:rgba(255,255,255,.4)}

@media (max-width:1100px){.vip-cards-wrapper{gap:16px}.vip-card.popular{transform:scale(1)}.vip-card.popular:hover{transform:translateY(-8px)}.vip-benefits-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){.vip-hero h1{font-size:28px}.vip-hero-stats{gap:30px}.vip-cards-wrapper{flex-direction:column;align-items:center}.vip-card{width:100%;max-width:350px}.vip-benefits-grid{grid-template-columns:1fr}.vip-stats-grid{gap:40px}}
</style>
</head>
<body>

<div class="vip-page-container">

<!-- Hero -->
<section class="vip-hero">
    <div class="vip-hero-content">
        <h1>加入闲社 <span>VIP会员</span></h1>
        <p class="vip-hero-subtitle">解锁API聚合平台Token、视频课程折扣、服务市场低佣金特权<br>让AI开发更简单，让技能变现更高效</p>
        <div class="vip-hero-stats">
            <div class="vip-hero-stat"><span class="number">12,000+</span><div class="label">自动化技能</div></div>
            <div class="vip-hero-stat"><span class="number">800+</span><div class="label">入驻开发者</div></div>
            <div class="vip-hero-stat"><span class="number">3,500+</span><div class="label">付费会员</div></div>
            <div class="vip-hero-stat"><span class="number">0抽成</span><div class="label">合伙人专属</div></div>
        </div>
    </div>
</section>

<!-- 会员权益亮点 -->
<section class="vip-benefits-section">
    <div class="vip-section-title">
        <h2>为什么选择闲社会员</h2>
        <p>四大核心权益，全面提升你的AI开发效率</p>
    </div>
    <div class="vip-benefits-grid">
        <div class="vip-benefit-item">
            <div class="vip-benefit-icon">🔌</div>
            <h3>API聚合平台Token</h3>
            <p>每月赠送大量API调用Token，直接使用平台聚合的各大AI模型API</p>
        </div>
        <div class="vip-benefit-item">
            <div class="vip-benefit-icon">🎬</div>
            <h3>视频课程折扣</h3>
            <p>免费视频全量开放，收费视频会员专属折扣，最高享5折优惠</p>
        </div>
        <div class="vip-benefit-item">
            <div class="vip-benefit-icon">🛒</div>
            <h3>服务市场特权</h3>
            <p>发布技能和服务享更低佣金抽成，会员等级越高，抽成越低</p>
        </div>
        <div class="vip-benefit-item">
            <div class="vip-benefit-icon">💰</div>
            <h3>推广返利体系</h3>
            <p>邀请好友开通会员，获得高额返利，合伙人更可享50%推广佣金</p>
        </div>
    </div>
</section>

<!-- 会员卡片 -->
<section class="vip-cards-section">
    <div class="vip-section-title">
        <h2>选择适合你的会员方案</h2>
        <p>全平台通用 · 支持半年/年度/永久/合伙人 · 随时升级</p>
    </div>
    <div class="vip-cards-wrapper">

        <!-- 半年会员 -->
        <div class="vip-card">
            <div class="vip-card-tag">入门体验</div>
            <h3>半年会员</h3>
            <p class="subtitle">轻量体验，解锁核心权益</p>
            <div class="vip-card-price">
                <span class="currency">¥</span><span class="amount">198</span><span class="period">/ 半年</span>
            </div>
            <ul class="vip-card-features">
                <li class="token">API Token：每月 <strong>5,000</strong> 次</li>
                <li>全站浏览不限量</li>
                <li>收费帖子免费查看</li>
                <li>免费视频全量开放</li>
                <li>收费视频享 <strong>9折</strong></li>
                <li>服务市场佣金抽成：<strong>10%</strong></li>
                <li>会员专属微信群</li>
                <li>专属客服服务</li>
                <li class="disabled">推广返利</li>
                <li class="disabled">定制开发折扣</li>
            </ul>
            <a href="plugin.php?id=keke_group" class="vip-card-btn secondary">开通半年</a>
        </div>

        <!-- 年度会员 -->
        <div class="vip-card popular">
            <div class="vip-card-badge">最受欢迎 · 性价比之王</div>
            <div class="vip-card-tag">立省¥98</div>
            <h3>年度会员</h3>
            <p class="subtitle">深度开发者的首选</p>
            <div class="vip-card-price">
                <span class="currency">¥</span><span class="amount">298</span><span class="period">/ 年</span>
                <span class="original">¥396</span>
            </div>
            <ul class="vip-card-features">
                <li class="token">API Token：每月 <strong>20,000</strong> 次</li>
                <li class="highlight">全站浏览 + 发帖不限量</li>
                <li>收费帖子免费查看</li>
                <li>免费视频全量开放</li>
                <li>收费视频享 <strong>8折</strong></li>
                <li>服务市场佣金抽成：<strong>8%</strong></li>
                <li>推广返利 <strong>20%</strong></li>
                <li>会员专属微信群（高级群）</li>
                <li>专属客服 + 技术答疑优先</li>
                <li class="disabled">定制开发折扣</li>
            </ul>
            <a href="plugin.php?id=keke_group" class="vip-card-btn primary">立即开通</a>
        </div>

        <!-- 永久会员 -->
        <div class="vip-card">
            <div class="vip-card-tag">一次付费 终身享用</div>
            <h3>永久会员</h3>
            <p class="subtitle">终身解锁所有核心权益</p>
            <div class="vip-card-price">
                <span class="currency">¥</span><span class="amount">498</span><span class="period">/ 永久</span>
            </div>
            <ul class="vip-card-features">
                <li class="token">API Token：每月 <strong>50,000</strong> 次</li>
                <li>全站浏览 + 发帖不限量</li>
                <li>收费帖子免费查看</li>
                <li>免费视频全量开放</li>
                <li>收费视频享 <strong>7折</strong></li>
                <li>服务市场佣金抽成：<strong>5%</strong></li>
                <li>推广返利 <strong>30%</strong></li>
                <li>定制开发享 <strong>8折</strong></li>
                <li>专属VIP技术交流群</li>
                <li>1对1技术咨询：每月1次</li>
            </ul>
            <a href="plugin.php?id=keke_group" class="vip-card-btn secondary">开通永久</a>
        </div>

        <!-- 合伙人 -->
        <div class="vip-card" style="border-color:#f39c12">
            <div class="vip-card-tag" style="color:#f39c12">限量招募</div>
            <h3>超级合伙人</h3>
            <p class="subtitle">成为平台共建者，共享收益</p>
            <div class="vip-card-price">
                <span class="currency">¥</span><span class="amount">1999</span><span class="period">/ 合伙人</span>
            </div>
            <ul class="vip-card-features">
                <li class="token">API Token：每月 <strong>100,000</strong> 次</li>
                <li class="highlight">永久会员全部权益</li>
                <li>收费视频享 <strong style="color:#e74c3c">5折</strong></li>
                <li>服务市场佣金抽成：<strong style="color:#e74c3c">0%</strong></li>
                <li>推广返利 <strong style="color:#e74c3c">50%</strong></li>
                <li>定制开发享 <strong style="color:#e74c3c">7折</strong></li>
                <li>独立推广网站（可绑定域名）</li>
                <li>专属合伙人后台数据看板</li>
                <li>1对1运营指导（每月2次）</li>
                <li>线下活动VIP席位</li>
            </ul>
            <a href="plugin.php?id=keke_group" class="vip-card-btn secondary">申请合伙人</a>
        </div>
    </div>
</section>

<!-- 权益详细对比 -->
<section class="vip-compare-section">
    <div class="vip-section-title">
        <h2>权益详细对比</h2>
        <p>五大维度对比，找到最适合你的方案</p>
    </div>
    <div class="vip-compare-table">
        <table>
            <thead>
                <tr>
                    <th style="width:25%">权益项目</th>
                    <th style="width:18.75%">半年会员</th>
                    <th style="width:18.75%">年度会员</th>
                    <th style="width:18.75%">永久会员</th>
                    <th style="width:18.75%">合伙人</th>
                </tr>
            </thead>
            <tbody>
                <tr><td class="feature-name">订阅价格</td><td>¥198/半年</td><td class="best">¥298/年</td><td>¥498 永久</td><td>¥1999</td></tr>
                <tr><td class="feature-name">API Token/月</td><td>5,000 次</td><td>20,000 次</td><td>50,000 次</td><td class="best">100,000 次</td></tr>
                <tr><td class="feature-name">全站浏览</td><td><span class="check">✓</span> 不限</td><td><span class="check">✓</span> 不限</td><td><span class="check">✓</span> 不限</td><td><span class="check">✓</span> 不限</td></tr>
                <tr><td class="feature-name">发帖权限</td><td>限20帖/天</td><td>不限</td><td>不限</td><td>不限</td></tr>
                <tr><td class="feature-name">收费帖子查看</td><td><span class="check">✓</span></td><td><span class="check">✓</span></td><td><span class="check">✓</span></td><td><span class="check">✓</span></td></tr>
                <tr><td class="feature-name">免费视频</td><td><span class="check">✓</span> 全量</td><td><span class="check">✓</span> 全量</td><td><span class="check">✓</span> 全量</td><td><span class="check">✓</span> 全量</td></tr>
                <tr><td class="feature-name">收费视频折扣</td><td>9折</td><td>8折</td><td>7折</td><td class="best">5折</td></tr>
                <tr><td class="feature-name">服务市场佣金</td><td>10%</td><td>8%</td><td>5%</td><td class="best">0%</td></tr>
                <tr><td class="feature-name">推广返利</td><td><span class="cross">×</span></td><td>20%</td><td>30%</td><td class="best">50%</td></tr>
                <tr><td class="feature-name">定制开发折扣</td><td><span class="cross">×</span></td><td><span class="cross">×</span></td><td>8折</td><td class="best">7折</td></tr>
                <tr><td class="feature-name">1对1技术咨询</td><td><span class="cross">×</span></td><td><span class="cross">×</span></td><td>每月1次</td><td class="best">每月2次</td></tr>
                <tr><td class="feature-name">专属微信群</td><td>基础群</td><td>高级群</td><td>VIP群</td><td class="best">合伙人专属</td></tr>
                <tr><td class="feature-name">独立推广网站</td><td><span class="cross">×</span></td><td><span class="cross">×</span></td><td><span class="cross">×</span></td><td class="best">✓ 可绑域名</td></tr>
                <tr><td class="feature-name">运营数据看板</td><td><span class="cross">×</span></td><td><span class="cross">×</span></td><td><span class="cross">×</span></td><td class="best">✓ 实时数据</td></tr>
            </tbody>
        </table>
    </div>
</section>

<!-- 数据统计 -->
<section class="vip-stats-section">
    <div class="vip-stats-grid">
        <div class="vip-stat-item"><div class="stat-number">12,000+</div><div class="stat-label">自动化技能</div></div>
        <div class="vip-stat-item"><div class="stat-number">800+</div><div class="stat-label">入驻开发者</div></div>
        <div class="vip-stat-item"><div class="stat-number">3,500+</div><div class="stat-label">付费会员</div></div>
        <div class="vip-stat-item"><div class="stat-number">50%</div><div class="stat-label">合伙人返利</div></div>
    </div>
</section>

<!-- FAQ -->
<section class="vip-faq-section">
    <div class="vip-section-title">
        <h2>常见问题</h2>
        <p>关于会员的一些常见问题解答</p>
    </div>
    <div class="vip-faq-list">
        <div class="vip-faq-item active">
            <div class="vip-faq-question">API聚合平台Token是什么？怎么用？<span class="arrow">▼</span></div>
            <div class="vip-faq-answer">API聚合平台Token是闲社为您提供的API调用额度，可用于直接调用平台聚合的各大AI模型API（包括OpenAI、Claude、文心一言等）。每月月初自动重置，未用完的额度不累计。Token可在个人中心的"API管理"页面查看和使用。</div>
        </div>
        <div class="vip-faq-item">
            <div class="vip-faq-question">视频课程免费和收费的区别？<span class="arrow">▼</span></div>
            <div class="vip-faq-answer">学社视频分为免费课程和收费课程两类。所有会员均可免费观看全部免费课程。收费课程需要单独购买，但会员可享受折扣优惠：半年会员9折、年度会员8折、永久会员7折、合伙人5折。部分精品课程还提供免费试看章节。</div>
        </div>
        <div class="vip-faq-item">
            <div class="vip-faq-question">服务市场佣金抽成是什么意思？<span class="arrow">▼</span></div>
            <div class="vip-faq-answer">当您在服务市场发布技能或服务并获得订单时，平台会收取一定比例的服务费。普通用户抽成15%，半年会员10%，年度会员8%，永久会员5%，合伙人则享受0%抽成，全部收益归您所有。</div>
        </div>
        <div class="vip-faq-item">
            <div class="vip-faq-question">推广返利如何结算？<span class="arrow">▼</span></div>
            <div class="vip-faq-answer">通过您的专属推广链接邀请好友开通会员，当好友完成支付后，您即可获得对应比例的返利佣金。年度会员返利20%，永久会员30%，合伙人高达50%。佣金每月结算一次，支持支付宝和微信提现，最低提现金额50元。</div>
        </div>
        <div class="vip-faq-item">
            <div class="vip-faq-question">会员到期后我的数据会丢失吗？<span class="arrow">▼</span></div>
            <div class="vip-faq-answer">不会。您的帖子、评论、收藏等数据永久保留。会员到期后，您仍然可以正常浏览网站，只是超出免费额度后将无法继续使用API Token或会员专属功能，续费后可立即恢复所有权益。永久会员和合伙人则终身有效。</div>
        </div>
        <div class="vip-faq-item">
            <div class="vip-faq-question">合伙人有什么特殊权益？<span class="arrow">▼</span></div>
            <div class="vip-faq-answer">合伙人享有永久会员全部权益，同时服务市场0%抽成、推广返利50%、独立推广网站（可绑定自定义域名）、实时数据看板、新功能优先内测权、每月2次1对1运营指导等多项特权。合伙人限量招募，需审核通过。</div>
        </div>
    </div>
</section>

<!-- CTA -->
<section class="vip-cta-section">
    <div class="vip-cta-content">
        <h2>准备好解锁你的AI开发潜能了吗？</h2>
        <p>现在加入闲社会员，立即体验API聚合平台和专属服务</p>
        <a href="plugin.php?id=keke_group" class="vip-cta-btn">立即开通会员</a>
        <p class="vip-cta-guarantee">✓ 7天无理由退款 ✓ 安全支付保障 ✓ 随时可升级</p>
    </div>
</section>

</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery('.vip-faq-question').click(function(){
        var item = jQuery(this).parent();
        var isActive = item.hasClass('active');
        jQuery('.vip-faq-item').removeClass('active');
        if (!isActive) { item.addClass('active'); }
    });
});
</script>

</body>
</html>
