From aac8719ad26eb0dfd14bc8928b1ca0e9b5c70837 Mon Sep 17 00:00:00 2001
From: ERIC-HLR <2876865746@qq.com>
Date: Thu, 15 May 2025 15:32:54 +0800
Subject: [PATCH] Update style.css

New drag-and-drop human verification
Instantly shows right and wrong for each question
Does not destroy the original project structure
---
 quiz-app/style.css | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/quiz-app/style.css b/quiz-app/style.css
index 2db24b0..c91374c 100644
--- a/quiz-app/style.css
+++ b/quiz-app/style.css
@@ -15,7 +15,7 @@ body {
   overflow: hidden;
   margin: 0;
 }
-
+.hidden { display: none; }
 .quiz-container {
   background-color: #fff;
   border-radius: 10px;
@@ -68,3 +68,20 @@ button:focus {
   outline: none;
   background-color: #5e3370;
 }
+.feedback { text-align:center; font-weight:600; font-size:1.2rem; padding:0.8rem 0; }
+.verify-container {
+  background:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.1);
+  padding:2rem 3rem; text-align:center;
+}
+.verify-instr { margin-top:.5rem; font-size:0.95rem; }
+.red-word { color:#e74c3c; font-weight:600; }
+.blue-word{ color:#2980b9; font-weight:600; }
+
+.stage { position:relative; width:100px; height:180px; margin:1.5rem auto; }
+.block {
+  width:80px; height:80px; border-radius:6px; position:absolute; left:50%;
+  transform:translateX(-50%); cursor:grab;
+}
+.blue { background:#2980b9; top:0; }
+.red  { background:#e74c3c; bottom:0; }
+#verify-msg { margin-top:0.6rem; font-weight:600; }