From 94db5a1da0bafeaf9674ecfd56722e2b6f220928 Mon Sep 17 00:00:00 2001
From: Omega <omega@localhost>
Date: Wed, 22 Apr 2026 21:16:16 +0800
Subject: [PATCH] feat: cinematic redesign - emotional copy, film grain, trust
 metrics, refined typography

---
 index.html                | 1027 +++++++++++++++----------------------
 index.html.bak.20260422v2 |  996 +++++++++++++++++++++++++++++++++++
 index.html.bak.20260422v3 |  996 +++++++++++++++++++++++++++++++++++
 3 files changed, 2392 insertions(+), 627 deletions(-)
 create mode 100644 index.html.bak.20260422v2
 create mode 100644 index.html.bak.20260422v3

diff --git a/index.html b/index.html
index a15102b..404e6a9 100644
--- a/index.html
+++ b/index.html
@@ -46,7 +46,9 @@
         :root {
             --bg: #050505;
             --text-main: #ffffff;
-            --text-sub: #999999;
+            --text-sub: #888888;
+            --accent: rgba(255,255,255,0.06);
+            --glow: rgba(255,255,255,0.03);
         }
         * { box-sizing: border-box; margin: 0; padding: 0; }
         html { scroll-behavior: smooth; }
@@ -54,609 +56,355 @@
             font-family: 'Inter', 'Noto Sans SC', sans-serif;
             background: var(--bg);
             color: var(--text-main);
-            line-height: 1.5;
+            line-height: 1.6;
             overflow-x: hidden;
+            -webkit-font-smoothing: antialiased;
         }
 
         /* 导航 */
         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);
+            padding: 20px 0; background: rgba(5,5,5,0.9); backdrop-filter: blur(20px);
+            border-bottom: 1px solid rgba(255,255,255,0.04);
+            transition: all 0.4s ease;
         }
+        nav.scrolled { padding: 12px 0; background: rgba(5,5,5,0.95); }
         .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; }
+        .logo { font-size: 13px; font-weight: 800; letter-spacing: 4px; color: #fff; text-transform: uppercase; }
+        .nav-links a { color: #555; text-decoration: none; font-size: 11px; margin-left: 40px; font-weight: 600; transition: 0.3s; text-transform: uppercase; letter-spacing: 1.5px; }
         .nav-links a:hover { color: #fff; }
 
-        /* HERO - 营销视频背景 */
+        /* 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;
+            filter: brightness(0.7) saturate(1.1);
+            transform: scale(1.05);
+            animation: heroZoom 25s ease-in-out infinite alternate;
         }
         @keyframes heroZoom {
             from { transform: scale(1.05); }
-            to { transform: scale(1.12); }
+            to { transform: scale(1.10); }
         }
-        /* 视频未加载/移动端降级：静态 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%);
+            background: linear-gradient(to bottom, rgba(0,0,0,0.2) 20%, rgba(0,0,0,0.7) 100%);
             z-index: 1; pointer-events: none;
         }
 
         .hero-content {
-            position: relative; z-index: 10; text-align: center; max-width: 1000px; padding: 0 20px;
+            position: relative; z-index: 10; text-align: center; max-width: 1100px; padding: 0 24px;
         }
-        
+
+        /* Hero 装饰线 */
+        .hero-line {
+            width: 60px; height: 1px; background: rgba(255,255,255,0.4);
+            margin: 0 auto 40px;
+            opacity: 0; animation: textReveal 1s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.1s;
+        }
+
         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;
+            font-size: clamp(40px, 8vw, 100px);
+            font-weight: 900; line-height: 1.08; letter-spacing: -2px; margin-bottom: 32px;
+            text-shadow: 0 4px 30px rgba(0,0,0,0.8);
+            opacity: 0; animation: textReveal 1.4s 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);
+            font-size: clamp(16px, 1.6vw, 20px); font-weight: 400; color: rgba(255,255,255,0.85);
+            max-width: 680px; margin: 0 auto 56px; line-height: 1.7;
+            background: rgba(255,255,255,0.04);
+            backdrop-filter: blur(16px) saturate(150%);
+            -webkit-backdrop-filter: blur(16px) saturate(150%);
+            border: 1px solid rgba(255,255,255,0.06);
+            border-radius: 12px;
+            padding: 28px 36px;
+            opacity: 0; animation: textReveal 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.5s;
+            text-shadow: 0 2px 8px rgba(0,0,0,0.4);
         }
 
         .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;
+            display: inline-block; padding: 16px 44px;
+            background: #fff; color: #000; text-decoration: none; font-size: 13px; font-weight: 700;
+            border-radius: 4px; letter-spacing: 1.5px; text-transform: uppercase; transition: all 0.4s ease;
+            opacity: 0; animation: textReveal 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.8s;
+            box-shadow: 0 4px 20px rgba(0,0,0,0.3);
         }
