fix: 优化官网内容

src/components/ifooter.vue

@@ -58,7 +58,7 @@
         <div class="footer-bottom">
           <div class="footer-bottom-content">
             <div class="copyright">
-              <p>&copy; 2025 上海丙维数字科技有限公司. 保留所有权利.</p>
+              <p>&copy; {{ currentYear }} 上海丙维数字科技有限公司. 保留所有权利.</p>
             </div>
             <div class="footer-extra">
               <div class="beian">
@@ -83,6 +83,11 @@ import { getFooterSolutionsMenu } from '../config/menu'
 
 export default {
   name: 'ifooter',
+  computed: {
+    currentYear() {
+      return new Date().getFullYear()
+    }
+  },
   data() {
     const icon = (path) => `<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">${path}</svg>`
     return {
@@ -121,13 +126,14 @@ export default {
 
 <style scoped>
 .footer {
-  background: #111827;
-  color: white;
+  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
+  color: #0f172a;
   position: relative;
+  border-top: 1px solid #e2e8f0;
 }
 
 .footer-content {
-  padding: 60px 0 0 0;
+  padding: 56px 0 0 0;
 }
 
 .container {
@@ -140,26 +146,26 @@ export default {
 .footer-main {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-  gap: 40px;
-  margin-bottom: 50px;
+  gap: 36px;
+  margin-bottom: 42px;
 }
 
 .footer-section h4 {
-  font-size: 1.3rem;
+  font-size: 1.08rem;
   font-weight: 600;
-  margin-bottom: 20px;
-  color: #ecf0f1;
+  margin-bottom: 16px;
+  color: #0f172a;
   position: relative;
 }
 
 .footer-section h4::after {
   content: '';
   position: absolute;
-  bottom: -8px;
+  bottom: -7px;
   left: 0;
-  width: 40px;
+  width: 30px;
   height: 2px;
-  background: #60a5fa;
+  background: #94a3b8;
   border-radius: 1px;
 }
 
@@ -167,18 +173,17 @@ export default {
 .footer-logo .logo {
   height: 50px;
   margin-bottom: 15px;
-  filter: brightness(0) invert(1);
 }
 
 .footer-logo h3 {
-  font-size: 1.2rem;
+  font-size: 1.14rem;
   font-weight: 600;
   margin-bottom: 10px;
-  color: #ecf0f1;
+  color: #0f172a;
 }
 
 .company-desc {
-  color: #bdc3c7;
+  color: #475569;
   font-size: 0.95rem;
   line-height: 1.5;
 }
@@ -189,12 +194,18 @@ export default {
   min-height: 38px;
   margin-top: 18px;
   padding: 0 16px;
-  border-radius: 4px;
+  border-radius: 8px;
   background: #2563eb;
   color: #fff;
   font-size: 14px;
-  font-weight: 700;
+  font-weight: 600;
   text-decoration: none;
+  transition: background-color 0.25s ease, transform 0.25s ease;
+}
+
+.footer-cta:hover {
+  background: #1d4ed8;
+  transform: translateY(-1px);
 }
 
 /* 链接列表 */
@@ -210,17 +221,16 @@ export default {
 
 .footer-links a,
 .contact-item a {
-  color: #bdc3c7;
+  color: #475569;
   text-decoration: none;
-  transition: all 0.3s ease;
+  transition: color 0.25s ease;
   display: inline-block;
   position: relative;
 }
 
 .footer-links a:hover,
 .contact-item a:hover {
-  color: #93c5fd;
-  transform: translateX(5px);
+  color: #1d4ed8;
 }
 
 /* 联系信息 */
@@ -234,7 +244,7 @@ export default {
   display: flex;
   align-items: center;
   gap: 12px;
-  color: #bdc3c7;
+  color: #475569;
   font-size: 0.95rem;
 }
 
@@ -242,13 +252,13 @@ export default {
   width: 20px;
   height: 20px;
   text-align: center;
-  color: #93c5fd;
+  color: #64748b;
   flex-shrink: 0;
 }
 
 .footer-address {
   margin-top: 18px;
-  color: #7d8898;
+  color: #64748b;
   font-size: 0.86rem;
   line-height: 1.6;
 }
@@ -267,8 +277,8 @@ export default {
 
 /* 页脚底部 */
 .footer-bottom {
-  border-top: 1px solid rgba(255, 255, 255, 0.1);
-  padding: 25px 0;
+  border-top: 1px solid #dbe3ee;
+  padding: 22px 0;
 }
 
 .footer-bottom-content {
@@ -280,7 +290,7 @@ export default {
 }
 
 .copyright p {
-  color: #95a5a6;
+  color: #64748b;
   font-size: 0.9rem;
   margin: 0;
 }
@@ -295,7 +305,7 @@ export default {
   display: flex;
   align-items: center;
   gap: 8px;
-  color: #95a5a6;
+  color: #64748b;
   font-size: 0.9rem;
 }
 
@@ -303,7 +313,7 @@ export default {
   width: 20px;
   height: 20px;
   text-align: center;
-  color: #95a5a6;
+  color: #94a3b8;
 }
 
 /* 返回顶部按钮 */
@@ -322,14 +332,14 @@ export default {
   justify-content: center;
   cursor: pointer;
   transition: all 0.3s ease;
-  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.28);
+  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.2);
   z-index: 1000;
 }
 
 .back-to-top:hover {
   transform: translateY(-3px);
   background: #1d4ed8;
-  box-shadow: 0 16px 32px rgba(37, 99, 235, 0.34);
+  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.24);
 }
 
 .back-to-top .arrow {
@@ -367,14 +377,4 @@ export default {
   }
 }
 
-/* 悬停效果增强 */
-.footer-section:hover {
-  transform: translateY(-2px);
-  transition: transform 0.3s ease;
-}
-
-.footer-links a:hover {
-  transform: translateX(8px);
-}
-
 </style>