优化首页视觉照片

index.html

@@ -44,27 +44,17 @@
         </div>
 
         <aside class="hero-visual" aria-label="服务概览">
-          <div class="visual-topbar">
-            <span></span>
-            <span></span>
-            <span></span>
-          </div>
-          <div class="visual-screen">
-            <div class="screen-heading">
-              <span>Service Console</span>
+          <img src="assets/workspace-hero.jpg" alt="整洁的现代桌面工作区，包含笔记本电脑和办公设备" />
+          <div class="visual-overlay">
+            <div class="overlay-heading">
+              <span>Service Gateway</span>
               <strong>Online</strong>
             </div>
-            <div class="screen-grid" aria-hidden="true">
-              <span></span>
-              <span></span>
-              <span></span>
-              <span></span>
-            </div>
-            <div class="screen-chart" aria-hidden="true">
-              <i></i>
-              <i></i>
-              <i></i>
-              <i></i>
+            <div class="overlay-grid" aria-label="可用服务">
+              <span>FRP</span>
+              <span>Git</span>
+              <span>Sync</span>
+              <span>Gemini</span>
             </div>
           </div>
         </aside>
@@ -100,11 +90,11 @@
             href="https://gemini.google.com/app"
             target="_blank"
             rel="noreferrer"
-            aria-label="打开 Gemini 外部链接"
+            aria-label="打开 Gemini"
           >
             <span class="service-icon">AI</span>
             <span class="service-title">Gemini</span>
-            <span class="service-desc">Google AI 助手 · 外部链接</span>
+            <span class="service-desc">Google AI 助手</span>
           </a>
         </div>
       </section>