diff --git a/index.html b/index.html
index f787d64..a15102b 100644
--- a/index.html
+++ b/index.html
@@ -362,15 +362,17 @@
         @media (max-width: 900px) {
             /* 默认状态：卡片微弱可见 */
             #pain-points .pain-item {
-                opacity: 0.08;
+                opacity: 1;
                 transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1);
             }
             /* 内容元素默认在更下方（准备从下往上大幅滑入） */
-            #pain-points .pain-item .pain-icon,
+            #pain-points .pain-item .pain-icon {
+                transform: scale(0.6) translateY(60px);
+            }
             #pain-points .pain-item h3,
             #pain-points .pain-item p {
-                opacity: 0;
-                transform: translateY(60px);
+                opacity: 1;
+                transform: translateY(0);
                 transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
                             transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
             }
@@ -379,7 +381,7 @@
             }
             /* 数字：默认状态由 JS 控制，这里不设 transform 避免冲突 */
             #pain-points .pain-item .pain-num {
-                opacity: 0;
+                opacity: 0.3;
                 transition: opacity 1s ease;
             }
 
@@ -411,14 +413,14 @@
 
             /* 思路板块同样 */
             #approach .approach-item {
-                opacity: 0.08;
+                opacity: 1;
                 transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1);
             }
             #approach .approach-item .approach-step,
             #approach .approach-item .approach-body h3,
             #approach .approach-item .approach-body p {
-                opacity: 0;
-                transform: translateY(30px);
+                opacity: 1;
+                transform: translateY(0);
                 transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
                             transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
             }
