修复本地开发base标签问题，添加内联脚本提前移除

.vscode/settings.json

@@ -0,0 +1,11 @@
+{
+    "liveServer.settings.port": 5500,
+    "liveServer.settings.root": "/",
+    "liveServer.settings.CustomBrowser": "chrome",
+    "liveServer.settings.NoBrowser": false,
+    "liveServer.settings.ignoreFiles": [
+        ".git",
+        "**/*.sass",
+        "node_modules"
+    ]
+}

css/style.css

@@ -527,3 +527,17 @@ body {
 .section-title {
     animation: fadeInUp 0.6s ease-out;
 }
+
+.card-image placeholder-img img {
+       width: 100%;
+       height: 100%;
+       object-fit: cover;
+       display: block;
+   }
+
+og-image.jpg img {
+       width: 100%;
+       height: 100%;
+       object-fit: cover;
+       display: block;
+   }

index.html

@@ -21,6 +21,21 @@
     <!-- Base Path for Subdirectory Deployment -->
     <base href="/g2026/g4/">
     
+    <!-- Smart Path Detection - Must run before CSS/JS loading -->
+    <script>
+        (function() {
+            const hostname = window.location.hostname;
+            // 本地开发环境自动移除 base 标签
+            if (hostname === 'localhost' || hostname === '127.0.0.1' || hostname === '') {
+                const baseTag = document.querySelector('base');
+                if (baseTag) {
+                    baseTag.remove();
+                    console.log('🔧 Local dev mode: base tag removed');
+                }
+            }
+        })();
+    </script>
+    
     <!-- Stylesheet -->
     <link rel="stylesheet" href="css/style.css">