r62/recommend.html · 约 2608 字符
1<!doctype html>
2<html lang="zh-CN">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
6<title>个性化推荐</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="app">
11 <header class="top">
12 <div class="top-l">影迷 · 阿星</div>
13 <div class="top-r">个性化推荐</div>
14 </header>
15 <main class="main">
16<div class="banner"><div class="b1">🤖 你的专属片单</div>
17<div class="b2">基于 12 部观影记录 · 偏好：科幻 / 太空 / 高燃</div></div>
18<div class="card row"><div class="muted">🎯 匹配度算法 v4.2</div><span class="tag">实时更新</span></div>
19<div class="card">
20 <div class="sec-title"><span class="em">🔮</span> 为你推荐</div>
21 <a class="movie" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">🛸</div><div class="info"><div class="nm">异维访客</div><div class="sub">科幻 · 2025</div><div class="meta">匹配度 96% · 你爱看的太空题材</div></div></a><a class="movie" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">⚡</div><div class="info"><div class="nm">量子黎明</div><div class="sub">科幻 · 2023</div><div class="meta">匹配度 96% · 同导演风格</div></div></a><a class="movie" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">🌌</div><div class="info"><div class="nm">深空回响</div><div class="sub">科幻 · 2024</div><div class="meta">匹配度 96% · 高燃剧情偏好</div></div></a>
22</div>
23<div class="card">
24 <div class="sec-title"><span class="em">📊</span> 偏好画像</div>
25 <div class="row" style="margin-bottom:8px"><span class="muted">科幻</span><b>82%</b></div><div class="bar" style="margin-bottom:10px"><i style="width:82%"></i></div>
26 <div class="row" style="margin-bottom:8px"><span class="muted">动作</span><b>54%</b></div><div class="bar" style="margin-bottom:10px"><i style="width:54%"></i></div>
27 <div class="row"><span class="muted">爱情</span><b>21%</b></div><div class="bar"><i style="width:21%"></i></div>
28</div>
29</main>
30 <nav class="nav"><a class="" href="home.html"><span class="ic">🏠</span>首页</a><a class="" href="category.html"><span class="ic">🎞️</span>分类</a><a class=" on" href="recommend.html"><span class="ic">🤖</span>推荐</a><a class="" href="my.html"><span class="ic">❤️</span>收藏</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
31</div>
32<script></script>
33</body>
34</html>