diff --git a/dsLightRag/static/YunXiao/physics_quiz.html b/dsLightRag/static/YunXiao/physics_quiz.html index 3b0bd0de..2628ae0b 100644 --- a/dsLightRag/static/YunXiao/physics_quiz.html +++ b/dsLightRag/static/YunXiao/physics_quiz.html @@ -164,15 +164,64 @@ display: none; } - .navigation-section { - text-align: center; - margin: 20px 0; - padding: 15px; - background-color: #f5f5f5; - border-radius: 8px; + .navigation-section { + text-align: center; + margin: 20px 0; + padding: 20px; + background-color: #f5f5f5; + border-radius: 8px; display: none; } + #next-btn { + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + color: white; + border: none; + padding: 15px 40px; + border-radius: 30px; + cursor: pointer; + font-size: 18px; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + transition: all 0.3s ease; + box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3); + position: relative; + overflow: hidden; + } + + #next-btn:before { + content: ''; + position: absolute; + top: 0; + left: -100%; + width: 100%; + height: 100%; + background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); + transition: all 0.5s ease; + } + + #next-btn:hover:before { + left: 100%; + } + + #next-btn:hover { + transform: translateY(-3px); + box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4); + } + + #next-btn:active { + transform: translateY(-1px); + box-shadow: 0 3px 10px rgba(102, 126, 234, 0.4); + } + + .navigation-message { + font-size: 16px; + color: #333; + margin-bottom: 20px; + line-height: 1.6; + } + .submit-section { text-align: center; margin-top: 40px;