页脚新增公司地址与高德导航

src/components/Layout/Footer.tsx

@@ -7,14 +7,22 @@ export default function Footer() {
   const { data: texts } = useCMSTexts()
   const hotline = String(config?.hotline || '').trim()
   const phoneLink = hotline.replace(/[^\d+]/g, '')
+  const companyName = texts['footer.company'] || '成都阿美巴企业管理咨询有限公司'
+  const address = String(config?.contact_address || '四川省成都市双流区正兴街道湖畔路北段366号1栋3楼1号').trim()
+  const amapLink = `https://uri.amap.com/search?keyword=${encodeURIComponent(`${companyName} ${address}`)}&city=${encodeURIComponent('成都')}&view=map&callnative=1&src=ameiba`
   return (
     <footer className="site-footer">
       <div className="container footer-grid">
         <div>
-          <div className="footer-brand">{texts['footer.company'] || '成都阿美巴企业管理咨询有限公司'}</div>
+          <div className="footer-brand">{companyName}</div>
           <p className="footer-desc">
             {texts['footer.description'] || config?.slogan || '帮助企业看清位置、找到方向、持续进化。'}
           </p>
+          <a className="footer-address" href={amapLink} target="_blank" rel="noreferrer" aria-label={`在高德地图中查找并导航至${address}`}>
+            <span>{texts['footer.address_title'] || '公司地址'}</span>
+            <strong>{address}</strong>
+            <em>{texts['footer.navigate_label'] || '打开高德地图导航'} →</em>
+          </a>
         </div>
         <div>
           <h4>{texts['footer.navigation_title'] || '网站导航'}</h4>

src/components/Layout/layout.css

@@ -79,6 +79,11 @@
 .footer-bottom a { color: #94a3b8; }
 .footer-contact-link { color: #94a3b8; }
 .footer-contact-link:hover { color: #fff; }
+.footer-address { display: grid; gap: 3px; margin-top: 16px; color: #94a3b8; font-size: 13px; line-height: 1.6; }
+.footer-address span { color: #cbd5e1; font-weight: 700; }
+.footer-address strong { color: #94a3b8; font-weight: 400; }
+.footer-address em { color: #cbd5e1; font-size: 12px; font-style: normal; margin-top: 2px; }
+.footer-address:hover strong, .footer-address:hover em { color: #fff; }
 .footer-qr-list { display: flex; gap: 12px; }
 .footer-qr figure { margin: 0; text-align: center; }
 .footer-qr img { width: 96px; height: 96px; object-fit: cover; background: #fff; border-radius: 6px; padding: 3px; }