-        .btn:hover { transform: translateY(-2px); background: #eee; }
+        .btn:hover { transform: translateY(-3px); background: #f5f5f5; box-shadow: 0 8px 30px rgba(255,255,255,0.1); }
 
         .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;
+            width: 1px; height: 50px; background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.3), transparent);
+            animation: scrollLine 3s 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); } }
+        @keyframes scrollLine { 0%, 100% { opacity: 0; transform: scaleY(0.5); } 50% { opacity: 1; transform: scaleY(1); } }
+        @keyframes textReveal { from { opacity: 0; transform: translateY(24px); } 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; }
+        section { padding: 180px 0; background: var(--bg); border-top: 1px solid rgba(255,255,255,0.04); }
+        .section-label { font-size: 11px; font-weight: 700; color: #555; letter-spacing: 4px; margin-bottom: 24px; display: block; }
+        .section-title-row { max-width: 700px; margin-bottom: 80px; }
+        h2 { font-size: clamp(36px, 4.5vw, 64px); font-weight: 900; line-height: 1.08; margin-bottom: 20px; letter-spacing: -1.5px; color: #fff; }
+        .section-desc { font-size: 18px; color: #888; line-height: 1.7; max-width: 560px; }
+
+        /* 信任条 */
+        .trust-bar {
+            display: flex; gap: 48px; margin-top: 60px; padding-top: 40px;
+            border-top: 1px solid rgba(255,255,255,0.06);
+        }
+        .trust-item { text-align: left; }
+        .trust-num { font-size: 32px; font-weight: 800; color: #fff; letter-spacing: -1px; }
+        .trust-label { font-size: 12px; color: #666; margin-top: 4px; letter-spacing: 0.5px; }
 
         /* 痛点板块 */
         #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;
+                linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
+                linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
+            background-size: 100px 100px;
         }
-        @keyframes gridMove {
-            0% { transform: translate(0, 0); }
-            100% { transform: translate(80px, 80px); }
-        }
-        /* 径向光晕 */
         .pain-glow {
-            position: absolute; top: 50%; left: 50%; width: 800px; height: 800px;
+            position: absolute; top: 30%; left: 50%; width: 900px; height: 900px;
             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); }
+            background: radial-gradient(circle, rgba(255,255,255,0.02) 0%, transparent 70%);
+            z-index: 0; pointer-events: none;
         }
         #pain-points .container { position: relative; z-index: 1; }
 
-        .pain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }
+        .pain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; }
         .pain-item {
-            background: rgba(255,255,255,0.015);
-            padding: 48px 40px;
+            background: rgba(255,255,255,0.01);
+            padding: 56px 48px 48px;
             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;
+            transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
+            position: relative; overflow: hidden;
+            min-height: 360px;
+            display: flex; flex-direction: column;
+            justify-content: space-between;
         }
-        .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::after {
+            content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px;
+            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
+            transform: scaleX(0); transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
         }
-        .pain-item:hover::before { transform: translateX(0); }
+        .pain-item:hover::after { transform: scaleX(1); }
         .pain-item:hover {
             background: rgba(255,255,255,0.03);
             border-color: rgba(255,255,255,0.08);
+            transform: translateY(-2px);
         }
-        /* 顶部 SVG 图标 */
         .pain-icon {
-            position: absolute; top: 32px; left: 40px;
-            width: 48px; height: 48px;
-            opacity: 0.15;
-            transition: opacity 0.5s ease;
+            width: 40px; height: 40px; opacity: 0.2; transition: all 0.5s ease; margin-bottom: 32px;
         }
-        .pain-item:hover .pain-icon { opacity: 0.35; }
+        .pain-item:hover .pain-icon { opacity: 0.4; transform: scale(1.1); }
         .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-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 h3 {
-            font-size: 20px; font-weight: 800; color: #fff; margin-bottom: 12px;
-            letter-spacing: -0.5px;
+            font-size: 22px; font-weight: 800; color: #fff; margin-bottom: 16px;
+            letter-spacing: -0.5px; line-height: 1.3;
         }
         .pain-item p {
-            font-size: 14px; color: #666; line-height: 1.7;
+            font-size: 15px; color: #666; line-height: 1.8;
         }
-        /* 破局之道 - 全宽特殊卡片 */
-        .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;
+        .pain-num {
+            font-size: 80px; font-weight: 900; color: rgba(255,255,255,0.03);
+            position: absolute; bottom: 24px; right: 32px; line-height: 1; letter-spacing: -4px;
         }
 
