diff --git a/app/components/JinshenFooter.vue b/app/components/JinshenFooter.vue
index 66a42e0..fea2407 100644
--- a/app/components/JinshenFooter.vue
+++ b/app/components/JinshenFooter.vue
@@ -42,6 +42,22 @@
         </ul>
       </div>
 
+      <!-- 实用工具 -->
+      <div class="footer-section">
+        <h4>{{ $t('utilities') }}</h4>
+        <ul class="footer-links">
+          <li>
+            <a
+              href="http://cal.jinshen.cn"
+              target="_blank"
+              rel="noopener noreferer"
+            >
+              {{ $t('navigation.calculator') }}
+            </a>
+          </li>
+        </ul>
+      </div>
+
       <!-- 联系信息 -->
       <div class="footer-section">
         <h4>{{ $t('contact-info') }}</h4>
@@ -58,25 +74,6 @@
           <span>{{ $t('address') }}: {{ $t('company-address') }}</span>
         </div>
       </div>
-
-      <!-- 社交媒体 -->
-      <div class="footer-section">
-        <h4>{{ $t('follow-us') }}</h4>
-        <div class="social-links">
-          <a href="#" class="social-link" aria-label="WeChat">
-            <el-icon size="20"><ChatDotRound /></el-icon>
-          </a>
-          <a href="#" class="social-link" aria-label="Weibo">
-            <el-icon size="20"><Star /></el-icon>
-          </a>
-          <a href="#" class="social-link" aria-label="LinkedIn">
-            <el-icon size="20"><Link /></el-icon>
-          </a>
-          <a href="#" class="social-link" aria-label="Email">
-            <el-icon size="20"><Message /></el-icon>
-          </a>
-        </div>
-      </div>
     </div>
 
     <!-- 版权信息 -->
@@ -106,14 +103,7 @@
 </template>
 
 <script setup lang="ts">
-  import {
-    Phone,
-    Message,
-    Location,
-    ChatDotRound,
-    Star,
-    Link,
-  } from '@element-plus/icons-vue';
+  import { Phone, Message, Location } from '@element-plus/icons-vue';
 
   const currentYear = new Date().getFullYear();
 </script>
diff --git a/app/components/JinshenHeader.vue b/app/components/JinshenHeader.vue
index 46bf11d..78b2f16 100644
--- a/app/components/JinshenHeader.vue
+++ b/app/components/JinshenHeader.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="header-container">
+  <header class="header-container">
     <div class="logo-section">
       <NuxtLink :to="$localePath('/')" class="logo-link">
         <el-image
@@ -44,7 +44,16 @@
         type="info"
         @click="navigateTo(localePath('/search'))"
       >
-        <el-icon class="action-icon"><ElIconSearch /></el-icon>
+        <el-icon class="mdi mdi-magnify action-icon" />
+      </el-link>
+
+      <el-link
+        type="info"
+        :underline="false"
+        href="http://cal.jinshen.cn"
+        target="_blank"
+      >
+        <el-icon class="mdi mdi-calculator action-icon" />
       </el-link>
 
       <el-dropdown @command="setLocale">
@@ -59,7 +68,7 @@
         </template>
       </el-dropdown>
     </div>
-  </div>
+  </header>
 </template>
 
 <script setup lang="ts">
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 03b3947..b4ca42c 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -308,6 +308,7 @@
   .recommend-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
+    cursor: pointer;
   }
 
   .recommend-card-body {
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 728272a..3922894 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -25,6 +25,7 @@
   "solutions-desc": "Providing customized technology solutions for enterprises to accelerate digital transformation.",
   "support-desc": "24/7 professional technical support to ensure stable operation of your business.",
   "quick-links": "Quick Links",
+  "utilities": "Utilities",
   "navigation": {
     "home": "Home",
     "productions": "Productions",
@@ -33,7 +34,8 @@
     "about-us": "About Us",
     "contact-info": "Contact Info",
     "faq": "FAQ",
-    "documents": "Documents"
+    "documents": "Documents",
+    "calculator": "Calculator"
   },
   "contact-info": "Contact Us",
   "telephone": "Telephone",
diff --git a/i18n/locales/zh.json b/i18n/locales/zh.json
index 21ae75f..9a94dde 100644
--- a/i18n/locales/zh.json
+++ b/i18n/locales/zh.json
@@ -25,6 +25,7 @@
   "solutions-desc": "为企业提供定制化的技术解决方案，助力数字化转型。",
   "support-desc": "7x24小时专业技术支持，确保您的业务稳定运行。",
   "quick-links": "快速链接",
+  "utilities": "实用工具",
   "navigation": {
     "home": "主页",
     "productions": "产品中心",
@@ -33,7 +34,8 @@
     "about-us": "关于我们",
     "contact-info": "联系信息",
     "faq": "常见问题",
-    "documents": "文档资料"
+    "documents": "文档资料",
+    "calculator": "纸管计算工具"
   },
   "contact-info": "联系我们",
   "telephone": "电话",