feat: 优化关于卡片界面，更新图标和图片，增强用户体验

src/components/settings/AboutCard.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-card border>
+  <v-card border rounded="xl" hover>
     <v-card-item>
       <template #prepend>
         <v-icon icon="mdi-information" size="large" class="mr-2" />
@@ -13,8 +13,8 @@
           <div class="d-flex flex-column align-start">
             <v-avatar size="120" class="mb-4">
               <v-img
-                src="https://github.com/SunWuyuan.png"
-                alt="Sunwuyuan"
+                src="../../assets/cslogo.png"
+                alt="Classworks"
               />
             </v-avatar>
 

src/pages/settings.vue

@@ -44,11 +44,11 @@
         direction="vertical"
       >
         <v-tabs-window-item value="index"
-          ><v-card class="service-card gradient-right clickable" elevation="8">
+          ><v-card class="service-card gradient-right clickable mb-4" elevation="8" rounded="xl" border hover  @click="openClassworksKV" color="primary" variant="tonal">
             <v-card-item>
               <div class="card-title">
                 <div>
-                  <div class="text-h6">Classworks KV</div>
+                  <div class="text-h6">在寻找 Classworks KV ？</div>
                   <div class="text-caption text-medium-emphasis">
                     文档形键值数据库
                   </div>
@@ -69,7 +69,7 @@
               </div>
             </v-card-text>
           </v-card>
-          <v-card title="Classworks" subtitle="设置" class="rounded-xl" border>
+          <v-card title="Classworks" subtitle="设置" class="rounded-xl mb-4" border>
             <v-card-text>
               <v-alert
                 color="error"
@@ -106,7 +106,7 @@
                 </p>
                 <p style="color: #666">
                   上述浏览器商标为其所属公司所有，Classworks™
-                  与上述浏览器所属公司暂无竞争关系。
+                  与上述浏览器所属公司无竞争关系。
                 </p>
                 <br /><v-btn
                   href="https://www.microsoft.com/zh-cn/windows/microsoft-edge"
@@ -119,7 +119,7 @@
                 ></v-alert
               >
             </v-card-text>
-          </v-card>
+          </v-card><about-card />
         </v-tabs-window-item>
 
         <v-tabs-window-item value="server">