Hugging Face's logo

Spaces:
echo3700
/
ai
Running

App Files Community
echo3700 commited on
Commit
dfb3b2c
·
verified ·
1 Parent(s): 5e81279

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +700 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Ai
3
- emoji: 🌖
4
- colorFrom: purple
5
- colorTo: red
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: ai
3
+ emoji: 🐳
4
+ colorFrom: red
5
+ colorTo: yellow
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,700 @@
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>AI运动康复工作室 - 超声诊断与小针刀治疗专家</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+Sans+SC:wght@300;400;500;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Noto Sans SC', sans-serif;
14
+ scroll-behavior: smooth;
15
+ }
16
+
17
+ .hero-gradient {
18
+ background: linear-gradient(135deg, #3b82f6 0%, #10b981 100%);
19
+ }
20
+
21
+ .treatment-card:hover {
22
+ transform: translateY(-5px);
23
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
24
+ }
25
+
26
+ .ai-icon {
27
+ animation: pulse 2s infinite;
28
+ }
29
+
30
+ @keyframes pulse {
31
+ 0% {
32
+ transform: scale(1);
33
+ }
34
+ 50% {
35
+ transform: scale(1.05);
36
+ }
37
+ 100% {
38
+ transform: scale(1);
39
+ }
40
+ }
41
+
42
+ .ultrasound-bg {
43
+ background-image: url('https://images.unsplash.com/photo-1576091160550-2173dba999ef?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80');
44
+ background-size: cover;
45
+ background-position: center;
46
+ background-blend-mode: overlay;
47
+ background-color: rgba(59, 130, 246, 0.8);
48
+ }
49
+
50
+ .needle-bg {
51
+ background-image: url('https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80');
52
+ background-size: cover;
53
+ background-position: center;
54
+ background-blend-mode: overlay;
55
+ background-color: rgba(16, 185, 129, 0.8);
56
+ }
57
+
58
+ .parallax {
59
+ background-attachment: fixed;
60
+ }
61
+ </style>
62
+ </head>
63
+ <body class="bg-gray-50">
64
+ <!-- 导航栏 -->
65
+ <nav class="bg-white shadow-lg sticky top-0 z-50">
66
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
67
+ <div class="flex justify-between h-16">
68
+ <div class="flex items-center">
69
+ <div class="flex-shrink-0 flex items-center">
70
+ <i class="fas fa-brain text-blue-500 text-2xl mr-2"></i>
71
+ <span class="text-xl font-bold text-gray-800">AI运动康复</span>
72
+ </div>
73
+ </div>
74
+ <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
75
+ <a href="#home" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">首页</a>
76
+ <a href="#services" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">特色服务</a>
77
+ <a href="#technology" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">核心技术</a>
78
+ <a href="#team" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">专家团队</a>
79
+ <a href="#contact" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">联系我们</a>
80
+ </div>
81
+ <div class="md:hidden flex items-center">
82
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500" aria-controls="mobile-menu" aria-expanded="false" id="mobile-menu-button">
83
+ <span class="sr-only">打开主菜单</span>
84
+ <i class="fas fa-bars"></i>
85
+ </button>
86
+ </div>
87
+ </div>
88
+ </div>
89
+
90
+ <!-- 移动端菜单 -->
91
+ <div class="hidden md:hidden" id="mobile-menu">
92
+ <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
93
+ <a href="#home" class="text-gray-900 hover:text-blue-600 block px-3 py-2 text-base font-medium">首页</a>
94
+ <a href="#services" class="text-gray-900 hover:text-blue-600 block px-3 py-2 text-base font-medium">特色服务</a>
95
+ <a href="#technology" class="text-gray-900 hover:text-blue-600 block px-3 py-2 text-base font-medium">核心技术</a>
96
+ <a href="#team" class="text-gray-900 hover:text-blue-600 block px-3 py-2 text-base font-medium">专家团队</a>
97
+ <a href="#contact" class="text-gray-900 hover:text-blue-600 block px-3 py-2 text-base font-medium">联系我们</a>
98
+ </div>
99
+ </div>
100
+ </nav>
101
+
102
+ <!-- 英雄区域 -->
103
+ <section id="home" class="hero-gradient text-white py-20 md:py-32">
104
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
105
+ <div class="md:flex items-center">
106
+ <div class="md:w-1/2 mb-10 md:mb-0">
107
+ <h1 class="text-4xl md:text-5xl font-bold mb-6">AI赋能运动康复<br>精准诊断与治疗</h1>
108
+ <p class="text-xl mb-8">结合人工智能、超声诊断与引导小针刀技术，为您提供最先进的运动损伤康复方案</p>
109
+ <div class="flex space-x-4">
110
+ <a href="#contact" class="bg-white text-blue-600 hover:bg-gray-100 px-6 py-3 rounded-lg font-medium transition duration-300">预约咨询</a>
111
+ <a href="#services" class="border-2 border-white text-white hover:bg-white hover:text-blue-600 px-6 py-3 rounded-lg font-medium transition duration-300">了解服务</a>
112
+ </div>
113
+ </div>
114
+ <div class="md:w-1/2 flex justify-center">
115
+ <div class="relative">
116
+ <img src="https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="AI运动康复" class="rounded-xl shadow-2xl w-full max-w-md">
117
+ <div class="absolute -bottom-5 -right-5 bg-blue-500 text-white p-4 rounded-full shadow-lg ai-icon">
118
+ <i class="fas fa-robot text-3xl"></i>
119
+ </div>
120
+ </div>
121
+ </div>
122
+ </div>
123
+ </div>
124
+ </section>
125
+
126
+ <!-- 特色服务 -->
127
+ <section id="services" class="py-20 bg-white">
128
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
129
+ <div class="text-center mb-16">
130
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">我们的特色服务</h2>
131
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">结合AI技术与传统康复医学，提供精准、高效、个性化的康复方案</p>
132
+ </div>
133
+
134
+ <div class="grid md:grid-cols-3 gap-8">
135
+ <!-- 超声诊断服务 -->
136
+ <div class="treatment-card bg-white rounded-xl shadow-md overflow-hidden transition duration-300">
137
+ <div class="h-48 bg-blue-100 flex items-center justify-center">
138
+ <i class="fas fa-wave-square text-blue-500 text-6xl"></i>
139
+ </div>
140
+ <div class="p-6">
141
+ <h3 class="text-xl font-bold text-gray-900 mb-3">AI辅助超声诊断</h3>
142
+ <p class="text-gray-600 mb-4">利用高分辨率超声成像结合AI算法，精准识别肌肉、肌腱、韧带等软组织损伤，为康复治疗提供科学依据。</p>
143
+ <ul class="text-gray-600 space-y-2 mb-4">
144
+ <li class="flex items-start">
145
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
146
+ <span>实时动态成像，无辐射</span>
147
+ </li>
148
+ <li class="flex items-start">
149
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
150
+ <span>AI辅助识别损伤程度</span>
151
+ </li>
152
+ <li class="flex items-start">
153
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
154
+ <span>精准定位治疗靶点</span>
155
+ </li>
156
+ </ul>
157
+ <a href="#contact" class="inline-block text-blue-600 font-medium hover:text-blue-800">了解更多 <i class="fas fa-arrow-right ml-1"></i></a>
158
+ </div>
159
+ </div>
160
+
161
+ <!-- 小针刀治疗服务 -->
162
+ <div class="treatment-card bg-white rounded-xl shadow-md overflow-hidden transition duration-300">
163
+ <div class="h-48 bg-green-100 flex items-center justify-center">
164
+ <i class="fas fa-cut text-green-500 text-6xl"></i>
165
+ </div>
166
+ <div class="p-6">
167
+ <h3 class="text-xl font-bold text-gray-900 mb-3">超声引导小针刀治疗</h3>
168
+ <p class="text-gray-600 mb-4">在超声实时引导下进行小针刀松解术，精准治疗软组织粘连、疤痕组织、肌腱末端病等慢性损伤。</p>
169
+ <ul class="text-gray-600 space-y-2 mb-4">
170
+ <li class="flex items-start">
171
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
172
+ <span>可视化操作，安全精准</span>
173
+ </li>
174
+ <li class="flex items-start">
175
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
176
+ <span>微创治疗，恢复快</span>
177
+ </li>
178
+ <li class="flex items-start">
179
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
180
+ <span>有效缓解慢性疼痛</span>
181
+ </li>
182
+ </ul>
183
+ <a href="#contact" class="inline-block text-blue-600 font-medium hover:text-blue-800">了解更多 <i class="fas fa-arrow-right ml-1"></i></a>
184
+ </div>
185
+ </div>
186
+
187
+ <!-- 运动康复服务 -->
188
+ <div class="treatment-card bg-white rounded-xl shadow-md overflow-hidden transition duration-300">
189
+ <div class="h-48 bg-purple-100 flex items-center justify-center">
190
+ <i class="fas fa-running text-purple-500 text-6xl"></i>
191
+ </div>
192
+ <div class="p-6">
193
+ <h3 class="text-xl font-bold text-gray-900 mb-3">AI个性化运动康复</h3>
194
+ <p class="text-gray-600 mb-4">基于AI算法分析您的运动模式、肌力平衡和功能状态，制定个性化的康复训练方案，加速功能恢复。</p>
195
+ <ul class="text-gray-600 space-y-2 mb-4">
196
+ <li class="flex items-start">
197
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
198
+ <span>3D动作捕捉分析</span>
199
+ </li>
200
+ <li class="flex items-start">
201
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
202
+ <span>智能训练计划调整</span>
203
+ </li>
204
+ <li class="flex items-start">
205
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
206
+ <span>远程康复指导</span>
207
+ </li>
208
+ </ul>
209
+ <a href="#contact" class="inline-block text-blue-600 font-medium hover:text-blue-800">了解更多 <i class="fas fa-arrow-right ml-1"></i></a>
210
+ </div>
211
+ </div>
212
+ </div>
213
+ </div>
214
+ </section>
215
+
216
+ <!-- 核心技术 -->
217
+ <section id="technology" class="py-20 bg-gray-50">
218
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
219
+ <div class="text-center mb-16">
220
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">核心技术优势</h2>
221
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">融合前沿科技与传统康复医学的创新治疗方案</p>
222
+ </div>
223
+
224
+ <div class="grid md:grid-cols-2 gap-12 items-center">
225
+ <div>
226
+ <div class="mb-8">
227
+ <div class="flex items-start mb-4">
228
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
229
+ <i class="fas fa-microscope text-blue-500 text-xl"></i>
230
+ </div>
231
+ <div>
232
+ <h3 class="text-xl font-bold text-gray-900 mb-2">高精度超声诊断系统</h3>
233
+ <p class="text-gray-600">采用高频超声探头(12-18MHz)，分辨率可达0.1mm，结合AI图像识别算法，可清晰显示肌肉、肌腱、韧带、神经等软组织的细微结构变化，精准诊断各类运动损伤。</p>
234
+ </div>
235
+ </div>
236
+ </div>
237
+
238
+ <div class="mb-8">
239
+ <div class="flex items-start mb-4">
240
+ <div class="bg-green-100 p-3 rounded-full mr-4">
241
+ <i class="fas fa-project-diagram text-green-500 text-xl"></i>
242
+ </div>
243
+ <div>
244
+ <h3 class="text-xl font-bold text-gray-900 mb-2">AI引导小针刀技术</h3>
245
+ <p class="text-gray-600">通过实时超声影像引导，结合AI算法计算最佳进针路径和深度，确保小针刀精准作用于病变组织，避免损伤周��健康组织，显著提高治疗安全性和有效性。</p>
246
+ </div>
247
+ </div>
248
+ </div>
249
+
250
+ <div>
251
+ <div class="flex items-start mb-4">
252
+ <div class="bg-purple-100 p-3 rounded-full mr-4">
253
+ <i class="fas fa-brain text-purple-500 text-xl"></i>
254
+ </div>
255
+ <div>
256
+ <h3 class="text-xl font-bold text-gray-900 mb-2">智能康复评估系统</h3>
257
+ <p class="text-gray-600">基于机器学习算法分析患者的运动模式、肌力分布和功能状态，自动生成个性化康复方案，并随着康复进展动态调整训练计划，实现精准康复。</p>
258
+ </div>
259
+ </div>
260
+ </div>
261
+ </div>
262
+
263
+ <div class="relative">
264
+ <img src="https://images.unsplash.com/photo-1571019614242-c5c5a73410bd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="AI康复技术" class="rounded-xl shadow-lg w-full">
265
+ <div class="absolute -bottom-5 -left-5 bg-white p-4 rounded-xl shadow-lg">
266
+ <div class="flex items-center">
267
+ <div class="bg-blue-100 p-3 rounded-full mr-3">
268
+ <i class="fas fa-chart-line text-blue-500"></i>
269
+ </div>
270
+ <div>
271
+ <p class="text-sm text-gray-500">治疗成功率</p>
272
+ <p class="text-xl font-bold text-gray-900">92.7%</p>
273
+ </div>
274
+ </div>
275
+ </div>
276
+ </div>
277
+ </div>
278
+ </div>
279
+ </section>
280
+
281
+ <!-- 特色治疗展示 -->
282
+ <section class="py-0">
283
+ <div class="grid grid-cols-1 md:grid-cols-2">
284
+ <!-- 超声诊断展示 -->
285
+ <div class="ultrasound-bg text-white py-20 px-8 md:px-12 parallax">
286
+ <div class="max-w-md">
287
+ <h3 class="text-2xl font-bold mb-4">超声诊断技术</h3>
288
+ <p class="mb-6">我们的高分辨率超声诊断系统可以清晰显示肌肉、肌腱、韧带等软组织的细微结构变化，为运动损伤提供精准诊断。</p>
289
+ <ul class="space-y-3 mb-6">
290
+ <li class="flex items-start">
291
+ <i class="fas fa-check-circle mt-1 mr-2"></i>
292
+ <span>实时动态成像，无辐射</span>
293
+ </li>
294
+ <li class="flex items-start">
295
+ <i class="fas fa-check-circle mt-1 mr-2"></i>
296
+ <span>AI辅助识别损伤程度</span>
297
+ </li>
298
+ <li class="flex items-start">
299
+ <i class="fas fa-check-circle mt-1 mr-2"></i>
300
+ <span>精准定位治疗靶点</span>
301
+ </li>
302
+ </ul>
303
+ <a href="#contact" class="inline-block bg-white text-blue-600 hover:bg-gray-100 px-6 py-2 rounded-lg font-medium transition duration-300">预约检查</a>
304
+ </div>
305
+ </div>
306
+
307
+ <!-- 小针刀治疗展示 -->
308
+ <div class="needle-bg text-white py-20 px-8 md:px-12 parallax">
309
+ <div class="max-w-md">
310
+ <h3 class="text-2xl font-bold mb-4">小针刀治疗技术</h3>
311
+ <p class="mb-6">在超声实时引导下进行小针刀松解术，精准治疗软组织粘连、疤痕组织、肌腱末端病等慢性损伤，效果显著。</p>
312
+ <ul class="space-y-3 mb-6">
313
+ <li class="flex items-start">
314
+ <i class="fas fa-check-circle mt-1 mr-2"></i>
315
+ <span>可视化操作，安全精准</span>
316
+ </li>
317
+ <li class="flex items-start">
318
+ <i class="fas fa-check-circle mt-1 mr-2"></i>
319
+ <span>微创治疗，恢复快</span>
320
+ </li>
321
+ <li class="flex items-start">
322
+ <i class="fas fa-check-circle mt-1 mr-2"></i>
323
+ <span>有效缓解慢性疼痛</span>
324
+ </li>
325
+ </ul>
326
+ <a href="#contact" class="inline-block bg-white text-green-600 hover:bg-gray-100 px-6 py-2 rounded-lg font-medium transition duration-300">预约治疗</a>
327
+ </div>
328
+ </div>
329
+ </div>
330
+ </section>
331
+
332
+ <!-- 专家团队 -->
333
+ <section id="team" class="py-20 bg-white">
334
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
335
+ <div class="text-center mb-16">
336
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">我们的专家团队</h2>
337
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">由康复医学专家、超声诊断专家和AI工程师组成的跨学科团队</p>
338
+ </div>
339
+
340
+ <div class="grid md:grid-cols-3 gap-8">
341
+ <!-- 专家1 -->
342
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
343
+ <img src="https://images.unsplash.com/photo-1559839734-2b71ea197ec2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="张教授" class="w-full h-64 object-cover">
344
+ <div class="p-6">
345
+ <h3 class="text-xl font-bold text-gray-900 mb-1">张教授</h3>
346
+ <p class="text-blue-600 font-medium mb-3">康复医学主任医师</p>
347
+ <p class="text-gray-600 mb-4">从事运动损伤康复20余年，擅长超声引导下小针刀治疗各类软组织损伤，发表相关论文30余篇。</p>
348
+ <div class="flex space-x-3">
349
+ <a href="#" class="text-gray-400 hover:text-blue-500"><i class="fab fa-weixin"></i></a>
350
+ <a href="#" class="text-gray-400 hover:text-blue-500"><i class="fab fa-weibo"></i></a>
351
+ <a href="#" class="text-gray-400 hover:text-blue-500"><i class="fas fa-envelope"></i></a>
352
+ </div>
353
+ </div>
354
+ </div>
355
+
356
+ <!-- 专家2 -->
357
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
358
+ <img src="https://images.unsplash.com/photo-1594824476967-48c8b964273f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="李博士" class="w-full h-64 object-cover">
359
+ <div class="p-6">
360
+ <h3 class="text-xl font-bold text-gray-900 mb-1">李博士</h3>
361
+ <p class="text-blue-600 font-medium mb-3">超声诊断专家</p>
362
+ <p class="text-gray-600 mb-4">专注于肌肉骨骼超声诊断10年，开发多项AI辅助诊断算法，提高运动损伤诊断准确率。</p>
363
+ <div class="flex space-x-3">
364
+ <a href="#" class="text-gray-400 hover:text-blue-500"><i class="fab fa-weixin"></i></a>
365
+ <a href="#" class="text-gray-400 hover:text-blue-500"><i class="fab fa-weibo"></i></a>
366
+ <a href="#" class="text-gray-400 hover:text-blue-500"><i class="fas fa-envelope"></i></a>
367
+ </div>
368
+ </div>
369
+ </div>
370
+
371
+ <!-- 专家3 -->
372
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
373
+ <img src="https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="王工程师" class="w-full h-64 object-cover">
374
+ <div class="p-6">
375
+ <h3 class="text-xl font-bold text-gray-900 mb-1">王工程师</h3>
376
+ <p class="text-blue-600 font-medium mb-3">AI算法专家</p>
377
+ <p class="text-gray-600 mb-4">机器学习专家，开发了超声图像识别和小针刀路径规划算法，使治疗更加精准高效。</p>
378
+ <div class="flex space-x-3">
379
+ <a href="#" class="text-gray-400 hover:text-blue-500"><i class="fab fa-weixin"></i></a>
380
+ <a href="#" class="text-gray-400 hover:text-blue-500"><i class="fab fa-weibo"></i></a>
381
+ <a href="#" class="text-gray-400 hover:text-blue-500"><i class="fas fa-envelope"></i></a>
382
+ </div>
383
+ </div>
384
+ </div>
385
+ </div>
386
+ </div>
387
+ </section>
388
+
389
+ <!-- 患者见证 -->
390
+ <section class="py-20 bg-gray-50">
391
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
392
+ <div class="text-center mb-16">
393
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">患者见证</h2>
394
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">听听我们的患者怎么说</p>
395
+ </div>
396
+
397
+ <div class="grid md:grid-cols-3 gap-8">
398
+ <!-- 见证1 -->
399
+ <div class="bg-white p-8 rounded-xl shadow-md">
400
+ <div class="flex items-center mb-4">
401
+ <div class="text-yellow-400 mr-2">
402
+ <i class="fas fa-star"></i>
403
+ <i class="fas fa-star"></i>
404
+ <i class="fas fa-star"></i>
405
+ <i class="fas fa-star"></i>
406
+ <i class="fas fa-star"></i>
407
+ </div>
408
+ <span class="text-gray-500 text-sm">2周前</span>
409
+ </div>
410
+ <p class="text-gray-600 mb-6">"长期肩周炎困扰我多年，经过张教授的超声引导小针刀治疗，三次就明显好转，现在可以自由活动了，非常感谢！"</p>
411
+ <div class="flex items-center">
412
+ <img src="https://randomuser.me/api/portraits/women/65.jpg" alt="患者" class="w-10 h-10 rounded-full mr-3">
413
+ <div>
414
+ <p class="font-medium text-gray-900">李女士</p>
415
+ <p class="text-sm text-gray-500">肩周炎患者</p>
416
+ </div>
417
+ </div>
418
+ </div>
419
+
420
+ <!-- 见证2 -->
421
+ <div class="bg-white p-8 rounded-xl shadow-md">
422
+ <div class="flex items-center mb-4">
423
+ <div class="text-yellow-400 mr-2">
424
+ <i class="fas fa-star"></i>
425
+ <i class="fas fa-star"></i>
426
+ <i class="fas fa-star"></i>
427
+ <i class="fas fa-star"></i>
428
+ <i class="fas fa-star"></i>
429
+ </div>
430
+ <span class="text-gray-500 text-sm">1个月前</span>
431
+ </div>
432
+ <p class="text-gray-600 mb-6">"跑步导致的跟腱炎让我痛苦不堪，这里的AI康复方案非常精准，结合超声诊断和小针刀治疗，恢复得比预期快很多。"</p>
433
+ <div class="flex items-center">
434
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="患者" class="w-10 h-10 rounded-full mr-3">
435
+ <div>
436
+ <p class="font-medium text-gray-900">王先生</p>
437
+ <p class="text-sm text-gray-500">马拉松爱好者</p>
438
+ </div>
439
+ </div>
440
+ </div>
441
+
442
+ <!-- 见证3 -->
443
+ <div class="bg-white p-8 rounded-xl shadow-md">
444
+ <div class="flex items-center mb-4">
445
+ <div class="text-yellow-400 mr-2">
446
+ <i class="fas fa-star"></i>
447
+ <i class="fas fa-star"></i>
448
+ <i class="fas fa-star"></i>
449
+ <i class="fas fa-star"></i>
450
+ <i class="fas fa-star-half-alt"></i>
451
+ </div>
452
+ <span class="text-gray-500 text-sm">3周前</span>
453
+ </div>
454
+ <p class="text-gray-600 mb-6">"腰部肌肉拉伤后一直没好，这里的超声诊断发现了传统检查没发现的问题，治疗方案很对症，现在已经可以正常工作了。"</p>
455
+ <div class="flex items-center">
456
+ <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="患者" class="w-10 h-10 rounded-full mr-3">
457
+ <div>
458
+ <p class="font-medium text-gray-900">张女士</p>
459
+ <p class="text-sm text-gray-500">办公室职员</p>
460
+ </div>
461
+ </div>
462
+ </div>
463
+ </div>
464
+ </div>
465
+ </section>
466
+
467
+ <!-- 联系我们 -->
468
+ <section id="contact" class="py-20 bg-white">
469
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
470
+ <div class="text-center mb-16">
471
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">联系我们</h2>
472
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">预约咨询或了解更多信息</p>
473
+ </div>
474
+
475
+ <div class="grid md:grid-cols-2 gap-12">
476
+ <div>
477
+ <h3 class="text-2xl font-bold text-gray-900 mb-6">预约咨询</h3>
478
+ <form class="space-y-6">
479
+ <div>
480
+ <label for="name" class="block text-sm font-medium text-gray-700 mb-1">姓名</label>
481
+ <input type="text" id="name" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500" placeholder="您的姓名">
482
+ </div>
483
+ <div>
484
+ <label for="phone" class="block text-sm font-medium text-gray-700 mb-1">电话</label>
485
+ <input type="tel" id="phone" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500" placeholder="您的联系电话">
486
+ </div>
487
+ <div>
488
+ <label for="service" class="block text-sm font-medium text-gray-700 mb-1">服务项目</label>
489
+ <select id="service" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500">
490
+ <option value="">请选择服务项目</option>
491
+ <option value="ultrasound">超声诊断检查</option>
492
+ <option value="needle">超声引导小针刀治疗</option>
493
+ <option value="rehab">AI运动康复训练</option>
494
+ <option value="consult">专家咨询</option>
495
+ </select>
496
+ </div>
497
+ <div>
498
+ <label for="message" class="block text-sm font-medium text-gray-700 mb-1">留言</label>
499
+ <textarea id="message" rows="4" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500" placeholder="您的具体需求或问题"></textarea>
500
+ </div>
501
+ <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium transition duration-300">提交预约</button>
502
+ </form>
503
+ </div>
504
+
505
+ <div>
506
+ <h3 class="text-2xl font-bold text-gray-900 mb-6">联系方式</h3>
507
+ <div class="space-y-6">
508
+ <div class="flex items-start">
509
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
510
+ <i class="fas fa-map-marker-alt text-blue-500"></i>
511
+ </div>
512
+ <div>
513
+ <h4 class="font-medium text-gray-900 mb-1">地址</h4>
514
+ <p class="text-gray-600">北京市朝阳区健康路88号AI医疗大厦5层</p>
515
+ </div>
516
+ </div>
517
+
518
+ <div class="flex items-start">
519
+ <div class="bg-green-100 p-3 rounded-full mr-4">
520
+ <i class="fas fa-phone-alt text-green-500"></i>
521
+ </div>
522
+ <div>
523
+ <h4 class="font-medium text-gray-900 mb-1">电话</h4>
524
+ <p class="text-gray-600">010-88889999</p>
525
+ <p class="text-gray-600">预约热线: 400-123-4567</p>
526
+ </div>
527
+ </div>
528
+
529
+ <div class="flex items-start">
530
+ <div class="bg-purple-100 p-3 rounded-full mr-4">
531
+ <i class="fas fa-envelope text-purple-500"></i>
532
+ </div>
533
+ <div>
534
+ <h4 class="font-medium text-gray-900 mb-1">邮箱</h4>
535
+ <p class="text-gray-600">info@airehab.com</p>
536
+ </div>
537
+ </div>
538
+
539
+ <div class="flex items-start">
540
+ <div class="bg-yellow-100 p-3 rounded-full mr-4">
541
+ <i class="fas fa-clock text-yellow-500"></i>
542
+ </div>
543
+ <div>
544
+ <h4 class="font-medium text-gray-900 mb-1">营业时间</h4>
545
+ <p class="text-gray-600">周一至周五: 8:30 - 18:00</p>
546
+ <p class="text-gray-600">周六: 9:00 - 15:00</p>
547
+ <p class="text-gray-600">周日: 休息</p>
548
+ </div>
549
+ </div>
550
+ </div>
551
+
552
+ <div class="mt-10">
553
+ <h4 class="font-medium text-gray-900 mb-4">关注我们</h4>
554
+ <div class="flex space-x-4">
555
+ <a href="#" class="bg-blue-100 text-blue-600 hover:bg-blue-200 p-3 rounded-full transition duration-300">
556
+ <i class="fab fa-weixin"></i>
557
+ </a>
558
+ <a href="#" class="bg-red-100 text-red-600 hover:bg-red-200 p-3 rounded-full transition duration-300">
559
+ <i class="fab fa-weibo"></i>
560
+ </a>
561
+ <a href="#" class="bg-blue-100 text-blue-600 hover:bg-blue-200 p-3 rounded-full transition duration-300">
562
+ <i class="fab fa-linkedin-in"></i>
563
+ </a>
564
+ <a href="#" class="bg-gray-100 text-gray-600 hover:bg-gray-200 p-3 rounded-full transition duration-300">
565
+ <i class="fas fa-globe"></i>
566
+ </a>
567
+ </div>
568
+ </div>
569
+ </div>
570
+ </div>
571
+ </div>
572
+ </section>
573
+
574
+ <!-- 地图 -->
575
+ <div class="h-96 w-full">
576
+ <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3061.963365218453!2d116.4048433157134!3d39.91514317942095!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35f1ac83303c6b81%3A0xa1c1c9c465ef9681!2z5YyX5rGf5Z-O5aSn5a2m!5e0!3m2!1szh-CN!2scn!4v1628756787653!5m2!1szh-CN!2scn" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
577
+ </div>
578
+
579
+ <!-- 页脚 -->
580
+ <footer class="bg-gray-900 text-white py-12">
581
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
582
+ <div class="grid md:grid-cols-4 gap-8">
583
+ <div>
584
+ <div class="flex items-center mb-4">
585
+ <i class="fas fa-brain text-blue-500 text-2xl mr-2"></i>
586
+ <span class="text-xl font-bold">AI运动康复</span>
587
+ </div>
588
+ <p class="text-gray-400">融合人工智能与康复医学，提供精准、高效、个性化的运动损伤康复解决方案。</p>
589
+ </div>
590
+
591
+ <div>
592
+ <h4 class="text-lg font-semibold mb-4">快速链接</h4>
593
+ <ul class="space-y-2">
594
+ <li><a href="#home" class="text-gray-400 hover:text-white transition duration-300">首页</a></li>
595
+ <li><a href="#services" class="text-gray-400 hover:text-white transition duration-300">特色服务</a></li>
596
+ <li><a href="#technology" class="text-gray-400 hover:text-white transition duration-300">核心技术</a></li>
597
+ <li><a href="#team" class="text-gray-400 hover:text-white transition duration-300">专家团队</a></li>
598
+ <li><a href="#contact" class="text-gray-400 hover:text-white transition duration-300">联系我们</a></li>
599
+ </ul>
600
+ </div>
601
+
602
+ <div>
603
+ <h4 class="text-lg font-semibold mb-4">服务项目</h4>
604
+ <ul class="space-y-2">
605
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">AI辅助超声诊断</a></li>
606
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">超声引导小针刀治疗</a></li>
607
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">AI个性化运动康复</a></li>
608
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">运动损伤预防评估</a></li>
609
+ </ul>
610
+ </div>
611
+
612
+ <div>
613
+ <h4 class="text-lg font-semibold mb-4">订阅资讯</h4>
614
+ <p class="text-gray-400 mb-4">订阅我们的电子报，获取最新康复知识和优惠信息</p>
615
+ <form class="flex">
616
+ <input type="email" placeholder="您的邮箱" class="px-4 py-2 rounded-l-lg focus:outline-none focus:ring-2 focus:ring-blue-500 text-gray-900 w-full">
617
+ <button type="submit" class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded-r-lg transition duration-300">
618
+ <i class="fas fa-paper-plane"></i>
619
+ </button>
620
+ </form>
621
+ </div>
622
+ </div>
623
+
624
+ <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
625
+ <p class="text-gray-400 mb-4 md:mb-0">© 2023 AI运动康复工作室. 保留所有权利.</p>
626
+ <div class="flex space-x-6">
627
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">隐私政策</a>
628
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">使用条款</a>
629
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">Cookie政策</a>
630
+ </div>
631
+ </div>
632
+ </div>
633
+ </footer>
634
+
635
+ <!-- 返回顶部按钮 -->
636
+ <button id="back-to-top" class="fixed bottom-8 right-8 bg-blue-600 text-white p-3 rounded-full shadow-lg opacity-0 invisible transition-all duration-300">
637
+ <i class="fas fa-arrow-up"></i>
638
+ </button>
639
+
640
+ <!-- 预约浮动按钮 -->
641
+ <a href="#contact" class="fixed bottom-8 left-8 bg-green-600 hover:bg-green-700 text-white px-6 py-3 rounded-full shadow-lg flex items-center transition duration-300">
642
+ <i class="fas fa-calendar-check mr-2"></i> 立即预约
643
+ </a>
644
+
645
+ <script>
646
+ // 移动端菜单切换
647
+ const mobileMenuButton = document.getElementById('mobile-menu-button');
648
+ const mobileMenu = document.getElementById('mobile-menu');
649
+
650
+ mobileMenuButton.addEventListener('click', () => {
651
+ const isExpanded = mobileMenuButton.getAttribute('aria-expanded') === 'true';
652
+ mobileMenuButton.setAttribute('aria-expanded', !isExpanded);
653
+ mobileMenu.classList.toggle('hidden');
654
+ });
655
+
656
+ // 返回顶部按钮
657
+ const backToTopButton = document.getElementById('back-to-top');
658
+
659
+ window.addEventListener('scroll', () => {
660
+ if (window.pageYOffset > 300) {
661
+ backToTopButton.classList.remove('opacity-0', 'invisible');
662
+ backToTopButton.classList.add('opacity-100', 'visible');
663
+ } else {
664
+ backToTopButton.classList.remove('opacity-100', 'visible');
665
+ backToTopButton.classList.add('opacity-0', 'invisible');
666
+ }
667
+ });
668
+
669
+ backToTopButton.addEventListener('click', () => {
670
+ window.scrollTo({
671
+ top: 0,
672
+ behavior: 'smooth'
673
+ });
674
+ });
675
+
676
+ // 平滑滚动
677
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
678
+ anchor.addEventListener('click', function(e) {
679
+ e.preventDefault();
680
+
681
+ const targetId = this.getAttribute('href');
682
+ if (targetId === '#') return;
683
+
684
+ const targetElement = document.querySelector(targetId);
685
+ if (targetElement) {
686
+ targetElement.scrollIntoView({
687
+ behavior: 'smooth'
688
+ });
689
+
690
+ // 关闭移动端菜单
691
+ if (!mobileMenu.classList.contains('hidden')) {
692
+ mobileMenu.classList.add('hidden');
693
+ mobileMenuButton.setAttribute('aria-expanded', 'false');
694
+ }
695
+ }
696
+ });
697
+ });
698
+ </script>
699
+ <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=echo3700/ai" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
700
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ 构建AI运动康复工作室，发挥超声诊断和引导小针刀治疗特色