Upload 9 files

src/views/InstructorView.js

@@ -140,12 +140,13 @@ export async function renderInstructorView() {
         </header>
 
         <!-- Fixed Bottom Right Controls -->
-        <div class="fixed bottom-6 right-6 z-40 flex flex-col space-y-3">
-            <button id="btn-open-gallery" class="bg-blue-600 hover:bg-blue-500 text-white p-4 rounded-full shadow-2xl border border-blue-400/50 hover:scale-110 transition-transform flex items-center justify-center group" title="怪獸圖鑑">
-                <span class="text-2xl group-hover:animate-bounce">👾</span>
+
+        <div class="fixed bottom-6 right-6 z-40 flex flex-col space-y-4">
+            <button id="btn-open-gallery" class="w-14 h-14 rounded-full bg-gray-800/80 backdrop-blur-md border border-cyan-500/30 text-cyan-400 shadow-[0_0_15px_rgba(6,182,212,0.3)] hover:scale-110 hover:bg-cyan-900/50 hover:border-cyan-400 transition-all duration-300 flex items-center justify-center group" title="怪獸圖鑑">
+                <span class="text-2xl filter drop-shadow-[0_0_5px_rgba(34,211,238,0.8)] group-hover:animate-bounce">👾</span>
             </button>
-            <button id="logout-btn" class="bg-red-800 hover:bg-red-700 text-white p-4 rounded-full shadow-2xl border border-red-600/50 hover:scale-110 transition-transform flex items-center justify-center" title="登出">
-                <span class="text-2xl">🚪</span>
+            <button id="logout-btn" class="w-14 h-14 rounded-full bg-gray-800/80 backdrop-blur-md border border-red-500/30 text-red-400 shadow-[0_0_15px_rgba(239,68,68,0.3)] hover:scale-110 hover:bg-red-900/50 hover:border-red-400 transition-all duration-300 flex items-center justify-center" title="登出">
+                <span class="text-xl filter drop-shadow-[0_0_5px_rgba(248,113,113,0.8)]">🚪</span>
             </button>
         </div>