From 5097b5ce49f10deaeb02dd3d9cf7df1a23c0bdd4 Mon Sep 17 00:00:00 2001
From: Stringadmin <admin@omniai.net.cn>
Date: Fri, 5 Jun 2026 13:29:17 +0800
Subject: [PATCH] feat: update homepage banners to OSS, fix avatar edit hover,
 adjust workbench grid layout

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 src/data/ossAssets.ts            |  2 +-
 src/styles/pages/workbench.css   | 16 ++++++++--------
 src/styles/themes/dark-green.css | 12 ++++++++++++
 3 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/src/data/ossAssets.ts b/src/data/ossAssets.ts
index 221e4db..14136d8 100644
--- a/src/data/ossAssets.ts
+++ b/src/data/ossAssets.ts
@@ -21,7 +21,7 @@ export const ossAssets = {
   },
   home: {
     backgroundVideo: muban("hero-bg.mp4"),
-    heroSlides: [muban("hero-1.png"), muban("hero-2.png"), muban("hero-3.png")],
+    heroSlides: [oss("static/banners/light2_轮播1.jpg"), oss("static/banners/light2_轮播2.jpg"), oss("static/banners/light2_轮播3.jpg")],
     features: {
       ecommerce: muban("feature-ecommerce.jpg"),
       script: muban("feature-script.jpg"),
diff --git a/src/styles/pages/workbench.css b/src/styles/pages/workbench.css
index 740d45a..93c3b59 100644
--- a/src/styles/pages/workbench.css
+++ b/src/styles/pages/workbench.css
@@ -9,10 +9,10 @@
 
 .wb-prompt-cases__grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
   grid-auto-flow: dense;
   grid-auto-rows: 10px;
-  gap: 10px;
+  gap: 8px;
 }
 
 .wb-prompt-case-card {
@@ -34,22 +34,22 @@
 
 .wb-prompt-case-card--ratio-wide {
   grid-column: span 1;
-  grid-row: span 8;
+  grid-row: span 13;
 }
 
 .wb-prompt-case-card--ratio-tall {
   grid-column: span 1;
-  grid-row: span 23;
+  grid-row: span 30;
 }
 
 .wb-prompt-case-card--ratio-square {
   grid-column: span 1;
-  grid-row: span 13;
+  grid-row: span 18;
 }
 
 .wb-prompt-case-card--ratio-portrait {
   grid-column: span 1;
-  grid-row: span 16;
+  grid-row: span 24;
 }
 
 .wb-prompt-case-card img {
@@ -328,7 +328,7 @@
 
 @media (max-width: 980px) {
   .wb-prompt-cases__grid {
-    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
     grid-auto-rows: 8px;
     gap: 8px;
   }
@@ -387,7 +387,7 @@
 
 @media (max-width: 560px) {
   .wb-prompt-cases__grid {
-    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+    grid-template-columns: repeat(2, minmax(0, 1fr));
     grid-auto-rows: 8px;
     gap: 8px;
   }
diff --git a/src/styles/themes/dark-green.css b/src/styles/themes/dark-green.css
index df0ad2a..34768b6 100644
--- a/src/styles/themes/dark-green.css
+++ b/src/styles/themes/dark-green.css
@@ -5411,6 +5411,12 @@
   color: #fff;
   box-shadow: none;
   font-size: 11px;
+  opacity: 0;
+  transition: opacity 0.2s;
+}
+
+.web-shell[data-ui-theme="dark-green"] .profile-page__avatar-ring:hover .profile-page__avatar-edit {
+  opacity: 1;
 }
 
 .web-shell[data-ui-theme="dark-green"] .profile-page__avatar-edit:hover {
@@ -6706,6 +6712,12 @@
   height: 82px;
   justify-content: flex-start;
   padding-left: 30px;
+  opacity: 0;
+  transition: opacity 0.2s;
+}
+
+.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar-ring:hover .profile-page__avatar-edit {
+  opacity: 1;
 }
 
 .web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar-badge {