Hugging Face's logo

Spaces:
zdwalter
/
the-some-l
Running

App Files Community
zdwalter commited on
Commit
e4744f9
·
verified ·
1 Parent(s): efaefaf

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +576 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: The Some L
3
- emoji: 💻
4
- colorFrom: red
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: the-some-l
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: gray
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,576 @@
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">
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=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
+ .hero-gradient {
19
+ background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
20
+ }
21
+
22
+ .feature-card:hover {
23
+ transform: translateY(-5px);
24
+ box-shadow: 0 10px 25px rgba(99, 102, 241, 0.3);
25
+ }
26
+
27
+ .gameplay-tab.active {
28
+ border-bottom: 3px solid #6366f1;
29
+ color: #6366f1;
30
+ }
31
+
32
+ .character-card {
33
+ perspective: 1000px;
34
+ }
35
+
36
+ .character-inner {
37
+ transition: transform 0.6s;
38
+ transform-style: preserve-3d;
39
+ }
40
+
41
+ .character-card:hover .character-inner {
42
+ transform: rotateY(180deg);
43
+ }
44
+
45
+ .character-front, .character-back {
46
+ backface-visibility: hidden;
47
+ }
48
+
49
+ .character-back {
50
+ transform: rotateY(180deg);
51
+ }
52
+
53
+ .world-map {
54
+ background-image: url('https://images.unsplash.com/photo-1605559424843-9e4c228bf1c2?ixlib=rb-4.0.3');
55
+ background-size: cover;
56
+ background-position: center;
57
+ filter: sepia(50%) hue-rotate(180deg) brightness(0.7);
58
+ }
59
+ </style>
60
+ </head>
61
+ <body>
62
+ <!-- 导航栏 -->
63
+ <nav class="bg-gray-900 bg-opacity-90 fixed w-full z-10">
64
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
65
+ <div class="flex items-center justify-between h-16">
66
+ <div class="flex items-center">
67
+ <div class="flex-shrink-0">
68
+ <span class="text-indigo-500 text-2xl font-bold"><i class="fas fa-crown mr-2"></i>永恒王国</span>
69
+ </div>
70
+ <div class="hidden md:block">
71
+ <div class="ml-10 flex items-baseline space-x-4">
72
+ <a href="#features" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">特色</a>
73
+ <a href="#gameplay" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">玩法</a>
74
+ <a href="#world" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">世界</a>
75
+ <a href="#characters" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">角色</a>
76
+ </div>
77
+ </div>
78
+ </div>
79
+ <div>
80
+ <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-md text-sm font-medium">
81
+ <i class="fas fa-download mr-2"></i>预购游戏
82
+ </button>
83
+ </div>
84
+ </div>
85
+ </div>
86
+ </nav>
87
+
88
+ <!-- 英雄区域 -->
89
+ <header class="hero-gradient pt-24 pb-20">
90
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
91
+ <div class="md:flex items-center justify-between">
92
+ <div class="md:w-1/2 mb-10 md:mb-0">
93
+ <h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">永恒王国</h1>
94
+ <p class="text-xl text-gray-300 mb-8">一个融合战斗、策略与自由的史诗级开放世界沙盒游戏。在历史与虚构交织的大陆上，书写属于你的传奇。</p>
95
+ <div class="flex space-x-4">
96
+ <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-6 py-3 rounded-md text-lg font-medium">
97
+ <i class="fas fa-play mr-2"></i>观看预告片
98
+ </button>
99
+ <button class="bg-gray-700 hover:bg-gray-600 text-white px-6 py-3 rounded-md text-lg font-medium">
100
+ <i class="fas fa-info-circle mr-2"></i>了解更多
101
+ </button>
102
+ </div>
103
+ </div>
104
+ <div class="md:w-1/2 relative">
105
+ <img src="https://images.unsplash.com/photo-1542751375-ad40-5336d8ebf59?ixlib=rb-4.0.3" alt="游戏场景" class="rounded-lg shadow-2xl transform rotate-1 hover:rotate-0 transition duration-300">
106
+ <div class="absolute -bottom-5 -left-5 bg-indigo-800 rounded-lg p-4 shadow-lg w-32">
107
+ <p class="text-sm text-indigo-200">IGN 9.5/10</p>
108
+ <p class="text-white font-bold">"重新定义沙盒游戏"</p>
109
+ </div>
110
+ </div>
111
+ </div>
112
+ </div>
113
+ </header>
114
+
115
+ <!-- 游戏特色 -->
116
+ <section id="features" class="py-20 bg-gray-800">
117
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
118
+ <div class="text-center mb-16">
119
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">游戏核心特色</h2>
120
+ <p class="text-xl text-gray-300 max-w-3xl mx-auto">融合多种游戏类型的独特体验，打造前所未有的开放世界冒险</p>
121
+ </div>
122
+
123
+ <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
124
+ <!-- 特色卡片1 -->
125
+ <div class="feature-card bg-gray-700 rounded-lg p-6 transition duration-300 hover:shadow-lg">
126
+ <div class="text-indigo-400 text-4xl mb-4">
127
+ <i class="fas fa-globe-americas"></i>
128
+ </div>
129
+ <h3 class="text-xl font-bold mb-3">无限自由的沙盒世界</h3>
130
+ <p class="text-gray-300">从雪山到沙漠，从繁华都市到隐秘地下城，完全无缝的开放世界。你可以成为商人、冒险家、领主或盗贼，世界对你的选择做出动态反应。</p>
131
+ </div>
132
+
133
+ <!-- 特色卡片2 -->
134
+ <div class="feature-card bg-gray-700 rounded-lg p-6 transition duration-300 hover:shadow-lg">
135
+ <div class="text-indigo-400 text-4xl mb-4">
136
+ <i class="fas fa-swords"></i>
137
+ </div>
138
+ <h3 class="text-xl font-bold mb-3">深度战斗系统</h3>
139
+ <p class="text-gray-300">融合动作与策略的战斗体验。超过200种武器和技能组合，实时物理碰撞和部位伤害系统。指挥军队或亲自上阵，每场战斗都独一无二。</p>
140
+ </div>
141
+
142
+ <!-- 特色卡片3 -->
143
+ <div class="feature-card bg-gray-700 rounded-lg p-6 transition duration-300 hover:shadow-lg">
144
+ <div class="text-indigo-400 text-4xl mb-4">
145
+ <i class="fas fa-chess-king"></i>
146
+ </div>
147
+ <h3 class="text-xl font-bold mb-3">王国管理与策略</h3>
148
+ <p class="text-gray-300">建立并管理你的王国，处理外交、内政和军事事务。每个决策都会影响世界格局，NPC会记住你的行为并做出相应反应。</p>
149
+ </div>
150
+
151
+ <!-- 特色卡片4 -->
152
+ <div class="feature-card bg-gray-700 rounded-lg p-6 transition duration-300 hover:shadow-lg">
153
+ <div class="text-indigo-400 text-4xl mb-4">
154
+ <i class="fas fa-coins"></i>
155
+ </div>
156
+ <h3 class="text-xl font-bold mb-3">动态经济系统</h3>
157
+ <p class="text-gray-300">完全模拟的经济系统，价格随供需变化。你可以垄断资源、操纵市场，或建立贸易帝国。每个城镇都有独特的经济特性和需求。</p>
158
+ </div>
159
+
160
+ <!-- 特色卡片5 -->
161
+ <div class="feature-card bg-gray-700 rounded-lg p-6 transition duration-300 hover:shadow-lg">
162
+ <div class="text-indigo-400 text-4xl mb-4">
163
+ <i class="fas fa-user-shield"></i>
164
+ </div>
165
+ <h3 class="text-xl font-bold mb-3">角色成长与装备</h3>
166
+ <p class="text-gray-300">非等级制的技能系统，通过实践提升能力。数千种可定制装备，每件都有独特属性和外观。装备会随使用磨损并留下战斗痕迹。</p>
167
+ </div>
168
+
169
+ <!-- 特色卡片6 -->
170
+ <div class="feature-card bg-gray-700 rounded-lg p-6 transition duration-300 hover:shadow-lg">
171
+ <div class="text-indigo-400 text-4xl mb-4">
172
+ <i class="fas fa-landmark"></i>
173
+ </div>
174
+ <h3 class="text-xl font-bold mb-3">历史与虚构交织</h3>
175
+ <p class="text-gray-300">基于真实历史时期构建的架空世界，融合了中世纪欧洲、古代东方和奇幻元素。每个文化都有独特的历史背景和传说。</p>
176
+ </div>
177
+ </div>
178
+ </div>
179
+ </section>
180
+
181
+ <!-- 游戏玩法展示 -->
182
+ <section id="gameplay" class="py-20 bg-gray-900">
183
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
184
+ <div class="text-center mb-16">
185
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">多样化游戏玩法</h2>
186
+ <p class="text-xl text-gray-300 max-w-3xl mx-auto">选择你的道路，创造独特体验</p>
187
+ </div>
188
+
189
+ <!-- 玩法标签 -->
190
+ <div class="flex justify-center mb-12 border-b border-gray-700">
191
+ <button class="gameplay-tab active px-6 py-3 text-lg font-medium">沙盒探索</button>
192
+ <button class="gameplay-tab px-6 py-3 text-lg font-medium text-gray-400 hover:text-white">战斗系统</button>
193
+ <button class="gameplay-tab px-6 py-3 text-lg font-medium text-gray-400 hover:text-white">王国管理</button>
194
+ <button class="gameplay-tab px-6 py-3 text-lg font-medium text-gray-400 hover:text-white">经济贸易</button>
195
+ </div>
196
+
197
+ <!-- 玩法内容 -->
198
+ <div class="grid md:grid-cols-2 gap-12 items-center">
199
+ <div>
200
+ <h3 class="text-2xl font-bold mb-4">无拘无束的沙盒体验</h3>
201
+ <p class="text-gray-300 mb-6">永恒王国提供了前所未有的自由度。你可以:</p>
202
+ <ul class="space-y-3">
203
+ <li class="flex items-start">
204
+ <i class="fas fa-check text-indigo-400 mt-1 mr-3"></i>
205
+ <span>攀爬任何可见的表面，使用物理系统创造独特路径</span>
206
+ </li>
207
+ <li class="flex items-start">
208
+ <i class="fas fa-check text-indigo-400 mt-1 mr-3"></i>
209
+ <span>与每个NPC进行深度互动，他们有自己的日程、记忆和人际关系</span>
210
+ </li>
211
+ <li class="flex items-start">
212
+ <i class="fas fa-check text-indigo-400 mt-1 mr-3"></i>
213
+ <span>改变环境 - 砍伐森林建造城市，或挖掘隧道创造捷径</span>
214
+ </li>
215
+ <li class="flex items-start">
216
+ <i class="fas fa-check text-indigo-400 mt-1 mr-3"></i>
217
+ <span>发现隐藏的古代文明遗迹和解谜挑战</span>
218
+ </li>
219
+ </ul>
220
+ </div>
221
+ <div class="relative">
222
+ <img src="https://images.unsplash.com/photo-1589254065874-42b0a7a5729e?ixlib=rb-4.0.3" alt="沙盒探索" class="rounded-lg shadow-xl">
223
+ <div class="absolute -bottom-5 -right-5 bg-indigo-900 text-white p-3 rounded-lg shadow-lg">
224
+ <p class="text-sm">"最接近真实的第二人生"</p>
225
+ <p class="font-bold">- GameSpot</p>
226
+ </div>
227
+ </div>
228
+ </div>
229
+ </div>
230
+ </section>
231
+
232
+ <!-- 游戏世界展示 -->
233
+ <section id="world" class="py-20 world-map relative">
234
+ <div class="absolute inset-0 bg-black bg-opacity-70"></div>
235
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
236
+ <div class="text-center mb-16">
237
+ <h2 class="text-3xl md:text-4xl font-bold mb-4 text-white">广阔的游戏世界</h2>
238
+ <p class="text-xl text-gray-300 max-w-3xl mx-auto">探索超过1000平方公里的无缝开放世界</p>
239
+ </div>
240
+
241
+ <div class="grid md:grid-cols-3 gap-8">
242
+ <!-- 区域1 -->
243
+ <div class="bg-gray-900 bg-opacity-80 rounded-lg p-6 border border-gray-700">
244
+ <h3 class="text-xl font-bold mb-3 text-indigo-400">西部王国</h3>
245
+ <p class="text-gray-300 mb-4">封建制度下的骑士文化与宏伟城堡，灵感来自中世纪欧洲。</p>
246
+ <div class="flex justify-between text-sm text-gray-400">
247
+ <span><i class="fas fa-city mr-1"></i> 12座主要城市</span>
248
+ <span><i class="fas fa-users mr-1"></i> 独特文化</span>
249
+ <span><i class="fas fa-dungeon mr-1"></i> 30+地牢</span>
250
+ </div>
251
+ </div>
252
+
253
+ <!-- 区域2 -->
254
+ <div class="bg-gray-900 bg-opacity-80 rounded-lg p-6 border border-gray-700">
255
+ <h3 class="text-xl font-bold mb-3 text-indigo-400">东方帝国</h3>
256
+ <p class="text-gray-300 mb-4">官僚制度下的中央集权帝国，融合了唐宋时期的东方美学。</p>
257
+ <div class="flex justify-between text-sm text-gray-400">
258
+ <span><i class="fas fa-city mr-1"></i> 9座宏伟都城</span>
259
+ <span><i class="fas fa-users mr-1"></i> 复杂政治</span>
260
+ <span><i class="fas fa-mountain mr-1"></i> 修道院与寺庙</span>
261
+ </div>
262
+ </div>
263
+
264
+ <!-- 区域3 -->
265
+ <div class="bg-gray-900 bg-opacity-80 rounded-lg p-6 border border-gray-700">
266
+ <h3 class="text-xl font-bold mb-3 text-indigo-400">南方群岛</h3>
267
+ <p class="text-gray-300 mb-4">城邦共和国与海盗巢穴，地中海风格的海上贸易中心。</p>
268
+ <div class="flex justify-between text-sm text-gray-400">
269
+ <span><i class="fas fa-city mr-1"></i> 7个独立城邦</span>
270
+ <span><i class="fas fa-ship mr-1"></i> 海上贸易</span>
271
+ <span><i class="fas fa-skull-crossbones mr-1"></i> 海盗活动</span>
272
+ </div>
273
+ </div>
274
+ </div>
275
+
276
+ <div class="mt-12 bg-gray-900 bg-opacity-80 rounded-lg p-6 border border-gray-700">
277
+ <h3 class="text-xl font-bold mb-4 text-center">动态世界系统</h3>
278
+ <div class="grid md:grid-cols-4 gap-6 text-center">
279
+ <div>
280
+ <div class="text-indigo-400 text-3xl mb-2">
281
+ <i class="fas fa-calendar-day"></i>
282
+ </div>
283
+ <h4 class="font-bold mb-1">季节变化</h4>
284
+ <p class="text-sm text-gray-300">影响农业、旅行和战争</p>
285
+ </div>
286
+ <div>
287
+ <div class="text-indigo-400 text-3xl mb-2">
288
+ <i class="fas fa-random"></i>
289
+ </div>
290
+ <h4 class="font-bold mb-1">动态事件</h4>
291
+ <p class="text-sm text-gray-300">叛乱、瘟疫、经济危机</p>
292
+ </div>
293
+ <div>
294
+ <div class="text-indigo-400 text-3xl mb-2">
295
+ <i class="fas fa-route"></i>
296
+ </div>
297
+ <h4 class="font-bold mb-1">旅行系统</h4>
298
+ <p class="text-sm text-gray-300">商队、快速旅行与危险</p>
299
+ </div>
300
+ <div>
301
+ <div class="text-indigo-400 text-3xl mb-2">
302
+ <i class="fas fa-book-dead"></i>
303
+ </div>
304
+ <h4 class="font-bold mb-1">历史进程</h4>
305
+ <p class="text-sm text-gray-300">你的行动改变世界历史</p>
306
+ </div>
307
+ </div>
308
+ </div>
309
+ </div>
310
+ </section>
311
+
312
+ <!-- 角色系统 -->
313
+ <section id="characters" class="py-20 bg-gray-800">
314
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
315
+ <div class="text-center mb-16">
316
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">角色发展与装备</h2>
317
+ <p class="text-xl text-gray-300 max-w-3xl mx-auto">打造独一无二的角色，收集传奇装备</p>
318
+ </div>
319
+
320
+ <div class="grid md:grid-cols-3 gap-8 mb-12">
321
+ <!-- 角色卡片1 -->
322
+ <div class="character-card h-96">
323
+ <div class="character-inner relative w-full h-full">
324
+ <div class="character-front absolute w-full h-full bg-gray-700 rounded-lg p-6 flex flex-col items-center justify-center">
325
+ <div class="w-32 h-32 bg-indigo-900 rounded-full mb-4 flex items-center justify-center text-4xl">
326
+ <i class="fas fa-shield-alt"></i>
327
+ </div>
328
+ <h3 class="text-xl font-bold mb-2">战士</h3>
329
+ <p class="text-gray-300 text-center">精通各种武器的战斗专家，可以成为骑士、佣兵或角斗士</p>
330
+ </div>
331
+ <div class="character-back absolute w-full h-full bg-indigo-900 rounded-lg p-6 flex flex-col justify-center">
332
+ <h3 class="text-xl font-bold mb-3 text-center">技能专精</h3>
333
+ <ul class="space-y-2 text-sm">
334
+ <li class="flex items-center">
335
+ <i class="fas fa-sword mr-2"></i>
336
+ <span>武器大师 - 解锁特殊攻击</span>
337
+ </li>
338
+ <li class="flex items-center">
339
+ <i class="fas fa-shield-virus mr-2"></i>
340
+ <span>防御战术 - 格挡与反击</span>
341
+ </li>
342
+ <li class="flex items-center">
343
+ <i class="fas fa-helmet-battle mr-2"></i>
344
+ <span>重甲专精 - 减少移动惩罚</span>
345
+ </li>
346
+ </ul>
347
+ </div>
348
+ </div>
349
+ </div>
350
+
351
+ <!-- 角色卡片2 -->
352
+ <div class="character-card h-96">
353
+ <div class="character-inner relative w-full h-full">
354
+ <div class="character-front absolute w-full h-full bg-gray-700 rounded-lg p-6 flex flex-col items-center justify-center">
355
+ <div class="w-32 h-32 bg-indigo-900 rounded-full mb-4 flex items-center justify-center text-4xl">
356
+ <i class="fas fa-hand-holding-usd"></i>
357
+ </div>
358
+ <h3 class="text-xl font-bold mb-2">商人</h3>
359
+ <p class="text-gray-300 text-center">经济系统的掌控者，建立贸易网络或垄断关键资源</p>
360
+ </div>
361
+ <div class="character-back absolute w-full h-full bg-indigo-900 rounded-lg p-6 flex flex-col justify-center">
362
+ <h3 class="text-xl font-bold mb-3 text-center">商业技能</h3>
363
+ <ul class="space-y-2 text-sm">
364
+ <li class="flex items-center">
365
+ <i class="fas fa-chart-line mr-2"></i>
366
+ <span>市场洞察 - 预测价格波动</span>
367
+ </li>
368
+ <li class="flex items-center">
369
+ <i class="fas fa-handshake mr-2"></i>
370
+ <span>谈判大师 - 更好的交易条件</span>
371
+ </li>
372
+ <li class="flex items-center">
373
+ <i class="fas fa-warehouse mr-2"></i>
374
+ <span>物流网络 - 降低运输成本</span>
375
+ </li>
376
+ </ul>
377
+ </div>
378
+ </div>
379
+ </div>
380
+
381
+ <!-- 角色卡片3 -->
382
+ <div class="character-card h-96">
383
+ <div class="character-inner relative w-full h-full">
384
+ <div class="character-front absolute w-full h-full bg-gray-700 rounded-lg p-6 flex flex-col items-center justify-center">
385
+ <div class="w-32 h-32 bg-indigo-900 rounded-full mb-4 flex items-center justify-center text-4xl">
386
+ <i class="fas fa-crown"></i>
387
+ </div>
388
+ <h3 class="text-xl font-bold mb-2">统治者</h3>
389
+ <p class="text-gray-300 text-center">政治与军事领袖，管理领地并参与大战略决策</p>
390
+ </div>
391
+ <div class="character-back absolute w-full h-full bg-indigo-900 rounded-lg p-6 flex flex-col justify-center">
392
+ <h3 class="text-xl font-bold mb-3 text-center">统治能力</h3>
393
+ <ul class="space-y-2 text-sm">
394
+ <li class="flex items-center">
395
+ <i class="fas fa-landmark mr-2"></i>
396
+ <span>内政管理 - 提高领地效率</span>
397
+ </li>
398
+ <li class="flex items-center">
399
+ <i class="fas fa-chess-queen mr-2"></i>
400
+ <span>外交手腕 - 改善国际关系</span>
401
+ </li>
402
+ <li class="flex items-center">
403
+ <i class="fas fa-chess-knight mr-2"></i>
404
+ <span>军事战略 - 指挥大型战役</span>
405
+ </li>
406
+ </ul>
407
+ </div>
408
+ </div>
409
+ </div>
410
+ </div>
411
+
412
+ <!-- 装备系统 -->
413
+ <div class="bg-gray-700 rounded-lg p-8">
414
+ <h3 class="text-2xl font-bold mb-6 text-center">深度装备系统</h3>
415
+ <div class="grid md:grid-cols-2 gap-8">
416
+ <div>
417
+ <h4 class="text-xl font-bold mb-4 text-indigo-400">装备特性</h4>
418
+ <ul class="space-y-3">
419
+ <li class="flex items-start">
420
+ <i class="fas fa-asterisk text-indigo-400 mt-1 mr-3"></i>
421
+ <span><span class="font-bold">物理模拟:</span> 装备重量影响移动和战斗，金属装备在寒冷地区会结霜</span>
422
+ </li>
423
+ <li class="flex items-start">
424
+ <i class="fas fa-asterisk text-indigo-400 mt-1 mr-3"></i>
425
+ <span><span class="font-bold">磨损系统:</span> 武器会变钝，盔甲会破损，需要定期维护</span>
426
+ </li>
427
+ <li class="flex items-start">
428
+ <i class="fas fa-asterisk text-indigo-400 mt-1 mr-3"></i>
429
+ <span><span class="font-bold">文化风格:</span> 不同地区的装备有独特外观和属性加成</span>
430
+ </li>
431
+ <li class="flex items-start">
432
+ <i class="fas fa-asterisk text-indigo-400 mt-1 mr-3"></i>
433
+ <span><span class="font-bold">传奇物品:</span> 带有历史背景和特殊能力的独特装备</span>
434
+ </li>
435
+ </ul>
436
+ </div>
437
+ <div class="bg-gray-800 rounded-lg p-6 border border-gray-600">
438
+ <div class="flex justify-between mb-6">
439
+ <div>
440
+ <h5 class="font-bold text-indigo-300">"龙息"双手剑</h5>
441
+ <p class="text-sm text-gray-400">古代火龙锻造的传奇武器</p>
442
+ </div>
443
+ <div class="text-yellow-400">
444
+ <i class="fas fa-star"></i>
445
+ <i class="fas fa-star"></i>
446
+ <i class="fas fa-star"></i>
447
+ <i class="fas fa-star"></i>
448
+ <i class="fas fa-star"></i>
449
+ </div>
450
+ </div>
451
+ <div class="grid grid-cols-2 gap-4 mb-4">
452
+ <div>
453
+ <p class="text-sm text-gray-400">伤害</p>
454
+ <p class="font-bold">85-120</p>
455
+ </div>
456
+ <div>
457
+ <p class="text-sm text-gray-400">攻击速度</p>
458
+ <p class="font-bold">慢</p>
459
+ </div>
460
+ <div>
461
+ <p class="text-sm text-gray-400">重量</p>
462
+ <p class="font-bold">12.5kg</p>
463
+ </div>
464
+ <div>
465
+ <p class="text-sm text-gray-400">耐久</p>
466
+ <p class="font-bold">300/300</p>
467
+ </div>
468
+ </div>
469
+ <div class="border-t border-gray-700 pt-4">
470
+ <p class="text-sm text-indigo-300 font-bold">特殊效果:</p>
471
+ <p class="text-sm">攻击有几率释放火焰冲击波，对敌人造成持续燃烧伤害。在火山区域伤害提升30%。</p>
472
+ </div>
473
+ </div>
474
+ </div>
475
+ </div>
476
+ </div>
477
+ </section>
478
+
479
+ <!-- 召唤行动 -->
480
+ <section class="py-20 bg-indigo-900">
481
+ <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
482
+ <h2 class="text-3xl md:text-4xl font-bold mb-6">准备好开始你的冒险了吗？</h2>
483
+ <p class="text-xl text-indigo-200 mb-8">加入数百万玩家，在永恒王国中创造属于你的传奇故事。</p>
484
+ <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4">
485
+ <button class="bg-white text-indigo-900 hover:bg-gray-200 px-8 py-4 rounded-md text-lg font-bold">
486
+ <i class="fas fa-shopping-cart mr-2"></i>立即预购
487
+ </button>
488
+ <button class="bg-indigo-700 hover:bg-indigo-800 text-white px-8 py-4 rounded-md text-lg font-medium border border-indigo-500">
489
+ <i class="fas fa-envelope mr-2"></i>订阅资讯
490
+ </button>
491
+ </div>
492
+ <p class="text-sm text-indigo-300 mt-6">预购可获得独家装备和提前体验资格</p>
493
+ </div>
494
+ </section>
495
+
496
+ <!-- 页脚 -->
497
+ <footer class="bg-gray-900 py-12">
498
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
499
+ <div class="grid md:grid-cols-4 gap-8">
500
+ <div>
501
+ <h3 class="text-xl font-bold mb-4 text-indigo-500"><i class="fas fa-crown mr-2"></i>永恒王国</h3>
502
+ <p class="text-gray-400">一个融合多种游戏类型的开放世界沙盒游戏，由幻想工作室开发。</p>
503
+ <div class="flex space-x-4 mt-4">
504
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a>
505
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook"></i></a>
506
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-discord"></i></a>
507
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-youtube"></i></a>
508
+ </div>
509
+ </div>
510
+ <div>
511
+ <h4 class="text-lg font-bold mb-4 text-white">游戏</h4>
512
+ <ul class="space-y-2">
513
+ <li><a href="#" class="text-gray-400 hover:text-white">特色</a></li>
514
+ <li><a href="#" class="text-gray-400 hover:text-white">世界观</a></li>
515
+ <li><a href="#" class="text-gray-400 hover:text-white">开发日志</a></li>
516
+ <li><a href="#" class="text-gray-400 hover:text-white">媒体</a></li>
517
+ </ul>
518
+ </div>
519
+ <div>
520
+ <h4 class="text-lg font-bold mb-4 text-white">支持</h4>
521
+ <ul class="space-y-2">
522
+ <li><a href="#" class="text-gray-400 hover:text-white">常见问题</a></li>
523
+ <li><a href="#" class="text-gray-400 hover:text-white">帮助中心</a></li>
524
+ <li><a href="#" class="text-gray-400 hover:text-white">社区论坛</a></li>
525
+ <li><a href="#" class="text-gray-400 hover:text-white">联系我们</a></li>
526
+ </ul>
527
+ </div>
528
+ <div>
529
+ <h4 class="text-lg font-bold mb-4 text-white">法律</h4>
530
+ <ul class="space-y-2">
531
+ <li><a href="#" class="text-gray-400 hover:text-white">隐私政策</a></li>
532
+ <li><a href="#" class="text-gray-400 hover:text-white">使用条款</a></li>
533
+ <li><a href="#" class="text-gray-400 hover:text-white">Cookie设置</a></li>
534
+ </ul>
535
+ </div>
536
+ </div>
537
+ <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500 text-sm">
538
+ <p>© 2023 幻想工作室. 保留所有权利。永恒王国是幻想工作室的商标。</p>
539
+ <p class="mt-2">所有游戏画面均为开发中版本，实际效果可能有所不同。</p>
540
+ </div>
541
+ </div>
542
+ </footer>
543
+
544
+ <script>
545
+ // 简单的标签切换功能
546
+ document.addEventListener('DOMContentLoaded', function() {
547
+ const tabs = document.querySelectorAll('.gameplay-tab');
548
+
549
+ tabs.forEach(tab => {
550
+ tab.addEventListener('click', function() {
551
+ // 移除所有active类
552
+ tabs.forEach(t => t.classList.remove('active', 'text-indigo-500'));
553
+ tabs.forEach(t => t.classList.add('text-gray-400'));
554
+
555
+ // 为当前点击的标签添加active类
556
+ this.classList.add('active', 'text-indigo-500');
557
+ this.classList.remove('text-gray-400');
558
+
559
+ // 这里可以添加切换内容的逻辑
560
+ });
561
+ });
562
+
563
+ // 平滑滚动
564
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
565
+ anchor.addEventListener('click', function (e) {
566
+ e.preventDefault();
567
+
568
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
569
+ behavior: 'smooth'
570
+ });
571
+ });
572
+ });
573
+ });
574
+ </script>
575
+ <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=zdwalter/the-some-l" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
576
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ 制作一款融合多种游戏类型的开放世界沙盒游戏要求：1. 高度自由的沙盒玩法2. 深度的战斗系统3. 策略与王国管理4. 经济与贸易模拟5. 角色成长与装备系统6.历史与虚构结合的背景