fix: 修复个人信息板块背景图片遮挡内容的问题

- 设置背景图片z-index为0
- 添加pointer-events: none防止背景图片影响交互
- 为所有内容元素设置z-index: 1确保显示在背景之上

src/pages/PersonalProfile/components/ProfileCard/index.css

@@ -21,6 +21,8 @@
     right: 0;
     background-image: url("@/assets/images/PersonalProfile/personal_profile_bg.png");
     background-size: 100% 100%;
+    z-index: 0;
+    pointer-events: none;
   }
 
   .profile-card-user-info {
@@ -30,6 +32,8 @@
     justify-content: flex-start;
     align-items: center;
     margin-bottom: 10px;
+    position: relative;
+    z-index: 1;
 
     .profile-card-user-avatar {
       width: 60px;
@@ -77,6 +81,8 @@
     justify-content: space-around;
     align-items: center;
     margin-bottom: 20px;
+    position: relative;
+    z-index: 1;
 
     .profile-card-achievement-info-item {
       width: 80px;
@@ -112,6 +118,8 @@
     background-color: rgba(255, 255, 255, 0.8);
     /* 投影（box-shadow） */
     box-shadow: 2px 2px 16.4px 0 rgba(103, 162, 247, 0.25);
+    position: relative;
+    z-index: 1;
 
     .profile-card-class-info-item:last-child {
       margin-bottom: 0;