From ad7002321512dc9609aafab21c11e328c84f5781 Mon Sep 17 00:00:00 2001
From: Rei <rei@local.invalid>
Date: Wed, 9 Sep 2026 11:59:40 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E9=A1=B5=E8=84=9A?=
 =?UTF-8?q?=E7=94=B5=E8=AF=9D=E6=94=AF=E6=8C=81=E4=B8=80=E9=94=AE=E6=8B=A8?=
 =?UTF-8?q?=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Layout/Footer.tsx | 8 +++++++-
 src/components/Layout/layout.css | 2 ++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/Layout/Footer.tsx b/src/components/Layout/Footer.tsx
index 4a051b2..636fa07 100644
--- a/src/components/Layout/Footer.tsx
+++ b/src/components/Layout/Footer.tsx
@@ -5,6 +5,8 @@ import { getCMSConfig, useCMS, useCMSTexts } from '@/services/cms'
 export default function Footer() {
   const { data: config } = useCMS(getCMSConfig, null)
   const { data: texts } = useCMSTexts()
+  const hotline = String(config?.hotline || '').trim()
+  const phoneLink = hotline.replace(/[^\d+]/g, '')
   return (
     <footer className="site-footer">
       <div className="container footer-grid">
@@ -34,7 +36,11 @@ export default function Footer() {
               <Link to="/contact">咨询获取方案</Link>
             </li>
           </ul>
-          {(config?.hotline || config?.contact_email) && <p className="footer-desc" style={{marginTop:16}}>{[config.hotline, config.contact_email].filter(Boolean).join(' · ')}</p>}
+          {(hotline || config?.contact_email) && <p className="footer-desc" style={{marginTop:16}}>
+            {hotline && <a className="footer-contact-link" href={`tel:${phoneLink}`} aria-label={`拨打电话 ${hotline}`}>{hotline}</a>}
+            {hotline && config?.contact_email && ' · '}
+            {config?.contact_email && <a className="footer-contact-link" href={`mailto:${config.contact_email}`}>{config.contact_email}</a>}
+          </p>}
         </div>
       </div>
       <div className="container footer-bottom">
diff --git a/src/components/Layout/layout.css b/src/components/Layout/layout.css
index 4df1c0a..d5999ab 100644
--- a/src/components/Layout/layout.css
+++ b/src/components/Layout/layout.css
@@ -77,6 +77,8 @@
   color: #64748b;
 }
 .footer-bottom a { color: #94a3b8; }
+.footer-contact-link { color: #94a3b8; }
+.footer-contact-link:hover { color: #fff; }
 
 @media (max-width: 960px) {
   .nav-menu, .nav-resident {