看见市面上很多人写了子比（Zibll）的独立会员 VIP 页面，不论是付费购买的还是免费开源的，我满怀期待地下载体验后，却发现一个极其致命的痛点：大多数居然都是直接在 HTML 里“写死”了会员选项和价格！ 这意味着什么？这意味着一旦你在子比后台调整了套餐价格、修改了促销标签，你还得苦哈哈地扒开 PHP 文件一行行找代码修改。更别提页面的介绍文案、特权对比，根本没有后台可以控制。

当时我就萌生了一个想法：能不能做一个真正“插件化”的独立 VIP 页面？ 它必须拥有完善的后台设置面板，所有的开通价格、套餐属性都必须实时拉取主题的底层设置，彻底拒绝硬编码！

于是，说干就干！这个插件诞生了。

在开发这个插件时，其实最费劲的地方根本不是获取数据——获取会员等级和原始价格很简单，直接写个底层探测器解析 _pz('vip_opt') 数组就能拿到全部套餐、原价和特惠标签。

这个很贴心的功能打磨了很久： 用户在我们的vip卡片上点击某个子套餐（比如“6个月 SVIP”），唤起子比的 AJAX 原生收银台，并且自动、精准地跳转选中对应的那个单选框。而不是默认都为第一个的价格卡片。

后台设置

抛弃繁琐的代码修改，我为它专门打造了一个极简、响应式的后台控制面板，包含四大核心 Tab 功能：

• ⚙️ 基础页面设置： 支持自定义页面伪静态路由（如 /vip）、专属的 SEO 浏览器标签页标题。最硬核的是，你可以直接用取色器为 VIP1 和 VIP2 设置独立的动态卡片主题色和背景色！

• 🎨 介绍卡片设置： 支持无限添加顶部的“核心亮点”卡片。自定义图标、标题、简述以及专属配色，前台自动以 Flexbox 弹性布局完美呈现。

• ⚖️ 特权对比明细： 告别手写表格！支持后台一条条添加特权名称，并用直观的复选框勾选“普通用户”、“VIP1”、“VIP2”是否拥有该权限，前台自动生成精美的对比表格。

• ❓ 常见问题 QA： 支持无限添加购买前常见问题。

前台模块

有了后台的强力支撑，前台呈现出的就是一个极其专业、沉浸式的购买转化页面：

1. 💳 智能动态套餐模块： 自动侦测你在子比后台设置的“月付/半年付/年付/永久”套餐。智能渲染划线原价、高亮特惠标签。不管你是单数还是双数套餐，基于 Flexbox 的引擎都会让它们极其优雅地自动居中自适应。

2. ✨ 特权卡片与表格模块： 高颜值的顶部服务介绍卡片，外加精确控制列宽的全方位特权对比表格，让用户购买欲望拉满。

3. 📂 原生排他性手风琴 QA 模块： 底部常见问题采用了纯 HTML5 原生 <details> 标签打造的排他性手风琴（点开一个自动合上其他）。零 JS 依赖，彻底告别与主题冲突的烦恼，加载极快！

4. 🌙 100% 完美适配暗黑模式： 整个页面没有使用任何写死的死板颜色，全盘接管 Zibll 的原生 CSS 环境变量（如 var(--main-bg-color)）。当用户点击右上角切换夜间模式时，VIP 页面随主题秒切深色，毫无违和感。

插件下载地址：

插件象征性收费，希望不要有人再改我版权传播，谢谢