Hugging Face's logo

Spaces:
maomaobj
/
apple3
Running

App Files Community
maomaobj commited on
Commit
307c93f
·
verified ·
1 Parent(s): cb24079

苹果市场需求精准预测平台，修改为苹果市场需求精准预测 - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +6 -4
  2. index.html +493 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Apple3
3
- emoji: 🚀
4
  colorFrom: blue
5
- colorTo: indigo
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: apple3
3
+ emoji: 🐳
4
  colorFrom: blue
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,493 @@
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
+ <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/china-map-data@1.0.0/dist/china.js"></script>
10
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
11
+ <style>
12
+ .card-hover:hover {
13
+ transform: translateY(-5px);
14
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
15
+ }
16
+ .map-container, .chart-container {
17
+ transition: all 0.3s ease;
18
+ }
19
+ .map-container:hover, .chart-container:hover {
20
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
21
+ }
22
+ #chinaMap, #trendChart {
23
+ width: 100%;
24
+ height: 100%;
25
+ }
26
+ </style>
27
+ </head>
28
+ <body class="bg-gray-50 font-sans">
29
+ <!-- 顶部导航 -->
30
+ <header class="bg-white shadow-sm">
31
+ <div class="container mx-auto px-4 py-4 flex justify-between items-center">
32
+ <div class="flex items-center">
33
+ <i class="fas fa-apple-alt text-green-500 text-2xl mr-3"></i>
34
+ <h1 class="text-2xl font-bold text-gray-800">苹果市场需求精准预测</h1>
35
+ </div>
36
+ <div class="flex items-center space-x-4">
37
+ <div class="flex items-center bg-gray-100 rounded-lg px-3 py-2">
38
+ <i class="fas fa-calendar-alt text-gray-500 mr-2"></i>
39
+ <input type="date" class="bg-transparent border-none outline-none text-gray-700" value="2023-11-15">
40
+ </div>
41
+ <div class="relative">
42
+ <select class="appearance-none bg-gray-100 border-none rounded-lg px-4 py-2 pr-8 text-gray-700 focus:outline-none">
43
+ <option>1周预测</option>
44
+ <option>2周预测</option>
45
+ <option selected>4周预测</option>
46
+ <option>8周预测</option>
47
+ </select>
48
+ <div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700">
49
+ <i class="fas fa-chevron-down"></i>
50
+ </div>
51
+ </div>
52
+ <button class="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg flex items-center">
53
+ <i class="fas fa-sync-alt mr-2"></i>
54
+ <span>更新数据</span>
55
+ </button>
56
+ </div>
57
+ </div>
58
+ </header>
59
+
60
+ <!-- 主要内容 -->
61
+ <main class="container mx-auto px-4 py-6">
62
+ <!-- 核心指标卡片 -->
63
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
64
+ <!-- 全国预计总销量 -->
65
+ <div class="bg-white rounded-xl shadow-md p-6 card-hover transition-all duration-300 border-l-4 border-blue-500">
66
+ <div class="flex justify-between items-start">
67
+ <div>
68
+ <p class="text-gray-500 text-sm">全国预计总销量</p>
69
+ <h2 class="text-3xl font-bold text-gray-800 mt-2">128,450 <span class="text-lg">吨</span></h2>
70
+ <p class="text-green-500 text-sm mt-2 flex items-center">
71
+ <i class="fas fa-arrow-up mr-1"></i> 环比增长 8.2%
72
+ </p>
73
+ </div>
74
+ <div class="bg-blue-100 p-3 rounded-full">
75
+ <i class="fas fa-chart-line text-blue-500 text-xl"></i>
76
+ </div>
77
+ </div>
78
+ </div>
79
+
80
+ <!-- 热门销区城市 -->
81
+ <div class="bg-white rounded-xl shadow-md p-6 card-hover transition-all duration-300 border-l-4 border-green-500">
82
+ <div class="flex justify-between items-start">
83
+ <div>
84
+ <p class="text-gray-500 text-sm">热门销区城市</p>
85
+ <div class="mt-3 space-y-2">
86
+ <div class="flex justify-between items-center">
87
+ <span class="text-gray-700">1. 北京</span>
88
+ <span class="font-medium text-gray-800">12,450吨</span>
89
+ </div>
90
+ <div class="flex justify-between items-center">
91
+ <span class="text-gray-700">2. 上海</span>
92
+ <span class="font-medium text-gray-800">11,230吨</span>
93
+ </div>
94
+ <div class="flex justify-between items-center">
95
+ <span class="text-gray-700">3. 广州</span>
96
+ <span class="font-medium text-gray-800">9,870吨</span>
97
+ </div>
98
+ </div>
99
+ </div>
100
+ <div class="bg-green-100 p-3 rounded-full">
101
+ <i class="fas fa-map-marker-alt text-green-500 text-xl"></i>
102
+ </div>
103
+ </div>
104
+ </div>
105
+
106
+ <!-- 预测均价 -->
107
+ <div class="bg-white rounded-xl shadow-md p-6 card-hover transition-all duration-300 border-l-4 border-purple-500">
108
+ <div class="flex justify-between items-start">
109
+ <div>
110
+ <p class="text-gray-500 text-sm">预测均价</p>
111
+ <h2 class="text-3xl font-bold text-gray-800 mt-2">6.85 <span class="text-lg">元/斤</span></h2>
112
+ <p class="text-red-500 text-sm mt-2 flex items-center">
113
+ <i class="fas fa-arrow-down mr-1"></i> 环比下降 2.3%
114
+ </p>
115
+ </div>
116
+ <div class="bg-purple-100 p-3 rounded-full">
117
+ <i class="fas fa-tags text-purple-500 text-xl"></i>
118
+ </div>
119
+ </div>
120
+ </div>
121
+
122
+ <!-- 高需求品种 -->
123
+ <div class="bg-white rounded-xl shadow-md p-6 card-hover transition-all duration-300 border-l-4 border-yellow-500">
124
+ <div class="flex justify-between items-start">
125
+ <div>
126
+ <p class="text-gray-500 text-sm">高需求品种</p>
127
+ <div class="mt-3">
128
+ <span class="inline-block bg-yellow-100 text-yellow-800 px-3 py-1 rounded-full text-sm mr-2 mb-2">红富士</span>
129
+ <span class="inline-block bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm mr-2 mb-2">嘎啦</span>
130
+ <span class="inline-block bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm mr-2 mb-2">秦冠</span>
131
+ <span class="inline-block bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm mr-2 mb-2">青香蕉</span>
132
+ </div>
133
+ </div>
134
+ <div class="bg-yellow-100 p-3 rounded-full">
135
+ <i class="fas fa-seedling text-yellow-500 text-xl"></i>
136
+ </div>
137
+ </div>
138
+ </div>
139
+ </div>
140
+
141
+ <!-- 地图和趋势图 -->
142
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8">
143
+ <!-- 中国地图热力图 -->
144
+ <div class="bg-white rounded-xl shadow-md p-6 map-container h-96">
145
+ <div class="flex justify-between items-center mb-4">
146
+ <h3 class="text-lg font-semibold text-gray-800">全国苹果需求热力图</h3>
147
+ <div class="flex space-x-2">
148
+ <button class="bg-gray-100 hover:bg-gray-200 px-3 py-1 rounded-lg text-sm text-gray-700">省份</button>
149
+ <button class="bg-blue-500 hover:bg-blue-600 px-3 py-1 rounded-lg text-sm text-white">城市</button>
150
+ </div>
151
+ </div>
152
+ <div id="chinaMap"></div>
153
+ </div>
154
+
155
+ <!-- 需求趋势分析图 -->
156
+ <div class="bg-white rounded-xl shadow-md p-6 chart-container h-96">
157
+ <div class="flex justify-between items-center mb-4">
158
+ <h3 class="text-lg font-semibold text-gray-800">需求趋势分析</h3>
159
+ <div class="flex space-x-2">
160
+ <button class="bg-blue-500 hover:bg-blue-600 px-3 py-1 rounded-lg text-sm text-white">销量趋势</button>
161
+ <button class="bg-gray-100 hover:bg-gray-200 px-3 py-1 rounded-lg text-sm text-gray-700">品种对比</button>
162
+ </div>
163
+ </div>
164
+ <div id="trendChart"></div>
165
+ </div>
166
+ </div>
167
+
168
+ <!-- 智能建议面板 -->
169
+ <div class="bg-white rounded-xl shadow-md p-6 mb-8">
170
+ <div class="flex items-center mb-6">
171
+ <i class="fas fa-robot text-blue-500 text-2xl mr-3"></i>
172
+ <h3 class="text-xl font-semibold text-gray-800">AI智能建议</h3>
173
+ </div>
174
+
175
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
176
+ <!-- 推荐产区发货匹配建议 -->
177
+ <div class="bg-blue-50 rounded-lg p-5">
178
+ <div class="flex items-center mb-3">
179
+ <div class="bg-blue-100 p-2 rounded-full mr-3">
180
+ <i class="fas fa-truck text-blue-500"></i>
181
+ </div>
182
+ <h4 class="font-medium text-gray-800">产区发货匹配</h4>
183
+ </div>
184
+ <ul class="space-y-3 text-sm text-gray-700">
185
+ <li class="flex items-start">
186
+ <i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
187
+ <span>渭南秦冠适合发往成都市场</span>
188
+ </li>
189
+ <li class="flex items-start">
190
+ <i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
191
+ <span>烟台红富士优先供应北京、上海</span>
192
+ </li>
193
+ <li class="flex items-start">
194
+ <i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
195
+ <span>洛川苹果可增加广州市场投放</span>
196
+ </li>
197
+ </ul>
198
+ </div>
199
+
200
+ <!-- 促销建议 -->
201
+ <div class="bg-green-50 rounded-lg p-5">
202
+ <div class="flex items-center mb-3">
203
+ <div class="bg-green-100 p-2 rounded-full mr-3">
204
+ <i class="fas fa-percentage text-green-500"></i>
205
+ </div>
206
+ <h4 class="font-medium text-gray-800">促销建议</h4>
207
+ </div>
208
+ <ul class="space-y-3 text-sm text-gray-700">
209
+ <li class="flex items-start">
210
+ <i class="fas fa-bolt text-green-500 mt-1 mr-2"></i>
211
+ <span>电商平台建议主推85#红富士礼盒装</span>
212
+ </li>
213
+ <li class="flex items-start">
214
+ <i class="fas fa-bolt text-green-500 mt-1 mr-2"></i>
215
+ <span>商超渠道可开展"买二送一"活动</span>
216
+ </li>
217
+ <li class="flex items-start">
218
+ <i class="fas fa-bolt text-green-500 mt-1 mr-2"></i>
219
+ <span>批发市场建议增加小包装规格</span>
220
+ </li>
221
+ </ul>
222
+ </div>
223
+
224
+ <!-- 区域市场洞察 -->
225
+ <div class="bg-purple-50 rounded-lg p-5">
226
+ <div class="flex items-center mb-3">
227
+ <div class="bg-purple-100 p-2 rounded-full mr-3">
228
+ <i class="fas fa-lightbulb text-purple-500"></i>
229
+ </div>
230
+ <h4 class="font-medium text-gray-800">区域市场洞察</h4>
231
+ </div>
232
+ <ul class="space-y-3 text-sm text-gray-700">
233
+ <li class="flex items-start">
234
+ <i class="fas fa-map-marked-alt text-purple-500 mt-1 mr-2"></i>
235
+ <span>东北区域将迎来节假日需求高峰</span>
236
+ </li>
237
+ <li class="flex items-start">
238
+ <i class="fas fa-map-marked-alt text-purple-500 mt-1 mr-2"></i>
239
+ <span>长三角地区偏好高端礼盒包装</span>
240
+ </li>
241
+ <li class="flex items-start">
242
+ <i class="fas fa-map-marked-alt text-purple-500 mt-1 mr-2"></i>
243
+ <span>西南市场对酸甜口品种需求增加</span>
244
+ </li>
245
+ </ul>
246
+ </div>
247
+ </div>
248
+ </div>
249
+ </main>
250
+
251
+ <!-- 底部信息 -->
252
+ <footer class="bg-white border-t py-6">
253
+ <div class="container mx-auto px-4 text-center text-gray-500 text-sm">
254
+ <p>© 2023 苹果市场需求精准预测 - 农业大数据分析中心</p>
255
+ <p class="mt-2">数据更新时间: 2023-11-15 09:30:45 | 预测模型版本: V2.3.5</p>
256
+ </div>
257
+ </footer>
258
+
259
+ <script>
260
+ // 初始化地图
261
+ const mapChart = echarts.init(document.getElementById('chinaMap'));
262
+
263
+ // 模拟数据 - 各省份需求热度
264
+ const data = [
265
+ {name: '北京', value: 12450},
266
+ {name: '天津', value: 8450},
267
+ {name: '上海', value: 11230},
268
+ {name: '重庆', value: 7650},
269
+ {name: '河北', value: 9230},
270
+ {name: '山西', value: 6540},
271
+ {name: '辽宁', value: 8760},
272
+ {name: '吉林', value: 5430},
273
+ {name: '黑龙江', value: 4980},
274
+ {name: '江苏', value: 10320},
275
+ {name: '浙江', value: 9870},
276
+ {name: '安徽', value: 7650},
277
+ {name: '福建', value: 8320},
278
+ {name: '江西', value: 6540},
279
+ {name: '山东', value: 11560},
280
+ {name: '河南', value: 9870},
281
+ {name: '湖北', value: 8760},
282
+ {name: '湖南', value: 7650},
283
+ {name: '广东', value: 12840},
284
+ {name: '海南', value: 4320},
285
+ {name: '四川', value: 9870},
286
+ {name: '贵州', value: 5430},
287
+ {name: '云南', value: 6540},
288
+ {name: '陕西', value: 8760},
289
+ {name: '甘肃', value: 5430},
290
+ {name: '青海', value: 3210},
291
+ {name: '内蒙古', value: 4320},
292
+ {name: '广西', value: 6540},
293
+ {name: '西藏', value: 2100},
294
+ {name: '宁夏', value: 3210},
295
+ {name: '新疆', value: 5430}
296
+ ];
297
+
298
+ const option = {
299
+ title: {
300
+ text: '',
301
+ subtext: '',
302
+ left: 'center'
303
+ },
304
+ tooltip: {
305
+ trigger: 'item',
306
+ formatter: '{b}<br/>预测需求量: {c} 吨'
307
+ },
308
+ visualMap: {
309
+ min: 2000,
310
+ max: 13000,
311
+ text: ['高', '低'],
312
+ realtime: false,
313
+ calculable: true,
314
+ inRange: {
315
+ color: ['#f0f9e8', '#bae4bc', '#7bccc4', '#43a2ca', '#0868ac']
316
+ },
317
+ textStyle: {
318
+ color: '#666'
319
+ }
320
+ },
321
+ series: [{
322
+ name: '苹果需求量',
323
+ type: 'map',
324
+ map: 'china',
325
+ roam: true,
326
+ label: {
327
+ show: true,
328
+ fontSize: 10,
329
+ color: '#333'
330
+ },
331
+ emphasis: {
332
+ label: {
333
+ show: true,
334
+ color: '#fff'
335
+ },
336
+ itemStyle: {
337
+ areaColor: '#ff7f00'
338
+ }
339
+ },
340
+ itemStyle: {
341
+ borderColor: '#fff',
342
+ borderWidth: 1
343
+ },
344
+ data: data,
345
+ // 高亮显示热门省份
346
+ select: {
347
+ itemStyle: {
348
+ areaColor: '#ff7f00'
349
+ },
350
+ label: {
351
+ color: '#fff'
352
+ }
353
+ }
354
+ }]
355
+ };
356
+
357
+ mapChart.setOption(option);
358
+
359
+ // 窗口大小变化时重新调整图表大小
360
+ window.addEventListener('resize', function() {
361
+ mapChart.resize();
362
+ trendChart.resize();
363
+ });
364
+
365
+ // 初始化趋势图
366
+ const trendChart = echarts.init(document.getElementById('trendChart'));
367
+
368
+ const trendOption = {
369
+ tooltip: {
370
+ trigger: 'axis',
371
+ axisPointer: {
372
+ type: 'cross',
373
+ crossStyle: {
374
+ color: '#999'
375
+ }
376
+ }
377
+ },
378
+ legend: {
379
+ data: ['全国销量预测', '红富士', '秦冠', '青香蕉', '嘎啦'],
380
+ textStyle: {
381
+ color: '#666'
382
+ }
383
+ },
384
+ grid: {
385
+ left: '3%',
386
+ right: '4%',
387
+ bottom: '3%',
388
+ containLabel: true
389
+ },
390
+ xAxis: [
391
+ {
392
+ type: 'category',
393
+ data: ['第1周', '第2周', '第3周', '第4周'],
394
+ axisPointer: {
395
+ type: 'shadow'
396
+ },
397
+ axisLabel: {
398
+ color: '#666'
399
+ }
400
+ }
401
+ ],
402
+ yAxis: [
403
+ {
404
+ type: 'value',
405
+ name: '销量(吨)',
406
+ min: 0,
407
+ max: 40000,
408
+ interval: 10000,
409
+ axisLabel: {
410
+ formatter: '{value}',
411
+ color: '#666'
412
+ },
413
+ axisLine: {
414
+ lineStyle: {
415
+ color: '#666'
416
+ }
417
+ }
418
+ },
419
+ {
420
+ type: 'value',
421
+ name: '品种占比(%)',
422
+ min: 0,
423
+ max: 100,
424
+ interval: 20,
425
+ axisLabel: {
426
+ formatter: '{value}%',
427
+ color: '#666'
428
+ },
429
+ axisLine: {
430
+ lineStyle: {
431
+ color: '#666'
432
+ }
433
+ }
434
+ }
435
+ ],
436
+ series: [
437
+ {
438
+ name: '全国销量预测',
439
+ type: 'line',
440
+ data: [28500, 31200, 34500, 32400],
441
+ smooth: true,
442
+ lineStyle: {
443
+ width: 3,
444
+ color: '#4575b4'
445
+ },
446
+ itemStyle: {
447
+ color: '#4575b4'
448
+ },
449
+ symbolSize: 8
450
+ },
451
+ {
452
+ name: '红富士',
453
+ type: 'bar',
454
+ yAxisIndex: 1,
455
+ data: [45, 48, 52, 50],
456
+ itemStyle: {
457
+ color: '#d73027'
458
+ }
459
+ },
460
+ {
461
+ name: '秦冠',
462
+ type: 'bar',
463
+ yAxisIndex: 1,
464
+ data: [25, 22, 20, 18],
465
+ itemStyle: {
466
+ color: '#fc8d59'
467
+ }
468
+ },
469
+ {
470
+ name: '青香蕉',
471
+ type: 'bar',
472
+ yAxisIndex: 1,
473
+ data: [15, 14, 13, 16],
474
+ itemStyle: {
475
+ color: '#fee08b'
476
+ }
477
+ },
478
+ {
479
+ name: '嘎啦',
480
+ type: 'bar',
481
+ yAxisIndex: 1,
482
+ data: [15, 16, 15, 16],
483
+ itemStyle: {
484
+ color: '#91cf60'
485
+ }
486
+ }
487
+ ]
488
+ };
489
+
490
+ trendChart.setOption(trendOption);
491
+ </script>
492
+ <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=maomaobj/apple3" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
493
+ </html>