-        /* 思路板块 */
-        .approach-list { max-width: 900px; margin: 0 auto; }
+        /* 破局之道 - 全宽高潮卡片 */
+        .pain-item.highlight {
+            grid-column: 1 / -1;
+            min-height: auto; padding: 80px;
+            background: rgba(255,255,255,0.02);
+            border-color: rgba(255,255,255,0.06);
+            display: flex; align-items: center; gap: 80px;
+        }
+        .pain-item.highlight .highlight-body { flex: 1; }
+        .pain-item.highlight h3 {
+            font-size: 32px; font-weight: 900; margin-bottom: 16px; letter-spacing: -1px;
+        }
+        .pain-item.highlight p {
+            font-size: 18px; color: #999; line-height: 1.8; max-width: 600px;
+        }
+        .pain-item.highlight .pain-num {
+            position: relative; bottom: auto; right: auto; font-size: 120px; opacity: 0.04; flex-shrink: 0;
+        }
+
+        /* 业务板块 */
+        .project-row { display: flex; align-items: center; gap: 100px; margin-bottom: 240px; }
+        .project-row.reverse { flex-direction: row-reverse; }
+        .project-row:last-child { margin-bottom: 0; }
+        .project-text { flex: 1; }
+        .project-metric {
+            font-size: 56px; font-weight: 900; color: #fff; letter-spacing: -3px; margin-bottom: 8px;
+            background: linear-gradient(135deg, #fff 0%, #aaa 100%);
+            -webkit-background-clip: text; -webkit-text-fill-color: transparent;
+        }
+        .project-text h2 { font-size: clamp(32px, 3.5vw, 48px); margin-bottom: 20px; }
+        .project-text p { font-size: 18px; color: #888; line-height: 1.8; max-width: 520px; margin-top: 16px; }
+        .project-text .project-closer {
+            margin-top: 24px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.06);
+            font-size: 15px; color: #666; font-style: italic;
+        }
+        .project-img {
+            flex: 1.2; height: 560px; border-radius: 6px; overflow: hidden; position: relative;
+            background: #0a0a0a; border: 1px solid rgba(255,255,255,0.04);
+        }
+        .project-img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
+        .project-img:hover img { transform: scale(1.04); }
+
+        /* 思路板块 - 重新设计为对比卡片 */
+        .approach-list { max-width: 1000px; }
         .approach-item {
-            display: flex; gap: 40px; padding: 48px 0;
-            border-bottom: 1px solid rgba(255,255,255,0.06);
+            display: flex; gap: 48px; padding: 56px 0;
+            border-bottom: 1px solid rgba(255,255,255,0.04);
             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-num {
+            font-size: 48px; font-weight: 900; color: rgba(255,255,255,0.06);
+            letter-spacing: -2px; line-height: 1; min-width: 80px; padding-top: 4px;
         }
         .approach-body h3 {
-            font-size: 24px; font-weight: 800; color: #fff; margin-bottom: 12px;
+            font-size: 28px; font-weight: 800; color: #fff; margin-bottom: 16px;
             letter-spacing: -0.5px;
         }
         .approach-body p {
-            font-size: 16px; color: #888; line-height: 1.7; max-width: 600px;
+            font-size: 17px; color: #888; line-height: 1.8; max-width: 640px;
         }
 
-        /* 业务板块 - 使用本地图片 (修复了路径问题，移除暗黑滤镜) */
-        .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; 
+        /* GEO 板块 */
+        .geo-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 100px; align-items: center; }
+        .geo-bridge {
+            font-size: 14px; color: #666; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 16px;
+            display: flex; align-items: center; gap: 12px;
         }
-        .project-img img {
-            width: 100%; height: 100%; object-fit: cover;
-            /* 移除滤镜，保持清晰明亮 */
-            filter: brightness(1.0); transition: all 0.6s ease;
+        .geo-bridge::before { content: ''; width: 30px; height: 1px; background: #666; }
+        .geo-quote {
+            margin-top: 40px; padding: 32px; background: rgba(255,255,255,0.02);
+            border-left: 3px solid rgba(255,255,255,0.15); border-radius: 0 8px 8px 0;
         }
-        .project-img:hover img { transform: scale(1.03); }
+        .geo-quote p { font-size: 18px; color: #ccc; line-height: 1.7; font-style: italic; }
 
         /* 联系板块 */
-        .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-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: start; }
+        .contact-info h2 { margin-bottom: 24px; }
+        .contact-info p { font-size: 18px; color: #888; line-height: 1.8; }
+        .contact-form { display: flex; flex-direction: column; gap: 20px; }
         .contact-form label {
-            display: block; font-size: 11px; color: #666; font-weight: 700;
+            display: block; font-size: 11px; color: #555; 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;
+            width: 100%; padding: 16px 20px; background: rgba(255,255,255,0.02);
+            border: 1px solid rgba(255,255,255,0.08); border-radius: 4px;
+            color: #fff; font-size: 15px; font-family: inherit; transition: all 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;
+            outline: none; border-color: rgba(255,255,255,0.2); background: rgba(255,255,255,0.04);
         }
+        .contact-form textarea { min-height: 120px; resize: vertical; }
+        .contact-form input::placeholder, .contact-form textarea::placeholder { color: #333; }
         .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;
+            padding: 16px 48px; background: #fff; color: #000;
+            border: none; font-size: 13px; font-weight: 700; letter-spacing: 1.5px;
+            text-transform: uppercase; cursor: pointer; transition: all 0.4s; width: 100%; border-radius: 4px;
         }
-        .contact-submit button:hover { background: #eee; transform: translateY(-2px); }
+        .contact-submit button:hover { background: #f5f5f5; 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 { text-align: center; font-size: 13px; 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; }
+        footer { padding: 80px 0; text-align: center; background: #020202; border-top: 1px solid rgba(255,255,255,0.04); }
+        .tech-by { font-size: 10px; color: #444; letter-spacing: 3px; margin-bottom: 16px; }
+        .company { font-size: 15px; color: #777; font-weight: 600; }
 
         /* 动效 */
-        .fade-up { opacity: 0; transform: translateY(40px); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
+        .fade-up { opacity: 0; transform: translateY(30px); transition: all 1.2s 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; }
-        }
-        /* 移动端：痛点和思路板块 - 错位动画 */
+        @keyframes sectionFadeIn { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
+
+        /* 装饰元素 */
+        .deco-line { width: 40px; height: 1px; background: rgba(255,255,255,0.2); margin: 32px 0; }
+        .deco-dots { display: flex; gap: 6px; margin: 24px 0; }
+        .deco-dots span { width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,0.15); }
+        .deco-dots span:first-child { background: rgba(255,255,255,0.4); }
+
+        /* 移动端 */
         @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; }
+            h1 { font-size: 36px; letter-spacing: -1px; }
+            .hero-sub { font-size: 15px; padding: 20px 24px; margin-bottom: 40px; }
+            .btn { padding: 14px 32px; font-size: 12px; }
+            section { padding: 100px 0; }
+            .section-title-row { margin-bottom: 48px; }
+            h2 { font-size: 28px; }
 
-            /* 其他板块也至少一屏 */
-            #solutions, #approach, #geo, #contact {
-                min-height: auto;
+            .trust-bar { flex-wrap: wrap; gap: 32px; }
+            .trust-item { flex: 1; min-width: 120px; }
+
+            #pain-points { overflow: visible; text-align: center; }
+            .pain-grid { display: flex; flex-direction: column; }
+            .pain-item {
+                min-height: auto; padding: 60px 24px 48px; text-align: center;
+                border: none; border-top: 1px solid rgba(255,255,255,0.06);
+                background: transparent;
             }
-            #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;
+            .pain-icon { margin: 0 auto 32px; }
+            .pain-item h3 { font-size: 24px; font-weight: 900; letter-spacing: 1px; }
+            .pain-item p { font-size: 14px; color: #888; }
+            .pain-num { position: absolute; bottom: 20px; right: 16px; font-size: 80px; }
+            .pain-item.highlight {
+                flex-direction: column; padding: 60px 24px; gap: 24px; text-align: center;
             }
+            .pain-item.highlight h3 { font-size: 28px; }
+            .pain-item.highlight .pain-num { position: relative; font-size: 100px; }
+
+            .project-row, .project-row.reverse { flex-direction: column; gap: 40px; margin-bottom: 120px; }
+            .project-metric { font-size: 42px; }
+            .project-img { width: 100%; height: 280px; }
+
+            .approach-item { flex-direction: column; gap: 16px; padding: 40px 0; }
+            .approach-num { font-size: 36px; min-width: auto; }
+            .approach-body h3 { font-size: 22px; }
+
+            .geo-grid { grid-template-columns: 1fr; gap: 48px; }
+            .contact-grid { grid-template-columns: 1fr; gap: 48px; }
+        }
+
+        /* 胶片颗粒 + 暗角 */
+        .film-grain {
+            position: fixed; inset: -50%; width: 200%; height: 200%; z-index: 999; pointer-events: none;
+            opacity: 0.025; mix-blend-mode: overlay;
+            animation: grain 0.8s steps(6) infinite;
+            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
+        }
+        @keyframes grain { 0% { transform: translate(0,0); } 100% { transform: translate(-10%,10%); } }
+        .vignette {
+            position: fixed; inset: 0; z-index: 998; pointer-events: none;
+            background: radial-gradient(ellipse at center, transparent 55%, rgba(0,0,0,0.5) 100%);
         }
     </style>
 </head>
 <body>
+    <div class="film-grain"></div>
+    <div class="vignette"></div>
+
     <nav>
         <div class="nav-inner">
-            <div class="logo">AI X</div>
+            <div class="logo">FISCHER</div>
             <div class="nav-links">
                 <a href="#pain-points">场景洞察</a>
                 <a href="#solutions">核心服务</a>
@@ -667,115 +415,133 @@
         </div>
     </nav>
 
+    <!-- HERO -->
     <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">
+            <div class="hero-line"></div>
             <h1>不推倒重来<br>只做智能叠加</h1>
             <div class="hero-sub">
                 在已运转的业务系统之上叠加 AI 智能层。2 周部署，零迁移成本，让旧系统拥有新大脑。
             </div>
-            <a href="#pain-points" class="btn">获取行业定制方案</a>
+            <a href="#solutions" 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">THE REAL PROBLEM</span>
-            <h2 class="fade-up" style="max-width: 700px; margin-bottom: 60px;">为什么你的系统<br>越用越贵</h2>
+            <div class="section-title-row fade-up">
+                <span class="section-label">THE REAL PROBLEM</span>
+                <h2>你的系统<br>正在偷走你的利润</h2>
+                <p class="section-desc">每一个你习以为常的流程背后，都藏着被浪费的成本和错失的机会。</p>
+            </div>
+
             <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 viewBox="0 0 40 40">
+                            <rect x="6" y="6" width="12" height="12" rx="2"/>
+                            <rect x="22" y="6" width="12" height="12" rx="2"/>
+                            <rect x="6" y="22" width="12" height="12" rx="2"/>
+                            <rect x="22" y="22" width="12" height="12" rx="2"/>
+                            <line x1="18" y1="12" x2="22" y2="12"/>
+                            <line x1="12" y1="18" x2="12" y2="22"/>
+                            <line x1="28" y1="18" x2="28" y2="22"/>
+                            <line x1="18" y1="28" x2="22" y2="28"/>
                         </svg>
                     </div>
-                    <h3>每年几十万数据录入费<br>换来零决策价值</h3>
-                    <p>物业、资管、CRM 积累了海量数据，却像仓库里的积压库存。记录了一大堆，决策还是靠拍脑袋。</p>
+                    <div>
+                        <h3>每年几十万数据录入费<br>换来零决策价值</h3>
+                        <p>物业、资管、CRM 积累了海量数据，却像仓库里的积压库存。记录了一大堆，决策还是靠拍脑袋。</p>
+                    </div>
                     <div class="pain-num">01</div>
                 </div>
-                <div class="pain-item fade-up" style="transition-delay: 0.1s;">
+                <div class="pain-item fade-up">
                     <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 viewBox="0 0 40 40">
+                            <rect x="3" y="10" width="10" height="20" rx="1.5"/>
+                            <rect x="15" y="10" width="10" height="20" rx="1.5"/>
+                            <rect x="27" y="10" width="10" height="20" rx="1.5"/>
+                            <line x1="8" y1="16" x2="8" y2="24" stroke-width="1"/>
+                            <line x1="20" y1="16" x2="20" y2="24" stroke-width="1"/>
+                            <line x1="32" y1="16" x2="32" y2="24" stroke-width="1"/>
                         </svg>
                     </div>
-                    <h3>系统越多 盲区越大<br>管理者像盲人摸象</h3>
-                    <p>报修、资产、客户分属不同系统。永远拼不出完整的业务全景，资源错配成了常态。</p>
+                    <div>
+                        <h3>系统越多 盲区越大<br>管理者像盲人摸象</h3>
+                        <p>报修、资产、客户分属不同系统。永远拼不出完整的业务全景，资源错配成了常态。</p>
+                    </div>
                     <div class="pain-num">02</div>
                 </div>
-                <div class="pain-item fade-up" style="transition-delay: 0.2s;">
+                <div class="pain-item fade-up">
                     <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 viewBox="0 0 40 40">
+                            <circle cx="20" cy="8" r="5"/>
+                            <path d="M12 36c0-7 4-12 8-12s8 5 8 12"/>
+                            <circle cx="30" cy="13" r="3.5"/>
+                            <path d="M27 36c0-4 2-8 3-8s3 4 3 8"/>
                         </svg>
                     </div>
-                    <h3>高薪人才 70% 时间<br>耗在填表和派单</h3>
-                    <p>招来的专业人才，精力被重复事务榨干。高射炮打蚊子，人效极低，人才流失率越来越高。</p>
+                    <div>
+                        <h3>高薪人才 70% 时间<br>耗在填表和派单</h3>
+                        <p>招来的专业人才，精力被重复事务榨干。高射炮打蚊子，人效极低，人才流失率越来越高。</p>
+                    </div>
                     <div class="pain-num">03</div>
                 </div>
-                <div class="pain-item fade-up" style="transition-delay: 0.1s;">
+                <div class="pain-item fade-up">
                     <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 viewBox="0 0 40 40">
+                            <circle cx="20" cy="20" r="14"/>
+                            <polyline points="20,10 20,20 26,24" stroke-width="1.5"/>
+                            <line x1="6" y1="4" x2="6" y2="10"/>
+                            <line x1="34" y1="4" x2="34" y2="10"/>
                         </svg>
                     </div>
-                    <h3>报表出来时<br>损失已经发生</h3>
-                    <p>空置率超标、客户流失、租金定价偏差……等月底报表出来，问题早已发生。企业永远在事后补救。</p>
+                    <div>
+                        <h3>报表出来时<br>损失已经发生</h3>
+                        <p>空置率超标、客户流失、租金定价偏差……等月底报表出来，问题早已发生。企业永远在事后补救。</p>
+                    </div>
                     <div class="pain-num">04</div>
                 </div>
-                <div class="pain-item fade-up" style="transition-delay: 0.2s;">
+                <div class="pain-item fade-up">
                     <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 viewBox="0 0 40 40">
+                            <path d="M20 3L3 12v10c0 10 7 18 17 20 10-2 17-10 17-20V12L20 3z"/>
+                            <line x1="20" y1="15" x2="20" y2="25"/>
+                            <line x1="15" y1="20" x2="25" y2="20"/>
                         </svg>
                     </div>
-                    <h3>推翻重来的项目<br>70% 超期超预算</h3>
-                    <p>传统 AI 方案要求重建系统。周期长、风险高、员工抵触。一旦失败，前期投入全部打水漂。</p>
+                    <div>
+                        <h3>推翻重来的项目<br>70% 超期超预算</h3>
+                        <p>传统 AI 方案要求重建系统。周期长、风险高、员工抵触。一旦失败，前期投入全部打水漂。</p>
+                    </div>
                     <div class="pain-num">05</div>
                 </div>
-                <div class="pain-item fade-up" style="transition-delay: 0.25s;">
+                <div class="pain-item fade-up">
                     <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 viewBox="0 0 40 40">
+                            <path d="M13 6c0-3 3-5 7-5s7 2 7 5c0 9-7 14-7 14s-7-5-7-14z"/>
+                            <line x1="20" y1="26" x2="20" y2="34"/>
+                            <line x1="15" y1="30" x2="25" y2="30"/>
+                            <circle cx="12" cy="15" r="1.5"/>
+                            <circle cx="28" cy="15" r="1.5"/>
                         </svg>
                     </div>
-                    <h3>核心能力长在老员工脑子里<br>人走能力断</h3>
-                    <p>招商经验、客户判断、定价策略全靠人。人一走，能力就断层。企业无法规模化复制成功经验。</p>
+                    <div>
+                        <h3>核心能力长在老员工脑子里<br>人走能力断</h3>
+                        <p>招商经验、客户判断、定价策略全靠人。人一走，能力就断层。企业无法规模化复制成功经验。</p>
+                    </div>
                     <div class="pain-num">06</div>
                 </div>
-                <div class="pain-item highlight fade-up" style="transition-delay: 0.3s;">
+
+                <div class="pain-item highlight fade-up">
                     <div class="pain-num">∞</div>
                     <div class="highlight-body">
                         <h3>破局之道</h3>
@@ -786,80 +552,92 @@
         </div>
     </section>
 
+    <!-- 核心服务 -->
     <section id="solutions">
         <div class="container">
-            <span class="section-label fade-up">WHAT WE DO</span>
-            
-            <!-- 物业 - 本地图 (建筑/无人员) -->
+            <div class="section-title-row fade-up">
+                <span class="section-label">WHAT WE DO</span>
+                <h2>把 AI 变成你的<br>核心生产力</h2>
+                <p class="section-desc">三个行业场景，一条相同逻辑：不替换，只增强。</p>
+            </div>
+
             <div class="project-row">
                 <div class="project-text fade-up">
+                    <div class="project-metric">60%</div>
                     <h2>AI+物业<br>智能中枢</h2>
                     <p>工单自动分发，客诉响应提速 60%。在现有物业 ERP 之上叠加 AI 调度层——不改变任何原有流程。巡检路线自动规划、设备故障提前预警。你现有的系统不用换，但效率会翻倍。</p>
+                    <p class="project-closer">"不是换系统，是让系统变聪明。"</p>
                 </div>
-                <div class="project-img fade-up" style="transition-delay: 0.2s;">
+                <div class="project-img fade-up">
                     <img src="assets/prop.jpg?v=6" alt="Smart Building">
                 </div>
             </div>
 
-            <!-- 资管 - 本地图 (服务器/无人员) -->
             <div class="project-row reverse">
                 <div class="project-text fade-up">
+                    <div class="project-metric">90 天</div>
                     <h2>AI+资管<br>风控大脑</h2>
-                    <p>空置率提前 90 天预警，租金定价误差收窄至 5%。无缝接入资管平台，让历史租赁数据变成预测模型。招商智能匹配、租约到期提醒。资管不该靠直觉，该靠数据。</p>
+                    <p>空置率提前 90 天预警，租金定价误差收窄至 5%。无缝接入资管平台，让历史租赁数据变成预测模型。招商智能匹配、租约到期提醒。</p>
+                    <p class="project-closer">资管不该靠直觉，该靠数据。</p>
                 </div>
-                <div class="project-img fade-up" style="transition-delay: 0.2s;">
+                <div class="project-img fade-up">
                     <img src="assets/server.jpg?v=6" alt="Server Data">
                 </div>
             </div>
 
-            <!-- CRM - 本地图 (电脑屏幕/无人员) -->
             <div class="project-row">
                 <div class="project-text fade-up">
+                    <div class="project-metric">40%</div>
                     <h2>AI+CRM<br>效率跃升</h2>
                     <p>线索自动清洗，销售人效提升 40%。为现有 CRM 配备 AI 助理——自动捕捉商机、生成对话摘要。销售无需学习新软件，打开原界面就能看到 AI 推荐。</p>
+                    <p class="project-closer">"销售的时间应该花在客户身上，不是系统里。"</p>
                 </div>
-                <div class="project-img fade-up" style="transition-delay: 0.2s;">
+                <div class="project-img fade-up">
                     <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>AI 公司有什么不同</h2>
+            <div class="section-title-row fade-up">
+                <span class="section-label">WHY FISCHER</span>
+                <h2>菲西尔和其他<br>AI 公司有什么不同</h2>
+            </div>
+
             <div class="approach-list">
                 <div class="approach-item fade-up">
-                    <div class="approach-step">优势 1</div>
+                    <div class="approach-num">01</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-item fade-up">
+                    <div class="approach-num">02</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-item fade-up">
+                    <div class="approach-num">03</div>
                     <div class="approach-body">
                         <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-item fade-up">
+                    <div class="approach-num">04</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-item fade-up">
+                    <div class="approach-num">05</div>
                     <div class="approach-body">
                         <h3>小步试错，大步扩张</h3>
                         <p>从单一场景试点，验证有效再扩展。每一步都可衡量投入产出，钱花在刀刃上。</p>
@@ -869,54 +647,61 @@
         </div>
     </section>
 
+    <!-- GEO -->
     <section id="geo">
         <div class="container">
-            <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="geo-grid">
                 <div class="fade-up">
+                    <span class="section-label">BEYOND EFFICIENCY</span>
+                    <div class="geo-bridge">对内提效降本，对外重塑获客</div>
                     <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>
+                    <div class="geo-quote">
+                        <p>"未来的获客，不是在搜索结果里抢位置，而是在 AI 答案里占一席之地。"</p>
+                    </div>
                 </div>
-                <!-- GEO - 本地图 (数字地球/无人员) -->
-                <div class="project-img fade-up" style="transition-delay: 0.2s; height: 450px;">
+                <div class="project-img fade-up" style="height: 500px;">
                     <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>15 分钟，看看你的系统<br>能叠加什么</h2>
-                <p style="color:#777; font-size:17px; max-width:500px; margin:16px auto 0; line-height:1.7;">
-                    不推销，只评估。基于你现有架构，给出一份可落地的 AI 叠加建议。
-                </p>
+            <div class="contact-grid">
+                <div class="contact-info fade-up">
+                    <span class="section-label">GET IN TOUCH</span>
+                    <h2>15 分钟，看看你的系统<br>能叠加什么</h2>
+                    <p style="margin-top: 24px;">不推销，只评估。基于你现有架构，给出一份可落地的 AI 叠加建议。</p>
+                    <div class="deco-line" style="margin: 40px 0;"></div>
+                    <p style="font-size: 14px; color: #555;">上海菲西尔智能科技有限公司</p>
+                    <p style="font-size: 14px; color: #555; margin-top: 4px;">智能叠加——不推翻重来，在现有系统上叠加 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>
+                        <label>邮箱</label>
+                        <input type="email" name="email" placeholder="选填">
+                    </div>
+                    <div>
+                        <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>
-            <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>
 
@@ -924,19 +709,20 @@
         <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 style="margin-top: 16px; 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);
-                });
-            }
+            if (vid) vid.play().catch(e => console.warn('Autoplay blocked:', e));
+
+            // 导航滚动效果
+            window.addEventListener('scroll', () => {
+                document.querySelector('nav').classList.toggle('scrolled', window.scrollY > 60);
+            }, { passive: true });
 
             // 表单提交
             const form = document.getElementById('consultForm');
@@ -958,7 +744,7 @@
                         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 = '提交咨询'; });
+                    .finally(() => { btn.disabled = false; btn.textContent = '预约诊断名额'; });
                 });
             }
         });
