feat: 优化关于页

about.md

@@ -4,6 +4,38 @@ prev: false
 next: false
 ---
 
+<script setup>
+import { VPTeamMembers } from 'vitepress/theme'
+
+const members = [
+  {
+    avatar: 'https://weavatar.com/avatar/18e77debb1bc0000c0b50757b8f1bebb2c3e4df3d494124f776c15dbc1ebe8a5',
+    name: '耗子',
+    desc: '创始人 & CEO',
+    links: [
+      { icon: 'github', link: 'https://github.com/devhaozi' },
+      { icon: 'bilibili', link: 'https://space.bilibili.com/8067' }
+    ]
+  },
+  {
+    avatar: 'https://weavatar.com/avatar/f6b23deadaa481f0b3ea75ad94f246881ed2326117efebad6f2799ea165779b9',
+    name: '靓仔',
+    desc: '技术负责人',
+    links: [
+      { icon: 'github', link: 'https://github.com/205125' }
+    ]
+  },
+  {
+    avatar: 'https://weavatar.com/avatar/c74008bc2b2e853db10fcc58359ad8a38886d5e6b4d502f408aec91e5dc609e7',
+    name: '冭',
+    desc: '证书销售',
+    links: [
+      { icon: 'tencentqq', link: 'https://wpa.qq.com/msgrd?v=3&uin=1429182374&site=qq&menu=yes' },
+    ]
+  },
+]
+</script>
+
 # 关于
 
 ## 关于耗子面板
@@ -16,33 +48,11 @@ next: false
 
 ## 团队介绍
 
+<VPTeamMembers size="small" :members="members" />
+
+## 发展历程
+
 <style>
-  .about-team {
-    text-align: center;
-    margin-bottom: 60px;
-  }
-  .about-team-members {
-    display: flex;
-    justify-content: space-around;
-    gap: 30px;
-    margin-top: 30px;
-  }
-  .about-team-member {
-    background: #f8f9fa;
-    padding: 20px;
-    border-radius: 8px;
-    flex: 1;
-  }
-  .about-team-icon {
-    width: 60px;
-    height: 60px;
-    background: #e7f1ff;
-    border-radius: 50%;
-    margin: 0 auto 15px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
   .about-timeline {
     max-width: 800px;
     margin: 0 auto 60px;
@@ -62,7 +72,6 @@ next: false
     position: relative;
   }
   .about-timeline-content {
-    background: #f8f9fa;
     padding: 20px;
     border-radius: 8px;
     width: 45%;
@@ -82,35 +91,16 @@ next: false
     font-weight: bold;
     margin-bottom: 10px;
   }
+  .about-h3 {
+    margin: 0!important;
+  }
 </style>
 
-<div class="about-team">
-  <div class="about-team-members">
-    <div class="about-team-member">
-      <div class="about-team-icon">👤</div>
-      <h3>耗子</h3>
-      <p>创始人 & CEO</p>
-    </div>
-    <div class="about-team-member">
-      <div class="about-team-icon">&lt;/&gt;</div>
-      <h3>靓仔</h3>
-      <p>技术负责人</p>
-    </div>
-    <div class="about-team-member">
-      <div class="about-team-icon">🔒</div>
-      <h3>冭</h3>
-      <p>证书销售</p>
-    </div>
-  </div>
-</div>
-
-## 发展历程
-
 <div class="about-timeline">
   <div class="about-timeline-item">
     <div class="about-timeline-content" style="margin-left: auto;">
       <div class="about-year">2024</div>
-      <h3>全新起航</h3>
+      <h3 class="about-h3">全新起航</h3>
       <p>面板得到了众多赞助商的支持，2024 年下半年发布了全新的 2.3 版本</p>
     </div>
     <div class="about-timeline-dot"></div>
@@ -119,7 +109,7 @@ next: false
   <div class="about-timeline-item">
     <div class="about-timeline-content">
       <div class="about-year">2023</div>
-      <h3>技术积累</h3>
+      <h3 class="about-h3">技术积累</h3>
       <p>使用 Go 对面板进行重写，发布 2.0 2.1 系列版本，积累了大量开发经验</p>
     </div>
     <div class="about-timeline-dot"></div>
@@ -128,7 +118,7 @@ next: false
   <div class="about-timeline-item">
     <div class="about-timeline-content" style="margin-left: auto;">
       <div class="about-year">2022</div>
-      <h3>项目立项</h3>
+      <h3 class="about-h3">项目立项</h3>
       <p>2022 年中项目立项，年末发布 1.0 版本</p>
     </div>
     <div class="about-timeline-dot"></div>

cert.md

@@ -21,7 +21,6 @@ next: false
     flex: 1;
     padding: 24px;
     border-radius: 8px;
-    background: white;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   }
   
@@ -39,12 +38,10 @@ next: false
   }
   
   .cert-subtitle {
-    color: #666;
     margin-bottom: 8px;
   }
   
   .cert-price {
-    color: #4080ff;
     font-size: 24px;
     font-weight: bold;
     margin-bottom: 24px;
@@ -52,7 +49,6 @@ next: false
   
   .cert-price span {
     font-size: 14px;
-    color: #666;
   }
   
   .cert-features {
@@ -64,18 +60,13 @@ next: false
     align-items: center;
     gap: 8px;
     margin-bottom: 12px;
-    color: #333;
-  }
-  
-  .cert-check-icon {
-    color: #4080ff;
   }
   
   .cert-buy-button {
+    color: white;
     width: 100%;
     padding: 12px;
     background: #4080ff;
-    color: white;
     border: none;
     border-radius: 4px;
     cursor: pointer;
@@ -108,17 +99,15 @@ next: false
     display: flex;
     align-items: center;
     justify-content: center;
-    color: #4080ff;
     font-size: 24px;
   }
   
   .cert-feature-content h3 {
-    margin: 8px 0;
+    margin: 8px 0!important;
     font-size: 18px;
   }
   
   .cert-feature-content p {
-    color: #666;
     line-height: 1.5;
   }
 </style>