File size: 76,781 Bytes
8ea95c5
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>اختبار شامل: درس النظرية والتجريب</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&display=swap');

        body {
            font-family: 'Tajawal', sans-serif;
            background-color: #f0fdfa; /* teal-50 for background */
        }

        .quiz-container {
             background-color: #ffffff; padding: 2rem; border-radius: 0.75rem; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 4px 6px rgba(0, 0, 0, 0.05); margin: 2rem auto; max-width: 5xl; /* Equivalent to max-w-5xl */
        }
        .quiz-header {
             text-align: center; margin-bottom: 2.5rem; border-bottom: 3px solid #0d9488; /* teal-600 */ padding-bottom: 1rem;
        }
         .quiz-header h1 { font-size: 2.25rem; /* text-4xl */ font-weight: 700; color: #1f2937; /* gray-800 */ margin-bottom: 0.5rem; }
         .quiz-header p { font-size: 1.125rem; /* text-lg */ color: #4b5563; /* gray-600 */ }

        .quiz-question {
             border: 1px solid #e5e7eb; /* gray-200 */ border-radius: 0.5rem; padding: 1.5rem; margin-bottom: 1.5rem; background-color: #f9fafb; /* gray-50 */
        }
        .quiz-question h4 { font-weight: 600; font-size: 1.125rem; /* text-lg */ margin-bottom: 1rem; color: #111827; /* gray-900 */ }
        .quiz-question .space-y-2 label { display: block; padding: 0.75rem 1rem; border: 1px solid #d1d5db; /* gray-300 */ border-radius: 0.375rem; cursor: pointer; transition: background-color 0.2s ease, border-color 0.2s ease; }
        .quiz-question .space-y-2 label:hover { background-color: #f3f4f6; /* gray-100 */ }
        .quiz-question .space-y-2 input[type="radio"]:checked + span { font-weight: 600; } /* Highlight text of selected answer slightly */

        /* Result Styles */
        #quizResult { margin-top: 2rem; padding: 1.5rem; border-radius: 0.5rem; font-size: 1.125rem; text-align: center; }
        #quizResult h4 { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.75rem; }

        /* Feedback Styles (applied by JS) */
        .correct-answer-label { background-color: #dcfce7 !important; /* green-100 */ border-color: #86efac !important; /* green-300 */ color: #166534 !important; /* green-800 */ font-weight: 600; }
        .incorrect-answer-label { background-color: #fee2e2 !important; /* red-100 */ border-color: #fca5a5 !important; /* red-300 */ color: #991b1b !important; /* red-800 */ font-weight: 600; }
        .unanswered-question h4 { color: #ca8a04 !important; /* yellow-600 */ font-style: italic; }

         /* Floating Button Style */
         .floating-btn { position: fixed; bottom: 20px; left: 20px; z-index: 10; transition: transform 0.3s ease; }
         .floating-btn:hover { transform: scale(1.1); }

        /* Fade-in Animation */
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
        .fade-in { animation: fadeIn 0.8s ease-out forwards; }

    </style>
</head>
<body class="bg-teal-50 fade-in">

    <div class="quiz-container">

        <header class="quiz-header">
            <h1><i class="fas fa-flask text-teal-600"></i> اختبار شامل: درس النظرية والتجريب <i class="fas fa-microscope text-teal-600"></i></h1>
            <p>قيّم فهمك للعلاقة بين النظرية والتجربة، العقلانية العلمية، ومعايير علمية النظريات.</p>
        </header>

        <form id="comprehensiveQuizForm">
            <div class="space-y-6">

                <!-- Questions Section -->
                <div class="quiz-question" id="q1-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">1</span> مفهوم "النظرية" علمياً يشير إلى:</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q1" value="a" class="mr-2"><span class="ml-2">آراء شخصية حول قضايا عامة.</span></label>
                        <label><input type="radio" name="q1" value="b" data-correct="true" class="mr-2"><span class="ml-2">نسق فكري منظم ومنهجي يتضمن قوانين ومبادئ لتفسير ظاهرة علمية.</span></label>
                        <label><input type="radio" name="q1" value="c" class="mr-2"><span class="ml-2">الخبرة العملية المكتسبة في مجال معين.</span></label>
                        <label><input type="radio" name="q1" value="d" class="mr-2"><span class="ml-2">عملية إعادة تمثيل الظاهرة في المختبر.</span></label>
                    </div>
                </div>

                <div class="quiz-question" id="q2-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">2</span> مفهوم "التجربة" بالمعنى العلمي الدقيق هو:</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q2" value="a" class="mr-2"><span class="ml-2">الحكمة والمهارة في الحياة اليومية.</span></label>
                        <label><input type="radio" name="q2" value="b" class="mr-2"><span class="ml-2">التفكير النظري المجرد حول الطبيعة.</span></label>
                        <label><input type="radio" name="q2" value="c" data-correct="true" class="mr-2"><span class="ml-2">عملية إعادة إحداث ظاهرة في ظروف مراقبة (المختبر) لاختبار فرضية.</span></label>
                        <label><input type="radio" name="q2" value="d" class="mr-2"><span class="ml-2">الخطوة الأولى في المنهج العلمي وهي الملاحظة.</span></label>
                    </div>
                </div>

                <div class="quiz-question" id="q3-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">3</span> الصراع الفلسفي الذي يبرزه الدرس بين النظرية والتجربة يتعلق بـ:</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q3" value="a" class="mr-2"><span class="ml-2">أهمية الرياضيات في العلم.</span></label>
                        <label><input type="radio" name="q3" value="b" data-correct="true" class="mr-2"><span class="ml-2">أحقية كل منهما (العقل/النظري مقابل الحواس/التجريبي) في تأسيس اليقين العلمي.</span></label>
                        <label><input type="radio" name="q3" value="c" class="mr-2"><span class="ml-2">تحديد القيمة الأخلاقية للعلم.</span></label>
                        <label><input type="radio" name="q3" value="d" class="mr-2"><span class="ml-2">دور الخيال في الاكتشافات العلمية فقط.</span></label>
                    </div>
                </div>

                <div class="quiz-question" id="q4-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">4</span> يرى كلود برنارد أن خطوات المنهج التجريبي الكلاسيكي تتبع الترتيب التالي:</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q4" value="a" class="mr-2"><span class="ml-2">فرضية - ملاحظة - تجربة - قانون.</span></label>
                        <label><input type="radio" name="q4" value="b" data-correct="true" class="mr-2"><span class="ml-2">ملاحظة - فرضية - تجربة - قانون.</span></label>
                        <label><input type="radio" name="q4" value="c" class="mr-2"><span class="ml-2">تجربة - ملاحظة - قانون - فرضية.</span></label>
                        <label><input type="radio" name="q4" value="d" class="mr-2"><span class="ml-2">قانون - فرضية - ملاحظة - تجربة.</span></label>
                    </div>
                </div>

                 <div class="quiz-question" id="q5-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">5</span> حسب كلود برنارد، وظيفة التجربة الأساسية هي:</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q5" value="a" class="mr-2"><span class="ml-2">اكتشاف ظواهر جديدة بشكل عفوي.</span></label>
                        <label><input type="radio" name="q5" value="b" class="mr-2"><span class="ml-2">صياغة الفرضيات الأولية.</span></label>
                        <label><input type="radio" name="q5" value="c" data-correct="true" class="mr-2"><span class="ml-2">الحكم على صحة الفرضية المقترحة.</span></label>
                        <label><input type="radio" name="q5" value="d" class="mr-2"><span class="ml-2">ملاحظة الظواهر الميكروسكوبية.</span></label>
                    </div>
                </div>

                 <div class="quiz-question" id="q6-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">6</span> يرى روني طوم أن التجريب العلمي المعاصر، خاصة في الفيزياء، يحتاج إلى:</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q6" value="a" class="mr-2"><span class="ml-2">الاعتماد الكلي على الملاحظة بالعين المجردة.</span></label>
                        <label><input type="radio" name="q6" value="b" class="mr-2"><span class="ml-2">تجاهل دور الفرضيات العقلية.</span></label>
                        <label><input type="radio" name="q6" value="c" data-correct="true" class="mr-2"><span class="ml-2">دمج التجربة المخبرية مع التجربة الذهنية والخيال العقلي.</span></label>
                        <label><input type="radio" name="q6" value="d" class="mr-2"><span class="ml-2">التمسك بالمنهج الكلاسيكي لبرنارد دون تغيير.</span></label>
                    </div>
                </div>

                <div class="quiz-question" id="q7-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">7</span> ما هو المفهوم الذي يميز "التجريب" عن "التجربة" في السياق العلمي؟</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q7" value="a" class="mr-2"><span class="ml-2">التجريب يعتمد على الحواس فقط، بينما التجربة تعتمد على العقل.</span></label>
                        <label><input type="radio" name="q7" value="b" data-correct="true" class="mr-2"><span class="ml-2">التجريب عملية بناءة ومساءلة للطبيعة لاختبار فرضية، بينما التجربة قد تكون مجرد ملاحظة أو هي لحظة ضمن التجريب.</span></label>
                        <label><input type="radio" name="q7" value="c" class="mr-2"><span class="ml-2">لا يوجد فرق حقيقي بينهما في العلم.</span></label>
                        <label><input type="radio" name="q7" value="d" class="mr-2"><span class="ml-2">التجربة هي الخطوة النهائية، بينما التجريب هو الخطوة الأولى.</span></label>
                    </div>
                </div>

                 <div class="quiz-question" id="q8-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">8</span> يشترط في "الفرضية" العلمية أن تكون:</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q8" value="a" class="mr-2"><span class="ml-2">مؤكدة ومثبتة بشكل نهائي قبل التجربة.</span></label>
                        <label><input type="radio" name="q8" value="b" class="mr-2"><span class="ml-2">خيالية تماماً ولا علاقة لها بالواقع.</span></label>
                        <label><input type="radio" name="q8" value="c" data-correct="true" class="mr-2"><span class="ml-2">قابلة للتحقق التجريبي، نابعة من الملاحظة، وغير متناقضة مع ذاتها.</span></label>
                        <label><input type="radio" name="q8" value="d" class="mr-2"><span class="ml-2">مستقلة تماماً عن أي ملاحظة سابقة.</span></label>
                    </div>
                </div>

                <div class="quiz-question" id="q9-container">
                     <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">9</span> العقلانية العلمية المعاصرة تتميز عن الكلاسيكية بكونها:</h4>
                     <div class="space-y-2">
                         <label><input type="radio" name="q9" value="a" class="mr-2"><span class="ml-2">منغلقة وتعتمد على مبادئ ثابتة لا تتغير.</span></label>
                         <label><input type="radio" name="q9" value="b" data-correct="true" class="mr-2"><span class="ml-2">منفتحة ونقدية وتؤكد على الحوار بين العقل والتجربة.</span></label>
                         <label><input type="radio" name="q9" value="c" class="mr-2"><span class="ml-2">ترفض دور العقل تماماً في العلم.</span></label>
                         <label><input type="radio" name="q9" value="d" class="mr-2"><span class="ml-2">تعتمد على التجربة الحسية المباشرة فقط.</span></label>
                     </div>
                 </div>

                 <div class="quiz-question" id="q10-container">
                     <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">10</span> يرى ألبرت أينشتاين أن المبدأ الخلاق الأساسي في العلم هو:</h4>
                     <div class="space-y-2">
                         <label><input type="radio" name="q10" value="a" class="mr-2"><span class="ml-2">التجربة الدقيقة في المختبر.</span></label>
                         <label><input type="radio" name="q10" value="b" data-correct="true" class="mr-2"><span class="ml-2">العقل الرياضي المبدع القادر على اكتشاف القوانين.</span></label>
                         <label><input type="radio" name="q10" value="c" class="mr-2"><span class="ml-2">الملاحظة الحسية المباشرة للظواهر.</span></label>
                         <label><input type="radio" name="q10" value="d" class="mr-2"><span class="ml-2">القدرة على تفنيد النظريات القائمة.</span></label>
                     </div>
                 </div>

                 <div class="quiz-question" id="q11-container">
                     <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">11</span> ينتقد غاستون باشلار العقلانية الرياضية المجردة (مثل تصور أينشتاين) لأنها:</h4>
                     <div class="space-y-2">
                         <label><input type="radio" name="q11" value="a" class="mr-2"><span class="ml-2">تعتمد كثيراً على التجربة.</span></label>
                         <label><input type="radio" name="q11" value="b" class="mr-2"><span class="ml-2">تركز على الظواهر الميكروسكوبية فقط.</span></label>
                         <label><input type="radio" name="q11" value="c" data-correct="true" class="mr-2"><span class="ml-2">تعتبر "فارغة" وتشتغل بالعقل في فراغ التطبيق الواقعي دون حوار مع التجربة.</span></label>
                         <label><input type="radio" name="q11" value="d" class="mr-2"><span class="ml-2">لا تستخدم الرياضيات بشكل كافٍ.</span></label>
                     </div>
                 </div>

                 <div class="quiz-question" id="q12-container">
                     <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">12</span> يؤكد باشلار على أن مستقبل الفيزياء المعاصرة يكمن في:</h4>
                     <div class="space-y-2">
                         <label><input type="radio" name="q12" value="a" class="mr-2"><span class="ml-2">العودة إلى المنهج التجريبي الكلاسيكي.</span></label>
                         <label><input type="radio" name="q12" value="b" class="mr-2"><span class="ml-2">الاعتماد الكلي على العقل الرياضي المجرد.</span></label>
                         <label><input type="radio" name="q12" value="c" data-correct="true" class="mr-2"><span class="ml-2">اليقين المزدوج الناتج عن الحوار المستمر بين العقل والتجربة.</span></label>
                         <label><input type="radio" name="q12" value="d" class="mr-2"><span class="ml-2">رفض استخدام الرياضيات في الفيزياء.</span></label>
                     </div>
                 </div>

                  <div class="quiz-question" id="q13-container">
                     <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">13</span> يرى كارل بوبر أن ما يميز النظرية العلمية عن غيرها هو:</h4>
                     <div class="space-y-2">
                         <label><input type="radio" name="q13" value="a" class="mr-2"><span class="ml-2">قدرتها على تفسير كل شيء بشكل مطلق.</span></label>
                         <label><input type="radio" name="q13" value="b" class="mr-2"><span class="ml-2">قابليتها للتحقق التجريبي الإيجابي بشكل دائم.</span></label>
                         <label><input type="radio" name="q13" value="c" data-correct="true" class="mr-2"><span class="ml-2">قابليتها للتفنيد أو التكذيب من خلال اختبارات محتملة.</span></label>
                         <label><input type="radio" name="q13" value="d" class="mr-2"><span class="ml-2">اعتمادها على العقل الرياضي فقط.</span></label>
                     </div>
                 </div>

                 <div class="quiz-question" id="q14-container">
                     <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">14</span> حسب بوبر، يتقدم العلم بشكل أساسي عن طريق:</h4>
                     <div class="space-y-2">
                         <label><input type="radio" name="q14" value="a" class="mr-2"><span class="ml-2">تأكيد وتكديس الحقائق التي تم التحقق منها.</span></label>
                         <label><input type="radio" name="q14" value="b" data-correct="true" class="mr-2"><span class="ml-2">الجرأة على اقتراح نظريات قابلة للتكذيب ومحاولة تفنيدها.</span></label>
                         <label><input type="radio" name="q14" value="c" class="mr-2"><span class="ml-2">الحدس والخيال العقلي فقط.</span></label>
                         <label><input type="radio" name="q14" value="d" class="mr-2"><span class="ml-2">التمسك بالنظريات السائدة ورفض تغييرها.</span></label>
                     </div>
                 </div>

                <div class="quiz-question" id="q15-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">15</span> يؤكد بيير تويليي على أهمية "تعدد الاختبارات" للنظرية العلمية بهدف:</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q15" value="a" class="mr-2"><span class="ml-2">إثبات صحتها بشكل نهائي ومطلق.</span></label>
                        <label><input type="radio" name="q15" value="b" class="mr-2"><span class="ml-2">إيجاد طريقة لتكذيبها منطقياً فقط.</span></label>
                        <label><input type="radio" name="q15" value="c" data-correct="true" class="mr-2"><span class="ml-2">ضمان تماسكها المنطقي وقدرتها على مواكبة التحولات العلمية وتصحيح نفسها.</span></label>
                        <label><input type="radio" name="q15" value="d" class="mr-2"><span class="ml-2">عزل النظرية عن أي فرضيات جديدة قد تتحدىها.</span></label>
                    </div>
                </div>

                <div class="quiz-question" id="q16-container">
                     <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">16</span> الفائدة من معياري "القابلية للتكذيب" و"تعدد الاختبارات" حسب الدرس هي:</h4>
                     <div class="space-y-2">
                         <label><input type="radio" name="q16" value="a" class="mr-2"><span class="ml-2">الوصول إلى اليقين العلمي المطلق والثابت.</span></label>
                         <label><input type="radio" name="q16" value="b" data-correct="true" class="mr-2"><span class="ml-2">ضمان بقاء العلم نشاطاً نقدياً ديناميكياً قادراً على التطور وتصحيح أخطائه.</span></label>
                         <label><input type="radio" name="q16" value="c" class="mr-2"><span class="ml-2">تأكيد دور العقل الرياضي كالمصدر الوحيد للمعرفة.</span></label>
                         <label><input type="radio" name="q16" value="d" class="mr-2"><span class="ml-2">إثبات عدم جدوى التجريب في العلم الحديث.</span></label>
                     </div>
                 </div>

                 <div class="quiz-question" id="q17-container">
                     <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">17</span> الموقف الذي يؤكد على أهمية الخيال والتجارب الذهنية بجانب التجريب المخبري يمثله:</h4>
                     <div class="space-y-2">
                         <label><input type="radio" name="q17" value="a" class="mr-2"><span class="ml-2">كلود برنارد</span></label>
                         <label><input type="radio" name="q17" value="b" data-correct="true" class="mr-2"><span class="ml-2">روني طوم</span></label>
                         <label><input type="radio" name="q17" value="c" class="mr-2"><span class="ml-2">كارل بوبر</span></label>
                         <label><input type="radio" name="q17" value="d" class="mr-2"><span class="ml-2">ألبرت أينشتاين (بشكل مختلف يركز على الرياضي)</span></label>
                     </div>
                 </div>

                 <div class="quiz-question" id="q18-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">18</span> الموقف الذي يرى أن العقلانية العلمية يجب أن تكون "مطبقة" وقائمة على حوار بين العقل والتجربة يمثله:</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q18" value="a" class="mr-2"><span class="ml-2">ألبرت أينشتاين</span></label>
                        <label><input type="radio" name="q18" value="b" class="mr-2"><span class="ml-2">كلود برنارد</span></label>
                        <label><input type="radio" name="q18" value="c" data-correct="true" class="mr-2"><span class="ml-2">غاستون باشلار</span></label>
                        <label><input type="radio" name="q18" value="d" class="mr-2"><span class="ml-2">كارل بوبر</span></label>
                    </div>
                </div>


    <div class="quiz-question" id="q19-container">
    <h4 class="flex items-center">
        <span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">19</span>
        ما الذي يكشفه الخلاف بين أينشتاين (الذي يركز على العقل الرياضي) وباشلار (الذي يؤكد على أهمية التجربة)؟
    </h4>
    <div class="space-y-2">
        <label><input type="radio" name="q19" value="a" class="mr-2"><span class="ml-2">أخلاقيات البحث العلمي.</span></label>
        <label><input type="radio" name="q19" value="b" data-correct="true" class="mr-2"><span class="ml-2">مصادر المعرفة العلمية وكيفية بنائها (طبيعة العقلانية العلمية).</span></label>
        <label><input type="radio" name="q19" value="c" class="mr-2"><span class="ml-2">دور التكنولوجيا في العلم.</span></label>
        <label><input type="radio" name="q19" value="d" class="mr-2"><span class="ml-2">تاريخ العلم القديم.</span></label>
    </div>
</div>

                <!-- اسئلة جديدة -->
               


<div class="quiz-question" id="q20-container">
    <h4 class="flex items-center">
        <span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">20</span>
        من الفلاسفة الذين يرون أن العقل لا يكتفي بالتجربة، بل يساعد في فهم الظواهر وبناء المعرفة العلمية؟
    </h4>
    <div class="space-y-2">
        <label><input type="radio" name="q20" value="a" class="mr-2"><span class="ml-2">التجريبيون مثل كلود برنارد.</span></label>
        <label><input type="radio" name="q20" value="b" data-correct="true" class="mr-2"><span class="ml-2">العقلانيون مثل أينشتاين وباشلار.</span></label>
        <label><input type="radio" name="q20" value="c" class="mr-2"><span class="ml-2">كارل بوبر الذي يؤكد على التكذيب.</span></label>
        <label><input type="radio" name="q20" value="d" class="mr-2"><span class="ml-2">بيير تويليي الذي يركز على الاختبارات.</span></label>
    </div>
</div>


<div class="quiz-question" id="q21-container">
    <h4 class="flex items-center">
        <span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">21</span>
        بحسب مبدأ "القابلية للتكذيب"، كيف تُفهم الحقيقة في العلم؟
    </h4>
    <div class="space-y-2">
        <label><input type="radio" name="q21" value="a" class="mr-2"><span class="ml-2">الحقيقة العلمية مطلقة ولا تتغير.</span></label>
        <label><input type="radio" name="q21" value="b" data-correct="true" class="mr-2"><span class="ml-2">الحقيقة العلمية مؤقتة ويمكن مراجعتها أو دحضها لاحقاً.</span></label>
        <label><input type="radio" name="q21" value="c" class="mr-2"><span class="ml-2">الحقيقة العلمية غير موجودة.</span></label>
        <label><input type="radio" name="q21" value="d" class="mr-2"><span class="ml-2">الحقيقة العلمية هي ما يقبله أغلب الناس.</span></label>
    </div>
</div>



                <div class="quiz-question" id="q22-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">22</span> لماذا يلح روني طوم على ضرورة "الخيال التجريبي" و"التجارب الذهنية" في العلم المعاصر؟</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q22" value="a" class="mr-2"><span class="ml-2">لأن التجريب المخبري أصبح غير ضروري.</span></label>
                        <label><input type="radio" name="q22" value="b" data-correct="true" class="mr-2"><span class="ml-2">لتطوير الأداء التجريبي ومواجهة صعوبة دراسة الظواهر الميكروسكوبية التي تتطلب إبداعاً نظرياً.</span></label>
                        <label><input type="radio" name="q22" value="c" class="mr-2"><span class="ml-2">لأن العقل الرياضي وحده كافٍ لبناء المعرفة.</span></label>
                        <label><input type="radio" name="q22" value="d" class="mr-2"><span class="ml-2">لتأكيد صحة المنهج التجريبي الكلاسيكي.</span></label>
                    </div>
                </div>

                 <div class="quiz-question" id="q23-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">23</span> ما هو الدور الذي يمنحه أينشتاين للتجربة في عملية بناء المعرفة العلمية؟</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q23" value="a" class="mr-2"><span class="ml-2">هي المصدر الأساسي والأول للمفاهيم والقوانين العلمية.</span></label>
                        <label><input type="radio" name="q23" value="b" data-correct="true" class="mr-2"><span class="ml-2">دور ثانوي يتمثل في مطابقة نتائج العقل الرياضي أو توجيهه لمسارات نظرية أعمق.</span></label>
                        <label><input type="radio" name="q23" value="c" class="mr-2"><span class="ml-2">لا دور لها على الإطلاق، فالعقل الرياضي كافٍ وحده.</span></label>
                        <label><input type="radio" name="q23" value="d" class="mr-2"><span class="ml-2">دورها يقتصر على الملاحظة الأولية فقط.</span></label>
                    </div>
                </div>

                 <div class="quiz-question" id="q24-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">24</span> كيف يصف باشلار العقلانية العلمية التي تكتفي بالعقل الرياضي دون حوار مع التجربة؟</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q24" value="a" class="mr-2"><span class="ml-2">عقلانية مكتملة ونهائية.</span></label>
                        <label><input type="radio" name="q24" value="b" class="mr-2"><span class="ml-2">عقلانية تجريبية بحتة.</span></label>
                        <label><input type="radio" name="q24" value="c" data-correct="true" class="mr-2"><span class="ml-2">عقلانية فارغة لأنها تشتغل بالعقل في فراغ التطبيق الواقعي.</span></label>
                        <label><input type="radio" name="q24" value="d" class="mr-2"><span class="ml-2">عقلانية كلاسيكية منغلقة.</span></label>
                    </div>
                </div>


                 <div class="quiz-question" id="q25-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">25</span> الهدف الرئيسي من معيار "القابلية للتكذيب" لكارل بوبر هو:</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q25" value="a" class="mr-2"><span class="ml-2">إثبات صحة النظريات العلمية بشكل قاطع.</span></label>
                        <label><input type="radio" name="q25" value="b" class="mr-2"><span class="ml-2">تسهيل عملية تطبيق النظريات.</span></label>
                        <label><input type="radio" name="q25" value="c" data-correct="true" class="mr-2"><span class="ml-2">تمييز العلم عن الميتافيزيقا أو العلوم الزائفة التي لا يمكن اختبارها ودحضها.</span></label>
                        <label><input type="radio" name="q25" value="d" class="mr-2"><span class="ml-2">التأكيد على دور الخيال في العلم.</span></label>
                    </div>
                </div>

                <div class="quiz-question" id="q26-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">26</span> ما هو الهدف الرئيسي من "تعدد الاختبارات" الذي يدعو إليه بيير تويليي؟</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q26" value="a" class="mr-2"><span class="ml-2">إثبات النظرية بشكل قاطع لا يقبل الشك.</span></label>
                        <label><input type="radio" name="q26" value="b" class="mr-2"><span class="ml-2">تسهيل عملية تكذيب النظرية منطقياً.</span></label>
                        <label><input type="radio" name="q26" value="c" data-correct="true" class="mr-2"><span class="ml-2">ضمان تماسك النظرية المنطقي وقدرتها على مواكبة التحولات العلمية وتصحيح نفسها.</span></label>
                        <label><input type="radio" name="q26" value="d" class="mr-2"><span class="ml-2">تبسيط النظرية العلمية لجعلها مفهومة للعامة.</span></label>
                    </div>
                </div>

                <div class="quiz-question" id="q27-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">27</span> الفرق الأساسي بين معياري كارل بوبر و بيير تويليي لعلمية النظريات هو أن:</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q27" value="a" class="mr-2"><span class="ml-2">بوبر يركز على التحقق وتويليي على التكذيب.</span></label>
                        <label><input type="radio" name="q27" value="b" class="mr-2"><span class="ml-2">بوبر يهتم بالجانب العملي وتويليي بالجانب المنطقي.</span></label>
                        <label><input type="radio" name="q27" value="c" data-correct="true" class="mr-2"><span class="ml-2">بوبر يركز على القابلية المنطقية للتكذيب، بينما تويليي يركز على الصمود العملي أمام اختبارات متعددة.</span></label>
                        <label><input type="radio" name="q27" value="d" class="mr-2"><span class="ml-2">كلاهما يتفقان تماماً في المعيار والهدف.</span></label>
                    </div>
                </div>

                <div class="quiz-question" id="q28-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">28</span> حسب كلود برنارد، ما الذي "يوحي بالفكرة" للعالم في البداية؟</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q28" value="a" class="mr-2"><span class="ml-2">الخيال العقلي المجرد.</span></label>
                        <label><input type="radio" name="q28" value="b" class="mr-2"><span class="ml-2">القانون العلمي السابق.</span></label>
                        <label><input type="radio" name="q28" value="c" data-correct="true" class="mr-2"><span class="ml-2">الحادث أو الملاحظة الأولية للظاهرة.</span></label>
                        <label><input type="radio" name="q28" value="d" class="mr-2"><span class="ml-2">نتيجة التجربة النهائية.</span></label>
                    </div>
                </div>

                 <div class="quiz-question" id="q29-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">29</span> أي من المواقف التالية يمثل نقداً لفكرة أن التجريب وحده كافٍ لبناء المعرفة العلمية؟</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q29" value="a" class="mr-2"><span class="ml-2">موقف كلود برنارد.</span></label>
                        <label><input type="radio" name="q29" value="b" data-correct="true" class="mr-2"><span class="ml-2">موقف روني طوم وموقف باشلار (بدرجات متفاوتة).</span></label>
                        <label><input type="radio" name="q29" value="c" class="mr-2"><span class="ml-2">موقف يركز على أهمية الملاحظة فقط.</span></label>
                        <label><input type="radio" name="q29" value="d" class="mr-2"><span class="ml-2">موقف كارل بوبر (يركز على التكذيب وليس مصدر المعرفة).</span></label>
                    </div>
                </div>

                <div class="quiz-question" id="q30-container">
                     <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">30</span> "اليقين المزدوج" الذي يتحدث عنه باشلار يشير إلى اليقين الناتج عن:</h4>
                     <div class="space-y-2">
                         <label><input type="radio" name="q30" value="a" class="mr-2"><span class="ml-2">العقل الرياضي والخيال معاً.</span></label>
                         <label><input type="radio" name="q30" value="b" class="mr-2"><span class="ml-2">التجربة والملاحظة معاً.</span></label>
                         <label><input type="radio" name="q30" value="c" data-correct="true" class="mr-2"><span class="ml-2">التكامل والحوار بين العقل (النظري/الرياضي) والتجربة (التطبيق الواقعي).</span></label>
                         <label><input type="radio" name="q30" value="d" class="mr-2"><span class="ml-2">القابلية للتكذيب وتعدد الاختبارات معاً.</span></label>
                     </div>
                 </div>

                                 <!-- جدا  اسئلة جديدة -->

                               <div class="quiz-question" id="q31-container">
    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">31</span> في فلسفة العلم، كيف يتم التمييز غالباً بين "التجربة" بمعناها العام و"التجريب" بمعناه العلمي الدقيق؟</h4>
    <div class="space-y-2">
        <label><input type="radio" name="q31" value="a" class="mr-2"><span class="ml-2">التجربة فكرية والتجريب حسي.</span></label>
        <label><input type="radio" name="q31" value="b" data-correct="true" class="mr-2"><span class="ml-2">التجربة قد تكون خبرة عامة، بينما التجريب هو إجراء منهجي مضبوط لاختبار فرضية.</span></label>
        <label><input type="radio" name="q31" value="c" class="mr-2"><span class="ml-2">التجريب يسبق دائماً التجربة.</span></label>
        <label><input type="radio" name="q31" value="d" class="mr-2"><span class="ml-2">لا يوجد تمييز جوهري بينهما في الممارسة العلمية.</span></label>
    </div>
</div>

<div class="quiz-question" id="q32-container">
    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">32</span> المنهج التجريبي الكلاسيكي، الذي يعتمد على الملاحظة والفرضية والتجربة، يواجه صعوبة خاصة عند محاولة دراسة:</h4>
    <div class="space-y-2">
        <label><input type="radio" name="q32" value="a" class="mr-2"><span class="ml-2">الظواهر الفلكية الكبيرة.</span></label>
        <label><input type="radio" name="q32" value="b" class="mr-2"><span class="ml-2">السلوك الإنساني المعقد.</span></label>
        <label><input type="radio" name="q32" value="c" data-correct="true" class="mr-2"><span class="ml-2">الظواهر الفيزيائية المتناهية الصغر (الميكروسكوبية).</span></label>
        <label><input type="radio" name="q32" value="d" class="mr-2"><span class="ml-2">العلاقات الرياضية المجردة.</span></label>
    </div>
</div>

<div class="quiz-question" id="q33-container">
    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">33</span> التأكيد على أهمية "الخيال العلمي" و"التجارب الذهنية" في العلم المعاصر يعكس فهماً لـ:</h4>
    <div class="space-y-2">
        <label><input type="radio" name="q33" value="a" class="mr-2"><span class="ml-2">تراجع أهمية الرياضيات في العلم.</span></label>
        <label><input type="radio" name="q33" value="b" data-correct="true" class="mr-2"><span class="ml-2">الدور البنّاء والمُكمل للعقل والتصور النظري في توجيه وإغناء البحث التجريبي.</span></label>
        <label><input type="radio" name="q33" value="c" class="mr-2"><span class="ml-2">أن التجريب المخبري لم يعد ضرورياً.</span></label>
        <label><input type="radio" name="q33" value="d" class="mr-2"><span class="ml-2">أن العلم يجب أن يعتمد على الحدس فقط.</span></label>
    </div>
</div>

<div class="quiz-question" id="q34-container">
    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">34</span> المنظور الذي يعطي الأولوية للعقل الرياضي في اكتشاف القوانين العلمية يميل إلى رؤية التجربة كـ:</h4>
    <div class="space-y-2">
        <label><input type="radio" name="q34" value="a" class="mr-2"><span class="ml-2">المصدر الوحيد للمعرفة العلمية.</span></label>
        <label><input type="radio" name="q34" value="b" class="mr-2"><span class="ml-2">عائق أمام التقدم النظري.</span></label>
        <label><input type="radio" name="q34" value="c" data-correct="true" class="mr-2"><span class="ml-2">أداة للتحقق من أو توجيه الأفكار النظرية التي نشأت عقلياً.</span></label>
        <label><input type="radio" name="q34" value="d" class="mr-2"><span class="ml-2">مجرد نشاط تقني لا علاقة له بالنظرية.</span></label>
    </div>
</div>

<div class="quiz-question" id="q35-container">
    <h4 class="flex items-center">
        <span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">35</span>
        من هو الفيلسوف الذي أكد على أن المعرفة العلمية تقوم على التكامل بين العقل والتجربة؟
    </h4>
    <div class="space-y-2">
        <label><input type="radio" name="q35" value="a" class="mr-2"><span class="ml-2">ألبرت أينشتاين</span></label>
        <label><input type="radio" name="q35" value="b" data-correct="true" class="mr-2"><span class="ml-2">غاستون باشلار</span></label>
        <label><input type="radio" name="q35" value="c" class="mr-2"><span class="ml-2">كلود برنارد</span></label>
        <label><input type="radio" name="q35" value="d" class="mr-2"><span class="ml-2">روني طوم</span></label>
    </div>
</div>


<div class="quiz-question" id="q36-container">
    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">36</span> مفهوم "الباراديغم" في فلسفة العلم يشير عادة إلى:</h4>
    <div class="space-y-2">
        <label><input type="radio" name="q36" value="a" class="mr-2"><span class="ml-2">نظرية علمية واحدة معزولة.</span></label>
        <label><input type="radio" name="q36" value="b" data-correct="true" class="mr-2"><span class="ml-2">إطار نظري ومنهجي شامل يسود في فترة تاريخية معينة داخل علم ما.</span></label>
        <label><input type="radio" name="q36" value="c" class="mr-2"><span class="ml-2">الأداة المستخدمة في المختبر.</span></label>
        <label><input type="radio" name="q36" value="d" class="mr-2"><span class="ml-2">القابلية للتكذيب.</span></label>
    </div>
</div>

<div class="quiz-question" id="q37-container">
    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">37</span> فكرة أن النظرية العلمية تزداد قوة وتماسكاً كلما صمدت أمام اختبارات متنوعة ومتكررة، تتوافق مع وجهة نظر:</h4>
    <div class="space-y-2">
        <label><input type="radio" name="q37" value="a" class="mr-2"><span class="ml-2">كارل بوبر (الذي يركز على محاولة التكذيب).</span></label>
        <label><input type="radio" name="q37" value="b" data-correct="true" class="mr-2"><span class="ml-2">بيير تويليي (الذي يركز على تعدد الاختبارات لضمان التماسك).</span></label>
        <label><input type="radio" name="q37" value="c" class="mr-2"><span class="ml-2">كلود برنارد (الذي يركز على التجربة الواحدة الحاسمة للفرضية).</span></label>
        <label><input type="radio" name="q37" value="d" class="mr-2"><span class="ml-2">ألبرت أينشتاين (الذي يقلل من أهمية الاختبارات المتعددة مقابل قوة النظرية).</span></label>
    </div>
</div>

<div class="quiz-question" id="q38-container">
    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">38</span> الإقرار بأن "الأخطاء والعوائق الإبستمولوجية" جزء صحي من تطور العلم يعني أن:</h4>
    <div class="space-y-2">
        <label><input type="radio" name="q38" value="a" class="mr-2"><span class="ml-2">العلم يجب أن يتجنب أي أخطاء ليكون صحيحاً.</span></label>
        <label><input type="radio" name="q38" value="b" data-correct="true" class="mr-2"><span class="ml-2">العلم يتقدم ويتطور من خلال اكتشاف وتجاوز أخطائه ونقائصه.</span></label>
        <label><input type="radio" name="q38" value="c" class="mr-2"><span class="ml-2">النظريات العلمية ثابتة ولا تتغير.</span></label>
        <label><input type="radio" name="q38" value="d" class="mr-2"><span class="ml-2">العلم ليس نشاطاً عقلانياً.</span></label>
    </div>
</div>

<div class="quiz-question" id="q39-container">
    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">39</span> أي من الأفكار التالية تعبر بشكل أفضل عن العلاقة بين الملاحظة والفرضية في المنهج العلمي؟</h4>
    <div class="space-y-2">
        <label><input type="radio" name="q39" value="a" class="mr-2"><span class="ml-2">الفرضية تسبق دائماً أي ملاحظة.</span></label>
        <label><input type="radio" name="q39" value="b" class="mr-2"><span class="ml-2">الملاحظة وحدها كافية للوصول إلى القانون العلمي.</span></label>
        <label><input type="radio" name="q39" value="c" data-correct="true" class="mr-2"><span class="ml-2">الملاحظة تقود إلى اقتراح فرضية (تفسير مؤقت) تحتاج إلى اختبار لاحق.</span></label>
        <label><input type="radio" name="q39" value="d" class="mr-2"><span class="ml-2">الفرضية والملاحظة عمليتان منفصلتان تماماً.</span></label>
    </div>
</div>

                                 <!-- جدا  اسئلة last -->

                <div class="quiz-question" id="q40-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">40</span> "الحادث يوحي بالفكرة، والفكرة تقود إلى التجربة، والتجربة تحكم على الفكرة." هذه المقولة تلخص بشكل جيد منهج:</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q40" value="a" data-correct="true" class="mr-2"><span class="ml-2">كلود برنارد في التجريب الكلاسيكي.</span></label>
                        <label><input type="radio" name="q40" value="b" class="mr-2"><span class="ml-2">كارل بوبر في القابلية للتكذيب.</span></label>
                        <label><input type="radio" name="q40" value="c" class="mr-2"><span class="ml-2">أينشتاين في أولوية العقل الرياضي.</span></label>
                        <label><input type="radio" name="q40" value="d" class="mr-2"><span class="ml-2">روني طوم في دور الخيال العلمي.</span></label>
                    </div>
                </div>

                <div class="quiz-question" id="q41-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">41</span> ما النتيجة المترتبة على اعتبار العقلانية العلمية "حواراً" بين العقل والتجربة، كما يرى باشلار؟</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q41" value="a" class="mr-2"><span class="ml-2">أن التجربة تصبح غير ضرورية.</span></label>
                        <label><input type="radio" name="q41" value="b" class="mr-2"><span class="ml-2">أن العقل يكتفي بذاته لصنع المعرفة.</span></label>
                        <label><input type="radio" name="q41" value="c" data-correct="true" class="mr-2"><span class="ml-2">أن المعرفة العلمية تتطور بشكل ديناميكي عبر التفاعل بينهما، ولا يمكن فصل أحدهما عن الآخر.</span></label>
                        <label><input type="radio" name="q41" value="d" class="mr-2"><span class="ml-2">أن الرياضيات هي اللغة الوحيدة للعلم.</span></label>
                    </div>
                </div>

                 <div class="quiz-question" id="q42-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">42</span> النظرية العلمية التي لا يمكن تصور أي اختبار تجريبي لدحضها، تُعتبر من منظور كارل بوبر:</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q42" value="a" class="mr-2"><span class="ml-2">نظرية علمية قوية ومثالية.</span></label>
                        <label><input type="radio" name="q42" value="b" data-correct="true" class="mr-2"><span class="ml-2">نظرية غير علمية (ميتافيزيقية أو علم زائف).</span></label>
                        <label><input type="radio" name="q42" value="c" class="mr-2"><span class="ml-2">نظرية بحاجة لمزيد من الاختبارات لتأكيدها.</span></label>
                        <label><input type="radio" name="q42" value="d" class="mr-2"><span class="ml-2">نظرية رياضية بحتة.</span></label>
                    </div>
                </div>

                 <div class="quiz-question" id="q43-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">43</span> أي من الأنشطة التالية يمثل "تجربة ذهنية" بالمعنى الذي يشير إليه روني طوم؟</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q43" value="a" class="mr-2"><span class="ml-2">قياس درجة حرارة سائل في المختبر.</span></label>
                        <label><input type="radio" name="q43" value="b" class="mr-2"><span class="ml-2">ملاحظة حركة الكواكب بواسطة تلسكوب.</span></label>
                        <label><input type="radio" name="q43" value="c" data-correct="true" class="mr-2"><span class="ml-2">تخيل ما سيحدث لسرعة الضوء في ظروف مثالية غير قابلة للتحقيق حالياً لاختبار نظرية.</span></label>
                        <label><input type="radio" name="q43" value="d" class="mr-2"><span class="ml-2">تسجيل نتائج استبيان حول آراء الناس.</span></label>
                    </div>
                </div>

                 <div class="quiz-question" id="q44-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">44</span> عندما يؤكد أينشتاين على أن "المبدأ الخلاق في العلم برمته يكمن في العقل الرياضي"، فهو يقلل من أهمية:</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q44" value="a" class="mr-2"><span class="ml-2">المنطق والاستدلال العقلي.</span></label>
                        <label><input type="radio" name="q44" value="b" data-correct="true" class="mr-2"><span class="ml-2">التجربة كمصدر أصلي للمفاهيم والقوانين العلمية.</span></label>
                        <label><input type="radio" name="q44" value="c" class="mr-2"><span class="ml-2">الرياضيات كلغة للعلم.</span></label>
                        <label><input type="radio" name="q44" value="d" class="mr-2"><span class="ml-2">الخيال العلمي.</span></label>
                    </div>
                </div>

                 <div class="quiz-question" id="q45-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">45</span> ما هو الخطر الذي قد ينجم عن التمسك الشديد بنظرية علمية ورفض إخضاعها لاختبارات جديدة أو مواجهتها بفرضيات إضافية؟</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q45" value="a" class="mr-2"><span class="ml-2">تصبح النظرية أكثر يقينية.</span></label>
                        <label><input type="radio" name="q45" value="b" data-correct="true" class="mr-2"><span class="ml-2">قد تصبح النظرية غير قادرة على مواكبة التطور العلمي وتفقد تماسكها أو صلاحيتها (كما يحذر تويليي).</span></label>
                        <label><input type="radio" name="q45" value="c" class="mr-2"><span class="ml-2">تصبح النظرية قابلة للتكذيب بسهولة (وهو أمر جيد عند بوبر).</span></label>
                        <label><input type="radio" name="q45" value="d" class="mr-2"><span class="ml-2">تتحول النظرية إلى قانون رياضي.</span></label>
                    </div>
                </div>

                 <div class="quiz-question" id="q46-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">46</span> التمييز بين "الملاحظة" كخطوة أولى و"التجربة" كخطوة للتحقق من الفرضية، هو سمة أساسية في:</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q46" value="a" data-correct="true" class="mr-2"><span class="ml-2">المنهج التجريبي كما وضعه كلود برنارد.</span></label>
                        <label><input type="radio" name="q46" value="b" class="mr-2"><span class="ml-2">نظرية القابلية للتكذيب لكارل بوبر.</span></label>
                        <label><input type="radio" name="q46" value="c" class="mr-2"><span class="ml-2">فلسفة العقلانية المطبقة لباشلار.</span></label>
                        <label><input type="radio" name="q46" value="d" class="mr-2"><span class="ml-2">تأكيد أينشتاين على العقل الرياضي.</span></label>
                    </div>
                </div>

                 <div class="quiz-question" id="q47-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">47</span> أي من العبارات التالية تصف بشكل أفضل موقف روني طوم من دور العقل في المنهج التجريبي؟</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q47" value="a" class="mr-2"><span class="ml-2">دور العقل يقتصر على تسجيل الملاحظات الحسية.</span></label>
                        <label><input type="radio" name="q47" value="b" data-correct="true" class="mr-2"><span class="ml-2">العقل والخيال حاضران وضروريان في جميع مراحل المنهج، وليس فقط عند صياغة الفرضية.</span></label>
                        <label><input type="radio" name="q47" value="c" class="mr-2"><span class="ml-2">يجب استبعاد العقل قدر الإمكان لضمان موضوعية التجربة.</span></label>
                        <label><input type="radio" name="q47" value="d" class="mr-2"><span class="ml-2">العقل دوره ثانوي مقارنة بأهمية الأدوات التجريبية.</span></label>
                    </div>
                </div>

                 <div class="quiz-question" id="q48-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">48</span> الفكرة القائلة بأن النظرية العلمية يجب أن تكون جريئة وتخاطر بأن تُكذَّب، ترتبط ارتباطاً وثيقاً بـ:</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q48" value="a" class="mr-2"><span class="ml-2">غاستون باشلار</span></label>
                        <label><input type="radio" name="q48" value="b" class="mr-2"><span class="ml-2">بيير تويليي</span></label>
                        <label><input type="radio" name="q48" value="c" data-correct="true" class="mr-2"><span class="ml-2">كارل بوبر</span></label>
                        <label><input type="radio" name="q48" value="d" class="mr-2"><span class="ml-2">كلود برنارد</span></label>
                    </div>
                </div>

                 <div class="quiz-question" id="q49-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">49</span> النقد الموجه للتجريب الكلاسيكي بأنه قد يبني استنتاجاته على فرضيات خاطئة يشير إلى أهمية:</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q49" value="a" class="mr-2"><span class="ml-2">التخلي عن التجريب كلياً.</span></label>
                        <label><input type="radio" name="q49" value="b" class="mr-2"><span class="ml-2">الاكتفاء بالملاحظة الأولية.</span></label>
                        <label><input type="radio" name="q49" value="c" data-correct="true" class="mr-2"><span class="ml-2">النقد المستمر للفرضيات والأسس النظرية والمراجعة الدائمة للمعرفة (روح العقلانية النقدية).</span></label>
                        <label><input type="radio" name="q49" value="d" class="mr-2"><span class="ml-2">زيادة عدد التجارب فقط دون مراجعة الفرضية.</span></label>
                    </div>
                </div>

                 <div class="quiz-question" id="q50-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">50</span> أي مفهوم يعبر عن النسق الفكري والمنهجي السائد الذي تعمل ضمنه النظريات العلمية في فترة ما؟</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q50" value="a" class="mr-2"><span class="ml-2">الفرضية العلمية.</span></label>
                        <label><input type="radio" name="q50" value="b" class="mr-2"><span class="ml-2">التجربة الذهنية.</span></label>
                        <label><input type="radio" name="q50" value="c" data-correct="true" class="mr-2"><span class="ml-2">الباراديغم العلمي.</span></label>
                        <label><input type="radio" name="q50" value="d" class="mr-2"><span class="ml-2">القابلية للتكذيب.</span></label>
                    </div>
                </div>

                 <div class="quiz-question" id="q51-container">
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">51</span> التأكيد على أن "سلامة التصور النظري ليست فعلاً مضموناً" يعني أن النظريات العلمية تتطلب:</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q51" value="a" class="mr-2"><span class="ml-2">الإيمان المطلق بها.</span></label>
                        <label><input type="radio" name="q51" value="b" data-correct="true" class="mr-2"><span class="ml-2">فحصاً نقدياً مستمراً وقابلية للتعديل أو التجاوز (كما يؤكد بوبر وتويليي).</span></label>
                        <label><input type="radio" name="q51" value="c" class="mr-2"><span class="ml-2">تطبيقاً عملياً فورياً.</span></label>
                        <label><input type="radio" name="q51" value="d" class="mr-2"><span class="ml-2">تبسيطاً لتناسب الفهم العام.</span></label>
                    </div>
                </div>

                <div class="quiz-question" id="q52-container"> <!-- تم تعديل الرقم هنا أيضاً -->
                    <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">52</span> ما هي النظرة العامة لطبيعة العلاقة بين النظرية والتجربة كما يستخلصها الدرس؟</h4>
                    <div class="space-y-2">
                        <label><input type="radio" name="q52" value="a" class="mr-2"><span class="ml-2">علاقة تنافر دائم حيث تلغي إحداهما الأخرى.</span></label>
                        <label><input type="radio" name="q52" value="b" class="mr-2"><span class="ml-2">أولوية مطلقة للنظرية والتجربة مجرد تأكيد ثانوي.</span></label>
                        <label><input type="radio" name="q52" value="c" data-correct="true" class="mr-2"><span class="ml-2">علاقة جدلية وتكاملية وحوار مستمر أساسي لبناء وتطور العلم.</span></label>
                        <label><input type="radio" name="q52" value="d" class="mr-2"><span class="ml-2">أولوية مطلقة للتجربة والنظرية مجرد وصف لاحق.</span></label>
                    </div>
                </div>

            </div>

            <button type="button" id="submitQuizBtn" class="mt-10 w-full bg-teal-600 text-white py-4 px-8 rounded-lg font-bold text-xl hover:bg-teal-700 transition duration-300 shadow-md">
                إرسال الإجابات <i class="fas fa-paper-plane mr-2"></i>
            </button>

            <div id="quizResult" class="mt-6"></div>

        </form>
    </div>

     <a href="#" onclick="event.preventDefault(); scrollToElement('body');"
           class="floating-btn bg-teal-600 text-white w-14 h-14 rounded-full flex items-center justify-center shadow-lg hover:bg-teal-700">
           <i class="fas fa-arrow-up text-xl" aria-hidden="true"></i>
           <span class="sr-only">الصعود للأعلى</span>
        </a>

    <script>
         document.addEventListener('DOMContentLoaded', () => {
            document.body.classList.add('fade-in');
            const submitButton = document.getElementById('submitQuizBtn');
            if(submitButton) {
                 submitButton.addEventListener('click', submitComprehensiveQuiz);
            }
        });

        function submitComprehensiveQuiz() {
            const form = document.getElementById('comprehensiveQuizForm');
            const resultDiv = document.getElementById('quizResult');
            const questions = form.querySelectorAll('.quiz-question');
            const totalQuestions = questions.length;
            let score = 0;

            resultDiv.innerHTML = ''; // Clear previous results
            clearQuizFormatting(form); // Clear previous formatting

            questions.forEach((questionDiv, index) => {
                const questionNumber = index + 1;
                const inputName = `q${questionNumber}`; // Questions are named q1, q2, etc.
                const selectedAnswerInput = questionDiv.querySelector(`input[name="${inputName}"]:checked`);
                const correctAnswerInput = questionDiv.querySelector(`input[name="${inputName}"][data-correct="true"]`);
                const questionContainer = document.getElementById(`${inputName}-container`); // Get the container div

                // Highlight the correct answer label
                if (correctAnswerInput) {
                    correctAnswerInput.closest('label').classList.add('correct-answer-label');
                } else {
                    console.warn(`No correct answer defined for question ${inputName}`);
                }

                if (selectedAnswerInput) {
                    if (selectedAnswerInput.hasAttribute('data-correct')) {
                        score++;
                    } else {
                        // Highlight the incorrectly selected answer label
                        selectedAnswerInput.closest('label').classList.add('incorrect-answer-label');
                    }
                 } else {
                    // Highlight unanswered questions container
                    if(questionContainer) questionContainer.classList.add('unanswered-question');
                 }

                 // Disable inputs after submission
                 const radios = questionDiv.querySelectorAll(`input[name="${inputName}"]`);
                 radios.forEach(radio => radio.disabled = true);
            });

            // Disable submit button after submission
            document.getElementById('submitQuizBtn').disabled = true;
            document.getElementById('submitQuizBtn').classList.add('opacity-50', 'cursor-not-allowed');


            const percentage = totalQuestions > 0 ? Math.round((score / totalQuestions) * 100) : 0;
            let feedbackMessage = '';
            let resultClass = '';

             // Generate feedback message and result div class based on score
            if (percentage >= 80) {
                feedbackMessage = `ممتاز! لقد أجبت بشكل صحيح على ${score} من ${totalQuestions} سؤالًا.`;
                resultClass = 'bg-green-100 text-green-800 border border-green-300';
            } else if (percentage >= 50) {
                feedbackMessage = `جيد! لقد أجبت بشكل صحيح على ${score} من ${totalQuestions} سؤالًا. راجع الأسئلة المميزة لمزيد من الفهم.`;
                resultClass = 'bg-yellow-100 text-yellow-800 border border-yellow-300';
            } else {
                feedbackMessage = `تحتاج إلى مراجعة الدرس. لقد أجبت بشكل صحيح على ${score} من ${totalQuestions} سؤالًا.`;
                resultClass = 'bg-red-100 text-red-800 border border-red-300';
            }

             // Display the result with feedback and retry button
            resultDiv.className = `mt-8 p-6 rounded-lg shadow-md text-center ${resultClass}`;
            resultDiv.innerHTML = `
                <h4 class="font-bold text-2xl mb-3">النتيجة النهائية: ${percentage}%</h4>
                <p class="mb-5 text-lg">${feedbackMessage}</p>
                <button onclick="retryQuiz()" class="bg-teal-600 hover:bg-teal-700 text-white py-2 px-6 rounded-lg font-semibold transition duration-300 text-lg">
                    إعادة الاختبار <i class="fas fa-redo ml-2"></i>
                </button>
            `;

             // Scroll result into view smoothly
             resultDiv.scrollIntoView({ behavior: 'smooth', block: 'center' });
        }

         // Function to clear quiz formatting
        function clearQuizFormatting(form) {
             const labels = form.querySelectorAll('label');
             labels.forEach(label => {
                 label.classList.remove('correct-answer-label', 'incorrect-answer-label');
             });
             const questionContainers = form.querySelectorAll('.quiz-question');
              questionContainers.forEach(container => {
                  container.classList.remove('unanswered-question');
                  // Re-enable radio buttons if needed for retry
                  const radios = container.querySelectorAll('input[type="radio"]');
                  radios.forEach(radio => radio.disabled = false);
             });

            // Re-enable submit button
             const submitButton = document.getElementById('submitQuizBtn');
             if(submitButton) {
                 submitButton.disabled = false;
                 submitButton.classList.remove('opacity-50', 'cursor-not-allowed');
             }
        }

        // Retry function for the comprehensive quiz
        function retryQuiz() {
             const form = document.getElementById('comprehensiveQuizForm');
             const resultDiv = document.getElementById('quizResult');

             if(form && resultDiv) {
                 // Clear radio buttons
                 const radioButtons = form.querySelectorAll('input[type="radio"]');
                 radioButtons.forEach(rb => rb.checked = false);

                 // Clear result div
                 resultDiv.innerHTML = '';
                 resultDiv.className = 'mt-6'; // Reset result div style

                 // Clear formatting and re-enable inputs/button
                 clearQuizFormatting(form);

                 // Scroll to the top of the quiz
                 scrollToElement('.quiz-container'); // Scroll to the container start
             } else {
                 console.error('Could not find form or result div to retry.');
             }
        }

        // Generic smooth scroll function
        function scrollToElement(selector) {
             const element = document.querySelector(selector);
             if (element) {
                 element.scrollIntoView({ behavior: 'smooth', block: 'start' });
             } else {
                 // Fallback for 'body' or other top-level elements
                 window.scrollTo({ top: 0, behavior: 'smooth' });
             }
        }
    </script>

<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=methodya/quizz-theory-full" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>