@@ -968,28 +754,15 @@
             entries.forEach(entry => {
                 if (entry.isIntersecting) entry.target.classList.add('visible');
             });
-        }, { threshold: 0.15, rootMargin: "0px 0px -50px 0px" });
+        }, { threshold: 0.12, rootMargin: "0px 0px -40px 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);
-                    }
-                });
-            });
+            const mobileObs = new IntersectionObserver(entries => {
+                entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('in-view'); });
+            }, { threshold: 0.05, rootMargin: "0px 0px -5% 0px" });
+            document.querySelectorAll('#pain-points .pain-item, #approach .approach-item').forEach(el => mobileObs.observe(el));
         }
     </script>
 </body>
diff --git a/index.html.bak.20260422v2 b/index.html.bak.20260422v2
new file mode 100644
index 0000000..a15102b
--- /dev/null
+++ b/index.html.bak.20260422v2
@@ -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 智能层。2 周部署，零迁移成本，让旧系统拥有新大脑。
+            </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">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">
+                        <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>每年几十万数据录入费<br>换来零决策价值</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>系统越多 盲区越大<br>管理者像盲人摸象</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>高薪人才 70% 时间<br>耗在填表和派单</h3>
+                    <p>招来的专业人才，精力被重复事务榨干。高射炮打蚊子，人效极低，人才流失率越来越高。</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>报表出来时<br>损失已经发生</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>推翻重来的项目<br>70% 超期超预算</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>核心能力长在老员工脑子里<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>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section id="solutions">
+        <div class="container">
+            <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>
+                </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>空置率提前 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">
+                </div>
+            </div>
+
+            <!-- CRM - 本地图 (电脑屏幕/无人员) -->
+            <div class="project-row">
+                <div class="project-text fade-up">
+                    <h2>AI+CRM<br>效率跃升</h2>
+                    <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">
+                </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>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>
+                    </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>让 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>
+                    </div>
+                </div>
+                <div class="approach-item fade-up" style="transition-delay: 0.25s;">
+                    <div class="approach-step">优势 5</div>
+                    <div class="approach-body">
+                        <h3>小步试错，大步扩张</h3>
+                        <p>从单一场景试点，验证有效再扩展。每一步都可衡量投入产出，钱花在刀刃上。</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section id="geo">
+        <div class="container">
+            <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;">让用户在大模型里<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>15 分钟，看看你的系统<br>能叠加什么</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
diff --git a/index.html.bak.20260422v3 b/index.html.bak.20260422v3
new file mode 100644
index 0000000..a15102b
--- /dev/null
+++ b/index.html.bak.20260422v3
@@ -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 智能层。2 周部署，零迁移成本，让旧系统拥有新大脑。
+            </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">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">
+                        <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>每年几十万数据录入费<br>换来零决策价值</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>系统越多 盲区越大<br>管理者像盲人摸象</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>高薪人才 70% 时间<br>耗在填表和派单</h3>
+                    <p>招来的专业人才，精力被重复事务榨干。高射炮打蚊子，人效极低，人才流失率越来越高。</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>报表出来时<br>损失已经发生</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>推翻重来的项目<br>70% 超期超预算</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>核心能力长在老员工脑子里<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>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section id="solutions">
+        <div class="container">
+            <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>
+                </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>空置率提前 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">
+                </div>
+            </div>
+
+            <!-- CRM - 本地图 (电脑屏幕/无人员) -->
+            <div class="project-row">
+                <div class="project-text fade-up">
+                    <h2>AI+CRM<br>效率跃升</h2>
+                    <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">
+                </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>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>
+                    </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>让 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>
+                    </div>
+                </div>
+                <div class="approach-item fade-up" style="transition-delay: 0.25s;">
+                    <div class="approach-step">优势 5</div>
+                    <div class="approach-body">
+                        <h3>小步试错，大步扩张</h3>
+                        <p>从单一场景试点，验证有效再扩展。每一步都可衡量投入产出，钱花在刀刃上。</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section id="geo">
+        <div class="container">
+            <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;">让用户在大模型里<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>15 分钟，看看你的系统<br>能叠加什么</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