[style](能力卡片，表格): 样式优化

src/bg-ui/index.scss

@@ -644,17 +644,20 @@ a {
   &::before {
     display: none;
   }
-  .empty_container {
-    height: 500px;
-    padding-top: 247px;
-    img {
-      width: 257px;
-      height: 145px;
-    }
-    .text {
-      font-size: 16px;
-      color: #616f94;
-      line-height: 1;
+  .el-table__empty-block {
+    height: 500px!important;
+    .empty_container {
+      height: 500px;
+      padding-top: 247px;
+      img {
+        width: 257px;
+        height: 145px;
+      }
+      .text {
+        font-size: 16px;
+        color: #616f94;
+        line-height: 1;
+      }
     }
   }
   th,

src/components/ability-card.vue

@@ -17,7 +17,9 @@
       </div>
       <div class="info">
         <div class="name">
-          <span class="ability_name">{{ props.item.ability_name }}</span>
+          <el-tooltip class="box-item" effect="light" :content="props.item.ability_name" placement="top">
+            <span class="ability_name">{{ props.item.ability_name }}</span>
+          </el-tooltip>
           <span class="icon_box openness" :class="openClassObj[props.item.openness_id]">{{ props.item.openness }}</span>
           <span class="icon_box mock" v-if="props.item.include_mock_service">mock</span>
         </div>