chore: 调整虎狼之师、英雄榜图片

src/App.vue

@@ -108,7 +108,28 @@
 
 .footer-content {
   font-size: 14px;
-  text-shadow: 1px 1px 10px black;
+  /* 雕刻效果：使用多层text-shadow创建凸起感 */
+  text-shadow: 
+    -1px -1px 0 rgba(255, 255, 255, 0.3),  /* 高光 - 左上 */
+    1px 1px 0 rgba(0, 0, 0, 0.5),           /* 阴影 - 右下 */
+    0 0 5px rgba(17, 17, 17, 0.5);         /* 光晕 */
+  /* 背景和内边距 */
+  padding: 8px 16px;
+  border-radius: 4px;
+  
+  /* 添加轻微的3D效果 */
+  transform: perspective(1000px) rotateX(0deg);
+  transition: all 0.3s ease;
+}
+
+/* 鼠标悬停时增强3D效果 */
+.footer-content:hover {
+  transform: perspective(1000px) rotateX(2deg) translateY(-2px);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
+  text-shadow: 
+    -1px -1px 0 rgba(255, 255, 255, 0.4),
+    1px 1px 0 rgba(0, 0, 0, 0.6),
+    0 0 8px rgba(15, 15, 15, 0.7);
 }
 
 /* 针对1920x1080分辨率的banner精确定位 */
@@ -172,5 +193,20 @@
   .app-logo {
     width: 200px; /* 移动设备上设置固定宽度为200px */
   }
+  
+  /* 移动设备上的页脚雕刻效果适配 */
+  .footer-content {
+    font-size: 12px;
+    padding: 6px 12px;
+    text-shadow: 
+      -1px -1px 0 rgba(255, 255, 255, 0.2),
+      1px 1px 0 rgba(0, 0, 0, 0.4),
+      0 0 3px rgba(255, 215, 0, 0.4);
+  }
+  
+  .footer-content:hover {
+    transform: none; /* 移动设备上禁用悬停效果 */
+    box-shadow: none;
+  }
 }
 </style>