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

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="match-card" id="match-card" style="margin-top:16px">
4  <div class="mc-hero" id="mc-hero">🦌</div>
5  <div class="mc-body">
6    <div class="mc-name" id="mc-name">小鹿 25岁</div>
7    <div class="mc-tags" id="mc-tags"></div>
8    <div class="mc-desc" id="mc-desc"></div>
9    <div style="font-size:11px;color:#b58a9e" id="mc-job"></div>
10  </div>
11  <div class="mc-actions">
12    <div class="mc-btn nope" onclick="swip('nope')">✖️</div>
13    <div class="mc-btn like" onclick="swip('like')">💗</div>
14    <div class="mc-btn super" onclick="swip('super')">⭐</div>
15  </div>
16</div>
17<div class="card">
18  <div class="section-title" style="margin:0 0 8px">匹配机制</div>
19  <div style="font-size:12px;color:#8a5a72;line-height:2">
20    🧠 AI 根据学历 / 收入 / 兴趣 / 价值观 20+ 维度智能推荐<br>✅ 双实名认证保障 · 资料人工审核<br>💎 开通会员可解锁"喜欢我的人"和高级筛选
21  </div>
22</div>
23<div style="height:80px"></div>
24<div class="tabbar">
25  <a class="active" href="index.html"><span class="icon">💘</span>匹配</a>
26  <a href="circle.html"><span class="icon">🌍</span>圈子</a>
27  <a href="members.html"><span class="icon">👑</span>会员</a>
28  <a href="talks.html"><span class="icon">💬</span>消息</a>
29  <a href="mine.html"><span class="icon">👤</span>我的</a>
30</div>
31<script src="data.js"></script><script src="app.js"></script>
32<script>renderMatch();</script>
33</body></html>