From a2ee6e8e1fa74b8c547767c19d423a235a5d9e9e Mon Sep 17 00:00:00 2001
From: "DESKTOP-RQ919RC\\Pc" <1300399510@qq.com>
Date: Thu, 25 Sep 2025 16:35:39 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=A7=BB=E9=99=A4=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E6=82=AC=E5=81=9C=E5=8A=A8=E7=94=BB=E5=B9=B6=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E5=AE=B9=E5=99=A8=E9=AB=98=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

移除图片的悬停缩放动画效果以提升性能
将容器高度从100vh改为100%并添加最小高度限制
---
 static/css/guess.css  | 6 ++++--
 static/css/guess.less | 6 ++++--
 static/css/index.css  | 4 ----
 static/css/index.less | 8 ++++----
 4 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/static/css/guess.css b/static/css/guess.css
index 4ed1a8c..cb09f05 100644
--- a/static/css/guess.css
+++ b/static/css/guess.css
@@ -39,7 +39,7 @@
 }
 .container .container-box {
   padding-top: 24px;
-  height: 100vh;
+  height: 100%;
   display: flex;
   flex-direction: column;
 }
@@ -53,13 +53,14 @@
   position: relative;
   width: 1200px;
   height: 280px;
+  min-height: 280px;
   border-radius: 20px;
   margin-bottom: 20px;
 }
 .container .container-box .header::after {
   content: "";
   width: 1200px;
-  height: 280px;
+  height: 100%;
   background: linear-gradient(180deg, #7d4bf8 0%, #5241b0 100%);
   border-radius: 20px;
   position: absolute;
@@ -227,6 +228,7 @@
   padding: 3px;
   overflow: hidden;
   height: var(--base-height);
+  min-height: var(--base-height);
 }
 .container .container-box .details::after {
   content: "";
diff --git a/static/css/guess.less b/static/css/guess.less
index 39f27fe..6d97d04 100644
--- a/static/css/guess.less
+++ b/static/css/guess.less
@@ -48,7 +48,7 @@
 
     .container-box {
         padding-top: 24px;
-        height: 100vh;
+        height: 100%;
         display: flex;
         flex-direction: column;
 
@@ -63,6 +63,7 @@
             position: relative;
             width: 1200px;
             height: 280px;
+            min-height: 280px;
             // background: linear-gradient(180deg, #7d4bf8 0%, #5241b0 100%);
             border-radius: 20px;
             margin-bottom: 20px;
@@ -70,7 +71,7 @@
             &::after {
                 content: "";
                 width: 1200px;
-                height: 280px;
+                height: 100%;
                 background: linear-gradient(180deg, rgba(125, 75, 248, 1) 0%, rgba(82, 65, 176, 1) 100%);
                 border-radius: 20px;
                 position: absolute;
@@ -261,6 +262,7 @@
             padding: 3px;
             overflow: hidden;
             height: var(--base-height);
+            min-height: var(--base-height);
 
             &::after {
                 content: "";
diff --git a/static/css/index.css b/static/css/index.css
index 64234f0..56de074 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -675,12 +675,8 @@
   width: 240px;
   height: 240px;
   filter: drop-shadow(5px 5px 2.5px rgba(0, 0, 0, 0.35));
-  transition: all 0.3s ease-in-out;
   border-radius: 10px;
 }
-.content .custom .list .item .info-img:hover {
-  transform: scale(1.05);
-}
 .content .custom .bottom {
   position: absolute;
   bottom: 0;
diff --git a/static/css/index.less b/static/css/index.less
index 03c39b0..918e242 100644
--- a/static/css/index.less
+++ b/static/css/index.less
@@ -787,12 +787,12 @@
                     width: 240px;
                     height: 240px;
                     filter: drop-shadow(5px 5px 2.5px rgba(0, 0, 0, 0.35));
-                    transition: all 0.3s ease-in-out;   
+                    // transition: all 0.3s ease-in-out;   
                     border-radius: 10px;
 
-                    &:hover {
-                        transform: scale(1.05);
-                    }
+                    // &:hover {
+                    //     transform: scale(1.05);
+                    // }
                 }
             }
         }