hover

src/components/FourCard.vue

@@ -272,12 +272,7 @@
   </div>
 </template>
 
-<script setup>
-import Hardware from '@/static/img/index/3.png'
-import Software from '@/static/img/index/4.png'
-import Structure from '@/static/img/index/5.png'
-import Temp from '@/static/img/index/6.png'
-</script>
+<script setup></script>
 
 <style lang="scss" scoped>
 .four_card_container {
@@ -319,7 +314,12 @@ import Temp from '@/static/img/index/6.png'
       color: #7e7e7e;
       white-space: nowrap;
     }
+    &:hover {
+      box-shadow: 0 10px 30px 0 rgba(136, 150, 171, 0.15);
+      border-radius: 10px;
     }
+  }
+
   .ver_line {
     height: 260px;
     width: 1px;