@@ -493,8 +495,7 @@
             }
 
             .pain-item {
-                min-height: 100vh;
-                min-height: 100dvh;
+                min-height: auto;
                 padding: 80px 28px 60px;
                 display: flex;
                 flex-direction: column;
@@ -570,8 +571,7 @@
 
             /* 破局之道 - 高潮区域 */
             .pain-item.highlight {
-                min-height: 100vh;
-                min-height: 100dvh;
+                min-height: auto;
                 flex-direction: column;
                 align-items: center;
                 justify-content: center;
@@ -634,8 +634,7 @@
 
             /* 其他板块也至少一屏 */
             #solutions, #approach, #geo, #contact {
-                min-height: 100vh;
-                min-height: 100dvh;
+                min-height: auto;
             }
             #solutions .project-row {
                 margin-bottom: 0;
@@ -675,11 +674,11 @@
         </video>
         <div class="hero-overlay"></div>
         <div class="hero-content">
-            <h1>推翻重来<br>是最贵的选择</h1>
+            <h1>不推倒重来<br>只做智能叠加</h1>
             <div class="hero-sub">
-                大多数企业 AI 转型失败，不是因为技术不行，而是因为要求推翻一切重来。我们走另一条路：在现有系统之上叠加智能层，保留历史投资，释放沉睡数据，30 天看到效果。
+                在已运转的业务系统之上叠加 AI 智能层。2 周部署，零迁移成本，让旧系统拥有新大脑。
             </div>
-            <a href="#pain-points" class="btn">了解我们的做法</a>
+            <a href="#pain-points" class="btn">获取行业定制方案</a>
         </div>
         <div class="scroll-indicator"></div>
     </div>
@@ -688,8 +687,8 @@
         <div class="pain-grid-bg"></div>
         <div class="pain-glow"></div>
         <div class="container">
-            <span class="section-label fade-up">WHY IT MATTERS</span>
-            <h2 class="fade-up" style="max-width: 700px; margin-bottom: 60px;">为什么现有系统<br>需要智能叠加</h2>
+            <span class="section-label fade-up">THE REAL PROBLEM</span>
+            <h2 class="fade-up" style="max-width: 700px; margin-bottom: 60px;">为什么你的系统<br>越用越贵</h2>
             <div class="pain-grid">
                 <div class="pain-item fade-up">
                     <div class="pain-icon">
@@ -704,8 +703,8 @@
                             <line x1="22" y1="33" x2="26" y2="33"/>
                         </svg>
                     </div>
-                    <h3>资产闲置</h3>
-                    <p>物业、资管、CRM 积累了海量数据，却像仓库里的积压库存。数据停留在记录层面，从未转化为利润或决策依据。</p>
+                    <h3>每年几十万数据录入费<br>换来零决策价值</h3>
+                    <p>物业、资管、CRM 积累了海量数据，却像仓库里的积压库存。记录了一大堆，决策还是靠拍脑袋。</p>
                     <div class="pain-num">01</div>
                 </div>
                 <div class="pain-item fade-up" style="transition-delay: 0.1s;">
@@ -719,8 +718,8 @@
                             <line x1="38" y1="20" x2="38" y2="30"/>
                         </svg>
                     </div>
-                    <h3>全局盲区</h3>
-                    <p>报修、资产、客户分属不同系统。管理者像盲人摸象，永远拼不出完整的业务全景，错配资源是常态。</p>
+                    <h3>系统越多 盲区越大<br>管理者像盲人摸象</h3>
+                    <p>报修、资产、客户分属不同系统。永远拼不出完整的业务全景，资源错配成了常态。</p>
                     <div class="pain-num">02</div>
                 </div>
                 <div class="pain-item fade-up" style="transition-delay: 0.2s;">
@@ -732,8 +731,8 @@
                             <path d="M32 42c0-5 2-9 4-9s4 4 4 9"/>
                         </svg>
                     </div>
-                    <h3>效能错配</h3>
-                    <p>高薪招来的专业人才，70% 的时间耗在填表、派单、跟进等重复事务上。高射炮打蚊子，人效极低。</p>
+                    <h3>高薪人才 70% 时间<br>耗在填表和派单</h3>
+                    <p>招来的专业人才，精力被重复事务榨干。高射炮打蚊子，人效极低，人才流失率越来越高。</p>
                     <div class="pain-num">03</div>
                 </div>
                 <div class="pain-item fade-up" style="transition-delay: 0.1s;">
@@ -746,8 +745,8 @@
                             <line x1="4" y1="10" x2="4" y2="10"/>
                         </svg>
                     </div>
-                    <h3>总是慢半拍</h3>
-                    <p>空置率超标、客户流失、租金定价……等月底报表出来，问题已经发生。企业永远在事后补救。</p>
+                    <h3>报表出来时<br>损失已经发生</h3>
+                    <p>空置率超标、客户流失、租金定价偏差……等月底报表出来，问题早已发生。企业永远在事后补救。</p>
                     <div class="pain-num">04</div>
                 </div>
                 <div class="pain-item fade-up" style="transition-delay: 0.2s;">
@@ -758,8 +757,8 @@
                             <line x1="18" y1="24" x2="30" y2="24"/>
                         </svg>
                     </div>
-                    <h3>转型豪赌</h3>
-                    <p>传统 AI 方案要求推翻重建。周期长、风险高、员工抵触。一旦失败，前期投入全部打水漂。</p>
+                    <h3>推翻重来的项目<br>70% 超期超预算</h3>
+                    <p>传统 AI 方案要求重建系统。周期长、风险高、员工抵触。一旦失败，前期投入全部打水漂。</p>
                     <div class="pain-num">05</div>
                 </div>
                 <div class="pain-item fade-up" style="transition-delay: 0.25s;">
@@ -772,15 +771,15 @@
                             <circle cx="34" cy="18" r="2"/>
                         </svg>
                     </div>
-                    <h3>人才断层</h3>
-                    <p>核心业务逻辑长在老员工脑子里。人一走，能力就断层。企业无法规模化复制成功经验。</p>
+                    <h3>核心能力长在老员工脑子里<br>人走能力断</h3>
+                    <p>招商经验、客户判断、定价策略全靠人。人一走，能力就断层。企业无法规模化复制成功经验。</p>
                     <div class="pain-num">06</div>
                 </div>
                 <div class="pain-item highlight fade-up" style="transition-delay: 0.3s;">
                     <div class="pain-num">∞</div>
                     <div class="highlight-body">
                         <h3>破局之道</h3>
-                        <p>不推倒重来，不替换系统。在已经运转良好的基础设施之上，叠加一层 AI 能力——让旧系统拥有新大脑。</p>
+                        <p>不替换系统，不迁移数据，不改变流程。在现有基础设施之上叠加一层 AI——让旧系统拥有新大脑。</p>
                     </div>
                 </div>
             </div>
@@ -789,13 +788,13 @@
 
     <section id="solutions">
         <div class="container">
-            <span class="section-label fade-up">CORE BUSINESS</span>
+            <span class="section-label fade-up">WHAT WE DO</span>
             
             <!-- 物业 - 本地图 (建筑/无人员) -->
             <div class="project-row">
                 <div class="project-text fade-up">
                     <h2>AI+物业<br>智能中枢</h2>
-                    <p>工单自动分发，客诉响应提速 60%。在现有物业 ERP 之上叠加 AI 调度中枢，不改变原有流程，直接降低运营成本。</p>
+                    <p>工单自动分发，客诉响应提速 60%。在现有物业 ERP 之上叠加 AI 调度层——不改变任何原有流程。巡检路线自动规划、设备故障提前预警。你现有的系统不用换，但效率会翻倍。</p>
                 </div>
                 <div class="project-img fade-up" style="transition-delay: 0.2s;">
                     <img src="assets/prop.jpg?v=6" alt="Smart Building">
@@ -806,7 +805,7 @@
             <div class="project-row reverse">
                 <div class="project-text fade-up">
                     <h2>AI+资管<br>风控大脑</h2>
-                    <p>空置率预测、租金动态定价。无缝接入现有资管平台，让历史数据自动转化为预测模型，实现资产自动预警与动态配置，提升投资回报率。</p>
+                    <p>空置率提前 90 天预警，租金定价误差收窄至 5%。无缝接入资管平台，让历史租赁数据变成预测模型。招商智能匹配、租约到期提醒。资管不该靠直觉，该靠数据。</p>
                 </div>
                 <div class="project-img fade-up" style="transition-delay: 0.2s;">
                     <img src="assets/server.jpg?v=6" alt="Server Data">
@@ -817,7 +816,7 @@
             <div class="project-row">
                 <div class="project-text fade-up">
                     <h2>AI+CRM<br>效率跃升</h2>
-                    <p>线索自动清洗，销售人效提升 40%。为企业现有 CRM 配备 AI 私人助理，自动捕捉线索、生成对话摘要、推荐跟进策略，销售团队无需学习新软件。</p>
+                    <p>线索自动清洗，销售人效提升 40%。为现有 CRM 配备 AI 助理——自动捕捉商机、生成对话摘要。销售无需学习新软件，打开原界面就能看到 AI 推荐。</p>
                 </div>
                 <div class="project-img fade-up" style="transition-delay: 0.2s;">
                     <img src="assets/crm.jpg?v=6" alt="CRM">
@@ -829,41 +828,41 @@
     <section id="approach">
         <div class="container">
             <span class="section-label fade-up">WHY FISCHER</span>
-            <h2 class="fade-up" style="max-width: 700px; margin-bottom: 60px;">为什么选<br>菲西尔智能</h2>
+            <h2 class="fade-up" style="max-width: 700px; margin-bottom: 60px;">菲西尔和其他<br>AI 公司有什么不同</h2>
             <div class="approach-list">
                 <div class="approach-item fade-up">
                     <div class="approach-step">优势 1</div>
                     <div class="approach-body">
-                        <h3>零干扰集成</h3>
-                        <p>通过 API 外挂 AI 层，不替换原有软件，不迁移历史数据。员工无需学习新系统，对现有业务零冲击。</p>
+                        <h3>不替换，只叠加</h3>
+                        <p>通过 API 外挂 AI 层，不停服、不迁移、不改流程。员工用原来的界面，体验无缝升级。</p>
                     </div>
                 </div>
                 <div class="approach-item fade-up" style="transition-delay: 0.1s;">
                     <div class="approach-step">优势 2</div>
                     <div class="approach-body">
-                        <h3>数据资产化</h3>
-                        <p>把沉睡的业务数据转化为实时洞察。自动识别异常单元、预测续约概率、生成招商建议——把事后统计变为事前预警。</p>
+                        <h3>让数据开口说话</h3>
+                        <p>沉睡的历史数据自动转化为预测模型和决策建议。把事后统计变为事前预警。</p>
                     </div>
                 </div>
                 <div class="approach-item fade-up" style="transition-delay: 0.2s;">
                     <div class="approach-step">优势 3</div>
                     <div class="approach-body">
-                        <h3>智能代理执行</h3>
-                        <p>将高频重复工作交给 AI Agent。智能客服、招商匹配、巡检规划自动运转，释放人力聚焦关键决策。</p>
+                        <h3>让 AI 替你干活</h3>
+                        <p>高频重复工作交给 AI Agent——智能客服、招商匹配、巡检规划自动运转，人只负责关键决策。</p>
                     </div>
                 </div>
                 <div class="approach-item fade-up" style="transition-delay: 0.15s;">
                     <div class="approach-step">优势 4</div>
                     <div class="approach-body">
-                        <h3>全局决策视角</h3>
-                        <p>跨系统数据在 AI 层融合，形成全局业务视图。管理者通过自然语言即可查询"本月哪些楼宇空置率超标"，无需手动汇总报表。</p>
+                        <h3>跨系统一屏掌控</h3>
+                        <p>所有业务数据在 AI 层融合。一句自然语言就能查"本月哪些楼宇空置率超标"，告别手动汇总。</p>
                     </div>
                 </div>
                 <div class="approach-item fade-up" style="transition-delay: 0.25s;">
                     <div class="approach-step">优势 5</div>
                     <div class="approach-body">
-                        <h3>可验证 ROI</h3>
-                        <p>从单一场景试点，验证效果后再扩展。每一步都可衡量投入产出，降低试错成本，确保钱花在刀刃上。</p>
+                        <h3>小步试错，大步扩张</h3>
+                        <p>从单一场景试点，验证有效再扩展。每一步都可衡量投入产出，钱花在刀刃上。</p>
                     </div>
                 </div>
             </div>
@@ -872,12 +871,12 @@
 
     <section id="geo">
         <div class="container">
-            <span class="section-label fade-up">GENERATIVE ENGINE OPTIMIZATION</span>
+            <span class="section-label fade-up">BEYOND EFFICIENCY</span>
             <div style="display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 80px; align-items: center;">
                 <div class="fade-up">
-                    <h2 style="margin-bottom: 24px;">GEO<br>生成式引擎优化</h2>
+                    <h2 style="margin-bottom: 24px;">让用户在大模型里<br>第一个找到你</h2>
                     <p style="font-size: 19px; color: #ccc; line-height: 1.6; margin-bottom: 20px;">对内提效降本，对外重塑获客。</p>
-                    <p style="color: #888; line-height: 1.8; font-size: 16px;">通过优化企业在主流大模型（文心、Kimi、通义）中的内容结构与权重，确保品牌在用户提问时精准、优先呈现。从传统的"搜索排名"进化为 AI 时代的"答案占位"。</p>
+                    <p style="color: #888; line-height: 1.8; font-size: 16px;">当客户问 Kimi 或文心一言"帮我找一家做 AI+物业的公司"——你的品牌会不会出现在答案里？我们优化企业在主流大模型中的内容结构与权重，从"搜索排名"进化为"答案占位"。</p>
                 </div>
                 <!-- GEO - 本地图 (数字地球/无人员) -->
                 <div class="project-img fade-up" style="transition-delay: 0.2s; height: 450px;">
@@ -891,15 +890,15 @@
         <div class="container">
             <span class="section-label fade-up">GET IN TOUCH</span>
             <div class="fade-up" style="text-align:center; margin-bottom:60px;">
-                <h2>预约一次<br>15 分钟的系统智能诊断</h2>
+                <h2>15 分钟，看看你的系统<br>能叠加什么</h2>
                 <p style="color:#777; font-size:17px; max-width:500px; margin:16px auto 0; line-height:1.7;">
-                    不推销，只评估。我们将基于您现有系统架构，给出一份可落地的 AI 叠加建议。
+                    不推销，只评估。基于你现有架构，给出一份可落地的 AI 叠加建议。
                 </p>
             </div>
             <form class="contact-form fade-up" id="consultForm" onsubmit="return false;">
                 <div>
                     <label>姓名</label>
-                    <input type="text" name="name" placeholder="您的称呼" required>
+                    <input type="text" name="name" placeholder="怎么称呼您" required>
                 </div>
                 <div>
                     <label>电话</label>
@@ -911,10 +910,10 @@
                 </div>
                 <div class="full-width">
                     <label>留言</label>
-                    <textarea name="message" placeholder="简要描述您当前使用的系统（选填）"></textarea>
+                    <textarea name="message" placeholder="你现在用的是哪个系统？（选填）"></textarea>
                 </div>
                 <div class="contact-submit">
-                    <button type="submit" id="submitBtn">获取诊断名额</button>
+                    <button type="submit" id="submitBtn">预约诊断名额</button>
                 </div>
                 <div class="form-status" id="formStatus"></div>
             </form>
@@ -975,109 +974,9 @@
         // 移动端：入场动画 + 视差滚动
         if (window.innerWidth <= 900) {
             // 3. 逐屏滚动 - 方向感知，禁止自由滚动
-            const snapTargets = [];
-            const hero = document.querySelector('.hero');
-            if (hero) snapTargets.push(hero);
-            document.querySelectorAll('#pain-points .pain-item').forEach(item => snapTargets.push(item));
-            ['solutions', 'approach', 'geo', 'contact'].forEach(id => {
-                const el = document.getElementById(id);
-                if (el) snapTargets.push(el);
-            });
-
-            let currentIndex = 0;
-            let isAnimating = false;
-            let touchStartY = 0;
-            let touchStartX = 0;
-            let animFrame = null;
-
-            // 找到离视口顶部最近的 section 索引
-            function findCurrentIndex() {
-                let best = 0;
-                let bestDist = Infinity;
-                snapTargets.forEach((target, i) => {
-                    const top = target.getBoundingClientRect().top + window.scrollY;
-                    const dist = Math.abs(top - window.scrollY);
-                    if (dist < bestDist) {
-                        bestDist = dist;
-                        best = i;
-                    }
-                });
-                return best;
-            }
-
-            // 切换到指定 section
-            function goTo(index) {
-                if (index < 0 || index >= snapTargets.length || isAnimating) return;
-                isAnimating = true;
-                const targetY = snapTargets[index].getBoundingClientRect().top + window.scrollY;
-                const startY = window.scrollY;
-                const diff = targetY - startY;
-                const duration = 600;
-                const startTime = performance.now();
-
-                // 自定义缓动：先快后慢，有惯性感觉
-                function easeOutCubic(t) {
-                    return 1 - Math.pow(1 - t, 3);
-                }
-
-                function step(now) {
-                    const elapsed = now - startTime;
-                    const progress = Math.min(elapsed / duration, 1);
-                    const eased = easeOutCubic(progress);
-                    window.scrollTo(0, startY + diff * eased);
-                    if (progress < 1) {
-                        animFrame = requestAnimationFrame(step);
-                    } else {
-                        isAnimating = false;
-                        currentIndex = index;
-                        // 给当前及之前所有卡片加 in-view，确保内容可见
-                        snapTargets.forEach((t, i) => {
-                            if (i <= index) t.classList.add('in-view');
-                        });
-                    }
-                }
-                animFrame = requestAnimationFrame(step);
-            }
-
-            // 初始化
-            currentIndex = findCurrentIndex();
-            // 初始就给当前屏加 in-view
-            snapTargets.forEach((t, i) => {
-                if (i <= currentIndex) t.classList.add('in-view');
-            });
-
-            // 完全接管触摸滚动 - 禁止原生滚动
-            let canScroll = true;
-            document.addEventListener('touchmove', (e) => {
-                e.preventDefault();
-            }, { passive: false });
-
-            document.addEventListener('touchstart', (e) => {
-                if (!canScroll || isAnimating) return;
-                touchStartY = e.touches[0].clientY;
-                touchStartX = e.touches[0].clientX;
-            }, { passive: true });
-
-            document.addEventListener('touchend', (e) => {
-                if (!canScroll || isAnimating) return;
-                const dy = touchStartY - e.changedTouches[0].clientY;
-                const dx = touchStartX - e.changedTouches[0].clientX;
-
-                // 水平滑动不处理（可能是浏览器前进后退手势）
-                if (Math.abs(dx) > Math.abs(dy)) return;
-                // 最小滑动阈值，防止误触
-                if (Math.abs(dy) < 40) return;
-
-                if (dy > 0) {
-                    // 上滑 -> 下一屏
-                    goTo(currentIndex + 1);
-                } else {
-                    // 下滑 -> 上一屏
-                    goTo(currentIndex - 1);
-                }
-            }, { passive: true });
-
-            // 导航链接点击：定位到对应 section 并更新索引
+            
+            // 导航链接点击：保持原生跳转
+// 导航链接点击：定位到对应 section 并更新索引
             document.querySelectorAll('.nav-links a, .btn').forEach(link => {
                 link.addEventListener('click', (e) => {
                     const href = link.getAttribute('href');
diff --git a/index.html.bak.20260422 b/index.html.bak.20260422
new file mode 100644
index 0000000..cad59ee
--- /dev/null
+++ b/index.html.bak.20260422
@@ -0,0 +1,996 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>菲西尔智能 · AI+物业｜AI+资管｜AI+CRM 企业级智能叠加</title>
+    <meta name="description" content="上海菲西尔智能科技有限公司——专注为现有业务系统叠加AI能力。智慧物业智能中枢、房产资管风控大脑、CRM效率跃升、GEO生成式引擎优化。不推倒重来，只做智能叠加。">
+    <meta name="keywords" content="AI+物业,智慧物业,AI+资管,房产资产管理,AI+CRM,智能叠加,企业级AI,GEO优化,生成式引擎优化,上海菲西尔">
+    <meta name="robots" content="index, follow">
+    <link rel="canonical" href="http://8.153.107.96/ai/">
+
+    <!-- Open Graph -->
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="菲西尔智能 · 企业级 AI 叠加">
+    <meta property="og:description" content="在已经运转良好的业务系统之上叠加 AI 能力。不推倒重来，只做智能叠加。">
+    <meta property="og:url" content="http://8.153.107.96/ai/">
+    <meta property="og:site_name" content="菲西尔智能 Fischer Intelligence">
+    <meta property="og:locale" content="zh_CN">
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="菲西尔智能 · 企业级 AI 叠加">
+    <meta name="twitter:description" content="在已经运转良好的业务系统之上叠加 AI 能力。">
+
+    <!-- 结构化数据 -->
+    <script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "Organization",
+        "name": "上海菲西尔智能科技有限公司",
+        "alternateName": "Fischer Intelligence",
+        "url": "http://8.153.107.96/ai/",
+        "description": "专注为现有业务系统叠加AI能力，涵盖智慧物业、房产资管、CRM领域",
+        "address": {
+            "@type": "PostalAddress",
+            "addressLocality": "上海",
+            "addressCountry": "CN"
+        },
+        "knowsAbout": ["AI+物业", "智慧物业", "AI+资管", "房产资产管理", "AI+CRM", "GEO优化"]
+    }
+    </script>
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Noto+Sans+SC:wght@400;600;800;900&display=swap" rel="stylesheet">
+    <style>
+        :root {
+            --bg: #050505;
+            --text-main: #ffffff;
+            --text-sub: #999999;
+        }
+        * { box-sizing: border-box; margin: 0; padding: 0; }
+        html { scroll-behavior: smooth; }
+        body {
+            font-family: 'Inter', 'Noto Sans SC', sans-serif;
+            background: var(--bg);
+            color: var(--text-main);
+            line-height: 1.5;
+            overflow-x: hidden;
+        }
+
+        /* 导航 */
+        nav {
+            position: fixed; top: 0; width: 100%; z-index: 100;
+            padding: 24px 0; background: rgba(5,5,5,0.85); backdrop-filter: blur(12px);
+            border-bottom: 1px solid rgba(255,255,255,0.06);
+        }
+        .nav-inner { max-width: 1400px; margin: 0 auto; padding: 0 4vw; display: flex; justify-content: space-between; align-items: center; }
+        .logo { font-size: 15px; font-weight: 700; letter-spacing: 2px; color: #fff; text-transform: uppercase; }
+        .nav-links a { color: #777; text-decoration: none; font-size: 12px; margin-left: 36px; font-weight: 600; transition: 0.3s; text-transform: uppercase; letter-spacing: 1px; }
+        .nav-links a:hover { color: #fff; }
+
+        /* HERO - 营销视频背景 */
+        .hero {
+            position: relative; height: 100vh; width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center;
+        }
+        .hero-video {
+            position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;
+            filter: brightness(0.85) saturate(1.1);
+            transform: scale(1.05); /* 留余量给呼吸感缩放 */
+            animation: heroZoom 20s ease-in-out infinite alternate;
+        }
+        @keyframes heroZoom {
+            from { transform: scale(1.05); }
+            to { transform: scale(1.12); }
+        }
+        /* 视频未加载/移动端降级：静态 poster */
+        .hero-poster {
+            position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;
+        }
+        
+        /* 极轻的底层渐变，仅保留底部过渡 */
+        .hero-overlay {
+            position: absolute; inset: 0;
+            background: linear-gradient(to bottom, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0.55) 100%);
+            z-index: 1; pointer-events: none;
+        }
+
+        .hero-content {
+            position: relative; z-index: 10; text-align: center; max-width: 1000px; padding: 0 20px;
+        }
+        
+        h1 {
+            font-size: clamp(48px, 9vw, 110px);
+            font-weight: 900; line-height: 1.05; letter-spacing: -3px; margin-bottom: 24px;
+            text-transform: uppercase;
+            text-shadow: 0 4px 20px rgba(0,0,0,0.6);
+            opacity: 0; animation: textReveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.2s;
+        }
+        
+        .hero-sub {
+            font-size: clamp(16px, 1.8vw, 22px); font-weight: 400; color: rgba(255,255,255,0.9);
+            max-width: 700px; margin: 0 auto 48px; line-height: 1.6;
+            /* 磨砂玻璃效果 */
+            background: rgba(255,255,255,0.05);
+            backdrop-filter: blur(20px) saturate(150%);
+            -webkit-backdrop-filter: blur(20px) saturate(150%);
+            border: 1px solid rgba(255,255,255,0.08);
+            border-left: 3px solid rgba(255,255,255,0.4);
+            border-radius: 8px;
+            padding: 24px 32px;
+            opacity: 0; animation: textReveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.5s;
+            text-shadow: 0 2px 8px rgba(0,0,0,0.3);
+        }
+
+        .btn {
+            display: inline-block; padding: 18px 48px;
+            background: #fff; color: #000; text-decoration: none; font-size: 14px; font-weight: 700;
+            border-radius: 0; letter-spacing: 1px; text-transform: uppercase; transition: all 0.3s ease;
+            opacity: 0; animation: textReveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.8s;
+        }
+        .btn:hover { transform: translateY(-2px); background: #eee; }
+
+        .scroll-indicator {
+            position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 10;
+            width: 2px; height: 60px; background: linear-gradient(to bottom, #fff, transparent);
+            animation: scrollLine 2s infinite;
+        }
+        @keyframes scrollLine { 0% { height: 0; opacity: 0; } 50% { height: 60px; opacity: 1; } 100% { height: 60px; opacity: 0; transform: translateY(20px); } }
+        @keyframes textReveal { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
+
+        /* 通用板块 */
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 4vw; position: relative; z-index: 2; }
+        section { padding: 160px 0; background: #050505; border-top: 1px solid rgba(255,255,255,0.06); }
+        .section-label { font-size: 11px; font-weight: 700; color: #666; letter-spacing: 3px; margin-bottom: 80px; display: block; }
+        h2 { font-size: clamp(32px, 4vw, 52px); font-weight: 800; line-height: 1.1; margin-bottom: 24px; letter-spacing: -1px; color: #fff; }
+
+        /* 痛点板块 */
+        #pain-points { position: relative; overflow: hidden; }
+        /* 动态网格背景 */
+        .pain-grid-bg {
+            position: absolute; inset: 0; z-index: 0;
+            background-image:
+                linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
+                linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
+            background-size: 80px 80px;
+            animation: gridMove 30s linear infinite;
+        }
+        @keyframes gridMove {
+            0% { transform: translate(0, 0); }
+            100% { transform: translate(80px, 80px); }
+        }
+        /* 径向光晕 */
+        .pain-glow {
+            position: absolute; top: 50%; left: 50%; width: 800px; height: 800px;
+            transform: translate(-50%, -50%);
+            background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, transparent 70%);
+            animation: glowPulse 6s ease-in-out infinite alternate;
+            z-index: 0;
+            pointer-events: none;
+        }
+        @keyframes glowPulse {
+            0% { opacity: 0.4; transform: translate(-50%, -50%) scale(0.9); }
+            100% { opacity: 1; transform: translate(-50%, -50%) scale(1.1); }
+        }
+        #pain-points .container { position: relative; z-index: 1; }
+
+        .pain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }
+        .pain-item {
+            background: rgba(255,255,255,0.015);
+            padding: 48px 40px;
+            border: 1px solid rgba(255,255,255,0.04);
+            transition: all 0.6s ease;
+            position: relative;
+            overflow: hidden;
+            min-height: 320px;
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-end;
+        }
+        .pain-item::before {
+            content: '';
+            position: absolute;
+            top: 0; left: 0; right: 0;
+            height: 1px;
+            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
+            transform: translateX(-100%);
+            transition: transform 0.8s ease;
+        }
+        .pain-item:hover::before { transform: translateX(0); }
+        .pain-item:hover {
+            background: rgba(255,255,255,0.03);
+            border-color: rgba(255,255,255,0.08);
+        }
+        /* 顶部 SVG 图标 */
+        .pain-icon {
+            position: absolute; top: 32px; left: 40px;
+            width: 48px; height: 48px;
+            opacity: 0.15;
+            transition: opacity 0.5s ease;
+        }
+        .pain-item:hover .pain-icon { opacity: 0.35; }
+        .pain-icon svg { width: 100%; height: 100%; }
+        .pain-icon svg line, .pain-icon svg path, .pain-icon svg circle, .pain-icon svg rect {
+            stroke: #fff;
+            stroke-width: 1.5;
+            fill: none;
+        }
+        /* 编号 */
+        .pain-num {
+            font-size: 72px; font-weight: 900; color: rgba(255,255,255,0.04);
+            line-height: 1; letter-spacing: -3px;
+            position: absolute; bottom: 32px; right: 40px;
+            transition: all 0.6s ease;
+        }
+        .pain-item:hover .pain-num {
+            color: rgba(255,255,255,0.08);
+            transform: translateY(-4px);
+        }
+        .pain-item h3 {
+            font-size: 20px; font-weight: 800; color: #fff; margin-bottom: 12px;
+            letter-spacing: -0.5px;
+        }
+        .pain-item p {
+            font-size: 14px; color: #666; line-height: 1.7;
+        }
+        /* 破局之道 - 全宽特殊卡片 */
+        .pain-item.highlight {
+            grid-column: 1 / -1;
+            min-height: auto;
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: center;
+            gap: 60px;
+            padding: 64px 80px;
+            background: rgba(255,255,255,0.03);
+            border-color: rgba(255,255,255,0.08);
+        }
+        .pain-item.highlight h3 {
+            font-size: 28px; margin-bottom: 8px; margin-left: 0;
+        }
+        .pain-item.highlight p {
+            font-size: 16px; color: #888; margin-left: 0; max-width: 600px;
+        }
+        .pain-item.highlight .pain-num {
+            position: static; font-size: 96px;
+        }
+        .pain-item.highlight .highlight-body {
+            flex: 1; max-width: 600px;
+        }
+
+        /* 思路板块 */
+        .approach-list { max-width: 900px; margin: 0 auto; }
+        .approach-item {
+            display: flex; gap: 40px; padding: 48px 0;
+            border-bottom: 1px solid rgba(255,255,255,0.06);
+            align-items: flex-start;
+        }
+        .approach-item:last-child { border-bottom: none; }
+        .approach-step {
+            font-size: 13px; font-weight: 800; color: #555;
+            letter-spacing: 2px; text-transform: uppercase;
+            min-width: 60px; padding-top: 4px;
+        }
+        .approach-body h3 {
+            font-size: 24px; font-weight: 800; color: #fff; margin-bottom: 12px;
+            letter-spacing: -0.5px;
+        }
+        .approach-body p {
+            font-size: 16px; color: #888; line-height: 1.7; max-width: 600px;
+        }
+
+        /* 业务板块 - 使用本地图片 (修复了路径问题，移除暗黑滤镜) */
+        .project-row { display: flex; align-items: center; gap: 80px; margin-bottom: 200px; }
+        .project-row.reverse { flex-direction: row-reverse; }
+        .project-text { flex: 1; }
+        .project-text p { font-size: 18px; color: #999; line-height: 1.8; max-width: 550px; margin-top: 20px; }
+        
+        .project-img {
+            flex: 1.2; height: 500px; border-radius: 4px; overflow: hidden; position: relative;
+            background: #111; 
+        }
+        .project-img img {
+            width: 100%; height: 100%; object-fit: cover;
+            /* 移除滤镜，保持清晰明亮 */
+            filter: brightness(1.0); transition: all 0.6s ease;
+        }
+        .project-img:hover img { transform: scale(1.03); }
+
+        /* 联系板块 */
+        .contact-form {
+            max-width: 600px; margin: 0 auto;
+            display: grid; grid-template-columns: 1fr 1fr; gap: 20px;
+        }
+        .contact-form .full-width { grid-column: 1 / -1; }
+        .contact-form label {
+            display: block; font-size: 11px; color: #666; font-weight: 700;
+            letter-spacing: 2px; text-transform: uppercase; margin-bottom: 8px;
+        }
+        .contact-form input, .contact-form textarea {
+            width: 100%; padding: 16px 20px; background: rgba(255,255,255,0.04);
+            border: 1px solid rgba(255,255,255,0.1); border-radius: 4px;
+            color: #fff; font-size: 15px; font-family: inherit;
+            transition: border-color 0.3s;
+        }
+        .contact-form input:focus, .contact-form textarea:focus {
+            outline: none; border-color: rgba(255,255,255,0.4);
+        }
+        .contact-form textarea { min-height: 140px; resize: vertical; }
+        .contact-form input::placeholder, .contact-form textarea::placeholder {
+            color: #444;
+        }
+        .contact-submit {
+            grid-column: 1 / -1; text-align: center; margin-top: 12px;
+        }
+        .contact-submit button {
+            padding: 18px 60px; background: #fff; color: #000;
+            border: none; font-size: 14px; font-weight: 700; letter-spacing: 1px;
+            text-transform: uppercase; cursor: pointer; transition: all 0.3s;
+        }
+        .contact-submit button:hover { background: #eee; transform: translateY(-2px); }
+        .contact-submit button:disabled { opacity: 0.5; cursor: default; transform: none; }
+        .form-status {
+            grid-column: 1 / -1; text-align: center; font-size: 13px;
+            margin-top: 8px; min-height: 20px;
+        }
+        .form-status.ok { color: #4ade80; }
+        .form-status.err { color: #f87171; }
+
+        /* 底部 */
+        footer { padding: 100px 0; text-align: center; background: #020202; border-top: 1px solid rgba(255,255,255,0.06); }
+        .tech-by { font-size: 10px; color: #444; letter-spacing: 2px; margin-bottom: 12px; }
+        .company { font-size: 15px; color: #888; font-weight: 600; }
+
+        /* 动效 */
+        .fade-up { opacity: 0; transform: translateY(40px); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
+        .fade-up.visible { opacity: 1; transform: translateY(0); }
+        /* 桌面端：痛点和思路板块用 CSS 原生动画直接可见 */
+        @media (min-width: 901px) {
+            #pain-points .fade-up, #approach .fade-up {
+                opacity: 1; transform: translateY(0);
+                animation: sectionFadeIn 1.2s cubic-bezier(0.16, 1, 0.3, 1) both;
+            }
+            #pain-points .pain-grid > .fade-up:nth-child(1) { animation-delay: 0.15s; }
+            #pain-points .pain-grid > .fade-up:nth-child(2) { animation-delay: 0.25s; }
+            #pain-points .pain-grid > .fade-up:nth-child(3) { animation-delay: 0.35s; }
+            #pain-points .pain-grid > .fade-up:nth-child(4) { animation-delay: 0.45s; }
+            #pain-points .pain-grid > .fade-up:nth-child(5) { animation-delay: 0.55s; }
+            #pain-points .pain-grid > .fade-up:nth-child(6) { animation-delay: 0.65s; }
+        }
+        /* 移动端：痛点和思路板块 - 错位动画 */
+        @media (max-width: 900px) {
+            /* 默认状态：卡片微弱可见 */
+            #pain-points .pain-item {
+                opacity: 1;
+                transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1);
+            }
+            /* 内容元素默认在更下方（准备从下往上大幅滑入） */
+            #pain-points .pain-item .pain-icon {
+                transform: scale(0.6) translateY(60px);
+            }
+            #pain-points .pain-item h3,
+            #pain-points .pain-item p {
+                opacity: 1;
+                transform: translateY(0);
+                transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
+                            transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
+            }
+            #pain-points .pain-item .pain-icon {
+                transform: scale(0.6) translateY(60px);
+            }
+            /* 数字：默认状态由 JS 控制，这里不设 transform 避免冲突 */
+            #pain-points .pain-item .pain-num {
+                opacity: 0.3;
+                transition: opacity 1s ease;
+            }
+
+            /* 进入视口后：内容上移，数字反向坠落 */
+            #pain-points .pain-item.in-view {
+                opacity: 1;
+            }
+            #pain-points .pain-item.in-view .pain-icon {
+                opacity: 0.35;
+                transform: scale(1) translateY(0);
+                transition-delay: 0.05s;
+            }
+            #pain-points .pain-item.in-view h3 {
+                opacity: 1;
+                transform: translateY(0);
+                transition-delay: 0.1s;
+            }
+            #pain-points .pain-item.in-view p {
+                opacity: 1;
+                transform: translateY(0);
+                transition-delay: 0.18s;
+            }
+            /* 数字：越落越清晰 */
+            #pain-points .pain-item.in-view .pain-num {
+                opacity: 0.3;
+                /* transform 完全由 JS 视差逻辑接管 */
+                transition-delay: 0.02s;
+            }
+
+            /* 思路板块同样 */
+            #approach .approach-item {
+                opacity: 1;
+                transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1);
+            }
+            #approach .approach-item .approach-step,
+            #approach .approach-item .approach-body h3,
+            #approach .approach-item .approach-body p {
+                opacity: 1;
+                transform: translateY(0);
+                transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
+                            transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
+            }
+            #approach .approach-item.in-view {
+                opacity: 1;
+            }
+            #approach .approach-item.in-view .approach-step {
+                opacity: 1;
+                transform: translateY(0);
+                transition-delay: 0.05s;
+            }
+            #approach .approach-item.in-view .approach-body h3 {
+                opacity: 1;
+                transform: translateY(0);
+                transition-delay: 0.12s;
+            }
+            #approach .approach-item.in-view .approach-body p {
+                opacity: 1;
+                transform: translateY(0);
+                transition-delay: 0.2s;
+            }
+        }
+
+        @keyframes sectionFadeIn { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
+
+        /* 移动端痛点沉浸式布局 */
+        @media (max-width: 900px) {
+            /* 痛点半块单列全屏 */
+            #pain-points {
+                overflow: visible;
+                text-align: center;
+            }
+            #pain-points .section-label {
+                margin-bottom: 40px;
+            }
+            #pain-points h2 {
+                font-size: 28px;
+                margin-bottom: 0;
+                margin-left: auto;
+                margin-right: auto;
+                max-width: 90%;
+            }
+            /* 背景网格 - 钉在墙上完全不动 */
+            .pain-grid-bg {
+                position: fixed;
+                top: 0; left: 0; right: 0; bottom: 0;
+                z-index: 0;
+                animation: none;
+                background-image:
+                    linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
+                    linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
+                background-size: 60px 60px;
+            }
+            .pain-glow {
+                position: fixed;
+                top: 50%; left: 50%;
+                width: 400px; height: 400px;
+                transform: translate(-50%, -50%);
+                background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%);
+                animation: glowPulse 6s ease-in-out infinite alternate;
+                z-index: 0;
+                pointer-events: none;
+            }
+
+            /* 内容层 - 在背景上正常滚动 */
+            .pain-grid {
+                display: flex;
+                flex-direction: column;
+                gap: 0;
+                position: relative;
+                z-index: 1;
+            }
+
+            .pain-item {
+                min-height: auto;
+                padding: 80px 28px 60px;
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+                align-items: center;
+                text-align: center;
+                background: transparent;
+                border: none;
+                border-top: 1px solid rgba(255,255,255,0.06);
+                overflow: visible;
+                position: relative;
+                z-index: 1;
+            }
+            .pain-item::before { display: none; }
+            .pain-item:hover { background: transparent; }
+
+            /* SVG 图标 - 居中放大 */
+            .pain-icon {
+                position: relative;
+                top: auto; right: auto; left: auto;
+                width: 64px; height: 64px;
+                opacity: 0.35;
+                margin-bottom: 40px;
+                transition: opacity 0.5s ease;
+            }
+            .pain-icon svg { width: 100%; height: 100%; }
+            .pain-icon svg line, .pain-icon svg path, .pain-icon svg circle, .pain-icon svg rect, .pain-icon svg polyline {
+                stroke: #fff;
+                stroke-width: 1.5;
+                fill: none;
+            }
+            .pain-item.in-view .pain-icon {
+                animation: iconPop 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both;
+            }
+
+            /* 横排大字标题 */
+            .pain-item h3 {
+                font-size: 36px;
+                font-weight: 900;
+                line-height: 1.3;
+                letter-spacing: 2px;
+                margin-bottom: 0;
+                margin-top: 0;
+                color: #fff;
+            }
+            /* 破局之道 */
+            .pain-item.highlight h3 {
+                font-size: 40px;
+                letter-spacing: 4px;
+            }
+
+            /* 描述文字 */
+            .pain-item p {
+                font-size: 15px;
+                color: #888;
+                line-height: 1.9;
+                margin-top: 24px;
+                max-width: 100%;
+                padding-right: 0;
+            }
+
+            /* 编号 - 超大背景装饰 */
+            .pain-num {
+                position: absolute;
+                bottom: 40px;
+                right: 30px;
+                font-size: 110px;
+                font-weight: 900;
+                color: rgba(255,255,255,0.2);
+                letter-spacing: -5px;
+                line-height: 1;
+            }
+
+            /* 破局之道 - 高潮区域 */
+            .pain-item.highlight {
+                min-height: auto;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                gap: 0;
+                padding: 80px 28px 60px;
+                background: transparent;
+                border-top: 1px solid rgba(255,255,255,0.08);
+                border-bottom: 1px solid rgba(255,255,255,0.06);
+            }
+            .pain-item.highlight .pain-num {
+                font-size: 140px;
+                color: rgba(255,255,255,0.04);
+            }
+            .pain-item.highlight h3 {
+                font-size: 40px;
+                letter-spacing: 4px;
+            }
+            .pain-item.highlight p {
+                font-size: 16px;
+                color: #999;
+                margin-top: 24px;
+                padding-right: 0;
+                max-width: 90%;
+            }
+            .pain-item.highlight .highlight-body {
+                max-width: 100%;
+            }
+            .pain-item.highlight .pain-icon {
+                width: 80px; height: 80px;
+                margin-bottom: 48px;
+            }
+
+            /* 思路板块移动端 */
+            .approach-item {
+                flex-direction: column;
+                gap: 12px;
+                padding: 40px 0;
+                border-top: 1px solid rgba(255,255,255,0.06);
+            }
+            .approach-item:first-child {
+                border-top: none;
+            }
+            .approach-step {
+                font-size: 11px;
+                letter-spacing: 3px;
+            }
+            .approach-body h3 {
+                font-size: 20px;
+            }
+            .approach-body p {
+                font-size: 14px;
+                max-width: 100%;
+            }
+
+            /* 业务板块 */
+            .project-row, .project-row.reverse { flex-direction: column; gap: 40px; margin-bottom: 120px; }
+            .project-img { width: 100%; height: 300px; }
+            h1 { font-size: 42px; letter-spacing: -1px; }
+            .nav-links { display: none; }
+
+            /* 其他板块也至少一屏 */
+            #solutions, #approach, #geo, #contact {
+                min-height: auto;
+            }
+            #solutions .project-row {
+                margin-bottom: 0;
+                padding: 60px 0;
+                border-bottom: 1px solid rgba(255,255,255,0.06);
+            }
+            #approach .approach-item {
+                padding: 60px 0;
+            }
+            #geo .container {
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+                min-height: 80vh;
+            }
+        }
+    </style>
+</head>
+<body>
+    <nav>
+        <div class="nav-inner">
+            <div class="logo">AI X</div>
+            <div class="nav-links">
+                <a href="#pain-points">场景洞察</a>
+                <a href="#solutions">核心服务</a>
+                <a href="#approach">解决路径</a>
+                <a href="#geo">GEO</a>
+                <a href="#contact">合作咨询</a>
+            </div>
+        </div>
+    </nav>
+
+    <div class="hero">
+        <!-- 视频背景 + poster 静态降级 -->
+        <video class="hero-video" autoplay muted loop playsinline preload="auto" poster="assets/hero-poster.jpg?v=2">
+            <source src="assets/video/hero-bg-compressed.mp4?v=2" type="video/mp4">
+        </video>
+        <div class="hero-overlay"></div>
+        <div class="hero-content">
+            <h1>推翻重来<br>是最贵的选择</h1>
+            <div class="hero-sub">
+                大多数企业 AI 转型失败，不是因为技术不行，而是因为要求推翻一切重来。我们走另一条路：在现有系统之上叠加智能层，保留历史投资，释放沉睡数据，30 天看到效果。
+            </div>
+            <a href="#pain-points" class="btn">了解我们的做法</a>
+        </div>
+        <div class="scroll-indicator"></div>
+    </div>
+
+    <section id="pain-points">
+        <div class="pain-grid-bg"></div>
+        <div class="pain-glow"></div>
+        <div class="container">
+            <span class="section-label fade-up">WHY IT MATTERS</span>
+            <h2 class="fade-up" style="max-width: 700px; margin-bottom: 60px;">为什么现有系统<br>需要智能叠加</h2>
+            <div class="pain-grid">
+                <div class="pain-item fade-up">
+                    <div class="pain-icon">
+                        <svg viewBox="0 0 48 48">
+                            <rect x="8" y="8" width="14" height="14" rx="2"/>
+                            <rect x="26" y="8" width="14" height="14" rx="2"/>
+                            <rect x="8" y="26" width="14" height="14" rx="2"/>
+                            <rect x="26" y="26" width="14" height="14" rx="2"/>
+                            <line x1="22" y1="15" x2="26" y2="15"/>
+                            <line x1="15" y1="22" x2="15" y2="26"/>
+                            <line x1="33" y1="22" x2="33" y2="26"/>
+                            <line x1="22" y1="33" x2="26" y2="33"/>
+                        </svg>
+                    </div>
+                    <h3>资产闲置</h3>
+                    <p>物业、资管、CRM 积累了海量数据，却像仓库里的积压库存。数据停留在记录层面，从未转化为利润或决策依据。</p>
+                    <div class="pain-num">01</div>
+                </div>
+                <div class="pain-item fade-up" style="transition-delay: 0.1s;">
+                    <div class="pain-icon">
+                        <svg viewBox="0 0 48 48">
+                            <rect x="4" y="12" width="12" height="24" rx="2"/>
+                            <rect x="18" y="12" width="12" height="24" rx="2"/>
+                            <rect x="32" y="12" width="12" height="24" rx="2"/>
+                            <line x1="10" y1="20" x2="10" y2="30"/>
+                            <line x1="24" y1="20" x2="24" y2="30"/>
+                            <line x1="38" y1="20" x2="38" y2="30"/>
+                        </svg>
+                    </div>
+                    <h3>全局盲区</h3>
+                    <p>报修、资产、客户分属不同系统。管理者像盲人摸象，永远拼不出完整的业务全景，错配资源是常态。</p>
+                    <div class="pain-num">02</div>
+                </div>
+                <div class="pain-item fade-up" style="transition-delay: 0.2s;">
+                    <div class="pain-icon">
+                        <svg viewBox="0 0 48 48">
+                            <circle cx="24" cy="10" r="6"/>
+                            <path d="M14 42c0-8 4-14 10-14s10 6 10 14"/>
+                            <circle cx="36" cy="16" r="4"/>
+                            <path d="M32 42c0-5 2-9 4-9s4 4 4 9"/>
+                        </svg>
+                    </div>
+                    <h3>效能错配</h3>
+                    <p>高薪招来的专业人才，70% 的时间耗在填表、派单、跟进等重复事务上。高射炮打蚊子，人效极低。</p>
+                    <div class="pain-num">03</div>
+                </div>
+                <div class="pain-item fade-up" style="transition-delay: 0.1s;">
+                    <div class="pain-icon">
+                        <svg viewBox="0 0 48 48">
+                            <circle cx="24" cy="24" r="16"/>
+                            <polyline points="24,12 24,24 32,28"/>
+                            <line x1="8" y1="6" x2="8" y2="14"/>
+                            <line x1="40" y1="6" x2="40" y2="14"/>
+                            <line x1="4" y1="10" x2="4" y2="10"/>
+                        </svg>
+                    </div>
+                    <h3>总是慢半拍</h3>
+                    <p>空置率超标、客户流失、租金定价……等月底报表出来，问题已经发生。企业永远在事后补救。</p>
+                    <div class="pain-num">04</div>
+                </div>
+                <div class="pain-item fade-up" style="transition-delay: 0.2s;">
+                    <div class="pain-icon">
+                        <svg viewBox="0 0 48 48">
+                            <path d="M24 4L4 14v12c0 11 8 20 20 22 12-2 20-11 20-22V14L24 4z"/>
+                            <line x1="24" y1="18" x2="24" y2="30"/>
+                            <line x1="18" y1="24" x2="30" y2="24"/>
+                        </svg>
+                    </div>
+                    <h3>转型豪赌</h3>
+                    <p>传统 AI 方案要求推翻重建。周期长、风险高、员工抵触。一旦失败，前期投入全部打水漂。</p>
+                    <div class="pain-num">05</div>
+                </div>
+                <div class="pain-item fade-up" style="transition-delay: 0.25s;">
+                    <div class="pain-icon">
+                        <svg viewBox="0 0 48 48">
+                            <path d="M16 8c0-4 4-6 8-6s8 2 8 6c0 10-8 16-8 16s-8-6-8-16z"/>
+                            <line x1="24" y1="30" x2="24" y2="40"/>
+                            <line x1="18" y1="34" x2="30" y2="34"/>
+                            <circle cx="14" cy="18" r="2"/>
+                            <circle cx="34" cy="18" r="2"/>
+                        </svg>
+                    </div>
+                    <h3>人才断层</h3>
+                    <p>核心业务逻辑长在老员工脑子里。人一走，能力就断层。企业无法规模化复制成功经验。</p>
+                    <div class="pain-num">06</div>
+                </div>
+                <div class="pain-item highlight fade-up" style="transition-delay: 0.3s;">
+                    <div class="pain-num">∞</div>
+                    <div class="highlight-body">
+                        <h3>破局之道</h3>
+                        <p>不推倒重来，不替换系统。在已经运转良好的基础设施之上，叠加一层 AI 能力——让旧系统拥有新大脑。</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section id="solutions">
+        <div class="container">
+            <span class="section-label fade-up">CORE BUSINESS</span>
+            
+            <!-- 物业 - 本地图 (建筑/无人员) -->
+            <div class="project-row">
+                <div class="project-text fade-up">
+                    <h2>AI+物业<br>智能中枢</h2>
+                    <p>工单自动分发，客诉响应提速 60%。在现有物业 ERP 之上叠加 AI 调度中枢，不改变原有流程，直接降低运营成本。</p>
+                </div>
+                <div class="project-img fade-up" style="transition-delay: 0.2s;">
+                    <img src="assets/prop.jpg?v=6" alt="Smart Building">
+                </div>
+            </div>
+
+            <!-- 资管 - 本地图 (服务器/无人员) -->
+            <div class="project-row reverse">
+                <div class="project-text fade-up">
+                    <h2>AI+资管<br>风控大脑</h2>
+                    <p>空置率预测、租金动态定价。无缝接入现有资管平台，让历史数据自动转化为预测模型，实现资产自动预警与动态配置，提升投资回报率。</p>
+                </div>
+                <div class="project-img fade-up" style="transition-delay: 0.2s;">
+                    <img src="assets/server.jpg?v=6" alt="Server Data">
+                </div>
+            </div>
+
+            <!-- CRM - 本地图 (电脑屏幕/无人员) -->
+            <div class="project-row">
+                <div class="project-text fade-up">
+                    <h2>AI+CRM<br>效率跃升</h2>
+                    <p>线索自动清洗，销售人效提升 40%。为企业现有 CRM 配备 AI 私人助理，自动捕捉线索、生成对话摘要、推荐跟进策略，销售团队无需学习新软件。</p>
+                </div>
+                <div class="project-img fade-up" style="transition-delay: 0.2s;">
+                    <img src="assets/crm.jpg?v=6" alt="CRM">
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section id="approach">
+        <div class="container">
+            <span class="section-label fade-up">WHY FISCHER</span>
+            <h2 class="fade-up" style="max-width: 700px; margin-bottom: 60px;">为什么选<br>菲西尔智能</h2>
+            <div class="approach-list">
+                <div class="approach-item fade-up">
+                    <div class="approach-step">优势 1</div>
+                    <div class="approach-body">
+                        <h3>零干扰集成</h3>
+                        <p>通过 API 外挂 AI 层，不替换原有软件，不迁移历史数据。员工无需学习新系统，对现有业务零冲击。</p>
+                    </div>
+                </div>
+                <div class="approach-item fade-up" style="transition-delay: 0.1s;">
+                    <div class="approach-step">优势 2</div>
+                    <div class="approach-body">
+                        <h3>数据资产化</h3>
+                        <p>把沉睡的业务数据转化为实时洞察。自动识别异常单元、预测续约概率、生成招商建议——把事后统计变为事前预警。</p>
+                    </div>
+                </div>
+                <div class="approach-item fade-up" style="transition-delay: 0.2s;">
+                    <div class="approach-step">优势 3</div>
+                    <div class="approach-body">
+                        <h3>智能代理执行</h3>
+                        <p>将高频重复工作交给 AI Agent。智能客服、招商匹配、巡检规划自动运转，释放人力聚焦关键决策。</p>
+                    </div>
+                </div>
+                <div class="approach-item fade-up" style="transition-delay: 0.15s;">
+                    <div class="approach-step">优势 4</div>
+                    <div class="approach-body">
+                        <h3>全局决策视角</h3>
+                        <p>跨系统数据在 AI 层融合，形成全局业务视图。管理者通过自然语言即可查询"本月哪些楼宇空置率超标"，无需手动汇总报表。</p>
+                    </div>
+                </div>
+                <div class="approach-item fade-up" style="transition-delay: 0.25s;">
+                    <div class="approach-step">优势 5</div>
+                    <div class="approach-body">
+                        <h3>可验证 ROI</h3>
+                        <p>从单一场景试点，验证效果后再扩展。每一步都可衡量投入产出，降低试错成本，确保钱花在刀刃上。</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section id="geo">
+        <div class="container">
+            <span class="section-label fade-up">GENERATIVE ENGINE OPTIMIZATION</span>
+            <div style="display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 80px; align-items: center;">
+                <div class="fade-up">
+                    <h2 style="margin-bottom: 24px;">GEO<br>生成式引擎优化</h2>
+                    <p style="font-size: 19px; color: #ccc; line-height: 1.6; margin-bottom: 20px;">对内提效降本，对外重塑获客。</p>
+                    <p style="color: #888; line-height: 1.8; font-size: 16px;">通过优化企业在主流大模型（文心、Kimi、通义）中的内容结构与权重，确保品牌在用户提问时精准、优先呈现。从传统的"搜索排名"进化为 AI 时代的"答案占位"。</p>
+                </div>
+                <!-- GEO - 本地图 (数字地球/无人员) -->
+                <div class="project-img fade-up" style="transition-delay: 0.2s; height: 450px;">
+                    <img src="assets/geo.jpg?v=6" alt="Network">
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section id="contact">
+        <div class="container">
+            <span class="section-label fade-up">GET IN TOUCH</span>
+            <div class="fade-up" style="text-align:center; margin-bottom:60px;">
+                <h2>预约一次<br>15 分钟的系统智能诊断</h2>
+                <p style="color:#777; font-size:17px; max-width:500px; margin:16px auto 0; line-height:1.7;">
+                    不推销，只评估。我们将基于您现有系统架构，给出一份可落地的 AI 叠加建议。
+                </p>
+            </div>
+            <form class="contact-form fade-up" id="consultForm" onsubmit="return false;">
+                <div>
+                    <label>姓名</label>
+                    <input type="text" name="name" placeholder="您的称呼" required>
+                </div>
+                <div>
+                    <label>电话</label>
+                    <input type="tel" name="phone" placeholder="手机号码" required>
+                </div>
+                <div class="full-width">
+                    <label>邮箱</label>
+                    <input type="email" name="email" placeholder="选填">
+                </div>
+                <div class="full-width">
+                    <label>留言</label>
+                    <textarea name="message" placeholder="简要描述您当前使用的系统（选填）"></textarea>
+                </div>
+                <div class="contact-submit">
+                    <button type="submit" id="submitBtn">获取诊断名额</button>
+                </div>
+                <div class="form-status" id="formStatus"></div>
+            </form>
+        </div>
+    </section>
+
+    <footer>
+        <div class="container">
+            <div class="tech-by">TECHNICAL SUPPORT PROVIDED BY</div>
+            <div class="company">上海菲西尔智能科技有限公司</div>
+            <div style="margin-top: 12px; font-size: 10px; color: #444; letter-spacing: 1px;">© 2026 SHANGHAI FISCHER INTELLIGENT TECHNOLOGY CO., LTD.</div>
+        </div>
+    </footer>
+
+    <script>
+        // 强制视频播放并捕获错误
+        document.addEventListener('DOMContentLoaded', () => {
+            const vid = document.querySelector('.hero-video');
+            if (vid) {
+                vid.play().catch(e => {
+                    console.warn('Autoplay blocked:', e);
+                });
+            }
+
+            // 表单提交
+            const form = document.getElementById('consultForm');
+            const btn = document.getElementById('submitBtn');
+            const status = document.getElementById('formStatus');
+            if (form) {
+                btn.addEventListener('click', () => {
+                    const name = form.name.value.trim();
+                    const phone = form.phone.value.trim();
+                    const email = form.email.value.trim();
+                    const message = form.message.value.trim();
+                    if (!name || !phone) { status.textContent = '请填写姓名和电话'; status.className = 'form-status err'; return; }
+                    btn.disabled = true; btn.textContent = '提交中...';
+                    fetch('/ai/api/consult', {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ name, phone, email, message })
+                    }).then(r => r.json()).then(d => {
+                        if (d.success) { status.textContent = '已收到，我们会尽快联系您'; status.className = 'form-status ok'; form.reset(); }
+                        else { status.textContent = d.error || '提交失败，请重试'; status.className = 'form-status err'; }
+                    }).catch(() => { status.textContent = '网络错误，请重试'; status.className = 'form-status err'; })
+                    .finally(() => { btn.disabled = false; btn.textContent = '提交咨询'; });
+                });
+            }
+        });
+
+        // 滚动渐显动画
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) entry.target.classList.add('visible');
+            });
+        }, { threshold: 0.15, rootMargin: "0px 0px -50px 0px" });
+        document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));
+
+        // 移动端：入场动画 + 视差滚动
+        if (window.innerWidth <= 900) {
+            // 3. 逐屏滚动 - 方向感知，禁止自由滚动
+            
+            // 导航链接点击：保持原生跳转
+// 导航链接点击：定位到对应 section 并更新索引
+            document.querySelectorAll('.nav-links a, .btn').forEach(link => {
+                link.addEventListener('click', (e) => {
+                    const href = link.getAttribute('href');
+                    if (!href || !href.startsWith('#')) return;
+                    const targetId = href.substring(1);
+                    const idx = snapTargets.findIndex(t => t.id === targetId);
+                    if (idx >= 0) {
+                        e.preventDefault();
+                        currentIndex = idx;
+                        goTo(idx);
+                    }
+                });
+            });
+        }
+    </script>
+</body>
+</html>
\ No newline at end of file