Upload 11 files

.gitattributes

@@ -34,3 +34,5 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
 assets/instructor_avatar.png filter=lfs diff=lfs merge=lfs -text
+assets/photobg.png filter=lfs diff=lfs merge=lfs -text
+assets/VIBE_Class_Photo_2026-01-27.png filter=lfs diff=lfs merge=lfs -text

src/views/InstructorView.js

@@ -318,16 +318,24 @@ export function setupInstructorEvents() {
 
         container.innerHTML = '';
 
-        // 1. Container for Relative Positioning
+        // 1. Container for Relative Positioning with Custom Background
         const relativeContainer = document.createElement('div');
-        relativeContainer.className = 'relative w-full h-[600px] md:h-[700px] overflow-hidden rounded-3xl bg-gray-900/50 border border-gray-700/30 shadow-inner flex items-center justify-center';
+        relativeContainer.className = 'relative w-full h-[600px] md:h-[700px] overflow-hidden rounded-3xl border border-gray-700/30 shadow-2xl flex items-center justify-center bg-cover bg-center';
+        relativeContainer.style.backgroundImage = "url('assets/photobg.png')";
         container.appendChild(relativeContainer);
 
-        // Watermark
+        // Watermark (Bottom Right, High Z-Index, Gradient Text, Dark Backdrop)
         const watermark = document.createElement('div');
-        watermark.className = 'absolute bottom-6 right-8 text-gray-500/30 text-lg md:text-xl font-bold pointer-events-none z-0 font-mono tracking-widest select-none';
+        watermark.className = 'absolute bottom-2 right-2 md:bottom-4 md:right-4 z-[60] bg-black/70 backdrop-blur-sm rounded-lg px-4 py-2 pointer-events-none select-none border border-white/10 shadow-lg';
+
         const d = new Date();
-        watermark.textContent = `[${d.getFullYear()}.${String(d.getMonth() + 1).padStart(2, '0')}.${String(d.getDate()).padStart(2, '0')}] VibeCoding 怪獸成長營`;
+        const dateStr = `${d.getFullYear()}.${String(d.getMonth() + 1).padStart(2, '0')}.${String(d.getDate()).padStart(2, '0')}`;
+
+        watermark.innerHTML = `
+            <span class="text-lg md:text-2xl font-black font-mono bg-clip-text text-transparent bg-gradient-to-r from-cyan-400 to-purple-400 tracking-wider">
+                ${dateStr} VibeCoding 怪獸成長營
+            </span>
+        `;
         relativeContainer.appendChild(watermark);
 
         // 2. Instructor Section (Absolute Center)