Upload 9 files

src/views/StudentView.js

@@ -215,7 +215,7 @@ export async function renderStudentView() {
                 </div>
             </div>
 
-            <!--Evolution Prompt-- >
+            <!-- Evolution Prompt -->
             ${canEvolve ? `
                 <div id="evolution-prompt" class="absolute top-full mt-2 pointer-events-auto animate-bounce z-50">
                     <div class="flex flex-col items-center">
@@ -228,10 +228,9 @@ export async function renderStudentView() {
                         </button>
                     </div>
                 </div>
-            ` : ''
-            }
+            ` : ''}
 
-            < !--Stats Tooltip-- >
+            <!-- Stats Tooltip -->
             <div class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 bg-gray-900/90 backdrop-blur text-xs text-slate-300 p-3 rounded-xl border border-slate-700 mt-6 text-left pointer-events-auto shadow-2xl min-w-[120px]">
                 <div class="font-bold text-white text-sm mb-1 text-center border-b border-gray-700 pb-1">${monster.name}</div>
                 <div class="space-y-1 mt-1">
@@ -240,20 +239,20 @@ export async function renderStudentView() {
                     <div class="flex justify-between"><span>⚔️ 任務:</span> <span class="text-yellow-400 font-bold">${totalCompleted}</span></div>
                 </div>
             </div>
-        </div >
+        </div>
 
         <style>
             @keyframes breathe {
-                0 %, 100 % { transform: translateY(0); filter: brightness(1); }
-                50% {transform: translateY(-3px); filter: brightness(1.1); }
+                0%, 100% { transform: translateY(0); filter: brightness(1); }
+                50% { transform: translateY(-3px); filter: brightness(1.1); }
             }
             @keyframes walk-float {
-                0 %, 100 % { transform: translateX(0) scale(${currentScale}); }
-                25% {transform: translateX(-10px) rotate(-2deg) scale(${currentScale}); }
-            75% {transform: translateX(10px) rotate(2deg) scale(${currentScale}); }
+                0%, 100% { transform: translateX(0) scale(${currentScale}); }
+                25% { transform: translateX(-10px) rotate(-2deg) scale(${currentScale}); }
+                75% { transform: translateX(10px) rotate(2deg) scale(${currentScale}); }
             }
         </style>
-    `;
+        `;
     };
 
     // Inject Initial Monster UI
@@ -290,7 +289,7 @@ export async function renderStudentView() {
 
     // Accordion Layout
     return `
-        < div class="min-h-screen p-4 pb-32 max-w-md mx-auto sm:max-w-4xl pt-24 sm:pt-4" >
+    <div class="min-h-screen p-4 pb-32 max-w-md mx-auto sm:max-w-4xl pt-24 sm:pt-4">
         <header class="flex justify-end items-center mb-6 sticky top-0 bg-slate-900/95 backdrop-blur z-20 py-4 px-2 -mx-2 border-b border-gray-800">
             <div class="flex flex-col items-end">
                 <div class="flex items-center space-x-2">