fix: 移除图片悬停动画并调整容器高度

移除图片的悬停缩放动画效果以提升性能
将容器高度从100vh改为100%并添加最小高度限制

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: "";

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: "";

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;

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);
+                    // }
                 }
             }
         }