Hugging Face's logo

Spaces:
sexyfrad
/
tarot
Running

App Files Community
sexyfrad commited on
Commit
400585a
·
verified ·
1 Parent(s): 2ca5711

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +1402 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Sexyfrad
3
- emoji: 🚀
4
- colorFrom: pink
5
- colorTo: blue
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: sexyfrad
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: purple
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,1402 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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.0">
6
+ <title>星辰占卜 - 探索你的命运</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Noto Serif SC', serif;
14
+ background-color: #0f172a;
15
+ color: #e2e8f0;
16
+ }
17
+
18
+ .title-font {
19
+ font-family: 'Ma Shan Zheng', cursive;
20
+ }
21
+
22
+ .card {
23
+ background: rgba(15, 23, 42, 0.7);
24
+ backdrop-filter: blur(10px);
25
+ border: 1px solid rgba(255, 255, 255, 0.1);
26
+ transition: all 0.3s ease;
27
+ }
28
+
29
+ .card:hover {
30
+ transform: translateY(-5px);
31
+ box-shadow: 0 10px 25px rgba(124, 58, 237, 0.3);
32
+ }
33
+
34
+ .tarot-card {
35
+ width: 120px;
36
+ height: 200px;
37
+ perspective: 1000px;
38
+ cursor: pointer;
39
+ }
40
+
41
+ .tarot-inner {
42
+ position: relative;
43
+ width: 100%;
44
+ height: 100%;
45
+ transition: transform 0.8s;
46
+ transform-style: preserve-3d;
47
+ }
48
+
49
+ .tarot-card.flipped .tarot-inner {
50
+ transform: rotateY(180deg);
51
+ }
52
+
53
+ .tarot-front, .tarot-back {
54
+ position: absolute;
55
+ width: 100%;
56
+ height: 100%;
57
+ backface-visibility: hidden;
58
+ border-radius: 10px;
59
+ display: flex;
60
+ align-items: center;
61
+ justify-content: center;
62
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
63
+ }
64
+
65
+ .tarot-front {
66
+ background: linear-gradient(135deg, #6b21a8, #9333ea);
67
+ color: white;
68
+ font-size: 24px;
69
+ }
70
+
71
+ .tarot-back {
72
+ background: linear-gradient(135deg, #1e293b, #334155);
73
+ transform: rotateY(180deg);
74
+ padding: 10px;
75
+ text-align: center;
76
+ font-size: 14px;
77
+ }
78
+
79
+ .glow {
80
+ animation: glow 2s infinite alternate;
81
+ }
82
+
83
+ @keyframes glow {
84
+ from {
85
+ box-shadow: 0 0 5px rgba(167, 139, 250, 0.5);
86
+ }
87
+ to {
88
+ box-shadow: 0 0 20px rgba(167, 139, 250, 0.8);
89
+ }
90
+ }
91
+
92
+ .fade-in {
93
+ animation: fadeIn 1s ease-in;
94
+ }
95
+
96
+ @keyframes fadeIn {
97
+ from { opacity: 0; }
98
+ to { opacity: 1; }
99
+ }
100
+
101
+ .constellation-icon {
102
+ font-size: 2rem;
103
+ margin-bottom: 10px;
104
+ }
105
+ </style>
106
+ </head>
107
+ <body class="min-h-screen">
108
+ <!-- 星空背景 -->
109
+ <div class="fixed inset-0 overflow-hidden -z-10">
110
+ <div class="absolute inset-0 bg-gradient-to-b from-indigo-900/20 via-purple-900/20 to-gray-900"></div>
111
+ <div id="stars-container" class="absolute inset-0"></div>
112
+ </div>
113
+
114
+ <!-- 导航栏 -->
115
+ <nav class="bg-gray-900/80 backdrop-blur-md sticky top-0 z-50 border-b border-gray-800">
116
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
117
+ <div class="flex items-center space-x-2">
118
+ <i class="fas fa-star text-purple-400 text-2xl"></i>
119
+ <span class="title-font text-2xl text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-pink-400">星辰占卜</span>
120
+ </div>
121
+ <div class="hidden md:flex space-x-6">
122
+ <a href="#tarot" class="text-gray-300 hover:text-purple-300 transition">塔罗占卜</a>
123
+ <a href="#horoscope" class="text-gray-300 hover:text-purple-300 transition">星座运势</a>
124
+ <a href="#numerology" class="text-gray-300 hover:text-purple-300 transition">数字命理</a>
125
+ <a href="#about" class="text-gray-300 hover:text-purple-300 transition">关于我们</a>
126
+ </div>
127
+ <button class="md:hidden text-gray-300">
128
+ <i class="fas fa-bars text-xl"></i>
129
+ </button>
130
+ </div>
131
+ </nav>
132
+
133
+ <!-- 英雄区域 -->
134
+ <header class="relative pt-24 pb-32 px-4 text-center">
135
+ <div class="max-w-4xl mx-auto">
136
+ <h1 class="title-font text-5xl md:text-7xl mb-6 text-transparent bg-clip-text bg-gradient-to-r from-purple-300 to-pink-300">
137
+ 探索命运的神秘面纱
138
+ </h1>
139
+ <p class="text-xl md:text-2xl text-gray-300 mb-8 max-w-2xl mx-auto">
140
+ 通过古老的占卜艺术，揭示你生活中的隐藏模式和未来可能性
141
+ </p>
142
+ <div class="flex flex-wrap justify-center gap-4">
143
+ <a href="#tarot" class="px-8 py-3 bg-gradient-to-r from-purple-600 to-pink-600 rounded-full font-medium hover:opacity-90 transition shadow-lg">
144
+ 开始占卜
145
+ </a>
146
+ <a href="#about" class="px-8 py-3 border border-purple-400 text-purple-300 rounded-full font-medium hover:bg-purple-900/30 transition">
147
+ 了解更多
148
+ </a>
149
+ </div>
150
+ </div>
151
+ <div class="absolute bottom-0 left-0 right-0 h-16 bg-gradient-to-t from-gray-900/90 to-transparent"></div>
152
+ </header>
153
+
154
+ <!-- 主要内容 -->
155
+ <main class="container mx-auto px-4 pb-20">
156
+ <!-- 塔罗占卜部分 -->
157
+ <section id="tarot" class="mb-28">
158
+ <div class="text-center mb-12">
159
+ <h2 class="title-font text-4xl mb-4 text-transparent bg-clip-text bg-gradient-to-r from-purple-300 to-pink-300">
160
+ <i class="fas fa-cards mr-3"></i>塔罗占卜
161
+ </h2>
162
+ <p class="text-gray-400 max-w-2xl mx-auto">
163
+ 塔罗牌是探索潜意识和未来可能性的强大工具。选择三张牌分别代表过去、现在和未来。
164
+ </p>
165
+ </div>
166
+
167
+ <div class="max-w-4xl mx-auto">
168
+ <div class="card rounded-xl p-6 mb-8">
169
+ <h3 class="text-xl font-semibold mb-4 text-purple-300">选择你的问题类型</h3>
170
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
171
+ <button onclick="setQuestionType('love')" class="question-type-btn py-3 px-4 rounded-lg border border-purple-900 hover:bg-purple-900/30 transition text-center">
172
+ <i class="fas fa-heart text-pink-400 mb-2"></i>
173
+ <div>爱情</div>
174
+ </button>
175
+ <button onclick="setQuestionType('career')" class="question-type-btn py-3 px-4 rounded-lg border border-purple-900 hover:bg-purple-900/30 transition text-center">
176
+ <i class="fas fa-briefcase text-blue-400 mb-2"></i>
177
+ <div>事业</div>
178
+ </button>
179
+ <button onclick="setQuestionType('finance')" class="question-type-btn py-3 px-4 rounded-lg border border-purple-900 hover:bg-purple-900/30 transition text-center">
180
+ <i class="fas fa-coins text-yellow-400 mb-2"></i>
181
+ <div>财富</div>
182
+ </button>
183
+ <button onclick="setQuestionType('health')" class="question-type-btn py-3 px-4 rounded-lg border border-purple-900 hover:bg-purple-900/30 transition text-center">
184
+ <i class="fas fa-heartbeat text-green-400 mb-2"></i>
185
+ <div>健康</div>
186
+ </button>
187
+ </div>
188
+ </div>
189
+
190
+ <div id="question-input" class="card rounded-xl p-6 mb-8 hidden">
191
+ <h3 class="text-xl font-semibold mb-4 text-purple-300">专注于你的问题</h3>
192
+ <textarea id="user-question" class="w-full bg-gray-800 border border-gray-700 rounded-lg p-3 text-gray-300 mb-4" rows="3" placeholder="在心中默念你的问题..."></textarea>
193
+ <button onclick="startTarotReading()" class="px-6 py-2 bg-purple-600 rounded-lg font-medium hover:bg-purple-700 transition">
194
+ 开始抽牌
195
+ </button>
196
+ </div>
197
+
198
+ <div id="tarot-reading" class="hidden">
199
+ <div class="flex flex-col md:flex-row justify-between items-center mb-8 gap-6">
200
+ <div class="text-center">
201
+ <h4 class="text-lg text-purple-300 mb-2">过去</h4>
202
+ <div id="past-card" class="tarot-card mx-auto" onclick="flipCard(this)">
203
+ <div class="tarot-inner">
204
+ <div class="tarot-front">
205
+ <i class="fas fa-question"></i>
206
+ </div>
207
+ <div class="tarot-back"></div>
208
+ </div>
209
+ </div>
210
+ </div>
211
+ <div class="text-center">
212
+ <h4 class="text-lg text-purple-300 mb-2">现在</h4>
213
+ <div id="present-card" class="tarot-card mx-auto" onclick="flipCard(this)">
214
+ <div class="tarot-inner">
215
+ <div class="tarot-front">
216
+ <i class="fas fa-question"></i>
217
+ </div>
218
+ <div class="tarot-back"></div>
219
+ </div>
220
+ </div>
221
+ </div>
222
+ <div class="text-center">
223
+ <h4 class="text-lg text-purple-300 mb-2">未来</h4>
224
+ <div id="future-card" class="tarot-card mx-auto" onclick="flipCard(this)">
225
+ <div class="tarot-inner">
226
+ <div class="tarot-front">
227
+ <i class="fas fa-question"></i>
228
+ </div>
229
+ <div class="tarot-back"></div>
230
+ </div>
231
+ </div>
232
+ </div>
233
+ </div>
234
+
235
+ <div id="tarot-interpretation" class="card rounded-xl p-6 hidden">
236
+ <h3 class="text-xl font-semibold mb-4 text-purple-300">解读</h3>
237
+ <div class="space-y-4">
238
+ <div>
239
+ <h4 class="text-lg text-pink-300 mb-2">过去: <span id="past-card-name"></span></h4>
240
+ <p id="past-interpretation" class="text-gray-300"></p>
241
+ </div>
242
+ <div>
243
+ <h4 class="text-lg text-blue-300 mb-2">现在: <span id="present-card-name"></span></h4>
244
+ <p id="present-interpretation" class="text-gray-300"></p>
245
+ </div>
246
+ <div>
247
+ <h4 class="text-lg text-purple-300 mb-2">未来: <span id="future-card-name"></span></h4>
248
+ <p id="future-interpretation" class="text-gray-300"></p>
249
+ </div>
250
+ </div>
251
+ <div class="mt-6 pt-4 border-t border-gray-800">
252
+ <h4 class="text-lg text-yellow-300 mb-2">整体建议</h4>
253
+ <p id="overall-advice" class="text-gray-300"></p>
254
+ </div>
255
+ </div>
256
+
257
+ <div class="text-center mt-8">
258
+ <button onclick="resetTarotReading()" class="px-6 py-2 border border-purple-600 text-purple-300 rounded-lg font-medium hover:bg-purple-900/30 transition">
259
+ 重新开始
260
+ </button>
261
+ </div>
262
+ </div>
263
+ </div>
264
+ </section>
265
+
266
+ <!-- 星座运势部分 -->
267
+ <section id="horoscope" class="mb-28">
268
+ <div class="text-center mb-12">
269
+ <h2 class="title-font text-4xl mb-4 text-transparent bg-clip-text bg-gradient-to-r from-purple-300 to-pink-300">
270
+ <i class="fas fa-star-and-crescent mr-3"></i>星座运势
271
+ </h2>
272
+ <p class="text-gray-400 max-w-2xl mx-auto">
273
+ 了解你的星座今日、本周和本月的运势，获取关于爱情、事业和健康的指导。
274
+ </p>
275
+ </div>
276
+
277
+ <div class="max-w-4xl mx-auto">
278
+ <div class="card rounded-xl p-6 mb-8">
279
+ <h3 class="text-xl font-semibold mb-6 text-purple-300">选择你的星座</h3>
280
+ <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-4">
281
+ <button onclick="selectZodiac('aries')" class="zodiac-btn py-3 px-2 rounded-lg border border-purple-900 hover:bg-purple-900/30 transition flex flex-col items-center">
282
+ <i class="fas fa-ram constellation-icon text-red-400"></i>
283
+ <div>白羊座</div>
284
+ <div class="text-xs text-gray-400">3.21-4.19</div>
285
+ </button>
286
+ <button onclick="selectZodiac('taurus')" class="zodiac-btn py-3 px-2 rounded-lg border border-purple-900 hover:bg-purple-900/30 transition flex flex-col items-center">
287
+ <i class="fas fa-bull constellation-icon text-green-400"></i>
288
+ <div>金牛座</div>
289
+ <div class="text-xs text-gray-400">4.20-5.20</div>
290
+ </button>
291
+ <button onclick="selectZodiac('gemini')" class="zodiac-btn py-3 px-2 rounded-lg border border-purple-900 hover:bg-purple-900/30 transition flex flex-col items-center">
292
+ <i class="fas fa-users constellation-icon text-yellow-400"></i>
293
+ <div>双子座</div>
294
+ <div class="text-xs text-gray-400">5.21-6.21</div>
295
+ </button>
296
+ <button onclick="selectZodiac('cancer')" class="zodiac-btn py-3 px-2 rounded-lg border border-purple-900 hover:bg-purple-900/30 transition flex flex-col items-center">
297
+ <i class="fas fa-crab constellation-icon text-blue-400"></i>
298
+ <div>巨蟹座</div>
299
+ <div class="text-xs text-gray-400">6.22-7.22</div>
300
+ </button>
301
+ <button onclick="selectZodiac('leo')" class="zodiac-btn py-3 px-2 rounded-lg border border-purple-900 hover:bg-purple-900/30 transition flex flex-col items-center">
302
+ <i class="fas fa-lion constellation-icon text-orange-400"></i>
303
+ <div>狮子座</div>
304
+ <div class="text-xs text-gray-400">7.23-8.22</div>
305
+ </button>
306
+ <button onclick="selectZodiac('virgo')" class="zodiac-btn py-3 px-2 rounded-lg border border-purple-900 hover:bg-purple-900/30 transition flex flex-col items-center">
307
+ <i class="fas fa-virgo constellation-icon text-purple-400"></i>
308
+ <div>处女座</div>
309
+ <div class="text-xs text-gray-400">8.23-9.22</div>
310
+ </button>
311
+ <button onclick="selectZodiac('libra')" class="zodiac-btn py-3 px-2 rounded-lg border border-purple-900 hover:bg-purple-900/30 transition flex flex-col items-center">
312
+ <i class="fas fa-balance-scale constellation-icon text-pink-400"></i>
313
+ <div>天秤座</div>
314
+ <div class="text-xs text-gray-400">9.23-10.23</div>
315
+ </button>
316
+ <button onclick="selectZodiac('scorpio')" class="zodiac-btn py-3 px-2 rounded-lg border border-purple-900 hover:bg-purple-900/30 transition flex flex-col items-center">
317
+ <i class="fas fa-scorpion constellation-icon text-red-500"></i>
318
+ <div>天蝎座</div>
319
+ <div class="text-xs text-gray-400">10.24-11.21</div>
320
+ </button>
321
+ <button onclick="selectZodiac('sagittarius')" class="zodiac-btn py-3 px-2 rounded-lg border border-purple-900 hover:bg-purple-900/30 transition flex flex-col items-center">
322
+ <i class="fas fa-arrow-right constellation-icon text-purple-300"></i>
323
+ <div>射手座</div>
324
+ <div class="text-xs text-gray-400">11.22-12.21</div>
325
+ </button>
326
+ <button onclick="selectZodiac('capricorn')" class="zodiac-btn py-3 px-2 rounded-lg border border-purple-900 hover:bg-purple-900/30 transition flex flex-col items-center">
327
+ <i class="fas fa-goat constellation-icon text-gray-400"></i>
328
+ <div>摩羯座</div>
329
+ <div class="text-xs text-gray-400">12.22-1.19</div>
330
+ </button>
331
+ <button onclick="selectZodiac('aquarius')" class="zodiac-btn py-3 px-2 rounded-lg border border-purple-900 hover:bg-purple-900/30 transition flex flex-col items-center">
332
+ <i class="fas fa-water constellation-icon text-blue-300"></i>
333
+ <div>水瓶座</div>
334
+ <div class="text-xs text-gray-400">1.20-2.18</div>
335
+ </button>
336
+ <button onclick="selectZodiac('pisces')" class="zodiac-btn py-3 px-2 rounded-lg border border-purple-900 hover:bg-purple-900/30 transition flex flex-col items-center">
337
+ <i class="fas fa-fish constellation-icon text-teal-400"></i>
338
+ <div>双鱼座</div>
339
+ <div class="text-xs text-gray-400">2.19-3.20</div>
340
+ </button>
341
+ </div>
342
+ </div>
343
+
344
+ <div id="horoscope-result" class="hidden">
345
+ <div class="card rounded-xl p-6 mb-6">
346
+ <div class="flex items-center mb-4">
347
+ <h3 class="text-xl font-semibold text-purple-300" id="selected-zodiac-name"></h3>
348
+ <span class="ml-auto text-sm text-gray-400" id="horoscope-date"></span>
349
+ </div>
350
+
351
+ <div class="grid md:grid-cols-3 gap-6">
352
+ <div class="card rounded-lg p-4">
353
+ <h4 class="text-lg font-medium text-pink-300 mb-3 flex items-center">
354
+ <i class="fas fa-sun mr-2"></i>今日运势
355
+ </h4>
356
+ <div class="mb-3">
357
+ <span class="text-sm text-gray-400">幸运指数:</span>
358
+ <div class="w-full bg-gray-700 rounded-full h-2 mt-1">
359
+ <div id="today-luck" class="bg-yellow-400 h-2 rounded-full"></div>
360
+ </div>
361
+ </div>
362
+ <p id="today-horoscope" class="text-gray-300 text-sm"></p>
363
+ </div>
364
+
365
+ <div class="card rounded-lg p-4">
366
+ <h4 class="text-lg font-medium text-blue-300 mb-3 flex items-center">
367
+ <i class="fas fa-calendar-week mr-2"></i>本周运势
368
+ </h4>
369
+ <div class="mb-3">
370
+ <span class="text-sm text-gray-400">幸运指数:</span>
371
+ <div class="w-full bg-gray-700 rounded-full h-2 mt-1">
372
+ <div id="week-luck" class="bg-blue-400 h-2 rounded-full"></div>
373
+ </div>
374
+ </div>
375
+ <p id="week-horoscope" class="text-gray-300 text-sm"></p>
376
+ </div>
377
+
378
+ <div class="card rounded-lg p-4">
379
+ <h4 class="text-lg font-medium text-purple-300 mb-3 flex items-center">
380
+ <i class="fas fa-calendar-alt mr-2"></i>本月运势
381
+ </h4>
382
+ <div class="mb-3">
383
+ <span class="text-sm text-gray-400">幸运指数:</span>
384
+ <div class="w-full bg-gray-700 rounded-full h-2 mt-1">
385
+ <div id="month-luck" class="bg-purple-400 h-2 rounded-full"></div>
386
+ </div>
387
+ </div>
388
+ <p id="month-horoscope" class="text-gray-300 text-sm"></p>
389
+ </div>
390
+ </div>
391
+ </div>
392
+
393
+ <div class="card rounded-xl p-6">
394
+ <h3 class="text-xl font-semibold mb-4 text-purple-300">详细分析</h3>
395
+ <div class="grid md:grid-cols-3 gap-6">
396
+ <div>
397
+ <h4 class="text-lg text-pink-300 mb-2 flex items-center">
398
+ <i class="fas fa-heart mr-2"></i>爱情运势
399
+ </h4>
400
+ <p id="love-horoscope" class="text-gray-300 text-sm"></p>
401
+ </div>
402
+ <div>
403
+ <h4 class="text-lg text-blue-300 mb-2 flex items-center">
404
+ <i class="fas fa-briefcase mr-2"></i>事业运势
405
+ </h4>
406
+ <p id="career-horoscope" class="text-gray-300 text-sm"></p>
407
+ </div>
408
+ <div>
409
+ <h4 class="text-lg text-green-300 mb-2 flex items-center">
410
+ <i class="fas fa-heartbeat mr-2"></i>健康运势
411
+ </h4>
412
+ <p id="health-horoscope" class="text-gray-300 text-sm"></p>
413
+ </div>
414
+ </div>
415
+
416
+ <div class="mt-6 pt-4 border-t border-gray-800">
417
+ <h4 class="text-lg text-yellow-300 mb-2 flex items-center">
418
+ <i class="fas fa-lightbulb mr-2"></i>幸运提示
419
+ </h4>
420
+ <div class="flex flex-wrap gap-2">
421
+ <div class="flex items-center bg-gray-800/50 px-3 py-1 rounded-full text-sm">
422
+ <span class="text-yellow-300 mr-1">幸运色:</span>
423
+ <span id="lucky-color" class="text-gray-300"></span>
424
+ </div>
425
+ <div class="flex items-center bg-gray-800/50 px-3 py-1 rounded-full text-sm">
426
+ <span class="text-yellow-300 mr-1">幸运数字:</span>
427
+ <span id="lucky-number" class="text-gray-300"></span>
428
+ </div>
429
+ <div class="flex items-center bg-gray-800/50 px-3 py-1 rounded-full text-sm">
430
+ <span class="text-yellow-300 mr-1">幸运方向:</span>
431
+ <span id="lucky-direction" class="text-gray-300"></span>
432
+ </div>
433
+ </div>
434
+ </div>
435
+ </div>
436
+
437
+ <div class="text-center mt-8">
438
+ <button onclick="resetHoroscope()" class="px-6 py-2 border border-purple-600 text-purple-300 rounded-lg font-medium hover:bg-purple-900/30 transition">
439
+ 选择其他星座
440
+ </button>
441
+ </div>
442
+ </div>
443
+ </div>
444
+ </section>
445
+
446
+ <!-- 数字命理部分 -->
447
+ <section id="numerology" class="mb-28">
448
+ <div class="text-center mb-12">
449
+ <h2 class="title-font text-4xl mb-4 text-transparent bg-clip-text bg-gradient-to-r from-purple-300 to-pink-300">
450
+ <i class="fas fa-calculator mr-3"></i>数字命理
451
+ </h2>
452
+ <p class="text-gray-400 max-w-2xl mx-auto">
453
+ 通过你的出生日期和姓名计算生命灵数，了解你的天赋、挑战和人生道路。
454
+ </p>
455
+ </div>
456
+
457
+ <div class="max-w-2xl mx-auto">
458
+ <div class="card rounded-xl p-6 mb-8">
459
+ <h3 class="text-xl font-semibold mb-6 text-purple-300">输入你的信息</h3>
460
+
461
+ <div class="grid md:grid-cols-2 gap-6 mb-6">
462
+ <div>
463
+ <label class="block text-gray-400 mb-2">出生日期</label>
464
+ <input type="date" id="birth-date" class="w-full bg-gray-800 border border-gray-700 rounded-lg p-3 text-gray-300">
465
+ </div>
466
+ <div>
467
+ <label class="block text-gray-400 mb-2">姓名</label>
468
+ <input type="text" id="user-name" class="w-full bg-gray-800 border border-gray-700 rounded-lg p-3 text-gray-300" placeholder="输入你的全名">
469
+ </div>
470
+ </div>
471
+
472
+ <button onclick="calculateNumerology()" class="px-6 py-3 bg-purple-600 rounded-lg font-medium hover:bg-purple-700 transition w-full">
473
+ 计算我的生命数字
474
+ </button>
475
+ </div>
476
+
477
+ <div id="numerology-result" class="hidden">
478
+ <div class="card rounded-xl p-6 mb-6">
479
+ <div class="flex items-center justify-between mb-6">
480
+ <h3 class="text-xl font-semibold text-purple-300">你的生命数字</h3>
481
+ <div id="life-path-number" class="w-16 h-16 rounded-full bg-gradient-to-br from-purple-600 to-pink-600 flex items-center justify-center text-3xl font-bold glow"></div>
482
+ </div>
483
+
484
+ <div class="mb-6">
485
+ <h4 class="text-lg text-blue-300 mb-3">基本含义</h4>
486
+ <p id="life-path-meaning" class="text-gray-300"></p>
487
+ </div>
488
+
489
+ <div class="grid md:grid-cols-2 gap-6 mb-6">
490
+ <div>
491
+ <h4 class="text-lg text-pink-300 mb-3">天赋与优势</h4>
492
+ <ul id="strengths" class="text-gray-300 space-y-2"></ul>
493
+ </div>
494
+ <div>
495
+ <h4 class="text-lg text-yellow-300 mb-3">挑战与弱点</h4>
496
+ <ul id="weaknesses" class="text-gray-300 space-y-2"></ul>
497
+ </div>
498
+ </div>
499
+
500
+ <div>
501
+ <h4 class="text-lg text-green-300 mb-3">人生建议</h4>
502
+ <p id="life-advice" class="text-gray-300"></p>
503
+ </div>
504
+ </div>
505
+
506
+ <div class="card rounded-xl p-6 mb-6">
507
+ <h3 class="text-xl font-semibold mb-6 text-purple-300">详细分析</h3>
508
+
509
+ <div class="grid md:grid-cols-2 gap-6">
510
+ <div>
511
+ <h4 class="text-lg text-blue-300 mb-3 flex items-center">
512
+ <i class="fas fa-birthday-cake mr-2"></i>生日数字
513
+ </h4>
514
+ <div class="flex items-center mb-2">
515
+ <span id="birth-day-number" class="w-10 h-10 rounded-full bg-blue-600/30 flex items-center justify-center text-lg font-medium mr-3"></span>
516
+ <p id="birth-day-meaning" class="text-gray-300 text-sm"></p>
517
+ </div>
518
+ </div>
519
+
520
+ <div>
521
+ <h4 class="text-lg text-pink-300 mb-3 flex items-center">
522
+ <i class="fas fa-heart mr-2"></i>心灵数字
523
+ </h4>
524
+ <div class="flex items-center mb-2">
525
+ <span id="soul-number" class="w-10 h-10 rounded-full bg-pink-600/30 flex items-center justify-center text-lg font-medium mr-3"></span>
526
+ <p id="soul-meaning" class="text-gray-300 text-sm"></p>
527
+ </div>
528
+ </div>
529
+
530
+ <div>
531
+ <h4 class="text-lg text-yellow-300 mb-3 flex items-center">
532
+ <i class="fas fa-user mr-2"></i>个性数字
533
+ </h4>
534
+ <div class="flex items-center mb-2">
535
+ <span id="personality-number" class="w-10 h-10 rounded-full bg-yellow-600/30 flex items-center justify-center text-lg font-medium mr-3"></span>
536
+ <p id="personality-meaning" class="text-gray-300 text-sm"></p>
537
+ </div>
538
+ </div>
539
+
540
+ <div>
541
+ <h4 class="text-lg text-purple-300 mb-3 flex items-center">
542
+ <i class="fas fa-magic mr-2"></i>命运数字
543
+ </h4>
544
+ <div class="flex items-center mb-2">
545
+ <span id="destiny-number" class="w-10 h-10 rounded-full bg-purple-600/30 flex items-center justify-center text-lg font-medium mr-3"></span>
546
+ <p id="destiny-meaning" class="text-gray-300 text-sm"></p>
547
+ </div>
548
+ </div>
549
+ </div>
550
+ </div>
551
+
552
+ <div class="text-center mt-8">
553
+ <button onclick="resetNumerology()" class="px-6 py-2 border border-purple-600 text-purple-300 rounded-lg font-medium hover:bg-purple-900/30 transition">
554
+ 重新计算
555
+ </button>
556
+ </div>
557
+ </div>
558
+ </div>
559
+ </section>
560
+
561
+ <!-- 关于我们部分 -->
562
+ <section id="about" class="mb-20">
563
+ <div class="text-center mb-12">
564
+ <h2 class="title-font text-4xl mb-4 text-transparent bg-clip-text bg-gradient-to-r from-purple-300 to-pink-300">
565
+ <i class="fas fa-moon mr-3"></i>关于我们
566
+ </h2>
567
+ <p class="text-gray-400 max-w-2xl mx-auto">
568
+ 星辰占卜致力于提供准确、有意义的占卜服务，帮助你更好地理解自己和未来。
569
+ </p>
570
+ </div>
571
+
572
+ <div class="max-w-4xl mx-auto">
573
+ <div class="card rounded-xl p-8">
574
+ <div class="grid md:grid-cols-2 gap-8 items-center">
575
+ <div>
576
+ <h3 class="text-2xl font-semibold mb-4 text-purple-300">我们的使命</h3>
577
+ <p class="text-gray-300 mb-6">
578
+ 星辰占卜创立于2010年，由一群热爱神秘学和心理学的专业人士组成。我们相信每个人都能从古老的占卜智慧中获益，获得关于生活方向的指引。
579
+ </p>
580
+ <p class="text-gray-300 mb-6">
581
+ 我们的解读不仅基于传统占卜方法，还结合了现代心理学知识，旨在为你提供既有灵性深度又有实用价值的建议。
582
+ </p>
583
+ <div class="flex space-x-4">
584
+ <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-purple-600 transition">
585
+ <i class="fab fa-weixin"></i>
586
+ </a>
587
+ <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-purple-600 transition">
588
+ <i class="fab fa-weibo"></i>
589
+ </a>
590
+ <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-purple-600 transition">
591
+ <i class="fab fa-github"></i>
592
+ </a>
593
+ </div>
594
+ </div>
595
+ <div class="relative">
596
+ <div class="aspect-w-1 aspect-h-1">
597
+ <div class="w-full h-80 bg-gradient-to-br from-purple-900/30 to-pink-900/30 rounded-xl flex items-center justify-center">
598
+ <i class="fas fa-crystal-ball text-6xl text-purple-300 opacity-50"></i>
599
+ </div>
600
+ </div>
601
+ <div class="absolute -bottom-4 -right-4 w-32 h-32 bg-gradient-to-br from-yellow-400 to-orange-500 rounded-full flex items-center justify-center text-4xl">
602
+ <i class="fas fa-star text-white"></i>
603
+ </div>
604
+ </div>
605
+ </div>
606
+ </div>
607
+ </div>
608
+ </section>
609
+ </main>
610
+
611
+ <!-- 页脚 -->
612
+ <footer class="bg-gray-900/80 border-t border-gray-800 py-12">
613
+ <div class="container mx-auto px-4">
614
+ <div class="grid md:grid-cols-4 gap-8 mb-8">
615
+ <div>
616
+ <div class="flex items-center space-x-2 mb-4">
617
+ <i class="fas fa-star text-purple-400 text-xl"></i>
618
+ <span class="title-font text-xl text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-pink-400">星辰占卜</span>
619
+ </div>
620
+ <p class="text-gray-400 text-sm">
621
+ 探索命运的神秘面纱，发现你生活中的隐藏模式和未来可能性。
622
+ </p>
623
+ </div>
624
+ <div>
625
+ <h4 class="text-lg text-gray-300 mb-4">快速链接</h4>
626
+ <ul class="space-y-2">
627
+ <li><a href="#tarot" class="text-gray-400 hover:text-purple-300 transition text-sm">塔罗占卜</a></li>
628
+ <li><a href="#horoscope" class="text-gray-400 hover:text-purple-300 transition text-sm">星座运势</a></li>
629
+ <li><a href="#numerology" class="text-gray-400 hover:text-purple-300 transition text-sm">数字命理</a></li>
630
+ <li><a href="#about" class="text-gray-400 hover:text-purple-300 transition text-sm">关于我们</a></li>
631
+ </ul>
632
+ </div>
633
+ <div>
634
+ <h4 class="text-lg text-gray-300 mb-4">联系我们</h4>
635
+ <ul class="space-y-2 text-sm text-gray-400">
636
+ <li class="flex items-center">
637
+ <i class="fas fa-envelope mr-2 text-purple-300"></i>
638
+ [email protected]
639
+ </li>
640
+ <li class="flex items-center">
641
+ <i class="fas fa-phone mr-2 text-purple-300"></i>
642
+ +86 138 1234 5678
643
+ </li>
644
+ <li class="flex items-center">
645
+ <i class="fas fa-map-marker-alt mr-2 text-purple-300"></i>
646
+ 上海市浦东新区星辰大厦
647
+ </li>
648
+ </ul>
649
+ </div>
650
+ <div>
651
+ <h4 class="text-lg text-gray-300 mb-4">订阅我们</h4>
652
+ <p class="text-gray-400 text-sm mb-3">
653
+ 订阅获取最新的占卜技巧和星座运势更新。
654
+ </p>
655
+ <div class="flex">
656
+ <input type="email" placeholder="你的邮箱" class="bg-gray-800 text-gray-300 px-3 py-2 rounded-l-lg text-sm w-full">
657
+ <button class="bg-purple-600 hover:bg-purple-700 px-4 py-2 rounded-r-lg text-sm">
658
+ <i class="fas fa-paper-plane"></i>
659
+ </button>
660
+ </div>
661
+ </div>
662
+ </div>
663
+ <div class="pt-6 border-t border-gray-800 text-center text-gray-500 text-sm">
664
+ <p>© 2023 星辰占卜. 保留所有权利。</p>
665
+ </div>
666
+ </div>
667
+ </footer>
668
+
669
+ <script>
670
+ // 星空背景
671
+ function createStars() {
672
+ const container = document.getElementById('stars-container');
673
+ const starsCount = 200;
674
+
675
+ for (let i = 0; i < starsCount; i++) {
676
+ const star = document.createElement('div');
677
+ star.className = 'absolute rounded-full bg-white';
678
+
679
+ // 随机大小
680
+ const size = Math.random() * 0.5 + 0.1;
681
+ star.style.width = `${size}px`;
682
+ star.style.height = `${size}px`;
683
+
684
+ // 随机位置
685
+ star.style.left = `${Math.random() * 100}%`;
686
+ star.style.top = `${Math.random() * 100}%`;
687
+
688
+ // 随机透明度
689
+ star.style.opacity = Math.random() * 0.8 + 0.2;
690
+
691
+ // 闪烁动画
692
+ if (Math.random() > 0.7) {
693
+ star.style.animation = `twinkle ${Math.random() * 3 + 2}s infinite alternate`;
694
+ }
695
+
696
+ container.appendChild(star);
697
+ }
698
+
699
+ // 添加CSS动画
700
+ const style = document.createElement('style');
701
+ style.textContent = `
702
+ @keyframes twinkle {
703
+ 0% { opacity: 0.2; }
704
+ 100% { opacity: 1; }
705
+ }
706
+ `;
707
+ document.head.appendChild(style);
708
+ }
709
+
710
+ // 页面加载完成后执行
711
+ document.addEventListener('DOMContentLoaded', function() {
712
+ createStars();
713
+
714
+ // 平滑滚动
715
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
716
+ anchor.addEventListener('click', function(e) {
717
+ e.preventDefault();
718
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
719
+ behavior: 'smooth'
720
+ });
721
+ });
722
+ });
723
+ });
724
+
725
+ // 塔罗牌数据
726
+ const tarotCards = [
727
+ {
728
+ name: "愚者",
729
+ meaning: "新的开始,冒险,无限可能",
730
+ reversed: "鲁莽,缺乏计划,愚蠢"
731
+ },
732
+ {
733
+ name: "魔术师",
734
+ meaning: "技能,创造力,意志力",
735
+ reversed: "操纵,欺骗,未实现的才能"
736
+ },
737
+ {
738
+ name: "女祭司",
739
+ meaning: "直觉,神秘,潜意识",
740
+ reversed: "隐藏的知识,忽视直觉"
741
+ },
742
+ {
743
+ name: "皇后",
744
+ meaning: "养育,丰富,感官享受",
745
+ reversed: "依赖,忽视自我照顾"
746
+ },
747
+ {
748
+ name: "皇帝",
749
+ meaning: "权威,结构,控制",
750
+ reversed: "专制,缺乏纪律"
751
+ },
752
+ {
753
+ name: "教皇",
754
+ meaning: "传统,精神指导",
755
+ reversed: "非传统信仰,自由思考"
756
+ },
757
+ {
758
+ name: "恋人",
759
+ meaning: "爱情,和谐,关系",
760
+ reversed: "不平衡,冲突"
761
+ },
762
+ {
763
+ name: "战车",
764
+ meaning: "意志力,胜利,控制",
765
+ reversed: "缺乏方向,失控"
766
+ },
767
+ {
768
+ name: "力量",
769
+ meaning: "内在力量,勇气,耐心",
770
+ reversed: "自我怀疑,软弱"
771
+ },
772
+ {
773
+ name: "隐士",
774
+ meaning: "内省,孤独,寻求真理",
775
+ reversed: "孤立,拒绝帮助"
776
+ },
777
+ {
778
+ name: "命运之轮",
779
+ meaning: "命运,变化,转折点",
780
+ reversed: "抵抗变化,坏运气"
781
+ },
782
+ {
783
+ name: "正义",
784
+ meaning: "公平,真相,法律",
785
+ reversed: "不公正,偏见"
786
+ },
787
+ {
788
+ name: "倒吊人",
789
+ meaning: "牺牲,新视角",
790
+ reversed: "拖延,不愿牺牲"
791
+ },
792
+ {
793
+ name: "死神",
794
+ meaning: "结束,转变,新的开始",
795
+ reversed: "抗拒改变,停滞"
796
+ },
797
+ {
798
+ name: "节制",
799
+ meaning: "平衡,和谐,耐心",
800
+ reversed: "不平衡,极端"
801
+ },
802
+ {
803
+ name: "恶魔",
804
+ meaning: "束缚,物质主义",
805
+ reversed: "摆脱束缚,精神自由"
806
+ },
807
+ {
808
+ name: "塔",
809
+ meaning: "突然变化,启示",
810
+ reversed: "避免灾难,抗拒改变"
811
+ },
812
+ {
813
+ name: "星星",
814
+ meaning: "希望,灵感,精神觉醒",
815
+ reversed: "绝望,失去信心"
816
+ },
817
+ {
818
+ name: "月亮",
819
+ meaning: "幻觉,恐惧,潜意识",
820
+ reversed: "清晰,释放恐惧"
821
+ },
822
+ {
823
+ name: "太阳",
824
+ meaning: "快乐,成功,活力",
825
+ reversed: "暂时的挫折"
826
+ },
827
+ {
828
+ name: "审判",
829
+ meaning: "重生,内在召唤",
830
+ reversed: "自我怀疑,拒绝召唤"
831
+ },
832
+ {
833
+ name: "世界",
834
+ meaning: "完成,成就,旅行",
835
+ reversed: "未完成,缺乏结束"
836
+ }
837
+ ];
838
+
839
+ // 星座数据
840
+ const zodiacData = {
841
+ aries: {
842
+ name: "白羊座",
843
+ today: "今天是充满活力的一天，你的热情会感染周围的人。抓住机会表达你的想法。",
844
+ week: "本周人际关系是重点，可能会遇到志同道合的朋友。工作上有新机会出现。",
845
+ month: "这个月是你展现领导才能的好时机，不要害怕承担责任。财务上有小惊喜。",
846
+ love: "单身者有机会遇到热情的对象，已有伴侣的需要多表达情感。",
847
+ career: "工作上有突破机会，勇于提出创新想法会得到认可。",
848
+ health: "注意休息，避免过度劳累。运动时小心受伤。",
849
+ color: "红色",
850
+ number: "7",
851
+ direction: "东方"
852
+ },
853
+ taurus: {
854
+ name: "金牛座",
855
+ today: "今天适合处理财务问题，你的务实态度会带来好结果。享受生活中的小确幸。",
856
+ week: "本周需要耐心处理家庭事务，避免冲动决定。周末适合放松和享受美食。",
857
+ month: "这个月是巩固财务基础的好时机，考虑长期投资计划。感情关系需要更多关注。",
858
+ love: "稳定是关键词，已有伴侣的需要更多沟通，单身者不急于开始新关系。",
859
+ career: "稳步前进，不要被短期困难吓倒。你的坚持会得到回报。",
860
+ health: "注意饮食平衡，适当增加运动量。",
861
+ color: "绿色",
862
+ number: "6",
863
+ direction: "北方"
864
+ },
865
+ gemini: {
866
+ name: "双子座",
867
+ today: "今天思维敏捷，适合学习和交流。可能会收到意想不到的消息。",
868
+ week: "本周社交活跃，有机会结识有趣的人。注意不要过度承诺。",
869
+ month: "这个月是扩展人际网络的好时机，旅行或进修计划可能带来惊喜。",
870
+ love: "沟通是关键，单身者可能通过朋友介绍认识特别的人。",
871
+ career: "多任务处理能力强，但要注意细节。新合作机会出现。",
872
+ health: "注意神经系统，保证充足睡眠。",
873
+ color: "黄色",
874
+ number: "5",
875
+ direction: "西方"
876
+ },
877
+ cancer: {
878
+ name: "巨蟹座",
879
+ today: "今天情绪敏感，适合与亲密的人相处。家庭事务需要你的关注。",
880
+ week: "本周直觉敏锐，相信你的第一感觉。财务上可能有小惊喜。",
881
+ month: "这个月家庭和情感是重点，考虑改善居住环境或解决家庭问题。",
882
+ love: "情感需求强烈，已有伴侣的需要更多安全感，单身者可能遇到体贴对象。",
883
+ career: "团队合作比单打独斗更有效，不要害怕寻求帮助。",
884
+ health: "注意消化系统，保持规律作息。",
885
+ color: "银色",
886
+ number: "2",
887
+ direction: "北方"
888
+ },
889
+ leo: {
890
+ name: "狮子座",
891
+ today: "今天是展现自我的好时机，你的创意和热情会得到赞赏。",
892
+ week: "本周充满活力，社交活动多。注意不要过度消费。周末适合娱乐活动。",
893
+ month: "这个月是事业发展的关键期，勇于表达你的想法。财务上有好消息。",
894
+ love: "魅力四射，单身者容易吸引他人注意，已有伴侣的需要更多浪漫时刻。",
895
+ career: "领导才能凸显，可能获得认可或晋升机会。",
896
+ health: "注意心脏健康，适当放松。",
897
+ color: "金色",
898
+ number: "1",
899
+ direction: "南方"
900
+ },
901
+ virgo: {
902
+ name: "处女座",
903
+ today: "今天适合处理细节工作，你的分析能力特别强。健康问题需要关注。",
904
+ week: "本周工作效率高，但要注意不要对自己要求太苛刻。周末适合整理和规划。",
905
+ month: "这个月是提升技能的好时机，考虑学习新知识。财务上需要谨慎决策。",
906
+ love: "务实态度重要，单身者可能通过工作认识特别的人，已有伴侣的需要实际支持。",
907
+ career: "细节决定成败，你的专业能力会得到认可。",
908
+ health: "注意神经系统，避免过度紧张。",
909
+ color: "棕色",
910
+ number: "4",
911
+ direction: "西方"
912
+ },
913
+ libra: {
914
+ name: "天秤座",
915
+ today: "今天人际关系和谐，适合解决冲突或谈判。艺术活动带来愉悦。",
916
+ week: "本周需要平衡工作与生活，避免拖延重要决定。周末适合社交活动。",
917
+ month: "这个月合作是关键，可能建立重要商业或个人关系。财务上有波动。",
918
+ love: "关系和谐重要，单身者可能遇到有魅力对象，已有伴侣的需要更多陪伴。",
919
+ career: "团队合作带来成功，法律或艺术相关事务顺利。",
920
+ health: "注意肾脏健康，多喝水。",
921
+ color: "粉色",
922
+ number: "3",
923
+ direction: "东方"
924
+ },
925
+ scorpio: {
926
+ name: "天蝎座",
927
+ today: "今天直觉敏锐，适合处理复杂问题。可能有重要发现或启示。",
928
+ week: "本周情感强烈，可能经历深刻体验。财务上有意外收获。",
929
+ month: "这个月是转变的时期，考虑结束不再服务你的事物。研究或调查事务顺利。",
930
+ love: "情感深刻，单身者可能遇到强烈吸引对象，已有伴侣的需要更深连接。",
931
+ career: "策略性思考带来突破，可能发现隐藏机会或资源。",
932
+ health: "注意生殖系统健康，适当释放压力。",
933
+ color: "深红色",
934
+ number: "8",
935
+ direction: "北方"
936
+ },
937
+ sagittarius: {
938
+ name: "射手座",
939
+ today: "今天乐观积极，适合开始新项目或计划旅行。可能收到远方消息。",
940
+ week: "本周充满冒险精神，尝试新事物会带来快乐。注意不要过度承诺。",
941
+ month: "这个月是扩展视野的好时机，考虑教育或旅行计划。出版或法律事务顺利。",
942
+ love: "自由重要，单身者可能遇到来自不同背景对象，已有伴侣的需要共同冒险。",
943
+ career: "国际或教育相关机会出现，勇于表达你的哲学观点。",
944
+ health: "注意肝脏健康，适量运动。",
945
+ color: "紫色",
946
+ number: "9",
947
+ direction: "南方"
948
+ },
949
+ capricorn: {
950
+ name: "摩羯座",
951
+ today: "今天务实专注，适合处理长期计划。权威人士可能提供帮助。",
952
+ week: "本周事业是重点，你的努力会得到认可。周末适合规划未来。",
953
+ month: "这个月是事业发展的关键期，可能获得晋升或重要项目。财务稳定。",
954
+ love: "责任重要，单身者可能遇到成熟对象，已有伴侣的需要共同目标。",
955
+ career: "专业能力得到认可，长期计划开始显现成果。",
956
+ health: "注意骨骼健康，适当补充钙质。",
957
+ color: "黑色",
958
+ number: "10",
959
+ direction: "南方"
960
+ },
961
+ aquarius: {
962
+ name: "水瓶座",
963
+ today: "今天思维创新，适合提出非传统解决方案。朋友可能带来惊喜。",
964
+ week: "本周社交活跃，可能加入新团体或组织。科技相关事务顺利。",
965
+ month: "这个月是改变常规的好时机，考虑人道主义活动或科技项目。",
966
+ love: "友谊重要，单身者可能通过朋友认识特别对象，已有伴侣的需要更多空间。",
967
+ career: "创新思维带来突破，团队项目特别顺利。",
968
+ health: "注意循环系统，适当放松。",
969
+ color: "蓝色",
970
+ number: "11",
971
+ direction: "西方"
972
+ },
973
+ pisces: {
974
+ name: "双鱼座",
975
+ today: "今天直觉敏锐，适合创意或灵性活动。可能有神秘体验或启示。",
976
+ week: "本周情感丰富，艺术或慈善活动带来满足感。周末适合独处或冥想。",
977
+ month: "这个月是灵性成长的好时机，考虑冥想或艺术创作。隐藏才能可能显现。",
978
+ love: "情感连接重要，单身者可能遇到灵魂伴侣，已有伴侣的需要更深理解。",
979
+ career: "创意领域特别顺利，直觉引导你做出正确决定。",
980
+ health: "注意脚部健康，适当放松。",
981
+ color: "海绿色",
982
+ number: "12",
983
+ direction: "北方"
984
+ }
985
+ };
986
+
987
+ // 生命灵数数据
988
+ const numerologyData = {
989
+ 1: {
990
+ meaning: "你是天生的领导者，充满创意和独立性。你的道路是学习自信和开创自己的道路。",
991
+ strengths: ["创新", "独立", "自信", "雄心", "原创性"],
992
+ weaknesses: ["固执", "自私", "傲慢", "冲动", "支配欲"],
993
+ advice: "相信你的直觉，但也要学会倾听他人意见。你的原创想法可以改变世界。"
994
+ },
995
+ 2: {
996
+ meaning: "你是和平的缔造者，敏感且富有外交手腕。你的道路是学习合作与平衡。",
997
+ strengths: ["合作", "耐心", "体贴", "和谐", "直觉"],
998
+ weaknesses: ["过度敏感", "依赖", "优柔寡断", "害羞", "逃避冲突"],
999
+ advice: "你的敏感是天赋不是弱点。在需要时勇敢表达自己，你的意见很重要。"
1000
+ },
1001
+ 3: {
1002
+ meaning: "你是快乐的传播者，充满创意和表达力。你的道路是学习乐观和有效沟通。",
1003
+ strengths: ["创意", "表达", "热情", "社交", "乐观"],
1004
+ weaknesses: ["肤浅", "夸张", "浪费", "注意力分散", "多话"],
1005
+ advice: "用你的创意才能激励他人。记住，真正的快乐来自内心而非外在。"
1006
+ },
1007
+ 4: {
1008
+ meaning: "你是务实的建设者，可靠且注重细节。你的道路是学习稳定和努力工作。",
1009
+ strengths: ["可靠", "纪律", "耐心", "务实", "组织能力"],
1010
+ weaknesses: ["固执", "缺乏弹性", "过于保守", "工作狂", "抗拒变化"],
1011
+ advice: "你的稳定性是宝贵资产。偶尔放松规则，生活会更有趣。"
1012
+ },
1013
+ 5: {
1014
+ meaning: "你是自由的灵魂，充满冒险精神和适应力。你的道路是学习自由与责任的平衡。",
1015
+ strengths: ["适应力", "自由", "冒险", "进步", "多才多艺"],
1016
+ weaknesses: ["不安定", "不负责任", "冲动", "不可预测", "过度追求刺激"],
1017
+ advice: "用你的适应力探索世界，但记住真正的自由来自内在而非外在。"
1018
+ },
1019
+ 6: {
1020
+ meaning: "你是关怀的养育者，负责任且富有同情心。你的道路是学习无私服务和平衡给予与接受。",
1021
+ strengths: ["负责", "关怀", "治愈", "同情", "家庭导向"],
1022
+ weaknesses: ["自我牺牲", "固执", "干涉", "完美主义", "过度保护"],
1023
+ advice: "你的关怀让世界更美好。记住也要照顾好自己，你不能从空杯子倒水给别人。"
1024
+ },
1025
+ 7: {
1026
+ meaning: "你是智慧的追寻者，内省且富有灵性。你的道路是学习信任内在智慧和分享知识。",
1027
+ strengths: ["智慧", "内省", "直觉", "分析", "灵性"],
1028
+ weaknesses: ["孤僻", "怀疑", "悲观", "固执", "逃避现实"],
1029
+ advice: "你的洞察力可以照亮他人道路。走出象牙塔，与世界分享你的智慧。"
1030
+ },
1031
+ 8: {
1032
+ meaning: "你是权力的掌控者，雄心勃勃且富有商业头脑。你的道路是学习权力的正确使用和物质与精神的平衡。",
1033
+ strengths: ["雄心", "组织", "实际", "权威", "财务能力"],
1034
+ weaknesses: ["工作狂", "物质主义", "无情", "过度控制", "地位导向"],
1035
+ advice: "你有成就伟大的潜力。记住真正的成功是内外平衡的。"
1036
+ },
1037
+ 9: {
1038
+ meaning: "你是人道的理想主义者，富有同情心和全球视野。你的道路是学习无私服务和释放过去。",
1039
+ strengths: ["人道主义", "创意", "慷慨", "理想主义", "艺术性"],
1040
+ weaknesses: ["不切实际", "情感依赖", "过度牺牲", "怀旧", "逃避"],
1041
+ advice: "你的同情心可以治愈世界。学会放手过去，专注于现在能做的善事。"
1042
+ },
1043
+ 11: {
1044
+ meaning: "你是启迪者，拥有高度直觉和灵性洞察力。你的道路是学习信任直觉和启发他人。",
1045
+ strengths: ["直觉", "灵感", "理想主义", "洞察力", "敏感"],
1046
+ weaknesses: ["紧张", "过度敏感", "不切实际", "逃避", "自我怀疑"],
1047
+ advice: "你的直觉是神圣礼物。相信它并勇敢分享你的愿景。"
1048
+ },
1049
+ 22: {
1050
+ meaning: "你是大师建设者，拥有将愿景变为现实的非凡能力。你的道路是学习运用权力为全人类谋福利。",
1051
+ strengths: ["实践理想", "远见", "领导力", "组织", "全球思维"],
1052
+ weaknesses: ["过度工作", "压力", "不切实际", "固执", "支配欲"],
1053
+ advice: "你有改变世界的潜力。保持谦卑，让服务而非自我成为动力。"
1054
+ }
1055
+ };
1056
+
1057
+ // 塔罗牌功能
1058
+ let currentQuestionType = '';
1059
+
1060
+ function setQuestionType(type) {
1061
+ currentQuestionType = type;
1062
+ document.querySelectorAll('.question-type-btn').forEach(btn => {
1063
+ btn.classList.remove('bg-purple-900/50', 'border-purple-400');
1064
+ });
1065
+ event.currentTarget.classList.add('bg-purple-900/50', 'border-purple-400');
1066
+ document.getElementById('question-input').classList.remove('hidden');
1067
+ }
1068
+
1069
+ function startTarotReading() {
1070
+ const question = document.getElementById('user-question').value;
1071
+ if (!currentQuestionType) {
1072
+ alert('请先选择问题类型');
1073
+ return;
1074
+ }
1075
+
1076
+ document.getElementById('question-input').classList.add('hidden');
1077
+ document.getElementById('tarot-reading').classList.remove('hidden');
1078
+
1079
+ // 随机选择三张牌
1080
+ const shuffled = [...tarotCards].sort(() => 0.5 - Math.random());
1081
+ const selectedCards = shuffled.slice(0, 3);
1082
+
1083
+ // 显示牌背
1084
+ setTimeout(() => {
1085
+ document.getElementById('past-card').querySelector('.tarot-back').textContent = selectedCards[0].name;
1086
+ document.getElementById('present-card').querySelector('.tarot-back').textContent = selectedCards[1].name;
1087
+ document.getElementById('future-card').querySelector('.tarot-back').textContent = selectedCards[2].name;
1088
+
1089
+ // 显示解读
1090
+ setTimeout(() => {
1091
+ document.getElementById('past-card-name').textContent = selectedCards[0].name;
1092
+ document.getElementById('present-card-name').textContent = selectedCards[1].name;
1093
+ document.getElementById('future-card-name').textContent = selectedCards[2].name;
1094
+
1095
+ document.getElementById('past-interpretation').textContent = getInterpretation(selectedCards[0], 'past');
1096
+ document.getElementById('present-interpretation').textContent = getInterpretation(selectedCards[1], 'present');
1097
+ document.getElementById('future-interpretation').textContent = getInterpretation(selectedCards[2], 'future');
1098
+
1099
+ document.getElementById('overall-advice').textContent = getOverallAdvice(selectedCards);
1100
+
1101
+ document.getElementById('tarot-interpretation').classList.remove('hidden');
1102
+ document.getElementById('tarot-interpretation').classList.add('fade-in');
1103
+ }, 1500);
1104
+ }, 500);
1105
+ }
1106
+
1107
+ function getInterpretation(card, position) {
1108
+ const interpretations = {
1109
+ love: {
1110
+ past: `在爱情方面，${card.name}表示你过去${card.meaning.toLowerCase()}。`,
1111
+ present: `当前的感情状况显示${card.name}的能量，意味着${card.meaning.toLowerCase()}。`,
1112
+ future: `未来的感情发展可能${card.meaning.toLowerCase()}，${card.name}建议你${Math.random() > 0.5 ? '保持开放心态' : '谨慎选择'}。`
1113
+ },
1114
+ career: {
1115
+ past: `职业发展上，${card.name}显示你过去${card.meaning.toLowerCase()}。`,
1116
+ present: `当前工作状况受到${card.name}影响，表明${card.meaning.toLowerCase()}。`,
1117
+ future: `职业前景显示${card.name}的能量，可能${card.meaning.toLowerCase()}，建议${Math.random() > 0.5 ? '主动争取机会' : '耐心等待时机'}。`
1118
+ },
1119
+ finance: {
1120
+ past: `财务状况上，${card.name}反映你过去${card.meaning.toLowerCase()}。`,
1121
+ present: `当前金钱流动显示${card.name}的影响，意味着${card.meaning.toLowerCase()}。`,
1122
+ future: `财务未来可能${card.meaning.toLowerCase()}，${card.name}建议${Math.random() > 0.5 ? '保守理财' : '适度冒险'}。`
1123
+ },
1124
+ health: {
1125
+ past: `健康方面，${card.name}表示你过去${card.meaning.toLowerCase()}。`,
1126
+ present: `当前身体状况受到${card.name}影响，${card.meaning.toLowerCase()}。`,
1127
+ future: `健康前景显示${card.name}的能量，可能${card.meaning.toLowerCase()}，建议${Math.random() > 0.5 ? '增加休息' : '更多运动'}。`
1128
+ }
1129
+ };
1130
+
1131
+ return interpretations[currentQuestionType][position];
1132
+ }
1133
+
1134
+ function getOverallAdvice(cards) {
1135
+ const advices = [
1136
+ "保持开放心态，接受变化带来的机会。",
1137
+ "相信你的直觉，它正引导你走向正确的方向。",
1138
+ "现在是行动的时候，不要被恐惧阻碍。",
1139
+ "耐心是关键，有些事需要时间发展。",
1140
+ "平衡是你当前最重要的课题。",
1141
+ "与他人合作会带来意想不到的好处。",
1142
+ "关注细节，小事情可能产生大影响。",
1143
+ "表达你的真实感受，沟通是解决问题的关键。",
1144
+ "照顾好自己的身心健康，这是成功的基础。",
1145
+ "过去的经验是宝贵的教训，但不是未来的限制。"
1146
+ ];
1147
+
1148
+ return advices[Math.floor(Math.random() * advices.length)];
1149
+ }
1150
+
1151
+ function flipCard(cardElement) {
1152
+ cardElement.classList.toggle('flipped');
1153
+ }
1154
+
1155
+ function resetTarotReading() {
1156
+ document.getElementById('tarot-reading').classList.add('hidden');
1157
+ document.getElementById('question-input').classList.remove('hidden');
1158
+ document.getElementById('user-question').value = '';
1159
+
1160
+ // 重置卡片状态
1161
+ const cards = document.querySelectorAll('.tarot-card');
1162
+ cards.forEach(card => {
1163
+ card.classList.remove('flipped');
1164
+ card.querySelector('.tarot-back').textContent = '';
1165
+ });
1166
+
1167
+ document.getElementById('tarot-interpretation').classList.add('hidden');
1168
+ }
1169
+
1170
+ // 星座运势功能
1171
+ function selectZodiac(sign) {
1172
+ const zodiac = zodiacData[sign];
1173
+
1174
+ // 更新星座名称
1175
+ document.getElementById('selected-zodiac-name').textContent = zodiac.name;
1176
+
1177
+ // 更新日期
1178
+ const now = new Date();
1179
+ document.getElementById('horoscope-date').textContent = `更新于: ${now.getFullYear()}-${now.getMonth()+1}-${now.getDate()}`;
1180
+
1181
+ // 更新运势内容
1182
+ document.getElementById('today-horoscope').textContent = zodiac.today;
1183
+ document.getElementById('week-horoscope').textContent = zodiac.week;
1184
+ document.getElementById('month-horoscope').textContent = zodiac.month;
1185
+
1186
+ document.getElementById('love-horoscope').textContent = zodiac.love;
1187
+ document.getElementById('career-horoscope').textContent = zodiac.career;
1188
+ document.getElementById('health-horoscope').textContent = zodiac.health;
1189
+
1190
+ // 更新幸运信息
1191
+ document.getElementById('lucky-color').textContent = zodiac.color;
1192
+ document.getElementById('lucky-number').textContent = zodiac.number;
1193
+ document.getElementById('lucky-direction').textContent = zodiac.direction;
1194
+
1195
+ // 随机幸运指数
1196
+ document.getElementById('today-luck').style.width = `${Math.floor(Math.random() * 60 + 40)}%`;
1197
+ document.getElementById('week-luck').style.width = `${Math.floor(Math.random() * 60 + 40)}%`;
1198
+ document.getElementById('month-luck').style.width = `${Math.floor(Math.random() * 60 + 40)}%`;
1199
+
1200
+ // 显示结果
1201
+ document.getElementById('horoscope-result').classList.remove('hidden');
1202
+
1203
+ // 滚动到结果
1204
+ document.getElementById('horoscope-result').scrollIntoView({ behavior: 'smooth' });
1205
+ }
1206
+
1207
+ function resetHoroscope() {
1208
+ document.getElementById('horoscope-result').classList.add('hidden');
1209
+ }
1210
+
1211
+ // 数字命理功能
1212
+ function calculateNumerology() {
1213
+ const birthDate = document.getElementById('birth-date').value;
1214
+ const name = document.getElementById('user-name').value.trim();
1215
+
1216
+ if (!birthDate || !name) {
1217
+ alert('请输入出生日期和姓名');
1218
+ return;
1219
+ }
1220
+
1221
+ // 计算生命灵数
1222
+ const dateParts = birthDate.split('-');
1223
+ const day = parseInt(dateParts[2]);
1224
+ const month = parseInt(dateParts[1]);
1225
+ const year = parseInt(dateParts[0]);
1226
+
1227
+ let lifePathNumber = reduceToSingleDigit(day) + reduceToSingleDigit(month) + reduceToSingleDigit(year);
1228
+ lifePathNumber = reduceToSingleDigit(lifePathNumber);
1229
+
1230
+ // 检查是否为大师数字
1231
+ if (lifePathNumber === 11 || lifePathNumber === 22) {
1232
+ // 保留大师数字
1233
+ } else {
1234
+ lifePathNumber = reduceToSingleDigit(lifePathNumber);
1235
+ }
1236
+
1237
+ // 计算姓名数字
1238
+ const nameNumbers = calculateNameNumbers(name);
1239
+ const destinyNumber = reduceToSingleDigit(nameNumbers.total);
1240
+ const soulNumber = reduceToSingleDigit(nameNumbers.vowels);
1241
+ const personalityNumber = reduceToSingleDigit(nameNumbers.consonants);
1242
+
1243
+ // 显示结果
1244
+ document.getElementById('life-path-number').textContent = lifePathNumber;
1245
+
1246
+ const numerology = numerologyData[lifePathNumber] || numerologyData[reduceToSingleDigit(lifePathNumber)];
1247
+
1248
+ document.getElementById('life-path-meaning').textContent = numerology.meaning;
1249
+
1250
+ // 更新优势与弱点
1251
+ const strengthsList = document.getElementById('strengths');
1252
+ const weaknessesList = document.getElementById('weaknesses');
1253
+
1254
+ strengthsList.innerHTML = '';
1255
+ weaknessesList.innerHTML = '';
1256
+
1257
+ numerology.strengths.forEach(strength => {
1258
+ const li = document.createElement('li');
1259
+ li.className = 'flex items-center';
1260
+ li.innerHTML = `<i class="fas fa-check-circle text-green-400 mr-2"></i>${strength}`;
1261
+ strengthsList.appendChild(li);
1262
+ });
1263
+
1264
+ numerology.weaknesses.forEach(weakness => {
1265
+ const li = document.createElement('li');
1266
+ li.className = 'flex items-center';
1267
+ li.innerHTML = `<i class="fas fa-exclamation-circle text-red-400 mr-2"></i>${weakness}`;
1268
+ weaknessesList.appendChild(li);
1269
+ });
1270
+
1271
+ document.getElementById('life-advice').textContent = numerology.advice;
1272
+
1273
+ // 更新详细数字
1274
+ document.getElementById('birth-day-number').textContent = reduceToSingleDigit(day);
1275
+ document.getElementById('birth-day-meaning').textContent = getBirthDayMeaning(day);
1276
+
1277
+ document.getElementById('soul-number').textContent = soulNumber;
1278
+ document.getElementById('soul-meaning').textContent = getSoulMeaning(soulNumber);
1279
+
1280
+ document.getElementById('personality-number').textContent = personalityNumber;
1281
+ document.getElementById('personality-meaning').textContent = getPersonalityMeaning(personalityNumber);
1282
+
1283
+ document.getElementById('destiny-number').textContent = destinyNumber;
1284
+ document.getElementById('destiny-meaning').textContent = getDestinyMeaning(destinyNumber);
1285
+
1286
+ // 显示结果
1287
+ document.getElementById('numerology-result').classList.remove('hidden');
1288
+
1289
+ // 滚动到结果
1290
+ document.getElementById('numerology-result').scrollIntoView({ behavior: 'smooth' });
1291
+ }
1292
+
1293
+ function reduceToSingleDigit(number) {
1294
+ while (number > 9) {
1295
+ number = number.toString().split('').reduce((sum, digit) => sum + parseInt(digit), 0);
1296
+ }
1297
+ return number;
1298
+ }
1299
+
1300
+ function calculateNameNumbers(name) {
1301
+ const letterValues = {
1302
+ 'a': 1, 'b': 2, 'c': 3, 'd': 4, 'e': 5, 'f': 6, 'g': 7, 'h': 8, 'i': 9,
1303
+ 'j': 1, 'k': 2, 'l': 3, 'm': 4, 'n': 5, 'o': 6, 'p': 7, 'q': 8, 'r': 9,
1304
+ 's': 1, 't': 2, 'u': 3, 'v': 4, 'w': 5, 'x': 6, 'y': 7, 'z': 8
1305
+ };
1306
+
1307
+ const vowels = ['a', 'e', 'i', 'o', 'u'];
1308
+ let total = 0;
1309
+ let vowelSum = 0;
1310
+ let consonantSum = 0;
1311
+
1312
+ for (let char of name.toLowerCase()) {
1313
+ if (letterValues[char]) {
1314
+ total += letterValues[char];
1315
+
1316
+ if (vowels.includes(char)) {
1317
+ vowelSum += letterValues[char];
1318
+ } else {
1319
+ consonantSum += letterValues[char];
1320
+ }
1321
+ }
1322
+ }
1323
+
1324
+ return {
1325
+ total: total,
1326
+ vowels: vowelSum,
1327
+ consonants: consonantSum
1328
+ };
1329
+ }
1330
+
1331
+ function getBirthDayMeaning(day) {
1332
+ const meanings = [
1333
+ "独立、创造力强",
1334
+ "合作、敏感",
1335
+ "表达、社交",
1336
+ "稳定、务实",
1337
+ "自由、冒险",
1338
+ "责任、关怀",
1339
+ "智慧、内省",
1340
+ "成功、权力",
1341
+ "人道、理想主义"
1342
+ ];
1343
+
1344
+ return meanings[reduceToSingleDigit(day) - 1] || "特殊能量";
1345
+ }
1346
+
1347
+ function getSoulMeaning(number) {
1348
+ const meanings = [
1349
+ "渴望独立和自我表达",
1350
+ "渴望和谐与伙伴关系",
1351
+ "渴望快乐和创造性表达",
1352
+ "渴望安全和稳定",
1353
+ "渴望自由和变化",
1354
+ "渴望服务和责任",
1355
+ "渴望知识和真理",
1356
+ "渴望成功和认可",
1357
+ "渴望完美和理想"
1358
+ ];
1359
+
1360
+ return meanings[number - 1] || "深层次灵魂需求";
1361
+ }
1362
+
1363
+ function getPersonalityMeaning(number) {
1364
+ const meanings = [
1365
+ "自信、独立的形象",
1366
+ "温和、友善的形象",
1367
+ "开朗、有魅力的形象",
1368
+ "可靠、务实的形象",
1369
+ "自由、冒险的形象",
1370
+ "负责、关怀的形象",
1371
+ "智慧、神秘的形象",
1372
+ "强大、成功的形象",
1373
+ "理想主义、慷慨的形象"
1374
+ ];
1375
+
1376
+ return meanings[number - 1] || "外在表现特质";
1377
+ }
1378
+
1379
+ function getDestinyMeaning(number) {
1380
+ const meanings = [
1381
+ "领导力和创新的人生道路",
1382
+ "合作与平衡的人生道路",
1383
+ "表达与快乐的人生道路",
1384
+ "建设与稳定的人生道路",
1385
+ "自由与变化的人生道路",
1386
+ "服务与责任的人生道路",
1387
+ "智慧与真理的人生道路",
1388
+ "成功与权力的人生道路",
1389
+ "人道与理想的人生道路"
1390
+ ];
1391
+
1392
+ return meanings[number - 1] || "灵魂的人生目的";
1393
+ }
1394
+
1395
+ function resetNumerology() {
1396
+ document.getElementById('birth-date').value = '';
1397
+ document.getElementById('user-name').value = '';
1398
+ document.getElementById('numerology-result').classList.add('hidden');
1399
+ }
1400
+ </script>
1401
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=sexyfrad/sexyfrad" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
1402
+ </html>