Hugging Face's logo

Spaces:
cstur4
/
amc8
Running

App Files Community
cstur4 commited on
Commit
b5d4a34
·
verified ·
1 Parent(s): 4de2114

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +593 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Amc8
3
- emoji: 🏢
4
  colorFrom: red
5
- colorTo: green
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: amc8
3
+ emoji: 🐳
4
  colorFrom: red
5
+ colorTo: red
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,593 @@
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>AMC8 中文学习平台 - 历年真题与解析</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
+ /* 自定义CSS补充Tailwind */
11
+ .problem-card {
12
+ transition: all 0.3s ease;
13
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
14
+ }
15
+ .problem-card:hover {
16
+ transform: translateY(-5px);
17
+ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
18
+ }
19
+ .solution-content {
20
+ max-height: 0;
21
+ overflow: hidden;
22
+ transition: max-height 0.3s ease;
23
+ }
24
+ .solution-content.expanded {
25
+ max-height: 1000px;
26
+ }
27
+ /* 兼容性处理 */
28
+ .grid-fallback {
29
+ display: flex;
30
+ flex-wrap: wrap;
31
+ }
32
+ @supports (display: grid) {
33
+ .grid-fallback {
34
+ display: grid;
35
+ }
36
+ }
37
+ /* 打印样式 */
38
+ @media print {
39
+ .no-print {
40
+ display: none !important;
41
+ }
42
+ body {
43
+ padding: 0;
44
+ margin: 0;
45
+ font-size: 12pt;
46
+ }
47
+ .problem-card {
48
+ page-break-inside: avoid;
49
+ box-shadow: none;
50
+ border: 1px solid #ddd;
51
+ }
52
+ }
53
+ </style>
54
+ </head>
55
+ <body class="bg-gray-50 font-sans antialiased">
56
+ <!-- 导航栏 -->
57
+ <nav class="bg-blue-600 text-white shadow-lg no-print">
58
+ <div class="container mx-auto px-4 py-3">
59
+ <div class="flex justify-between items-center">
60
+ <div class="flex items-center space-x-4">
61
+ <a href="#" class="flex items-center">
62
+ <i class="fas fa-square-root-alt text-2xl mr-2"></i>
63
+ <span class="font-bold text-xl">AMC8 学习平台</span>
64
+ </a>
65
+ </div>
66
+ <div class="hidden md:flex items-center space-x-6">
67
+ <a href="#problems" class="hover:text-blue-200 transition">历年真题</a>
68
+ <a href="#features" class="hover:text-blue-200 transition">学习资源</a>
69
+ <a href="#about" class="hover:text-blue-200 transition">关于AMC8</a>
70
+ <a href="#contact" class="hover:text-blue-200 transition">联系我们</a>
71
+ </div>
72
+ <div class="md:hidden">
73
+ <button id="mobile-menu-button" class="text-white focus:outline-none">
74
+ <i class="fas fa-bars text-2xl"></i>
75
+ </button>
76
+ </div>
77
+ </div>
78
+ <!-- 移动端菜单 -->
79
+ <div id="mobile-menu" class="hidden md:hidden mt-2 pb-2">
80
+ <a href="#problems" class="block py-2 hover:bg-blue-500 px-2 rounded">历年真题</a>
81
+ <a href="#features" class="block py-2 hover:bg-blue-500 px-2 rounded">学习资源</a>
82
+ <a href="#about" class="block py-2 hover:bg-blue-500 px-2 rounded">关于AMC8</a>
83
+ <a href="#contact" class="block py-2 hover:bg-blue-500 px-2 rounded">联系我们</a>
84
+ </div>
85
+ </div>
86
+ </nav>
87
+
88
+ <!-- 英雄区域 -->
89
+ <header class="bg-gradient-to-r from-blue-700 to-blue-500 text-white py-16">
90
+ <div class="container mx-auto px-4 text-center">
91
+ <h1 class="text-4xl md:text-5xl font-bold mb-4">AMC8 中文学习平台</h1>
92
+ <p class="text-xl md:text-2xl mb-8">提供2000-2023年完整真题与详细解析</p>
93
+ <div class="flex flex-col md:flex-row justify-center gap-4">
94
+ <a href="#problems" class="bg-white text-blue-600 font-bold py-3 px-6 rounded-lg hover:bg-blue-50 transition duration-300">
95
+ <i class="fas fa-book-open mr-2"></i>开始学习
96
+ </a>
97
+ <a href="#features" class="bg-transparent border-2 border-white text-white font-bold py-3 px-6 rounded-lg hover:bg-blue-600 transition duration-300">
98
+ <i class="fas fa-star mr-2"></i>特色功能
99
+ </a>
100
+ </div>
101
+ </div>
102
+ </header>
103
+
104
+ <!-- 关于AMC8 -->
105
+ <section id="about" class="py-12 bg-white">
106
+ <div class="container mx-auto px-4">
107
+ <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">关于 AMC8 竞赛</h2>
108
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
109
+ <div class="bg-blue-50 p-6 rounded-lg shadow-md">
110
+ <div class="text-blue-600 mb-4">
111
+ <i class="fas fa-info-circle text-4xl"></i>
112
+ </div>
113
+ <h3 class="text-xl font-semibold mb-3 text-gray-800">竞赛简介</h3>
114
+ <p class="text-gray-600">AMC8是美国数学竞赛系列中的初中级别比赛，面向8年级及以下学生，旨在激发学生对数学的兴趣和才能。</p>
115
+ </div>
116
+ <div class="bg-blue-50 p-6 rounded-lg shadow-md">
117
+ <div class="text-blue-600 mb-4">
118
+ <i class="fas fa-calendar-alt text-4xl"></i>
119
+ </div>
120
+ <h3 class="text-xl font-semibold mb-3 text-gray-800">考试形式</h3>
121
+ <p class="text-gray-600">40分钟完成25道选择题，满分25分。题目涵盖算术、代数、几何、数论和概率等数学领域。</p>
122
+ </div>
123
+ <div class="bg-blue-50 p-6 rounded-lg shadow-md">
124
+ <div class="text-blue-600 mb-4">
125
+ <i class="fas fa-trophy text-4xl"></i>
126
+ </div>
127
+ <h3 class="text-xl font-semibold mb-3 text-gray-800">奖项设置</h3>
128
+ <p class="text-gray-600">荣誉证书(15分以上)、成就证书(18分以上)、卓越证书(21分以上)和满分奖(25分)。</p>
129
+ </div>
130
+ </div>
131
+ </div>
132
+ </section>
133
+
134
+ <!-- 历年真题 -->
135
+ <section id="problems" class="py-12 bg-gray-50">
136
+ <div class="container mx-auto px-4">
137
+ <h2 class="text-3xl font-bold text-center mb-8 text-gray-800">历年真题与解析</h2>
138
+
139
+ <!-- 年份筛选 -->
140
+ <div class="mb-8 bg-white p-4 rounded-lg shadow-md no-print">
141
+ <h3 class="text-xl font-semibold mb-4 text-gray-700">筛选题目</h3>
142
+ <div class="flex flex-col md:flex-row gap-4">
143
+ <div class="flex-1">
144
+ <label for="year-select" class="block text-sm font-medium text-gray-700 mb-1">选择年份</label>
145
+ <select id="year-select" class="w-full p-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
146
+ <option value="all">全部年份</option>
147
+ <option value="2023">2023年</option>
148
+ <option value="2022">2022年</option>
149
+ <option value="2021">2021年</option>
150
+ <option value="2020">2020年</option>
151
+ <option value="2019">2019年</option>
152
+ </select>
153
+ </div>
154
+ <div class="flex-1">
155
+ <label for="difficulty-select" class="block text-sm font-medium text-gray-700 mb-1">难度级别</label>
156
+ <select id="difficulty-select" class="w-full p-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
157
+ <option value="all">全部难度</option>
158
+ <option value="easy">简单</option>
159
+ <option value="medium">中等</option>
160
+ <option value="hard">困难</option>
161
+ </select>
162
+ </div>
163
+ <div class="flex-1">
164
+ <label for="topic-select" class="block text-sm font-medium text-gray-700 mb-1">题目类型</label>
165
+ <select id="topic-select" class="w-full p-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
166
+ <option value="all">全部类型</option>
167
+ <option value="algebra">代数</option>
168
+ <option value="geometry">几何</option>
169
+ <option value="number-theory">数论</option>
170
+ <option value="combinatorics">组合数学</option>
171
+ <option value="probability">概率</option>
172
+ </select>
173
+ </div>
174
+ </div>
175
+ </div>
176
+
177
+ <!-- 题目列表 -->
178
+ <div class="grid-fallback grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
179
+ <!-- 题目卡片1 -->
180
+ <div class="problem-card bg-white rounded-lg overflow-hidden shadow-md" data-year="2023" data-difficulty="medium" data-topic="geometry">
181
+ <div class="p-6">
182
+ <div class="flex justify-between items-start mb-2">
183
+ <span class="bg-blue-100 text-blue-800 text-xs font-semibold px-2.5 py-0.5 rounded">2023年</span>
184
+ <span class="bg-green-100 text-green-800 text-xs font-semibold px-2.5 py-0.5 rounded">几何</span>
185
+ </div>
186
+ <h3 class="text-xl font-bold text-gray-800 mb-3">第15题</h3>
187
+ <p class="text-gray-600 mb-4">一个正方形的边长为4，四个角上各剪去一个边长为1的小正方形，然后将剩余部分折叠成一个无盖的盒子。这个盒子的体积是多少？</p>
188
+ <div class="flex flex-wrap gap-2 mb-4">
189
+ <span class="bg-gray-100 text-gray-800 text-xs font-medium px-2.5 py-0.5 rounded">中等难度</span>
190
+ <span class="bg-purple-100 text-purple-800 text-xs font-medium px-2.5 py-0.5 rounded">体积计算</span>
191
+ </div>
192
+ <button class="solution-toggle-btn w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded transition duration-300 flex items-center justify-center">
193
+ <i class="fas fa-lightbulb mr-2"></i>查看解析
194
+ </button>
195
+ </div>
196
+ <div class="solution-content bg-gray-50 px-6 pt-0 pb-6">
197
+ <div class="border-t border-gray-200 pt-4">
198
+ <h4 class="font-semibold text-gray-800 mb-2">解析：</h4>
199
+ <p class="text-gray-700 mb-3">1. 原正方形边长为4，剪去四个角上边长为1的小正方形后，剩余部分可以看作一个十字形。</p>
200
+ <p class="text-gray-700 mb-3">2. 折叠后，盒子的高度就是剪去的小正方形边长1。</p>
201
+ <p class="text-gray-700 mb-3">3. 盒子的底面是一个边长为2的正方形（4-1×2=2）。</p>
202
+ <p class="text-gray-700 mb-4">4. 因此体积为：底面积×高 = 2×2×1 = 4。</p>
203
+ <h4 class="font-semibold text-gray-800 mb-2">答案：</h4>
204
+ <p class="text-green-600 font-bold">B) 4</p>
205
+ </div>
206
+ </div>
207
+ </div>
208
+
209
+ <!-- 题目卡片2 -->
210
+ <div class="problem-card bg-white rounded-lg overflow-hidden shadow-md" data-year="2022" data-difficulty="easy" data-topic="number-theory">
211
+ <div class="p-6">
212
+ <div class="flex justify-between items-start mb-2">
213
+ <span class="bg-blue-100 text-blue-800 text-xs font-semibold px-2.5 py-0.5 rounded">2022年</span>
214
+ <span class="bg-yellow-100 text-yellow-800 text-xs font-semibold px-2.5 py-0.5 rounded">数论</span>
215
+ </div>
216
+ <h3 class="text-xl font-bold text-gray-800 mb-3">第8题</h3>
217
+ <p class="text-gray-600 mb-4">如果n是一个正整数，使得2n是3的倍数，3n是4的倍数，4n是5的倍数，那么n的最小可能值是多少？</p>
218
+ <div class="flex flex-wrap gap-2 mb-4">
219
+ <span class="bg-gray-100 text-gray-800 text-xs font-medium px-2.5 py-0.5 rounded">简单难度</span>
220
+ <span class="bg-red-100 text-red-800 text-xs font-medium px-2.5 py-0.5 rounded">最小公倍数</span>
221
+ </div>
222
+ <button class="solution-toggle-btn w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded transition duration-300 flex items-center justify-center">
223
+ <i class="fas fa-lightbulb mr-2"></i>查看解析
224
+ </button>
225
+ </div>
226
+ <div class="solution-content bg-gray-50 px-6 pt-0 pb-6">
227
+ <div class="border-t border-gray-200 pt-4">
228
+ <h4 class="font-semibold text-gray-800 mb-2">解析：</h4>
229
+ <p class="text-gray-700 mb-3">1. 根据题意，我们可以将条件转化为：</p>
230
+ <p class="text-gray-700 mb-3">- n是3/2的倍数（但n是整数，所以n必须是3的倍数）</p>
231
+ <p class="text-gray-700 mb-3">- n是4/3的倍数（所以n必须是4的倍数）</p>
232
+ <p class="text-gray-700 mb-3">- n是5/4的倍数（所以n必须是5的倍数）</p>
233
+ <p class="text-gray-700 mb-4">2. 因此n必须同时是3、4和5的倍数，最小公倍数为60。</p>
234
+ <h4 class="font-semibold text-gray-800 mb-2">答案：</h4>
235
+ <p class="text-green-600 font-bold">E) 60</p>
236
+ </div>
237
+ </div>
238
+ </div>
239
+
240
+ <!-- 题目卡片3 -->
241
+ <div class="problem-card bg-white rounded-lg overflow-hidden shadow-md" data-year="2021" data-difficulty="hard" data-topic="combinatorics">
242
+ <div class="p-6">
243
+ <div class="flex justify-between items-start mb-2">
244
+ <span class="bg-blue-100 text-blue-800 text-xs font-semibold px-2.5 py-0.5 rounded">2021年</span>
245
+ <span class="bg-pink-100 text-pink-800 text-xs font-semibold px-2.5 py-0.5 rounded">组合数学</span>
246
+ </div>
247
+ <h3 class="text-xl font-bold text-gray-800 mb-3">第25题</h3>
248
+ <p class="text-gray-600 mb-4">有6个不同的礼物要分给3个孩子，每个孩子至少得到1个礼物。有多少种不同的分配方式？</p>
249
+ <div class="flex flex-wrap gap-2 mb-4">
250
+ <span class="bg-gray-100 text-gray-800 text-xs font-medium px-2.5 py-0.5 rounded">高难度</span>
251
+ <span class="bg-indigo-100 text-indigo-800 text-xs font-medium px-2.5 py-0.5 rounded">分配问题</span>
252
+ </div>
253
+ <button class="solution-toggle-btn w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded transition duration-300 flex items-center justify-center">
254
+ <i class="fas fa-lightbulb mr-2"></i>查看解析
255
+ </button>
256
+ </div>
257
+ <div class="solution-content bg-gray-50 px-6 pt-0 pb-6">
258
+ <div class="border-t border-gray-200 pt-4">
259
+ <h4 class="font-semibold text-gray-800 mb-2">解析：</h4>
260
+ <p class="text-gray-700 mb-3">1. 这是一个典型的"将n个不同的物品分配到k个不同的盒子，每个盒子至少一个"的问题。</p>
261
+ <p class="text-gray-700 mb-3">2. 可以使用容斥原理计算：总分配方式减去至少一个孩子没得到礼物的方式。</p>
262
+ <p class="text-gray-700 mb-3">3. 总分配方式：3^6 = 729（每个礼物有3种选择）</p>
263
+ <p class="text-gray-700 mb-3">4. 减去只有一个孩子得到礼物：C(3,1)×1^6 = 3</p>
264
+ <p class="text-gray-700 mb-3">5. 减去只有两个孩子得到礼物：C(3,2)×2^6 = 3×64=192</p>
265
+ <p class="text-gray-700 mb-4">6. 但是第二步多减了，需要加回：3^6 - 3×2^6 + 3×1^6 = 729 - 192 + 3 = 540</p>
266
+ <h4 class="font-semibold text-gray-800 mb-2">答案：</h4>
267
+ <p class="text-green-600 font-bold">540</p>
268
+ </div>
269
+ </div>
270
+ </div>
271
+
272
+ <!-- 题目卡片4 -->
273
+ <div class="problem-card bg-white rounded-lg overflow-hidden shadow-md" data-year="2020" data-difficulty="medium" data-topic="algebra">
274
+ <div class="p-6">
275
+ <div class="flex justify-between items-start mb-2">
276
+ <span class="bg-blue-100 text-blue-800 text-xs font-semibold px-2.5 py-0.5 rounded">2020年</span>
277
+ <span class="bg-orange-100 text-orange-800 text-xs font-semibold px-2.5 py-0.5 rounded">代数</span>
278
+ </div>
279
+ <h3 class="text-xl font-bold text-gray-800 mb-3">第18题</h3>
280
+ <p class="text-gray-600 mb-4">解方程：2^(x+3) - 2^x = 224</p>
281
+ <div class="flex flex-wrap gap-2 mb-4">
282
+ <span class="bg-gray-100 text-gray-800 text-xs font-medium px-2.5 py-0.5 rounded">中等难度</span>
283
+ <span class="bg-teal-100 text-teal-800 text-xs font-medium px-2.5 py-0.5 rounded">指数方程</span>
284
+ </div>
285
+ <button class="solution-toggle-btn w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded transition duration-300 flex items-center justify-center">
286
+ <i class="fas fa-lightbulb mr-2"></i>查看解析
287
+ </button>
288
+ </div>
289
+ <div class="solution-content bg-gray-50 px-6 pt-0 pb-6">
290
+ <div class="border-t border-gray-200 pt-4">
291
+ <h4 class="font-semibold text-gray-800 mb-2">解析：</h4>
292
+ <p class="text-gray-700 mb-3">1. 首先将方程左边因式分解：2^x(2^3 - 1) = 224</p>
293
+ <p class="text-gray-700 mb-3">2. 计算括号内：8 - 1 = 7，所以方程变为：7×2^x = 224</p>
294
+ <p class="text-gray-700 mb-3">3. 两边除以7：2^x = 32</p>
295
+ <p class="text-gray-700 mb-4">4. 32是2的5次方，所以x=5。</p>
296
+ <h4 class="font-semibold text-gray-800 mb-2">答案：</h4>
297
+ <p class="text-green-600 font-bold">5</p>
298
+ </div>
299
+ </div>
300
+ </div>
301
+
302
+ <!-- 题目卡片5 -->
303
+ <div class="problem-card bg-white rounded-lg overflow-hidden shadow-md" data-year="2019" data-difficulty="easy" data-topic="probability">
304
+ <div class="p-6">
305
+ <div class="flex justify-between items-start mb-2">
306
+ <span class="bg-blue-100 text-blue-800 text-xs font-semibold px-2.5 py-0.5 rounded">2019年</span>
307
+ <span class="bg-red-100 text-red-800 text-xs font-semibold px-2.5 py-0.5 rounded">概率</span>
308
+ </div>
309
+ <h3 class="text-xl font-bold text-gray-800 mb-3">第10题</h3>
310
+ <p class="text-gray-600 mb-4">一个袋子里有3个红球和2个蓝球。随机取出2个球，都是红球的概率是多少？</p>
311
+ <div class="flex flex-wrap gap-2 mb-4">
312
+ <span class="bg-gray-100 text-gray-800 text-xs font-medium px-2.5 py-0.5 rounded">简单难度</span>
313
+ <span class="bg-purple-100 text-purple-800 text-xs font-medium px-2.5 py-0.5 rounded">组合概率</span>
314
+ </div>
315
+ <button class="solution-toggle-btn w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded transition duration-300 flex items-center justify-center">
316
+ <i class="fas fa-lightbulb mr-2"></i>查看解析
317
+ </button>
318
+ </div>
319
+ <div class="solution-content bg-gray-50 px-6 pt-0 pb-6">
320
+ <div class="border-t border-gray-200 pt-4">
321
+ <h4 class="font-semibold text-gray-800 mb-2">解析：</h4>
322
+ <p class="text-gray-700 mb-3">1. 总球数：3红 + 2蓝 = 5个球</p>
323
+ <p class="text-gray-700 mb-3">2. 总的取法数：C(5,2) = 10</p>
324
+ <p class="text-gray-700 mb-3">3. 取到两个红球的取法数：C(3,2) = 3</p>
325
+ <p class="text-gray-700 mb-4">4. 概率 = 有利事件数 / 总事件数 = 3/10</p>
326
+ <h4 class="font-semibold text-gray-800 mb-2">答案：</h4>
327
+ <p class="text-green-600 font-bold">C) 3/10</p>
328
+ </div>
329
+ </div>
330
+ </div>
331
+
332
+ <!-- 题目卡片6 -->
333
+ <div class="problem-card bg-white rounded-lg overflow-hidden shadow-md" data-year="2023" data-difficulty="hard" data-topic="geometry">
334
+ <div class="p-6">
335
+ <div class="flex justify-between items-start mb-2">
336
+ <span class="bg-blue-100 text-blue-800 text-xs font-semibold px-2.5 py-0.5 rounded">2023年</span>
337
+ <span class="bg-green-100 text-green-800 text-xs font-semibold px-2.5 py-0.5 rounded">几何</span>
338
+ </div>
339
+ <h3 class="text-xl font-bold text-gray-800 mb-3">第24题</h3>
340
+ <p class="text-gray-600 mb-4">在△ABC中，AB=5，BC=12，CA=13。点D在BC上，使得AD平分∠BAC。求BD的长度。</p>
341
+ <div class="flex flex-wrap gap-2 mb-4">
342
+ <span class="bg-gray-100 text-gray-800 text-xs font-medium px-2.5 py-0.5 rounded">高难度</span>
343
+ <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded">角平分线定理</span>
344
+ </div>
345
+ <button class="solution-toggle-btn w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded transition duration-300 flex items-center justify-center">
346
+ <i class="fas fa-lightbulb mr-2"></i>查看解析
347
+ </button>
348
+ </div>
349
+ <div class="solution-content bg-gray-50 px-6 pt-0 pb-6">
350
+ <div class="border-t border-gray-200 pt-4">
351
+ <h4 class="font-semibold text-gray-800 mb-2">解析：</h4>
352
+ <p class="text-gray-700 mb-3">1. 首先验证△ABC是直角三角形：5² + 12² = 13² (25 + 144 = 169)。</p>
353
+ <p class="text-gray-700 mb-3">2. 应用角平分线定理：BD/DC = AB/AC = 5/13</p>
354
+ <p class="text-gray-700 mb-3">3. 设BD=5k，DC=13k，则BD+DC=BC=12 → 18k=12 → k=2/3</p>
355
+ <p class="text-gray-700 mb-4">4. 因此BD=5×(2/3)=10/3</p>
356
+ <h4 class="font-semibold text-gray-800 mb-2">答案：</h4>
357
+ <p class="text-green-600 font-bold">10/3</p>
358
+ </div>
359
+ </div>
360
+ </div>
361
+ </div>
362
+
363
+ <!-- 分页 -->
364
+ <div class="mt-8 flex justify-center no-print">
365
+ <nav class="inline-flex rounded-md shadow">
366
+ <a href="#" class="px-3 py-2 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-50">
367
+ <i class="fas fa-chevron-left"></i>
368
+ </a>
369
+ <a href="#" class="px-3 py-2 border-t border-b border-gray-300 bg-white text-blue-600 font-medium hover:bg-blue-50">1</a>
370
+ <a href="#" class="px-3 py-2 border-t border-b border-gray-300 bg-white text-gray-500 hover:bg-gray-50">2</a>
371
+ <a href="#" class="px-3 py-2 border-t border-b border-gray-300 bg-white text-gray-500 hover:bg-gray-50">3</a>
372
+ <a href="#" class="px-3 py-2 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-50">
373
+ <i class="fas fa-chevron-right"></i>
374
+ </a>
375
+ </nav>
376
+ </div>
377
+ </div>
378
+ </section>
379
+
380
+ <!-- 特色功能 -->
381
+ <section id="features" class="py-12 bg-blue-50">
382
+ <div class="container mx-auto px-4">
383
+ <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">平台特色功能</h2>
384
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
385
+ <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition">
386
+ <div class="text-blue-600 mb-4 text-4xl">
387
+ <i class="fas fa-search"></i>
388
+ </div>
389
+ <h3 class="text-xl font-semibold mb-3 text-gray-800">智能搜索</h3>
390
+ <p class="text-gray-600">通过关键词、年份、难度和题型多维度筛选题目，快速定位所需内容。</p>
391
+ </div>
392
+ <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition">
393
+ <div class="text-blue-600 mb-4 text-4xl">
394
+ <i class="fas fa-book-reader"></i>
395
+ </div>
396
+ <h3 class="text-xl font-semibold mb-3 text-gray-800">详细解析</h3>
397
+ <p class="text-gray-600">每道题目配有步骤详细的解析，帮助学生理解解题思路和方法。</p>
398
+ </div>
399
+ <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition">
400
+ <div class="text-blue-600 mb-4 text-4xl">
401
+ <i class="fas fa-chart-line"></i>
402
+ </div>
403
+ <h3 class="text-xl font-semibold mb-3 text-gray-800">进度追踪</h3>
404
+ <p class="text-gray-600">记录学习进度和错题，生成个人能力分析报告，针对性提升薄弱环节。</p>
405
+ </div>
406
+ <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition">
407
+ <div class="text-blue-600 mb-4 text-4xl">
408
+ <i class="fas fa-print"></i>
409
+ </div>
410
+ <h3 class="text-xl font-semibold mb-3 text-gray-800">打印功能</h3>
411
+ <p class="text-gray-600">支持题目和解析的打印，方便线下学习和模拟考试。</p>
412
+ </div>
413
+ </div>
414
+ </div>
415
+ </section>
416
+
417
+ <!-- 联系我们 -->
418
+ <section id="contact" class="py-12 bg-white">
419
+ <div class="container mx-auto px-4">
420
+ <h2 class="text-3xl font-bold text-center mb-8 text-gray-800">联系我们</h2>
421
+ <div class="max-w-2xl mx-auto bg-gray-50 p-8 rounded-lg shadow-md">
422
+ <form>
423
+ <div class="mb-4">
424
+ <label for="name" class="block text-sm font-medium text-gray-700 mb-1">姓名</label>
425
+ <input type="text" id="name" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
426
+ </div>
427
+ <div class="mb-4">
428
+ <label for="email" class="block text-sm font-medium text-gray-700 mb-1">电子邮箱</label>
429
+ <input type="email" id="email" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
430
+ </div>
431
+ <div class="mb-4">
432
+ <label for="message" class="block text-sm font-medium text-gray-700 mb-1">留言内容</label>
433
+ <textarea id="message" rows="4" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"></textarea>
434
+ </div>
435
+ <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-md transition duration-300">
436
+ 发送留言
437
+ </button>
438
+ </form>
439
+ </div>
440
+ </div>
441
+ </section>
442
+
443
+ <!-- 页脚 -->
444
+ <footer class="bg-gray-800 text-white py-8">
445
+ <div class="container mx-auto px-4">
446
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
447
+ <div>
448
+ <h3 class="text-lg font-semibold mb-4">AMC8 学习平台</h3>
449
+ <p class="text-gray-400">提供最全面的AMC8中文学习资源，助力数学竞赛备考。</p>
450
+ </div>
451
+ <div>
452
+ <h3 class="text-lg font-semibold mb-4">快速链接</h3>
453
+ <ul class="space-y-2">
454
+ <li><a href="#problems" class="text-gray-400 hover:text-white transition">历年真题</a></li>
455
+ <li><a href="#features" class="text-gray-400 hover:text-white transition">学习资源</a></li>
456
+ <li><a href="#about" class="text-gray-400 hover:text-white transition">关于AMC8</a></li>
457
+ <li><a href="#contact" class="text-gray-400 hover:text-white transition">联系我们</a></li>
458
+ </ul>
459
+ </div>
460
+ <div>
461
+ <h3 class="text-lg font-semibold mb-4">学习资源</h3>
462
+ <ul class="space-y-2">
463
+ <li><a href="#" class="text-gray-400 hover:text-white transition">数学公式表</a></li>
464
+ <li><a href="#" class="text-gray-400 hover:text-white transition">解题技巧</a></li>
465
+ <li><a href="#" class="text-gray-400 hover:text-white transition">模拟考试</a></li>
466
+ <li><a href="#" class="text-gray-400 hover:text-white transition">视频讲解</a></li>
467
+ </ul>
468
+ </div>
469
+ <div>
470
+ <h3 class="text-lg font-semibold mb-4">关注我们</h3>
471
+ <div class="flex space-x-4">
472
+ <a href="#" class="text-gray-400 hover:text-white transition text-xl"><i class="fab fa-weixin"></i></a>
473
+ <a href="#" class="text-gray-400 hover:text-white transition text-xl"><i class="fab fa-weibo"></i></a>
474
+ <a href="#" class="text-gray-400 hover:text-white transition text-xl"><i class="fab fa-bilibili"></i></a>
475
+ <a href="#" class="text-gray-400 hover:text-white transition text-xl"><i class="fab fa-youtube"></i></a>
476
+ </div>
477
+ <p class="mt-4 text-gray-400">订阅我们的新闻通讯</p>
478
+ <div class="mt-2 flex">
479
+ <input type="email" placeholder="您的邮箱" class="px-3 py-2 bg-gray-700 text-white rounded-l-md focus:outline-none w-full">
480
+ <button class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded-r-md transition">
481
+ <i class="fas fa-paper-plane"></i>
482
+ </button>
483
+ </div>
484
+ </div>
485
+ </div>
486
+ <div class="border-t border-gray-700 mt-8 pt-6 text-center text-gray-400">
487
+ <p>© 2023 AMC8中文学习平台. 保留所有权利.</p>
488
+ </div>
489
+ </div>
490
+ </footer>
491
+
492
+ <!-- 返回顶部按钮 -->
493
+ <button id="back-to-top" class="fixed bottom-6 right-6 bg-blue-600 text-white p-3 rounded-full shadow-lg opacity-0 invisible transition-all duration-300 hover:bg-blue-700 no-print">
494
+ <i class="fas fa-arrow-up"></i>
495
+ </button>
496
+
497
+ <script>
498
+ // 移动端菜单切换
499
+ document.getElementById('mobile-menu-button').addEventListener('click', function() {
500
+ const menu = document.getElementById('mobile-menu');
501
+ menu.classList.toggle('hidden');
502
+ });
503
+
504
+ // 解析展开/收起
505
+ document.querySelectorAll('.solution-toggle-btn').forEach(button => {
506
+ button.addEventListener('click', function() {
507
+ const solutionContent = this.parentElement.nextElementSibling;
508
+ solutionContent.classList.toggle('expanded');
509
+
510
+ // 切换图标
511
+ const icon = this.querySelector('i');
512
+ if (solutionContent.classList.contains('expanded')) {
513
+ icon.classList.remove('fa-lightbulb');
514
+ icon.classList.add('fa-eye-slash');
515
+ this.innerHTML = this.innerHTML.replace('查看解析', '收起解析');
516
+ } else {
517
+ icon.classList.remove('fa-eye-slash');
518
+ icon.classList.add('fa-lightbulb');
519
+ this.innerHTML = this.innerHTML.replace('收起解析', '查看解析');
520
+ }
521
+ });
522
+ });
523
+
524
+ // 返回顶部按钮
525
+ window.addEventListener('scroll', function() {
526
+ const backToTopButton = document.getElementById('back-to-top');
527
+ if (window.pageYOffset > 300) {
528
+ backToTopButton.classList.remove('opacity-0', 'invisible');
529
+ backToTopButton.classList.add('opacity-100', 'visible');
530
+ } else {
531
+ backToTopButton.classList.remove('opacity-100', 'visible');
532
+ backToTopButton.classList.add('opacity-0', 'invisible');
533
+ }
534
+ });
535
+
536
+ document.getElementById('back-to-top').addEventListener('click', function() {
537
+ window.scrollTo({
538
+ top: 0,
539
+ behavior: 'smooth'
540
+ });
541
+ });
542
+
543
+ // 题目筛选功能
544
+ document.getElementById('year-select').addEventListener('change', filterProblems);
545
+ document.getElementById('difficulty-select').addEventListener('change', filterProblems);
546
+ document.getElementById('topic-select').addEventListener('change', filterProblems);
547
+
548
+ function filterProblems() {
549
+ const year = document.getElementById('year-select').value;
550
+ const difficulty = document.getElementById('difficulty-select').value;
551
+ const topic = document.getElementById('topic-select').value;
552
+
553
+ document.querySelectorAll('.problem-card').forEach(card => {
554
+ const cardYear = card.getAttribute('data-year');
555
+ const cardDifficulty = card.getAttribute('data-difficulty');
556
+ const cardTopic = card.getAttribute('data-topic');
557
+
558
+ const yearMatch = year === 'all' || cardYear === year;
559
+ const difficultyMatch = difficulty === 'all' || cardDifficulty === difficulty;
560
+ const topicMatch = topic === 'all' || cardTopic === topic;
561
+
562
+ if (yearMatch && difficultyMatch && topicMatch) {
563
+ card.style.display = 'block';
564
+ } else {
565
+ card.style.display = 'none';
566
+ }
567
+ });
568
+ }
569
+
570
+ // 平滑滚动
571
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
572
+ anchor.addEventListener('click', function(e) {
573
+ e.preventDefault();
574
+
575
+ const targetId = this.getAttribute('href');
576
+ if (targetId === '#') return;
577
+
578
+ const targetElement = document.querySelector(targetId);
579
+ if (targetElement) {
580
+ window.scrollTo({
581
+ top: targetElement.offsetTop - 80,
582
+ behavior: 'smooth'
583
+ });
584
+
585
+ // 关闭移动端菜单
586
+ const mobileMenu = document.getElementById('mobile-menu');
587
+ mobileMenu.classList.add('hidden');
588
+ }
589
+ });
590
+ });
591
+ </script>
592
+ <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=cstur4/amc8" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
593
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ 构建一个AMC8的中文学习网站，有历年真题和解析讲解，注意跨浏览器的兼容性