💻 代码预览 · 小草婚恋交友

1<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><title>会员中心 · 小草婚恋交友</title><link rel="stylesheet" href="style.css"></head><body>
2<div class="header"><span class="back" onclick="history.back()">‹</span><h1>珍心会员</h1><span class="right">👑</span></div>
3<div class="vip-hero">
4  <div class="vh-title">👑 珍心会员 · 解锁全部心动特权</div>
5  <div class="vh-sub">查看喜欢我的人 · 超级喜欢 · 高级筛选 · 消息置顶</div>
6  <div class="vh-price">¥168<small>/3个月</small></div>
7</div>
8<div class="section-title">选择套餐</div>
9<div class="plans">
10  ${PLANS.map(p=>`<div class="plan${p.hot?' hot':''}"><div class="pl-name">${p.name}${p.hot?' <span class="badge badge-hot">推荐</span>':''}</div><div class="pl-price">${p.price}</div><div class="pl-meta">${p.meta}</div></div>`).join('')}
11</div>
12<div class="section-title">会员特权</div>
13<div class="benefit-list">
14  ${VIP_BENEFITS.map(b=>`<div class="bl-item"><span class="bl-ico">${b.ico}</span>${b.name}<span class="bl-r">${b.r}</span></div>`).join('')}
15</div>
16<div class="card">
17  <div class="section-title" style="margin:0 0 8px">💁 红娘一对一服务</div>
18  <div style="font-size:12px;color:#8a5a72;line-height:2">
19    资深红娘全程跟进：深度沟通需求 → 精准筛选推荐 → 居中牵线 → 安排见面 → 撮合升温<br>
20    不满意可换红娘 · 服务可暂停顺延 · 透明退费
21  </div>
22  <button class="btn btn-primary" style="margin-top:12px">预约红娘咨询</button>
23</div>
24<div style="height:80px"></div>
25<div class="tabbar">
26  <a href="index.html"><span class="icon">💘</span>匹配</a>
27  <a href="circle.html"><span class="icon">🌍</span>圈子</a>
28  <a class="active" href="members.html"><span class="icon">👑</span>会员</a>
29  <a href="talks.html"><span class="icon">💬</span>消息</a>
30  <a href="mine.html"><span class="icon">👤</span>我的</a>
31</div>
32<script src="data.js"></script><script src="app.js"></script>
33<script>
34$$('.plan').forEach(p=>p.onclick=()=>{$$('.plan').forEach(x=>x.style.border='1px solid #eee');p.style.border='2px solid var(--primary)';toast('已选择 '+p.querySelector('.pl-name').textContent.replace(/推荐/,'')+'，前往支付')});
35</script>
36</body></html>