diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..ea149a5
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,24 @@
+# 菲西尔咨询表单服务环境变量配置
+# 复制此文件为 .env 并填写实际值
+
+# 服务配置
+PORT=4001
+
+# 飞书应用配置（在飞书开放平台创建应用获取）
+FEISHU_APP_ID=cli_xxxxxxxxxxxxxxxx
+FEISHU_APP_SECRET=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+
+# 飞书多维表格配置
+# 在飞书多维表格URL中找到 app_token，格式：https://xxx.feishu.cn/bitable/xxxxx
+FEISHU_BITABLE_APP_TOKEN=basxxxxxxxxxxxxxxxx
+
+# 多维表格中的数据表 table_id
+# 在多维表格中点击数据表右上角"..." -> "关于此数据表" -> "数据表 ID"
+FEISHU_BITABLE_TABLE_ID=tblXXXXXXXXXXXXXX
+
+# 飞书机器人 Webhook（可选，用于发送即时通知）
+# 在飞书群中添加自定义机器人获取
+FEISHU_WEBHOOK_URL=https://open.feishu.cn/open-apis/bot/v2/hook/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
+
+# 本地数据存储目录
+DATA_DIR=/opt/ai-landing/data
diff --git a/FEISHU_BITABLE_SETUP.md b/FEISHU_BITABLE_SETUP.md
new file mode 100644
index 0000000..97a3819
--- /dev/null
+++ b/FEISHU_BITABLE_SETUP.md
@@ -0,0 +1,296 @@
+# 飞书多维表格配置指南
+
+## 一、创建飞书多维表格
+
+### 1.1 创建多维表格
+
+1. 登录飞书
+2. 进入「工作台」→ 搜索「多维表格」
+3. 点击「新建多维表格」→ 选择「空白数据表」
+4. 将多维表格命名为「官网客户咨询」
+
+### 1.2 设置字段
+
+在数据表中创建以下字段：
+
+| 序号 | 字段名称 | 字段类型 | 说明 |
+|------|---------|---------|------|
+| 1 | 编号 | 自动编号 | 系统自动生成 |
+| 2 | 姓名 | 文本 | 客户姓名 |
+| 3 | 手机 | 电话号码 | 客户手机 |
+| 4 | 邮箱 | 邮箱 | 客户邮箱 |
+| 5 | 当前使用系统 | 多选 | 物业系统/资管系统/CRM/其他 |
+| 6 | 系统名称 | 文本 | 其他系统名称 |
+| 7 | 咨询内容 | 长文本 | 客户留言 |
+| 8 | 咨询时间 | 创建时间 | 自动记录 |
+| 9 | 处理状态 | 单选 | 待联系/已联系/已转化/无效线索 |
+| 10 | 处理备注 | 文本 | 客服跟进记录 |
+| 11 | 处理人 | 成员 | 负责客服 |
+| 12 | 跟进时间 | 修改时间 | 最后更新时间 |
+
+### 1.3 获取多维表格信息
+
+1. 在浏览器中打开创建的多维表格
+2. URL 格式：`https://xxx.feishu.cn/bitable/appbXXXXXXXXXXXXXX/baselXXXXXXXXXXXXXX`
+3. `appbXXXXXXXXXXXXXX` 就是 **BITABLE_APP_TOKEN**
+4. 点击数据表右上角「...」→「关于此数据表」→「数据表 ID」
+5. 或者进入数据表后，URL 中的 `tbl` 后面的字符串就是 **BITABLE_TABLE_ID**
+
+## 二、创建飞书应用
+
+### 2.1 创建应用
+
+1. 进入 [飞书开放平台](https://open.feishu.cn/)
+2. 点击「创建企业自建应用」
+3. 填写应用名称和描述
+4. 创建后，进入应用详情页
+
+### 2.2 获取凭证
+
+1. 进入「凭证与基础信息」
+2. 获取 **App ID** 和 **App Secret**
+
+### 2.3 配置权限
+
+1. 进入「权限管理」
+2. 搜索并添加以下权限：
+   - `bitable:app` - 多维表格权限
+   - `contact:user.id:readonly` - 通讯录只读权限
+   - `bitable:table:readonly` - 数据表只读
+   - `bitable:record:create` - 创建记录
+   - `bitable:record:update` - 更新记录
+
+### 2.4 发布应用
+
+1. 进入「版本管理与发布」
+2. 创建新版本
+3. 填写版本信息
+4. 提交审核（如果是企业自建应用，通常无需审核直接发布）
+
+### 2.5 添加应用到多维表格
+
+1. 打开创建的多维表格
+2. 点击右上角「...」→「添加应用」
+3. 搜索并添加刚创建的应用
+4. 确保应用有「查看和编辑」权限
+
+## 三、获取 Webhook（可选）
+
+### 3.1 创建群机器人
+
+1. 在飞书中创建一个专用群组（如「官网咨询处理群」）
+2. 点击群设置 → 群机器人 → 添加机器人
+3. 选择「自定义机器人」
+4. 设置机器人名称，点击添加
+5. 复制 Webhook 地址
+
+### 3.2 Webhook 地址格式
+
+```
+https://open.feishu.cn/open-apis/bot/v2/hook/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
+```
+
+## 四、环境变量配置
+
+复制 `.env.example` 为 `.env`，填写配置：
+
+```bash
+# 飞书应用凭证
+FEISHU_APP_ID=cli_xxxxxxxxxxxxxxxx
+FEISHU_APP_SECRET=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+
+# 多维表格信息
+FEISHU_BITABLE_APP_TOKEN=appbXXXXXXXXXXXXXX
+FEISHU_BITABLE_TABLE_ID=tblXXXXXXXXXXXXXX
+
+# Webhook（可选）
+FEISHU_WEBHOOK_URL=https://open.feishu.cn/open-apis/bot/v2/hook/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
+```
+
+## 五、启动服务
+
+### 5.1 安装依赖
+
+```bash
+# 仅需要 Python 3.7+（标准库，无需额外安装）
+python3 --version
+```
+
+### 5.2 启动服务
+
+```bash
+# 方法一：直接运行
+python3 consult-service.py
+
+# 方法二：使用环境变量
+FEISHU_APP_ID=xxx FEISHU_APP_SECRET=xxx python3 consult-service.py
+
+# 方法三：使用 .env 文件
+# 安装 python-dotenv（可选）
+pip3 install python-dotenv
+
+# 启动服务
+python3 consult-service.py
+```
+
+### 5.3 验证服务
+
+```bash
+# 健康检查
+curl http://localhost:4001/api/consult/health
+
+# 测试提交
+curl -X POST http://localhost:4001/api/consult \
+  -H "Content-Type: application/json" \
+  -d '{
+    "name": "测试用户",
+    "phone": "13812345678",
+    "email": "test@example.com",
+    "current_system": ["物业系统", "CRM"],
+    "message": "测试咨询内容"
+  }'
+```
+
+## 六、配置 Nginx 反向代理（生产环境）
+
+```nginx
+server {
+    listen 443 ssl;
+    server_name your-domain.com;
+
+    location /ai/api/consult {
+        proxy_pass http://127.0.0.1:4001;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+
+        # 限制请求体大小
+        client_max_body_size 50k;
+    }
+}
+```
+
+## 七、数据流程
+
+```
+┌─────────────┐
+│   用户提交  │
+│   表单数据  │
+└──────┬──────┘
+       │
+       ▼
+┌─────────────┐
+│  前端验证   │
+│  (HTML5 +  │
+│   JavaScript)│
+└──────┬──────┘
+       │
+       ▼
+┌─────────────┐
+│  后端 API   │
+│ /api/consult│
+└──────┬──────┘
+       │
+       ├─────────────────┐
+       │                 │
+       ▼                 ▼
+┌─────────────┐   ┌─────────────┐
+│  本地存储   │   │ 飞书多维    │
+│   JSON 文件 │   │   表格      │
+└─────────────┘   └──────┬──────┘
+                         │
+                         ▼
+                  ┌─────────────┐
+                  │ 飞书通知    │
+                  │ (Webhook)   │
+                  └─────────────┘
+```
+
+## 八、故障排查
+
+### 8.1 常见问题
+
+**Q: 飞书多维表格写入失败**
+- 检查 APP_ID 和 APP_SECRET 是否正确
+- 确认应用已发布并添加到多维表格
+- 检查权限是否包含 `bitable:record:create`
+
+**Q: Webhook 通知发送失败**
+- 确认 Webhook 地址正确
+- 检查网络是否可访问外网
+
+**Q: CORS 跨域问题**
+- 确认后端服务正常运行
+- 检查 Nginx 配置是否正确转发
+
+### 8.2 日志查看
+
+服务运行时会输出详细日志：
+
+```
+[2026-05-19 10:00:00] ✓ 飞书 access_token 获取成功
+[2026-05-19 10:00:01] ✓ 本地保存成功: /opt/ai-landing/data/2026-05.json
+[2026-05-19 10:00:02] ✓ 飞书多维表格记录创建成功: recXXXXXXXXXXXXXX
+[2026-05-19 10:00:03] ✓ 飞书通知发送成功
+```
+
+## 九、后续扩展
+
+### 9.1 自动分配处理人
+
+在 `consult-service.py` 中添加逻辑，根据不同条件自动分配处理人：
+
+```python
+def _auto_assign_handler(self, record):
+    # 根据系统类型分配
+    system = record.get("current_system", "")
+    if "物业" in system:
+        return "张三"
+    elif "资管" in system:
+        return "李四"
+    else:
+        return "王五"
+```
+
+### 9.2 自动发送邮件通知
+
+添加邮件通知功能：
+
+```python
+import smtplib
+from email.mime.text import MIMEText
+
+def send_email_notification(self, record):
+    # 配置邮件服务器
+    smtp_server = os.getenv("SMTP_SERVER")
+    smtp_port = int(os.getenv("SMTP_PORT", 587))
+    smtp_user = os.getenv("SMTP_USER")
+    smtp_password = os.getenv("SMTP_PASSWORD")
+
+    msg = MIMEText(f"新咨询：{record['name']} - {record['phone']}", 'plain')
+    msg['Subject'] = '官网新咨询通知'
+    msg['From'] = smtp_user
+    msg['To'] = 'sales@example.com'
+
+    with smtplib.SMTP(smtp_server, smtp_port) as server:
+        server.starttls()
+        server.login(smtp_user, smtp_password)
+        server.send_message(msg)
+```
+
+### 9.3 数据统计
+
+定期统计咨询数据：
+
+```python
+def get_statistics(self):
+    """获取统计数据"""
+    # 按月统计
+    # 按处理状态统计
+    # 按来源统计
+    pass
+```
+
+## 十、联系支持
+
+如有问题，请联系技术支持。
diff --git a/assets/logo/logo-footer.png b/assets/logo/logo-footer.png
new file mode 100644
index 0000000..f288a8f
Binary files /dev/null and b/assets/logo/logo-footer.png differ
diff --git a/assets/logo/logo-nav.png b/assets/logo/logo-nav.png
new file mode 100644
index 0000000..f288a8f
Binary files /dev/null and b/assets/logo/logo-nav.png differ
diff --git a/assets/logo/logo-original.png b/assets/logo/logo-original.png
new file mode 100644
index 0000000..7e4cd2a
Binary files /dev/null and b/assets/logo/logo-original.png differ
diff --git a/assets/logo/logo.png b/assets/logo/logo.png
new file mode 100644
index 0000000..7e4cd2a
Binary files /dev/null and b/assets/logo/logo.png differ
diff --git a/consult-service.py b/consult-service.py
new file mode 100644
index 0000000..069a250
--- /dev/null
+++ b/consult-service.py
@@ -0,0 +1,412 @@
+#!/usr/bin/env python3
+"""
+菲西尔官网咨询表单接收服务
+支持飞书多维表格（Bitable）集成
+"""
+import json
+import os
+import re
+from datetime import datetime
+from http.server import HTTPServer, BaseHTTPRequestHandler
+from typing import Dict, Any, Optional
+import urllib.request
+import urllib.error
+
+
+class FeishuConfig:
+    """飞书配置"""
+    APP_ID = os.getenv("FEISHU_APP_ID", "")
+    APP_SECRET = os.getenv("FEISHU_APP_SECRET", "")
+    BITABLE_APP_TOKEN = os.getenv("FEISHU_BITABLE_APP_TOKEN", "")
+    BITABLE_TABLE_ID = os.getenv("FEISHU_BITABLE_TABLE_ID", "")
+    WEBHOOK_URL = os.getenv("FEISHU_WEBHOOK_URL", "")
+
+
+class FeishuBitableClient:
+    """飞书多维表格客户端"""
+    
+    def __init__(self, config: FeishuConfig):
+        self.config = config
+        self.base_url = "https://open.feishu.cn/open-apis"
+        self._access_token: Optional[str] = None
+    
+    def get_access_token(self) -> str:
+        """获取 tenant_access_token"""
+        url = f"{self.base_url}/auth/v3/tenant_access_token/internal"
+        payload = json.dumps({
+            "app_id": self.config.APP_ID,
+            "app_secret": self.config.APP_SECRET
+        }).encode()
+        
+        req = urllib.request.Request(url, data=payload, method="POST")
+        req.add_header("Content-Type", "application/json")
+        
+        with urllib.request.urlopen(req, timeout=10) as resp:
+            data = json.loads(resp.read())
+        
+        if data.get("code") != 0:
+            raise Exception(f"获取飞书 access_token 失败: {data.get('msg')}")
+        
+        self._access_token = data["tenant_access_token"]
+        print(f"✓ 成功获取飞书 access_token")
+        return self._access_token
+    
+    def _request(self, method: str, path: str, data: Dict = None) -> Dict[str, Any]:
+        """发送API请求"""
+        if not self._access_token:
+            self.get_access_token()
+        
+        url = f"{self.base_url}{path}"
+        payload = json.dumps(data).encode() if data else None
+        
+        req = urllib.request.Request(url, data=payload, method=method)
+        req.add_header("Authorization", f"Bearer {self._access_token}")
+        req.add_header("Content-Type", "application/json")
+        
+        try:
+            with urllib.request.urlopen(req, timeout=15) as resp:
+                result = json.loads(resp.read())
+            
+            if result.get("code") != 0:
+                raise Exception(f"飞书 API 调用失败: {result.get('msg')}")
+            
+            return result.get("data", {})
+        except urllib.error.HTTPError as e:
+            error_body = e.read().decode()
+            raise Exception(f"HTTP {e.code}: {error_body}")
+    
+    def create_record(self, fields: Dict[str, Any]) -> Dict[str, Any]:
+        """创建单条记录
+        
+        Args:
+            fields: 字段数据
+            
+        Returns:
+            创建的记录信息
+        """
+        path = f"/bitable/v1/apps/{self.config.BITABLE_APP_TOKEN}/tables/{self.config.BITABLE_TABLE_ID}/records"
+        return self._request("POST", path, {"fields": fields})
+    
+    def batch_create_records(self, records: list) -> Dict[str, Any]:
+        """批量创建记录
+        
+        Args:
+            records: 记录列表，每条记录包含 fields
+            
+        Returns:
+            创建结果
+        """
+        path = f"/bitable/v1/apps/{self.config.BITABLE_APP_TOKEN}/tables/{self.config.BITABLE_TABLE_ID}/records/batch_create"
+        return self._request("POST", path, {"records": records})
+
+
+class ConsultService:
+    """咨询表单服务"""
+    
+    def __init__(self):
+        self.feishu_config = FeishuConfig()
+        self.data_dir = "/opt/ai-landing/data"
+        os.makedirs(self.data_dir, exist_ok=True)
+        
+        # 初始化飞书客户端
+        self.bitable_client = None
+        if self.feishu_config.APP_ID and self.feishu_config.BITABLE_APP_TOKEN:
+            try:
+                self.bitable_client = FeishuBitableClient(self.feishu_config)
+                print("✓ 飞书多维表格客户端初始化成功")
+            except Exception as e:
+                print(f"⚠ 飞书多维表格初始化失败: {e}")
+        else:
+            print("⚠ 飞书配置未完成，将仅保存本地数据")
+    
+    def validate_phone(self, phone: str) -> bool:
+        """验证手机号"""
+        return bool(re.match(r"^1\d{10}$", phone.strip()))
+    
+    def validate_email(self, email: str) -> bool:
+        """验证邮箱"""
+        if not email:
+            return True  # 邮箱为选填
+        return bool(re.match(r"^[^\s@]+@[^\s@]+\.[^\s@]+$", email.strip()))
+    
+    def validate_name(self, name: str) -> bool:
+        """验证姓名"""
+        name = name.strip()
+        return 2 <= len(name) <= 50
+    
+    def process_consult(self, data: Dict[str, Any]) -> Dict[str, Any]:
+        """处理咨询数据
+        
+        Args:
+            data: 表单提交的数据
+            
+        Returns:
+            处理结果
+        """
+        # 提取字段
+        name = data.get("name", "").strip()
+        phone = data.get("phone", "").strip()
+        email = data.get("email", "").strip()
+        current_system = data.get("current_system", [])
+        system_name = data.get("system_name", "").strip()
+        message = data.get("message", "").strip()
+        
+        # 验证必填字段
+        errors = []
+        if not name or not self.validate_name(name):
+            errors.append("姓名格式不正确（2-50个字符）")
+        if not phone or not self.validate_phone(phone):
+            errors.append("手机号格式不正确")
+        if email and not self.validate_email(email):
+            errors.append("邮箱格式不正确")
+        
+        if errors:
+            return {
+                "success": False,
+                "error": "; ".join(errors)
+            }
+        
+        # 构建记录
+        record = {
+            "time": datetime.now().strftime("%Y-%m-%d %H:%M:%S"),
+            "name": name,
+            "phone": phone,
+            "email": email,
+            "current_system": ",".join(current_system) if current_system else "",
+            "system_name": system_name,
+            "message": message,
+            "source": "官网表单"
+        }
+        
+        # 保存本地
+        self._save_local(record)
+        
+        # 同步飞书
+        self._sync_feishu(record)
+        
+        # 发送飞书通知
+        if self.feishu_config.WEBHOOK_URL:
+            self._send_feishu_notification(record)
+        
+        return {"success": True, "message": "提交成功"}
+    
+    def _save_local(self, record: Dict[str, Any]):
+        """保存到本地文件"""
+        try:
+            month_file = os.path.join(
+                self.data_dir, 
+                f"{datetime.now().strftime('%Y-%m')}.json"
+            )
+            
+            records = []
+            if os.path.exists(month_file):
+                with open(month_file, 'r', encoding='utf-8') as f:
+                    try:
+                        records = json.load(f)
+                    except json.JSONDecodeError:
+                        records = []
+            
+            records.append(record)
+            
+            with open(month_file, 'w', encoding='utf-8') as f:
+                json.dump(records, f, ensure_ascii=False, indent=2)
+            
+            print(f"✓ 本地保存成功: {month_file}")
+        except Exception as e:
+            print(f"⚠ 本地保存失败: {e}")
+    
+    def _sync_feishu(self, record: Dict[str, Any]):
+        """同步到飞书多维表格"""
+        if not self.bitable_client:
+            return
+        
+        try:
+            # 构建飞书字段格式
+            fields = {
+                "姓名": record["name"],
+                "手机": record["phone"],
+                "咨询内容": record["message"],
+                "处理状态": "待联系"  # 默认状态
+            }
+            
+            if record["email"]:
+                fields["邮箱"] = record["email"]
+            
+            if record["current_system"]:
+                fields["当前使用系统"] = record["current_system"].split(",")
+            
+            if record["system_name"]:
+                fields["系统名称"] = record["system_name"]
+            
+            # 创建记录
+            result = self.bitable_client.create_record(fields)
+            record_id = result.get("record", {}).get("record_id", "")
+            print(f"✓ 飞书多维表格记录创建成功: {record_id}")
+            
+        except Exception as e:
+            print(f"⚠ 飞书多维表格同步失败: {e}")
+    
+    def _send_feishu_notification(self, record: Dict[str, Any]):
+        """发送飞书机器人通知"""
+        try:
+            systems_text = record["current_system"] or "未填写"
+            
+            msg = {
+                "msg_type": "interactive",
+                "card": {
+                    "header": {
+                        "title": {
+                            "tag": "plain_text",
+                            "content": "🔔 官网新咨询"
+                        },
+                        "template": "turquoise"
+                    },
+                    "elements": [
+                        {
+                            "tag": "markdown",
+                            "content": (
+                                f"**客户信息**\n"
+                                f"- 姓名：{record['name']}\n"
+                                f"- 电话：{record['phone']}\n"
+                                f"- 邮箱：{record['email'] or '未填写'}\n\n"
+                                f"**业务信息**\n"
+                                f"- 当前系统：{systems_text}\n"
+                                f"- 系统名称：{record['system_name'] or '无'}\n\n"
+                                f"**咨询内容**\n{record['message'] or '无'}\n\n"
+                                f"⏰ 时间：{record['time']}"
+                            )
+                        },
+                        {
+                            "tag": "action",
+                            "actions": [
+                                {
+                                    "tag": "button",
+                                    "text": {"tag": "plain_text", "content": "📞 立即联系"},
+                                    "type": "primary"
+                                }
+                            ]
+                        }
+                    ]
+                }
+            }
+            
+            payload = json.dumps(msg).encode()
+            req = urllib.request.Request(
+                self.feishu_config.WEBHOOK_URL,
+                data=payload,
+                headers={"Content-Type": "application/json"}
+            )
+            
+            with urllib.request.urlopen(req, timeout=5) as resp:
+                if resp.status == 200:
+                    print("✓ 飞书通知发送成功")
+                else:
+                    print(f"⚠ 飞书通知响应异常: {resp.status}")
+                    
+        except Exception as e:
+            print(f"⚠ 飞书通知发送失败: {e}")
+
+
+class RequestHandler(BaseHTTPRequestHandler):
+    """HTTP 请求处理器"""
+    
+    def __init__(self, *args, **kwargs):
+        self.service = ConsultService()
+        super().__init__(*args, **kwargs)
+    
+    def do_POST(self):
+        """处理 POST 请求"""
+        if self.path != "/api/consult":
+            self._send(404, {"error": "not found"})
+            return
+        
+        # 检查 Content-Length
+        length = int(self.headers.get("Content-Length", 0))
+        if length > 50000:  # 限制 50KB
+            self._send(400, {"error": "payload too large"})
+            return
+        if length == 0:
+            self._send(400, {"error": "empty request body"})
+            return
+        
+        # 读取请求体
+        body = self.rfile.read(length)
+        
+        # 解析 JSON
+        try:
+            data = json.loads(body)
+        except json.JSONDecodeError:
+            self._send(400, {"error": "invalid json"})
+            return
+        
+        # 处理咨询
+        result = self.service.process_consult(data)
+        
+        if result.get("success"):
+            self._send(200, result)
+        else:
+            self._send(400, result)
+    
+    def do_GET(self):
+        """处理 GET 请求"""
+        if self.path == "/api/consult/health":
+            self._send(200, {"ok": True, "service": "consult-api"})
+        elif self.path == "/api/consult":
+            self._send(200, {
+                "service": "consult-api",
+                "version": "1.0.0",
+                "endpoints": {
+                    "POST /api/consult": "提交咨询表单"
+                }
+            })
+        else:
+            self._send(404, {"error": "not found"})
+    
+    def do_OPTIONS(self):
+        """处理 CORS 预检请求"""
+        self.send_response(200)
+        self.send_header("Access-Control-Allow-Origin", "*")
+        self.send_header("Access-Control-Allow-Methods", "POST, GET, OPTIONS")
+        self.send_header("Access-Control-Allow-Headers", "Content-Type")
+        self.send_header("Access-Control-Max-Age", "86400")
+        self.end_headers()
+    
+    def _send(self, code: int, data: Dict[str, Any]):
+        """发送响应"""
+        self.send_response(code)
+        self.send_header("Content-Type", "application/json")
+        self.send_header("Access-Control-Allow-Origin", "*")
+        self.send_header("Access-Control-Allow-Methods", "POST, GET, OPTIONS")
+        self.send_header("Access-Control-Allow-Headers", "Content-Type")
+        self.end_headers()
+        self.wfile.write(json.dumps(data, ensure_ascii=False).encode())
+    
+    def log_message(self, fmt, *args):
+        """自定义日志格式"""
+        timestamp = datetime.now().strftime("%Y-%m-%d %H:%M:%S")
+        print(f"[{timestamp}] {fmt % args}")
+
+
+def main():
+    """启动服务"""
+    port = int(os.getenv("PORT", 4001))
+    
+    print("=" * 60)
+    print("菲西尔官网咨询表单接收服务")
+    print("=" * 60)
+    print(f"服务地址：http://0.0.0.0:{port}")
+    print(f"API 端点：POST /api/consult")
+    print(f"健康检查：GET /api/consult/health")
+    print("=" * 60)
+    
+    server = HTTPServer(("0.0.0.0", port), RequestHandler)
+    
+    try:
+        server.serve_forever()
+    except KeyboardInterrupt:
+        print("\n服务已停止")
+        server.shutdown()
+
+
+if __name__ == "__main__":
+    main()
diff --git a/deploy.sh b/deploy.sh
new file mode 100644
index 0000000..43a82c0
--- /dev/null
+++ b/deploy.sh
@@ -0,0 +1,100 @@
+#!/bin/bash
+# 菲西尔咨询表单服务 - 快速部署脚本
+
+set -e
+
+# 颜色定义
+RED='\033[0;31m'
+GREEN='\033[0;32m'
+YELLOW='\033[1;33m'
+NC='\033[0m' # No Color
+
+echo -e "${GREEN}========================================${NC}"
+echo -e "${GREEN}菲西尔咨询表单服务 - 快速部署${NC}"
+echo -e "${GREEN}========================================${NC}"
+
+# 检查 Python 版本
+echo -e "\n${YELLOW}[1/5] 检查 Python 环境...${NC}"
+python3 --version || {
+    echo -e "${RED}错误: 未找到 Python3${NC}"
+    exit 1
+}
+echo -e "${GREEN}✓ Python 检查通过${NC}"
+
+# 检查环境变量
+echo -e "\n${YELLOW}[2/5] 检查环境变量...${NC}"
+
+if [ ! -f .env ]; then
+    echo -e "${YELLOW}未找到 .env 文件，创建示例...${NC}"
+    cp .env.example .env
+    echo -e "${YELLOW}请编辑 .env 文件填写配置${NC}"
+    exit 1
+fi
+
+source .env
+
+if [ -z "$FEISHU_APP_ID" ] || [ "$FEISHU_APP_ID" == "cli_xxx" ]; then
+    echo -e "${RED}错误: 请在 .env 中配置 FEISHU_APP_ID${NC}"
+    exit 1
+fi
+
+if [ -z "$FEISHU_BITABLE_APP_TOKEN" ] || [ "$FEISHU_BITABLE_APP_TOKEN" == "basxxx" ]; then
+    echo -e "${RED}错误: 请在 .env 中配置 FEISHU_BITABLE_APP_TOKEN${NC}"
+    exit 1
+fi
+
+echo -e "${GREEN}✓ 环境变量检查通过${NC}"
+
+# 创建数据目录
+echo -e "\n${YELLOW}[3/5] 创建数据目录...${NC}"
+DATA_DIR="${DATA_DIR:-/opt/ai-landing/data}"
+sudo mkdir -p "$DATA_DIR"
+sudo chown $(whoami):$(whoami) "$DATA_DIR"
+echo -e "${GREEN}✓ 数据目录创建成功: $DATA_DIR${NC}"
+
+# 测试飞书连接
+echo -e "\n${YELLOW}[4/5] 测试飞书连接...${NC}"
+python3 -c "
+from consult_service import ConsultService
+service = ConsultService()
+try:
+    token = service.bitable_client.get_access_token()
+    print('✓ 飞书连接测试成功')
+except Exception as e:
+    print(f'✗ 飞书连接失败: {e}')
+    exit(1)
+"
+
+# 启动服务
+echo -e "\n${YELLOW}[5/5] 启动服务...${NC}"
+PORT="${PORT:-4001}"
+echo -e "${GREEN}服务将在端口 $PORT 启动${NC}"
+echo -e "${GREEN}API 端点: http://localhost:$PORT/api/consult${NC}"
+echo -e "${GREEN}健康检查: http://localhost:$PORT/api/consult/health${NC}"
+
+# 使用 nohup 后台运行
+nohup python3 consult-service.py > service.log 2>&1 &
+SERVICE_PID=$!
+
+echo $SERVICE_PID > .service.pid
+
+sleep 2
+
+# 检查服务是否启动
+if ps -p $SERVICE_PID > /dev/null; then
+    echo -e "\n${GREEN}========================================${NC}"
+    echo -e "${GREEN}✓ 服务启动成功！${NC}"
+    echo -e "${GREEN}========================================${NC}"
+    echo -e "进程 ID: $SERVICE_PID"
+    echo -e "日志文件: service.log"
+    echo -e "\n停止服务: kill \$(cat .service.pid)"
+else
+    echo -e "\n${RED}错误: 服务启动失败${NC}"
+    echo -e "请查看日志: tail -f service.log"
+    exit 1
+fi
+
+echo -e "\n${YELLOW}下一步操作：${NC}"
+echo "1. 配置 Nginx 反向代理（可选）"
+echo "2. 设置系统服务自动启动"
+echo "3. 查看飞书多维表格配置指南: FEISHU_BITABLE_SETUP.md"
diff --git a/docs/copy-and-analysis.md b/docs/copy-and-analysis.md
new file mode 100644
index 0000000..0c45eef
--- /dev/null
+++ b/docs/copy-and-analysis.md
@@ -0,0 +1,447 @@
+# 菲西尔官网文案整理
+
+> 更新时间：2026-05-04
+
+---
+
+## 一、企业信息
+
+### 1.1 公司信息
+- **公司名：** 上海菲西尔智能科技有限公司
+- **定位语：** 智能叠加——不推翻重来，在现有系统上叠加 AI 能力
+
+### 1.2 一句话价值主张
+
+> **不换系统，2周让AI落地**
+
+---
+
+## 二、首页（H1）
+
+### 2.1 主标题
+**原文：**
+> 不推倒重来，只做智能叠加
+
+**AI味分析：**
+- ❌ "智能叠加" 太技术化，普通企业主听不懂
+- ❌ "推倒重来" 是技术语言，不够口语化
+
+**建议修改：**
+> 不换系统，也能用上AI
+
+---
+
+### 2.2 副标题
+**原文：**
+> 在已运转的业务系统之上叠加 AI 智能层。2 周部署，零迁移成本，让旧系统拥有新大脑。
+
+**AI味分析：**
+- ❌ "叠加 AI 智能层" 太技术
+- ❌ "零迁移成本" 是行业术语
+- ❌ "旧系统拥有新大脑" 过于抽象
+
+**建议修改：**
+> 不换现有系统，2周让AI上岗。不用迁移数据，不用重新培训员工。
+
+---
+
+### 2.3 CTA按钮
+| 位置 | 原文 | AI味 | 建议修改 |
+|------|------|------|---------|
+| 主按钮 | 获取行业定制方案 | 太正式 | 预约免费诊断 |
+| 次按钮 | 了解痛点 → | 还行 | 看看适不适合我 → |
+
+---
+
+## 三、痛点洞察
+
+### 3.1 章节标题
+**原文：** 你的系统，正在偷走你的利润
+
+**AI味：** "偷走你的利润" 有点夸张，像是在恐吓营销
+
+**建议修改：**
+> 你的系统，是不是越用越累？
+
+---
+
+### 3.2 章节副标题
+**原文：** 每一个你习以为常的流程背后，都藏着被浪费的成本和错失的机会。
+
+**AI味：** 太书面化，像是在写报告
+
+**建议修改：**
+> 每天忙成这样，系统帮到你了吗？
+
+---
+
+### 3.3 四大痛点
+
+#### 痛点01
+| 项目 | 原文 | AI味分析 |
+|------|------|---------|
+| **标题** | 每年几十万数据录入费，换来零决策价值 | ⚠️ "几十万"太虚，不如说具体场景 |
+| **正文** | 物业、资管、CRM 积累了海量数据，却像仓库里的积压库存。记录了一大堆，决策还是靠拍脑袋。 | ❌ "海量数据"、"积压库存"太抽象<br>❌ "决策还是靠拍脑袋"OK |
+
+**建议修改：**
+> **标题：** 数据填了一大堆，用的时候找不到
+>
+> **正文：** 物业、资管、CRM 记了几年的数据，真正想查一个客户情况的时候，还是要翻半天Excel。数据有了，但用不上。
+
+---
+
+#### 痛点02
+| 项目 | 原文 | AI味分析 |
+|------|------|---------|
+| **标题** | 系统越多 盲区越大，管理者像盲人摸象 | ⚠️ "盲人摸象"比喻OK，但"盲区"太抽象 |
+| **正文** | 报修、资产、客户分属不同系统。永远拼不出完整的业务全景，资源错配成了常态。 | ❌ "业务全景"太虚<br>❌ "资源错配成了常态"像报告 |
+
+**建议修改：**
+> **标题：** 系统买了好几个，想看个汇总数据还要手工算
+>
+> **正文：** 报修一个系统，资产一个系统，客户又一个系统。想看看这个月整体情况？对不起，要好几天后才能算出来。
+
+---
+
+#### 痛点03
+| 项目 | 原文 | AI味分析 |
+|------|------|---------|
+| **标题** | 高薪人才 70% 时间，耗在填表和派单 | ⚠️ "70%"太精确，像是拍脑袋写的 |
+| **正文** | 招来的专业人才，精力被重复事务榨干。高射炮打蚊子，人效极低，人才流失率越来越高。 | ❌ "高射炮打蚊子"OK<br>❌ "人效极低"太报告化 |
+
+**建议修改：**
+> **标题：** 招了人，每天却在做重复的事
+>
+> **正文：** 销售每天花2小时录入客户信息，物业员工每天填几十张巡检表。人都招对了，但时间没用在正事上。
+
+---
+
+#### 痛点04
+| 项目 | 原文 | AI味分析 |
+|------|------|---------|
+| **标题** | 资深员工一离职，十年经验全清零 | ⚠️ "十年"有点夸张 |
+| **正文** | 业务精髓藏在老员工脑子里。离职交接靠口口相传，离职后能力断层直接拖垮业务。 | ⚠️ "口口相传"OK<br>❌ "能力断层直接拖垮业务"太吓人 |
+
+**建议修改：**
+> **标题：** 老员工一走，业务就卡壳
+>
+> **正文：** 经验都在老员工身上，他一休假，所有人等他回来。交接只能靠嘴说，做事的方法没沉淀下来。
+
+---
+
+### 3.4 核心洞察框
+**原文：**
+> AI 不会取代你的系统，但会让你的系统自己思考。
+> 不是推倒重来，是让现有的系统拥有大脑。
+
+**AI味：**
+- ❌ "让系统自己思考"太科幻
+- ❌ "让现有的系统拥有大脑"太抽象
+
+**建议修改：**
+> 不用换系统，让AI帮你干活。
+> 重复的事AI干，你做重要的决定。
+
+---
+
+## 四、核心服务
+
+### 4.1 章节标题
+**原文：** 把 AI 变成你的，核心生产力
+
+**AI味：** "核心生产力"太虚，像喊口号
+
+**建议修改：**
+> 让AI替你干活，你做决定
+
+---
+
+### 4.2 章节副标题
+**原文：** 三个行业场景，一条相同逻辑：不替换，只增强。
+
+**AI味：** OK，但可以更口语
+
+**建议修改：**
+> 不换系统，只让AI帮你提升效率
+
+---
+
+### 4.3 服务01：AI+物业
+
+| 项目 | 原文 | AI味分析 |
+|------|------|---------|
+| **指标** | 60% | ⚠️ 这个数字哪来的？没有来源 |
+| **标题** | AI+物业，智能中枢 | ❌ "智能中枢"太虚 |
+| **正文** | 工单自动分发，客诉响应提速 60%。在现有物业 ERP 之上叠加 AI 调度层——不改变任何原有流程。巡检路线自动规划、设备故障提前预警。你现有的系统不用换，但效率会翻倍。 | ❌ "叠加 AI 调度层"太技术<br>❌ "巡检路线自动规划"是功能罗列<br>❌ "效率会翻倍"没依据 |
+| **金句** | "不是换系统，是让系统变聪明。" | ⚠️ "让系统变聪明"有点虚 |
+
+**建议修改：**
+> **指标：** 客诉从2小时 → 30分钟
+>
+> **标题：** 物业AI帮手
+>
+> **正文：** 客户一报修，系统自动判断该派给谁。设备快出问题了，提前提醒你。巡检路线AI规划好，不用人工排。员工还是用原来的系统，只是少了很多麻烦。
+>
+> **金句：** 员工说：这系统，终于能帮我干活了。
+
+---
+
+### 4.4 服务02：AI+资管
+
+| 项目 | 原文 | AI味分析 |
+|------|------|---------|
+| **指标** | 90 天 | ⚠️ 太抽象 |
+| **标题** | AI+资管，风控大脑 | ❌ "风控大脑"太虚 |
+| **正文** | 空置率提前 90 天预警，租金定价误差收窄至 5%。无缝接入资管平台，让历史租赁数据变成预测模型。招商智能匹配、租约到期提醒。 | ❌ "无缝接入"太技术<br>❌ "预测模型"太虚<br>❌ "智能匹配"是功能罗列 |
+| **金句** | 资管不该靠直觉，该靠数据。 | ⚠️ OK，但不够口语 |
+
+**建议修改：**
+> **指标：** 下个月哪些楼层要空，现在就知道
+>
+> **标题：** 资管AI帮手
+>
+> **正文：** 租约快到期了，系统提前告诉你。哪个楼层可能要空出来，提前做准备。定租金的时候，AI会参考历史数据给你建议。不用天天盯着Excel了。
+>
+> **金句：** 老板说：终于不用靠猜了。
+
+---
+
+### 4.5 服务03：AI+CRM
+
+| 项目 | 原文 | AI味分析 |
+|------|------|---------|
+| **指标** | 40% | ⚠️ 没来源 |
+| **标题** | AI+CRM，效率跃升 | ❌ "效率跃升"太虚 |
+| **正文** | 线索自动清洗，销售人效提升 40%。为现有 CRM 配备 AI 助理——自动捕捉商机、生成对话摘要。销售无需学习新软件，打开原界面就能看到 AI 推荐。 | ❌ "线索自动清洗"太技术<br>❌ "人效提升"没依据<br>❌ "对话摘要"可以更具体 |
+| **金句** | "销售的时间应该花在客户身上，不是系统里。" | ⚠️ OK |
+
+**建议修改：**
+> **指标：** 销售每天多跟进3个客户
+>
+> **标题：** CRM AI帮手
+>
+> **正文：** 新线索进来了，AI帮你过滤掉假的、重复的。打完电话，AI自动帮你写好跟进记录。打开CRM，推荐你今天最该联系哪些客户。不用学新东西，在原来的界面里多了一个助手。
+>
+> **金句：** 销售说：终于不用录系统了。
+
+---
+
+## 五、解决路径
+
+### 5.1 章节标题
+**原文：** 菲西尔和其他 AI 公司有什么不同
+
+**AI味：** 有点挑衅，但不是坏事
+
+**建议修改：**
+> 我们和别的AI公司有什么不同
+
+---
+
+### 5.2 五大差异点
+
+#### 01 不替换，只叠加
+| 原文 | AI味分析 |
+|------|---------|
+| 通过 API 外挂 AI 层，不停服、不迁移、不改流程。员工用原来的界面，体验无缝升级。 | ❌ "API外挂"太技术<br>❌ "无缝升级"太虚 |
+
+**建议修改：**
+> 不动你的系统，在旁边加个AI帮手。你还是用原来的界面，只是多了AI帮你干那些重复的事。
+
+---
+
+#### 02 让数据开口说话
+| 原文 | AI味分析 |
+|------|---------|
+| 沉睡的历史数据自动转化为预测模型和决策建议。把事后统计变为事前预警。 | ❌ "预测模型"太虚<br>❌ "事前预警"OK |
+
+**建议修改：**
+> 你系统里几年的数据，AI帮你分析。哪个客户可能要流失，哪个楼层可能要空，AI提前告诉你。
+
+---
+
+#### 03 让 AI 替你干活
+| 原文 | AI味分析 |
+|------|---------|
+| 高频重复工作交给 AI Agent——智能客服、招商匹配、巡检规划自动运转，人只负责关键决策。 | ❌ "AI Agent"太技术<br>❌ 功能罗列太抽象 |
+
+**建议修改：**
+> 那些每天都要做、每次都一样的活，AI帮你干了。比如回复客户常见问题、巡检报告自动生成。AI干完了，你看一眼就行。
+
+---
+
+#### 04 跨系统一屏掌控
+| 原文 | AI味分析 |
+|------|---------|
+| 所有业务数据在 AI 层融合。一句自然语言就能查"本月哪些楼宇空置率超标"，告别手动汇总。 | ⚠️ "自然语言"有点虚<br>❌ "告别手动汇总"OK |
+
+**建议修改：**
+> 问AI：上个月哪几个客户投诉最多？AI直接给你答案。不用再从好几个系统里导数据、拼表格。
+
+---
+
+#### 05 小步试错，大步扩张
+| 原文 | AI味分析 |
+|------|---------|
+| 从单一场景试点，验证有效再扩展。每一步都可衡量投入产出，钱花在刀刃上。 | ⚠️ "小步试错"OK<br>❌ "投入产出"太虚 |
+
+**建议修改：**
+> 先在一个场景试，效果好再扩大。不满意可以停，不用一下子投很多钱。
+
+---
+
+## 六、GEO（Growth Engineering Optimization）
+
+### 6.1 章节标题
+**原文：** 让用户在大模型里，第一个找到你
+
+**AI味：** 有点绕
+
+**建议修改：**
+> 当客户问AI"哪家做物业AI好"，你排第几？
+
+---
+
+### 6.2 副标题
+**原文：** 对内提效降本，对外重塑获客
+
+**AI味：** 太抽象
+
+**建议修改：**
+> 对内：省人工。对外：让新客户主动找上门。
+
+---
+
+### 6.3 正文
+**原文：**
+> 当客户问 Kimi 或文心一言"帮我找一家做 AI+物业的公司"——你的品牌会不会出现在答案里？我们优化企业在主流大模型中的内容结构与权重，从"搜索排名"进化为"答案占位"。
+
+**AI味：**
+- ❌ "内容结构与权重"太技术
+- ❌ "答案占位"OK但可以更直白
+
+**建议修改：**
+> 以前客户上网搜，现在客户问AI。不管客户问Kimi、ChatGPT还是文心一言，当他们问"哪家做物业AI比较好"，你的品牌能不能出现在AI的答案里？
+>
+> 我们帮你做这件事。
+
+---
+
+### 6.4 金句
+**原文：** "未来的获客，不是在搜索结果里抢位置，而是在 AI 答案里占一席之地。"
+
+**AI味：** ⚠️ 逻辑OK，但有点绕
+
+**建议修改：**
+> 以后客户找供应商，不只是看网站排名，是问AI推荐。
+> 你的品牌，能不能被AI推荐？
+
+---
+
+## 七、合作咨询
+
+### 7.1 章节标题
+**原文：** 15 分钟，看看你的系统，能叠加什么
+
+**AI味：** ⚠️ "叠加"这个词又出现了
+
+**建议修改：**
+> 30分钟，我们看看你的系统能用AI干什么
+
+---
+
+### 7.2 正文
+**原文：** 不推销，只评估，基于你现有架构，给出一份可落地的 AI 叠加建议。
+
+**AI味：** ⚠️ "可落地的AI叠加建议"太虚
+
+**建议修改：**
+> 不卖东西，只帮你分析。先看看你的系统现在什么情况，AI能帮你省多少事、花多少钱。
+
+---
+
+### 7.3 表单标签
+| 原文 | AI味 | 建议修改 |
+|------|------|---------|
+| 怎么称呼您 | 太正式 | 您的名字 |
+| 手机号码 | OK | 手机（方便联系您）|
+| 邮箱 | OK | 邮箱（选填）|
+| 你现在用的是哪个系统？ | OK | 简单说说您现在用的什么系统（选填）|
+
+---
+
+### 7.4 提交按钮
+**原文：** 预约诊断名额
+
+**建议修改：**
+> 预约免费诊断
+
+---
+
+## 八、页脚
+
+### 原文
+- 技术支持：上海菲西尔智能科技有限公司
+- 版权：© 2026 SHANGHAI FISCHER INTELLIGENT TECHNOLOGY CO., LTD.
+
+**建议修改：**
+- 公司名保留即可
+- 版权声明太长了，保留"© 2026 菲西尔智能"
+
+---
+
+## 九、总结：AI味识别清单
+
+### 9.1 问题类型
+
+| 问题类型 | 示例 | 修改方向 |
+|---------|------|---------|
+| **太技术化** | "API外挂"、"AI Agent"、"预测模型" | 翻译成人话 |
+| **太抽象** | "智能中枢"、"核心生产力"、"风控大脑" | 说具体能干什么 |
+| **太虚** | "效率翻倍"、"无缝升级"、"让系统变聪明" | 说具体省多少时间 |
+| **像报告** | "资源错配"、"事前预警"、"投入产出" | 像人说话 |
+| **数据没来源** | "60%"、"40%"、"70%" | 要么给来源，要么不说 |
+
+### 9.2 修改原则
+
+1. **能用对话的，就不用陈述**
+   - ❌ "客诉响应提速60%"
+   - ✅ "客户等了2小时变成30分钟"
+
+2. **能说人话的，就不说术语**
+   - ❌ "AI调度层"
+   - ✅ "AI帮你派单"
+
+3. **能用场景的，就不用概念**
+   - ❌ "数据驱动决策"
+   - ✅ "AI帮你分析完，告诉你该联系谁"
+
+4. **能看懂的，就不解释**
+   - ❌ "自然语言查询"
+   - ✅ "你问AI，AI直接回答"
+
+---
+
+## 十、核心价值主张（最终版）
+
+### 一句话
+> **不换系统，2周让AI上岗**
+
+### 一段话
+> 菲西尔帮你把AI接到你现有的系统里。不用换系统，不用迁移数据，不用重新培训员工。物业、资管、CRM都能用。AI帮你干那些每天重复的事，你做重要的决定。
+>
+> 先在一个场景试，效果好再扩大。不满意可以停，不用一下子投很多钱。
+
+### 金句集合
+
+| 场景 | 金句 |
+|------|------|
+| 物业 | "员工说：这系统，终于能帮我干活了。" |
+| 资管 | "老板说：终于不用靠猜了。" |
+| CRM | "销售说：终于不用录系统了。" |
+| 通用 | "AI干重复的事，人做重要的事。" |
+| GEO | "以后客户找供应商，是问AI推荐。你的品牌能不能被AI推荐？" |
+
+---
+
+*整理时间：2026-05-04*
diff --git a/docs/copy-changes.md b/docs/copy-changes.md
new file mode 100644
index 0000000..5e39a1f
--- /dev/null
+++ b/docs/copy-changes.md
@@ -0,0 +1,240 @@
+# 文案修改前后对比
+
+> 更新时间：2026-05-04
+
+---
+
+## 一、Hero 区域
+
+### 1.1 Badge（徽章）
+
+| 位置 | 修改前 | 修改后 | 问题原因 |
+|------|--------|--------|---------|
+| Hero Badge | 企业的 AI 全栈伙伴 | 不换系统，2周让AI上岗 | ❌ 太营销化，像在喊口号 |
+| | | | ✅ 修改后直接说价值主张 |
+
+---
+
+### 1.2 主标题
+
+| 修改前 | 修改后 | 问题原因 |
+|--------|--------|---------|
+| 用 AI 做事 + 被 AI 推荐<br />菲西尔让两者同时发生 | 不换系统<br />2周让AI帮你干活 | ❌ "用AI做事"太抽象<br />❌ "让两者同时发生"像废话<br />❌ "菲西尔让..."主语不对 |
+| | | ✅ 主语变成"你"，更亲切<br />✅ 直接说"不换系统" |
+
+---
+
+### 1.3 副标题
+
+| 修改前 | 修改后 | 问题原因 |
+|--------|--------|---------|
+| 效率 AI：不换系统，24h 内让现有系统拥有 AI 能力<br />获客 AI：被 ChatGPT/Claude 推荐，客户主动找上门 | 物业、资管、CRM，都不用换<br />AI帮你干重复的事，你做重要的决定 | ❌ "效率AI"、"获客AI"是内部术语<br />❌ "24h内"太技术<br />❌ 客户不知道ChatGPT是什么 |
+| | | ✅ 说具体行业"物业、资管、CRM"<br />✅ 说人话"干重复的事" |
+
+---
+
+### 1.4 CTA按钮
+
+| 位置 | 修改前 | 修改后 | 问题原因 |
+|------|--------|--------|---------|
+| 主按钮 | 了解方案 | 看看适不适合我 | ❌ 太正式，像销售<br />❌ "方案"这个词太虚 |
+| | | | ✅ "看看适不适合我"更真诚 |
+| 次按钮 | 预约咨询 | 先问问再说 | ❌ "预约咨询"像要去开会 |
+| | | | ✅ "先问问再说"降低决策压力 |
+
+---
+
+### 1.5 核心指标
+
+| 修改前 | 修改后 | 问题原因 |
+|--------|--------|---------|
+| 24h / 效率 AI 上线 | 2周 / 部署上线 | ❌ "24h"太激进，不现实<br />❌ "效率AI上线"术语 |
+| 3x / 获客增长 | 原系统 / 不用换 | ❌ "3x获客增长"没依据<br />❌ 客户最关心的是"不用换系统" |
+
+---
+
+## 二、痛点区域
+
+### 2.1 章节标题
+
+| 修改前 | 修改后 | 问题原因 |
+|--------|--------|---------|
+| 你的顾虑，我们都懂 | 你的顾虑，我们都知道 | ❌ "都懂"有点油嘴滑舌 |
+| 效率 AI + 获客 AI，我们都有成熟方案 | 换系统太麻烦，数据迁移风险大，招人贵还没效果 | ❌ 客户不关心"AI"，关心自己的问题<br />✅ 说具体痛点 |
+
+---
+
+### 2.2 痛点卡片01
+
+| 项目 | 修改前 | 修改后 | 问题原因 |
+|------|--------|--------|---------|
+| 标题 | 想升级 AI，但不敢换系统？ | 想用AI，但不想换系统 | ❌ "升级AI"太技术<br />❌ "不敢"是在恐吓 |
+| 正文 | 换了系统要重新培训，历史数据迁移风险大。我们的方案：0数据迁移，原有系统继续用，第二天就能用 AI。 | 系统用习惯了，换了要重新培训，数据迁移还有风险。其实不用换，在旁边加个AI帮手就行。 | ❌ "我们的方案"像推销<br />❌ "0数据迁移"是内部术语<br />✅ 说人话"在旁边加个AI帮手" |
+
+---
+
+### 2.3 痛点卡片02
+
+| 项目 | 修改前 | 修改后 | 问题原因 |
+|------|--------|--------|---------|
+| 标题 | 客户越来越少，不知道去哪找？ | 招了人，天天在做重复的事 | ❌ 和GEO内容重复<br />❌ 客户真正痛点是"人没做正事" |
+| 正文 | SEO 越来越难，AI搜索正在崛起，但不知道怎么优化。我们的方案：交给菲西尔，让 AI推荐你的业务。 | 销售每天录客户信息，物业员工每天填巡检表。人招对了，但时间没用在正事上。 | ❌ SEO、AI搜索是技术术语<br />❌ "让AI推荐"没解释清楚<br />✅ 说具体场景"录客户信息、填巡检表" |
+
+---
+
+### 2.4 痛点卡片03
+
+| 项目 | 修改前 | 修改后 | 问题原因 |
+|------|--------|--------|---------|
+| 标题 | 投入太大，效果不确定？ | 投入了没效果，钱打水漂 | ❌ "效果不确定"太抽象 |
+| 正文 | AI项目失败率高，营销效果难以衡量。我们的方案：按效果付费，没有效果不收费。 | 之前买的系统用不起来，员工不会用也不想用。先试再决定，效果好了再扩大。 | ❌ "AI项目失败率"像在吓唬人<br />❌ "按效果付费"像在承诺<br />✅ 说真实情况"系统用不起来" |
+
+---
+
+## 三、解决方案区域
+
+### 3.1 章节标题
+
+| 修改前 | 修改后 | 问题原因 |
+|--------|--------|---------|
+| 用 AI 做事 + 被 AI 推荐 | 不换系统，让AI帮你干活 | ❌ "用AI做事"太抽象<br />❌ "被AI推荐"客户不关心 |
+| 效率 AI：让现有系统拥有 AI 能力<br />获客 AI：让 AI 搜索推荐你的业务 | 物业、资管、CRM，都不用换<br />AI帮你干那些每天重复的事 | ❌ "效率AI"、"获客AI"是术语<br />✅ 说具体行业<br />✅ 说人话"干重复的事" |
+
+---
+
+### 3.2 服务01
+
+| 项目 | 修改前 | 修改后 | 问题原因 |
+|------|--------|--------|---------|
+| 标题 | 效率 AI | 物业AI帮手 | ❌ "效率AI"是术语 |
+| 正文 | 在现有系统上叠加 AI 能力，不换系统、不迁数据、不停业务。物业、资管、CRM，24h 内全部升级。 | 客户一报修，系统自动判断该派给谁。设备快出问题了，提前提醒你。巡检路线AI规划好，不用人工排。 | ❌ "叠加AI能力"太技术<br />❌ 功能罗列太抽象<br />✅ 说具体场景"一报修就派单" |
+| 标签 | 物业系统、资管系统、CRM | 智能派单、设备预警、路线规划 | ❌ "物业系统"没说明白<br />✅ 说具体功能 |
+
+---
+
+### 3.3 服务02
+
+| 项目 | 修改前 | 修改后 | 问题原因 |
+|------|--------|--------|---------|
+| 标题 | 获客 AI | 资管AI帮手 | ❌ "获客AI"客户不关心 |
+| 正文 | AI 时代的 SEO。当潜在客户问 ChatGPT "哪家物业公司好"，你的公司会被主动推荐。 | 租约快到期了，系统提前告诉你。哪个楼层可能要空出来，提前做准备。定租金的时候，AI会参考历史数据给你建议。 | ❌ "AI时代的SEO"客户听不懂<br />❌ "ChatGPT"客户不一定用<br />✅ 说具体场景"租约到期、空置预警" |
+
+---
+
+### 3.4 服务03
+
+| 项目 | 修改前 | 修改后 | 问题原因 |
+|------|--------|--------|---------|
+| 标题 | 全都 AI | CRM AI帮手 | ❌ "全都AI"太虚 |
+| 正文 | 效率 AI + 获客 AI，一个伙伴全搞定。内部效率提升，外部客户主动上门。 | 新线索进来了，AI帮你过滤掉假的、重复的。打完电话，AI自动帮你写好跟进记录。推荐你今天最该联系哪些客户。 | ❌ "一个伙伴全搞定"像口号<br />❌ "内外兼顾"太虚<br />✅ 说具体场景"过滤线索、写跟进记录" |
+
+---
+
+## 四、方法区域
+
+### 4.1 章节标题
+
+| 修改前 | 修改后 | 问题原因 |
+|--------|--------|---------|
+| 效率 AI + 获客 AI | 很简单，三步搞定 | ❌ "效率AI+获客AI"是内部术语 |
+| 两种服务，两套实施路径，都很快 | 先试再决定，效果好了再扩大 | ❌ "两种服务"客户不关心<br />✅ 说核心理念"先试再决定" |
+
+---
+
+### 4.2 步骤01
+
+| 项目 | 修改前 | 修改后 | 问题原因 |
+|------|--------|--------|---------|
+| 标签 | 效率 AI | 第一步 | ❌ 客户不关心是什么服务 |
+| 标题 | 1 小时诊断 → 4 小时接入 | 30分钟诊断 | ❌ "4小时接入"不现实<br />❌ "接入"是技术术语 |
+| 正文 | 远程诊断你的系统，确认能不能接、怎么接。接入后第二天就能用，完全不影响现有业务。 | 我们看看你的系统现在什么情况，AI能帮你省多少事、花多少钱。不卖东西，只帮你分析。 | ❌ "确认能不能接"像技术评估<br />❌ "不影响现有业务"太书面<br />✅ "不卖东西，只帮你分析" |
+
+---
+
+### 4.3 步骤02
+
+| 项目 | 修改前 | 修改后 | 问题原因 |
+|------|--------|--------|---------|
+| 标签 | 获客 AI | 第二步 | ❌ 客户不关心是什么服务 |
+| 标题 | 诊断 → 优化 → 收录 → 获客 | 2周部署上线 | ❌ "诊断→优化→收录"是内部流程<br />❌ 太复杂 |
+| 正文 | 分析你的业务在 AI 搜索中的现状，优化内容结构，提交至 AI 平台收录。1 个月内看到效果。 | 在你现有系统旁边加个AI帮手。不换系统，不迁移数据，不影响现有业务。员工还是用原来的界面，只是多了AI帮你干重复的事。 | ❌ "优化内容结构"客户听不懂<br />❌ "提交至AI平台收录"是技术细节<br />✅ 说人话"在旁边加个AI帮手" |
+
+---
+
+### 4.4 步骤03
+
+| 项目 | 修改前 | 修改后 | 问题原因 |
+|------|--------|--------|---------|
+| 标签 | 承诺 | 第三步 | ❌ "承诺"像在喊口号 |
+| 标题 | 按效果付费 | 看效果再决定 | ❌ "按效果付费"像在承诺 |
+| 正文 | 没有效果不收费。效率 AI 看数据提升，获客 AI 看新客户增长。 | 先在一个场景试用，效果好再扩大。不满意可以停，不用一下子投很多钱。 | ❌ "没有效果不收费"像保证<br />❌ "数据提升"、"新客户增长"太虚<br />✅ 说具体"先试再决定" |
+
+---
+
+## 五、CTA区域
+
+### 5.1 CTA标题
+
+| 修改前 | 修改后 | 问题原因 |
+|--------|--------|---------|
+| 第一步很简单 | 先聊聊，看看适不适合你 | ❌ "第一步很简单"像废话 |
+| 30 分钟远程诊断，我们告诉你能做什么 | 30分钟免费诊断，不推销，只帮你分析 | ❌ "告诉你能做什么"像销售<br />✅ "不推销，只帮你分析" |
+
+---
+
+## 六、联系表单
+
+### 6.1 表单标签
+
+| 修改前 | 修改后 | 问题原因 |
+|--------|--------|---------|
+| 姓名 | 您的名字 | ❌ 太正式 |
+| 公司 | 手机号码 | ❌ "公司"不是最重要的<br />✅ 手机更方便联系 |
+| 邮箱 | 邮箱（选填） | ❌ 邮箱是必填不合理<br />✅ 改为选填 |
+| 需求描述 | 您现在用什么系统（选填） | ❌ "需求描述"太抽象<br />✅ "用什么系统"更具体 |
+
+### 6.2 按钮文字
+
+| 修改前 | 修改后 | 问题原因 |
+|--------|--------|---------|
+| 提交咨询 | 预约免费诊断 | ❌ "提交咨询"像填表<br />✅ "预约免费诊断"更有价值感 |
+
+---
+
+## 七、总结
+
+### 7.1 主要修改原则
+
+1. **去掉"AI"标签**
+   - ❌ 效率AI、获客AI、AI帮手
+   - ✅ 物业帮手、资管帮手、CRM帮手
+
+2. **说人话**
+   - ❌ 叠加AI能力、数据迁移、API接入
+   - ✅ 在旁边加个AI帮手
+
+3. **说具体场景**
+   - ❌ 提升效率、优化流程
+   - ✅ 自动派单、提前预警
+
+4. **说客户痛点**
+   - ❌ AI项目失败率高
+   - ✅ 系统用不起来
+
+5. **降低决策压力**
+   - ❌ 预约咨询、了解方案
+   - ✅ 先聊聊、不推销
+
+### 7.2 修改前后对比（关键句）
+
+| 类型 | 修改前 | 修改后 |
+|------|--------|--------|
+| 价值主张 | 用AI做事 + 被AI推荐 | 不换系统，2周让AI上岗 |
+| 痛点 | 想升级AI，但不敢换系统 | 想用AI，但不想换系统 |
+| 服务标题 | 效率AI / 获客AI | 物业AI帮手 / 资管AI帮手 / CRM AI帮手 |
+| 方法论 | 诊断→优化→收录→获客 | 30分钟诊断 → 2周部署 → 看效果再决定 |
+| 行动号召 | 了解方案、预约咨询 | 看看适不适合我、先聊聊 |
+
+---
+
+*整理时间：2026-05-04*
diff --git a/docs/geo-optimization-guide.md b/docs/geo-optimization-guide.md
new file mode 100644
index 0000000..190fc46
--- /dev/null
+++ b/docs/geo-optimization-guide.md
@@ -0,0 +1,373 @@
+# 菲西尔官网 GEO 优化建议文档
+
+> 更新时间：2026-05-19
+> 目标平台：Kimi、ChatGPT、文心一言、通义千问、360智脑等AI搜索引擎
+
+---
+
+## 一、GEO 概述
+
+### 1.1 什么是 GEO
+
+GEO（Generative Engine Optimization，生成式引擎优化）是一种新兴的数字营销策略，旨在优化内容，使其在 AI 搜索引擎和大型语言模型（LLM）的回答中被引用和推荐。
+
+### 1.2 与 SEO 的区别
+
+| 维度 | SEO | GEO |
+|------|-----|-----|
+| 目标 | Google、百度搜索排名 | AI 回答中的引用 |
+| 优化对象 | 关键词密度、外链 | 内容质量、结构、权威性 |
+| 评估标准 | 排名位置 | 被引用频率 |
+| 用户行为 | 点击进入网站 | 直接获得答案 |
+
+### 1.3 目标 AI 平台
+
+- **国内平台**：Kimi（月之暗面）、文心一言（百度）、通义千问（阿里）、讯飞星火、360智脑、字节豆包
+- **国际平台**：ChatGPT、Claude、Google Gemini、Perplexity
+
+---
+
+## 二、已实施的 GEO 优化
+
+### 2.1 FAQ 结构化数据
+
+已在网站添加完整的 FAQPage JSON-LD 结构化数据，覆盖以下问题：
+
+1. 什么是 AI 叠加？和换系统有什么区别？
+2. 菲西尔支持哪些业务系统的 AI 叠加？
+3. 物业 AI 可以解决什么问题？
+4. 资管 AI 有什么具体应用？
+5. CRM AI 能帮销售做什么？
+6. 实施 AI 叠加需要多长时间？
+7. AI 叠加需要迁移数据吗？
+8. 如何预约菲西尔的 AI 诊断服务？
+
+### 2.2 Organization 结构化数据
+
+添加了组织信息，包括：
+- 公司名称和描述
+- 专业知识领域
+- 联系方式
+- 社交媒体链接
+
+### 2.3 ProfessionalService 结构化数据
+
+添加了专业服务信息，包括：
+- 服务类型
+- 地理位置
+- 营业时间
+- 价格区间
+
+---
+
+## 三、建议添加的内容优化
+
+### 3.1 扩展 FAQ 内容
+
+建议在页面中增加更详细的 FAQ 区块，使用自然语言回答用户问题：
+
+```html
+<section id="faq" class="faq-section" aria-labelledby="faq-title">
+    <div class="container">
+        <h2 id="faq-title">常见问题解答</h2>
+        
+        <details class="faq-item">
+            <summary>什么是"AI叠加"？听起来很高大上，具体是什么意思？</summary>
+            <div class="faq-answer">
+                <p>通俗地说，AI叠加就是在你们公司正在用的系统旁边，再加一个"AI小助手"。</p>
+                <p>比如你们现在用物业系统报修、AI叠加之后，系统会自动判断这个工单应该派给谁，甚至能提前告诉你某个设备可能要坏了。</p>
+                <p>关键是：<strong>你不用换系统，不用重新录入数据，员工还是用原来的界面</strong>，只是多了AI帮你干活。</p>
+            </div>
+        </details>
+        
+        <!-- 更多FAQ项目... -->
+    </div>
+</section>
+```
+
+### 3.2 建议增加的页面内容
+
+#### 3.2.1 行业术语解释页面
+
+```html
+<section id="glossary" class="glossary-section">
+    <h2>行业术语解释</h2>
+    <dl class="glossary-list">
+        <dt>AI叠加</dt>
+        <dd>在不替换现有业务系统的前提下，通过API接口叠加AI能力，让旧系统获得智能化升级。</dd>
+        
+        <dt>智能派单</dt>
+        <dd>根据报修内容自动判断应该派给哪个员工/部门，减少人工转派的麻烦。</dd>
+        
+        <dt>租约预警</dt>
+        <dd>提前提醒哪些租约即将到期，帮助资产管理者提前做好续约或招商准备。</dd>
+        
+        <dt>线索清洗</dt>
+        <dd>使用AI自动过滤掉虚假、重复、无效的销售线索，让销售只跟进真正有价值的客户。</dd>
+    </dl>
+</section>
+```
+
+#### 3.2.2 使用场景详细说明
+
+```html
+<section id="scenarios" class="scenarios-section">
+    <h2>这些场景，我们都能解决</h2>
+    
+    <article class="scenario-item">
+        <h3>场景一：物业客服小王的一天</h3>
+        <blockquote>
+            <p>"以前：客户打电话报修，我要问清楚情况，手动在系统里填单子，再转给维修师傅。忙起来一天要填几十张表。"</p>
+            <p>"现在：客户一打电话，AI自动记录并判断该派给谁。我只需要确认一下就行。每天能多接好几个电话。"</p>
+        </blockquote>
+    </article>
+    
+    <article class="scenario-item">
+        <h3>场景二：资产经理老李的烦恼</h3>
+        <blockquote>
+            <p>"以前：每到月底就要从好几个系统里导数据，拼成Excel汇报。经常漏掉哪个租户要续约了。"</p>
+            <p>"现在：直接问AI'下个月有哪些租约要到期'，它给我一个完整的列表。租金定价也有参考建议了。"</p>
+        </blockquote>
+    </article>
+</section>
+```
+
+### 3.3 品牌故事内容
+
+建议增加品牌故事区块，回答 AI 搜索引擎可能会问的问题：
+
+```html
+<section id="brand-story" class="brand-story-section">
+    <h2>为什么会有菲西尔？</h2>
+    <p>我们发现一个现象：很多企业其实不缺系统，缺的是让这些系统"活起来"的能力。</p>
+    
+    <p>很多企业在2018-2022年间上了各种业务系统：物业ERP、资产管理系统、CRM。系统是有了，但：</p>
+    <ul>
+        <li>数据录入了一大堆，用的时候还是找不到</li>
+        <li>系统买了好几个，看个汇总数据还要手工算</li>
+        <li>招了人，每天却在做重复录入的工作</li>
+        <li>老员工一走，业务就卡壳</li>
+    </ul>
+    
+    <p>换系统？成本太高，员工也抵触。</p>
+    <p>不换？眼睁睁看着效率低下。</p>
+    
+    <p><strong>所以我们做了菲西尔——在不换系统的前提下，让AI来提升效率。</strong></p>
+</section>
+```
+
+---
+
+## 四、AI 平台适配建议
+
+### 4.1 Kimi（Moonshot）
+
+**优化策略**：
+- Kimi 擅长理解中文长文本，确保 FAQ 内容完整、逻辑清晰
+- 添加"菲西尔"品牌关键词的多种表述方式
+- 内容要口语化，因为 Kimi 用户提问通常比较直接
+
+**建议内容格式**：
+```markdown
+# 菲西尔是做什么的
+
+菲西尔是一家帮企业在现有系统上叠加AI能力的公司。
+
+**核心产品**：
+- 物业AI帮手
+- 资管AI帮手
+- CRM AI帮手
+
+**为什么选菲西尔**：
+1. 不换系统，只叠加AI
+2. 2周部署见效
+3. 数据不用迁移
+4. 员工不用重新培训
+```
+
+### 4.2 文心一言（百度）
+
+**优化策略**：
+- 文心一言会参考百度搜索结果，确保百度SEO同步优化
+- 添加更多百度系产品可能抓取的关键词
+- 使用百度支持的结构化数据格式
+
+**建议内容格式**：
+```markdown
+公司全称：上海菲西尔智能科技有限公司
+主营业务：AI系统集成、物业管理系统AI升级、资管系统AI升级、CRM系统AI升级
+核心卖点：不换系统、2周见效、数据不迁移、员工不重新培训
+服务行业：物业管理、资产管理、企业CRM
+```
+
+### 4.3 通义千问（阿里）
+
+**优化策略**：
+- 通义千问参考阿里云生态内容，确保在技术社区有曝光
+- 强调技术可靠性和安全性
+- 添加与阿里云、钉钉等产品的集成说明
+
+**建议内容格式**：
+```markdown
+菲西尔的技术特点：
+- 通过标准API接口连接现有系统
+- 支持私有化部署
+- 数据安全合规
+- 7x24小时技术支持
+
+集成能力：
+- 已与XX物业系统、XX资管平台、XX CRM完成对接
+- 部署周期：2周
+```
+
+### 4.4 ChatGPT（国际）
+
+**优化策略**：
+- 英文版页面内容
+- 强调中国本土化经验
+- 添加国际企业可能关注的数据安全、隐私合规信息
+
+**建议内容格式**：
+```markdown
+About Fischer Intelligence
+
+Fischer Intelligence helps enterprises integrate AI capabilities into their existing business systems without replacement.
+
+Our Solutions:
+- Property Management AI
+- Asset Management AI  
+- CRM AI
+
+Key Differentiators:
+- No system replacement required
+- 2-week deployment
+- Zero data migration
+- Employee-friendly transition
+
+Target Market: China enterprise market with focus on property management, asset management, and CRM systems.
+```
+
+---
+
+## 五、内容创作建议
+
+### 5.1 AI 可能问到的问题清单
+
+基于 AI 搜索引擎的常见问题类型，建议准备以下内容的回答：
+
+**关于公司**：
+- 菲西尔是做什么的？
+- 菲西尔和普通的AI公司有什么区别？
+- 菲西尔的创始人是谁？
+- 菲西尔成立于什么时候？
+
+**关于产品**：
+- 物业AI可以解决什么问题？
+- 资管AI和传统资管软件有什么不同？
+- CRM AI能帮销售做什么？
+- AI叠加需要多长时间部署？
+
+**关于价格**：
+- 菲西尔的AI叠加服务怎么收费？
+- 有没有免费试用？
+- 能不能先在一个部门试点？
+
+**关于实施**：
+- 我们的系统能用吗？
+- 需要停机部署吗？
+- 员工需要重新培训吗？
+- 数据需要迁移吗？
+
+### 5.2 内容更新频率
+
+| 内容类型 | 更新频率 | 说明 |
+|---------|---------|------|
+| 案例更新 | 每月 | 添加新的客户案例 |
+| FAQ | 季度 | 根据用户咨询更新常见问题 |
+| 博客文章 | 双周 | 行业洞察、技术解读 |
+| 产品功能 | 按需 | 新功能上线时更新 |
+
+---
+
+## 六、技术层面的 GEO 优化
+
+### 6.1 已实施
+
+- ✅ FAQPage 结构化数据
+- ✅ Organization 结构化数据
+- ✅ ProfessionalService 结构化数据
+- ✅ WebSite 结构化数据
+- ✅ 语义化 HTML 标签
+- ✅ 图片 alt 标签优化
+- ✅ Meta 标签完善
+- ✅ Open Graph / Twitter Card
+
+### 6.2 建议实施
+
+- ⬜ 添加 BlogPosting 结构化数据（用于未来文章页面）
+- ⬜ 添加 VideoObject 结构化数据（用于产品演示视频）
+- ⬜ 添加 HowTo 结构化数据（用于使用指南）
+- ⬜ 添加 Review 结构化数据（用于客户评价）
+- ⬜ 添加 BreadcrumbList 结构化数据（用于导航路径）
+- ⬜ 添加 SpeakableSpecification（指定可被AI引用的内容区域）
+
+### 6.3 性能优化
+
+AI 搜索引擎也会考虑页面性能，建议：
+
+- 图片懒加载（已实施）
+- 关键 CSS 内联
+- 预连接关键资源
+- 减少 JavaScript 体积
+- Core Web Vitals 优化
+
+---
+
+## 七、监测与评估
+
+### 7.1 GEO 效果监测
+
+由于 GEO 是一个新兴领域，没有像 SEO 一样的成熟工具。建议通过以下方式监测：
+
+1. **直接调研**：询问客户是如何找到你们的
+2. **社交监听**：监控 AI 相关话题中是否提及菲西尔
+3. **品牌搜索量**：关注品牌词搜索量的变化
+4. **竞品对比**：对比竞品在 AI 平台中的出现频率
+
+### 7.2 关键指标
+
+| 指标 | 目标 | 监测方式 |
+|------|------|---------|
+| AI平台提及率 | 目标关键词下前3个结果 | 手动查询 |
+| 品牌搜索量 | 季度增长20% | 百度指数、Google Trends |
+| 直接流量 | 增长30% | 网站分析工具 |
+| 咨询转化率 | 提升15% | CRM数据 |
+
+---
+
+## 八、下一步行动计划
+
+### 8.1 短期（1-2个月）
+
+- [ ] 在页面中增加可视化的 FAQ 区块
+- [ ] 添加品牌故事内容
+- [ ] 完善行业术语解释
+- [ ] 创建案例详情页面
+
+### 8.2 中期（3-6个月）
+
+- [ ] 开设技术博客
+- [ ] 添加 HowTo 结构化数据
+- [ ] 准备英文版内容
+- [ ] 建立外部内容分发渠道
+
+### 8.3 长期（6-12个月）
+
+- [ ] 多语言站点
+- [ ] 视频内容制作
+- [ ] 行业白皮书发布
+- [ ] 与AI平台建立合作关系
+
+---
+
+*文档整理时间：2026-05-19*
diff --git a/docs/plans/2026-05-02-landing-page-redesign-design.md b/docs/plans/2026-05-02-landing-page-redesign-design.md
new file mode 100644
index 0000000..ad34d6c
--- /dev/null
+++ b/docs/plans/2026-05-02-landing-page-redesign-design.md
@@ -0,0 +1,93 @@
+# 菲西尔智能 Landing Page 设计方案
+
+**日期**: 2026-05-02
+**项目**: fischer-site Landing Page 重新设计
+**状态**: 已批准
+
+---
+
+## 1. 项目概述
+
+### 1.1 目标
+为上海菲西尔智能科技有限公司重新设计 Landing Page，打造具有差异化、现代化、国际化的企业智能叠加服务 landing page。
+
+### 1.2 核心定位
+- **品牌定位**: AI 赋能者 - "让现有业务系统叠加 AI 能力"
+- **目标受众**: 企业决策者(A)、中层管理者(B)、渠道合作伙伴(D)
+- **核心行动**: 立即咨询(A) + 预约演示(C)
+- **差异化**: 现代、有特色、摆脱传统企业网站沉闷感
+
+---
+
+## 2. 设计约束
+
+### 2.1 技术实现
+- 全新开始，不基于现有 index.html
+- 纯 HTML/CSS/JS 单页面实现
+- 轻量、加载快、易部署
+
+### 2.2 内容保持
+- 核心业务: AI+物业 / AI+资管 / AI+CRM
+- 品牌名称: 菲西尔智能
+- 联系方式和咨询表单
+
+---
+
+## 3. 三个设计方案
+
+### 方案一: 新锐科技 + 极简留白
+**参考**: Linear + Apple + 高级感
+
+| 元素 | 设计规格 |
+|------|----------|
+| 背景色 | `#0a0a0a` 深黑 |
+| 文字色 | `#ffffff` 纯白 |
+| 强调色 | 单一品牌色点缀 |
+| 标题 | 超大(clamp 72-96px)、极多留白 |
+| 动效 | 克制优雅：淡入、轻微位移、hover 微交互 |
+| 特点 | 呼吸感强、品牌色点缀、信任感与未来感并存 |
+
+### 方案二: 杂志美学 + 3D 沉浸
+**参考**: The Verge + Spline + WebGL 背景
+
+| 元素 | 设计规格 |
+|------|----------|
+| 背景色 | 渐变暗色背景 |
+| 文字色 | 亮色文字 |
+| 卡片 | 玻璃拟态效果 |
+| 排版 | 杂志式大图、编辑感标题、不对称布局 |
+| 动效 | 3D 背景、视差滚动、卡片悬浮、粒子/光效 |
+| 特点 | 视觉冲击强、现代感足、记忆点突出 |
+
+### 方案三: 高端质感 + 电影叙事
+**参考**: 徕卡官网 + 高端品牌 + 叙事性滚动
+
+| 元素 | 设计规格 |
+|------|----------|
+| 配色 | 黑白主调 + 胶片颗粒 + 暖色或冷色点缀 |
+| 排版 | 故事线驱动、大量图片/视频、慢节奏阅读 |
+| 动效 | 缓慢 zoom、交叉溶解、胶片噪点质感 |
+| 特点 | 沉浸感强、品牌调性高、差异化显著 |
+
+---
+
+## 4. 通用信息架构
+
+所有方案共享以下信息架构：
+
+1. **Hero Section**: 品牌标语 + 核心 CTA
+2. **Pain Points**: 目标客户的核心痛点
+3. **Solutions**: 三大解决方案 (物业/资管/CRM)
+4. **Approach**: 实施方法论
+5. **Trust Metrics**: 信任背书/数据
+6. **Contact**: 咨询表单/预约演示
+
+---
+
+## 5. 成功标准
+
+- [ ] 三个方案都能在浏览器中正常打开
+- [ ] 响应式设计，适配桌面和移动端
+- [ ] CTA 按钮清晰可见
+- [ ] 加载速度 < 3秒
+- [ ] 无 AI 味的文案表达
diff --git a/docs/site-structure.md b/docs/site-structure.md
new file mode 100644
index 0000000..3218e9e
--- /dev/null
+++ b/docs/site-structure.md
@@ -0,0 +1,492 @@
+# 菲西尔官网结构文档
+
+> 更新时间：2026-05-19
+
+---
+
+## 一、页面规划总览
+
+| 序号 | 页面名称 | 主要职能 | 优先级 |
+|------|----------|----------|--------|
+| 1 | 首页 | 吸引注意、传递价值主张、CTA引导 | 必做 |
+| 2 | 服务 | 展示三大业务场景及具体能力 | 必做 |
+| 3 | 关于我们 | 建立信任、展示专业性 | 必做 |
+| 4 | 案例 | 展示成功案例、增强说服力 | 建议 |
+| 5 | 联系我们 | 获取线索、表单收集 | 必做 |
+
+---
+
+## 二、首页（Home）
+
+### 模块结构
+
+```
+首页
+├── 1.1 顶部导航栏
+├── 1.2 Hero区域（首屏）
+├── 1.3 痛点洞察
+├── 1.4 核心服务预览
+├── 1.5 差异化优势
+├── 1.6 客户证言
+├── 1.7 立即咨询
+└── 1.8 页脚
+```
+
+### 模块详细内容
+
+#### 1.1 顶部导航栏
+
+| 元素 | 内容 |
+|------|------|
+| Logo | 菲西尔智能 |
+| 导航链接 | 首页 · 服务 · 关于我们 · 案例 · 联系我们 |
+| CTA按钮 | 预约免费诊断 |
+
+---
+
+#### 1.2 Hero区域（首屏）
+
+**主标题：**
+> 不换系统，也能用上AI
+
+**副标题：**
+> 不换现有系统，2周让AI上岗。不用迁移数据，不用重新培训员工。
+
+**主CTA按钮：** 预约免费诊断
+
+**次CTA按钮：** 看看适不适合我 →
+
+---
+
+#### 1.3 痛点洞察
+
+**章节标题：** 你的系统，是不是越用越累？
+
+**章节副标题：** 每天忙成这样，系统帮到你了吗？
+
+**四大痛点卡片：**
+
+| 序号 | 标题 | 正文 |
+|------|------|------|
+| 痛点01 | 数据填了一大堆，用的时候找不到 | 物业、资管、CRM记了几年的数据，真正想查一个客户情况的时候，还是要翻半天Excel。数据有了，但用不上。 |
+| 痛点02 | 系统买了好几个，想看个汇总数据还要手工算 | 报修一个系统，资产一个系统，客户又一个系统。想看看这个月整体情况？对不起，要好几天后才能算出来。 |
+| 痛点03 | 招了人，每天却在做重复的事 | 销售每天花2小时录入客户信息，物业员工每天填几十张巡检表。人都招对了，但时间没用在正事上。 |
+| 痛点04 | 老员工一走，业务就卡壳 | 经验都在老员工身上，他一休假，所有人等他回来。交接只能靠嘴说，做事的方法没沉淀下来。 |
+
+**核心洞察框：**
+> 不用换系统，让AI帮你干活。
+>
+> 重复的事AI干，你做重要的决定。
+
+---
+
+#### 1.4 核心服务预览
+
+**章节标题：** 让AI替你干活，你做决定
+
+**章节副标题：** 不换系统，只让AI帮你提升效率
+
+**三大服务预览卡片：**
+
+| 服务 | 标题 | 核心描述 | 金句 |
+|------|------|----------|------|
+| AI+物业 | 物业AI帮手 | 客户一报修，系统自动判断该派给谁。设备快出问题了，提前提醒你。巡检路线AI规划好，不用人工排。 | 员工说：这系统，终于能帮我干活了。 |
+| AI+资管 | 资管AI帮手 | 租约快到期了，系统提前告诉你。哪个楼层可能要空出来，提前做准备。定租金的时候，AI会参考历史数据给你建议。 | 老板说：终于不用靠猜了。 |
+| AI+CRM | CRM AI帮手 | 新线索进来了，AI帮你过滤掉假的、重复的。打完电话，AI自动帮你写好跟进记录。 | 销售说：终于不用录系统了。 |
+
+**服务页面入口：** 查看全部服务 →
+
+---
+
+#### 1.5 差异化优势
+
+**章节标题：** 我们和别的AI公司有什么不同
+
+**五大差异点：**
+
+| 序号 | 标题 | 正文 |
+|------|------|------|
+| 01 | 不替换，只叠加 | 不动你的系统，在旁边加个AI帮手。你还是用原来的界面，只是多了AI帮你干那些重复的事。 |
+| 02 | 让数据开口说话 | 你系统里几年的数据，AI帮你分析。哪个客户可能要流失，哪个楼层可能要空，AI提前告诉你。 |
+| 03 | 让AI替你干活 | 那些每天都要做、每次都一样的活，AI帮你干了。比如回复客户常见问题、巡检报告自动生成。AI干完了，你看一眼就行。 |
+| 04 | 跨系统一屏掌控 | 问AI：上个月哪几个客户投诉最多？AI直接给你答案。不用再从好几个系统里导数据、拼表格。 |
+| 05 | 小步试错，大步扩张 | 先在一个场景试，效果好再扩大。不满意可以停，不用一下子投很多钱。 |
+
+---
+
+#### 1.6 客户证言（Social Proof）
+
+**章节标题：** 他们都在用
+
+**证言卡片（示例结构）：**
+
+| 客户类型 | 证言内容 |
+|----------|----------|
+| 物业客户 | "用了3个月，员工最常说的一句话是：这个功能怎么不早点上。" |
+| 资管客户 | "以前每月汇报数据要准备一周，现在问AI就行。" |
+| CRM客户 | "销售终于有时间去见客户了，而不是天天填表。" |
+
+---
+
+#### 1.7 立即咨询
+
+**区块标题：** 30分钟，我们看看你的系统能用AI干什么
+
+**正文：** 不卖东西，只帮你分析。先看看你的系统现在什么情况，AI能帮你省多少事、花多少钱。
+
+**表单字段：**
+
+| 字段名 | 类型 | 必填 |
+|--------|------|------|
+| 您的名字 | 文本 | 是 |
+| 手机（方便联系您） | 手机号 | 是 |
+| 邮箱（选填） | 邮箱 | 否 |
+| 简单说说您现在用的什么系统（选填） | 文本 | 否 |
+
+**提交按钮：** 预约免费诊断
+
+---
+
+#### 1.8 页脚
+
+| 内容 |
+|------|
+| 公司名：上海菲西尔智能科技有限公司 |
+| 版权：© 2026 菲西尔智能 |
+
+---
+
+## 三、服务页面（Services）
+
+### 模块结构
+
+```
+服务页面
+├── 3.1 页面标题区
+├── 3.2 服务导航（三个场景切换）
+├── 3.3 AI+物业详情
+├── 3.4 AI+资管详情
+├── 3.5 AI+CRM详情
+├── 3.6 通用AI能力
+└── 3.7 服务咨询入口
+```
+
+### 模块详细内容
+
+#### 3.1 页面标题区
+
+**页面标题：** 让AI替你干活，你做决定
+
+**页面副标题：** 不换系统，只让AI帮你提升效率
+
+---
+
+#### 3.2 服务导航
+
+三个标签切换：AI+物业 | AI+资管 | AI+CRM
+
+---
+
+#### 3.3 AI+物业
+
+**服务标题：** 物业AI帮手
+
+**核心指标：** 客诉从2小时 → 30分钟
+
+**场景说明：**
+
+| 场景 | 具体描述 |
+|------|----------|
+| 智能派单 | 客户一报修，系统自动判断该派给谁。不用人工转来转去。 |
+| 设备预警 | 设备快出问题了，提前提醒你。不是坏了再修，是快坏的时候就告诉你。 |
+| 巡检规划 | 巡检路线AI规划好，不用人工排。每天走多少户、几点去哪，AI都安排好了。 |
+| 数据查询 | 问AI：上个月哪几栋楼的报修最多？AI直接给你答案。 |
+
+**金句：** 员工说：这系统，终于能帮我干活了。
+
+**客户证言：** （待补充）
+
+---
+
+#### 3.4 AI+资管
+
+**服务标题：** 资管AI帮手
+
+**核心指标：** 下个月哪些楼层要空，现在就知道
+
+**场景说明：**
+
+| 场景 | 具体描述 |
+|------|----------|
+| 租约预警 | 租约快到期了，系统提前告诉你。哪个楼层可能要空出来，提前做准备。 |
+| 定价建议 | 定租金的时候，AI会参考历史数据给你建议。不是拍脑袋，是看数据。 |
+| 空置预警 | 哪个楼层可能要空出来，AI提前算好。不等到最后一刻才知道。 |
+| 报表汇总 | 问AI：本季度各楼层的出租率和租金收入？AI直接给你汇总好的数据。 |
+
+**金句：** 老板说：终于不用靠猜了。
+
+**客户证言：** （待补充）
+
+---
+
+#### 3.5 AI+CRM
+
+**服务标题：** CRM AI帮手
+
+**核心指标：** 销售每天多跟进3个客户
+
+**场景说明：**
+
+| 场景 | 具体描述 |
+|------|----------|
+| 线索清洗 | 新线索进来了，AI帮你过滤掉假的、重复的。销售只跟进真正有价值的。 |
+| 跟进记录 | 打完电话，AI自动帮你写好跟进记录。不用手动录入，省时间。 |
+| 客户推荐 | 打开CRM，推荐你今天最该联系哪些客户。按优先级排好，不用自己想。 |
+| 数据分析 | 问AI：这个月哪几个客户最活跃？AI直接给你分析结果。 |
+
+**金句：** 销售说：终于不用录系统了。
+
+**客户证言：** （待补充）
+
+---
+
+#### 3.6 通用AI能力
+
+**标题：** 不管你用什么系统，都能用
+
+**正文：** 物业ERP、资管平台、CRM系统——不管你现在用的是哪套，AI都能接上去。不用换系统，在旁边加个AI帮手。你还是用原来的界面，只是多了AI帮你干那些重复的事。
+
+---
+
+#### 3.7 服务咨询入口
+
+**区块标题：** 30分钟，我们看看你的系统能用AI干什么
+
+**CTA按钮：** 预约免费诊断
+
+---
+
+## 四、关于我们页面（About）
+
+### 模块结构
+
+```
+关于我们页面
+├── 4.1 页面标题区
+├── 4.2 企业介绍
+├── 4.3 核心价值观
+├── 4.4 团队介绍（可选）
+└── 4.5 联系方式
+```
+
+### 模块详细内容
+
+#### 4.1 页面标题区
+
+**页面标题：** 我们是谁
+
+**页面副标题：** 帮企业把AI接到现有系统里
+
+---
+
+#### 4.2 企业介绍
+
+**公司简介：**
+
+上海菲西尔智能科技有限公司，专注企业AI落地服务。
+
+我们的核心观点：大多数企业不需要换系统，需要的是在现有系统上叠加AI能力。
+
+不推翻重来，不大兴土木。用2周时间，让AI上岗。员工不用重新培训，系统不用重新部署。
+
+---
+
+#### 4.3 核心价值观
+
+| 序号 | 价值观 | 说明 |
+|------|--------|------|
+| 01 | 不替换，只叠加 | 我们不卖新系统，我们帮你把AI接到你现有的系统里。 |
+| 02 | 先试再用 | 先在一个场景试，效果好再扩大。不满意可以停。 |
+| 03 | 说人话 | 技术的东西我们来搞，你只管用。 |
+| 04 | 效果可衡量 | 每一步都可衡量投入产出，钱花在刀刃上。 |
+
+---
+
+#### 4.4 团队介绍（可选）
+
+**团队定位：** 技术+行业，懂AI也懂业务
+
+（团队成员信息待补充）
+
+---
+
+#### 4.5 联系方式
+
+| 联系方式 | 内容 |
+|----------|------|
+| 地址 | （待补充） |
+| 邮箱 | （待补充） |
+| 电话 | （待补充） |
+
+---
+
+## 五、案例页面（Cases）
+
+### 模块结构
+
+```
+案例页面
+├── 5.1 页面标题区
+├── 5.2 案例筛选导航
+├── 5.3 案例列表
+└── 5.4 咨询入口
+```
+
+### 模块详细内容
+
+#### 5.1 页面标题区
+
+**页面标题：** 他们的系统，现在能用AI了
+
+**页面副标题：** 真实案例，看看AI在你的行业能干什么
+
+---
+
+#### 5.2 案例筛选导航
+
+全部 | 物业 | 资管 | CRM
+
+---
+
+#### 5.3 案例卡片结构
+
+每个案例卡片包含：
+
+| 元素 | 说明 |
+|------|------|
+| 客户logo/名称 | （待补充） |
+| 行业标签 | 物业 / 资管 / CRM |
+| 项目背景 | 客户原来面临什么问题 |
+| 解决方案 | 我们做了什么 |
+| 效果数据 | 具体带来了什么改变（用具体场景描述，不用抽象数字） |
+| 客户原话 | 一句客户的真实反馈 |
+
+---
+
+#### 5.4 咨询入口
+
+**区块标题：** 想了解你的行业案例？
+
+**CTA按钮：** 预约免费诊断
+
+---
+
+## 六、联系我们页面（Contact）
+
+### 模块结构
+
+```
+联系我们页面
+├── 6.1 页面标题区
+├── 6.2 联系方式
+├── 6.3 咨询表单
+└── 6.4 地图（可选）
+```
+
+### 模块详细内容
+
+#### 6.1 页面标题区
+
+**页面标题：** 预约免费诊断
+
+**页面副标题：** 30分钟，我们看看你的系统能用AI干什么
+
+---
+
+#### 6.2 联系方式
+
+| 联系方式 | 内容 |
+|----------|------|
+| 地址 | （待补充） |
+| 邮箱 | （待补充） |
+| 电话 | （待补充） |
+| 工作时间 | 周一至周五 9:00-18:00 |
+
+---
+
+#### 6.3 咨询表单
+
+**表单标题：** 先聊聊，看看适不适合
+
+**正文：** 不卖东西，只帮你分析。先看看你的系统现在什么情况，AI能帮你省多少事、花多少钱。
+
+**表单字段：**
+
+| 字段名 | 类型 | 必填 | 占位提示 |
+|--------|------|------|----------|
+| 您的名字 | 文本 | 是 | 怎么称呼您 |
+| 手机（方便联系您） | 手机号 | 是 | 138xxxx8888 |
+| 邮箱（选填） | 邮箱 | 否 | 选填 |
+| 您现在用的什么系统 | 文本 | 否 | 比如：某物业ERP、某CRM系统 |
+| 您想解决什么问题 | 文本区 | 否 | 简单说说您现在遇到的困难 |
+
+**提交按钮：** 预约免费诊断
+
+---
+
+## 七、核心文案库
+
+### 一句话价值主张
+
+> 不换系统，2周让AI上岗
+
+### 一段话介绍
+
+> 菲西尔帮你把AI接到你现有的系统里。不用换系统，不用迁移数据，不用重新培训员工。物业、资管、CRM都能用。AI帮你干那些每天重复的事，你做重要的决定。
+>
+> 先在一个场景试，效果好再扩大。不满意可以停，不用一下子投很多钱。
+
+### 场景金句
+
+| 场景 | 金句 |
+|------|------|
+| 物业 | 员工说：这系统，终于能帮我干活了。 |
+| 资管 | 老板说：终于不用靠猜了。 |
+| CRM | 销售说：终于不用录系统了。 |
+| 通用 | AI干重复的事，人做重要的事。 |
+| GEO | 以后客户找供应商，是问AI推荐。你的品牌能不能被AI推荐？ |
+
+### CTA按钮文案
+
+| 位置 | 文案 |
+|------|------|
+| 全局主CTA | 预约免费诊断 |
+| Hero次按钮 | 看看适不适合我 → |
+| 服务页CTA | 预约免费诊断 |
+| 案例页CTA | 预约免费诊断 |
+| 关于页CTA | 预约免费诊断 |
+
+---
+
+## 八、导航结构
+
+```
+┌─────────────────────────────────────────────────────────────┐
+│  [Logo]   首页   服务   关于我们   案例   联系我们  [CTA]  │
+└─────────────────────────────────────────────────────────────┘
+```
+
+---
+
+## 九、页面优先级
+
+| 优先级 | 页面 | 说明 |
+|--------|------|------|
+| P0 | 首页 + 联系表单 | 先上线核心转化路径 |
+| P1 | 服务页 | 展示具体能力 |
+| P2 | 关于我们 | 建立信任 |
+| P3 | 案例页 | 增强说服力，可后续补充 |
+
+---
+
+*整理时间：2026-05-19*
diff --git a/index.html b/index.html
index 97967cc..57137b7 100644
--- a/index.html
+++ b/index.html
@@ -3,218 +3,2270 @@
 <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能力。">
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;510;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;700;900&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+    <title>菲西尔智能 · AI叠加专家 - 不换系统，2周让AI上岗 | 物业AI/资管AI/CRM AI</title>
+    <meta name="description" content="菲西尔智能，帮企业在现有业务系统上叠加AI能力。不换系统、不迁移数据、不重新培训员工。物业AI、资管AI、CRM AI三大场景，2周部署见效。">
+    <meta name="keywords" content="AI叠加, 物业AI, 资管AI, CRM AI, 人工智能集成, 业务系统AI升级, 智能物业管理, 智能资产管理, 客户管理AI, 上海AI公司">
+    <meta name="author" content="上海菲西尔智能科技有限公司">
+    <meta name="robots" content="index, follow">
+    <meta name="googlebot" content="index, follow">
+    <meta name="theme-color" content="#0a0a0f">
+    <link rel="canonical" href="https://www.fischerai.cn/">
+    
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.fischerai.cn/">
+    <meta property="og:title" content="菲西尔智能 · 不换系统，2周让AI上岗">
+    <meta property="og:description" content="帮企业在现有业务系统上叠加AI能力。物业AI、资管AI、CRM AI，2周部署见效，不换系统不迁移数据。">
+    <meta property="og:image" content="https://www.fischerai.cn/assets/og-image.jpg">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    <meta property="og:locale" content="zh_CN">
+    <meta property="og:site_name" content="菲西尔智能">
+    
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:url" content="https://www.fischerai.cn/">
+    <meta name="twitter:title" content="菲西尔智能 · 不换系统，2周让AI上岗">
+    <meta name="twitter:description" content="帮企业在现有业务系统上叠加AI能力。物业AI、资管AI、CRM AI，2周部署见效。">
+    <meta name="twitter:image" content="https://www.fischerai.cn/assets/og-image.jpg">
+    <meta name="twitter:site" content="@fischer_ai">
+    
+    <!-- 百度 SEO -->
+    <meta name="baidu-site-verification" content="">
+    <meta name="360-site-verification" content="">
+    
+    <!-- 移动端优化 -->
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <meta name="format-detection" content="telephone=no">
+    
+    <!-- Favicon -->
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <link rel="manifest" href="/site.webmanifest">
+    
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
+    
+    <!-- JSON-LD 结构化数据 -->
+    <script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "Organization",
+        "name": "菲西尔智能",
+        "alternateName": "上海菲西尔智能科技有限公司",
+        "url": "https://www.fischerai.cn",
+        "logo": "https://www.fischerai.cn/assets/logo.png",
+        "description": "帮企业在现有业务系统上叠加AI能力的服务商，专注物业AI、资管AI、CRM AI三大场景",
+        "foundingDate": "2024",
+        "foundingLocation": "上海",
+        "areaServed": "中国",
+        "contactPoint": {
+            "@type": "ContactPoint",
+            "contactType": "customer service",
+            "email": "contact@fischerai.cn",
+            "availableLanguage": ["Chinese", "English"]
+        },
+        "sameAs": [
+            "https://github.com/fischer-ai",
+            "https://www.linkedin.com/company/fischer-ai"
+        ],
+        "knowsAbout": [
+            "AI系统集成",
+            "物业管理系统AI升级",
+            "资产管理系统AI升级",
+            "CRM系统AI升级",
+            "AI Agent开发",
+            "业务自动化"
+        ]
+    }
+    </script>
+    
+    <script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "WebSite",
+        "name": "菲西尔智能官网",
+        "url": "https://www.fischerai.cn",
+        "description": "AI叠加专家，帮企业不换系统，2周让AI上岗",
+        "potentialAction": {
+            "@type": "SearchAction",
+            "target": "https://www.fischerai.cn/?s={search_term_string}",
+            "query-input": "required name=search_term_string"
+        }
+    }
+    </script>
+    
+    <script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "ProfessionalService",
+        "name": "菲西尔智能",
+        "image": "https://www.fischerai.cn/assets/logo.png",
+        "url": "https://www.fischerai.cn",
+        "description": "AI叠加专家，专注物业、资管、CRM系统的AI升级改造",
+        "telephone": "+86-21-xxxx-xxxx",
+        "email": "contact@fischerai.cn",
+        "address": {
+            "@type": "PostalAddress",
+            "addressLocality": "上海",
+            "addressCountry": "CN"
+        },
+        "geo": {
+            "@type": "GeoCoordinates",
+            "latitude": "31.2304",
+            "longitude": "121.4737"
+        },
+        "openingHoursSpecification": {
+            "@type": "OpeningHoursSpecification",
+            "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
+            "opens": "09:00",
+            "closes": "18:00"
+        },
+        "priceRange": "¥¥¥",
+        "serviceType": ["AI系统集成", "物业AI", "资管AI", "CRM AI升级"]
+    }
+    </script>
+    
+    <script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "FAQPage",
+        "mainEntity": [
+            {
+                "@type": "Question",
+                "name": "什么是AI叠加？和换系统有什么区别？",
+                "acceptedAnswer": {
+                    "@type": "Answer",
+                    "text": "AI叠加是指在企业现有业务系统旁边加一个AI智能层，通过API连接，不改变原有系统的使用方式。不需要换系统、不需要迁移数据、不需要重新培训员工。与替换系统相比，AI叠加成本更低、风险更小、实施更快，通常2周就可以见效。"
+                }
+            },
+            {
+                "@type": "Question",
+                "name": "菲西尔支持哪些业务系统的AI叠加？",
+                "acceptedAnswer": {
+                    "@type": "Answer",
+                    "text": "菲西尔支持物业管理系统、资产管理系统、CRM系统等主流业务系统的AI叠加。无论是国内还是国外的品牌，只要有API接口或数据库访问权限，都可以叠加AI能力。"
+                }
+            },
+            {
+                "@type": "Question",
+                "name": "物业AI可以解决什么问题？",
+                "acceptedAnswer": {
+                    "@type": "Answer",
+                    "text": "物业AI可以帮助：1）智能派单，自动判断工单该派给谁；2）设备预警，提前发现设备故障；3）巡检规划，AI自动规划巡检路线；4）数据查询，用自然语言查询业务数据。员工说：这系统，终于能帮我干活了。"
+                }
+            },
+            {
+                "@type": "Question",
+                "name": "资管AI有什么具体应用？",
+                "acceptedAnswer": {
+                    "@type": "Answer",
+                    "text": "资管AI可以：1）租约预警，提前90天告诉你哪些租约要到期；2）空置预警，预测哪些楼层可能空出来；3）定价建议，参考历史数据给出租金建议；4）报表汇总，用自然语言查询资产数据。老板说：终于不用靠猜了。"
+                }
+            },
+            {
+                "@type": "Question",
+                "name": "CRM AI能帮销售做什么？",
+                "acceptedAnswer": {
+                    "@type": "Answer",
+                    "text": "CRM AI可以：1）线索清洗，过滤掉假的、重复的线索；2）跟进记录，打完电话自动生成跟进记录；3）客户推荐，推荐今天最该联系哪些客户；4）数据分析，用自然语言查询客户数据。销售说：终于不用录系统了。"
+                }
+            },
+            {
+                "@type": "Question",
+                "name": "实施AI叠加需要多长时间？",
+                "acceptedAnswer": {
+                    "@type": "Answer",
+                    "text": "通常2周就可以完成部署并见效。我们先在一个场景试点，效果好再扩大。不满意可以随时停，不用一下子投入很多资金。"
+                }
+            },
+            {
+                "@type": "Question",
+                "name": "AI叠加需要迁移数据吗？",
+                "acceptedAnswer": {
+                    "@type": "Answer",
+                    "text": "不需要。我们通过API连接你的现有系统，数据不需要迁移，员工不需要重新录入。员工继续用原来的界面，只是多了AI帮你干活。"
+                }
+            },
+            {
+                "@type": "Question",
+                "name": "如何预约菲西尔的AI诊断服务？",
+                "acceptedAnswer": {
+                    "@type": "Answer",
+                    "text": "你可以直接拨打我们的电话、发送邮件，或填写网站上的预约表单。我们会安排专业顾问，30分钟免费诊断你的系统，看看AI能帮你解决什么问题。"
+                }
+            }
+        ]
+    }
+    </script>
+    
     <style>
         :root {
-            --bg-deep: #010102; --bg-main: #08090a; --bg-panel: #0f1011;
-            --bg-elevated: #191a1b; --bg-surface: #28282c;
-            --text-primary: #f7f8f8; --text-secondary: #d0d6e0;
-            --text-tertiary: #8a8f98; --text-quaternary: #62666d;
-            --border-subtle: rgba(255,255,255,0.05);
-            --border-standard: rgba(255,255,255,0.08);
-            --border-prominent: rgba(255,255,255,0.12);
-            --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
-            --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
-            --sp-9: 80px; --sp-10: 120px;
-            --r-sm: 4px; --r-md: 6px; --r-lg: 8px; --r-xl: 12px; --r-2xl: 16px;
+            --bg-primary: #0a0a0f;
+            --bg-secondary: #0f0f15;
+            --bg-elevated: #141419;
+            --accent-blue: #3B82F6;
+            --accent-blue-light: #60A5FA;
+            --accent-blue-dark: #2563EB;
+            --accent-cyan: #22D3EE;
+            --text-primary: #ffffff;
+            --text-secondary: rgba(255, 255, 255, 0.7);
+            --text-tertiary: rgba(255, 255, 255, 0.4);
+            --border-subtle: rgba(255, 255, 255, 0.06);
+            --border-medium: rgba(255, 255, 255, 0.1);
+            --glow-blue: rgba(59, 130, 246, 0.3);
         }
-        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
-        html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
+
+        *, *::before, *::after {
+            box-sizing: border-box;
+            margin: 0;
+            padding: 0;
+        }
+
+        html {
+            scroll-behavior: smooth;
+            -webkit-text-size-adjust: 100%;
+        }
+
         body {
-            font-family: 'Inter', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
-            font-feature-settings: 'cv01', 'ss03';
-            background: var(--bg-main); color: var(--text-primary);
-            line-height: 1.6; overflow-x: hidden;
+            font-family: 'Inter', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
+            background: var(--bg-primary);
+            color: var(--text-primary);
+            line-height: 1.6;
+            overflow-x: hidden;
             -webkit-font-smoothing: antialiased;
+            -moz-osx-font-smoothing: grayscale;
+            scroll-behavior: smooth;
         }
-        .display-xl { font-size: clamp(48px, 7vw, 88px); font-weight: 900; line-height: 1.02; letter-spacing: -0.03em; }
-        .display-lg { font-size: clamp(36px, 5vw, 64px); font-weight: 800; line-height: 1.05; letter-spacing: -0.025em; }
-        .heading-lg { font-size: clamp(24px, 3vw, 40px); font-weight: 700; line-height: 1.1; letter-spacing: -0.015em; }
-        .body-lg { font-size: clamp(16px, 1.2vw, 18px); font-weight: 400; line-height: 1.7; color: var(--text-secondary); }
-        .body-md { font-size: 15px; font-weight: 400; line-height: 1.65; color: var(--text-tertiary); }
-        .caption { font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: var(--text-quaternary); }
-        .metric { font-size: clamp(40px, 5vw, 72px); font-weight: 900; line-height: 1; letter-spacing: -0.04em; }
-        .container { max-width: 1200px; margin: 0 auto; padding: 0 var(--sp-5); position: relative; z-index: 2; }
-        .grain { position: fixed; inset: -50%; width: 200%; height: 200%; z-index: 9999; pointer-events: none; opacity: 0.02; 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='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
-        @keyframes grain { 0% { transform: translate(0,0); } 100% { transform: translate(-10%,10%); } }
-        .vignette { position: fixed; inset: 0; z-index: 9998; pointer-events: none; background: radial-gradient(ellipse at center, transparent 50%, rgba(0,0,0,0.4) 100%); }
-        nav { position: fixed; top: 0; width: 100%; z-index: 1000; padding: var(--sp-4) 0; background: rgba(8,9,10,0.8); backdrop-filter: blur(20px) saturate(150%); -webkit-backdrop-filter: blur(20px) saturate(150%); border-bottom: 1px solid var(--border-subtle); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
-        nav.scrolled { padding: var(--sp-2) 0; background: rgba(8,9,10,0.95); }
-        .nav-inner { max-width: 1200px; margin: 0 auto; padding: 0 var(--sp-5); display: flex; justify-content: space-between; align-items: center; }
-        .logo { font-size: 12px; font-weight: 800; letter-spacing: 0.2em; color: var(--text-primary); text-transform: uppercase; }
-        .nav-links { display: flex; gap: var(--sp-7); }
-        .nav-links a { color: var(--text-tertiary); text-decoration: none; font-size: 12px; font-weight: 510; letter-spacing: 0.04em; transition: color 0.3s ease; }
-        .nav-links a:hover { color: var(--text-primary); }
-        .hero { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; }
-        #hero-canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
-        .hero-poster { position: absolute; inset: 0; z-index: 0; background-image: url('assets/hero-poster.jpg?v=3'); background-size: cover; background-position: center; filter: grayscale(100%) brightness(0.25) contrast(1.3); transform: scale(1.05); animation: heroZoom 20s ease-out forwards; }
-        @keyframes heroZoom { from { transform: scale(1.05); } to { transform: scale(1.12); } }
-        .hero-overlay { position: absolute; inset: 0; z-index: 2; background: linear-gradient(to bottom, rgba(1,1,2,0.3) 0%, rgba(1,1,2,0.6) 50%, var(--bg-main) 100%); pointer-events: none; }
-        .hero-content { position: relative; z-index: 10; text-align: center; max-width: 900px; padding: 0 var(--sp-5); }
-        .hero-line { width: 40px; height: 1px; background: rgba(255,255,255,0.3); margin: 0 auto var(--sp-6); opacity: 0; animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards; }
-        .hero-title { opacity: 0; animation: fadeUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards; }
-        .hero-sub { margin-top: var(--sp-6); font-size: clamp(15px, 1.3vw, 17px); font-weight: 400; color: var(--text-secondary); max-width: 560px; margin-left: auto; margin-right: auto; line-height: 1.75; opacity: 0; animation: fadeUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards; }
-        .hero-cta { margin-top: var(--sp-7); opacity: 0; animation: fadeUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.7s forwards; }
-        .btn-primary { display: inline-flex; align-items: center; gap: var(--sp-2); padding: 14px 32px; background: var(--text-primary); color: var(--bg-main); text-decoration: none; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; border-radius: var(--r-md); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); border: 1px solid transparent; }
-        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(255,255,255,0.12); }
-        .btn-ghost { display: inline-flex; align-items: center; padding: 14px 32px; background: rgba(255,255,255,0.03); color: var(--text-secondary); text-decoration: none; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; border-radius: var(--r-md); border: 1px solid var(--border-subtle); transition: all 0.3s ease; margin-left: var(--sp-3); }
-        .btn-ghost:hover { background: rgba(255,255,255,0.06); color: var(--text-primary); border-color: var(--border-standard); }
-        .scroll-indicator { position: absolute; bottom: var(--sp-7); left: 50%; transform: translateX(-50%); z-index: 10; width: 1px; height: 48px; background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.2), transparent); animation: scrollPulse 3s ease-in-out infinite; }
-        @keyframes scrollPulse { 0%, 100% { opacity: 0; transform: translateX(-50%) scaleY(0.5); } 50% { opacity: 1; transform: translateX(-50%) scaleY(1); } }
-        @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
-        section { padding: var(--sp-10) 0; position: relative; }
-        .section-header { max-width: 640px; margin-bottom: var(--sp-8); }
-        .section-header .caption { display: flex; align-items: center; gap: var(--sp-3); margin-bottom: var(--sp-4); }
-        .section-header .caption::before { content: ''; width: 20px; height: 1px; background: var(--text-quaternary); }
-        #pain-points { background: var(--bg-main); }
-        .pain-bg-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,0.015) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px); background-size: 80px 80px; pointer-events: none; }
-        .pain-glow { position: absolute; top: 20%; left: 50%; width: 800px; height: 800px; transform: translate(-50%, -50%); background: radial-gradient(circle, rgba(255,255,255,0.015) 0%, transparent 70%); pointer-events: none; }
-        .pain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; position: relative; }
-        .pain-item { background: rgba(255,255,255,0.01); padding: var(--sp-7) var(--sp-6); border: 1px solid var(--border-subtle); position: relative; min-height: 320px; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
-        .pain-item:hover { background: rgba(255,255,255,0.025); border-color: var(--border-standard); }
-        .pain-icon { width: 32px; height: 32px; opacity: 0.15; margin-bottom: var(--sp-6); transition: opacity 0.4s ease; }
-        .pain-item:hover .pain-icon { opacity: 0.3; }
-        .pain-icon svg { width: 100%; height: 100%; }
-        .pain-icon svg line, .pain-icon svg path, .pain-icon svg rect, .pain-icon svg circle, .pain-icon svg polyline { stroke: #fff; stroke-width: 1.2; fill: none; }
-        .pain-item h3 { font-size: 18px; font-weight: 800; line-height: 1.3; letter-spacing: -0.01em; margin-bottom: var(--sp-3); color: var(--text-primary); }
-        .pain-item p { font-size: 14px; color: var(--text-tertiary); line-height: 1.7; }
-        .pain-num { position: absolute; bottom: var(--sp-4); right: var(--sp-5); font-size: 72px; font-weight: 900; color: rgba(255,255,255,0.02); line-height: 1; letter-spacing: -0.04em; }
-        .pain-highlight { grid-column: 1 / -1; min-height: auto; padding: var(--sp-8) var(--sp-7); background: rgba(255,255,255,0.015); border-color: var(--border-subtle); display: flex; align-items: center; gap: var(--sp-7); }
-        .pain-highlight .highlight-body { flex: 1; }
-        .pain-highlight h3 { font-size: clamp(24px, 3vw, 36px); font-weight: 900; letter-spacing: -0.02em; margin-bottom: var(--sp-3); }
-        .pain-highlight p { font-size: 16px; color: var(--text-secondary); line-height: 1.8; max-width: 600px; }
-        .pain-highlight .pain-num { position: relative; bottom: auto; right: auto; font-size: 120px; opacity: 0.03; flex-shrink: 0; }
-        #solutions { background: var(--bg-panel); border-top: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle); }
-        .service-row { display: grid; grid-template-columns: 1fr 1.2fr; gap: var(--sp-8); align-items: center; margin-bottom: var(--sp-10); }
-        .service-row.reverse { direction: rtl; }
-        .service-row.reverse > * { direction: ltr; }
-        .service-row:last-child { margin-bottom: 0; }
-        .service-text .service-metric { margin-bottom: var(--sp-2); background: linear-gradient(135deg, var(--text-primary) 0%, var(--text-tertiary) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
-        .service-text h3 { margin-bottom: var(--sp-4); color: var(--text-primary); }
-        .service-text p { font-size: 16px; color: var(--text-secondary); line-height: 1.8; max-width: 480px; margin-top: var(--sp-3); }
-        .service-closer { margin-top: var(--sp-5) !important; padding-top: var(--sp-4) !important; border-top: 1px solid var(--border-subtle) !important; font-size: 14px !important; color: var(--text-quaternary) !important; font-style: italic; }
-        .service-img { height: 480px; border-radius: var(--r-xl); overflow: hidden; background: var(--bg-elevated); border: 1px solid var(--border-subtle); }
-        .service-img img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%) brightness(0.7) contrast(1.1); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
-        .service-img:hover img { transform: scale(1.03); filter: grayscale(80%) brightness(0.8) contrast(1.15); }
-        #approach { background: var(--bg-main); }
-        .approach-list { max-width: 800px; }
-        .approach-item { display: flex; gap: var(--sp-6); padding: var(--sp-6) 0; border-bottom: 1px solid var(--border-subtle); align-items: flex-start; }
-        .approach-item:last-child { border-bottom: none; }
-        .approach-num { font-size: 13px; font-weight: 600; color: var(--text-quaternary); font-family: 'JetBrains Mono', monospace; letter-spacing: 0.05em; padding-top: 4px; min-width: 32px; }
-        .approach-body h3 { font-size: 20px; font-weight: 700; letter-spacing: -0.01em; margin-bottom: var(--sp-2); color: var(--text-primary); }
-        .approach-body p { font-size: 15px; color: var(--text-tertiary); line-height: 1.7; }
-        #geo { background: var(--bg-panel); border-top: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle); }
-        .geo-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: var(--sp-8); align-items: center; }
-        .geo-bridge { font-size: 12px; font-weight: 600; color: var(--text-quaternary); letter-spacing: 0.15em; text-transform: uppercase; display: flex; align-items: center; gap: var(--sp-3); margin-bottom: var(--sp-4); }
-        .geo-bridge::before { content: ''; width: 24px; height: 1px; background: var(--text-quaternary); }
-        .geo-quote { margin-top: var(--sp-6); padding: var(--sp-5); background: rgba(255,255,255,0.015); border-left: 2px solid var(--border-prominent); border-radius: 0 var(--r-md) var(--r-md) 0; }
-        .geo-quote p { font-size: 16px; color: var(--text-secondary); line-height: 1.7; font-style: italic; }
-        #contact { background: var(--bg-main); }
-        .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-8); align-items: start; }
-        .contact-form { display: flex; flex-direction: column; gap: var(--sp-4); }
-        .contact-form label { display: block; font-size: 11px; font-weight: 600; color: var(--text-quaternary); letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: var(--sp-2); }
-        .contact-form input, .contact-form textarea { width: 100%; padding: 14px 16px; background: rgba(255,255,255,0.02); border: 1px solid var(--border-subtle); border-radius: var(--r-md); color: var(--text-primary); font-size: 15px; font-family: inherit; transition: all 0.3s ease; }
-        .contact-form input:focus, .contact-form textarea:focus { outline: none; border-color: var(--border-prominent); background: rgba(255,255,255,0.04); box-shadow: 0 0 0 3px rgba(255,255,255,0.03); }
-        .contact-form textarea { min-height: 100px; resize: vertical; }
-        .contact-form input::placeholder, .contact-form textarea::placeholder { color: var(--text-quaternary); }
-        .contact-submit button { padding: 14px 40px; background: var(--text-primary); color: var(--bg-main); border: none; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; border-radius: var(--r-md); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); width: 100%; }
-        .contact-submit button:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(255,255,255,0.1); }
-        .contact-submit button:disabled { opacity: 0.5; cursor: default; transform: none; box-shadow: none; }
-        .form-status { text-align: center; font-size: 13px; min-height: 20px; }
-        .form-status.ok { color: #27a644; }
-        .form-status.err { color: #ff5b4f; }
-        footer { padding: var(--sp-8) 0; text-align: center; background: var(--bg-deep); border-top: 1px solid var(--border-subtle); }
-        footer .caption { color: var(--text-quaternary); margin-bottom: var(--sp-3); }
-        footer .company { font-size: 14px; font-weight: 600; color: var(--text-tertiary); }
-        footer .copy { margin-top: var(--sp-3); font-size: 10px; color: var(--text-quaternary); letter-spacing: 0.08em; }
-        .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
-        .reveal.visible { opacity: 1; transform: translateY(0); }
-        .reveal-delay-1 { transition-delay: 0.08s; }
-        .reveal-delay-2 { transition-delay: 0.16s; }
-        .reveal-delay-3 { transition-delay: 0.24s; }
-        .reveal-delay-4 { transition-delay: 0.32s; }
-        .reveal-delay-5 { transition-delay: 0.4s; }
-        @media (max-width: 900px) {
-            :root { --sp-8: 48px; --sp-9: 64px; --sp-10: 80px; }
-            .nav-links { display: none; }
-            .container { padding: 0 var(--sp-4); }
-            .hero-content { max-width: 100%; }
-            .hero-sub { font-size: 15px; }
-            .btn-ghost { display: none; }
-            section { padding: var(--sp-9) 0; }
-            .section-header { margin-bottom: var(--sp-6); }
-            .pain-grid { display: flex; flex-direction: column; gap: 1px; }
-            .pain-item { min-height: auto; padding: var(--sp-6) var(--sp-4); border: none; border-top: 1px solid var(--border-subtle); background: transparent; }
-            .pain-item:first-child { border-top: none; }
-            .pain-icon { margin: 0 auto var(--sp-5); }
-            .pain-item h3 { font-size: 20px; text-align: center; }
-            .pain-item p { text-align: center; font-size: 14px; }
-            .pain-num { font-size: 64px; bottom: 12px; right: 12px; }
-            .pain-highlight { flex-direction: column; padding: var(--sp-6) var(--sp-4); gap: var(--sp-4); text-align: center; border-top: 1px solid var(--border-subtle); }
-            .pain-highlight .pain-num { position: relative; font-size: 80px; }
-            .service-row, .service-row.reverse { grid-template-columns: 1fr; gap: var(--sp-5); margin-bottom: var(--sp-8); direction: ltr; }
-            .service-row.reverse > * { direction: ltr; }
-            .service-img { height: 260px; order: -1; }
-            .service-text .service-metric { font-size: 48px; }
-            .approach-item { flex-direction: column; gap: var(--sp-2); padding: var(--sp-5) 0; }
-            .approach-num { font-size: 13px; }
-            .approach-body h3 { font-size: 18px; }
-            .geo-grid { grid-template-columns: 1fr; gap: var(--sp-6); }
-            .contact-grid { grid-template-columns: 1fr; gap: var(--sp-6); }
+
+        @media (prefers-reduced-motion: reduce) {
+            body { scroll-behavior: auto; }
+            *, *::before, *::after {
+                animation-duration: 0.01ms !important;
+                animation-iteration-count: 1 !important;
+                transition-duration: 0.01ms !important;
+            }
+        }
+
+        .container {
+            width: 100%;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 clamp(24px, 5vw, 120px);
+        }
+
+        .section {
+            padding: clamp(80px, 12vh, 160px) 0;
+            position: relative;
+        }
+
+        .section-label {
+            font-size: 11px;
+            font-weight: 600;
+            letter-spacing: 0.2em;
+            text-transform: uppercase;
+            color: var(--accent-blue);
+            margin-bottom: 24px;
+            display: flex;
+            align-items: center;
+            gap: 12px;
+        }
+
+        .section-label::before {
+            content: '';
+            width: 24px;
+            height: 1px;
+            background: var(--accent-blue);
+        }
+
+        .section-title {
+            font-size: clamp(36px, 5vw, 64px);
+            font-weight: 800;
+            line-height: 1.1;
+            letter-spacing: -0.03em;
+            margin-bottom: 24px;
+        }
+
+        .section-subtitle {
+            font-size: clamp(16px, 1.5vw, 20px);
+            color: var(--text-secondary);
+            line-height: 1.7;
+            max-width: 600px;
+        }
+
+        nav {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 1000;
+            padding: 20px 0;
+            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
+        }
+
+        nav.scrolled {
+            padding: 12px 0;
+            background: rgba(10, 10, 15, 0.85);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+            border-bottom: 1px solid var(--border-subtle);
+        }
+
+        .nav-inner {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .logo {
+            font-size: 14px;
+            font-weight: 700;
+            letter-spacing: 0.15em;
+            color: var(--text-primary);
+            text-decoration: none;
+        }
+
+        .nav-links {
+            display: flex;
+            gap: 48px;
+        }
+
+        .nav-links a {
+            font-size: 13px;
+            font-weight: 500;
+            color: var(--text-secondary);
+            text-decoration: none;
+            transition: color 0.3s ease;
+        }
+
+        .nav-links a:hover {
+            color: var(--text-primary);
+        }
+
+        .btn {
+            display: inline-flex;
+            align-items: center;
+            gap: 8px;
+            padding: 14px 28px;
+            font-size: 13px;
+            font-weight: 600;
+            letter-spacing: 0.02em;
+            text-decoration: none;
+            border-radius: 8px;
+            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+            cursor: pointer;
+            border: none;
+        }
+
+        .btn-primary {
+            background: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-blue-dark) 100%);
+            color: white;
+            box-shadow: 0 4px 20px var(--glow-blue), 0 0 40px rgba(59, 130, 246, 0.2);
+            position: relative;
+            overflow: hidden;
+        }
+
+        .btn-primary::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: -100%;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
+            transition: left 0.5s;
+        }
+
+        .btn-primary:hover::before {
+            left: 100%;
+        }
+
+        .btn-primary:hover {
+            background: linear-gradient(135deg, var(--accent-blue-light) 0%, var(--accent-blue) 100%);
+            transform: translateY(-2px);
+            box-shadow: 0 8px 30px var(--glow-blue), 0 0 60px rgba(59, 130, 246, 0.3);
+        }
+
+        .btn-ghost {
+            background: transparent;
+            color: var(--text-secondary);
+            border: 1px solid var(--border-medium);
+        }
+
+        .btn-ghost:hover {
+            background: rgba(255, 255, 255, 0.05);
+            color: var(--text-primary);
+            border-color: var(--border-medium);
+        }
+
+        .hero {
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            position: relative;
+            overflow: hidden;
+            background: linear-gradient(180deg, #0f0f1a 0%, #0a0a0f 50%, #080810 100%);
+        }
+
+        #hero-canvas {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: 1;
+            pointer-events: none;
+        }
+
+        .hero-bg-gradient {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            z-index: 0;
+            overflow: hidden;
+        }
+
+        .hero-bg-gradient::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 120%;
+            height: 100%;
+            background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(59, 130, 246, 0.25) 0%, rgba(59, 130, 246, 0.1) 30%, transparent 70%);
+            animation: glowPulse 8s ease-in-out infinite;
+        }
+
+        .hero-bg-gradient::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            height: 50%;
+            background: radial-gradient(ellipse 100% 80% at 50% 100%, rgba(59, 130, 246, 0.15) 0%, transparent 60%);
+        }
+
+        .hero-glow-1 {
+            position: absolute;
+            top: 20%;
+            left: 10%;
+            width: 300px;
+            height: 300px;
+            background: radial-gradient(circle, rgba(59, 130, 246, 0.2) 0%, transparent 70%);
+            border-radius: 50%;
+            filter: blur(60px);
+            animation: floatGlow 12s ease-in-out infinite;
+            z-index: 0;
+        }
+
+        .hero-glow-2 {
+            position: absolute;
+            bottom: 30%;
+            right: 15%;
+            width: 250px;
+            height: 250px;
+            background: radial-gradient(circle, rgba(34, 211, 238, 0.15) 0%, transparent 70%);
+            border-radius: 50%;
+            filter: blur(50px);
+            animation: floatGlow 10s ease-in-out infinite reverse;
+            z-index: 0;
+        }
+
+        .hero-glow-3 {
+            position: absolute;
+            top: 40%;
+            right: 25%;
+            width: 200px;
+            height: 200px;
+            background: radial-gradient(circle, rgba(99, 102, 241, 0.12) 0%, transparent 70%);
+            border-radius: 50%;
+            filter: blur(40px);
+            animation: floatGlow 14s ease-in-out infinite;
+            z-index: 0;
+        }
+
+        @keyframes glowPulse {
+            0%, 100% { opacity: 0.8; transform: translateX(-50%) scale(1); }
+            50% { opacity: 1; transform: translateX(-50%) scale(1.1); }
+        }
+
+        @keyframes floatGlow {
+            0%, 100% { transform: translate(0, 0); }
+            33% { transform: translate(30px, -20px); }
+            66% { transform: translate(-20px, 20px); }
+        }
+
+        .hero-content {
+            position: relative;
+            z-index: 10;
+            text-align: center;
+            max-width: 900px;
+            padding: 0 24px;
+        }
+
+        .hero-badge {
+            display: inline-flex;
+            align-items: center;
+            gap: 8px;
+            padding: 10px 20px;
+            background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(59, 130, 246, 0.05) 100%);
+            border: 1px solid rgba(59, 130, 246, 0.3);
+            border-radius: 100px;
+            font-size: 13px;
+            font-weight: 600;
+            color: var(--accent-blue-light);
+            margin-bottom: 32px;
+            backdrop-filter: blur(10px);
+            box-shadow: 0 0 30px rgba(59, 130, 246, 0.1);
+        }
+
+        .hero-badge::before {
+            content: '';
+            width: 8px;
+            height: 8px;
+            background: var(--accent-blue);
+            border-radius: 50%;
+            box-shadow: 0 0 10px var(--accent-blue);
+            animation: pulse 2s ease-in-out infinite;
+        }
+
+        @keyframes pulse {
+            0%, 100% { opacity: 1; transform: scale(1); box-shadow: 0 0 10px var(--accent-blue); }
+            50% { opacity: 0.6; transform: scale(1.3); box-shadow: 0 0 20px var(--accent-blue); }
+        }
+
+        .hero-title {
+            font-size: clamp(42px, 7vw, 88px);
+            font-weight: 900;
+            line-height: 1.05;
+            letter-spacing: -0.04em;
+            margin-bottom: 24px;
+            text-shadow: 0 0 60px rgba(59, 130, 246, 0.3);
+        }
+
+        .hero-title .char {
+            display: inline-block;
+            opacity: 0;
+            transform: translateY(40px);
+            background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.8) 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+
+        .hero-title .highlight {
+            background: linear-gradient(135deg, var(--accent-blue-light) 0%, var(--accent-cyan) 50%, var(--accent-blue-light) 100%);
+            background-size: 200% 200%;
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            animation: gradientShift 4s ease infinite;
+        }
+
+        @keyframes gradientShift {
+            0%, 100% { background-position: 0% 50%; }
+            50% { background-position: 100% 50%; }
+        }
+
+        .hero-subtitle {
+            font-size: clamp(16px, 1.8vw, 22px);
+            color: var(--text-secondary);
+            line-height: 1.7;
+            max-width: 600px;
+            margin: 0 auto 48px;
+            opacity: 0;
+            text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
+        }
+
+        .hero-cta {
+            display: flex;
+            gap: 16px;
+            justify-content: center;
+            flex-wrap: wrap;
+            opacity: 0;
+        }
+
+        .scroll-indicator {
+            position: absolute;
+            bottom: 48px;
+            left: 50%;
+            transform: translateX(-50%);
+            z-index: 10;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 12px;
+            opacity: 0;
+            cursor: pointer;
+        }
+
+        .scroll-indicator span {
+            font-size: 10px;
+            letter-spacing: 0.2em;
+            text-transform: uppercase;
+            color: var(--text-tertiary);
+        }
+
+        .scroll-line {
+            width: 2px;
+            height: 60px;
+            background: linear-gradient(to bottom, var(--accent-blue), transparent);
+            position: relative;
+            overflow: hidden;
+        }
+
+        .scroll-line::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 20px;
+            background: linear-gradient(to bottom, white, transparent);
+            animation: scrollDown 2s ease-in-out infinite;
+        }
+
+        @keyframes scrollDown {
+            0% { transform: translateY(-20px); opacity: 0; }
+            30% { opacity: 1; }
+            70% { opacity: 1; }
+            100% { transform: translateY(60px); opacity: 0; }
+        }
+
+        .scroll-indicator:hover .scroll-line {
+            background: linear-gradient(to bottom, var(--accent-blue-light), transparent);
+        }
+
+        .pain-section {
+            background: var(--bg-secondary);
+        }
+
+        .pain-header {
+            margin-bottom: 80px;
+        }
+
+        .pain-grid {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: 2px;
+        }
+
+        .pain-card {
+            background: var(--bg-elevated);
+            padding: 48px;
+            position: relative;
+            overflow: hidden;
+            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
+        }
+
+        .pain-card:hover {
+            background: rgba(59, 130, 246, 0.05);
+        }
+
+        .pain-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 1px;
+            background: linear-gradient(90deg, transparent, var(--accent-blue), transparent);
+            opacity: 0;
+            transition: opacity 0.4s ease;
+        }
+
+        .pain-card:hover::before {
+            opacity: 1;
+        }
+
+        .pain-number {
+            font-size: 72px;
+            font-weight: 900;
+            color: rgba(255, 255, 255, 0.03);
+            position: absolute;
+            top: 24px;
+            right: 32px;
+            line-height: 1;
+            letter-spacing: -0.04em;
+        }
+
+        .pain-icon {
+            width: 48px;
+            height: 48px;
+            margin-bottom: 24px;
+            color: var(--accent-blue);
+            opacity: 0.6;
+        }
+
+        .pain-card h3 {
+            font-size: 20px;
+            font-weight: 700;
+            line-height: 1.4;
+            margin-bottom: 16px;
+            color: var(--text-primary);
+        }
+
+        .pain-card p {
+            font-size: 15px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+        }
+
+        .pain-insight {
+            grid-column: 1 / -1;
+            background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(34, 211, 238, 0.05) 100%);
+            border: 1px solid rgba(59, 130, 246, 0.2);
+            padding: 64px;
+            text-align: center;
+        }
+
+        .pain-insight h3 {
+            font-size: clamp(28px, 3vw, 40px);
+            font-weight: 800;
+            margin-bottom: 16px;
+        }
+
+        .pain-insight p {
+            font-size: 18px;
+            color: var(--text-secondary);
+            max-width: 600px;
+            margin: 0 auto;
+        }
+
+        .services-section {
+            background: var(--bg-primary);
+        }
+
+        .services-header {
+            text-align: center;
+            margin-bottom: 80px;
+        }
+
+        .services-header .section-label {
+            justify-content: center;
+        }
+
+        .services-header .section-label::before {
+            display: none;
+        }
+
+        .services-header .section-subtitle {
+            margin: 0 auto;
+        }
+
+        .service-card {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 80px;
+            align-items: center;
+            padding: clamp(60px, 8vh, 100px) 0;
+            border-bottom: 1px solid var(--border-subtle);
+        }
+
+        .service-card:last-child {
+            border-bottom: none;
+        }
+
+        .service-card.reverse {
+            direction: rtl;
+        }
+
+        .service-card.reverse > * {
+            direction: ltr;
+        }
+
+        .service-tag {
+            display: inline-flex;
+            align-items: center;
+            gap: 8px;
+            padding: 6px 12px;
+            background: rgba(59, 130, 246, 0.1);
+            border-radius: 6px;
+            font-size: 12px;
+            font-weight: 600;
+            color: var(--accent-blue-light);
+            margin-bottom: 20px;
+        }
+
+        .service-metric {
+            font-size: clamp(48px, 6vw, 72px);
+            font-weight: 900;
+            letter-spacing: -0.04em;
+            background: linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            margin-bottom: 16px;
+        }
+
+        .service-title {
+            font-size: clamp(28px, 3vw, 40px);
+            font-weight: 800;
+            line-height: 1.2;
+            margin-bottom: 20px;
+        }
+
+        .service-desc {
+            font-size: 16px;
+            color: var(--text-secondary);
+            line-height: 1.8;
+            margin-bottom: 24px;
+        }
+
+        .service-quote {
+            padding: 16px 20px;
+            background: var(--bg-elevated);
+            border-left: 2px solid var(--accent-blue);
+            font-size: 14px;
+            color: var(--text-secondary);
+            font-style: italic;
+        }
+
+        .service-visual {
+            aspect-ratio: 4/3;
+            background: var(--bg-elevated);
+            border-radius: 16px;
+            overflow: hidden;
+            position: relative;
+        }
+
+        .service-visual img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+            filter: grayscale(80%) brightness(0.7);
+            transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
+        }
+
+        .service-visual:hover img {
+            filter: grayscale(40%) brightness(0.85);
+            transform: scale(1.03);
+        }
+
+        .service-visual::after {
+            content: '';
+            position: absolute;
+            inset: 0;
+            background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, transparent 50%);
+            pointer-events: none;
+        }
+
+        .advantages-section {
+            background: var(--bg-secondary);
+        }
+
+        .advantages-header {
+            text-align: center;
+            margin-bottom: 80px;
+        }
+
+        .advantages-header .section-label {
+            justify-content: center;
+        }
+
+        .advantages-header .section-label::before {
+            display: none;
+        }
+
+        .advantages-list {
+            max-width: 900px;
+            margin: 0 auto;
+        }
+
+        .advantage-item {
+            display: grid;
+            grid-template-columns: 80px 1fr;
+            gap: 32px;
+            padding: 40px 0;
+            border-bottom: 1px solid var(--border-subtle);
+            align-items: start;
+        }
+
+        .advantage-item:last-child {
+            border-bottom: none;
+        }
+
+        .advantage-num {
+            font-size: 14px;
+            font-weight: 600;
+            font-family: 'JetBrains Mono', monospace;
+            color: var(--accent-blue);
+            opacity: 0.6;
+        }
+
+        .advantage-content h3 {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+
+        .advantage-content p {
+            font-size: 16px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+        }
+
+        .proof-section {
+            background: var(--bg-primary);
+        }
+
+        .proof-header {
+            text-align: center;
+            margin-bottom: 64px;
+        }
+
+        .proof-header .section-label {
+            justify-content: center;
+        }
+
+        .proof-header .section-label::before {
+            display: none;
+        }
+
+        .proof-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: 24px;
+        }
+
+        .proof-card {
+            background: var(--bg-elevated);
+            padding: 40px;
+            border-radius: 12px;
+            border: 1px solid var(--border-subtle);
+        }
+
+        .proof-type {
+            font-size: 11px;
+            font-weight: 600;
+            letter-spacing: 0.15em;
+            text-transform: uppercase;
+            color: var(--accent-blue);
+            margin-bottom: 20px;
+        }
+
+        .proof-quote {
+            font-size: 16px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+            margin-bottom: 24px;
+        }
+
+        .proof-quote::before {
+            content: '"';
+            font-size: 48px;
+            font-weight: 800;
+            color: var(--accent-blue);
+            opacity: 0.3;
+            line-height: 0;
+            display: block;
+            margin-bottom: 8px;
+        }
+
+        .proof-avatar {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+        }
+
+        .proof-avatar-icon {
+            width: 40px;
+            height: 40px;
+            background: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-cyan) 100%);
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-weight: 700;
+            font-size: 14px;
+        }
+
+        .proof-avatar-text {
+            font-size: 13px;
+            color: var(--text-tertiary);
+        }
+
+        .contact-section {
+            background: linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);
+        }
+
+        .contact-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 80px;
+            align-items: start;
+        }
+
+        .contact-info .section-label {
+            margin-bottom: 16px;
+        }
+
+        .contact-title {
+            font-size: clamp(28px, 3vw, 40px);
+            font-weight: 800;
+            line-height: 1.2;
+            margin-bottom: 20px;
+        }
+
+        .contact-desc {
+            font-size: 16px;
+            color: var(--text-secondary);
+            line-height: 1.8;
+            margin-bottom: 48px;
+        }
+
+        .contact-company {
+            padding-top: 32px;
+            border-top: 1px solid var(--border-subtle);
+        }
+
+        .contact-company p {
+            font-size: 14px;
+            color: var(--text-tertiary);
+            margin-bottom: 4px;
+        }
+
+        .contact-form {
+            background: var(--bg-elevated);
+            padding: 48px;
+            border-radius: 16px;
+            border: 1px solid var(--border-subtle);
+        }
+
+        .form-group {
+            margin-bottom: 24px;
+        }
+
+        .form-group label {
+            display: block;
+            font-size: 12px;
+            font-weight: 600;
+            letter-spacing: 0.1em;
+            text-transform: uppercase;
+            color: var(--text-tertiary);
+            margin-bottom: 8px;
+        }
+
+        .form-group input,
+        .form-group textarea {
+            width: 100%;
+            padding: 14px 16px;
+            background: var(--bg-primary);
+            border: 1px solid var(--border-subtle);
+            border-radius: 8px;
+            color: var(--text-primary);
+            font-size: 15px;
+            font-family: inherit;
+            transition: all 0.3s ease;
+        }
+
+        .form-group input:focus,
+        .form-group textarea:focus {
+            outline: none;
+            border-color: var(--accent-blue);
+            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+        }
+
+        .form-group input::placeholder,
+        .form-group textarea::placeholder {
+            color: var(--text-tertiary);
+        }
+
+        .form-group textarea {
+            min-height: 100px;
+            resize: vertical;
+        }
+
+        .form-submit {
+            width: 100%;
+        }
+
+        .form-submit .btn {
+            width: 100%;
+            justify-content: center;
+        }
+
+        .form-status {
+            text-align: center;
+            font-size: 13px;
+            margin-top: 16px;
+            min-height: 20px;
+        }
+
+        .form-status.success {
+            color: #22c55e;
+        }
+
+        .form-status.error {
+            color: #ef4444;
+        }
+        
+        .form-group.error input,
+        .form-group.error textarea {
+            border-color: #ef4444;
+            animation: shake 0.5s ease;
+        }
+        
+        @keyframes shake {
+            0%, 100% { transform: translateX(0); }
+            25% { transform: translateX(-5px); }
+            75% { transform: translateX(5px); }
+        }
+        
+        .form-error-msg {
+            font-size: 11px;
+            color: #ef4444;
+            margin-top: 6px;
+            display: none;
+        }
+        
+        .form-group.error .form-error-msg {
+            display: block;
+        }
+        
+        .form-group.required label::after {
+            content: ' *';
+            color: #ef4444;
+        }
+        
+        .current-system-group {
+            margin-bottom: 24px;
+        }
+
+        .current-system-group fieldset {
+            border: none;
+            margin: 0;
+            padding: 0;
+            background: transparent;
+        }
+
+        .current-system-group legend {
+            font-size: 13px;
+            font-weight: 500;
+            color: var(--text-secondary);
+            margin-bottom: 8px;
+            padding: 0;
+        }
+        
+        .checkbox-group {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 12px;
+        }
+        
+        .checkbox-item {
+            position: relative;
+        }
+        
+        .checkbox-item input {
+            position: absolute;
+            opacity: 0;
+            cursor: pointer;
+        }
+        
+        .checkbox-item label {
+            display: inline-flex;
+            align-items: center;
+            gap: 8px;
+            padding: 10px 16px;
+            background: var(--bg-primary);
+            border: 1px solid var(--border-subtle);
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            color: var(--text-secondary);
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-transform: none;
+            letter-spacing: normal;
+        }
+        
+        .checkbox-item input:checked + label {
+            background: rgba(59, 130, 246, 0.1);
+            border-color: var(--accent-blue);
+            color: var(--accent-blue-light);
+        }
+        
+        .checkbox-item label:hover {
+            border-color: var(--accent-blue);
+        }
+        
+        .checkbox-item .checkmark {
+            width: 16px;
+            height: 16px;
+            border: 1px solid var(--border-medium);
+            border-radius: 4px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: all 0.3s ease;
+        }
+        
+        .checkbox-item input:checked + label .checkmark {
+            background: var(--accent-blue);
+            border-color: var(--accent-blue);
+        }
+        
+        .checkbox-item input:checked + label .checkmark::after {
+            content: '✓';
+            color: white;
+            font-size: 10px;
+            font-weight: bold;
+        }
+        
+        .submit-loading {
+            position: relative;
+        }
+        
+        .submit-loading .btn {
+            color: transparent;
+        }
+        
+        .submit-loading .btn::after {
+            content: '';
+            position: absolute;
+            width: 20px;
+            height: 20px;
+            top: 50%;
+            left: 50%;
+            margin-top: -10px;
+            margin-left: -10px;
+            border: 2px solid transparent;
+            border-top-color: white;
+            border-radius: 50%;
+            animation: spin 0.8s linear infinite;
+        }
+        
+        @keyframes spin {
+            to { transform: rotate(360deg); }
+        }
+        
+        .form-success-overlay {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: rgba(10, 10, 15, 0.95);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            z-index: 2000;
+            opacity: 0;
+            pointer-events: none;
+            transition: opacity 0.4s ease;
+        }
+        
+        .form-success-overlay.show {
+            opacity: 1;
+            pointer-events: auto;
+        }
+        
+        .success-content {
+            text-align: center;
+            max-width: 400px;
+            padding: 40px;
+        }
+        
+        .success-icon {
+            width: 80px;
+            height: 80px;
+            margin: 0 auto 24px;
+            background: rgba(34, 197, 94, 0.1);
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            animation: successPop 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+        }
+        
+        @keyframes successPop {
+            0% { transform: scale(0); opacity: 0; }
+            50% { transform: scale(1.2); }
+            100% { transform: scale(1); opacity: 1; }
+        }
+        
+        .success-icon svg {
+            width: 40px;
+            height: 40px;
+            color: #22c55e;
+        }
+        
+        .success-title {
+            font-size: 28px;
+            font-weight: 700;
+            margin-bottom: 12px;
+        }
+        
+        .success-desc {
+            font-size: 16px;
+            color: var(--text-secondary);
+            margin-bottom: 32px;
+        }
+        
+        .success-close {
+            color: var(--text-tertiary);
+            cursor: pointer;
+        }
+        
+        .char-count {
+            font-size: 11px;
+            color: var(--text-tertiary);
+            text-align: right;
+            margin-top: 4px;
+        }
+
+        footer {
+            padding: 48px 0;
+            text-align: center;
+            background: var(--bg-primary);
+            border-top: 1px solid var(--border-subtle);
+        }
+
+        footer .company {
+            font-size: 14px;
+            font-weight: 600;
+            color: var(--text-secondary);
+            margin-bottom: 8px;
+        }
+
+        footer .copyright {
+            font-size: 12px;
+            color: var(--text-tertiary);
+            letter-spacing: 0.05em;
+        }
+
+        @media (max-width: 1024px) {
+            .pain-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .service-card,
+            .service-card.reverse {
+                grid-template-columns: 1fr;
+                gap: 40px;
+                direction: ltr;
+            }
+            
+            .service-visual {
+                order: -1;
+            }
+            
+            .proof-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .contact-grid {
+                grid-template-columns: 1fr;
+                gap: 48px;
+            }
+        }
+
+        @media (max-width: 768px) {
+            .nav-links {
+                display: none;
+            }
+            
+            .hero-title {
+                font-size: clamp(36px, 10vw, 56px);
+            }
+            
+            .hero-cta {
+                flex-direction: column;
+                align-items: center;
+            }
+            
+            .hero-cta .btn {
+                width: 100%;
+                max-width: 280px;
+                justify-content: center;
+            }
+            
+            .pain-card {
+                padding: 32px 24px;
+            }
+            
+            .pain-insight {
+                padding: 40px 24px;
+            }
+            
+            .advantage-item {
+                grid-template-columns: 1fr;
+                gap: 12px;
+            }
+            
+            .contact-form {
+                padding: 32px 24px;
+            }
+        }
+
+        @media (prefers-reduced-motion: reduce) {
+            *, *::before, *::after {
+                animation-duration: 0.01ms !important;
+                animation-iteration-count: 1 !important;
+                transition-duration: 0.01ms !important;
+            }
+        }
+
+        .mobile-nav-toggle {
+            display: none;
+            background: none;
+            border: none;
+            color: var(--text-primary);
+            cursor: pointer;
+            padding: 8px;
+        }
+
+        @media (max-width: 768px) {
+            .mobile-nav-toggle {
+                display: block;
+            }
         }
-        @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }
     </style>
 </head>
 <body>
-    <div class="grain"></div><div class="vignette"></div>
-    <nav><div class="nav-inner"><div class="logo">FISCHER</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"><canvas id="hero-canvas"></canvas><div class="hero-poster"></div><div class="hero-overlay"></div><div class="hero-content"><div class="hero-line"></div><h1 class="display-xl hero-title">不推倒重来<br>只做智能叠加</h1><p class="hero-sub">在已运转的业务系统之上叠加 AI 智能层。2 周部署，零迁移成本，让旧系统拥有新大脑。</p><div class="hero-cta"><a href="#solutions" class="btn-primary">获取行业定制方案</a><a href="#pain-points" class="btn-ghost">了解痛点 &rarr;</a></div></div><div class="scroll-indicator"></div></div>
-    <section id="pain-points"><div class="pain-bg-grid"></div><div class="pain-glow"></div><div class="container"><div class="section-header reveal"><span class="caption">THE REAL PROBLEM</span><h2 class="display-lg">你的系统<br>正在偷走你的利润</h2><p class="body-lg" style="margin-top: var(--sp-4);">每一个你习以为常的流程背后，都藏着被浪费的成本和错失的机会。</p></div><div class="pain-grid"><div class="pain-item reveal reveal-delay-1"><div class="pain-icon"><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><div><h3>每年几十万数据录入费<br>换来零决策价值</h3><p>物业、资管、CRM 积累了海量数据，却像仓库里的积压库存。记录了一大堆，决策还是靠拍脑袋。</p></div><div class="pain-num">01</div></div><div class="pain-item reveal reveal-delay-2"><div class="pain-icon"><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"/><line x1="20" y1="16" x2="20" y2="24"/><line x1="32" y1="16" x2="32" y2="24"/></svg></div><div><h3>系统越多 盲区越大<br>管理者像盲人摸象</h3><p>报修、资产、客户分属不同系统。永远拼不出完整的业务全景，资源错配成了常态。</p></div><div class="pain-num">02</div></div><div class="pain-item reveal reveal-delay-3"><div class="pain-icon"><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><div><h3>高薪人才 70% 时间<br>耗在填表和派单</h3><p>招来的专业人才，精力被重复事务榨干。高射炮打蚊子，人效极低，人才流失率越来越高。</p></div><div class="pain-num">03</div></div><div class="pain-item reveal reveal-delay-1"><div class="pain-icon"><svg viewBox="0 0 40 40"><circle cx="20" cy="20" r="14"/><polyline points="20,10 20,20 26,24"/><line x1="6" y1="4" x2="6" y2="10"/><line x1="34" y1="4" x2="34" y2="10"/></svg></div><div><h3>报表出来时<br>损失已经发生</h3><p>空置率超标、客户流失、租金定价偏差……等月底报表出来，问题早已发生。企业永远在事后补救。</p></div><div class="pain-num">04</div></div><div class="pain-item reveal reveal-delay-2"><div class="pain-icon"><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><div><h3>推翻重来的项目<br>70% 超期超预算</h3><p>传统 AI 方案要求重建系统。周期长、风险高、员工抵触。一旦失败，前期投入全部打水漂。</p></div><div class="pain-num">05</div></div><div class="pain-item reveal reveal-delay-3"><div class="pain-icon"><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><div><h3>核心能力长在老员工脑子里<br>人走能力断</h3><p>招商经验、客户判断、定价策略全靠人。人一走，能力就断层。企业无法规模化复制成功经验。</p></div><div class="pain-num">06</div></div><div class="pain-item pain-highlight reveal"><div class="pain-num">&infin;</div><div class="highlight-body"><h3>破局之道</h3><p>不替换系统，不迁移数据，不改变流程。在现有基础设施之上叠加一层 AI&mdash;&mdash;让旧系统拥有新大脑。</p></div></div></div></div></section>
-    <section id="solutions"><div class="container"><div class="section-header reveal"><span class="caption">WHAT WE DO</span><h2 class="display-lg">把 AI 变成你的<br>核心生产力</h2><p class="body-lg" style="margin-top: var(--sp-4);">三个行业场景，一条相同逻辑：不替换，只增强。</p></div><div class="service-row reveal"><div class="service-text"><div class="metric service-metric">60%</div><h3 class="heading-lg">AI+物业<br>智能中枢</h3><p>工单自动分发，客诉响应提速 60%。在现有物业 ERP 之上叠加 AI 调度层——不改变任何原有流程。巡检路线自动规划、设备故障提前预警。你现有的系统不用换，但效率会翻倍。</p><p class="service-closer">"不是换系统，是让系统变聪明。"</p></div><div class="service-img"><img src="assets/prop.jpg?v=7" alt="Smart Building" loading="lazy"></div></div><div class="service-row reverse reveal"><div class="service-text"><div class="metric service-metric">90 天</div><h3 class="heading-lg">AI+资管<br>风控大脑</h3><p>空置率提前 90 天预警，租金定价误差收窄至 5%。无缝接入资管平台，让历史租赁数据变成预测模型。招商智能匹配、租约到期提醒。</p><p class="service-closer">资管不该靠直觉，该靠数据。</p></div><div class="service-img"><img src="assets/server.jpg?v=7" alt="Server Data" loading="lazy"></div></div><div class="service-row reveal"><div class="service-text"><div class="metric service-metric">40%</div><h3 class="heading-lg">AI+CRM<br>效率跃升</h3><p>线索自动清洗，销售人效提升 40%。为现有 CRM 配备 AI 助理——自动捕捉商机、生成对话摘要。销售无需学习新软件，打开原界面就能看到 AI 推荐。</p><p class="service-closer">"销售的时间应该花在客户身上，不是系统里。"</p></div><div class="service-img"><img src="assets/crm.jpg?v=7" alt="CRM" loading="lazy"></div></div></div></section>
-    <section id="approach"><div class="container"><div class="section-header reveal"><span class="caption">WHY FISCHER</span><h2 class="display-lg">菲西尔和其他<br>AI 公司有什么不同</h2></div><div class="approach-list"><div class="approach-item reveal reveal-delay-1"><div class="approach-num">01</div><div class="approach-body"><h3>不替换，只叠加</h3><p>通过 API 外挂 AI 层，不停服、不迁移、不改流程。员工用原来的界面，体验无缝升级。</p></div></div><div class="approach-item reveal reveal-delay-2"><div class="approach-num">02</div><div class="approach-body"><h3>让数据开口说话</h3><p>沉睡的历史数据自动转化为预测模型和决策建议。把事后统计变为事前预警。</p></div></div><div class="approach-item reveal reveal-delay-3"><div class="approach-num">03</div><div class="approach-body"><h3>让 AI 替你干活</h3><p>高频重复工作交给 AI Agent——智能客服、招商匹配、巡检规划自动运转，人只负责关键决策。</p></div></div><div class="approach-item reveal reveal-delay-4"><div class="approach-num">04</div><div class="approach-body"><h3>跨系统一屏掌控</h3><p>所有业务数据在 AI 层融合。一句自然语言就能查"本月哪些楼宇空置率超标"，告别手动汇总。</p></div></div><div class="approach-item reveal reveal-delay-5"><div class="approach-num">05</div><div class="approach-body"><h3>小步试错，大步扩张</h3><p>从单一场景试点，验证有效再扩展。每一步都可衡量投入产出，钱花在刀刃上。</p></div></div></div></div></section>
-    <section id="geo"><div class="container"><div class="geo-grid"><div class="reveal"><span class="caption">BEYOND EFFICIENCY</span><div class="geo-bridge">对内提效降本，对外重塑获客</div><h2 class="heading-lg" style="margin-bottom: var(--sp-4);">让用户在大模型里<br>第一个找到你</h2><p class="body-lg">当客户问 Kimi 或文心一言"帮我找一家做 AI+物业的公司"&mdash;&mdash;你的品牌会不会出现在答案里？我们优化企业在主流大模型中的内容结构与权重，从"搜索排名"进化为"答案占位"。</p><div class="geo-quote"><p>"未来的获客，不是在搜索结果里抢位置，而是在 AI 答案里占一席之地。"</p></div></div><div class="service-img reveal" style="height: 440px;"><img src="assets/geo.jpg?v=7" alt="Network" loading="lazy"></div></div></div></section>
-    <section id="contact"><div class="container"><div class="contact-grid"><div class="reveal"><span class="caption">GET IN TOUCH</span><h2 class="heading-lg" style="margin-bottom: var(--sp-4); margin-top: var(--sp-2);">15 分钟，看看你的系统<br>能叠加什么</h2><p class="body-lg" style="margin-top: var(--sp-4);">不推销，只评估。基于你现有架构，给出一份可落地的 AI 叠加建议。</p><div style="margin-top: var(--sp-7); padding-top: var(--sp-5); border-top: 1px solid var(--border-subtle);"><p style="font-size: 13px; color: var(--text-quaternary);">上海菲西尔智能科技有限公司</p><p style="font-size: 13px; color: var(--text-quaternary); margin-top: var(--sp-1);">智能叠加——不推翻重来，在现有系统上叠加 AI 能力</p></div></div><form class="contact-form reveal" 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></div></section>
-    <footer><div class="container"><div class="caption">TECHNICAL SUPPORT PROVIDED BY</div><div class="company">上海菲西尔智能科技有限公司</div><div class="copy">&copy; 2026 SHANGHAI FISCHER INTELLIGENT TECHNOLOGY CO., LTD.</div></div></footer>
+    <nav id="navbar">
+        <div class="container nav-inner">
+            <a href="#" class="logo">菲西尔智能</a>
+            <div class="nav-links">
+                <a href="#pain">场景洞察</a>
+                <a href="#services">核心服务</a>
+                <a href="#advantages">解决路径</a>
+                <a href="#proof">客户案例</a>
+                <a href="#contact">联系我们</a>
+            </div>
+            <button class="mobile-nav-toggle" aria-label="菜单">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                    <line x1="3" y1="6" x2="21" y2="6"></line>
+                    <line x1="3" y1="12" x2="21" y2="12"></line>
+                    <line x1="3" y1="18" x2="21" y2="18"></line>
+                </svg>
+            </button>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <canvas id="hero-canvas"></canvas>
+        <div class="hero-bg-gradient"></div>
+        <div class="hero-glow-1"></div>
+        <div class="hero-glow-2"></div>
+        <div class="hero-glow-3"></div>
+        <div class="hero-content">
+            <div class="hero-badge">AI 智能叠加专家</div>
+            <h1 class="hero-title">
+                <span class="char">不</span><span class="char">换</span><span class="char">系</span><span class="char">统</span><span class="char">，</span><span class="char">也</span><span class="char">能</span><span class="char">用</span><span class="char">上</span><span class="char highlight">AI</span>
+            </h1>
+            <p class="hero-subtitle">不换现有系统，2周让AI上岗。不用迁移数据，不用重新培训员工。</p>
+            <div class="hero-cta">
+                <a href="#contact" class="btn btn-primary">预约免费诊断</a>
+                <a href="#services" class="btn btn-ghost">看看适不适合我 →</a>
+            </div>
+        </div>
+        <div class="scroll-indicator">
+            <span>向下滚动</span>
+            <div class="scroll-line"></div>
+        </div>
+    </section>
+
+    <main>
+    <section id="pain" class="section pain-section" aria-labelledby="pain-title">
+        <div class="container">
+            <div class="pain-header">
+                <div class="section-label" aria-hidden="true">THE REAL PROBLEM</div>
+                <h2 id="pain-title" class="section-title">你的系统，是不是越用越累？</h2>
+                <p class="section-subtitle">每天忙成这样，系统帮到你了吗？</p>
+            </div>
+            <div class="pain-grid" role="list">
+                <article class="pain-card" role="listitem">
+                    <span class="pain-number">01</span>
+                    <div class="pain-icon">
+                        <svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.5">
+                            <rect x="6" y="6" width="14" height="14" rx="2"/>
+                            <rect x="28" y="6" width="14" height="14" rx="2"/>
+                            <rect x="6" y="28" width="14" height="14" rx="2"/>
+                            <rect x="28" y="28" width="14" height="14" rx="2"/>
+                            <line x1="20" y1="13" x2="28" y2="13"/>
+                            <line x1="13" y1="20" x2="13" y2="28"/>
+                            <line x1="35" y1="20" x2="35" y2="28"/>
+                            <line x1="20" y1="35" x2="28" y2="35"/>
+                        </svg>
+                    </div>
+                    <h3>数据填了一大堆，用的时候找不到</h3>
+                    <p>物业、资管、CRM记了几年的数据，真正想查一个客户情况的时候，还是要翻半天Excel。数据有了，但用不上。</p>
+                </article>
+                <article class="pain-card" role="listitem">
+                    <span class="pain-number">02</span>
+                    <div class="pain-icon">
+                        <svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.5">
+                            <rect x="4" y="10" width="12" height="28" rx="2"/>
+                            <rect x="18" y="10" width="12" height="28" rx="2"/>
+                            <rect x="32" y="10" width="12" height="28" rx="2"/>
+                            <line x1="10" y1="18" x2="10" y2="30"/>
+                            <line x1="24" y1="18" x2="24" y2="30"/>
+                            <line x1="38" y1="18" x2="38" y2="30"/>
+                        </svg>
+                    </div>
+                    <h3>系统买了好几个，想看个汇总数据还要手工算</h3>
+                    <p>报修一个系统，资产一个系统，客户又一个系统。想看看这个月整体情况？对不起，要好几天后才能算出来。</p>
+                </article>
+                <article class="pain-card" role="listitem">
+                    <span class="pain-number">03</span>
+                    <div class="pain-icon">
+                        <svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.5">
+                            <circle cx="24" cy="12" r="6"/>
+                            <path d="M12 44c0-8 5.4-14 12-14s12 6 12 14"/>
+                            <circle cx="38" cy="16" r="4"/>
+                            <path d="M32 44c0-5 2.7-9 6-9"/>
+                        </svg>
+                    </div>
+                    <h3>招了人，每天却在做重复的事</h3>
+                    <p>销售每天花2小时录入客户信息，物业员工每天填几十张巡检表。人都招对了，但时间没用在正事上。</p>
+                </article>
+                <article class="pain-card" role="listitem">
+                    <span class="pain-number">04</span>
+                    <div class="pain-icon">
+                        <svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.5">
+                            <circle cx="24" cy="24" r="16"/>
+                            <polyline points="24 14 24 24 30 28"/>
+                            <line x1="8" y1="6" x2="16" y2="14"/>
+                            <line x1="40" y1="6" x2="32" y2="14"/>
+                        </svg>
+                    </div>
+                    <h3>老员工一走，业务就卡壳</h3>
+                    <p>经验都在老员工身上，他一休假，所有人等他回来。交接只能靠嘴说，做事的方法没沉淀下来。</p>
+                </article>
+                <aside class="pain-insight" role="note">
+                    <h3>不用换系统，让AI帮你干活。</h3>
+                    <p>重复的事AI干，你做重要的决定。</p>
+                </aside>
+            </div>
+        </div>
+    </section>
+
+    <section id="services" class="section services-section" aria-labelledby="services-title">
+        <div class="container">
+            <div class="services-header">
+                <div class="section-label" aria-hidden="true">OUR SERVICES</div>
+                <h2 id="services-title" class="section-title">让AI替你干活，你做决定</h2>
+                <p class="section-subtitle">不换系统，只让AI帮你提升效率</p>
+            </div>
+            
+            <article class="service-card">
+                <div class="service-content">
+                    <span class="service-tag">🏢 AI+物业</span>
+                    <div class="service-metric">客诉 2h → 30min</div>
+                    <h3 class="service-title">物业AI帮手</h3>
+                    <p class="service-desc">客户一报修，系统自动判断该派给谁。设备快出问题了，提前提醒你。巡检路线AI规划好，不用人工排。</p>
+                    <div class="service-quote">员工说：这系统，终于能帮我干活了。</div>
+                </div>
+                <div class="service-visual">
+                    <img src="assets/prop.jpg" alt="物业AI帮手 - 智能派单、设备预警、巡检规划" width="600" height="450" loading="lazy">
+                </div>
+            </article>
+
+            <article class="service-card reverse">
+                <div class="service-content">
+                    <span class="service-tag">🏗️ AI+资管</span>
+                    <div class="service-metric">提前90天预警</div>
+                    <h3 class="service-title">资管AI帮手</h3>
+                    <p class="service-desc">租约快到期了，系统提前告诉你。哪个楼层可能要空出来，提前做准备。定租金的时候，AI会参考历史数据给你建议。</p>
+                    <div class="service-quote">老板说：终于不用靠猜了。</div>
+                </div>
+                <div class="service-visual">
+                    <img src="assets/server.jpg" alt="资管AI帮手 - 租约预警、空置预警、租金定价建议" width="600" height="450" loading="lazy">
+                </div>
+            </article>
+
+            <article class="service-card">
+                <div class="service-content">
+                    <span class="service-tag">📊 AI+CRM</span>
+                    <div class="service-metric">每天多跟进3客户</div>
+                    <h3 class="service-title">CRM AI帮手</h3>
+                    <p class="service-desc">新线索进来了，AI帮你过滤掉假的、重复的。打完电话，AI自动帮你写好跟进记录。</p>
+                    <div class="service-quote">销售说：终于不用录系统了。</div>
+                </div>
+                <div class="service-visual">
+                    <img src="assets/crm.jpg" alt="CRM AI帮手 - 线索清洗、跟进记录、客户推荐" width="600" height="450" loading="lazy">
+                </div>
+            </article>
+        </div>
+    </section>
+
+    <section id="advantages" class="section advantages-section" aria-labelledby="advantages-title">
+        <div class="container">
+            <div class="advantages-header">
+                <div class="section-label" aria-hidden="true">WHY FISCHER</div>
+                <h2 id="advantages-title" class="section-title">我们和别的AI公司有什么不同</h2>
+            </div>
+            <dl class="advantages-list">
+                <div class="advantage-item">
+                    <span class="advantage-num">01</span>
+                    <div class="advantage-content">
+                        <dt><h3>不替换，只叠加</h3></dt>
+                        <dd>不动你的系统，在旁边加个AI帮手。你还是用原来的界面，只是多了AI帮你干那些重复的事。</dd>
+                    </div>
+                </div>
+                <div class="advantage-item">
+                    <span class="advantage-num">02</span>
+                    <div class="advantage-content">
+                        <dt><h3>让数据开口说话</h3></dt>
+                        <dd>你系统里几年的数据，AI帮你分析。哪个客户可能要流失，哪个楼层可能要空，AI提前告诉你。</dd>
+                    </div>
+                </div>
+                <div class="advantage-item">
+                    <span class="advantage-num">03</span>
+                    <div class="advantage-content">
+                        <dt><h3>让AI替你干活</h3></dt>
+                        <dd>那些每天都要做、每次都一样的活，AI帮你干了。比如回复客户常见问题、巡检报告自动生成。AI干完了，你看一眼就行。</dd>
+                    </div>
+                </div>
+                <div class="advantage-item">
+                    <span class="advantage-num">04</span>
+                    <div class="advantage-content">
+                        <dt><h3>跨系统一屏掌控</h3></dt>
+                        <dd>问AI：上个月哪几个客户投诉最多？AI直接给你答案。不用再从好几个系统里导数据、拼表格。</dd>
+                    </div>
+                </div>
+                <div class="advantage-item">
+                    <span class="advantage-num">05</span>
+                    <div class="advantage-content">
+                        <dt><h3>小步试错，大步扩张</h3></dt>
+                        <dd>先在一个场景试，效果好再扩大。不满意可以停，不用一下子投很多钱。</dd>
+                    </div>
+                </div>
+            </dl>
+        </div>
+    </section>
+
+    <section id="proof" class="section proof-section" aria-labelledby="proof-title">
+        <div class="container">
+            <div class="proof-header">
+                <div class="section-label" aria-hidden="true">CLIENT STORIES</div>
+                <h2 id="proof-title" class="section-title">他们都在用</h2>
+            </div>
+            <div class="proof-grid" role="list">
+                <blockquote class="proof-card" role="listitem">
+                    <div class="proof-type">物业客户</div>
+                    <p class="proof-quote">用了3个月，员工最常说的一句话是：这个功能怎么不早点上。</p>
+                    <footer class="proof-avatar">
+                        <div class="proof-avatar-icon">物</div>
+                        <cite class="proof-avatar-text">某物业公司</cite>
+                    </footer>
+                </blockquote>
+                <blockquote class="proof-card" role="listitem">
+                    <div class="proof-type">资管客户</div>
+                    <p class="proof-quote">以前每月汇报数据要准备一周，现在问AI就行。</p>
+                    <footer class="proof-avatar">
+                        <div class="proof-avatar-icon">资</div>
+                        <cite class="proof-avatar-text">某资管公司</cite>
+                    </footer>
+                </blockquote>
+                <blockquote class="proof-card" role="listitem">
+                    <div class="proof-type">CRM客户</div>
+                    <p class="proof-quote">销售终于有时间去见客户了，而不是天天填表。</p>
+                    <footer class="proof-avatar">
+                        <div class="proof-avatar-icon">销</div>
+                        <cite class="proof-avatar-text">某销售团队</cite>
+                    </footer>
+                </blockquote>
+            </div>
+        </div>
+    </section>
+
+    <section id="contact" class="section contact-section" aria-labelledby="contact-title">
+        <div class="container">
+            <div class="contact-grid">
+                <div class="contact-info">
+                    <div class="section-label" aria-hidden="true">GET IN TOUCH</div>
+                    <h2 id="contact-title" class="contact-title">30分钟，我们看看你的系统能用AI干什么</h2>
+                    <p class="contact-desc">不卖东西，只帮你分析。先看看你的系统现在什么情况，AI能帮你省多少事、花多少钱。</p>
+                    <div class="contact-company">
+                        <p>上海菲西尔智能科技有限公司</p>
+                        <p>智能叠加——不推翻重来，在现有系统上叠加AI能力</p>
+                    </div>
+                </div>
+                <form class="contact-form" id="consultForm" novalidate aria-label="预约免费诊断表单">
+                    <div class="form-group required">
+                        <label for="name">您的名字 <span class="required-mark">*</span></label>
+                        <input type="text" id="name" name="name" placeholder="怎么称呼您" required minlength="2" maxlength="50" aria-required="true">
+                        <div class="form-error-msg" role="alert">请输入您的姓名（2-50个字符）</div>
+                    </div>
+                    <div class="form-group required">
+                        <label for="phone">手机（方便联系您） <span class="required-mark">*</span></label>
+                        <input type="tel" id="phone" name="phone" placeholder="138xxxx8888" required pattern="^1\d{10}$" aria-required="true">
+                        <div class="form-error-msg" role="alert">请输入有效的手机号码</div>
+                    </div>
+                    <div class="form-group">
+                        <label for="email">邮箱（选填）</label>
+                        <input type="email" id="email" name="email" placeholder="选填">
+                        <div class="form-error-msg" role="alert">请输入有效的邮箱地址</div>
+                    </div>
+                    <div class="form-group">
+                        <label for="industry">您的行业</label>
+                        <input type="text" id="industry" name="industry" placeholder="物业管理、资产管理、金融行业、零售行业...">
+                    </div>
+                    <div class="form-group current-system-group">
+                        <fieldset>
+                            <legend>您希望AI落地的领域（可多选）</legend>
+                            <div class="checkbox-group">
+                            <div class="checkbox-item">
+                                <input type="checkbox" name="ai" id="ai-acquire" value="获客">
+                                <label for="ai-acquire"><span class="checkmark"></span>获客</label>
+                            </div>
+                            <div class="checkbox-item">
+                                <input type="checkbox" name="ai" id="ai-process" value="流程管理">
+                                <label for="ai-process"><span class="checkmark"></span>流程管理</label>
+                            </div>
+                            <div class="checkbox-item">
+                                <input type="checkbox" name="ai" id="ai-efficiency" value="效率提升">
+                                <label for="ai-efficiency"><span class="checkmark"></span>效率提升</label>
+                            </div>
+                            <div class="checkbox-item">
+                                <input type="checkbox" name="ai" id="ai-other" value="其他">
+                                <label for="ai-other"><span class="checkmark"></span>其他</label>
+                            </div>
+                        </fieldset>
+                    </div>
+                    <div class="form-group" id="systemNameGroup" style="display: none;">
+                        <label for="systemName">系统名称</label>
+                        <input type="text" id="systemName" name="system_name" placeholder="请输入您使用的系统名称">
+                    </div>
+                    <div class="form-group">
+                        <label for="message">咨询内容</label>
+                        <textarea id="message" name="message" placeholder="简单说说您现在遇到的问题，或者想了解什么" maxlength="1000"></textarea>
+                        <div class="char-count"><span id="messageLength">0</span>/1000</div>
+                    </div>
+                    <div class="form-submit" id="submitContainer">
+                        <button type="submit" class="btn btn-primary" aria-label="提交预约表单">预约免费诊断</button>
+                    </div>
+                    <div class="form-status" id="formStatus" aria-live="polite"></div>
+                </form>
+            </div>
+        </div>
+    </section>
+
+    <div class="form-success-overlay" id="successOverlay">
+        <div class="success-content">
+            <div class="success-icon">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                    <polyline points="20 6 9 17 4 12"></polyline>
+                </svg>
+            </div>
+            <h3 class="success-title">预约成功！</h3>
+            <p class="success-desc">我们会在24小时内联系您，请保持手机畅通。</p>
+            <p class="success-close" id="closeSuccess">[关闭]</p>
+        </div>
+    </div>
+    </main>
+
+    <footer>
+        <div class="container">
+            <p class="company">上海菲西尔智能科技有限公司</p>
+            <p class="copyright">© 2026 菲西尔智能 | AI叠加专家 - 物业AI | 资管AI | CRM AI</p>
+        </div>
+    </footer>
+
     <script>
-    document.addEventListener('DOMContentLoaded', () => {
-        const nav = document.querySelector('nav');
-        window.addEventListener('scroll', () => { nav.classList.toggle('scrolled', window.scrollY > 60); }, { passive: true });
-        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(), phone = form.phone.value.trim(), email = form.email.value.trim(), 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 = '预约诊断名额'; });
+        gsap.registerPlugin(ScrollTrigger);
+
+        // Hero Animation
+        const heroTimeline = gsap.timeline({ defaults: { ease: 'power3.out' } });
+        
+        heroTimeline
+            .to('.hero-badge', {
+                opacity: 1,
+                y: 0,
+                duration: 0.8,
+                delay: 0.3
+            })
+            .to('.hero-title .char', {
+                opacity: 1,
+                y: 0,
+                duration: 0.6,
+                stagger: 0.05,
+            }, '-=0.4')
+            .to('.hero-subtitle', {
+                opacity: 1,
+                y: 0,
+                duration: 0.8
+            }, '-=0.3')
+            .to('.hero-cta', {
+                opacity: 1,
+                y: 0,
+                duration: 0.8
+            }, '-=0.4')
+            .to('.scroll-indicator', {
+                opacity: 1,
+                duration: 0.6
+            }, '-=0.2');
+
+        // Hero Canvas Particle Animation (优化版)
+        (function() {
+            const canvas = document.getElementById('hero-canvas');
+            if (!canvas) return;
+            
+            const ctx = canvas.getContext('2d');
+            let width, height, particles = [];
+            
+            const isMobile = window.innerWidth < 768;
+            const particleCount = isMobile ? 30 : 50;
+            
+            class Particle {
+                constructor() {
+                    this.reset();
+                }
+                
+                reset() {
+                    this.x = Math.random() * width;
+                    this.y = Math.random() * height;
+                    this.vx = (Math.random() - 0.5) * 0.3;
+                    this.vy = (Math.random() - 0.5) * 0.3;
+                    this.radius = Math.random() * 1.5 + 0.5;
+                    this.alpha = Math.random() * 0.4 + 0.1;
+                    this.hue = Math.random() > 0.7 ? 190 : 220;
+                }
+                
+                update() {
+                    this.x += this.vx;
+                    this.y += this.vy;
+                    
+                    if (this.x < 0 || this.x > width) this.vx *= -1;
+                    if (this.y < 0 || this.y > height) this.vy *= -1;
+                }
+                
+                draw() {
+                    ctx.beginPath();
+                    ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
+                    ctx.fillStyle = `hsla(${this.hue}, 70%, 60%, ${this.alpha})`;
+                    ctx.fill();
+                }
+            }
+            
+            function resize() {
+                width = canvas.width = window.innerWidth;
+                height = canvas.height = window.innerHeight;
+            }
+            
+            function init() {
+                resize();
+                particles = [];
+                for (let i = 0; i < particleCount; i++) {
+                    particles.push(new Particle());
+                }
+            }
+            
+            let frameCount = 0;
+            function animate() {
+                frameCount++;
+                if (frameCount % 3 !== 0) { // 每3帧更新一次，减少CPU占用
+                    requestAnimationFrame(animate);
+                    return;
+                }
+                
+                ctx.clearRect(0, 0, width, height);
+                
+                for (let i = 0; i < particles.length; i++) {
+                    particles[i].update();
+                    particles[i].draw();
+                }
+                
+                requestAnimationFrame(animate);
+            }
+            
+            function resize() {
+                width = canvas.width = window.innerWidth;
+                height = canvas.height = window.innerHeight;
+            }
+            
+            function init() {
+                resize();
+                particles = [];
+                for (let i = 0; i < particleCount; i++) {
+                    particles.push(new Particle());
+                }
+            }
+            
+            window.addEventListener('resize', () => {
+                resize();
+                particles = [];
+                init();
             });
+            
+            init();
+            animate();
+        })();
+
+        // Scroll Animations with GSAP ScrollTrigger
+        gsap.utils.toArray('.section-label, .section-title, .section-subtitle').forEach(elem => {
+            gsap.fromTo(elem, 
+                { opacity: 0, y: 40 },
+                {
+                    opacity: 1,
+                    y: 0,
+                    duration: 0.8,
+                    ease: 'power3.out',
+                    scrollTrigger: {
+                        trigger: elem,
+                        start: 'top 85%',
+                        toggleActions: 'play none none reverse'
+                    }
+                }
+            );
+        });
+
+        gsap.utils.toArray('.pain-card').forEach((card, index) => {
+            gsap.fromTo(card,
+                { opacity: 0, y: 50 },
+                {
+                    opacity: 1,
+                    y: 0,
+                    duration: 0.8,
+                    delay: index * 0.1,
+                    ease: 'power3.out',
+                    scrollTrigger: {
+                        trigger: card,
+                        start: 'top 85%',
+                        toggleActions: 'play none none reverse'
+                    }
+                }
+            );
+        });
+
+        gsap.fromTo('.pain-insight',
+            { opacity: 0, scale: 0.95 },
+            {
+                opacity: 1,
+                scale: 1,
+                duration: 1,
+                ease: 'power3.out',
+                scrollTrigger: {
+                    trigger: '.pain-insight',
+                    start: 'top 85%',
+                    toggleActions: 'play none none reverse'
+                }
+            }
+        );
+
+        gsap.utils.toArray('.service-card').forEach((card, index) => {
+            const isReverse = card.classList.contains('reverse');
+            
+            gsap.fromTo(card,
+                { 
+                    opacity: 0, 
+                    x: isReverse ? 50 : -50 
+                },
+                {
+                    opacity: 1,
+                    x: 0,
+                    duration: 1,
+                    ease: 'power3.out',
+                    scrollTrigger: {
+                        trigger: card,
+                        start: 'top 80%',
+                        toggleActions: 'play none none reverse'
+                    }
+                }
+            );
+        });
+
+        gsap.utils.toArray('.advantage-item').forEach((item, index) => {
+            gsap.fromTo(item,
+                { opacity: 0, x: -30 },
+                {
+                    opacity: 1,
+                    x: 0,
+                    duration: 0.8,
+                    delay: index * 0.1,
+                    ease: 'power3.out',
+                    scrollTrigger: {
+                        trigger: item,
+                        start: 'top 85%',
+                        toggleActions: 'play none none reverse'
+                    }
+                }
+            );
+        });
+
+        gsap.utils.toArray('.proof-card').forEach((card, index) => {
+            gsap.fromTo(card,
+                { opacity: 0, y: 40, scale: 0.95 },
+                {
+                    opacity: 1,
+                    y: 0,
+                    scale: 1,
+                    duration: 0.8,
+                    delay: index * 0.15,
+                    ease: 'power3.out',
+                    scrollTrigger: {
+                        trigger: card,
+                        start: 'top 85%',
+                        toggleActions: 'play none none reverse'
+                    }
+                }
+            );
+        });
+
+        gsap.fromTo('.contact-info',
+            { opacity: 0, x: -40 },
+            {
+                opacity: 1,
+                x: 0,
+                duration: 1,
+                ease: 'power3.out',
+                scrollTrigger: {
+                    trigger: '.contact-info',
+                    start: 'top 80%',
+                    toggleActions: 'play none none reverse'
+                }
+            }
+        );
+
+        gsap.fromTo('.contact-form',
+            { opacity: 0, x: 40 },
+            {
+                opacity: 1,
+                x: 0,
+                duration: 1,
+                ease: 'power3.out',
+                scrollTrigger: {
+                    trigger: '.contact-form',
+                    start: 'top 80%',
+                    toggleActions: 'play none none reverse'
+                }
+            }
+        );
+
+        // Navbar scroll effect
+        const navbar = document.getElementById('navbar');
+        window.addEventListener('scroll', () => {
+            if (window.scrollY > 60) {
+                navbar.classList.add('scrolled');
+            } else {
+                navbar.classList.remove('scrolled');
+            }
+        }, { passive: true });
+
+        // Form validation and submission
+        const consultForm = document.getElementById('consultForm');
+        const formStatus = document.getElementById('formStatus');
+        const submitContainer = document.getElementById('submitContainer');
+        const successOverlay = document.getElementById('successOverlay');
+        const closeSuccess = document.getElementById('closeSuccess');
+        const messageTextarea = consultForm.querySelector('textarea[name="message"]');
+        const messageLength = document.getElementById('messageLength');
+        const systemNameGroup = document.getElementById('systemNameGroup');
+        
+        // 监听系统选择
+        const systemCheckboxes = consultForm.querySelectorAll('input[name="current_system"]');
+        systemCheckboxes.forEach(checkbox => {
+            checkbox.addEventListener('change', () => {
+                const otherChecked = document.getElementById('system-other').checked;
+                systemNameGroup.style.display = otherChecked ? 'block' : 'none';
+            });
+        });
+        
+        // 监听留言字数
+        messageTextarea.addEventListener('input', () => {
+            messageLength.textContent = messageTextarea.value.length;
+        });
+        
+        // 关闭成功弹窗
+        closeSuccess.addEventListener('click', () => {
+            successOverlay.classList.remove('show');
+        });
+        
+        successOverlay.addEventListener('click', (e) => {
+            if (e.target === successOverlay) {
+                successOverlay.classList.remove('show');
+            }
+        });
+        
+        // 清除字段错误状态
+        function clearFieldError(field) {
+            const group = field.closest('.form-group');
+            if (group) {
+                group.classList.remove('error');
+            }
         }
-        const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('visible'); }); }, { threshold: 0.08, rootMargin: '0px 0px -30px 0px' });
-        document.querySelectorAll('.reveal').forEach(el => observer.observe(el));
-    });
-    (function() {
-        const canvas = document.getElementById('hero-canvas');
-        if (!canvas) return;
-        const ctx = canvas.getContext('2d');
-        let width, height, particles = [];
-        const count = window.innerWidth < 768 ? 35 : 60, maxDist = 130;
-        function resize() { width = canvas.width = window.innerWidth; height = canvas.height = window.innerHeight; }
-        class Particle {
-            constructor() { this.x = Math.random() * width; this.y = Math.random() * height; this.vx = (Math.random() - 0.5) * 0.3; this.vy = (Math.random() - 0.5) * 0.3; this.r = Math.random() * 1.5 + 0.8; this.alpha = Math.random() * 0.4 + 0.15; }
-            update() { this.x += this.vx; this.y += this.vy; if (this.x < 0 || this.x > width) this.vx *= -1; if (this.y < 0 || this.y > height) this.vy *= -1; }
-            draw() { ctx.beginPath(); ctx.arc(this.x, this.y, this.r, 0, Math.PI * 2); ctx.fillStyle = `rgba(255,255,255,${this.alpha})`; ctx.fill(); }
+        
+        // 显示字段错误状态
+        function showFieldError(field, message) {
+            const group = field.closest('.form-group');
+            if (group) {
+                group.classList.add('error');
+                const errorMsg = group.querySelector('.form-error-msg');
+                if (errorMsg && message) {
+                    errorMsg.textContent = message;
+                }
+            }
         }
-        function init() { resize(); particles = []; for (let i = 0; i < count; i++) particles.push(new Particle()); }
-        function animate() { ctx.clearRect(0, 0, width, height); for (let i = 0; i < particles.length; i++) { particles[i].update(); particles[i].draw(); for (let j = i + 1; j < particles.length; j++) { const dx = particles[i].x - particles[j].x, dy = particles[i].y - particles[j].y, dist = Math.sqrt(dx * dx + dy * dy); if (dist < maxDist) { ctx.beginPath(); ctx.strokeStyle = `rgba(255,255,255,${(1 - dist / maxDist) * 0.25})`; ctx.lineWidth = 0.4; ctx.moveTo(particles[i].x, particles[i].y); ctx.lineTo(particles[j].x, particles[j].y); ctx.stroke(); } } } requestAnimationFrame(animate); }
-        window.addEventListener('resize', () => { resize(); particles = []; init(); });
-        init(); animate();
-    })();
+        
+        // 验证表单字段
+        function validateField(field) {
+            const value = field.value.trim();
+            const name = field.name;
+            
+            clearFieldError(field);
+            
+            switch (name) {
+                case 'name':
+                    if (!value || value.length < 2) {
+                        showFieldError(field, '请输入您的姓名（2-50个字符）');
+                        return false;
+                    }
+                    if (value.length > 50) {
+                        showFieldError(field, '姓名不能超过50个字符');
+                        return false;
+                    }
+                    break;
+                    
+                case 'phone':
+                    if (!value) {
+                        showFieldError(field, '请输入手机号码');
+                        return false;
+                    }
+                    if (!/^1\d{10}$/.test(value)) {
+                        showFieldError(field, '请输入有效的手机号码');
+                        return false;
+                    }
+                    break;
+                    
+                case 'email':
+                    if (value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
+                        showFieldError(field, '请输入有效的邮箱地址');
+                        return false;
+                    }
+                    break;
+            }
+            
+            return true;
+        }
+        
+        // 实时验证
+        ['name', 'phone', 'email'].forEach(fieldName => {
+            const field = consultForm.querySelector(`[name="${fieldName}"]`);
+            if (field) {
+                field.addEventListener('blur', () => validateField(field));
+                field.addEventListener('input', () => {
+                    if (field.closest('.form-group').classList.contains('error')) {
+                        validateField(field);
+                    }
+                });
+            }
+        });
+        
+        // 收集表单数据
+        function collectFormData() {
+            const formData = {
+                name: consultForm.name.value.trim(),
+                phone: consultForm.phone.value.trim(),
+                email: consultForm.email.value.trim(),
+                current_system: [],
+                system_name: '',
+                message: consultForm.message.value.trim()
+            };
+            
+            // 收集选中的系统
+            systemCheckboxes.forEach(checkbox => {
+                if (checkbox.checked) {
+                    formData.current_system.push(checkbox.value);
+                }
+            });
+            
+            // 如果选择了"其他"，获取系统名称
+            if (document.getElementById('system-other').checked) {
+                formData.system_name = consultForm.system_name.value.trim();
+            }
+            
+            return formData;
+        }
+        
+        // 表单提交
+        consultForm.addEventListener('submit', async (e) => {
+            e.preventDefault();
+            
+            // 验证必填字段
+            let isValid = true;
+            
+            // 验证姓名
+            if (!validateField(consultForm.name)) {
+                isValid = false;
+            }
+            
+            // 验证手机
+            if (!validateField(consultForm.phone)) {
+                isValid = false;
+            }
+            
+            // 验证邮箱（如果填写了）
+            if (consultForm.email.value.trim()) {
+                if (!validateField(consultForm.email)) {
+                    isValid = false;
+                }
+            }
+            
+            if (!isValid) {
+                formStatus.textContent = '请检查表单中的错误';
+                formStatus.className = 'form-status error';
+                return;
+            }
+            
+            // 显示加载状态
+            submitContainer.classList.add('submit-loading');
+            formStatus.textContent = '';
+            
+            const formData = collectFormData();
+            
+            try {
+                const response = await fetch('/ai/api/consult', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify(formData)
+                });
+                
+                const data = await response.json();
+                
+                if (data.success) {
+                    // 显示成功弹窗
+                    successOverlay.classList.add('show');
+                    consultForm.reset();
+                    messageLength.textContent = '0';
+                    systemNameGroup.style.display = 'none';
+                } else {
+                    formStatus.textContent = data.error || '提交失败，请稍后重试';
+                    formStatus.className = 'form-status error';
+                }
+            } catch (error) {
+                console.error('提交错误:', error);
+                formStatus.textContent = '网络错误，请检查网络连接后重试';
+                formStatus.className = 'form-status error';
+            } finally {
+                submitContainer.classList.remove('submit-loading');
+            }
+        });
+
+        // Smooth scroll for anchor links
+        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+            anchor.addEventListener('click', function(e) {
+                e.preventDefault();
+                const target = document.querySelector(this.getAttribute('href'));
+                if (target) {
+                    target.scrollIntoView({ behavior: 'smooth', block: 'start' });
+                }
+            });
+        });
     </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/index.html.bak.20260422 b/index.html.bak.20260422
deleted file mode 100644
index cad59ee..0000000
--- a/index.html.bak.20260422
+++ /dev/null
@@ -1,996 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>菲西尔智能 · AI+物业｜AI+资管｜AI+CRM 企业级智能叠加</title>
-    <meta name="description" content="上海菲西尔智能科技有限公司——专注为现有业务系统叠加AI能力。智慧物业智能中枢、房产资管风控大脑、CRM效率跃升、GEO生成式引擎优化。不推倒重来，只做智能叠加。">
-    <meta name="keywords" content="AI+物业,智慧物业,AI+资管,房产资产管理,AI+CRM,智能叠加,企业级AI,GEO优化,生成式引擎优化,上海菲西尔">
-    <meta name="robots" content="index, follow">
-    <link rel="canonical" href="http://8.153.107.96/ai/">
-
-    <!-- Open Graph -->
-    <meta property="og:type" content="website">
-    <meta property="og:title" content="菲西尔智能 · 企业级 AI 叠加">
-    <meta property="og:description" content="在已经运转良好的业务系统之上叠加 AI 能力。不推倒重来，只做智能叠加。">
-    <meta property="og:url" content="http://8.153.107.96/ai/">
-    <meta property="og:site_name" content="菲西尔智能 Fischer Intelligence">
-    <meta property="og:locale" content="zh_CN">
-
-    <!-- Twitter Card -->
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:title" content="菲西尔智能 · 企业级 AI 叠加">
-    <meta name="twitter:description" content="在已经运转良好的业务系统之上叠加 AI 能力。">
-
-    <!-- 结构化数据 -->
-    <script type="application/ld+json">
-    {
-        "@context": "https://schema.org",
-        "@type": "Organization",
-        "name": "上海菲西尔智能科技有限公司",
-        "alternateName": "Fischer Intelligence",
-        "url": "http://8.153.107.96/ai/",
-        "description": "专注为现有业务系统叠加AI能力，涵盖智慧物业、房产资管、CRM领域",
-        "address": {
-            "@type": "PostalAddress",
-            "addressLocality": "上海",
-            "addressCountry": "CN"
-        },
-        "knowsAbout": ["AI+物业", "智慧物业", "AI+资管", "房产资产管理", "AI+CRM", "GEO优化"]
-    }
-    </script>
-
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Noto+Sans+SC:wght@400;600;800;900&display=swap" rel="stylesheet">
-    <style>
-        :root {
-            --bg: #050505;
-            --text-main: #ffffff;
-            --text-sub: #999999;
-        }
-        * { box-sizing: border-box; margin: 0; padding: 0; }
-        html { scroll-behavior: smooth; }
-        body {
-            font-family: 'Inter', 'Noto Sans SC', sans-serif;
-            background: var(--bg);
-            color: var(--text-main);
-            line-height: 1.5;
-            overflow-x: hidden;
-        }
-
-        /* 导航 */
-        nav {
-            position: fixed; top: 0; width: 100%; z-index: 100;
-            padding: 24px 0; background: rgba(5,5,5,0.85); backdrop-filter: blur(12px);
-            border-bottom: 1px solid rgba(255,255,255,0.06);
-        }
-        .nav-inner { max-width: 1400px; margin: 0 auto; padding: 0 4vw; display: flex; justify-content: space-between; align-items: center; }
-        .logo { font-size: 15px; font-weight: 700; letter-spacing: 2px; color: #fff; text-transform: uppercase; }
-        .nav-links a { color: #777; text-decoration: none; font-size: 12px; margin-left: 36px; font-weight: 600; transition: 0.3s; text-transform: uppercase; letter-spacing: 1px; }
-        .nav-links a:hover { color: #fff; }
-
-        /* HERO - 营销视频背景 */
-        .hero {
-            position: relative; height: 100vh; width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center;
-        }
-        .hero-video {
-            position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;
-            filter: brightness(0.85) saturate(1.1);
-            transform: scale(1.05); /* 留余量给呼吸感缩放 */
-            animation: heroZoom 20s ease-in-out infinite alternate;
-        }
-        @keyframes heroZoom {
-            from { transform: scale(1.05); }
-            to { transform: scale(1.12); }
-        }
-        /* 视频未加载/移动端降级：静态 poster */
-        .hero-poster {
-            position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;
-        }
-        
-        /* 极轻的底层渐变，仅保留底部过渡 */
-        .hero-overlay {
-            position: absolute; inset: 0;
-            background: linear-gradient(to bottom, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0.55) 100%);
-            z-index: 1; pointer-events: none;
-        }
-
-        .hero-content {
-            position: relative; z-index: 10; text-align: center; max-width: 1000px; padding: 0 20px;
-        }
-        
-        h1 {
-            font-size: clamp(48px, 9vw, 110px);
-            font-weight: 900; line-height: 1.05; letter-spacing: -3px; margin-bottom: 24px;
-            text-transform: uppercase;
-            text-shadow: 0 4px 20px rgba(0,0,0,0.6);
-            opacity: 0; animation: textReveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.2s;
-        }
-        
-        .hero-sub {
-            font-size: clamp(16px, 1.8vw, 22px); font-weight: 400; color: rgba(255,255,255,0.9);
-            max-width: 700px; margin: 0 auto 48px; line-height: 1.6;
-            /* 磨砂玻璃效果 */
-            background: rgba(255,255,255,0.05);
-            backdrop-filter: blur(20px) saturate(150%);
-            -webkit-backdrop-filter: blur(20px) saturate(150%);
-            border: 1px solid rgba(255,255,255,0.08);
-            border-left: 3px solid rgba(255,255,255,0.4);
-            border-radius: 8px;
-            padding: 24px 32px;
-            opacity: 0; animation: textReveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.5s;
-            text-shadow: 0 2px 8px rgba(0,0,0,0.3);
-        }
-
-        .btn {
-            display: inline-block; padding: 18px 48px;
-            background: #fff; color: #000; text-decoration: none; font-size: 14px; font-weight: 700;
-            border-radius: 0; letter-spacing: 1px; text-transform: uppercase; transition: all 0.3s ease;
-            opacity: 0; animation: textReveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.8s;
-        }
-        .btn:hover { transform: translateY(-2px); background: #eee; }
-
-        .scroll-indicator {
-            position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 10;
-            width: 2px; height: 60px; background: linear-gradient(to bottom, #fff, transparent);
-            animation: scrollLine 2s infinite;
-        }
-        @keyframes scrollLine { 0% { height: 0; opacity: 0; } 50% { height: 60px; opacity: 1; } 100% { height: 60px; opacity: 0; transform: translateY(20px); } }
-        @keyframes textReveal { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
-
-        /* 通用板块 */
-        .container { max-width: 1400px; margin: 0 auto; padding: 0 4vw; position: relative; z-index: 2; }
-        section { padding: 160px 0; background: #050505; border-top: 1px solid rgba(255,255,255,0.06); }
-        .section-label { font-size: 11px; font-weight: 700; color: #666; letter-spacing: 3px; margin-bottom: 80px; display: block; }
-        h2 { font-size: clamp(32px, 4vw, 52px); font-weight: 800; line-height: 1.1; margin-bottom: 24px; letter-spacing: -1px; color: #fff; }
-
-        /* 痛点板块 */
-        #pain-points { position: relative; overflow: hidden; }
-        /* 动态网格背景 */
-        .pain-grid-bg {
-            position: absolute; inset: 0; z-index: 0;
-            background-image:
-                linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
-                linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
-            background-size: 80px 80px;
-            animation: gridMove 30s linear infinite;
-        }
-        @keyframes gridMove {
-            0% { transform: translate(0, 0); }
-            100% { transform: translate(80px, 80px); }
-        }
-        /* 径向光晕 */
-        .pain-glow {
-            position: absolute; top: 50%; left: 50%; width: 800px; height: 800px;
-            transform: translate(-50%, -50%);
-            background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, transparent 70%);
-            animation: glowPulse 6s ease-in-out infinite alternate;
-            z-index: 0;
-            pointer-events: none;
-        }
-        @keyframes glowPulse {
-            0% { opacity: 0.4; transform: translate(-50%, -50%) scale(0.9); }
-            100% { opacity: 1; transform: translate(-50%, -50%) scale(1.1); }
-        }
-        #pain-points .container { position: relative; z-index: 1; }
-
-        .pain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }
-        .pain-item {
-            background: rgba(255,255,255,0.015);
-            padding: 48px 40px;
-            border: 1px solid rgba(255,255,255,0.04);
-            transition: all 0.6s ease;
-            position: relative;
-            overflow: hidden;
-            min-height: 320px;
-            display: flex;
-            flex-direction: column;
-            justify-content: flex-end;
-        }
-        .pain-item::before {
-            content: '';
-            position: absolute;
-            top: 0; left: 0; right: 0;
-            height: 1px;
-            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
-            transform: translateX(-100%);
-            transition: transform 0.8s ease;
-        }
-        .pain-item:hover::before { transform: translateX(0); }
-        .pain-item:hover {
-            background: rgba(255,255,255,0.03);
-            border-color: rgba(255,255,255,0.08);
-        }
-        /* 顶部 SVG 图标 */
-        .pain-icon {
-            position: absolute; top: 32px; left: 40px;
-            width: 48px; height: 48px;
-            opacity: 0.15;
-            transition: opacity 0.5s ease;
-        }
-        .pain-item:hover .pain-icon { opacity: 0.35; }
-        .pain-icon svg { width: 100%; height: 100%; }
-        .pain-icon svg line, .pain-icon svg path, .pain-icon svg circle, .pain-icon svg rect {
-            stroke: #fff;
-            stroke-width: 1.5;
-            fill: none;
-        }
-        /* 编号 */
-        .pain-num {
-            font-size: 72px; font-weight: 900; color: rgba(255,255,255,0.04);
-            line-height: 1; letter-spacing: -3px;
-            position: absolute; bottom: 32px; right: 40px;
-            transition: all 0.6s ease;
-        }
-        .pain-item:hover .pain-num {
-            color: rgba(255,255,255,0.08);
-            transform: translateY(-4px);
-        }
-        .pain-item h3 {
-            font-size: 20px; font-weight: 800; color: #fff; margin-bottom: 12px;
-            letter-spacing: -0.5px;
-        }
-        .pain-item p {
-            font-size: 14px; color: #666; line-height: 1.7;
-        }
-        /* 破局之道 - 全宽特殊卡片 */
-        .pain-item.highlight {
-            grid-column: 1 / -1;
-            min-height: auto;
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-            justify-content: center;
-            gap: 60px;
-            padding: 64px 80px;
-            background: rgba(255,255,255,0.03);
-            border-color: rgba(255,255,255,0.08);
-        }
-        .pain-item.highlight h3 {
-            font-size: 28px; margin-bottom: 8px; margin-left: 0;
-        }
-        .pain-item.highlight p {
-            font-size: 16px; color: #888; margin-left: 0; max-width: 600px;
-        }
-        .pain-item.highlight .pain-num {
-            position: static; font-size: 96px;
-        }
-        .pain-item.highlight .highlight-body {
-            flex: 1; max-width: 600px;
-        }
-
-        /* 思路板块 */
-        .approach-list { max-width: 900px; margin: 0 auto; }
-        .approach-item {
-            display: flex; gap: 40px; padding: 48px 0;
-            border-bottom: 1px solid rgba(255,255,255,0.06);
-            align-items: flex-start;
-        }
-        .approach-item:last-child { border-bottom: none; }
-        .approach-step {
-            font-size: 13px; font-weight: 800; color: #555;
-            letter-spacing: 2px; text-transform: uppercase;
-            min-width: 60px; padding-top: 4px;
-        }
-        .approach-body h3 {
-            font-size: 24px; font-weight: 800; color: #fff; margin-bottom: 12px;
-            letter-spacing: -0.5px;
-        }
-        .approach-body p {
-            font-size: 16px; color: #888; line-height: 1.7; max-width: 600px;
-        }
-
-        /* 业务板块 - 使用本地图片 (修复了路径问题，移除暗黑滤镜) */
-        .project-row { display: flex; align-items: center; gap: 80px; margin-bottom: 200px; }
-        .project-row.reverse { flex-direction: row-reverse; }
-        .project-text { flex: 1; }
-        .project-text p { font-size: 18px; color: #999; line-height: 1.8; max-width: 550px; margin-top: 20px; }
-        
-        .project-img {
-            flex: 1.2; height: 500px; border-radius: 4px; overflow: hidden; position: relative;
-            background: #111; 
-        }
-        .project-img img {
-            width: 100%; height: 100%; object-fit: cover;
-            /* 移除滤镜，保持清晰明亮 */
-            filter: brightness(1.0); transition: all 0.6s ease;
-        }
-        .project-img:hover img { transform: scale(1.03); }
-
-        /* 联系板块 */
-        .contact-form {
-            max-width: 600px; margin: 0 auto;
-            display: grid; grid-template-columns: 1fr 1fr; gap: 20px;
-        }
-        .contact-form .full-width { grid-column: 1 / -1; }
-        .contact-form label {
-            display: block; font-size: 11px; color: #666; font-weight: 700;
-            letter-spacing: 2px; text-transform: uppercase; margin-bottom: 8px;
-        }
-        .contact-form input, .contact-form textarea {
-            width: 100%; padding: 16px 20px; background: rgba(255,255,255,0.04);
-            border: 1px solid rgba(255,255,255,0.1); border-radius: 4px;
-            color: #fff; font-size: 15px; font-family: inherit;
-            transition: border-color 0.3s;
-        }
-        .contact-form input:focus, .contact-form textarea:focus {
-            outline: none; border-color: rgba(255,255,255,0.4);
-        }
-        .contact-form textarea { min-height: 140px; resize: vertical; }
-        .contact-form input::placeholder, .contact-form textarea::placeholder {
-            color: #444;
-        }
-        .contact-submit {
-            grid-column: 1 / -1; text-align: center; margin-top: 12px;
-        }
-        .contact-submit button {
-            padding: 18px 60px; background: #fff; color: #000;
-            border: none; font-size: 14px; font-weight: 700; letter-spacing: 1px;
-            text-transform: uppercase; cursor: pointer; transition: all 0.3s;
-        }
-        .contact-submit button:hover { background: #eee; transform: translateY(-2px); }
-        .contact-submit button:disabled { opacity: 0.5; cursor: default; transform: none; }
-        .form-status {
-            grid-column: 1 / -1; text-align: center; font-size: 13px;
-            margin-top: 8px; min-height: 20px;
-        }
-        .form-status.ok { color: #4ade80; }
-        .form-status.err { color: #f87171; }
-
-        /* 底部 */
-        footer { padding: 100px 0; text-align: center; background: #020202; border-top: 1px solid rgba(255,255,255,0.06); }
-        .tech-by { font-size: 10px; color: #444; letter-spacing: 2px; margin-bottom: 12px; }
-        .company { font-size: 15px; color: #888; font-weight: 600; }
-
-        /* 动效 */
-        .fade-up { opacity: 0; transform: translateY(40px); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
-        .fade-up.visible { opacity: 1; transform: translateY(0); }
-        /* 桌面端：痛点和思路板块用 CSS 原生动画直接可见 */
-        @media (min-width: 901px) {
-            #pain-points .fade-up, #approach .fade-up {
-                opacity: 1; transform: translateY(0);
-                animation: sectionFadeIn 1.2s cubic-bezier(0.16, 1, 0.3, 1) both;
-            }
-            #pain-points .pain-grid > .fade-up:nth-child(1) { animation-delay: 0.15s; }
-            #pain-points .pain-grid > .fade-up:nth-child(2) { animation-delay: 0.25s; }
-            #pain-points .pain-grid > .fade-up:nth-child(3) { animation-delay: 0.35s; }
-            #pain-points .pain-grid > .fade-up:nth-child(4) { animation-delay: 0.45s; }
-            #pain-points .pain-grid > .fade-up:nth-child(5) { animation-delay: 0.55s; }
-            #pain-points .pain-grid > .fade-up:nth-child(6) { animation-delay: 0.65s; }
-        }
-        /* 移动端：痛点和思路板块 - 错位动画 */
-        @media (max-width: 900px) {
-            /* 默认状态：卡片微弱可见 */
-            #pain-points .pain-item {
-                opacity: 1;
-                transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1);
-            }
-            /* 内容元素默认在更下方（准备从下往上大幅滑入） */
-            #pain-points .pain-item .pain-icon {
-                transform: scale(0.6) translateY(60px);
-            }
-            #pain-points .pain-item h3,
-            #pain-points .pain-item p {
-                opacity: 1;
-                transform: translateY(0);
-                transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
-                            transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
-            }
-            #pain-points .pain-item .pain-icon {
-                transform: scale(0.6) translateY(60px);
-            }
-            /* 数字：默认状态由 JS 控制，这里不设 transform 避免冲突 */
-            #pain-points .pain-item .pain-num {
-                opacity: 0.3;
-                transition: opacity 1s ease;
-            }
-
-            /* 进入视口后：内容上移，数字反向坠落 */
-            #pain-points .pain-item.in-view {
-                opacity: 1;
-            }
-            #pain-points .pain-item.in-view .pain-icon {
-                opacity: 0.35;
-                transform: scale(1) translateY(0);
-                transition-delay: 0.05s;
-            }
-            #pain-points .pain-item.in-view h3 {
-                opacity: 1;
-                transform: translateY(0);
-                transition-delay: 0.1s;
-            }
-            #pain-points .pain-item.in-view p {
-                opacity: 1;
-                transform: translateY(0);
-                transition-delay: 0.18s;
-            }
-            /* 数字：越落越清晰 */
-            #pain-points .pain-item.in-view .pain-num {
-                opacity: 0.3;
-                /* transform 完全由 JS 视差逻辑接管 */
-                transition-delay: 0.02s;
-            }
-
-            /* 思路板块同样 */
-            #approach .approach-item {
-                opacity: 1;
-                transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1);
-            }
-            #approach .approach-item .approach-step,
-            #approach .approach-item .approach-body h3,
-            #approach .approach-item .approach-body p {
-                opacity: 1;
-                transform: translateY(0);
-                transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
-                            transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
-            }
-            #approach .approach-item.in-view {
-                opacity: 1;
-            }
-            #approach .approach-item.in-view .approach-step {
-                opacity: 1;
-                transform: translateY(0);
-                transition-delay: 0.05s;
-            }
-            #approach .approach-item.in-view .approach-body h3 {
-                opacity: 1;
-                transform: translateY(0);
-                transition-delay: 0.12s;
-            }
-            #approach .approach-item.in-view .approach-body p {
-                opacity: 1;
-                transform: translateY(0);
-                transition-delay: 0.2s;
-            }
-        }
-
-        @keyframes sectionFadeIn { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
-
-        /* 移动端痛点沉浸式布局 */
-        @media (max-width: 900px) {
-            /* 痛点半块单列全屏 */
-            #pain-points {
-                overflow: visible;
-                text-align: center;
-            }
-            #pain-points .section-label {
-                margin-bottom: 40px;
-            }
-            #pain-points h2 {
-                font-size: 28px;
-                margin-bottom: 0;
-                margin-left: auto;
-                margin-right: auto;
-                max-width: 90%;
-            }
-            /* 背景网格 - 钉在墙上完全不动 */
-            .pain-grid-bg {
-                position: fixed;
-                top: 0; left: 0; right: 0; bottom: 0;
-                z-index: 0;
-                animation: none;
-                background-image:
-                    linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
-                    linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
-                background-size: 60px 60px;
-            }
-            .pain-glow {
-                position: fixed;
-                top: 50%; left: 50%;
-                width: 400px; height: 400px;
-                transform: translate(-50%, -50%);
-                background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%);
-                animation: glowPulse 6s ease-in-out infinite alternate;
-                z-index: 0;
-                pointer-events: none;
-            }
-
-            /* 内容层 - 在背景上正常滚动 */
-            .pain-grid {
-                display: flex;
-                flex-direction: column;
-                gap: 0;
-                position: relative;
-                z-index: 1;
-            }
-
-            .pain-item {
-                min-height: auto;
-                padding: 80px 28px 60px;
-                display: flex;
-                flex-direction: column;
-                justify-content: center;
-                align-items: center;
-                text-align: center;
-                background: transparent;
-                border: none;
-                border-top: 1px solid rgba(255,255,255,0.06);
-                overflow: visible;
-                position: relative;
-                z-index: 1;
-            }
-            .pain-item::before { display: none; }
-            .pain-item:hover { background: transparent; }
-
-            /* SVG 图标 - 居中放大 */
-            .pain-icon {
-                position: relative;
-                top: auto; right: auto; left: auto;
-                width: 64px; height: 64px;
-                opacity: 0.35;
-                margin-bottom: 40px;
-                transition: opacity 0.5s ease;
-            }
-            .pain-icon svg { width: 100%; height: 100%; }
-            .pain-icon svg line, .pain-icon svg path, .pain-icon svg circle, .pain-icon svg rect, .pain-icon svg polyline {
-                stroke: #fff;
-                stroke-width: 1.5;
-                fill: none;
-            }
-            .pain-item.in-view .pain-icon {
-                animation: iconPop 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both;
-            }
-
-            /* 横排大字标题 */
-            .pain-item h3 {
-                font-size: 36px;
-                font-weight: 900;
-                line-height: 1.3;
-                letter-spacing: 2px;
-                margin-bottom: 0;
-                margin-top: 0;
-                color: #fff;
-            }
-            /* 破局之道 */
-            .pain-item.highlight h3 {
-                font-size: 40px;
-                letter-spacing: 4px;
-            }
-
-            /* 描述文字 */
-            .pain-item p {
-                font-size: 15px;
-                color: #888;
-                line-height: 1.9;
-                margin-top: 24px;
-                max-width: 100%;
-                padding-right: 0;
-            }
-
-            /* 编号 - 超大背景装饰 */
-            .pain-num {
-                position: absolute;
-                bottom: 40px;
-                right: 30px;
-                font-size: 110px;
-                font-weight: 900;
-                color: rgba(255,255,255,0.2);
-                letter-spacing: -5px;
-                line-height: 1;
-            }
-
-            /* 破局之道 - 高潮区域 */
-            .pain-item.highlight {
-                min-height: auto;
-                flex-direction: column;
-                align-items: center;
-                justify-content: center;
-                gap: 0;
-                padding: 80px 28px 60px;
-                background: transparent;
-                border-top: 1px solid rgba(255,255,255,0.08);
-                border-bottom: 1px solid rgba(255,255,255,0.06);
-            }
-            .pain-item.highlight .pain-num {
-                font-size: 140px;
-                color: rgba(255,255,255,0.04);
-            }
-            .pain-item.highlight h3 {
-                font-size: 40px;
-                letter-spacing: 4px;
-            }
-            .pain-item.highlight p {
-                font-size: 16px;
-                color: #999;
-                margin-top: 24px;
-                padding-right: 0;
-                max-width: 90%;
-            }
-            .pain-item.highlight .highlight-body {
-                max-width: 100%;
-            }
-            .pain-item.highlight .pain-icon {
-                width: 80px; height: 80px;
-                margin-bottom: 48px;
-            }
-
-            /* 思路板块移动端 */
-            .approach-item {
-                flex-direction: column;
-                gap: 12px;
-                padding: 40px 0;
-                border-top: 1px solid rgba(255,255,255,0.06);
-            }
-            .approach-item:first-child {
-                border-top: none;
-            }
-            .approach-step {
-                font-size: 11px;
-                letter-spacing: 3px;
-            }
-            .approach-body h3 {
-                font-size: 20px;
-            }
-            .approach-body p {
-                font-size: 14px;
-                max-width: 100%;
-            }
-
-            /* 业务板块 */
-            .project-row, .project-row.reverse { flex-direction: column; gap: 40px; margin-bottom: 120px; }
-            .project-img { width: 100%; height: 300px; }
-            h1 { font-size: 42px; letter-spacing: -1px; }
-            .nav-links { display: none; }
-
-            /* 其他板块也至少一屏 */
-            #solutions, #approach, #geo, #contact {
-                min-height: auto;
-            }
-            #solutions .project-row {
-                margin-bottom: 0;
-                padding: 60px 0;
-                border-bottom: 1px solid rgba(255,255,255,0.06);
-            }
-            #approach .approach-item {
-                padding: 60px 0;
-            }
-            #geo .container {
-                display: flex;
-                flex-direction: column;
-                justify-content: center;
-                min-height: 80vh;
-            }
-        }
-    </style>
-</head>
-<body>
-    <nav>
-        <div class="nav-inner">
-            <div class="logo">AI X</div>
-            <div class="nav-links">
-                <a href="#pain-points">场景洞察</a>
-                <a href="#solutions">核心服务</a>
-                <a href="#approach">解决路径</a>
-                <a href="#geo">GEO</a>
-                <a href="#contact">合作咨询</a>
-            </div>
-        </div>
-    </nav>
-
-    <div class="hero">
-        <!-- 视频背景 + poster 静态降级 -->
-        <video class="hero-video" autoplay muted loop playsinline preload="auto" poster="assets/hero-poster.jpg?v=2">
-            <source src="assets/video/hero-bg-compressed.mp4?v=2" type="video/mp4">
-        </video>
-        <div class="hero-overlay"></div>
-        <div class="hero-content">
-            <h1>推翻重来<br>是最贵的选择</h1>
-            <div class="hero-sub">
-                大多数企业 AI 转型失败，不是因为技术不行，而是因为要求推翻一切重来。我们走另一条路：在现有系统之上叠加智能层，保留历史投资，释放沉睡数据，30 天看到效果。
-            </div>
-            <a href="#pain-points" class="btn">了解我们的做法</a>
-        </div>
-        <div class="scroll-indicator"></div>
-    </div>
-
-    <section id="pain-points">
-        <div class="pain-grid-bg"></div>
-        <div class="pain-glow"></div>
-        <div class="container">
-            <span class="section-label fade-up">WHY IT MATTERS</span>
-            <h2 class="fade-up" style="max-width: 700px; margin-bottom: 60px;">为什么现有系统<br>需要智能叠加</h2>
-            <div class="pain-grid">
-                <div class="pain-item fade-up">
-                    <div class="pain-icon">
-                        <svg viewBox="0 0 48 48">
-                            <rect x="8" y="8" width="14" height="14" rx="2"/>
-                            <rect x="26" y="8" width="14" height="14" rx="2"/>
-                            <rect x="8" y="26" width="14" height="14" rx="2"/>
-                            <rect x="26" y="26" width="14" height="14" rx="2"/>
-                            <line x1="22" y1="15" x2="26" y2="15"/>
-                            <line x1="15" y1="22" x2="15" y2="26"/>
-                            <line x1="33" y1="22" x2="33" y2="26"/>
-                            <line x1="22" y1="33" x2="26" y2="33"/>
-                        </svg>
-                    </div>
-                    <h3>资产闲置</h3>
-                    <p>物业、资管、CRM 积累了海量数据，却像仓库里的积压库存。数据停留在记录层面，从未转化为利润或决策依据。</p>
-                    <div class="pain-num">01</div>
-                </div>
-                <div class="pain-item fade-up" style="transition-delay: 0.1s;">
-                    <div class="pain-icon">
-                        <svg viewBox="0 0 48 48">
-                            <rect x="4" y="12" width="12" height="24" rx="2"/>
-                            <rect x="18" y="12" width="12" height="24" rx="2"/>
-                            <rect x="32" y="12" width="12" height="24" rx="2"/>
-                            <line x1="10" y1="20" x2="10" y2="30"/>
-                            <line x1="24" y1="20" x2="24" y2="30"/>
-                            <line x1="38" y1="20" x2="38" y2="30"/>
-                        </svg>
-                    </div>
-                    <h3>全局盲区</h3>
-                    <p>报修、资产、客户分属不同系统。管理者像盲人摸象，永远拼不出完整的业务全景，错配资源是常态。</p>
-                    <div class="pain-num">02</div>
-                </div>
-                <div class="pain-item fade-up" style="transition-delay: 0.2s;">
-                    <div class="pain-icon">
-                        <svg viewBox="0 0 48 48">
-                            <circle cx="24" cy="10" r="6"/>
-                            <path d="M14 42c0-8 4-14 10-14s10 6 10 14"/>
-                            <circle cx="36" cy="16" r="4"/>
-                            <path d="M32 42c0-5 2-9 4-9s4 4 4 9"/>
-                        </svg>
-                    </div>
-                    <h3>效能错配</h3>
-                    <p>高薪招来的专业人才，70% 的时间耗在填表、派单、跟进等重复事务上。高射炮打蚊子，人效极低。</p>
-                    <div class="pain-num">03</div>
-                </div>
-                <div class="pain-item fade-up" style="transition-delay: 0.1s;">
-                    <div class="pain-icon">
-                        <svg viewBox="0 0 48 48">
-                            <circle cx="24" cy="24" r="16"/>
-                            <polyline points="24,12 24,24 32,28"/>
-                            <line x1="8" y1="6" x2="8" y2="14"/>
-                            <line x1="40" y1="6" x2="40" y2="14"/>
-                            <line x1="4" y1="10" x2="4" y2="10"/>
-                        </svg>
-                    </div>
-                    <h3>总是慢半拍</h3>
-                    <p>空置率超标、客户流失、租金定价……等月底报表出来，问题已经发生。企业永远在事后补救。</p>
-                    <div class="pain-num">04</div>
-                </div>
-                <div class="pain-item fade-up" style="transition-delay: 0.2s;">
-                    <div class="pain-icon">
-                        <svg viewBox="0 0 48 48">
-                            <path d="M24 4L4 14v12c0 11 8 20 20 22 12-2 20-11 20-22V14L24 4z"/>
-                            <line x1="24" y1="18" x2="24" y2="30"/>
-                            <line x1="18" y1="24" x2="30" y2="24"/>
-                        </svg>
-                    </div>
-                    <h3>转型豪赌</h3>
-                    <p>传统 AI 方案要求推翻重建。周期长、风险高、员工抵触。一旦失败，前期投入全部打水漂。</p>
-                    <div class="pain-num">05</div>
-                </div>
-                <div class="pain-item fade-up" style="transition-delay: 0.25s;">
-                    <div class="pain-icon">
-                        <svg viewBox="0 0 48 48">
-                            <path d="M16 8c0-4 4-6 8-6s8 2 8 6c0 10-8 16-8 16s-8-6-8-16z"/>
-                            <line x1="24" y1="30" x2="24" y2="40"/>
-                            <line x1="18" y1="34" x2="30" y2="34"/>
-                            <circle cx="14" cy="18" r="2"/>
-                            <circle cx="34" cy="18" r="2"/>
-                        </svg>
-                    </div>
-                    <h3>人才断层</h3>
-                    <p>核心业务逻辑长在老员工脑子里。人一走，能力就断层。企业无法规模化复制成功经验。</p>
-                    <div class="pain-num">06</div>
-                </div>
-                <div class="pain-item highlight fade-up" style="transition-delay: 0.3s;">
-                    <div class="pain-num">∞</div>
-                    <div class="highlight-body">
-                        <h3>破局之道</h3>
-                        <p>不推倒重来，不替换系统。在已经运转良好的基础设施之上，叠加一层 AI 能力——让旧系统拥有新大脑。</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-
-    <section id="solutions">
-        <div class="container">
-            <span class="section-label fade-up">CORE BUSINESS</span>
-            
-            <!-- 物业 - 本地图 (建筑/无人员) -->
-            <div class="project-row">
-                <div class="project-text fade-up">
-                    <h2>AI+物业<br>智能中枢</h2>
-                    <p>工单自动分发，客诉响应提速 60%。在现有物业 ERP 之上叠加 AI 调度中枢，不改变原有流程，直接降低运营成本。</p>
-                </div>
-                <div class="project-img fade-up" style="transition-delay: 0.2s;">
-                    <img src="assets/prop.jpg?v=6" alt="Smart Building">
-                </div>
-            </div>
-
-            <!-- 资管 - 本地图 (服务器/无人员) -->
-            <div class="project-row reverse">
-                <div class="project-text fade-up">
-                    <h2>AI+资管<br>风控大脑</h2>
-                    <p>空置率预测、租金动态定价。无缝接入现有资管平台，让历史数据自动转化为预测模型，实现资产自动预警与动态配置，提升投资回报率。</p>
-                </div>
-                <div class="project-img fade-up" style="transition-delay: 0.2s;">
-                    <img src="assets/server.jpg?v=6" alt="Server Data">
-                </div>
-            </div>
-
-            <!-- CRM - 本地图 (电脑屏幕/无人员) -->
-            <div class="project-row">
-                <div class="project-text fade-up">
-                    <h2>AI+CRM<br>效率跃升</h2>
-                    <p>线索自动清洗，销售人效提升 40%。为企业现有 CRM 配备 AI 私人助理，自动捕捉线索、生成对话摘要、推荐跟进策略，销售团队无需学习新软件。</p>
-                </div>
-                <div class="project-img fade-up" style="transition-delay: 0.2s;">
-                    <img src="assets/crm.jpg?v=6" alt="CRM">
-                </div>
-            </div>
-        </div>
-    </section>
-
-    <section id="approach">
-        <div class="container">
-            <span class="section-label fade-up">WHY FISCHER</span>
-            <h2 class="fade-up" style="max-width: 700px; margin-bottom: 60px;">为什么选<br>菲西尔智能</h2>
-            <div class="approach-list">
-                <div class="approach-item fade-up">
-                    <div class="approach-step">优势 1</div>
-                    <div class="approach-body">
-                        <h3>零干扰集成</h3>
-                        <p>通过 API 外挂 AI 层，不替换原有软件，不迁移历史数据。员工无需学习新系统，对现有业务零冲击。</p>
-                    </div>
-                </div>
-                <div class="approach-item fade-up" style="transition-delay: 0.1s;">
-                    <div class="approach-step">优势 2</div>
-                    <div class="approach-body">
-                        <h3>数据资产化</h3>
-                        <p>把沉睡的业务数据转化为实时洞察。自动识别异常单元、预测续约概率、生成招商建议——把事后统计变为事前预警。</p>
-                    </div>
-                </div>
-                <div class="approach-item fade-up" style="transition-delay: 0.2s;">
-                    <div class="approach-step">优势 3</div>
-                    <div class="approach-body">
-                        <h3>智能代理执行</h3>
-                        <p>将高频重复工作交给 AI Agent。智能客服、招商匹配、巡检规划自动运转，释放人力聚焦关键决策。</p>
-                    </div>
-                </div>
-                <div class="approach-item fade-up" style="transition-delay: 0.15s;">
-                    <div class="approach-step">优势 4</div>
-                    <div class="approach-body">
-                        <h3>全局决策视角</h3>
-                        <p>跨系统数据在 AI 层融合，形成全局业务视图。管理者通过自然语言即可查询"本月哪些楼宇空置率超标"，无需手动汇总报表。</p>
-                    </div>
-                </div>
-                <div class="approach-item fade-up" style="transition-delay: 0.25s;">
-                    <div class="approach-step">优势 5</div>
-                    <div class="approach-body">
-                        <h3>可验证 ROI</h3>
-                        <p>从单一场景试点，验证效果后再扩展。每一步都可衡量投入产出，降低试错成本，确保钱花在刀刃上。</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-
-    <section id="geo">
-        <div class="container">
-            <span class="section-label fade-up">GENERATIVE ENGINE OPTIMIZATION</span>
-            <div style="display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 80px; align-items: center;">
-                <div class="fade-up">
-                    <h2 style="margin-bottom: 24px;">GEO<br>生成式引擎优化</h2>
-                    <p style="font-size: 19px; color: #ccc; line-height: 1.6; margin-bottom: 20px;">对内提效降本，对外重塑获客。</p>
-                    <p style="color: #888; line-height: 1.8; font-size: 16px;">通过优化企业在主流大模型（文心、Kimi、通义）中的内容结构与权重，确保品牌在用户提问时精准、优先呈现。从传统的"搜索排名"进化为 AI 时代的"答案占位"。</p>
-                </div>
-                <!-- GEO - 本地图 (数字地球/无人员) -->
-                <div class="project-img fade-up" style="transition-delay: 0.2s; height: 450px;">
-                    <img src="assets/geo.jpg?v=6" alt="Network">
-                </div>
-            </div>
-        </div>
-    </section>
-
-    <section id="contact">
-        <div class="container">
-            <span class="section-label fade-up">GET IN TOUCH</span>
-            <div class="fade-up" style="text-align:center; margin-bottom:60px;">
-                <h2>预约一次<br>15 分钟的系统智能诊断</h2>
-                <p style="color:#777; font-size:17px; max-width:500px; margin:16px auto 0; line-height:1.7;">
-                    不推销，只评估。我们将基于您现有系统架构，给出一份可落地的 AI 叠加建议。
-                </p>
-            </div>
-            <form class="contact-form fade-up" id="consultForm" onsubmit="return false;">
-                <div>
-                    <label>姓名</label>
-                    <input type="text" name="name" placeholder="您的称呼" required>
-                </div>
-                <div>
-                    <label>电话</label>
-                    <input type="tel" name="phone" placeholder="手机号码" required>
-                </div>
-                <div class="full-width">
-                    <label>邮箱</label>
-                    <input type="email" name="email" placeholder="选填">
-                </div>
-                <div class="full-width">
-                    <label>留言</label>
-                    <textarea name="message" placeholder="简要描述您当前使用的系统（选填）"></textarea>
-                </div>
-                <div class="contact-submit">
-                    <button type="submit" id="submitBtn">获取诊断名额</button>
-                </div>
-                <div class="form-status" id="formStatus"></div>
-            </form>
-        </div>
-    </section>
-
-    <footer>
-        <div class="container">
-            <div class="tech-by">TECHNICAL SUPPORT PROVIDED BY</div>
-            <div class="company">上海菲西尔智能科技有限公司</div>
-            <div style="margin-top: 12px; font-size: 10px; color: #444; letter-spacing: 1px;">© 2026 SHANGHAI FISCHER INTELLIGENT TECHNOLOGY CO., LTD.</div>
-        </div>
-    </footer>
-
-    <script>
-        // 强制视频播放并捕获错误
-        document.addEventListener('DOMContentLoaded', () => {
-            const vid = document.querySelector('.hero-video');
-            if (vid) {
-                vid.play().catch(e => {
-                    console.warn('Autoplay blocked:', e);
-                });
-            }
-
-            // 表单提交
-            const form = document.getElementById('consultForm');
-            const btn = document.getElementById('submitBtn');
-            const status = document.getElementById('formStatus');
-            if (form) {
-                btn.addEventListener('click', () => {
-                    const name = form.name.value.trim();
-                    const phone = form.phone.value.trim();
-                    const email = form.email.value.trim();
-                    const message = form.message.value.trim();
-                    if (!name || !phone) { status.textContent = '请填写姓名和电话'; status.className = 'form-status err'; return; }
-                    btn.disabled = true; btn.textContent = '提交中...';
-                    fetch('/ai/api/consult', {
-                        method: 'POST',
-                        headers: { 'Content-Type': 'application/json' },
-                        body: JSON.stringify({ name, phone, email, message })
-                    }).then(r => r.json()).then(d => {
-                        if (d.success) { status.textContent = '已收到，我们会尽快联系您'; status.className = 'form-status ok'; form.reset(); }
-                        else { status.textContent = d.error || '提交失败，请重试'; status.className = 'form-status err'; }
-                    }).catch(() => { status.textContent = '网络错误，请重试'; status.className = 'form-status err'; })
-                    .finally(() => { btn.disabled = false; btn.textContent = '提交咨询'; });
-                });
-            }
-        });
-
-        // 滚动渐显动画
-        const observer = new IntersectionObserver((entries) => {
-            entries.forEach(entry => {
-                if (entry.isIntersecting) entry.target.classList.add('visible');
-            });
-        }, { threshold: 0.15, rootMargin: "0px 0px -50px 0px" });
-        document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));
-
-        // 移动端：入场动画 + 视差滚动
-        if (window.innerWidth <= 900) {
-            // 3. 逐屏滚动 - 方向感知，禁止自由滚动
-            
-            // 导航链接点击：保持原生跳转
-// 导航链接点击：定位到对应 section 并更新索引
-            document.querySelectorAll('.nav-links a, .btn').forEach(link => {
-                link.addEventListener('click', (e) => {
-                    const href = link.getAttribute('href');
-                    if (!href || !href.startsWith('#')) return;
-                    const targetId = href.substring(1);
-                    const idx = snapTargets.findIndex(t => t.id === targetId);
-                    if (idx >= 0) {
-                        e.preventDefault();
-                        currentIndex = idx;
-                        goTo(idx);
-                    }
-                });
-            });
-        }
-    </script>
-</body>
-</html>
\ No newline at end of file
diff --git a/index.html.bak.20260422v2 b/index.html.bak.20260422v2
deleted file mode 100644
index a15102b..0000000
--- a/index.html.bak.20260422v2
+++ /dev/null
@@ -1,996 +0,0 @@
-<!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
deleted file mode 100644
index a15102b..0000000
--- a/index.html.bak.20260422v3
+++ /dev/null
@@ -1,996 +0,0 @@
-<!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/logo.png b/logo.png
new file mode 100644
index 0000000..7e4cd2a
Binary files /dev/null and b/logo.png differ
diff --git a/robots.txt b/robots.txt
new file mode 100644
index 0000000..5deb303
--- /dev/null
+++ b/robots.txt
@@ -0,0 +1,73 @@
+# ************************************
+# 菲西尔智能官网 robots.txt
+# AI叠加专家 - 物业AI | 资管AI | CRM AI
+# ************************************
+
+# 允许所有爬虫访问
+User-agent: *
+Allow: /
+
+# Sitemap位置
+Sitemap: https://www.fischerai.cn/sitemap.xml
+
+# 禁止访问的路径
+Disallow: /api/
+Disallow: /admin/
+Disallow: /*.json$
+Disallow: /version-*.html
+
+# 允许访问重要资源
+Allow: /assets/
+Allow: /favicon-*.png
+Allow: /apple-touch-icon.png
+
+# 百度爬虫特殊规则
+User-agent: Baiduspider
+Allow: /
+Crawl-delay: 1
+
+# Google爬虫特殊规则
+User-agent: Googlebot
+Allow: /
+Crawl-delay: 1
+
+# Bing爬虫特殊规则
+User-agent: Bingbot
+Allow: /
+Crawl-delay: 1
+
+# 搜狗爬虫特殊规则
+User-agent: Sogou
+Allow: /
+Crawl-delay: 1
+
+# 360搜索爬虫特殊规则
+User-agent: 360Spider
+Allow: /
+Crawl-delay: 1
+
+# 字节跳动爬虫（用于抖音/今日头条搜索）
+User-agent: Bytespider
+Allow: /
+Crawl-delay: 1
+
+# Kimi/Moonshot爬虫
+User-agent: Moonshot
+Allow: /
+
+# 通义千问爬虫
+User-agent: CCBot
+Allow: /
+
+# 文心一言爬虫
+User-agent: AppEngine-Google
+Allow: /
+
+# 其他AI平台爬虫
+User-agent: GPTBot
+Allow: /
+User-agent: ChatGPT-User
+Allow: /
+
+# 主机信息
+Host: https://www.fischerai.cn
diff --git a/sitemap.xml b/sitemap.xml
new file mode 100644
index 0000000..de7f918
--- /dev/null
+++ b/sitemap.xml
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
+                            http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
+    
+    <!-- 首页 -->
+    <url>
+        <loc>https://www.fischerai.cn/</loc>
+        <lastmod>2026-05-19</lastmod>
+        <changefreq>weekly</changefreq>
+        <priority>1.0</priority>
+    </url>
+    
+    <!-- 锚点页面（同一页面的不同区域） -->
+    <url>
+        <loc>https://www.fischerai.cn/#pain</loc>
+        <lastmod>2026-05-19</lastmod>
+        <changefreq>weekly</changefreq>
+        <priority>0.8</priority>
+    </url>
+    
+    <url>
+        <loc>https://www.fischerai.cn/#services</loc>
+        <lastmod>2026-05-19</lastmod>
+        <changefreq>weekly</changefreq>
+        <priority>0.9</priority>
+    </url>
+    
+    <url>
+        <loc>https://www.fischerai.cn/#advantages</loc>
+        <lastmod>2026-05-19</lastmod>
+        <changefreq>weekly</changefreq>
+        <priority>0.8</priority>
+    </url>
+    
+    <url>
+        <loc>https://www.fischerai.cn/#proof</loc>
+        <lastmod>2026-05-19</lastmod>
+        <changefreq>monthly</changefreq>
+        <priority>0.7</priority>
+    </url>
+    
+    <url>
+        <loc>https://www.fischerai.cn/#contact</loc>
+        <lastmod>2026-05-19</lastmod>
+        <changefreq>monthly</changefreq>
+        <priority>0.9</priority>
+    </url>
+    
+</urlset>
diff --git a/version-a.html b/version-a.html
index 787d372..4e3978a 100644
--- a/version-a.html
+++ b/version-a.html
@@ -1,355 +1,1752 @@
-<!DOCTYPE html>
+<!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能力。">
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;510;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;700;900&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>菲西尔智能 · 让业务系统更智能</title>
+    <meta
+      name="description"
+      content="上海菲西尔智能科技 - 专注为现有业务系统叠加AI能力，一天上线，三天见效。"
+    />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;700&display=swap"
+      rel="stylesheet"
+    />
     <style>
-        :root {
-            --bg-deep: #010102; --bg-main: #08090a; --bg-panel: #0f1011;
-            --bg-elevated: #191a1b; --bg-surface: #28282c;
-            --text-primary: #f7f8f8; --text-secondary: #d0d6e0;
-            --text-tertiary: #8a8f98; --text-quaternary: #62666d;
-            --border-subtle: rgba(255,255,255,0.12);
-            --border-standard: rgba(255,255,255,0.18);
-            --border-prominent: rgba(255,255,255,0.22);
-            --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
-            --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
-            --sp-9: 80px; --sp-10: 120px;
-            --r-sm: 4px; --r-md: 6px; --r-lg: 8px; --r-xl: 12px; --r-2xl: 16px;
+      :root {
+        --bg: #0a0a0a;
+        --bg-elevated: #111113;
+        --bg-subtle: #18181b;
+        --text: #fafafa;
+        --text-secondary: #a1a1aa;
+        --text-muted: #71717a;
+        --accent: #3b82f6;
+        --accent-hover: #60a5fa;
+        --border: rgba(255, 255, 255, 0.06);
+        --border-hover: rgba(255, 255, 255, 0.12);
+        --radius: 8px;
+        --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+      }
+
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+      }
+
+      html {
+        scroll-behavior: smooth;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+      }
+
+      body {
+        font-family:
+          "Inter",
+          "Noto Sans SC",
+          -apple-system,
+          sans-serif;
+        background: var(--bg);
+        color: var(--text);
+        line-height: 1.6;
+        overflow-x: hidden;
+      }
+
+      /* Background Effects */
+      .bg-effects {
+        position: fixed;
+        inset: 0;
+        z-index: -1;
+        overflow: hidden;
+        pointer-events: none;
+      }
+
+      .bg-gradient-1 {
+        position: absolute;
+        top: -50%;
+        left: -20%;
+        width: 80%;
+        height: 100%;
+        background: radial-gradient(
+          ellipse,
+          rgba(59, 130, 246, 0.12) 0%,
+          transparent 60%
+        );
+        filter: blur(80px);
+        animation: float1 20s ease-in-out infinite;
+      }
+
+      .bg-gradient-2 {
+        position: absolute;
+        bottom: -30%;
+        right: -10%;
+        width: 60%;
+        height: 80%;
+        background: radial-gradient(
+          ellipse,
+          rgba(139, 92, 246, 0.1) 0%,
+          transparent 60%
+        );
+        filter: blur(80px);
+        animation: float2 25s ease-in-out infinite;
+      }
+
+      .bg-gradient-3 {
+        position: absolute;
+        top: 40%;
+        left: 30%;
+        width: 40%;
+        height: 60%;
+        background: radial-gradient(
+          ellipse,
+          rgba(59, 130, 246, 0.08) 0%,
+          transparent 50%
+        );
+        filter: blur(60px);
+        animation: float3 15s ease-in-out infinite;
+      }
+
+      .bg-grid {
+        position: absolute;
+        inset: 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;
+        mask-image: radial-gradient(
+          ellipse at center,
+          black 0%,
+          transparent 70%
+        );
+        -webkit-mask-image: radial-gradient(
+          ellipse at center,
+          black 0%,
+          transparent 70%
+        );
+      }
+
+      .bg-glow {
+        position: absolute;
+        top: 20%;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 600px;
+        height: 600px;
+        background: radial-gradient(
+          circle,
+          rgba(59, 130, 246, 0.15) 0%,
+          transparent 70%
+        );
+        filter: blur(60px);
+        animation: pulse 8s ease-in-out infinite;
+      }
+
+      /* Floating Particles */
+      .particles {
+        position: absolute;
+        inset: 0;
+        overflow: hidden;
+      }
+
+      .particle {
+        position: absolute;
+        width: 3px;
+        height: 3px;
+        background: rgba(59, 130, 246, 0.4);
+        border-radius: 50%;
+        animation: particleFloat 15s linear infinite;
+      }
+
+      .particle:nth-child(1) {
+        left: 10%;
+        top: 20%;
+        animation-delay: 0s;
+        animation-duration: 20s;
+      }
+      .particle:nth-child(2) {
+        left: 20%;
+        top: 60%;
+        animation-delay: -3s;
+        animation-duration: 25s;
+      }
+      .particle:nth-child(3) {
+        left: 35%;
+        top: 30%;
+        animation-delay: -6s;
+        animation-duration: 18s;
+      }
+      .particle:nth-child(4) {
+        left: 50%;
+        top: 70%;
+        animation-delay: -9s;
+        animation-duration: 22s;
+      }
+      .particle:nth-child(5) {
+        left: 65%;
+        top: 25%;
+        animation-delay: -12s;
+        animation-duration: 28s;
+      }
+      .particle:nth-child(6) {
+        left: 75%;
+        top: 55%;
+        animation-delay: -15s;
+        animation-duration: 24s;
+      }
+      .particle:nth-child(7) {
+        left: 85%;
+        top: 35%;
+        animation-delay: -18s;
+        animation-duration: 19s;
+      }
+      .particle:nth-child(8) {
+        left: 15%;
+        top: 80%;
+        animation-delay: -4s;
+        animation-duration: 26s;
+      }
+      .particle:nth-child(9) {
+        left: 45%;
+        top: 45%;
+        animation-delay: -8s;
+        animation-duration: 21s;
+      }
+      .particle:nth-child(10) {
+        left: 90%;
+        top: 15%;
+        animation-delay: -11s;
+        animation-duration: 23s;
+      }
+
+      @keyframes particleFloat {
+        0% {
+          transform: translateY(100vh) scale(0);
+          opacity: 0;
         }
-        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
-        html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
-        body {
-            font-family: 'Inter', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
-            font-feature-settings: 'cv01', 'ss03';
-            background: var(--bg-main); color: var(--text-primary);
-            line-height: 1.6; overflow-x: hidden;
-            -webkit-font-smoothing: antialiased;
+        10% {
+          opacity: 1;
         }
-        .display-xl { font-size: clamp(48px, 7vw, 88px); font-weight: 900; line-height: 1.02; letter-spacing: -0.03em; }
-        .display-lg { font-size: clamp(36px, 5vw, 64px); font-weight: 800; line-height: 1.05; letter-spacing: -0.025em; }
-        .heading-lg { font-size: clamp(24px, 3vw, 40px); font-weight: 700; line-height: 1.1; letter-spacing: -0.015em; }
-        .body-lg { font-size: clamp(16px, 1.2vw, 18px); font-weight: 400; line-height: 1.7; color: var(--text-secondary); }
-        .body-md { font-size: 15px; font-weight: 400; line-height: 1.65; color: var(--text-tertiary); }
-        .caption { font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: var(--text-quaternary); }
-        .metric { font-size: clamp(40px, 5vw, 72px); font-weight: 900; line-height: 1; letter-spacing: -0.04em; }
-        .container { max-width: 1200px; margin: 0 auto; padding: 0 var(--sp-5); position: relative; z-index: 2; }
-        .grain { position: fixed; inset: -50%; width: 200%; height: 200%; z-index: 9999; pointer-events: none; opacity: 0.02; 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='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
-        @keyframes grain { 0% { transform: translate(0,0); } 100% { transform: translate(-10%,10%); } }
-        
-        nav { position: fixed; top: 0; width: 100%; z-index: 1000; padding: var(--sp-4) 0; background: rgba(8,9,10,0.92); border-bottom: 1px solid var(--border-subtle); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
-        nav.scrolled { padding: var(--sp-2) 0; background: rgba(8,9,10,0.95); }
-        .nav-inner { max-width: 1200px; margin: 0 auto; padding: 0 var(--sp-5); display: flex; justify-content: space-between; align-items: center; }
-        .logo { font-size: 12px; font-weight: 800; letter-spacing: 0.2em; color: var(--text-primary); text-transform: uppercase; }
-        .nav-links { display: flex; gap: var(--sp-7); }
-        .nav-links a { color: var(--text-tertiary); text-decoration: none; font-size: 12px; font-weight: 510; letter-spacing: 0.04em; transition: color 0.3s ease; }
-        .nav-links a:hover { color: var(--text-primary); }
-        .hero { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; }
-        #hero-canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
-        .hero-poster { position: absolute; inset: 0; z-index: 0; background-image: url('assets/hero-poster.jpg?v=3'); background-size: cover; background-position: center; }
-        @keyframes heroZoom { from { transform: scale(1.05); } to { transform: scale(1.12); } }
-        .hero-overlay { position: absolute; inset: 0; z-index: 2; background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.3) 60%, var(--bg-main) 100%); pointer-events: none; }
-        .hero-content { position: relative; z-index: 10; text-align: center; max-width: 900px; padding: 0 var(--sp-5); }
-        .hero-line { width: 40px; height: 1px; background: rgba(255,255,255,0.3); margin: 0 auto var(--sp-6); opacity: 0; animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards; }
-        .hero-title { opacity: 0; animation: fadeUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards; }
-        .hero-sub { margin-top: var(--sp-6); font-size: clamp(15px, 1.3vw, 17px); font-weight: 400; color: var(--text-secondary); max-width: 560px; margin-left: auto; margin-right: auto; line-height: 1.75; opacity: 0; animation: fadeUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards; }
-        .hero-cta { margin-top: var(--sp-7); opacity: 0; animation: fadeUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.7s forwards; }
-        .btn-primary { display: inline-flex; align-items: center; gap: var(--sp-2); padding: 14px 32px; background: var(--text-primary); color: var(--bg-main); text-decoration: none; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; border-radius: var(--r-md); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); border: 1px solid transparent; }
-        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(255,255,255,0.12); }
-        .btn-ghost { display: inline-flex; align-items: center; padding: 14px 32px; background: rgba(255,255,255,0.03); color: var(--text-secondary); text-decoration: none; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; border-radius: var(--r-md); border: 1px solid var(--border-subtle); transition: all 0.3s ease; margin-left: var(--sp-3); }
-        .btn-ghost:hover { background: rgba(255,255,255,0.06); color: var(--text-primary); border-color: var(--border-standard); }
-        .scroll-indicator { position: absolute; bottom: var(--sp-7); left: 50%; transform: translateX(-50%); z-index: 10; width: 1px; height: 48px; background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.2), transparent); animation: scrollPulse 3s ease-in-out infinite; }
-        @keyframes scrollPulse { 0%, 100% { opacity: 0; transform: translateX(-50%) scaleY(0.5); } 50% { opacity: 1; transform: translateX(-50%) scaleY(1); } }
-        @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
-        section { padding: var(--sp-10) 0; position: relative; }
-        .section-header { max-width: 640px; margin-bottom: var(--sp-8); }
-        .section-header .caption { display: flex; align-items: center; gap: var(--sp-3); margin-bottom: var(--sp-4); }
-        .section-header .caption::before { content: ''; width: 20px; height: 1px; background: var(--text-quaternary); }
-        #pain-points { background: var(--bg-main); }
-        .pain-bg-grid { position: absolute; inset: 0; 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: 80px 80px; pointer-events: none; }
-        .pain-glow { position: absolute; top: 20%; left: 50%; width: 800px; height: 800px; transform: translate(-50%, -50%); background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%); pointer-events: none; }
-        .pain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; position: relative; }
-        .pain-item { background: rgba(255,255,255,0.04); padding: var(--sp-7) var(--sp-6); border: 1px solid var(--border-subtle); position: relative; min-height: 320px; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
-        .pain-item:hover { background: rgba(255,255,255,0.07); border-color: var(--border-standard); }
-        .pain-icon { width: 32px; height: 32px; opacity: 0.4; margin-bottom: var(--sp-6); transition: opacity 0.4s ease; }
-        .pain-item:hover .pain-icon { opacity: 0.6; }
-        .pain-icon svg { width: 100%; height: 100%; }
-        .pain-icon svg line, .pain-icon svg path, .pain-icon svg rect, .pain-icon svg circle, .pain-icon svg polyline { stroke: #fff; stroke-width: 1.2; fill: none; }
-        .pain-item h3 { font-size: 18px; font-weight: 800; line-height: 1.3; letter-spacing: -0.01em; margin-bottom: var(--sp-3); color: var(--text-primary); }
-        .pain-item p { font-size: 14px; color: var(--text-tertiary); line-height: 1.7; }
-        .pain-num { position: absolute; bottom: var(--sp-4); right: var(--sp-5); font-size: 72px; font-weight: 900; color: rgba(255,255,255,0.10); line-height: 1; letter-spacing: -0.04em; }
-        .pain-highlight { grid-column: 1 / -1; min-height: auto; padding: var(--sp-8) var(--sp-7); background: rgba(255,255,255,0.04); border-color: var(--border-subtle); display: flex; align-items: center; gap: var(--sp-7); }
-        .pain-highlight .highlight-body { flex: 1; }
-        .pain-highlight h3 { font-size: clamp(24px, 3vw, 36px); font-weight: 900; letter-spacing: -0.02em; margin-bottom: var(--sp-3); }
-        .pain-highlight p { font-size: 16px; color: var(--text-secondary); line-height: 1.8; max-width: 600px; }
-        .pain-highlight .pain-num { position: relative; bottom: auto; right: auto; font-size: 120px; opacity: 0.12; flex-shrink: 0; }
-        #solutions { background: var(--bg-panel); border-top: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle); }
-        .service-row { display: grid; grid-template-columns: 1fr 1.2fr; gap: var(--sp-8); align-items: center; margin-bottom: var(--sp-10); }
-        .service-row.reverse { direction: rtl; }
-        .service-row.reverse > * { direction: ltr; }
-        .service-row:last-child { margin-bottom: 0; }
-        .service-text .service-metric { margin-bottom: var(--sp-2); background: linear-gradient(135deg, var(--text-primary) 0%, var(--text-tertiary) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
-        .service-text h3 { margin-bottom: var(--sp-4); color: var(--text-primary); }
-        .service-text p { font-size: 16px; color: var(--text-secondary); line-height: 1.8; max-width: 480px; margin-top: var(--sp-3); }
-        .service-closer { margin-top: var(--sp-5) !important; padding-top: var(--sp-4) !important; border-top: 1px solid var(--border-subtle) !important; font-size: 14px !important; color: var(--text-quaternary) !important; font-style: italic; }
-        .service-img { height: 480px; border-radius: var(--r-xl); overflow: hidden; background: var(--bg-elevated); border: 1px solid var(--border-subtle); }
-        .service-img img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(60%) brightness(0.85) contrast(1.1); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
-        .service-img:hover img { transform: scale(1.03); filter: grayscale(40%) brightness(0.9) contrast(1.15); }
-        #approach { background: var(--bg-main); }
-        .approach-list { max-width: 800px; }
-        .approach-item { display: flex; gap: var(--sp-6); padding: var(--sp-6) 0; border-bottom: 1px solid var(--border-subtle); align-items: flex-start; }
-        .approach-item:last-child { border-bottom: none; }
-        .approach-num { font-size: 13px; font-weight: 600; color: var(--text-quaternary); font-family: 'JetBrains Mono', monospace; letter-spacing: 0.05em; padding-top: 4px; min-width: 32px; }
-        .approach-body h3 { font-size: 20px; font-weight: 700; letter-spacing: -0.01em; margin-bottom: var(--sp-2); color: var(--text-primary); }
-        .approach-body p { font-size: 15px; color: var(--text-tertiary); line-height: 1.7; }
-        #geo { background: var(--bg-panel); border-top: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle); }
-        .geo-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: var(--sp-8); align-items: center; }
-        .geo-bridge { font-size: 12px; font-weight: 600; color: var(--text-quaternary); letter-spacing: 0.15em; text-transform: uppercase; display: flex; align-items: center; gap: var(--sp-3); margin-bottom: var(--sp-4); }
-        .geo-bridge::before { content: ''; width: 24px; height: 1px; background: var(--text-quaternary); }
-        .geo-quote { margin-top: var(--sp-6); padding: var(--sp-5); background: rgba(255,255,255,0.04); border-left: 2px solid var(--border-prominent); border-radius: 0 var(--r-md) var(--r-md) 0; }
-        .geo-quote p { font-size: 16px; color: var(--text-secondary); line-height: 1.7; font-style: italic; }
-        #contact { background: var(--bg-main); }
-        .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-8); align-items: start; }
-        .contact-form { display: flex; flex-direction: column; gap: var(--sp-4); }
-        .contact-form label { display: block; font-size: 11px; font-weight: 600; color: var(--text-quaternary); letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: var(--sp-2); }
-        .contact-form input, .contact-form textarea { width: 100%; padding: 14px 16px; background: rgba(255,255,255,0.05); border: 1px solid var(--border-subtle); border-radius: var(--r-md); color: var(--text-primary); font-size: 15px; font-family: inherit; transition: all 0.3s ease; }
-        .contact-form input:focus, .contact-form textarea:focus { outline: none; border-color: var(--border-prominent); background: rgba(255,255,255,0.07); box-shadow: 0 0 0 3px rgba(255,255,255,0.03); }
-        .contact-form textarea { min-height: 100px; resize: vertical; }
-        .contact-form input::placeholder, .contact-form textarea::placeholder { color: var(--text-quaternary); }
-        .contact-submit button { padding: 14px 40px; background: var(--text-primary); color: var(--bg-main); border: none; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; border-radius: var(--r-md); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); width: 100%; }
-        .contact-submit button:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(255,255,255,0.1); }
-        .contact-submit button:disabled { opacity: 0.5; cursor: default; transform: none; box-shadow: none; }
-        .form-status { text-align: center; font-size: 13px; min-height: 20px; }
-        .form-status.ok { color: #27a644; }
-        .form-status.err { color: #ff5b4f; }
-        footer { padding: var(--sp-8) 0; text-align: center; background: var(--bg-deep); border-top: 1px solid var(--border-subtle); }
-        footer .caption { color: var(--text-quaternary); margin-bottom: var(--sp-3); }
-        footer .company { font-size: 14px; font-weight: 600; color: var(--text-tertiary); }
-        footer .copy { margin-top: var(--sp-3); font-size: 10px; color: var(--text-quaternary); letter-spacing: 0.08em; }
-        .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
-        .reveal.visible { opacity: 1; transform: translateY(0); }
-        .reveal-delay-1 { transition-delay: 0.08s; }
-        .reveal-delay-2 { transition-delay: 0.16s; }
-        .reveal-delay-3 { transition-delay: 0.24s; }
-        .reveal-delay-4 { transition-delay: 0.32s; }
-        .reveal-delay-5 { transition-delay: 0.4s; }
-        @media (max-width: 900px) {
-            :root { --sp-8: 48px; --sp-9: 64px; --sp-10: 80px; }
-            .nav-links { display: none; }
-            .container { padding: 0 var(--sp-4); }
-            .hero-content { max-width: 100%; }
-            .hero-sub { font-size: 15px; }
-            .btn-ghost { display: none; }
-            section { padding: var(--sp-9) 0; }
-            .section-header { margin-bottom: var(--sp-6); }
-            .pain-grid { display: flex; flex-direction: column; gap: 1px; }
-            .pain-item { min-height: auto; padding: var(--sp-6) var(--sp-4); border: none; border-top: 1px solid var(--border-subtle); background: transparent; }
-            .pain-item:first-child { border-top: none; }
-            .pain-icon { margin: 0 auto var(--sp-5); }
-            .pain-item h3 { font-size: 20px; text-align: center; }
-            .pain-item p { text-align: center; font-size: 14px; }
-            .pain-num { font-size: 64px; bottom: 12px; right: 12px; }
-            .pain-highlight { flex-direction: column; padding: var(--sp-6) var(--sp-4); gap: var(--sp-4); text-align: center; border-top: 1px solid var(--border-subtle); }
-            .pain-highlight .pain-num { position: relative; font-size: 80px; }
-            .service-row, .service-row.reverse { grid-template-columns: 1fr; gap: var(--sp-5); margin-bottom: var(--sp-8); direction: ltr; }
-            .service-row.reverse > * { direction: ltr; }
-            .service-img { height: 260px; order: -1; }
-            .service-text .service-metric { font-size: 48px; }
-            .approach-item { flex-direction: column; gap: var(--sp-2); padding: var(--sp-5) 0; }
-            .approach-num { font-size: 13px; }
-            .approach-body h3 { font-size: 18px; }
-            .geo-grid { grid-template-columns: 1fr; gap: var(--sp-6); }
-            .contact-grid { grid-template-columns: 1fr; gap: var(--sp-6); }
+        90% {
+          opacity: 1;
         }
-        @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }
-    
-        /* Hero Cycling Typography */
-        .hero-cycling {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            gap: 0.08em;
-            min-height: 1.2em;
+        100% {
+          transform: translateY(-100vh) scale(1);
+          opacity: 0;
         }
-        .hero-ai-text, .hero-x-text {
-            display: inline-block;
-            font-size: 1em;
-            font-weight: inherit;
+      }
+
+      /* Animated Gradient Border */
+      .gradient-border {
+        position: absolute;
+        inset: 0;
+        background: linear-gradient(
+          90deg,
+          transparent,
+          rgba(59, 130, 246, 0.1),
+          transparent
+        );
+        background-size: 200% 100%;
+        animation: gradientSlide 8s linear infinite;
+        opacity: 0.5;
+      }
+
+      @keyframes gradientSlide {
+        0% {
+          background-position: -200% 0;
         }
-        .hero-plus-sign {
-            display: inline-block;
-            transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1),
-                        opacity 0.3s ease;
+        100% {
+          background-position: 200% 0;
         }
-        .hero-plus-sign.to-x {
-            transform: rotate(45deg);
+      }
+
+      /* Section Glow Dividers */
+      .section-glow {
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 800px;
+        height: 2px;
+        background: linear-gradient(
+          90deg,
+          transparent,
+          rgba(59, 130, 246, 0.3),
+          transparent
+        );
+        filter: blur(1px);
+      }
+
+      @keyframes float1 {
+        0%,
+        100% {
+          transform: translate(0, 0);
         }
-        .hero-industry-wrap {
-            display: inline-block;
-            position: relative;
-            width: 3em;
-            overflow: hidden;
-            height: 1.1em;
-            vertical-align: bottom;
-            text-align: left;
+        50% {
+          transform: translate(5%, 3%);
         }
-        .hero-industry-text {
-            display: inline-block;
-            transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
-                        opacity 0.2s ease;
+      }
+
+      @keyframes float2 {
+        0%,
+        100% {
+          transform: translate(0, 0);
         }
-        .hero-industry-text.slide-out {
-            transform: translateY(-110%);
-            opacity: 0;
+        50% {
+          transform: translate(-3%, -5%);
         }
-        .hero-industry-text.slide-in {
-            transform: translateY(110%);
-            opacity: 0;
+      }
+
+      @keyframes float3 {
+        0%,
+        100% {
+          transform: translate(0, 0);
         }
-        .hero-industry-text.show {
-            transform: translateY(0);
-            opacity: 1;
+        50% {
+          transform: translate(3%, -3%);
         }
-        /* Merge phase */
-        .hero-industry-text.merge-out {
-            transform: translateY(-80%) scale(0.6);
-            opacity: 0;
-            filter: blur(6px);
-            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
+      }
+
+      @keyframes pulse {
+        0%,
+        100% {
+          opacity: 0.5;
+          transform: translateX(-50%) scale(1);
         }
-        .hero-ai-text.merge-in {
-            animation: aiGlow 0.6s ease;
+        50% {
+          opacity: 0.8;
+          transform: translateX(-50%) scale(1.1);
         }
-        @keyframes aiGlow {
-            0% { opacity: 1; }
-            30% { opacity: 0.4; filter: blur(4px); }
-            100% { opacity: 1; filter: blur(0); }
+      }
+
+      .container {
+        max-width: 1200px;
+        margin: 0 auto;
+        padding: 0 clamp(24px, 5vw, 64px);
+      }
+
+      /* Navigation */
+      nav {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        z-index: 100;
+        height: 80px;
+        background: rgba(10, 10, 10, 0.8);
+        backdrop-filter: blur(20px);
+        border-bottom: 1px solid var(--border);
+        transition: var(--transition);
+      }
+
+      nav.scrolled {
+        height: 64px;
+        background: rgba(10, 10, 10, 0.95);
+      }
+
+      .nav-inner {
+        max-width: 1200px;
+        margin: 0 auto;
+        padding: 0 clamp(24px, 5vw, 64px);
+        height: 100%;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+
+      .logo {
+        display: flex;
+        align-items: center;
+        text-decoration: none;
+        height: 32px;
+      }
+
+      .logo img {
+        height: 32px;
+        width: auto;
+        display: block;
+      }
+
+      nav.scrolled .logo {
+        height: 32px;
+      }
+
+      nav.scrolled .logo img {
+        height: 32px;
+      }
+
+      .nav-links {
+        display: flex;
+        gap: 40px;
+      }
+
+      .nav-links a {
+        font-size: 14px;
+        font-weight: 500;
+        color: var(--text-secondary);
+        text-decoration: none;
+        transition: var(--transition);
+      }
+
+      .nav-links a:hover {
+        color: var(--text);
+      }
+
+      .nav-cta {
+        display: inline-flex;
+        align-items: center;
+        gap: 8px;
+        padding: 10px 20px;
+        background: var(--text);
+        color: var(--bg);
+        font-size: 13px;
+        font-weight: 600;
+        text-decoration: none;
+        border-radius: var(--radius);
+        transition: var(--transition);
+      }
+
+      .nav-cta:hover {
+        transform: translateY(-1px);
+        box-shadow: 0 4px 20px rgba(255, 255, 255, 0.15);
+      }
+
+      /* Hero */
+      .hero {
+        min-height: 100vh;
+        display: flex;
+        align-items: center;
+        padding: 120px 0 80px;
+        position: relative;
+      }
+
+      .hero::before {
+        content: "";
+        position: absolute;
+        top: 0;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 100%;
+        max-width: 800px;
+        height: 600px;
+        background: radial-gradient(
+          ellipse,
+          rgba(59, 130, 246, 0.15) 0%,
+          transparent 70%
+        );
+        pointer-events: none;
+      }
+
+      /* Floating Decorations */
+      .hero-deco {
+        position: absolute;
+        pointer-events: none;
+        z-index: 0;
+      }
+
+      .deco-1 {
+        top: 25%;
+        left: 10%;
+        width: 60px;
+        height: 60px;
+        border: 1px solid rgba(59, 130, 246, 0.3);
+        border-radius: 50%;
+        animation: floatDeco 12s ease-in-out infinite;
+      }
+
+      .deco-2 {
+        top: 35%;
+        right: 12%;
+        width: 80px;
+        height: 80px;
+        border: 1px solid rgba(139, 92, 246, 0.25);
+        transform: rotate(45deg);
+        animation: floatDeco 15s ease-in-out 2s infinite;
+      }
+
+      .deco-3 {
+        bottom: 30%;
+        left: 15%;
+        width: 40px;
+        height: 40px;
+        background: rgba(59, 130, 246, 0.15);
+        border-radius: 50%;
+        animation: floatDeco 10s ease-in-out 1s infinite;
+      }
+
+      .deco-4 {
+        bottom: 25%;
+        right: 18%;
+        width: 100px;
+        height: 1px;
+        background: linear-gradient(
+          90deg,
+          transparent,
+          rgba(59, 130, 246, 0.4),
+          transparent
+        );
+        animation: floatDeco 18s ease-in-out 3s infinite;
+      }
+
+      .deco-5 {
+        top: 50%;
+        left: 5%;
+        width: 1px;
+        height: 120px;
+        background: linear-gradient(
+          180deg,
+          transparent,
+          rgba(139, 92, 246, 0.35),
+          transparent
+        );
+        animation: floatDeco 14s ease-in-out 0.5s infinite;
+      }
+
+      @keyframes floatDeco {
+        0%,
+        100% {
+          transform: translateY(0) rotate(0deg);
+          opacity: 0.5;
         }
-        /* Final merged state: AI X centered with gap */
-        .hero-cycling.merged {
-            gap: 0.15em;
+        50% {
+          transform: translateY(-20px) rotate(5deg);
+          opacity: 1;
         }
-        .hero-cycling.merged .hero-industry-wrap {
-            width: 0;
-            height: 0;
-            overflow: hidden;
+      }
+
+      .hero-content {
+        max-width: 900px;
+        margin: 0 auto;
+        text-align: center;
+        position: relative;
+        z-index: 1;
+      }
+
+      .hero-badge {
+        display: inline-flex;
+        align-items: center;
+        gap: 8px;
+        padding: 8px 16px;
+        background: var(--bg-elevated);
+        border: 1px solid var(--border);
+        border-radius: 100px;
+        font-size: 12px;
+        font-weight: 500;
+        color: var(--text-secondary);
+        margin-bottom: 32px;
+        opacity: 0;
+        transform: translateY(20px);
+        animation: fadeUp 0.8s ease forwards;
+      }
+
+      .hero-badge::before {
+        content: "";
+        width: 6px;
+        height: 6px;
+        background: var(--accent);
+        border-radius: 50%;
+      }
+
+      .hero-title {
+        font-family: "Space Grotesk", sans-serif;
+        font-size: clamp(48px, 8vw, 88px);
+        font-weight: 700;
+        line-height: 1.05;
+        letter-spacing: -0.03em;
+        margin-bottom: 24px;
+        opacity: 0;
+        transform: translateY(20px);
+        animation: fadeUp 0.8s ease 0.1s forwards;
+      }
+
+      .hero-title .accent {
+        color: var(--accent);
+      }
+
+      .hero-subtitle {
+        font-size: clamp(18px, 2vw, 22px);
+        color: var(--text-secondary);
+        max-width: 600px;
+        margin: 0 auto 48px;
+        line-height: 1.7;
+        opacity: 0;
+        transform: translateY(20px);
+        animation: fadeUp 0.8s ease 0.2s forwards;
+      }
+
+      .hero-actions {
+        display: flex;
+        gap: 16px;
+        justify-content: center;
+        flex-wrap: wrap;
+        opacity: 0;
+        transform: translateY(20px);
+        animation: fadeUp 0.8s ease 0.3s forwards;
+      }
+
+      .btn-primary {
+        display: inline-flex;
+        align-items: center;
+        gap: 8px;
+        padding: 16px 32px;
+        background: var(--text);
+        color: var(--bg);
+        font-size: 15px;
+        font-weight: 600;
+        text-decoration: none;
+        border-radius: var(--radius);
+        transition: var(--transition);
+        border: none;
+        cursor: pointer;
+      }
+
+      .btn-primary:hover {
+        transform: translateY(-3px);
+        box-shadow:
+          0 12px 40px rgba(59, 130, 246, 0.3),
+          0 0 20px rgba(59, 130, 246, 0.2);
+      }
+
+      .btn-secondary {
+        display: inline-flex;
+        align-items: center;
+        gap: 8px;
+        padding: 16px 32px;
+        background: transparent;
+        color: var(--text);
+        font-size: 15px;
+        font-weight: 500;
+        text-decoration: none;
+        border-radius: var(--radius);
+        border: 1px solid var(--border);
+        transition: var(--transition);
+        cursor: pointer;
+      }
+
+      .btn-secondary:hover {
+        border-color: var(--border-hover);
+        background: var(--bg-elevated);
+      }
+
+      .hero-metrics {
+        display: flex;
+        justify-content: center;
+        gap: 64px;
+        margin-top: 80px;
+        padding-top: 48px;
+        border-top: 1px solid var(--border);
+        opacity: 0;
+        transform: translateY(20px);
+        animation: fadeUp 0.8s ease 0.4s forwards;
+      }
+
+      .metric {
+        text-align: center;
+      }
+
+      .metric-value {
+        font-family: "Space Grotesk", sans-serif;
+        font-size: clamp(36px, 5vw, 48px);
+        font-weight: 700;
+        letter-spacing: -0.02em;
+        color: var(--text);
+      }
+
+      .metric-label {
+        font-size: 13px;
+        color: var(--text-muted);
+        margin-top: 4px;
+      }
+
+      /* Section */
+      section {
+        padding: clamp(80px, 12vw, 160px) 0;
+      }
+
+      .section-header {
+        max-width: 640px;
+        margin-bottom: 64px;
+        position: relative;
+      }
+
+      .section-header::after {
+        content: "";
+        position: absolute;
+        top: -20px;
+        left: -40px;
+        width: 100px;
+        height: 100px;
+        background: radial-gradient(
+          circle,
+          rgba(59, 130, 246, 0.1) 0%,
+          transparent 70%
+        );
+        filter: blur(20px);
+        opacity: 0;
+        transition: opacity 0.8s ease;
+        pointer-events: none;
+      }
+
+      .section-header.reveal.visible::after {
+        opacity: 1;
+      }
+
+      .section-label {
+        font-size: 12px;
+        font-weight: 600;
+        letter-spacing: 0.1em;
+        text-transform: uppercase;
+        color: var(--accent);
+        margin-bottom: 16px;
+      }
+
+      .section-title {
+        font-family: "Space Grotesk", sans-serif;
+        font-size: clamp(32px, 5vw, 48px);
+        font-weight: 700;
+        line-height: 1.1;
+        letter-spacing: -0.02em;
+        margin-bottom: 16px;
+      }
+
+      .section-desc {
+        font-size: 16px;
+        color: var(--text-secondary);
+        line-height: 1.7;
+      }
+
+      /* Pain Points */
+      .pain-points {
+        background: var(--bg);
+      }
+
+      .pain-grid {
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        gap: 24px;
+      }
+
+      .pain-card {
+        padding: 40px;
+        background: var(--bg-elevated);
+        border: 1px solid var(--border);
+        border-radius: 12px;
+        transition: var(--transition);
+      }
+
+      .pain-card:hover {
+        border-color: rgba(59, 130, 246, 0.4);
+        transform: translateY(-8px);
+        box-shadow:
+          0 20px 60px rgba(59, 130, 246, 0.15),
+          0 0 30px rgba(59, 130, 246, 0.05);
+      }
+
+      .pain-icon {
+        width: 48px;
+        height: 48px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: var(--bg-subtle);
+        border-radius: 10px;
+        margin-bottom: 24px;
+      }
+
+      .pain-icon svg {
+        width: 24px;
+        height: 24px;
+        stroke: var(--text-secondary);
+      }
+
+      .pain-title {
+        font-size: 18px;
+        font-weight: 600;
+        margin-bottom: 12px;
+        color: var(--text);
+      }
+
+      .pain-desc {
+        font-size: 14px;
+        color: var(--text-secondary);
+        line-height: 1.7;
+      }
+
+      /* Solutions */
+      .solutions {
+        background: var(--bg-elevated);
+      }
+
+      .solution-grid {
+        display: grid;
+        grid-template-columns: repeat(2, 1fr);
+        gap: 24px;
+      }
+
+      .solution-card {
+        padding: 40px 36px;
+        background: var(--bg);
+        border: 1px solid var(--border);
+        border-radius: 12px;
+        position: relative;
+        overflow: hidden;
+        transition: var(--transition);
+      }
+
+      .solution-card::before {
+        content: "";
+        position: absolute;
+        inset: 0;
+        background: linear-gradient(
+          135deg,
+          rgba(59, 130, 246, 0.1) 0%,
+          transparent 50%
+        );
+        opacity: 0;
+        transition: var(--transition);
+      }
+
+      .solution-card::after {
+        content: "";
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        height: 2px;
+        background: linear-gradient(
+          90deg,
+          transparent,
+          var(--accent),
+          transparent
+        );
+        opacity: 0;
+        transition: var(--transition);
+      }
+
+      .solution-card:hover::before {
+        opacity: 1;
+      }
+
+      .solution-card:hover::after {
+        opacity: 1;
+      }
+
+      .solution-card:hover {
+        border-color: rgba(59, 130, 246, 0.5);
+        transform: translateY(-10px);
+        box-shadow:
+          0 25px 80px rgba(59, 130, 246, 0.2),
+          0 0 40px rgba(59, 130, 246, 0.08);
+      }
+
+      .solution-num {
+        font-family: "Space Grotesk", sans-serif;
+        font-size: 64px;
+        font-weight: 700;
+        color: var(--bg-subtle);
+        line-height: 1;
+        margin-bottom: 24px;
+      }
+
+      .solution-title {
+        font-family: "Space Grotesk", sans-serif;
+        font-size: 22px;
+        font-weight: 600;
+        margin-bottom: 12px;
+      }
+
+      .solution-desc {
+        font-size: 14px;
+        color: var(--text-secondary);
+        line-height: 1.7;
+        margin-bottom: 24px;
+      }
+
+      .solution-features {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 8px;
+      }
+
+      .solution-tag {
+        padding: 6px 12px;
+        background: var(--bg-elevated);
+        border-radius: 100px;
+        font-size: 12px;
+        color: var(--text-muted);
+      }
+
+      /* Approach */
+      .approach {
+        background: var(--bg);
+      }
+
+      .approach-list {
+        max-width: 800px;
+      }
+
+      .approach-item {
+        display: grid;
+        grid-template-columns: 80px 1fr;
+        gap: 32px;
+        padding: 40px 0;
+        border-bottom: 1px solid var(--border);
+        align-items: start;
+        position: relative;
+        transition: var(--transition);
+      }
+
+      .approach-item::before {
+        content: "";
+        position: absolute;
+        left: 0;
+        top: 0;
+        bottom: 0;
+        width: 2px;
+        background: linear-gradient(180deg, var(--accent), transparent);
+        opacity: 0;
+        transition: var(--transition);
+      }
+
+      .approach-item:hover::before {
+        opacity: 1;
+      }
+
+      .approach-item:hover {
+        padding-left: 20px;
+        background: rgba(59, 130, 246, 0.02);
+      }
+
+      .approach-item:last-child {
+        border-bottom: none;
+      }
+
+      .approach-num {
+        font-family: "Space Grotesk", sans-serif;
+        font-size: 14px;
+        font-weight: 600;
+        color: var(--accent);
+        letter-spacing: 0.05em;
+      }
+
+      .approach-content h3 {
+        font-size: 20px;
+        font-weight: 600;
+        margin-bottom: 8px;
+      }
+
+      .approach-content p {
+        font-size: 15px;
+        color: var(--text-secondary);
+        line-height: 1.7;
+      }
+
+      /* CTA */
+      .cta {
+        background: var(--bg-elevated);
+        text-align: center;
+        position: relative;
+        overflow: hidden;
+      }
+
+      .cta::before {
+        content: "";
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: 600px;
+        height: 400px;
+        background: radial-gradient(
+          ellipse,
+          rgba(59, 130, 246, 0.12) 0%,
+          transparent 70%
+        );
+        pointer-events: none;
+      }
+
+      .cta-content {
+        max-width: 640px;
+        margin: 0 auto;
+        position: relative;
+        z-index: 1;
+      }
+
+      .cta-title {
+        font-family: "Space Grotesk", sans-serif;
+        font-size: clamp(32px, 5vw, 48px);
+        font-weight: 700;
+        line-height: 1.1;
+        letter-spacing: -0.02em;
+        margin-bottom: 16px;
+      }
+
+      .cta-desc {
+        font-size: 18px;
+        color: var(--text-secondary);
+        margin-bottom: 40px;
+      }
+
+      /* Contact Form */
+      .contact {
+        background: var(--bg);
+      }
+
+      .contact-grid {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 80px;
+        align-items: start;
+      }
+
+      .contact-info h2 {
+        font-family: "Space Grotesk", sans-serif;
+        font-size: clamp(32px, 4vw, 42px);
+        font-weight: 700;
+        line-height: 1.1;
+        letter-spacing: -0.02em;
+        margin-bottom: 20px;
+      }
+
+      .contact-info p {
+        font-size: 16px;
+        color: var(--text-secondary);
+        line-height: 1.7;
+        margin-bottom: 32px;
+      }
+
+      .contact-detail {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        margin-bottom: 16px;
+        font-size: 14px;
+        color: var(--text-secondary);
+      }
+
+      .contact-detail svg {
+        width: 20px;
+        height: 20px;
+        stroke: var(--text-muted);
+      }
+
+      .contact-form {
+        display: flex;
+        flex-direction: column;
+        gap: 20px;
+      }
+
+      .form-group {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+      }
+
+      .form-label {
+        font-size: 13px;
+        font-weight: 500;
+        color: var(--text-secondary);
+      }
+
+      .form-input {
+        padding: 14px 16px;
+        background: var(--bg-elevated);
+        border: 1px solid var(--border);
+        border-radius: var(--radius);
+        font-size: 15px;
+        color: var(--text);
+        font-family: inherit;
+        transition: var(--transition);
+      }
+
+      .form-input:focus {
+        outline: none;
+        border-color: var(--accent);
+        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+      }
+
+      .form-input::placeholder {
+        color: var(--text-muted);
+      }
+
+      textarea.form-input {
+        min-height: 120px;
+        resize: vertical;
+      }
+
+      .checkbox-group {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 12px;
+      }
+
+      .checkbox-item {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        padding: 10px 16px;
+        background: var(--bg-elevated);
+        border: 1px solid var(--border);
+        border-radius: var(--radius);
+        cursor: pointer;
+        transition: var(--transition);
+        user-select: none;
+      }
+
+      .checkbox-item:hover {
+        border-color: rgba(59, 130, 246, 0.4);
+        background: rgba(59, 130, 246, 0.05);
+      }
+
+      .checkbox-item input[type="checkbox"] {
+        position: absolute;
+        opacity: 0;
+        width: 0;
+        height: 0;
+      }
+
+      .checkbox-box {
+        width: 16px;
+        height: 16px;
+        border: 1.5px solid var(--text-muted);
+        border-radius: 3px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        transition: var(--transition);
+        flex-shrink: 0;
+      }
+
+      .checkbox-box::after {
+        content: "";
+        width: 8px;
+        height: 8px;
+        background: var(--accent);
+        border-radius: 1px;
+        opacity: 0;
+        transform: scale(0);
+        transition: var(--transition);
+      }
+
+      .checkbox-item input[type="checkbox"]:checked + .checkbox-box {
+        border-color: var(--accent);
+        background: rgba(59, 130, 246, 0.1);
+      }
+
+      .checkbox-item input[type="checkbox"]:checked + .checkbox-box::after {
+        opacity: 1;
+        transform: scale(1);
+      }
+
+      .checkbox-item input[type="checkbox"]:checked ~ .checkbox-label {
+        color: var(--text);
+      }
+
+      .checkbox-label {
+        font-size: 14px;
+        color: var(--text-secondary);
+        transition: var(--transition);
+      }
+
+      .char-count {
+        text-align: right;
+        font-size: 12px;
+        color: var(--text-muted);
+        margin-top: 4px;
+      }
+
+      .form-submit {
+        padding: 16px 32px;
+        background: var(--text);
+        color: var(--bg);
+        font-size: 15px;
+        font-weight: 600;
+        border: none;
+        border-radius: var(--radius);
+        cursor: pointer;
+        transition: var(--transition);
+      }
+
+      .form-submit:hover {
+        transform: translateY(-3px);
+        box-shadow:
+          0 12px 40px rgba(59, 130, 246, 0.3),
+          0 0 20px rgba(59, 130, 246, 0.2);
+      }
+
+      /* Footer */
+      footer {
+        padding: 48px 0;
+        background: var(--bg);
+        border-top: 1px solid var(--border);
+      }
+
+      .footer-inner {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+
+      .footer-left {
+        font-size: 13px;
+        color: var(--text-muted);
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+      }
+
+      .footer-left img {
+        height: 28px;
+        width: auto;
+        margin-bottom: 16px;
+        display: block;
+      }
+
+      .footer-links {
+        display: flex;
+        gap: 32px;
+      }
+
+      .footer-links a {
+        font-size: 13px;
+        color: var(--text-muted);
+        text-decoration: none;
+        transition: var(--transition);
+      }
+
+      .footer-links a:hover {
+        color: var(--text);
+      }
+
+      /* Animations */
+      @keyframes fadeUp {
+        from {
+          opacity: 0;
+          transform: translateY(20px);
         }
-        .hero-cycling.merged .hero-plus-sign {
-            font-size: 1em;
+        to {
+          opacity: 1;
+          transform: translateY(0);
         }
-        .hero-cycling.merged .hero-x-text {
-            opacity: 1;
-        }
-        .hero-x-text {
-            opacity: 0;
-            transition: opacity 0.5s ease;
-        }
-        .hero-x-text.visible {
-            opacity: 1;
+      }
+
+      /* Reveal Animation */
+      .reveal {
+        opacity: 0;
+        transform: translateY(30px);
+        transition:
+          opacity 0.8s ease,
+          transform 0.8s ease;
+      }
+
+      .reveal.visible {
+        opacity: 1;
+        transform: translateY(0);
+      }
+
+      /* Responsive */
+      @media (max-width: 900px) {
+        .nav-links {
+          display: none;
         }
 
+        .hero-metrics {
+          gap: 32px;
+        }
+
+        .pain-grid,
+        .solution-grid {
+          grid-template-columns: 1fr;
+        }
+
+        .approach-item {
+          grid-template-columns: 1fr;
+          gap: 8px;
+        }
+
+        .contact-grid {
+          grid-template-columns: 1fr;
+          gap: 48px;
+        }
+
+        .footer-inner {
+          flex-direction: column;
+          gap: 24px;
+        }
+      }
     </style>
-</head>
-<body>
-    
-    <nav><div class="nav-inner"><div class="logo">FISCHER</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"><div class="hero-poster"></div><div class="hero-overlay"></div><div class="hero-content"><div class="hero-line"></div><h1 class="display-xl hero-title">
-            <div class="hero-cycling" id="heroCycling">
-                <span class="hero-ai-text" id="heroAi">AI</span>
-                <span class="hero-plus-sign" id="heroPlus">+</span>
-                <span class="hero-industry-wrap">
-                    <span class="hero-industry-text show" id="heroIndustry">物业</span>
-                </span>
-                <span class="hero-x-text" id="heroX">X</span>
-            </div>
-        </h1><p class="hero-sub">在已运转的业务系统之上叠加 AI 智能层。2 周部署，零迁移成本，让旧系统拥有新大脑。</p><div class="hero-cta"><a href="#solutions" class="btn-primary">获取行业定制方案</a><a href="#pain-points" class="btn-ghost">了解痛点 &rarr;</a></div></div><div class="scroll-indicator"></div></div>
-    <section id="pain-points"><div class="pain-bg-grid"></div><div class="pain-glow"></div><div class="container"><div class="section-header reveal"><span class="caption">THE REAL PROBLEM</span><h2 class="display-lg">你的系统<br>正在偷走你的利润</h2><p class="body-lg" style="margin-top: var(--sp-4);">每一个你习以为常的流程背后，都藏着被浪费的成本和错失的机会。</p></div><div class="pain-grid"><div class="pain-item reveal reveal-delay-1"><div class="pain-icon"><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><div><h3>每年几十万数据录入费<br>换来零决策价值</h3><p>物业、资管、CRM 积累了海量数据，却像仓库里的积压库存。记录了一大堆，决策还是靠拍脑袋。</p></div><div class="pain-num">01</div></div><div class="pain-item reveal reveal-delay-2"><div class="pain-icon"><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"/><line x1="20" y1="16" x2="20" y2="24"/><line x1="32" y1="16" x2="32" y2="24"/></svg></div><div><h3>系统越多 盲区越大<br>管理者像盲人摸象</h3><p>报修、资产、客户分属不同系统。永远拼不出完整的业务全景，资源错配成了常态。</p></div><div class="pain-num">02</div></div><div class="pain-item reveal reveal-delay-3"><div class="pain-icon"><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><div><h3>高薪人才 70% 时间<br>耗在填表和派单</h3><p>招来的专业人才，精力被重复事务榨干。高射炮打蚊子，人效极低，人才流失率越来越高。</p></div><div class="pain-num">03</div></div><div class="pain-item reveal reveal-delay-1"><div class="pain-icon"><svg viewBox="0 0 40 40"><circle cx="20" cy="20" r="14"/><polyline points="20,10 20,20 26,24"/><line x1="6" y1="4" x2="6" y2="10"/><line x1="34" y1="4" x2="34" y2="10"/></svg></div><div><h3>报表出来时<br>损失已经发生</h3><p>空置率超标、客户流失、租金定价偏差……等月底报表出来，问题早已发生。企业永远在事后补救。</p></div><div class="pain-num">04</div></div><div class="pain-item reveal reveal-delay-2"><div class="pain-icon"><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><div><h3>推翻重来的项目<br>70% 超期超预算</h3><p>传统 AI 方案要求重建系统。周期长、风险高、员工抵触。一旦失败，前期投入全部打水漂。</p></div><div class="pain-num">05</div></div><div class="pain-item reveal reveal-delay-3"><div class="pain-icon"><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><div><h3>核心能力长在老员工脑子里<br>人走能力断</h3><p>招商经验、客户判断、定价策略全靠人。人一走，能力就断层。企业无法规模化复制成功经验。</p></div><div class="pain-num">06</div></div><div class="pain-item pain-highlight reveal"><div class="pain-num">&infin;</div><div class="highlight-body"><h3>破局之道</h3><p>不替换系统，不迁移数据，不改变流程。在现有基础设施之上叠加一层 AI&mdash;&mdash;让旧系统拥有新大脑。</p></div></div></div></div></section>
-    <section id="solutions"><div class="container"><div class="section-header reveal"><span class="caption">WHAT WE DO</span><h2 class="display-lg">把 AI 变成你的<br>核心生产力</h2><p class="body-lg" style="margin-top: var(--sp-4);">三个行业场景，一条相同逻辑：不替换，只增强。</p></div><div class="service-row reveal"><div class="service-text"><div class="metric service-metric">60%</div><h3 class="heading-lg">AI+物业<br>智能中枢</h3><p>工单自动分发，客诉响应提速 60%。在现有物业 ERP 之上叠加 AI 调度层——不改变任何原有流程。巡检路线自动规划、设备故障提前预警。你现有的系统不用换，但效率会翻倍。</p><p class="service-closer">"不是换系统，是让系统变聪明。"</p></div><div class="service-img"><img src="assets/prop.jpg?v=7" alt="Smart Building" loading="lazy"></div></div><div class="service-row reverse reveal"><div class="service-text"><div class="metric service-metric">90 天</div><h3 class="heading-lg">AI+资管<br>风控大脑</h3><p>空置率提前 90 天预警，租金定价误差收窄至 5%。无缝接入资管平台，让历史租赁数据变成预测模型。招商智能匹配、租约到期提醒。</p><p class="service-closer">资管不该靠直觉，该靠数据。</p></div><div class="service-img"><img src="assets/server.jpg?v=7" alt="Server Data" loading="lazy"></div></div><div class="service-row reveal"><div class="service-text"><div class="metric service-metric">40%</div><h3 class="heading-lg">AI+CRM<br>效率跃升</h3><p>线索自动清洗，销售人效提升 40%。为现有 CRM 配备 AI 助理——自动捕捉商机、生成对话摘要。销售无需学习新软件，打开原界面就能看到 AI 推荐。</p><p class="service-closer">"销售的时间应该花在客户身上，不是系统里。"</p></div><div class="service-img"><img src="assets/crm.jpg?v=7" alt="CRM" loading="lazy"></div></div></div></section>
-    <section id="approach"><div class="container"><div class="section-header reveal"><span class="caption">WHY FISCHER</span><h2 class="display-lg">菲西尔和其他<br>AI 公司有什么不同</h2></div><div class="approach-list"><div class="approach-item reveal reveal-delay-1"><div class="approach-num">01</div><div class="approach-body"><h3>不替换，只叠加</h3><p>通过 API 外挂 AI 层，不停服、不迁移、不改流程。员工用原来的界面，体验无缝升级。</p></div></div><div class="approach-item reveal reveal-delay-2"><div class="approach-num">02</div><div class="approach-body"><h3>让数据开口说话</h3><p>沉睡的历史数据自动转化为预测模型和决策建议。把事后统计变为事前预警。</p></div></div><div class="approach-item reveal reveal-delay-3"><div class="approach-num">03</div><div class="approach-body"><h3>让 AI 替你干活</h3><p>高频重复工作交给 AI Agent——智能客服、招商匹配、巡检规划自动运转，人只负责关键决策。</p></div></div><div class="approach-item reveal reveal-delay-4"><div class="approach-num">04</div><div class="approach-body"><h3>跨系统一屏掌控</h3><p>所有业务数据在 AI 层融合。一句自然语言就能查"本月哪些楼宇空置率超标"，告别手动汇总。</p></div></div><div class="approach-item reveal reveal-delay-5"><div class="approach-num">05</div><div class="approach-body"><h3>小步试错，大步扩张</h3><p>从单一场景试点，验证有效再扩展。每一步都可衡量投入产出，钱花在刀刃上。</p></div></div></div></div></section>
-    <section id="geo"><div class="container"><div class="geo-grid"><div class="reveal"><span class="caption">BEYOND EFFICIENCY</span><div class="geo-bridge">对内提效降本，对外重塑获客</div><h2 class="heading-lg" style="margin-bottom: var(--sp-4);">让用户在大模型里<br>第一个找到你</h2><p class="body-lg">当客户问 Kimi 或文心一言"帮我找一家做 AI+物业的公司"&mdash;&mdash;你的品牌会不会出现在答案里？我们优化企业在主流大模型中的内容结构与权重，从"搜索排名"进化为"答案占位"。</p><div class="geo-quote"><p>"未来的获客，不是在搜索结果里抢位置，而是在 AI 答案里占一席之地。"</p></div></div><div class="service-img reveal" style="height: 440px;"><img src="assets/geo.jpg?v=7" alt="Network" loading="lazy"></div></div></div></section>
-    <section id="contact"><div class="container"><div class="contact-grid"><div class="reveal"><span class="caption">GET IN TOUCH</span><h2 class="heading-lg" style="margin-bottom: var(--sp-4); margin-top: var(--sp-2);">15 分钟，看看你的系统<br>能叠加什么</h2><p class="body-lg" style="margin-top: var(--sp-4);">不推销，只评估。基于你现有架构，给出一份可落地的 AI 叠加建议。</p><div style="margin-top: var(--sp-7); padding-top: var(--sp-5); border-top: 1px solid var(--border-subtle);"><p style="font-size: 13px; color: var(--text-quaternary);">上海菲西尔智能科技有限公司</p><p style="font-size: 13px; color: var(--text-quaternary); margin-top: var(--sp-1);">智能叠加——不推翻重来，在现有系统上叠加 AI 能力</p></div></div><form class="contact-form reveal" 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></div></section>
-    <footer><div class="container"><div class="caption">TECHNICAL SUPPORT PROVIDED BY</div><div class="company">上海菲西尔智能科技有限公司</div><div class="copy">&copy; 2026 SHANGHAI FISCHER INTELLIGENT TECHNOLOGY CO., LTD.</div></div></footer>
-    <script>
-    document.addEventListener('DOMContentLoaded', () => {
-        const nav = document.querySelector('nav');
-        window.addEventListener('scroll', () => { nav.classList.toggle('scrolled', window.scrollY > 60); }, { passive: true });
-        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(), phone = form.phone.value.trim(), email = form.email.value.trim(), 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.08, rootMargin: '0px 0px -30px 0px' });
-        document.querySelectorAll('.reveal').forEach(el => observer.observe(el));
-    });
-    
-    
-    // Hero cycling: AI + 物业 -> AI + 资管 -> ... -> AI X
-    (function() {
-        const indEl = document.getElementById('heroIndustry');
-        const cyclingEl = document.getElementById('heroCycling');
-        const plusEl = document.getElementById('heroPlus');
-        const xEl = document.getElementById('heroX');
-        const aiEl = document.getElementById('heroAi');
-        if (!indEl || !cyclingEl) return;
-        
-        const industries = ['资管', 'CRM', '制造', '医疗', '金融', '零售', '物流'];
-        let idx = 0;
-        const speeds = [1200, 900, 700, 500, 350, 220, 130, 80, 50];
-        let step = 0;
-        
-        function next() {
-            // Slide out
-            indEl.className = 'hero-industry-text slide-out';
-            
-            idx = (idx + 1) % industries.length;
-            
-            if (step >= speeds.length) {
-                // Merge phase
-                setTimeout(() => {
-                    indEl.className = 'hero-industry-text merge-out';
-                    plusEl.classList.add('to-x');
-                    aiEl.classList.add('merge-in');
-                }, 150);
-                
-                setTimeout(() => {
-                    xEl.classList.add('visible');
-                    cyclingEl.classList.add('merged');
-                }, 700);
-                return;
-            }
-            
-            const delay = speeds[step];
-            step++;
-            
-            setTimeout(() => {
-                indEl.textContent = industries[idx];
-                indEl.className = 'hero-industry-text slide-in';
-                
-                requestAnimationFrame(() => {
-                    requestAnimationFrame(() => {
-                        indEl.className = 'hero-industry-text show';
-                    });
-                });
-            }, 120);
-            
-            setTimeout(next, delay);
-        }
-        
-        setTimeout(next, 1500);
-    })();
+  </head>
+  <body>
+    <div class="bg-effects">
+      <div class="bg-gradient-1"></div>
+      <div class="bg-gradient-2"></div>
+      <div class="bg-gradient-3"></div>
+      <div class="bg-grid"></div>
+      <div class="bg-glow"></div>
+      <div class="particles">
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+      </div>
+      <div class="gradient-border"></div>
+      <div class="section-glow"></div>
+    </div>
 
+    <nav>
+      <div class="nav-inner">
+        <a href="#" class="logo">
+          <img src="assets/logo/logo-nav.png" alt="Fischer" height="40" />
+        </a>
+        <div class="nav-links">
+          <a href="#pain-points">痛点</a>
+          <a href="#solutions">方案</a>
+          <a href="#approach">方法</a>
+          <a href="#contact">咨询</a>
+        </div>
+        <a href="#contact" class="nav-cta">
+          立即咨询
+          <svg
+            width="16"
+            height="16"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+          >
+            <path d="M5 12h14M12 5l7 7-7 7" />
+          </svg>
+        </a>
+      </div>
+    </nav>
+
+    <section class="hero">
+      <div class="hero-deco deco-1"></div>
+      <div class="hero-deco deco-2"></div>
+      <div class="hero-deco deco-3"></div>
+      <div class="hero-deco deco-4"></div>
+      <div class="hero-deco deco-5"></div>
+      <div class="container">
+        <div class="hero-content">
+          <div class="hero-badge">不换系统，2周让AI上岗</div>
+          <h1 class="hero-title">
+            不换系统<br />
+            <span class="accent">2周让AI</span>帮你干活
+          </h1>
+          <p class="hero-subtitle">
+            物业、资管、CRM，都不用换<br />
+            AI帮你干重复的事，你做重要的决定
+          </p>
+          <div class="hero-actions">
+            <a href="#solutions" class="btn-primary">
+              看看适不适合我
+              <svg
+                width="18"
+                height="18"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="2"
+              >
+                <path d="M5 12h14M12 5l7 7-7 7" />
+              </svg>
+            </a>
+            <a href="#contact" class="btn-secondary">先问问再说</a>
+          </div>
+          <div class="hero-metrics">
+            <div class="metric">
+              <div class="metric-value">2周</div>
+              <div class="metric-label">部署上线</div>
+            </div>
+            <div class="metric">
+              <div class="metric-value">0</div>
+              <div class="metric-label">数据迁移</div>
+            </div>
+            <div class="metric">
+              <div class="metric-value">原系统</div>
+              <div class="metric-label">不用换</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section class="pain-points" id="pain-points">
+      <div class="container">
+        <div class="section-header reveal">
+          <div class="section-label">顾虑</div>
+          <h2 class="section-title">你的顾虑，我们都知道</h2>
+          <p class="section-desc">
+            换系统太麻烦，数据迁移风险大，招人贵还没效果
+          </p>
+        </div>
+        <div class="pain-grid">
+          <div class="pain-card reveal">
+            <div class="pain-icon">
+              <svg
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="1.5"
+              >
+                <circle cx="12" cy="12" r="10" />
+                <path d="M12 6v6l4 2" />
+              </svg>
+            </div>
+            <h3 class="pain-title">想用AI，但不想换系统</h3>
+            <p class="pain-desc">
+              系统用习惯了，换了要重新培训，数据迁移还有风险。
+              其实不用换，在旁边加个AI帮手就行。
+            </p>
+          </div>
+          <div class="pain-card reveal">
+            <div class="pain-icon">
+              <svg
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="1.5"
+              >
+                <path d="M12 2L2 7l10 5 10-5-10-5z" />
+                <path d="M2 17l10 5 10-5" />
+                <path d="M2 12l10 5 10-5" />
+              </svg>
+            </div>
+            <h3 class="pain-title">招了人，天天在做重复的事</h3>
+            <p class="pain-desc">
+              销售每天录客户信息，物业员工每天填巡检表。
+              人招对了，但时间没用在正事上。
+            </p>
+          </div>
+          <div class="pain-card reveal">
+            <div class="pain-icon">
+              <svg
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="1.5"
+              >
+                <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
+                <path d="M9 12l2 2 4-4" />
+              </svg>
+            </div>
+            <h3 class="pain-title">投入了没效果，钱打水漂</h3>
+            <p class="pain-desc">
+              之前买的系统用不起来，员工不会用也不想用。
+              先试再决定，效果好了再扩大。
+            </p>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section class="solutions" id="solutions">
+      <div class="container">
+        <div class="section-header reveal">
+          <div class="section-label">解决方案</div>
+          <h2 class="section-title">不换系统，让AI帮你干活</h2>
+          <p class="section-desc">
+            行业解决方案 · 业务解决方案 · 营销解决方案 · AI+落地咨询
+          </p>
+        </div>
+        <div class="solution-grid">
+          <div class="solution-card reveal">
+            <div class="solution-num">01</div>
+            <h3 class="solution-title">行业解决方案</h3>
+            <p class="solution-desc">
+              物业、资管等垂直行业专属AI方案。不换现有系统，在旁边加个AI帮手。
+              物业：智能派单、设备预警、巡检规划。资管：租约提醒、空置预警、定价参考。
+            </p>
+            <div class="solution-features">
+              <span class="solution-tag">物业</span>
+              <span class="solution-tag">资管</span>
+              <span class="solution-tag">行业定制</span>
+            </div>
+          </div>
+          <div class="solution-card reveal">
+            <div class="solution-num">02</div>
+            <h3 class="solution-title">业务解决方案</h3>
+            <p class="solution-desc">
+              客服、审批、巡检、报表……高频重复工作，AI帮你干。
+              员工还是用原来的界面，只是少了很多麻烦。
+            </p>
+            <div class="solution-features">
+              <span class="solution-tag">智能客服</span>
+              <span class="solution-tag">自动审批</span>
+              <span class="solution-tag">报表生成</span>
+            </div>
+          </div>
+          <div class="solution-card reveal">
+            <div class="solution-num">03</div>
+            <h3 class="solution-title">营销解决方案</h3>
+            <p class="solution-desc">
+              线索自动清洗，销售跟进提醒，客户画像分析。
+              让AI帮你筛选意向客户，销售只做最重要的沟通。
+            </p>
+            <div class="solution-features">
+              <span class="solution-tag">线索清洗</span>
+              <span class="solution-tag">跟进提醒</span>
+              <span class="solution-tag">客户分析</span>
+            </div>
+          </div>
+          <div class="solution-card reveal">
+            <div class="solution-num">04</div>
+            <h3 class="solution-title">AI+落地咨询</h3>
+            <p class="solution-desc">
+              不确定自己的场景能不能用AI？30分钟诊断，我们告诉你能不能接、怎么接。
+              先试再决定，效果好了再扩大。
+            </p>
+            <div class="solution-features">
+              <span class="solution-tag">免费诊断</span>
+              <span class="solution-tag">方案评估</span>
+              <span class="solution-tag">按效果付费</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section class="approach" id="approach">
+      <div class="container">
+        <div class="section-header reveal">
+          <div class="section-label">方法</div>
+          <h2 class="section-title">很简单，三步搞定</h2>
+          <p class="section-desc">先试再决定，效果好了再扩大</p>
+        </div>
+        <div class="approach-list">
+          <div class="approach-item reveal">
+            <div class="approach-num">第一步</div>
+            <div class="approach-content">
+              <h3>30分钟诊断</h3>
+              <p>
+                我们看看你的系统现在什么情况，AI能帮你省多少事、花多少钱。
+                不卖东西，只帮你分析。
+              </p>
+            </div>
+          </div>
+          <div class="approach-item reveal">
+            <div class="approach-num">第二步</div>
+            <div class="approach-content">
+              <h3>2周部署上线</h3>
+              <p>
+                在你现有系统旁边加个AI帮手。不换系统，不迁移数据，不影响现有业务。
+                员工还是用原来的界面，只是多了AI帮你干重复的事。
+              </p>
+            </div>
+          </div>
+          <div class="approach-item reveal">
+            <div class="approach-num">第三步</div>
+            <div class="approach-content">
+              <h3>看效果再决定</h3>
+              <p>
+                先在一个场景试用，效果好再扩大。不满意可以停，不用一下子投很多钱。
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section class="cta" id="cta">
+      <div class="container">
+        <div class="cta-content reveal">
+          <h2 class="cta-title">先聊聊，看看适不适合你</h2>
+          <p class="cta-desc">30分钟免费诊断，不推销，只帮你分析</p>
+          <div class="hero-actions">
+            <a href="#contact" class="btn-primary">
+              预约免费诊断
+              <svg
+                width="18"
+                height="18"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="2"
+              >
+                <path d="M5 12h14M12 5l7 7-7 7" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section class="contact" id="contact">
+      <div class="container">
+        <div class="contact-grid">
+          <div class="contact-info reveal">
+            <h2>有问题？直接联系我们</h2>
+            <p>预约诊断、了解方案、商务合作。有问题随时问，不收费。</p>
+            <div class="contact-detail">
+              <svg
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="1.5"
+              >
+                <path
+                  d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z"
+                />
+              </svg>
+              <span>400-888-8888</span>
+            </div>
+            <div class="contact-detail">
+              <svg
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="1.5"
+              >
+                <path
+                  d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"
+                />
+                <path d="M22 6l-10 7L2 6" />
+              </svg>
+              <span>contact@fischer.ai</span>
+            </div>
+            <div class="contact-detail">
+              <svg
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="1.5"
+              >
+                <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z" />
+                <circle cx="12" cy="10" r="3" />
+              </svg>
+              <span>上海市浦东新区张江高科技园区</span>
+            </div>
+          </div>
+          <form class="contact-form reveal" onsubmit="handleSubmit(event)">
+            <div class="form-group">
+              <label class="form-label">您的名字</label>
+              <input
+                type="text"
+                class="form-input"
+                placeholder="怎么称呼您"
+                required
+              />
+            </div>
+            <div class="form-group">
+              <label class="form-label">手机号码</label>
+              <input type="tel" class="form-input" placeholder="方便联系您" />
+            </div>
+            <div class="form-group">
+              <label class="form-label">邮箱（选填）</label>
+              <input type="email" class="form-input" placeholder="您的邮箱" />
+            </div>
+            <div class="form-group">
+              <label class="form-label">您的行业</label>
+              <input
+                type="text"
+                class="form-input"
+                placeholder="物业管理、资产管理、金融行业、零售行业..."
+              />
+            </div>
+            <div class="form-group">
+              <label class="form-label">您希望AI落地的领域（可多选）</label>
+              <div class="checkbox-group">
+                <label class="checkbox-item">
+                  <input type="checkbox" name="ai" value="获客" />
+                  <span class="checkbox-box"></span>
+                  <span class="checkbox-label">获客</span>
+                </label>
+                <label class="checkbox-item">
+                  <input type="checkbox" name="ai" value="流程管理" />
+                  <span class="checkbox-box"></span>
+                  <span class="checkbox-label">流程管理</span>
+                </label>
+                <label class="checkbox-item">
+                  <input type="checkbox" name="ai" value="效率提升" />
+                  <span class="checkbox-box"></span>
+                  <span class="checkbox-label">效率提升</span>
+                </label>
+                <label class="checkbox-item">
+                  <input type="checkbox" name="ai" value="其他" />
+                  <span class="checkbox-box"></span>
+                  <span class="checkbox-label">其他</span>
+                </label>
+              </div>
+            </div>
+            <div class="form-group">
+              <label class="form-label">咨询内容</label>
+              <textarea
+                class="form-input"
+                placeholder="简单说说您现在遇到的问题，或者想了解什么"
+              ></textarea>
+              <div class="char-count">0/1000</div>
+            </div>
+            <button type="submit" class="form-submit">预约免费诊断</button>
+          </form>
+        </div>
+      </div>
+    </section>
+
+    <footer>
+      <div class="container">
+        <div class="footer-inner">
+          <div class="footer-left">
+            <img src="assets/logo/logo-footer.png" alt="Fischer" />
+            <div>© 2026 上海菲西尔智能科技有限公司</div>
+          </div>
+          <div class="footer-links">
+            <a href="#">隐私政策</a>
+            <a href="#">服务条款</a>
+            <a href="#">沪ICP备12345678号</a>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <script>
+      // Scroll reveal
+      const reveals = document.querySelectorAll(".reveal");
+      const revealObserver = new IntersectionObserver(
+        (entries) => {
+          entries.forEach((entry) => {
+            if (entry.isIntersecting) {
+              entry.target.classList.add("visible");
+            }
+          });
+        },
+        { threshold: 0.1, rootMargin: "0px 0px -50px 0px" },
+      );
+
+      reveals.forEach((el) => revealObserver.observe(el));
+
+      // Nav scroll
+      const nav = document.querySelector("nav");
+      window.addEventListener("scroll", () => {
+        if (window.scrollY > 50) {
+          nav.classList.add("scrolled");
+        } else {
+          nav.classList.remove("scrolled");
+        }
+      });
+
+      // Form submit
+      function handleSubmit(e) {
+        e.preventDefault();
+        const btn = e.target.querySelector(".form-submit");
+        btn.textContent = "提交中...";
+        btn.disabled = true;
+        setTimeout(() => {
+          btn.textContent = "提交成功！";
+          btn.style.background = "#22c55e";
+          setTimeout(() => {
+            btn.textContent = "提交咨询";
+            btn.style.background = "";
+            btn.disabled = false;
+            e.target.reset();
+          }, 2000);
+        }, 1500);
+      }
     </script>
-</body>
-</html>
\ No newline at end of file
+  </body>
+</html>
diff --git a/version-b.html b/version-b.html
index 5a9e280..7dc4d27 100644
--- a/version-b.html
+++ b/version-b.html
@@ -3,353 +3,1377 @@
 <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能力。">
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;510;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;700;900&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+    <title>菲西尔智能 · 重新定义企业智能</title>
+    <meta name="description" content="上海菲西尔智能 - 让你的业务系统瞬间拥有AI能力。">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">
     <style>
         :root {
-            --bg-deep: #010102; --bg-main: #08090a; --bg-panel: #0f1011;
-            --bg-elevated: #191a1b; --bg-surface: #28282c;
-            --text-primary: #f7f8f8; --text-secondary: #d0d6e0;
-            --text-tertiary: #8a8f98; --text-quaternary: #62666d;
-            --border-subtle: rgba(255,255,255,0.12);
-            --border-standard: rgba(255,255,255,0.18);
-            --border-prominent: rgba(255,255,255,0.22);
-            --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
-            --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
-            --sp-9: 80px; --sp-10: 120px;
-            --r-sm: 4px; --r-md: 6px; --r-lg: 8px; --r-xl: 12px; --r-2xl: 16px;
+            --bg: #09090b;
+            --bg-gradient: linear-gradient(135deg, #0a0a0f 0%, #12131a 50%, #0d0e14 100%);
+            --text: #ffffff;
+            --text-secondary: #a1a1aa;
+            --text-muted: #71717a;
+            --accent: #818cf8;
+            --accent-glow: rgba(129, 140, 248, 0.4);
+            --glass: rgba(255, 255, 255, 0.03);
+            --glass-border: rgba(255, 255, 255, 0.08);
+            --glass-hover: rgba(255, 255, 255, 0.06);
         }
-        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
-        html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        html {
+            scroll-behavior: smooth;
+        }
+
         body {
-            font-family: 'Inter', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
-            font-feature-settings: 'cv01', 'ss03';
-            background: var(--bg-main); color: var(--text-primary);
-            line-height: 1.6; overflow-x: hidden;
-            -webkit-font-smoothing: antialiased;
+            font-family: 'Inter', 'Noto Sans SC', -apple-system, sans-serif;
+            background: var(--bg);
+            color: var(--text);
+            line-height: 1.6;
+            overflow-x: hidden;
         }
-        .display-xl { font-size: clamp(48px, 7vw, 88px); font-weight: 900; line-height: 1.02; letter-spacing: -0.03em; }
-        .display-lg { font-size: clamp(36px, 5vw, 64px); font-weight: 800; line-height: 1.05; letter-spacing: -0.025em; }
-        .heading-lg { font-size: clamp(24px, 3vw, 40px); font-weight: 700; line-height: 1.1; letter-spacing: -0.015em; }
-        .body-lg { font-size: clamp(16px, 1.2vw, 18px); font-weight: 400; line-height: 1.7; color: var(--text-secondary); }
-        .body-md { font-size: 15px; font-weight: 400; line-height: 1.65; color: var(--text-tertiary); }
-        .caption { font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: var(--text-quaternary); }
-        .metric { font-size: clamp(40px, 5vw, 72px); font-weight: 900; line-height: 1; letter-spacing: -0.04em; }
-        .container { max-width: 1200px; margin: 0 auto; padding: 0 var(--sp-5); position: relative; z-index: 2; }
-        .grain { position: fixed; inset: -50%; width: 200%; height: 200%; z-index: 9999; pointer-events: none; opacity: 0.02; 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='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
-        @keyframes grain { 0% { transform: translate(0,0); } 100% { transform: translate(-10%,10%); } }
-        
-        nav { position: fixed; top: 0; width: 100%; z-index: 1000; padding: var(--sp-4) 0; background: rgba(8,9,10,0.92); border-bottom: 1px solid var(--border-subtle); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
-        nav.scrolled { padding: var(--sp-2) 0; background: rgba(8,9,10,0.95); }
-        .nav-inner { max-width: 1200px; margin: 0 auto; padding: 0 var(--sp-5); display: flex; justify-content: space-between; align-items: center; }
-        .logo { font-size: 12px; font-weight: 800; letter-spacing: 0.2em; color: var(--text-primary); text-transform: uppercase; }
-        .nav-links { display: flex; gap: var(--sp-7); }
-        .nav-links a { color: var(--text-tertiary); text-decoration: none; font-size: 12px; font-weight: 510; letter-spacing: 0.04em; transition: color 0.3s ease; }
-        .nav-links a:hover { color: var(--text-primary); }
-        .hero { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; }
-        #hero-canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
-        .hero-poster { position: absolute; inset: 0; z-index: 0; background: linear-gradient(135deg, #0c1b3f 0%, #162655 30%, #1a3070 50%, #0c1b3f 80%, #080e22 100%); }
-        @keyframes heroZoom { from { transform: scale(1.05); } to { transform: scale(1.12); } }
-        .hero-overlay { position: absolute; inset: 0; z-index: 2; background: linear-gradient(to bottom, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.25) 50%, var(--bg-main) 95%); pointer-events: none; }
-        .hero-content { position: relative; z-index: 10; text-align: center; max-width: 900px; padding: 0 var(--sp-5); }
-        .hero-line { width: 40px; height: 1px; background: rgba(255,255,255,0.3); margin: 0 auto var(--sp-6); opacity: 0; animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards; }
-        .hero-title { opacity: 0; animation: fadeUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards; }
-        .hero-sub { margin-top: var(--sp-6); font-size: clamp(15px, 1.3vw, 17px); font-weight: 400; color: var(--text-secondary); max-width: 560px; margin-left: auto; margin-right: auto; line-height: 1.75; opacity: 0; animation: fadeUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards; }
-        .hero-cta { margin-top: var(--sp-7); opacity: 0; animation: fadeUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.7s forwards; }
-        .btn-primary { display: inline-flex; align-items: center; gap: var(--sp-2); padding: 14px 32px; background: var(--text-primary); color: var(--bg-main); text-decoration: none; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; border-radius: var(--r-md); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); border: 1px solid transparent; }
-        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(255,255,255,0.12); }
-        .btn-ghost { display: inline-flex; align-items: center; padding: 14px 32px; background: rgba(255,255,255,0.03); color: var(--text-secondary); text-decoration: none; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; border-radius: var(--r-md); border: 1px solid var(--border-subtle); transition: all 0.3s ease; margin-left: var(--sp-3); }
-        .btn-ghost:hover { background: rgba(255,255,255,0.06); color: var(--text-primary); border-color: var(--border-standard); }
-        .scroll-indicator { position: absolute; bottom: var(--sp-7); left: 50%; transform: translateX(-50%); z-index: 10; width: 1px; height: 48px; background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.2), transparent); animation: scrollPulse 3s ease-in-out infinite; }
-        @keyframes scrollPulse { 0%, 100% { opacity: 0; transform: translateX(-50%) scaleY(0.5); } 50% { opacity: 1; transform: translateX(-50%) scaleY(1); } }
-        @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
-        section { padding: var(--sp-10) 0; position: relative; }
-        .section-header { max-width: 640px; margin-bottom: var(--sp-8); }
-        .section-header .caption { display: flex; align-items: center; gap: var(--sp-3); margin-bottom: var(--sp-4); }
-        .section-header .caption::before { content: ''; width: 20px; height: 1px; background: var(--text-quaternary); }
-        #pain-points { background: var(--bg-main); }
-        .pain-bg-grid { position: absolute; inset: 0; 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: 80px 80px; pointer-events: none; }
-        .pain-glow { position: absolute; top: 20%; left: 50%; width: 800px; height: 800px; transform: translate(-50%, -50%); background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%); pointer-events: none; }
-        .pain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; position: relative; }
-        .pain-item { background: rgba(255,255,255,0.04); padding: var(--sp-7) var(--sp-6); border: 1px solid var(--border-subtle); position: relative; min-height: 320px; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
-        .pain-item:hover { background: rgba(255,255,255,0.07); border-color: var(--border-standard); }
-        .pain-icon { width: 32px; height: 32px; opacity: 0.4; margin-bottom: var(--sp-6); transition: opacity 0.4s ease; }
-        .pain-item:hover .pain-icon { opacity: 0.6; }
-        .pain-icon svg { width: 100%; height: 100%; }
-        .pain-icon svg line, .pain-icon svg path, .pain-icon svg rect, .pain-icon svg circle, .pain-icon svg polyline { stroke: #fff; stroke-width: 1.2; fill: none; }
-        .pain-item h3 { font-size: 18px; font-weight: 800; line-height: 1.3; letter-spacing: -0.01em; margin-bottom: var(--sp-3); color: var(--text-primary); }
-        .pain-item p { font-size: 14px; color: var(--text-tertiary); line-height: 1.7; }
-        .pain-num { position: absolute; bottom: var(--sp-4); right: var(--sp-5); font-size: 72px; font-weight: 900; color: rgba(255,255,255,0.10); line-height: 1; letter-spacing: -0.04em; }
-        .pain-highlight { grid-column: 1 / -1; min-height: auto; padding: var(--sp-8) var(--sp-7); background: rgba(255,255,255,0.04); border-color: var(--border-subtle); display: flex; align-items: center; gap: var(--sp-7); }
-        .pain-highlight .highlight-body { flex: 1; }
-        .pain-highlight h3 { font-size: clamp(24px, 3vw, 36px); font-weight: 900; letter-spacing: -0.02em; margin-bottom: var(--sp-3); }
-        .pain-highlight p { font-size: 16px; color: var(--text-secondary); line-height: 1.8; max-width: 600px; }
-        .pain-highlight .pain-num { position: relative; bottom: auto; right: auto; font-size: 120px; opacity: 0.12; flex-shrink: 0; }
-        #solutions { background: var(--bg-panel); border-top: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle); }
-        .service-row { display: grid; grid-template-columns: 1fr 1.2fr; gap: var(--sp-8); align-items: center; margin-bottom: var(--sp-10); }
-        .service-row.reverse { direction: rtl; }
-        .service-row.reverse > * { direction: ltr; }
-        .service-row:last-child { margin-bottom: 0; }
-        .service-text .service-metric { margin-bottom: var(--sp-2); background: linear-gradient(135deg, var(--text-primary) 0%, var(--text-tertiary) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
-        .service-text h3 { margin-bottom: var(--sp-4); color: var(--text-primary); }
-        .service-text p { font-size: 16px; color: var(--text-secondary); line-height: 1.8; max-width: 480px; margin-top: var(--sp-3); }
-        .service-closer { margin-top: var(--sp-5) !important; padding-top: var(--sp-4) !important; border-top: 1px solid var(--border-subtle) !important; font-size: 14px !important; color: var(--text-quaternary) !important; font-style: italic; }
-        .service-img { height: 480px; border-radius: var(--r-xl); overflow: hidden; background: var(--bg-elevated); border: 1px solid var(--border-subtle); }
-        .service-img img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(60%) brightness(0.85) contrast(1.1); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
-        .service-img:hover img { transform: scale(1.03); filter: grayscale(40%) brightness(0.9) contrast(1.15); }
-        #approach { background: var(--bg-main); }
-        .approach-list { max-width: 800px; }
-        .approach-item { display: flex; gap: var(--sp-6); padding: var(--sp-6) 0; border-bottom: 1px solid var(--border-subtle); align-items: flex-start; }
-        .approach-item:last-child { border-bottom: none; }
-        .approach-num { font-size: 13px; font-weight: 600; color: var(--text-quaternary); font-family: 'JetBrains Mono', monospace; letter-spacing: 0.05em; padding-top: 4px; min-width: 32px; }
-        .approach-body h3 { font-size: 20px; font-weight: 700; letter-spacing: -0.01em; margin-bottom: var(--sp-2); color: var(--text-primary); }
-        .approach-body p { font-size: 15px; color: var(--text-tertiary); line-height: 1.7; }
-        #geo { background: var(--bg-panel); border-top: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle); }
-        .geo-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: var(--sp-8); align-items: center; }
-        .geo-bridge { font-size: 12px; font-weight: 600; color: var(--text-quaternary); letter-spacing: 0.15em; text-transform: uppercase; display: flex; align-items: center; gap: var(--sp-3); margin-bottom: var(--sp-4); }
-        .geo-bridge::before { content: ''; width: 24px; height: 1px; background: var(--text-quaternary); }
-        .geo-quote { margin-top: var(--sp-6); padding: var(--sp-5); background: rgba(255,255,255,0.04); border-left: 2px solid var(--border-prominent); border-radius: 0 var(--r-md) var(--r-md) 0; }
-        .geo-quote p { font-size: 16px; color: var(--text-secondary); line-height: 1.7; font-style: italic; }
-        #contact { background: var(--bg-main); }
-        .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-8); align-items: start; }
-        .contact-form { display: flex; flex-direction: column; gap: var(--sp-4); }
-        .contact-form label { display: block; font-size: 11px; font-weight: 600; color: var(--text-quaternary); letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: var(--sp-2); }
-        .contact-form input, .contact-form textarea { width: 100%; padding: 14px 16px; background: rgba(255,255,255,0.05); border: 1px solid var(--border-subtle); border-radius: var(--r-md); color: var(--text-primary); font-size: 15px; font-family: inherit; transition: all 0.3s ease; }
-        .contact-form input:focus, .contact-form textarea:focus { outline: none; border-color: var(--border-prominent); background: rgba(255,255,255,0.07); box-shadow: 0 0 0 3px rgba(255,255,255,0.03); }
-        .contact-form textarea { min-height: 100px; resize: vertical; }
-        .contact-form input::placeholder, .contact-form textarea::placeholder { color: var(--text-quaternary); }
-        .contact-submit button { padding: 14px 40px; background: var(--text-primary); color: var(--bg-main); border: none; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; border-radius: var(--r-md); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); width: 100%; }
-        .contact-submit button:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(255,255,255,0.1); }
-        .contact-submit button:disabled { opacity: 0.5; cursor: default; transform: none; box-shadow: none; }
-        .form-status { text-align: center; font-size: 13px; min-height: 20px; }
-        .form-status.ok { color: #27a644; }
-        .form-status.err { color: #ff5b4f; }
-        footer { padding: var(--sp-8) 0; text-align: center; background: var(--bg-deep); border-top: 1px solid var(--border-subtle); }
-        footer .caption { color: var(--text-quaternary); margin-bottom: var(--sp-3); }
-        footer .company { font-size: 14px; font-weight: 600; color: var(--text-tertiary); }
-        footer .copy { margin-top: var(--sp-3); font-size: 10px; color: var(--text-quaternary); letter-spacing: 0.08em; }
-        .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
-        .reveal.visible { opacity: 1; transform: translateY(0); }
-        .reveal-delay-1 { transition-delay: 0.08s; }
-        .reveal-delay-2 { transition-delay: 0.16s; }
-        .reveal-delay-3 { transition-delay: 0.24s; }
-        .reveal-delay-4 { transition-delay: 0.32s; }
-        .reveal-delay-5 { transition-delay: 0.4s; }
-        @media (max-width: 900px) {
-            :root { --sp-8: 48px; --sp-9: 64px; --sp-10: 80px; }
-            .nav-links { display: none; }
-            .container { padding: 0 var(--sp-4); }
-            .hero-content { max-width: 100%; }
-            .hero-sub { font-size: 15px; }
-            .btn-ghost { display: none; }
-            section { padding: var(--sp-9) 0; }
-            .section-header { margin-bottom: var(--sp-6); }
-            .pain-grid { display: flex; flex-direction: column; gap: 1px; }
-            .pain-item { min-height: auto; padding: var(--sp-6) var(--sp-4); border: none; border-top: 1px solid var(--border-subtle); background: transparent; }
-            .pain-item:first-child { border-top: none; }
-            .pain-icon { margin: 0 auto var(--sp-5); }
-            .pain-item h3 { font-size: 20px; text-align: center; }
-            .pain-item p { text-align: center; font-size: 14px; }
-            .pain-num { font-size: 64px; bottom: 12px; right: 12px; }
-            .pain-highlight { flex-direction: column; padding: var(--sp-6) var(--sp-4); gap: var(--sp-4); text-align: center; border-top: 1px solid var(--border-subtle); }
-            .pain-highlight .pain-num { position: relative; font-size: 80px; }
-            .service-row, .service-row.reverse { grid-template-columns: 1fr; gap: var(--sp-5); margin-bottom: var(--sp-8); direction: ltr; }
-            .service-row.reverse > * { direction: ltr; }
-            .service-img { height: 260px; order: -1; }
-            .service-text .service-metric { font-size: 48px; }
-            .approach-item { flex-direction: column; gap: var(--sp-2); padding: var(--sp-5) 0; }
-            .approach-num { font-size: 13px; }
-            .approach-body h3 { font-size: 18px; }
-            .geo-grid { grid-template-columns: 1fr; gap: var(--sp-6); }
-            .contact-grid { grid-template-columns: 1fr; gap: var(--sp-6); }
+
+        /* 3D Background */
+        .bg-3d {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: -1;
+            overflow: hidden;
         }
-        @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }
-    
-        /* Hero Cycling Typography */
-        .hero-cycling {
+
+        .bg-gradient {
+            position: absolute;
+            inset: 0;
+            background: var(--bg-gradient);
+        }
+
+        .orb {
+            position: absolute;
+            border-radius: 50%;
+            filter: blur(80px);
+            animation: float 20s ease-in-out infinite;
+        }
+
+        .orb-1 {
+            width: 600px;
+            height: 600px;
+            background: radial-gradient(circle, rgba(129, 140, 248, 0.3) 0%, transparent 70%);
+            top: -200px;
+            right: -100px;
+            animation-delay: 0s;
+        }
+
+        .orb-2 {
+            width: 500px;
+            height: 500px;
+            background: radial-gradient(circle, rgba(167, 139, 250, 0.25) 0%, transparent 70%);
+            bottom: -150px;
+            left: -100px;
+            animation-delay: -7s;
+        }
+
+        .orb-3 {
+            width: 400px;
+            height: 400px;
+            background: radial-gradient(circle, rgba(99, 102, 241, 0.2) 0%, transparent 70%);
+            top: 40%;
+            left: 30%;
+            animation-delay: -14s;
+        }
+
+        @keyframes float {
+            0%, 100% { transform: translate(0, 0) scale(1); }
+            33% { transform: translate(30px, -30px) scale(1.05); }
+            66% { transform: translate(-20px, 20px) scale(0.95); }
+        }
+
+        .grid-overlay {
+            position: absolute;
+            inset: 0;
+            background-image:
+                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: 60px 60px;
+            opacity: 0.5;
+        }
+
+        /* Navigation */
+        nav {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 100;
+            padding: 24px 0;
+            transition: all 0.4s ease;
+        }
+
+        nav.scrolled {
+            padding: 16px 0;
+            background: rgba(9, 9, 11, 0.8);
+            backdrop-filter: blur(20px);
+        }
+
+        .nav-inner {
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 48px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .logo {
+            font-family: 'Playfair Display', serif;
+            font-size: 24px;
+            font-weight: 600;
+            color: var(--text);
+            text-decoration: none;
+            letter-spacing: -0.02em;
+        }
+
+        .nav-links {
+            display: flex;
+            gap: 48px;
+        }
+
+        .nav-links a {
+            font-size: 14px;
+            font-weight: 500;
+            color: var(--text-secondary);
+            text-decoration: none;
+            transition: color 0.3s ease;
+        }
+
+        .nav-links a:hover {
+            color: var(--text);
+        }
+
+        .nav-cta {
+            display: inline-flex;
+            align-items: center;
+            gap: 8px;
+            padding: 12px 24px;
+            background: var(--glass);
+            border: 1px solid var(--glass-border);
+            backdrop-filter: blur(10px);
+            color: var(--text);
+            font-size: 14px;
+            font-weight: 500;
+            text-decoration: none;
+            border-radius: 100px;
+            transition: all 0.3s ease;
+        }
+
+        .nav-cta:hover {
+            background: var(--glass-hover);
+            border-color: var(--accent);
+            box-shadow: 0 0 30px var(--accent-glow);
+        }
+
+        /* Hero - Magazine Style */
+        .hero {
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            position: relative;
+            padding: 120px 0;
+        }
+
+        .hero-container {
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 48px;
+            display: grid;
+            grid-template-columns: 1.2fr 1fr;
+            gap: 80px;
+            align-items: center;
+        }
+
+        .hero-content {
+            position: relative;
+            z-index: 2;
+        }
+
+        .hero-label {
+            display: inline-flex;
+            align-items: center;
+            gap: 12px;
+            padding: 10px 20px;
+            background: var(--glass);
+            border: 1px solid var(--glass-border);
+            border-radius: 100px;
+            font-size: 12px;
+            font-weight: 500;
+            color: var(--accent);
+            margin-bottom: 32px;
+            opacity: 0;
+            transform: translateY(30px);
+            animation: slideUp 0.8s ease 0.2s forwards;
+        }
+
+        .hero-label::before {
+            content: '';
+            width: 8px;
+            height: 8px;
+            background: var(--accent);
+            border-radius: 50%;
+            animation: pulse 2s ease-in-out infinite;
+        }
+
+        @keyframes pulse {
+            0%, 100% { opacity: 1; transform: scale(1); }
+            50% { opacity: 0.5; transform: scale(1.2); }
+        }
+
+        .hero-title {
+            font-family: 'Playfair Display', serif;
+            font-size: clamp(48px, 6vw, 80px);
+            font-weight: 500;
+            line-height: 1.1;
+            letter-spacing: -0.02em;
+            margin-bottom: 24px;
+            opacity: 0;
+            transform: translateY(30px);
+            animation: slideUp 0.8s ease 0.4s forwards;
+        }
+
+        .hero-title .line {
+            display: block;
+        }
+
+        .hero-title .accent {
+            background: linear-gradient(135deg, var(--accent) 0%, #a78bfa 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+
+        .hero-subtitle {
+            font-size: 18px;
+            color: var(--text-secondary);
+            max-width: 480px;
+            line-height: 1.8;
+            margin-bottom: 40px;
+            opacity: 0;
+            transform: translateY(30px);
+            animation: slideUp 0.8s ease 0.6s forwards;
+        }
+
+        .hero-actions {
+            display: flex;
+            gap: 16px;
+            flex-wrap: wrap;
+            opacity: 0;
+            transform: translateY(30px);
+            animation: slideUp 0.8s ease 0.8s forwards;
+        }
+
+        .btn-primary {
+            display: inline-flex;
+            align-items: center;
+            gap: 10px;
+            padding: 16px 32px;
+            background: linear-gradient(135deg, var(--accent) 0%, #6366f1 100%);
+            color: var(--bg);
+            font-size: 14px;
+            font-weight: 600;
+            text-decoration: none;
+            border-radius: 100px;
+            transition: all 0.3s ease;
+            border: none;
+            cursor: pointer;
+            position: relative;
+            overflow: hidden;
+        }
+
+        .btn-primary::before {
+            content: '';
+            position: absolute;
+            inset: 0;
+            background: linear-gradient(135deg, #a78bfa 0%, #818cf8 100%);
+            opacity: 0;
+            transition: opacity 0.3s ease;
+        }
+
+        .btn-primary:hover::before {
+            opacity: 1;
+        }
+
+        .btn-primary span {
+            position: relative;
+            z-index: 1;
+        }
+
+        .btn-primary svg {
+            position: relative;
+            z-index: 1;
+            transition: transform 0.3s ease;
+        }
+
+        .btn-primary:hover svg {
+            transform: translateX(4px);
+        }
+
+        .btn-ghost {
+            display: inline-flex;
+            align-items: center;
+            gap: 10px;
+            padding: 16px 32px;
+            background: var(--glass);
+            border: 1px solid var(--glass-border);
+            backdrop-filter: blur(10px);
+            color: var(--text);
+            font-size: 14px;
+            font-weight: 500;
+            text-decoration: none;
+            border-radius: 100px;
+            transition: all 0.3s ease;
+            cursor: pointer;
+        }
+
+        .btn-ghost:hover {
+            background: var(--glass-hover);
+            border-color: rgba(255,255,255,0.2);
+        }
+
+        /* Hero Visual */
+        .hero-visual {
+            position: relative;
+            height: 500px;
+            opacity: 0;
+            animation: fadeIn 1s ease 0.5s forwards;
+        }
+
+        @keyframes fadeIn {
+            to { opacity: 1; }
+        }
+
+        .hero-card {
+            position: absolute;
+            background: var(--glass);
+            border: 1px solid var(--glass-border);
+            border-radius: 20px;
+            backdrop-filter: blur(20px);
+            padding: 24px;
+            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+        }
+
+        .hero-card:hover {
+            transform: translateY(-10px) scale(1.02);
+            border-color: var(--accent);
+            box-shadow: 0 20px 60px rgba(129, 140, 248, 0.2);
+        }
+
+        .hero-card-1 {
+            top: 20%;
+            left: 10%;
+            width: 220px;
+            animation: floatCard 6s ease-in-out infinite;
+        }
+
+        .hero-card-2 {
+            top: 40%;
+            right: 5%;
+            width: 200px;
+            animation: floatCard 6s ease-in-out 2s infinite;
+        }
+
+        .hero-card-3 {
+            bottom: 15%;
+            left: 20%;
+            width: 180px;
+            animation: floatCard 6s ease-in-out 4s infinite;
+        }
+
+        @keyframes floatCard {
+            0%, 100% { transform: translateY(0); }
+            50% { transform: translateY(-15px); }
+        }
+
+        .card-icon {
+            width: 48px;
+            height: 48px;
+            background: linear-gradient(135deg, var(--accent) 0%, #6366f1 100%);
+            border-radius: 12px;
             display: flex;
             align-items: center;
             justify-content: center;
-            gap: 0.08em;
-            min-height: 1.2em;
+            margin-bottom: 16px;
         }
-        .hero-ai-text, .hero-x-text {
-            display: inline-block;
-            font-size: 1em;
-            font-weight: inherit;
+
+        .card-icon svg {
+            width: 24px;
+            height: 24px;
+            stroke: white;
         }
-        .hero-plus-sign {
-            display: inline-block;
-            transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1),
-                        opacity 0.3s ease;
+
+        .card-title {
+            font-size: 14px;
+            font-weight: 600;
+            margin-bottom: 4px;
         }
-        .hero-plus-sign.to-x {
-            transform: rotate(45deg);
+
+        .card-desc {
+            font-size: 12px;
+            color: var(--text-muted);
         }
-        .hero-industry-wrap {
-            display: inline-block;
+
+        @keyframes slideUp {
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+
+        /* Section */
+        section {
+            padding: clamp(80px, 12vw, 160px) 0;
+            position: relative;
+        }
+
+        .section-container {
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 48px;
+        }
+
+        .section-header {
+            text-align: center;
+            max-width: 700px;
+            margin: 0 auto 80px;
+        }
+
+        .section-label {
+            font-size: 12px;
+            font-weight: 600;
+            letter-spacing: 0.2em;
+            text-transform: uppercase;
+            color: var(--accent);
+            margin-bottom: 20px;
+        }
+
+        .section-title {
+            font-family: 'Playfair Display', serif;
+            font-size: clamp(36px, 5vw, 56px);
+            font-weight: 500;
+            line-height: 1.2;
+            margin-bottom: 20px;
+        }
+
+        .section-desc {
+            font-size: 18px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+        }
+
+        /* Pain Points - Magazine Grid */
+        .pain-section {
+            background: linear-gradient(180deg, transparent 0%, rgba(129, 140, 248, 0.03) 50%, transparent 100%);
+        }
+
+        .pain-magazine {
+            display: grid;
+            grid-template-columns: 1.5fr 1fr;
+            grid-template-rows: auto auto;
+            gap: 24px;
+        }
+
+        .pain-feature {
+            background: var(--glass);
+            border: 1px solid var(--glass-border);
+            border-radius: 24px;
+            padding: 48px;
             position: relative;
-            width: 3em;
             overflow: hidden;
-            height: 1.1em;
-            vertical-align: bottom;
-            text-align: left;
+            transition: all 0.5s ease;
         }
-        .hero-industry-text {
-            display: inline-block;
-            transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
-                        opacity 0.2s ease;
+
+        .pain-feature:hover {
+            border-color: var(--accent);
+            transform: translateY(-5px);
+            box-shadow: 0 20px 60px rgba(129, 140, 248, 0.15);
         }
-        .hero-industry-text.slide-out {
-            transform: translateY(-110%);
+
+        .pain-feature::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 3px;
+            background: linear-gradient(90deg, var(--accent), transparent);
             opacity: 0;
+            transition: opacity 0.3s ease;
         }
-        .hero-industry-text.slide-in {
-            transform: translateY(110%);
-            opacity: 0;
-        }
-        .hero-industry-text.show {
-            transform: translateY(0);
+
+        .pain-feature:hover::before {
             opacity: 1;
         }
-        /* Merge phase */
-        .hero-industry-text.merge-out {
-            transform: translateY(-80%) scale(0.6);
-            opacity: 0;
-            filter: blur(6px);
-            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
+
+        .pain-num {
+            font-family: 'Playfair Display', serif;
+            font-size: 120px;
+            font-weight: 700;
+            color: rgba(255,255,255,0.03);
+            position: absolute;
+            top: -20px;
+            right: 20px;
+            line-height: 1;
         }
-        .hero-ai-text.merge-in {
-            animation: aiGlow 0.6s ease;
+
+        .pain-icon-large {
+            width: 64px;
+            height: 64px;
+            background: linear-gradient(135deg, rgba(129, 140, 248, 0.2) 0%, rgba(99, 102, 241, 0.1) 100%);
+            border-radius: 16px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-bottom: 24px;
         }
-        @keyframes aiGlow {
-            0% { opacity: 1; }
-            30% { opacity: 0.4; filter: blur(4px); }
-            100% { opacity: 1; filter: blur(0); }
+
+        .pain-icon-large svg {
+            width: 32px;
+            height: 32px;
+            stroke: var(--accent);
         }
-        /* Final merged state: AI X centered with gap */
-        .hero-cycling.merged {
-            gap: 0.15em;
+
+        .pain-title {
+            font-family: 'Playfair Display', serif;
+            font-size: 28px;
+            font-weight: 500;
+            margin-bottom: 12px;
         }
-        .hero-cycling.merged .hero-industry-wrap {
-            width: 0;
-            height: 0;
+
+        .pain-desc {
+            font-size: 15px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+        }
+
+        /* Solutions */
+        .solutions-section {
+            background: var(--bg);
+        }
+
+        .solutions-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: 24px;
+        }
+
+        .solution-card {
+            background: var(--glass);
+            border: 1px solid var(--glass-border);
+            border-radius: 24px;
+            padding: 40px;
+            position: relative;
             overflow: hidden;
+            transition: all 0.5s ease;
         }
-        .hero-cycling.merged .hero-plus-sign {
-            font-size: 1em;
+
+        .solution-card:hover {
+            border-color: var(--accent);
+            transform: translateY(-8px);
+            box-shadow: 0 30px 80px rgba(129, 140, 248, 0.2);
         }
-        .hero-cycling.merged .hero-x-text {
-            opacity: 1;
-        }
-        .hero-x-text {
+
+        .solution-card::after {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: linear-gradient(135deg, rgba(129, 140, 248, 0.1) 0%, transparent 100%);
             opacity: 0;
             transition: opacity 0.5s ease;
         }
-        .hero-x-text.visible {
+
+        .solution-card:hover::after {
             opacity: 1;
         }
 
+        .solution-visual {
+            height: 120px;
+            background: linear-gradient(135deg, rgba(129, 140, 248, 0.1) 0%, rgba(99, 102, 241, 0.05) 100%);
+            border-radius: 16px;
+            margin-bottom: 24px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            position: relative;
+            z-index: 1;
+        }
+
+        .solution-visual svg {
+            width: 48px;
+            height: 48px;
+            stroke: var(--accent);
+            opacity: 0.8;
+        }
+
+        .solution-num {
+            font-size: 12px;
+            font-weight: 600;
+            color: var(--accent);
+            letter-spacing: 0.1em;
+            margin-bottom: 12px;
+            position: relative;
+            z-index: 1;
+        }
+
+        .solution-title {
+            font-family: 'Playfair Display', serif;
+            font-size: 24px;
+            font-weight: 500;
+            margin-bottom: 12px;
+            position: relative;
+            z-index: 1;
+        }
+
+        .solution-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+            margin-bottom: 20px;
+            position: relative;
+            z-index: 1;
+        }
+
+        .solution-tags {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 8px;
+            position: relative;
+            z-index: 1;
+        }
+
+        .solution-tag {
+            padding: 6px 14px;
+            background: rgba(129, 140, 248, 0.1);
+            border: 1px solid rgba(129, 140, 248, 0.2);
+            border-radius: 100px;
+            font-size: 12px;
+            color: var(--accent);
+        }
+
+        /* Approach - Timeline */
+        .approach-section {
+            background: linear-gradient(180deg, transparent 0%, rgba(129, 140, 248, 0.02) 50%, transparent 100%);
+        }
+
+        .approach-timeline {
+            max-width: 800px;
+            margin: 0 auto;
+            position: relative;
+        }
+
+        .approach-timeline::before {
+            content: '';
+            position: absolute;
+            left: 24px;
+            top: 0;
+            bottom: 0;
+            width: 2px;
+            background: linear-gradient(180deg, var(--accent), rgba(129, 140, 248, 0.2), transparent);
+        }
+
+        .approach-item {
+            display: flex;
+            gap: 40px;
+            padding: 40px 0;
+            position: relative;
+        }
+
+        .approach-marker {
+            width: 50px;
+            height: 50px;
+            background: var(--glass);
+            border: 2px solid var(--accent);
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-shrink: 0;
+            position: relative;
+            z-index: 1;
+            transition: all 0.3s ease;
+        }
+
+        .approach-item:hover .approach-marker {
+            background: var(--accent);
+            box-shadow: 0 0 30px var(--accent-glow);
+        }
+
+        .approach-marker svg {
+            width: 20px;
+            height: 20px;
+            stroke: var(--accent);
+            transition: stroke 0.3s ease;
+        }
+
+        .approach-item:hover .approach-marker svg {
+            stroke: var(--bg);
+        }
+
+        .approach-content h3 {
+            font-family: 'Playfair Display', serif;
+            font-size: 24px;
+            font-weight: 500;
+            margin-bottom: 8px;
+        }
+
+        .approach-content p {
+            font-size: 15px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+        }
+
+        /* CTA */
+        .cta-section {
+            text-align: center;
+        }
+
+        .cta-box {
+            background: var(--glass);
+            border: 1px solid var(--glass-border);
+            border-radius: 32px;
+            padding: 80px 48px;
+            position: relative;
+            overflow: hidden;
+        }
+
+        .cta-box::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            left: -50%;
+            width: 200%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(129, 140, 248, 0.1) 0%, transparent 50%);
+            animation: rotateBg 20s linear infinite;
+        }
+
+        @keyframes rotateBg {
+            to { transform: rotate(360deg); }
+        }
+
+        .cta-title {
+            font-family: 'Playfair Display', serif;
+            font-size: clamp(36px, 5vw, 56px);
+            font-weight: 500;
+            line-height: 1.2;
+            margin-bottom: 16px;
+            position: relative;
+            z-index: 1;
+        }
+
+        .cta-desc {
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: 40px;
+            position: relative;
+            z-index: 1;
+        }
+
+        .cta-actions {
+            position: relative;
+            z-index: 1;
+        }
+
+        /* Contact */
+        .contact-section {
+            background: var(--bg);
+        }
+
+        .contact-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 80px;
+            align-items: start;
+        }
+
+        .contact-info h2 {
+            font-family: 'Playfair Display', serif;
+            font-size: clamp(36px, 4vw, 48px);
+            font-weight: 500;
+            line-height: 1.2;
+            margin-bottom: 20px;
+        }
+
+        .contact-info p {
+            font-size: 16px;
+            color: var(--text-secondary);
+            line-height: 1.8;
+            margin-bottom: 32px;
+        }
+
+        .contact-details {
+            display: flex;
+            flex-direction: column;
+            gap: 16px;
+        }
+
+        .contact-item {
+            display: flex;
+            align-items: center;
+            gap: 16px;
+            font-size: 15px;
+            color: var(--text-secondary);
+        }
+
+        .contact-item svg {
+            width: 24px;
+            height: 24px;
+            stroke: var(--accent);
+        }
+
+        .contact-form {
+            background: var(--glass);
+            border: 1px solid var(--glass-border);
+            border-radius: 24px;
+            padding: 40px;
+        }
+
+        .form-group {
+            margin-bottom: 20px;
+        }
+
+        .form-label {
+            display: block;
+            font-size: 13px;
+            font-weight: 500;
+            color: var(--text-secondary);
+            margin-bottom: 8px;
+        }
+
+        .form-input {
+            width: 100%;
+            padding: 16px 20px;
+            background: rgba(255, 255, 255, 0.02);
+            border: 1px solid var(--glass-border);
+            border-radius: 12px;
+            font-size: 15px;
+            color: var(--text);
+            font-family: inherit;
+            transition: all 0.3s ease;
+        }
+
+        .form-input:focus {
+            outline: none;
+            border-color: var(--accent);
+            box-shadow: 0 0 20px rgba(129, 140, 248, 0.2);
+        }
+
+        .form-input::placeholder {
+            color: var(--text-muted);
+        }
+
+        textarea.form-input {
+            min-height: 120px;
+            resize: vertical;
+        }
+
+        .form-submit {
+            width: 100%;
+            padding: 16px 32px;
+            background: linear-gradient(135deg, var(--accent) 0%, #6366f1 100%);
+            color: var(--bg);
+            font-size: 15px;
+            font-weight: 600;
+            border: none;
+            border-radius: 12px;
+            cursor: pointer;
+            transition: all 0.3s ease;
+        }
+
+        .form-submit:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 10px 40px rgba(129, 140, 248, 0.3);
+        }
+
+        /* Footer */
+        footer {
+            padding: 48px 0;
+            border-top: 1px solid var(--glass-border);
+        }
+
+        .footer-inner {
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 48px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .footer-left {
+            font-size: 14px;
+            color: var(--text-muted);
+        }
+
+        .footer-links {
+            display: flex;
+            gap: 32px;
+        }
+
+        .footer-links a {
+            font-size: 14px;
+            color: var(--text-muted);
+            text-decoration: none;
+            transition: color 0.3s ease;
+        }
+
+        .footer-links a:hover {
+            color: var(--text);
+        }
+
+        /* Reveal Animation */
+        .reveal {
+            opacity: 0;
+            transform: translateY(40px);
+            transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+        }
+
+        .reveal.visible {
+            opacity: 1;
+            transform: translateY(0);
+        }
+
+        /* Responsive */
+        @media (max-width: 1024px) {
+            .hero-container {
+                grid-template-columns: 1fr;
+                gap: 60px;
+            }
+
+            .hero-visual {
+                height: 300px;
+            }
+
+            .pain-magazine {
+                grid-template-columns: 1fr;
+            }
+
+            .solutions-grid {
+                grid-template-columns: 1fr;
+            }
+
+            .contact-grid {
+                grid-template-columns: 1fr;
+                gap: 48px;
+            }
+        }
+
+        @media (max-width: 768px) {
+            .nav-links {
+                display: none;
+            }
+
+            .nav-inner,
+            .section-container,
+            .footer-inner {
+                padding: 0 24px;
+            }
+
+            .hero-container {
+                padding: 0 24px;
+            }
+        }
     </style>
 </head>
 <body>
-    
-    <nav><div class="nav-inner"><div class="logo">FISCHER</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"><div class="hero-poster"></div><div class="hero-glow" style="position:absolute;top:25%;left:45%;width:500px;height:500px;background:radial-gradient(circle,rgba(99,160,255,0.2) 0%,transparent 70%);pointer-events:none;z-index:1;"></div><div class="hero-overlay"></div><div class="hero-content"><div class="hero-line"></div><h1 class="display-xl hero-title">
-            <div class="hero-cycling" id="heroCycling">
-                <span class="hero-ai-text" id="heroAi">AI</span>
-                <span class="hero-plus-sign" id="heroPlus">+</span>
-                <span class="hero-industry-wrap">
-                    <span class="hero-industry-text show" id="heroIndustry">物业</span>
-                </span>
-                <span class="hero-x-text" id="heroX">X</span>
-            </div>
-        </h1><p class="hero-sub">在已运转的业务系统之上叠加 AI 智能层。2 周部署，零迁移成本，让旧系统拥有新大脑。</p><div class="hero-cta"><a href="#solutions" class="btn-primary">获取行业定制方案</a><a href="#pain-points" class="btn-ghost">了解痛点 &rarr;</a></div></div><div class="scroll-indicator"></div></div>
-    <section id="pain-points"><div class="pain-bg-grid"></div><div class="pain-glow"></div><div class="container"><div class="section-header reveal"><span class="caption">THE REAL PROBLEM</span><h2 class="display-lg">你的系统<br>正在偷走你的利润</h2><p class="body-lg" style="margin-top: var(--sp-4);">每一个你习以为常的流程背后，都藏着被浪费的成本和错失的机会。</p></div><div class="pain-grid"><div class="pain-item reveal reveal-delay-1"><div class="pain-icon"><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><div><h3>每年几十万数据录入费<br>换来零决策价值</h3><p>物业、资管、CRM 积累了海量数据，却像仓库里的积压库存。记录了一大堆，决策还是靠拍脑袋。</p></div><div class="pain-num">01</div></div><div class="pain-item reveal reveal-delay-2"><div class="pain-icon"><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"/><line x1="20" y1="16" x2="20" y2="24"/><line x1="32" y1="16" x2="32" y2="24"/></svg></div><div><h3>系统越多 盲区越大<br>管理者像盲人摸象</h3><p>报修、资产、客户分属不同系统。永远拼不出完整的业务全景，资源错配成了常态。</p></div><div class="pain-num">02</div></div><div class="pain-item reveal reveal-delay-3"><div class="pain-icon"><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><div><h3>高薪人才 70% 时间<br>耗在填表和派单</h3><p>招来的专业人才，精力被重复事务榨干。高射炮打蚊子，人效极低，人才流失率越来越高。</p></div><div class="pain-num">03</div></div><div class="pain-item reveal reveal-delay-1"><div class="pain-icon"><svg viewBox="0 0 40 40"><circle cx="20" cy="20" r="14"/><polyline points="20,10 20,20 26,24"/><line x1="6" y1="4" x2="6" y2="10"/><line x1="34" y1="4" x2="34" y2="10"/></svg></div><div><h3>报表出来时<br>损失已经发生</h3><p>空置率超标、客户流失、租金定价偏差……等月底报表出来，问题早已发生。企业永远在事后补救。</p></div><div class="pain-num">04</div></div><div class="pain-item reveal reveal-delay-2"><div class="pain-icon"><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><div><h3>推翻重来的项目<br>70% 超期超预算</h3><p>传统 AI 方案要求重建系统。周期长、风险高、员工抵触。一旦失败，前期投入全部打水漂。</p></div><div class="pain-num">05</div></div><div class="pain-item reveal reveal-delay-3"><div class="pain-icon"><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><div><h3>核心能力长在老员工脑子里<br>人走能力断</h3><p>招商经验、客户判断、定价策略全靠人。人一走，能力就断层。企业无法规模化复制成功经验。</p></div><div class="pain-num">06</div></div><div class="pain-item pain-highlight reveal"><div class="pain-num">&infin;</div><div class="highlight-body"><h3>破局之道</h3><p>不替换系统，不迁移数据，不改变流程。在现有基础设施之上叠加一层 AI&mdash;&mdash;让旧系统拥有新大脑。</p></div></div></div></div></section>
-    <section id="solutions"><div class="container"><div class="section-header reveal"><span class="caption">WHAT WE DO</span><h2 class="display-lg">把 AI 变成你的<br>核心生产力</h2><p class="body-lg" style="margin-top: var(--sp-4);">三个行业场景，一条相同逻辑：不替换，只增强。</p></div><div class="service-row reveal"><div class="service-text"><div class="metric service-metric">60%</div><h3 class="heading-lg">AI+物业<br>智能中枢</h3><p>工单自动分发，客诉响应提速 60%。在现有物业 ERP 之上叠加 AI 调度层——不改变任何原有流程。巡检路线自动规划、设备故障提前预警。你现有的系统不用换，但效率会翻倍。</p><p class="service-closer">"不是换系统，是让系统变聪明。"</p></div><div class="service-img"><img src="assets/prop.jpg?v=7" alt="Smart Building" loading="lazy"></div></div><div class="service-row reverse reveal"><div class="service-text"><div class="metric service-metric">90 天</div><h3 class="heading-lg">AI+资管<br>风控大脑</h3><p>空置率提前 90 天预警，租金定价误差收窄至 5%。无缝接入资管平台，让历史租赁数据变成预测模型。招商智能匹配、租约到期提醒。</p><p class="service-closer">资管不该靠直觉，该靠数据。</p></div><div class="service-img"><img src="assets/server.jpg?v=7" alt="Server Data" loading="lazy"></div></div><div class="service-row reveal"><div class="service-text"><div class="metric service-metric">40%</div><h3 class="heading-lg">AI+CRM<br>效率跃升</h3><p>线索自动清洗，销售人效提升 40%。为现有 CRM 配备 AI 助理——自动捕捉商机、生成对话摘要。销售无需学习新软件，打开原界面就能看到 AI 推荐。</p><p class="service-closer">"销售的时间应该花在客户身上，不是系统里。"</p></div><div class="service-img"><img src="assets/crm.jpg?v=7" alt="CRM" loading="lazy"></div></div></div></section>
-    <section id="approach"><div class="container"><div class="section-header reveal"><span class="caption">WHY FISCHER</span><h2 class="display-lg">菲西尔和其他<br>AI 公司有什么不同</h2></div><div class="approach-list"><div class="approach-item reveal reveal-delay-1"><div class="approach-num">01</div><div class="approach-body"><h3>不替换，只叠加</h3><p>通过 API 外挂 AI 层，不停服、不迁移、不改流程。员工用原来的界面，体验无缝升级。</p></div></div><div class="approach-item reveal reveal-delay-2"><div class="approach-num">02</div><div class="approach-body"><h3>让数据开口说话</h3><p>沉睡的历史数据自动转化为预测模型和决策建议。把事后统计变为事前预警。</p></div></div><div class="approach-item reveal reveal-delay-3"><div class="approach-num">03</div><div class="approach-body"><h3>让 AI 替你干活</h3><p>高频重复工作交给 AI Agent——智能客服、招商匹配、巡检规划自动运转，人只负责关键决策。</p></div></div><div class="approach-item reveal reveal-delay-4"><div class="approach-num">04</div><div class="approach-body"><h3>跨系统一屏掌控</h3><p>所有业务数据在 AI 层融合。一句自然语言就能查"本月哪些楼宇空置率超标"，告别手动汇总。</p></div></div><div class="approach-item reveal reveal-delay-5"><div class="approach-num">05</div><div class="approach-body"><h3>小步试错，大步扩张</h3><p>从单一场景试点，验证有效再扩展。每一步都可衡量投入产出，钱花在刀刃上。</p></div></div></div></div></section>
-    <section id="geo"><div class="container"><div class="geo-grid"><div class="reveal"><span class="caption">BEYOND EFFICIENCY</span><div class="geo-bridge">对内提效降本，对外重塑获客</div><h2 class="heading-lg" style="margin-bottom: var(--sp-4);">让用户在大模型里<br>第一个找到你</h2><p class="body-lg">当客户问 Kimi 或文心一言"帮我找一家做 AI+物业的公司"&mdash;&mdash;你的品牌会不会出现在答案里？我们优化企业在主流大模型中的内容结构与权重，从"搜索排名"进化为"答案占位"。</p><div class="geo-quote"><p>"未来的获客，不是在搜索结果里抢位置，而是在 AI 答案里占一席之地。"</p></div></div><div class="service-img reveal" style="height: 440px;"><img src="assets/geo.jpg?v=7" alt="Network" loading="lazy"></div></div></div></section>
-    <section id="contact"><div class="container"><div class="contact-grid"><div class="reveal"><span class="caption">GET IN TOUCH</span><h2 class="heading-lg" style="margin-bottom: var(--sp-4); margin-top: var(--sp-2);">15 分钟，看看你的系统<br>能叠加什么</h2><p class="body-lg" style="margin-top: var(--sp-4);">不推销，只评估。基于你现有架构，给出一份可落地的 AI 叠加建议。</p><div style="margin-top: var(--sp-7); padding-top: var(--sp-5); border-top: 1px solid var(--border-subtle);"><p style="font-size: 13px; color: var(--text-quaternary);">上海菲西尔智能科技有限公司</p><p style="font-size: 13px; color: var(--text-quaternary); margin-top: var(--sp-1);">智能叠加——不推翻重来，在现有系统上叠加 AI 能力</p></div></div><form class="contact-form reveal" 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></div></section>
-    <footer><div class="container"><div class="caption">TECHNICAL SUPPORT PROVIDED BY</div><div class="company">上海菲西尔智能科技有限公司</div><div class="copy">&copy; 2026 SHANGHAI FISCHER INTELLIGENT TECHNOLOGY CO., LTD.</div></div></footer>
-    <script>
-    document.addEventListener('DOMContentLoaded', () => {
-        const nav = document.querySelector('nav');
-        window.addEventListener('scroll', () => { nav.classList.toggle('scrolled', window.scrollY > 60); }, { passive: true });
-        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(), phone = form.phone.value.trim(), email = form.email.value.trim(), 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.08, rootMargin: '0px 0px -30px 0px' });
-        document.querySelectorAll('.reveal').forEach(el => observer.observe(el));
-    });
-    
-    
-    // Hero cycling: AI + 物业 -> AI + 资管 -> ... -> AI X
-    (function() {
-        const indEl = document.getElementById('heroIndustry');
-        const cyclingEl = document.getElementById('heroCycling');
-        const plusEl = document.getElementById('heroPlus');
-        const xEl = document.getElementById('heroX');
-        const aiEl = document.getElementById('heroAi');
-        if (!indEl || !cyclingEl) return;
-        
-        const industries = ['资管', 'CRM', '制造', '医疗', '金融', '零售', '物流'];
-        let idx = 0;
-        const speeds = [1200, 900, 700, 500, 350, 220, 130, 80, 50];
-        let step = 0;
-        
-        function next() {
-            // Slide out
-            indEl.className = 'hero-industry-text slide-out';
-            
-            idx = (idx + 1) % industries.length;
-            
-            if (step >= speeds.length) {
-                // Merge phase
-                setTimeout(() => {
-                    indEl.className = 'hero-industry-text merge-out';
-                    plusEl.classList.add('to-x');
-                    aiEl.classList.add('merge-in');
-                }, 150);
-                
-                setTimeout(() => {
-                    xEl.classList.add('visible');
-                    cyclingEl.classList.add('merged');
-                }, 700);
-                return;
-            }
-            
-            const delay = speeds[step];
-            step++;
-            
-            setTimeout(() => {
-                indEl.textContent = industries[idx];
-                indEl.className = 'hero-industry-text slide-in';
-                
-                requestAnimationFrame(() => {
-                    requestAnimationFrame(() => {
-                        indEl.className = 'hero-industry-text show';
-                    });
-                });
-            }, 120);
-            
-            setTimeout(next, delay);
-        }
-        
-        setTimeout(next, 1500);
-    })();
+    <div class="bg-3d">
+        <div class="bg-gradient"></div>
+        <div class="orb orb-1"></div>
+        <div class="orb orb-2"></div>
+        <div class="orb orb-3"></div>
+        <div class="grid-overlay"></div>
+    </div>
 
+    <nav>
+        <div class="nav-inner">
+            <a href="#" class="logo">Fischer</a>
+            <div class="nav-links">
+                <a href="#pain">痛点</a>
+                <a href="#solutions">方案</a>
+                <a href="#approach">方法</a>
+                <a href="#contact">咨询</a>
+            </div>
+            <a href="#contact" class="nav-cta">
+                立即咨询
+                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                    <path d="M5 12h14M12 5l7 7-7 7"/>
+                </svg>
+            </a>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="hero-container">
+            <div class="hero-content">
+                <div class="hero-label">AI 赋能者</div>
+                <h1 class="hero-title">
+                    <span class="line">让现有系统</span>
+                    <span class="line accent">瞬间智能</span>
+                </h1>
+                <p class="hero-subtitle">
+                    无需替换，无需重建。菲西尔智能为企业现有业务系统
+                    叠加 AI 能力，一天上线，三天见效。
+                </p>
+                <div class="hero-actions">
+                    <a href="#contact" class="btn-primary">
+                        <span>预约演示</span>
+                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <path d="M5 12h14M12 5l7 7-7 7"/>
+                        </svg>
+                    </a>
+                    <a href="#solutions" class="btn-ghost">了解方案</a>
+                </div>
+            </div>
+            <div class="hero-visual">
+                <div class="hero-card hero-card-1">
+                    <div class="card-icon">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                            <path d="M12 2L2 7l10 5 10-5-10-5z"/>
+                            <path d="M2 17l10 5 10-5"/>
+                            <path d="M2 12l10 5 10-5"/>
+                        </svg>
+                    </div>
+                    <div class="card-title">智能工单</div>
+                    <div class="card-desc">AI 自动分配优先级</div>
+                </div>
+                <div class="hero-card hero-card-2">
+                    <div class="card-icon">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                            <path d="M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z"/>
+                            <path d="M3.27 6.96L12 12.01l8.73-5.05M12 22.08V12"/>
+                        </svg>
+                    </div>
+                    <div class="card-title">预测维护</div>
+                    <div class="card-desc">设备故障提前预警</div>
+                </div>
+                <div class="hero-card hero-card-3">
+                    <div class="card-icon">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                            <path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/>
+                            <circle cx="9" cy="7" r="4"/>
+                            <path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75"/>
+                        </svg>
+                    </div>
+                    <div class="card-title">客户洞察</div>
+                    <div class="card-desc">深度分析用户行为</div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="pain-section" id="pain">
+        <div class="section-container">
+            <div class="section-header reveal">
+                <div class="section-label">痛点洞察</div>
+                <h2 class="section-title">你的系统正在失去竞争力</h2>
+                <p class="section-desc">在 AI 时代原地踏步，意味着被竞争对手超越</p>
+            </div>
+            <div class="pain-magazine">
+                <div class="pain-feature reveal" style="grid-row: span 2;">
+                    <div class="pain-num">01</div>
+                    <div class="pain-icon-large">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                            <circle cx="12" cy="12" r="10"/>
+                            <path d="M12 6v6l4 2"/>
+                        </svg>
+                    </div>
+                    <h3 class="pain-title">效率瓶颈</h3>
+                    <p class="pain-desc">
+                        大量重复性工作消耗员工精力，高价值创新被忽视。
+                        竞争对手已经在用 AI 处理日常事务，而你的团队还在手动操作。
+                        效率差距正在越拉越大。
+                    </p>
+                </div>
+                <div class="pain-feature reveal">
+                    <div class="pain-num">02</div>
+                    <div class="pain-icon-large">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                            <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
+                        </svg>
+                    </div>
+                    <h3 class="pain-title">替换风险</h3>
+                    <p class="pain-desc">推翻重来代价太高</p>
+                </div>
+                <div class="pain-feature reveal">
+                    <div class="pain-num">03</div>
+                    <div class="pain-icon-large">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                            <path d="M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z"/>
+                        </svg>
+                    </div>
+                    <h3 class="pain-title">数据孤岛</h3>
+                    <p class="pain-desc">系统分散无法整合</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="solutions-section" id="solutions">
+        <div class="section-container">
+            <div class="section-header reveal">
+                <div class="section-label">解决方案</div>
+                <h2 class="section-title">三种场景，无限可能</h2>
+                <p class="section-desc">灵活叠加，按需扩展，让 AI 能力成为你的竞争优势</p>
+            </div>
+            <div class="solutions-grid">
+                <div class="solution-card reveal">
+                    <div class="solution-visual">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                            <path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/>
+                            <path d="M9 22V12h6v10"/>
+                        </svg>
+                    </div>
+                    <div class="solution-num">CASE 01</div>
+                    <h3 class="solution-title">AI + 物业</h3>
+                    <p class="solution-desc">
+                        智能工单分配、预测性设备维护、自动巡检报告。
+                        物业管理效率提升 300%。
+                    </p>
+                    <div class="solution-tags">
+                        <span class="solution-tag">智慧工单</span>
+                        <span class="solution-tag">设备预测</span>
+                        <span class="solution-tag">自动报告</span>
+                    </div>
+                </div>
+                <div class="solution-card reveal">
+                    <div class="solution-visual">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                            <rect x="3" y="3" width="18" height="18" rx="2" ry="2"/>
+                            <path d="M3 9h18M9 21V9"/>
+                        </svg>
+                    </div>
+                    <div class="solution-num">CASE 02</div>
+                    <h3 class="solution-title">AI + 资管</h3>
+                    <p class="solution-desc">
+                        智能租客分析、租金预测优化、资产风险评估。
+                        资产管理进入智能时代。
+                    </p>
+                    <div class="solution-tags">
+                        <span class="solution-tag">租客画像</span>
+                        <span class="solution-tag">收益优化</span>
+                        <span class="solution-tag">风险预警</span>
+                    </div>
+                </div>
+                <div class="solution-card reveal">
+                    <div class="solution-visual">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                            <path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/>
+                            <circle cx="9" cy="7" r="4"/>
+                            <path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75"/>
+                        </svg>
+                    </div>
+                    <div class="solution-num">CASE 03</div>
+                    <h3 class="solution-title">AI + CRM</h3>
+                    <p class="solution-desc">
+                        智能客户分层、销售预测、自动化跟进。
+                        销售转化率提升 40%。
+                    </p>
+                    <div class="solution-tags">
+                        <span class="solution-tag">客户分层</span>
+                        <span class="solution-tag">销售预测</span>
+                        <span class="solution-tag">自动跟进</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="approach-section" id="approach">
+        <div class="section-container">
+            <div class="section-header reveal">
+                <div class="section-label">实施路径</div>
+                <h2 class="section-title">简单四步，开启智能升级</h2>
+                <p class="section-desc">我们负责技术难题，你专注核心业务</p>
+            </div>
+            <div class="approach-timeline">
+                <div class="approach-item reveal">
+                    <div class="approach-marker">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <circle cx="12" cy="12" r="10"/>
+                            <path d="M12 16v-4M12 8h.01"/>
+                        </svg>
+                    </div>
+                    <div class="approach-content">
+                        <h3>需求诊断</h3>
+                        <p>深入了解你的业务系统，确认最佳 AI 叠加方案。一小时内完成评估，不收取任何费用。</p>
+                    </div>
+                </div>
+                <div class="approach-item reveal">
+                    <div class="approach-marker">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <path d="M12 2L2 7l10 5 10-5-10-5z"/>
+                            <path d="M2 17l10 5 10-5M2 12l10 5 10-5"/>
+                        </svg>
+                    </div>
+                    <div class="approach-content">
+                        <h3>快速对接</h3>
+                        <p>SDK 4 小时完成系统对接。不改变现有操作习惯，无需重新培训员工。</p>
+                    </div>
+                </div>
+                <div class="approach-item reveal">
+                    <div class="approach-marker">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <path d="M22 11.08V12a10 10 0 11-5.93-9.14"/>
+                            <path d="M22 4L12 14.01l-3-3"/>
+                        </svg>
+                    </div>
+                    <div class="approach-content">
+                        <h3>上线验证</h3>
+                        <p>灰度发布，实时监控效果。根据真实数据迭代优化，确保达到预期。</p>
+                    </div>
+                </div>
+                <div class="approach-item reveal">
+                    <div class="approach-marker">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
+                            <path d="M9 12l2 2 4-4"/>
+                        </svg>
+                    </div>
+                    <div class="approach-content">
+                        <h3>持续运营</h3>
+                        <p>7×24 小时运维支持，AI 能力持续进化，伴随业务共同成长。</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="cta-section" id="cta">
+        <div class="section-container">
+            <div class="cta-box reveal">
+                <h2 class="cta-title">准备好开启智能升级了吗？</h2>
+                <p class="cta-desc">预约免费咨询，获取专属 AI 升级方案</p>
+                <div class="cta-actions">
+                    <a href="#contact" class="btn-primary">
+                        <span>立即预约演示</span>
+                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <path d="M5 12h14M12 5l7 7-7 7"/>
+                        </svg>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="contact-section" id="contact">
+        <div class="section-container">
+            <div class="contact-grid">
+                <div class="contact-info reveal">
+                    <h2>联系我们</h2>
+                    <p>无论是咨询方案、预约演示还是商务合作，我们的团队随时为你服务。</p>
+                    <div class="contact-details">
+                        <div class="contact-item">
+                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                                <path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z"/>
+                            </svg>
+                            <span>400-888-8888</span>
+                        </div>
+                        <div class="contact-item">
+                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                                <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
+                                <path d="M22 6l-10 7L2 6"/>
+                            </svg>
+                            <span>contact@fischer.ai</span>
+                        </div>
+                        <div class="contact-item">
+                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                                <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/>
+                                <circle cx="12" cy="10" r="3"/>
+                            </svg>
+                            <span>上海市浦东新区张江高科技园区</span>
+                        </div>
+                    </div>
+                </div>
+                <form class="contact-form reveal" onsubmit="handleSubmit(event)">
+                    <div class="form-group">
+                        <label class="form-label">姓名</label>
+                        <input type="text" class="form-input" placeholder="请输入你的姓名" required>
+                    </div>
+                    <div class="form-group">
+                        <label class="form-label">公司</label>
+                        <input type="text" class="form-input" placeholder="请输入公司名称">
+                    </div>
+                    <div class="form-group">
+                        <label class="form-label">邮箱</label>
+                        <input type="email" class="form-input" placeholder="请输入邮箱地址" required>
+                    </div>
+                    <div class="form-group">
+                        <label class="form-label">需求描述</label>
+                        <textarea class="form-input" placeholder="请简要描述你的需求..."></textarea>
+                    </div>
+                    <button type="submit" class="form-submit">提交咨询</button>
+                </form>
+            </div>
+        </div>
+    </section>
+
+    <footer>
+        <div class="footer-inner">
+            <div class="footer-left">
+                © 2026 上海菲西尔智能科技有限公司
+            </div>
+            <div class="footer-links">
+                <a href="#">隐私政策</a>
+                <a href="#">服务条款</a>
+                <a href="#">沪ICP备12345678号</a>
+            </div>
+        </div>
+    </footer>
+
+    <script>
+        const reveals = document.querySelectorAll('.reveal');
+        const revealObserver = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    entry.target.classList.add('visible');
+                }
+            });
+        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
+
+        reveals.forEach(el => revealObserver.observe(el));
+
+        const nav = document.querySelector('nav');
+        window.addEventListener('scroll', () => {
+            if (window.scrollY > 50) {
+                nav.classList.add('scrolled');
+            } else {
+                nav.classList.remove('scrolled');
+            }
+        });
+
+        function handleSubmit(e) {
+            e.preventDefault();
+            const btn = e.target.querySelector('.form-submit');
+            btn.textContent = '提交中...';
+            btn.disabled = true;
+            setTimeout(() => {
+                btn.textContent = '提交成功！';
+                setTimeout(() => {
+                    btn.textContent = '提交咨询';
+                    btn.disabled = false;
+                    e.target.reset();
+                }, 2000);
+            }, 1500);
+        }
     </script>
 </body>
 </html>
\ No newline at end of file
diff --git a/version-c.html b/version-c.html
index 098a750..400c86d 100644
--- a/version-c.html
+++ b/version-c.html
@@ -3,353 +3,1099 @@
 <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能力。">
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;510;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;700;900&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+    <title>菲西尔智能 · 重新定义企业智能</title>
+    <meta name="description" content="上海菲西尔智能 - 让你的业务系统瞬间拥有AI能力。">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
     <style>
         :root {
-            --bg-deep: #010102; --bg-main: #08090a; --bg-panel: #0f1011;
-            --bg-elevated: #191a1b; --bg-surface: #28282c;
-            --text-primary: #f7f8f8; --text-secondary: #d0d6e0;
-            --text-tertiary: #8a8f98; --text-quaternary: #62666d;
-            --border-subtle: rgba(255,255,255,0.12);
-            --border-standard: rgba(255,255,255,0.18);
-            --border-prominent: rgba(255,255,255,0.22);
-            --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
-            --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
-            --sp-9: 80px; --sp-10: 120px;
-            --r-sm: 4px; --r-md: 6px; --r-lg: 8px; --r-xl: 12px; --r-2xl: 16px;
+            --bg: #0c0c0c;
+            --bg-warm: #111110;
+            --text: #f5f5f3;
+            --text-secondary: #a8a8a5;
+            --text-muted: #6b6b68;
+            --accent: #c9a962;
+            --accent-light: #e5d4a1;
+            --border: rgba(245, 245, 243, 0.08);
+            --border-light: rgba(245, 245, 243, 0.15);
         }
-        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
-        html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        html {
+            scroll-behavior: smooth;
+        }
+
         body {
-            font-family: 'Inter', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
-            font-feature-settings: 'cv01', 'ss03';
-            background: var(--bg-main); color: var(--text-primary);
-            line-height: 1.6; overflow-x: hidden;
-            -webkit-font-smoothing: antialiased;
+            font-family: 'Inter', 'Noto Sans SC', -apple-system, sans-serif;
+            background: var(--bg);
+            color: var(--text);
+            line-height: 1.7;
+            overflow-x: hidden;
         }
-        .display-xl { font-size: clamp(48px, 7vw, 88px); font-weight: 900; line-height: 1.02; letter-spacing: -0.03em; }
-        .display-lg { font-size: clamp(36px, 5vw, 64px); font-weight: 800; line-height: 1.05; letter-spacing: -0.025em; }
-        .heading-lg { font-size: clamp(24px, 3vw, 40px); font-weight: 700; line-height: 1.1; letter-spacing: -0.015em; }
-        .body-lg { font-size: clamp(16px, 1.2vw, 18px); font-weight: 400; line-height: 1.7; color: var(--text-secondary); }
-        .body-md { font-size: 15px; font-weight: 400; line-height: 1.65; color: var(--text-tertiary); }
-        .caption { font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: var(--text-quaternary); }
-        .metric { font-size: clamp(40px, 5vw, 72px); font-weight: 900; line-height: 1; letter-spacing: -0.04em; }
-        .container { max-width: 1200px; margin: 0 auto; padding: 0 var(--sp-5); position: relative; z-index: 2; }
-        .grain { position: fixed; inset: -50%; width: 200%; height: 200%; z-index: 9999; pointer-events: none; opacity: 0.02; 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='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
-        @keyframes grain { 0% { transform: translate(0,0); } 100% { transform: translate(-10%,10%); } }
-        
-        nav { position: fixed; top: 0; width: 100%; z-index: 1000; padding: var(--sp-4) 0; background: rgba(8,9,10,0.92); border-bottom: 1px solid var(--border-subtle); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
-        nav.scrolled { padding: var(--sp-2) 0; background: rgba(8,9,10,0.95); }
-        .nav-inner { max-width: 1200px; margin: 0 auto; padding: 0 var(--sp-5); display: flex; justify-content: space-between; align-items: center; }
-        .logo { font-size: 12px; font-weight: 800; letter-spacing: 0.2em; color: var(--text-primary); text-transform: uppercase; }
-        .nav-links { display: flex; gap: var(--sp-7); }
-        .nav-links a { color: var(--text-tertiary); text-decoration: none; font-size: 12px; font-weight: 510; letter-spacing: 0.04em; transition: color 0.3s ease; }
-        .nav-links a:hover { color: var(--text-primary); }
-        .hero { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; }
-        #hero-canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
-        .hero-poster { position: absolute; inset: 0; z-index: 0; background: linear-gradient(145deg, #1a1510 0%, #221e15 30%, #1c1810 50%, #151210 80%, #0e0c08 100%); }
-        @keyframes heroZoom { from { transform: scale(1.05); } to { transform: scale(1.12); } }
-        .hero-overlay { position: absolute; inset: 0; z-index: 2; background: linear-gradient(to bottom, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.25) 50%, var(--bg-main) 95%); pointer-events: none; }
-        .hero-content { position: relative; z-index: 10; text-align: center; max-width: 900px; padding: 0 var(--sp-5); }
-        .hero-line { width: 40px; height: 1px; background: rgba(255,255,255,0.3); margin: 0 auto var(--sp-6); opacity: 0; animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards; }
-        .hero-title { opacity: 0; animation: fadeUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards; }
-        .hero-sub { margin-top: var(--sp-6); font-size: clamp(15px, 1.3vw, 17px); font-weight: 400; color: var(--text-secondary); max-width: 560px; margin-left: auto; margin-right: auto; line-height: 1.75; opacity: 0; animation: fadeUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards; }
-        .hero-cta { margin-top: var(--sp-7); opacity: 0; animation: fadeUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.7s forwards; }
-        .btn-primary { display: inline-flex; align-items: center; gap: var(--sp-2); padding: 14px 32px; background: var(--text-primary); color: var(--bg-main); text-decoration: none; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; border-radius: var(--r-md); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); border: 1px solid transparent; }
-        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(255,255,255,0.12); }
-        .btn-ghost { display: inline-flex; align-items: center; padding: 14px 32px; background: rgba(255,255,255,0.03); color: var(--text-secondary); text-decoration: none; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; border-radius: var(--r-md); border: 1px solid var(--border-subtle); transition: all 0.3s ease; margin-left: var(--sp-3); }
-        .btn-ghost:hover { background: rgba(255,255,255,0.06); color: var(--text-primary); border-color: var(--border-standard); }
-        .scroll-indicator { position: absolute; bottom: var(--sp-7); left: 50%; transform: translateX(-50%); z-index: 10; width: 1px; height: 48px; background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.2), transparent); animation: scrollPulse 3s ease-in-out infinite; }
-        @keyframes scrollPulse { 0%, 100% { opacity: 0; transform: translateX(-50%) scaleY(0.5); } 50% { opacity: 1; transform: translateX(-50%) scaleY(1); } }
-        @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
-        section { padding: var(--sp-10) 0; position: relative; }
-        .section-header { max-width: 640px; margin-bottom: var(--sp-8); }
-        .section-header .caption { display: flex; align-items: center; gap: var(--sp-3); margin-bottom: var(--sp-4); }
-        .section-header .caption::before { content: ''; width: 20px; height: 1px; background: var(--text-quaternary); }
-        #pain-points { background: var(--bg-main); }
-        .pain-bg-grid { position: absolute; inset: 0; 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: 80px 80px; pointer-events: none; }
-        .pain-glow { position: absolute; top: 20%; left: 50%; width: 800px; height: 800px; transform: translate(-50%, -50%); background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%); pointer-events: none; }
-        .pain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; position: relative; }
-        .pain-item { background: rgba(255,255,255,0.04); padding: var(--sp-7) var(--sp-6); border: 1px solid var(--border-subtle); position: relative; min-height: 320px; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
-        .pain-item:hover { background: rgba(255,255,255,0.07); border-color: var(--border-standard); }
-        .pain-icon { width: 32px; height: 32px; opacity: 0.4; margin-bottom: var(--sp-6); transition: opacity 0.4s ease; }
-        .pain-item:hover .pain-icon { opacity: 0.6; }
-        .pain-icon svg { width: 100%; height: 100%; }
-        .pain-icon svg line, .pain-icon svg path, .pain-icon svg rect, .pain-icon svg circle, .pain-icon svg polyline { stroke: #fff; stroke-width: 1.2; fill: none; }
-        .pain-item h3 { font-size: 18px; font-weight: 800; line-height: 1.3; letter-spacing: -0.01em; margin-bottom: var(--sp-3); color: var(--text-primary); }
-        .pain-item p { font-size: 14px; color: var(--text-tertiary); line-height: 1.7; }
-        .pain-num { position: absolute; bottom: var(--sp-4); right: var(--sp-5); font-size: 72px; font-weight: 900; color: rgba(255,255,255,0.10); line-height: 1; letter-spacing: -0.04em; }
-        .pain-highlight { grid-column: 1 / -1; min-height: auto; padding: var(--sp-8) var(--sp-7); background: rgba(255,255,255,0.04); border-color: var(--border-subtle); display: flex; align-items: center; gap: var(--sp-7); }
-        .pain-highlight .highlight-body { flex: 1; }
-        .pain-highlight h3 { font-size: clamp(24px, 3vw, 36px); font-weight: 900; letter-spacing: -0.02em; margin-bottom: var(--sp-3); }
-        .pain-highlight p { font-size: 16px; color: var(--text-secondary); line-height: 1.8; max-width: 600px; }
-        .pain-highlight .pain-num { position: relative; bottom: auto; right: auto; font-size: 120px; opacity: 0.12; flex-shrink: 0; }
-        #solutions { background: var(--bg-panel); border-top: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle); }
-        .service-row { display: grid; grid-template-columns: 1fr 1.2fr; gap: var(--sp-8); align-items: center; margin-bottom: var(--sp-10); }
-        .service-row.reverse { direction: rtl; }
-        .service-row.reverse > * { direction: ltr; }
-        .service-row:last-child { margin-bottom: 0; }
-        .service-text .service-metric { margin-bottom: var(--sp-2); background: linear-gradient(135deg, var(--text-primary) 0%, var(--text-tertiary) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
-        .service-text h3 { margin-bottom: var(--sp-4); color: var(--text-primary); }
-        .service-text p { font-size: 16px; color: var(--text-secondary); line-height: 1.8; max-width: 480px; margin-top: var(--sp-3); }
-        .service-closer { margin-top: var(--sp-5) !important; padding-top: var(--sp-4) !important; border-top: 1px solid var(--border-subtle) !important; font-size: 14px !important; color: var(--text-quaternary) !important; font-style: italic; }
-        .service-img { height: 480px; border-radius: var(--r-xl); overflow: hidden; background: var(--bg-elevated); border: 1px solid var(--border-subtle); }
-        .service-img img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(60%) brightness(0.85) contrast(1.1); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
-        .service-img:hover img { transform: scale(1.03); filter: grayscale(40%) brightness(0.9) contrast(1.15); }
-        #approach { background: var(--bg-main); }
-        .approach-list { max-width: 800px; }
-        .approach-item { display: flex; gap: var(--sp-6); padding: var(--sp-6) 0; border-bottom: 1px solid var(--border-subtle); align-items: flex-start; }
-        .approach-item:last-child { border-bottom: none; }
-        .approach-num { font-size: 13px; font-weight: 600; color: var(--text-quaternary); font-family: 'JetBrains Mono', monospace; letter-spacing: 0.05em; padding-top: 4px; min-width: 32px; }
-        .approach-body h3 { font-size: 20px; font-weight: 700; letter-spacing: -0.01em; margin-bottom: var(--sp-2); color: var(--text-primary); }
-        .approach-body p { font-size: 15px; color: var(--text-tertiary); line-height: 1.7; }
-        #geo { background: var(--bg-panel); border-top: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle); }
-        .geo-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: var(--sp-8); align-items: center; }
-        .geo-bridge { font-size: 12px; font-weight: 600; color: var(--text-quaternary); letter-spacing: 0.15em; text-transform: uppercase; display: flex; align-items: center; gap: var(--sp-3); margin-bottom: var(--sp-4); }
-        .geo-bridge::before { content: ''; width: 24px; height: 1px; background: var(--text-quaternary); }
-        .geo-quote { margin-top: var(--sp-6); padding: var(--sp-5); background: rgba(255,255,255,0.04); border-left: 2px solid var(--border-prominent); border-radius: 0 var(--r-md) var(--r-md) 0; }
-        .geo-quote p { font-size: 16px; color: var(--text-secondary); line-height: 1.7; font-style: italic; }
-        #contact { background: var(--bg-main); }
-        .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-8); align-items: start; }
-        .contact-form { display: flex; flex-direction: column; gap: var(--sp-4); }
-        .contact-form label { display: block; font-size: 11px; font-weight: 600; color: var(--text-quaternary); letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: var(--sp-2); }
-        .contact-form input, .contact-form textarea { width: 100%; padding: 14px 16px; background: rgba(255,255,255,0.05); border: 1px solid var(--border-subtle); border-radius: var(--r-md); color: var(--text-primary); font-size: 15px; font-family: inherit; transition: all 0.3s ease; }
-        .contact-form input:focus, .contact-form textarea:focus { outline: none; border-color: var(--border-prominent); background: rgba(255,255,255,0.07); box-shadow: 0 0 0 3px rgba(255,255,255,0.03); }
-        .contact-form textarea { min-height: 100px; resize: vertical; }
-        .contact-form input::placeholder, .contact-form textarea::placeholder { color: var(--text-quaternary); }
-        .contact-submit button { padding: 14px 40px; background: var(--text-primary); color: var(--bg-main); border: none; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; border-radius: var(--r-md); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); width: 100%; }
-        .contact-submit button:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(255,255,255,0.1); }
-        .contact-submit button:disabled { opacity: 0.5; cursor: default; transform: none; box-shadow: none; }
-        .form-status { text-align: center; font-size: 13px; min-height: 20px; }
-        .form-status.ok { color: #27a644; }
-        .form-status.err { color: #ff5b4f; }
-        footer { padding: var(--sp-8) 0; text-align: center; background: var(--bg-deep); border-top: 1px solid var(--border-subtle); }
-        footer .caption { color: var(--text-quaternary); margin-bottom: var(--sp-3); }
-        footer .company { font-size: 14px; font-weight: 600; color: var(--text-tertiary); }
-        footer .copy { margin-top: var(--sp-3); font-size: 10px; color: var(--text-quaternary); letter-spacing: 0.08em; }
-        .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
-        .reveal.visible { opacity: 1; transform: translateY(0); }
-        .reveal-delay-1 { transition-delay: 0.08s; }
-        .reveal-delay-2 { transition-delay: 0.16s; }
-        .reveal-delay-3 { transition-delay: 0.24s; }
-        .reveal-delay-4 { transition-delay: 0.32s; }
-        .reveal-delay-5 { transition-delay: 0.4s; }
-        @media (max-width: 900px) {
-            :root { --sp-8: 48px; --sp-9: 64px; --sp-10: 80px; }
-            .nav-links { display: none; }
-            .container { padding: 0 var(--sp-4); }
-            .hero-content { max-width: 100%; }
-            .hero-sub { font-size: 15px; }
-            .btn-ghost { display: none; }
-            section { padding: var(--sp-9) 0; }
-            .section-header { margin-bottom: var(--sp-6); }
-            .pain-grid { display: flex; flex-direction: column; gap: 1px; }
-            .pain-item { min-height: auto; padding: var(--sp-6) var(--sp-4); border: none; border-top: 1px solid var(--border-subtle); background: transparent; }
-            .pain-item:first-child { border-top: none; }
-            .pain-icon { margin: 0 auto var(--sp-5); }
-            .pain-item h3 { font-size: 20px; text-align: center; }
-            .pain-item p { text-align: center; font-size: 14px; }
-            .pain-num { font-size: 64px; bottom: 12px; right: 12px; }
-            .pain-highlight { flex-direction: column; padding: var(--sp-6) var(--sp-4); gap: var(--sp-4); text-align: center; border-top: 1px solid var(--border-subtle); }
-            .pain-highlight .pain-num { position: relative; font-size: 80px; }
-            .service-row, .service-row.reverse { grid-template-columns: 1fr; gap: var(--sp-5); margin-bottom: var(--sp-8); direction: ltr; }
-            .service-row.reverse > * { direction: ltr; }
-            .service-img { height: 260px; order: -1; }
-            .service-text .service-metric { font-size: 48px; }
-            .approach-item { flex-direction: column; gap: var(--sp-2); padding: var(--sp-5) 0; }
-            .approach-num { font-size: 13px; }
-            .approach-body h3 { font-size: 18px; }
-            .geo-grid { grid-template-columns: 1fr; gap: var(--sp-6); }
-            .contact-grid { grid-template-columns: 1fr; gap: var(--sp-6); }
+
+        /* Film Grain Overlay */
+        .grain {
+            position: fixed;
+            inset: -50%;
+            width: 200%;
+            height: 200%;
+            z-index: 9999;
+            pointer-events: none;
+            opacity: 0.03;
+            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
+            animation: grain 0.5s steps(5) infinite;
         }
-        @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }
-    
-        /* Hero Cycling Typography */
-        .hero-cycling {
+
+        @keyframes grain {
+            0% { transform: translate(0,0); }
+            100% { transform: translate(-10%,10%); }
+        }
+
+        /* Navigation */
+        nav {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 100;
+            padding: 28px 0;
+            transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+        }
+
+        nav.scrolled {
+            padding: 20px 0;
+            background: rgba(12, 12, 12, 0.95);
+            backdrop-filter: blur(20px);
+        }
+
+        .nav-inner {
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 64px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .logo {
+            font-family: 'Cormorant Garamond', serif;
+            font-size: 22px;
+            font-weight: 500;
+            color: var(--text);
+            text-decoration: none;
+            letter-spacing: 0.05em;
+        }
+
+        .nav-links {
+            display: flex;
+            gap: 56px;
+        }
+
+        .nav-links a {
+            font-size: 13px;
+            font-weight: 400;
+            color: var(--text-secondary);
+            text-decoration: none;
+            letter-spacing: 0.02em;
+            transition: color 0.3s ease;
+        }
+
+        .nav-links a:hover {
+            color: var(--text);
+        }
+
+        .nav-cta {
+            display: inline-flex;
+            align-items: center;
+            padding: 12px 28px;
+            border: 1px solid var(--border-light);
+            color: var(--text);
+            font-size: 12px;
+            font-weight: 500;
+            text-decoration: none;
+            letter-spacing: 0.08em;
+            transition: all 0.4s ease;
+        }
+
+        .nav-cta:hover {
+            background: var(--text);
+            color: var(--bg);
+            border-color: var(--text);
+        }
+
+        /* Hero - Cinematic */
+        .hero {
+            min-height: 100vh;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            position: relative;
+        }
+
+        .hero-bg {
+            position: absolute;
+            inset: 0;
+            background: linear-gradient(180deg, rgba(12,12,12,0) 0%, rgba(12,12,12,0.3) 50%, var(--bg) 100%);
+            z-index: 1;
+        }
+
+        .hero-content {
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 64px;
+            position: relative;
+            z-index: 2;
+            padding-top: 160px;
+            padding-bottom: 120px;
+        }
+
+        .hero-eyebrow {
+            font-family: 'Cormorant Garamond', serif;
+            font-size: 14px;
+            font-weight: 400;
+            font-style: italic;
+            color: var(--accent);
+            letter-spacing: 0.1em;
+            margin-bottom: 32px;
+            opacity: 0;
+            transform: translateY(40px);
+            animation: fadeUp 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.3s forwards;
+        }
+
+        .hero-title {
+            font-family: 'Cormorant Garamond', serif;
+            font-size: clamp(56px, 8vw, 96px);
+            font-weight: 400;
+            line-height: 1.05;
+            letter-spacing: -0.01em;
+            margin-bottom: 40px;
+            max-width: 900px;
+            opacity: 0;
+            transform: translateY(40px);
+            animation: fadeUp 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.5s forwards;
+        }
+
+        .hero-title em {
+            font-style: italic;
+            color: var(--accent);
+        }
+
+        .hero-subtitle {
+            font-size: 18px;
+            font-weight: 300;
+            color: var(--text-secondary);
+            max-width: 560px;
+            line-height: 1.8;
+            margin-bottom: 56px;
+            opacity: 0;
+            transform: translateY(40px);
+            animation: fadeUp 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.7s forwards;
+        }
+
+        .hero-actions {
+            display: flex;
+            gap: 24px;
+            opacity: 0;
+            transform: translateY(40px);
+            animation: fadeUp 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.9s forwards;
+        }
+
+        .btn-primary {
+            display: inline-flex;
+            align-items: center;
+            gap: 12px;
+            padding: 18px 40px;
+            background: var(--text);
+            color: var(--bg);
+            font-size: 12px;
+            font-weight: 500;
+            text-decoration: none;
+            letter-spacing: 0.1em;
+            transition: all 0.4s ease;
+        }
+
+        .btn-primary:hover {
+            background: var(--accent);
+        }
+
+        .btn-ghost {
+            display: inline-flex;
+            align-items: center;
+            gap: 12px;
+            padding: 18px 40px;
+            border: 1px solid var(--border-light);
+            color: var(--text);
+            font-size: 12px;
+            font-weight: 400;
+            text-decoration: none;
+            letter-spacing: 0.08em;
+            transition: all 0.4s ease;
+        }
+
+        .btn-ghost:hover {
+            border-color: var(--text);
+        }
+
+        .hero-scroll {
+            position: absolute;
+            bottom: 48px;
+            left: 50%;
+            transform: translateX(-50%);
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 12px;
+            opacity: 0;
+            animation: fadeIn 1s ease 1.5s forwards;
+        }
+
+        .hero-scroll span {
+            font-size: 10px;
+            letter-spacing: 0.2em;
+            text-transform: uppercase;
+            color: var(--text-muted);
+        }
+
+        .scroll-line {
+            width: 1px;
+            height: 48px;
+            background: linear-gradient(to bottom, var(--text-muted), transparent);
+            animation: scrollPulse 2s ease-in-out infinite;
+        }
+
+        @keyframes scrollPulse {
+            0%, 100% { opacity: 0.3; transform: scaleY(0.6); }
+            50% { opacity: 1; transform: scaleY(1); }
+        }
+
+        @keyframes fadeUp {
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+
+        @keyframes fadeIn {
+            to { opacity: 1; }
+        }
+
+        /* Section */
+        section {
+            padding: clamp(100px, 15vw, 200px) 0;
+        }
+
+        .section-inner {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 64px;
+        }
+
+        .section-header {
+            margin-bottom: 80px;
+        }
+
+        .section-label {
+            font-size: 11px;
+            font-weight: 500;
+            letter-spacing: 0.25em;
+            text-transform: uppercase;
+            color: var(--accent);
+            margin-bottom: 24px;
+        }
+
+        .section-title {
+            font-family: 'Cormorant Garamond', serif;
+            font-size: clamp(36px, 5vw, 56px);
+            font-weight: 400;
+            line-height: 1.2;
+            margin-bottom: 20px;
+        }
+
+        .section-desc {
+            font-size: 16px;
+            font-weight: 300;
+            color: var(--text-secondary);
+            line-height: 1.8;
+            max-width: 600px;
+        }
+
+        /* Pain Points - Story */
+        .pain-section {
+            background: var(--bg);
+        }
+
+        .pain-story {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 120px;
+            align-items: center;
+        }
+
+        .pain-content h3 {
+            font-family: 'Cormorant Garamond', serif;
+            font-size: 32px;
+            font-weight: 400;
+            margin-bottom: 24px;
+            line-height: 1.3;
+        }
+
+        .pain-content p {
+            font-size: 15px;
+            color: var(--text-secondary);
+            line-height: 1.9;
+            margin-bottom: 20px;
+        }
+
+        .pain-quote {
+            font-family: 'Cormorant Garamond', serif;
+            font-size: 20px;
+            font-style: italic;
+            color: var(--accent);
+            padding-left: 24px;
+            border-left: 2px solid var(--accent);
+            margin-top: 32px;
+        }
+
+        .pain-visual {
+            position: relative;
+        }
+
+        .pain-card {
+            background: var(--bg-warm);
+            border: 1px solid var(--border);
+            padding: 48px;
+            position: relative;
+        }
+
+        .pain-card::before {
+            content: '';
+            position: absolute;
+            top: -1px;
+            left: -1px;
+            right: -1px;
+            bottom: -1px;
+            background: linear-gradient(135deg, var(--accent) 0%, transparent 50%);
+            z-index: -1;
+            opacity: 0;
+            transition: opacity 0.6s ease;
+        }
+
+        .pain-card:hover::before {
+            opacity: 0.3;
+        }
+
+        .pain-num {
+            font-family: 'Cormorant Garamond', serif;
+            font-size: 80px;
+            font-weight: 400;
+            color: rgba(245, 245, 243, 0.05);
+            position: absolute;
+            top: -20px;
+            right: 20px;
+            line-height: 1;
+        }
+
+        .pain-icon {
+            width: 56px;
+            height: 56px;
+            border: 1px solid var(--border-light);
             display: flex;
             align-items: center;
             justify-content: center;
-            gap: 0.08em;
-            min-height: 1.2em;
-        }
-        .hero-ai-text, .hero-x-text {
-            display: inline-block;
-            font-size: 1em;
-            font-weight: inherit;
-        }
-        .hero-plus-sign {
-            display: inline-block;
-            transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1),
-                        opacity 0.3s ease;
-        }
-        .hero-plus-sign.to-x {
-            transform: rotate(45deg);
-        }
-        .hero-industry-wrap {
-            display: inline-block;
-            position: relative;
-            width: 3em;
-            overflow: hidden;
-            height: 1.1em;
-            vertical-align: bottom;
-            text-align: left;
-        }
-        .hero-industry-text {
-            display: inline-block;
-            transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
-                        opacity 0.2s ease;
-        }
-        .hero-industry-text.slide-out {
-            transform: translateY(-110%);
-            opacity: 0;
-        }
-        .hero-industry-text.slide-in {
-            transform: translateY(110%);
-            opacity: 0;
-        }
-        .hero-industry-text.show {
-            transform: translateY(0);
-            opacity: 1;
-        }
-        /* Merge phase */
-        .hero-industry-text.merge-out {
-            transform: translateY(-80%) scale(0.6);
-            opacity: 0;
-            filter: blur(6px);
-            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
-        }
-        .hero-ai-text.merge-in {
-            animation: aiGlow 0.6s ease;
-        }
-        @keyframes aiGlow {
-            0% { opacity: 1; }
-            30% { opacity: 0.4; filter: blur(4px); }
-            100% { opacity: 1; filter: blur(0); }
-        }
-        /* Final merged state: AI X centered with gap */
-        .hero-cycling.merged {
-            gap: 0.15em;
-        }
-        .hero-cycling.merged .hero-industry-wrap {
-            width: 0;
-            height: 0;
-            overflow: hidden;
-        }
-        .hero-cycling.merged .hero-plus-sign {
-            font-size: 1em;
-        }
-        .hero-cycling.merged .hero-x-text {
-            opacity: 1;
-        }
-        .hero-x-text {
-            opacity: 0;
-            transition: opacity 0.5s ease;
-        }
-        .hero-x-text.visible {
-            opacity: 1;
+            margin-bottom: 32px;
         }
 
+        .pain-icon svg {
+            width: 28px;
+            height: 28px;
+            stroke: var(--accent);
+        }
+
+        .pain-card h4 {
+            font-family: 'Cormorant Garamond', serif;
+            font-size: 24px;
+            font-weight: 500;
+            margin-bottom: 12px;
+        }
+
+        .pain-card p {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+        }
+
+        /* Solutions */
+        .solutions-section {
+            background: var(--bg-warm);
+        }
+
+        .solutions-list {
+            display: flex;
+            flex-direction: column;
+            gap: 2px;
+        }
+
+        .solution-item {
+            display: grid;
+            grid-template-columns: 200px 1fr 400px;
+            gap: 80px;
+            padding: 64px 0;
+            border-bottom: 1px solid var(--border);
+            align-items: start;
+            transition: all 0.5s ease;
+        }
+
+        .solution-item:first-child {
+            border-top: 1px solid var(--border);
+        }
+
+        .solution-item:hover {
+            background: rgba(201, 169, 98, 0.02);
+        }
+
+        .solution-num {
+            font-family: 'Cormorant Garamond', serif;
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--accent);
+            letter-spacing: 0.1em;
+        }
+
+        .solution-content h3 {
+            font-family: 'Cormorant Garamond', serif;
+            font-size: 36px;
+            font-weight: 400;
+            margin-bottom: 16px;
+        }
+
+        .solution-content p {
+            font-size: 15px;
+            color: var(--text-secondary);
+            line-height: 1.8;
+            max-width: 500px;
+        }
+
+        .solution-tags {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 12px;
+            padding-top: 24px;
+        }
+
+        .solution-tag {
+            padding: 8px 16px;
+            border: 1px solid var(--border);
+            font-size: 12px;
+            color: var(--text-muted);
+            letter-spacing: 0.05em;
+        }
+
+        .solution-visual {
+            display: flex;
+            align-items: center;
+            justify-content: flex-end;
+        }
+
+        .solution-metric {
+            text-align: right;
+        }
+
+        .solution-metric .number {
+            font-family: 'Cormorant Garamond', serif;
+            font-size: 72px;
+            font-weight: 400;
+            color: var(--text);
+            line-height: 1;
+        }
+
+        .solution-metric .number span {
+            color: var(--accent);
+        }
+
+        .solution-metric .label {
+            font-size: 12px;
+            color: var(--text-muted);
+            letter-spacing: 0.1em;
+            text-transform: uppercase;
+            margin-top: 8px;
+        }
+
+        /* Approach */
+        .approach-section {
+            background: var(--bg);
+        }
+
+        .approach-grid {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: 2px;
+        }
+
+        .approach-card {
+            background: var(--bg-warm);
+            border: 1px solid var(--border);
+            padding: 56px;
+            position: relative;
+            transition: all 0.5s ease;
+        }
+
+        .approach-card:hover {
+            border-color: var(--accent);
+        }
+
+        .approach-num {
+            font-family: 'Cormorant Garamond', serif;
+            font-size: 64px;
+            font-weight: 400;
+            color: rgba(245, 245, 243, 0.06);
+            position: absolute;
+            top: 20px;
+            right: 24px;
+            line-height: 1;
+        }
+
+        .approach-card h3 {
+            font-family: 'Cormorant Garamond', serif;
+            font-size: 28px;
+            font-weight: 500;
+            margin-bottom: 16px;
+        }
+
+        .approach-card p {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.8;
+        }
+
+        /* CTA */
+        .cta-section {
+            background: linear-gradient(180deg, var(--bg) 0%, var(--bg-warm) 100%);
+            text-align: center;
+        }
+
+        .cta-inner {
+            max-width: 800px;
+            margin: 0 auto;
+            padding: 0 64px;
+        }
+
+        .cta-title {
+            font-family: 'Cormorant Garamond', serif;
+            font-size: clamp(40px, 6vw, 64px);
+            font-weight: 400;
+            line-height: 1.2;
+            margin-bottom: 24px;
+        }
+
+        .cta-desc {
+            font-size: 16px;
+            font-weight: 300;
+            color: var(--text-secondary);
+            margin-bottom: 48px;
+        }
+
+        /* Contact */
+        .contact-section {
+            background: var(--bg-warm);
+        }
+
+        .contact-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 120px;
+        }
+
+        .contact-info h2 {
+            font-family: 'Cormorant Garamond', serif;
+            font-size: clamp(36px, 4vw, 48px);
+            font-weight: 400;
+            line-height: 1.2;
+            margin-bottom: 24px;
+        }
+
+        .contact-info > p {
+            font-size: 15px;
+            color: var(--text-secondary);
+            line-height: 1.8;
+            margin-bottom: 48px;
+        }
+
+        .contact-details {
+            display: flex;
+            flex-direction: column;
+            gap: 20px;
+        }
+
+        .contact-item {
+            display: flex;
+            align-items: center;
+            gap: 20px;
+            font-size: 14px;
+            color: var(--text-secondary);
+        }
+
+        .contact-item svg {
+            width: 20px;
+            height: 20px;
+            stroke: var(--accent);
+        }
+
+        .contact-form {
+            display: flex;
+            flex-direction: column;
+            gap: 24px;
+        }
+
+        .form-row {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 24px;
+        }
+
+        .form-group {
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+        }
+
+        .form-label {
+            font-size: 11px;
+            font-weight: 500;
+            letter-spacing: 0.15em;
+            text-transform: uppercase;
+            color: var(--text-muted);
+        }
+
+        .form-input {
+            padding: 16px 0;
+            background: transparent;
+            border: none;
+            border-bottom: 1px solid var(--border);
+            font-size: 15px;
+            color: var(--text);
+            font-family: inherit;
+            transition: all 0.3s ease;
+        }
+
+        .form-input:focus {
+            outline: none;
+            border-color: var(--accent);
+        }
+
+        .form-input::placeholder {
+            color: var(--text-muted);
+        }
+
+        textarea.form-input {
+            min-height: 100px;
+            resize: none;
+        }
+
+        .form-submit {
+            align-self: flex-start;
+            padding: 18px 48px;
+            background: var(--text);
+            color: var(--bg);
+            font-size: 12px;
+            font-weight: 500;
+            letter-spacing: 0.1em;
+            border: none;
+            cursor: pointer;
+            transition: all 0.4s ease;
+        }
+
+        .form-submit:hover {
+            background: var(--accent);
+        }
+
+        /* Footer */
+        footer {
+            padding: 64px 0;
+            background: var(--bg);
+            border-top: 1px solid var(--border);
+        }
+
+        .footer-inner {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 64px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .footer-left {
+            font-size: 13px;
+            color: var(--text-muted);
+        }
+
+        .footer-links {
+            display: flex;
+            gap: 40px;
+        }
+
+        .footer-links a {
+            font-size: 13px;
+            color: var(--text-muted);
+            text-decoration: none;
+            transition: color 0.3s ease;
+        }
+
+        .footer-links a:hover {
+            color: var(--text);
+        }
+
+        /* Reveal Animation */
+        .reveal {
+            opacity: 0;
+            transform: translateY(50px);
+            transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
+        }
+
+        .reveal.visible {
+            opacity: 1;
+            transform: translateY(0);
+        }
+
+        /* Responsive */
+        @media (max-width: 1024px) {
+            .pain-story,
+            .contact-grid {
+                grid-template-columns: 1fr;
+                gap: 60px;
+            }
+
+            .solution-item {
+                grid-template-columns: 1fr;
+                gap: 32px;
+            }
+
+            .solution-visual {
+                justify-content: flex-start;
+            }
+
+            .approach-grid {
+                grid-template-columns: 1fr;
+            }
+
+            .form-row {
+                grid-template-columns: 1fr;
+            }
+        }
+
+        @media (max-width: 768px) {
+            .nav-links {
+                display: none;
+            }
+
+            .nav-inner,
+            .section-inner,
+            .cta-inner,
+            .footer-inner,
+            .hero-content {
+                padding: 0 24px;
+            }
+        }
     </style>
 </head>
 <body>
-    
-    <nav><div class="nav-inner"><div class="logo">FISCHER</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"><div class="hero-poster"></div><div class="hero-glow" style="position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(212,175,55,0.1) 0%,transparent 70%);pointer-events:none;z-index:1;"></div><div class="hero-overlay"></div><div class="hero-content"><div class="hero-line"></div><h1 class="display-xl hero-title">
-            <div class="hero-cycling" id="heroCycling">
-                <span class="hero-ai-text" id="heroAi">AI</span>
-                <span class="hero-plus-sign" id="heroPlus">+</span>
-                <span class="hero-industry-wrap">
-                    <span class="hero-industry-text show" id="heroIndustry">物业</span>
-                </span>
-                <span class="hero-x-text" id="heroX">X</span>
-            </div>
-        </h1><p class="hero-sub">在已运转的业务系统之上叠加 AI 智能层。2 周部署，零迁移成本，让旧系统拥有新大脑。</p><div class="hero-cta"><a href="#solutions" class="btn-primary">获取行业定制方案</a><a href="#pain-points" class="btn-ghost">了解痛点 &rarr;</a></div></div><div class="scroll-indicator"></div></div>
-    <section id="pain-points"><div class="pain-bg-grid"></div><div class="pain-glow"></div><div class="container"><div class="section-header reveal"><span class="caption">THE REAL PROBLEM</span><h2 class="display-lg">你的系统<br>正在偷走你的利润</h2><p class="body-lg" style="margin-top: var(--sp-4);">每一个你习以为常的流程背后，都藏着被浪费的成本和错失的机会。</p></div><div class="pain-grid"><div class="pain-item reveal reveal-delay-1"><div class="pain-icon"><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><div><h3>每年几十万数据录入费<br>换来零决策价值</h3><p>物业、资管、CRM 积累了海量数据，却像仓库里的积压库存。记录了一大堆，决策还是靠拍脑袋。</p></div><div class="pain-num">01</div></div><div class="pain-item reveal reveal-delay-2"><div class="pain-icon"><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"/><line x1="20" y1="16" x2="20" y2="24"/><line x1="32" y1="16" x2="32" y2="24"/></svg></div><div><h3>系统越多 盲区越大<br>管理者像盲人摸象</h3><p>报修、资产、客户分属不同系统。永远拼不出完整的业务全景，资源错配成了常态。</p></div><div class="pain-num">02</div></div><div class="pain-item reveal reveal-delay-3"><div class="pain-icon"><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><div><h3>高薪人才 70% 时间<br>耗在填表和派单</h3><p>招来的专业人才，精力被重复事务榨干。高射炮打蚊子，人效极低，人才流失率越来越高。</p></div><div class="pain-num">03</div></div><div class="pain-item reveal reveal-delay-1"><div class="pain-icon"><svg viewBox="0 0 40 40"><circle cx="20" cy="20" r="14"/><polyline points="20,10 20,20 26,24"/><line x1="6" y1="4" x2="6" y2="10"/><line x1="34" y1="4" x2="34" y2="10"/></svg></div><div><h3>报表出来时<br>损失已经发生</h3><p>空置率超标、客户流失、租金定价偏差……等月底报表出来，问题早已发生。企业永远在事后补救。</p></div><div class="pain-num">04</div></div><div class="pain-item reveal reveal-delay-2"><div class="pain-icon"><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><div><h3>推翻重来的项目<br>70% 超期超预算</h3><p>传统 AI 方案要求重建系统。周期长、风险高、员工抵触。一旦失败，前期投入全部打水漂。</p></div><div class="pain-num">05</div></div><div class="pain-item reveal reveal-delay-3"><div class="pain-icon"><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><div><h3>核心能力长在老员工脑子里<br>人走能力断</h3><p>招商经验、客户判断、定价策略全靠人。人一走，能力就断层。企业无法规模化复制成功经验。</p></div><div class="pain-num">06</div></div><div class="pain-item pain-highlight reveal"><div class="pain-num">&infin;</div><div class="highlight-body"><h3>破局之道</h3><p>不替换系统，不迁移数据，不改变流程。在现有基础设施之上叠加一层 AI&mdash;&mdash;让旧系统拥有新大脑。</p></div></div></div></div></section>
-    <section id="solutions"><div class="container"><div class="section-header reveal"><span class="caption">WHAT WE DO</span><h2 class="display-lg">把 AI 变成你的<br>核心生产力</h2><p class="body-lg" style="margin-top: var(--sp-4);">三个行业场景，一条相同逻辑：不替换，只增强。</p></div><div class="service-row reveal"><div class="service-text"><div class="metric service-metric">60%</div><h3 class="heading-lg">AI+物业<br>智能中枢</h3><p>工单自动分发，客诉响应提速 60%。在现有物业 ERP 之上叠加 AI 调度层——不改变任何原有流程。巡检路线自动规划、设备故障提前预警。你现有的系统不用换，但效率会翻倍。</p><p class="service-closer">"不是换系统，是让系统变聪明。"</p></div><div class="service-img"><img src="assets/prop.jpg?v=7" alt="Smart Building" loading="lazy"></div></div><div class="service-row reverse reveal"><div class="service-text"><div class="metric service-metric">90 天</div><h3 class="heading-lg">AI+资管<br>风控大脑</h3><p>空置率提前 90 天预警，租金定价误差收窄至 5%。无缝接入资管平台，让历史租赁数据变成预测模型。招商智能匹配、租约到期提醒。</p><p class="service-closer">资管不该靠直觉，该靠数据。</p></div><div class="service-img"><img src="assets/server.jpg?v=7" alt="Server Data" loading="lazy"></div></div><div class="service-row reveal"><div class="service-text"><div class="metric service-metric">40%</div><h3 class="heading-lg">AI+CRM<br>效率跃升</h3><p>线索自动清洗，销售人效提升 40%。为现有 CRM 配备 AI 助理——自动捕捉商机、生成对话摘要。销售无需学习新软件，打开原界面就能看到 AI 推荐。</p><p class="service-closer">"销售的时间应该花在客户身上，不是系统里。"</p></div><div class="service-img"><img src="assets/crm.jpg?v=7" alt="CRM" loading="lazy"></div></div></div></section>
-    <section id="approach"><div class="container"><div class="section-header reveal"><span class="caption">WHY FISCHER</span><h2 class="display-lg">菲西尔和其他<br>AI 公司有什么不同</h2></div><div class="approach-list"><div class="approach-item reveal reveal-delay-1"><div class="approach-num">01</div><div class="approach-body"><h3>不替换，只叠加</h3><p>通过 API 外挂 AI 层，不停服、不迁移、不改流程。员工用原来的界面，体验无缝升级。</p></div></div><div class="approach-item reveal reveal-delay-2"><div class="approach-num">02</div><div class="approach-body"><h3>让数据开口说话</h3><p>沉睡的历史数据自动转化为预测模型和决策建议。把事后统计变为事前预警。</p></div></div><div class="approach-item reveal reveal-delay-3"><div class="approach-num">03</div><div class="approach-body"><h3>让 AI 替你干活</h3><p>高频重复工作交给 AI Agent——智能客服、招商匹配、巡检规划自动运转，人只负责关键决策。</p></div></div><div class="approach-item reveal reveal-delay-4"><div class="approach-num">04</div><div class="approach-body"><h3>跨系统一屏掌控</h3><p>所有业务数据在 AI 层融合。一句自然语言就能查"本月哪些楼宇空置率超标"，告别手动汇总。</p></div></div><div class="approach-item reveal reveal-delay-5"><div class="approach-num">05</div><div class="approach-body"><h3>小步试错，大步扩张</h3><p>从单一场景试点，验证有效再扩展。每一步都可衡量投入产出，钱花在刀刃上。</p></div></div></div></div></section>
-    <section id="geo"><div class="container"><div class="geo-grid"><div class="reveal"><span class="caption">BEYOND EFFICIENCY</span><div class="geo-bridge">对内提效降本，对外重塑获客</div><h2 class="heading-lg" style="margin-bottom: var(--sp-4);">让用户在大模型里<br>第一个找到你</h2><p class="body-lg">当客户问 Kimi 或文心一言"帮我找一家做 AI+物业的公司"&mdash;&mdash;你的品牌会不会出现在答案里？我们优化企业在主流大模型中的内容结构与权重，从"搜索排名"进化为"答案占位"。</p><div class="geo-quote"><p>"未来的获客，不是在搜索结果里抢位置，而是在 AI 答案里占一席之地。"</p></div></div><div class="service-img reveal" style="height: 440px;"><img src="assets/geo.jpg?v=7" alt="Network" loading="lazy"></div></div></div></section>
-    <section id="contact"><div class="container"><div class="contact-grid"><div class="reveal"><span class="caption">GET IN TOUCH</span><h2 class="heading-lg" style="margin-bottom: var(--sp-4); margin-top: var(--sp-2);">15 分钟，看看你的系统<br>能叠加什么</h2><p class="body-lg" style="margin-top: var(--sp-4);">不推销，只评估。基于你现有架构，给出一份可落地的 AI 叠加建议。</p><div style="margin-top: var(--sp-7); padding-top: var(--sp-5); border-top: 1px solid var(--border-subtle);"><p style="font-size: 13px; color: var(--text-quaternary);">上海菲西尔智能科技有限公司</p><p style="font-size: 13px; color: var(--text-quaternary); margin-top: var(--sp-1);">智能叠加——不推翻重来，在现有系统上叠加 AI 能力</p></div></div><form class="contact-form reveal" 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></div></section>
-    <footer><div class="container"><div class="caption">TECHNICAL SUPPORT PROVIDED BY</div><div class="company">上海菲西尔智能科技有限公司</div><div class="copy">&copy; 2026 SHANGHAI FISCHER INTELLIGENT TECHNOLOGY CO., LTD.</div></div></footer>
-    <script>
-    document.addEventListener('DOMContentLoaded', () => {
-        const nav = document.querySelector('nav');
-        window.addEventListener('scroll', () => { nav.classList.toggle('scrolled', window.scrollY > 60); }, { passive: true });
-        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(), phone = form.phone.value.trim(), email = form.email.value.trim(), 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.08, rootMargin: '0px 0px -30px 0px' });
-        document.querySelectorAll('.reveal').forEach(el => observer.observe(el));
-    });
-    
-    
-    // Hero cycling: AI + 物业 -> AI + 资管 -> ... -> AI X
-    (function() {
-        const indEl = document.getElementById('heroIndustry');
-        const cyclingEl = document.getElementById('heroCycling');
-        const plusEl = document.getElementById('heroPlus');
-        const xEl = document.getElementById('heroX');
-        const aiEl = document.getElementById('heroAi');
-        if (!indEl || !cyclingEl) return;
-        
-        const industries = ['资管', 'CRM', '制造', '医疗', '金融', '零售', '物流'];
-        let idx = 0;
-        const speeds = [1200, 900, 700, 500, 350, 220, 130, 80, 50];
-        let step = 0;
-        
-        function next() {
-            // Slide out
-            indEl.className = 'hero-industry-text slide-out';
-            
-            idx = (idx + 1) % industries.length;
-            
-            if (step >= speeds.length) {
-                // Merge phase
-                setTimeout(() => {
-                    indEl.className = 'hero-industry-text merge-out';
-                    plusEl.classList.add('to-x');
-                    aiEl.classList.add('merge-in');
-                }, 150);
-                
-                setTimeout(() => {
-                    xEl.classList.add('visible');
-                    cyclingEl.classList.add('merged');
-                }, 700);
-                return;
-            }
-            
-            const delay = speeds[step];
-            step++;
-            
-            setTimeout(() => {
-                indEl.textContent = industries[idx];
-                indEl.className = 'hero-industry-text slide-in';
-                
-                requestAnimationFrame(() => {
-                    requestAnimationFrame(() => {
-                        indEl.className = 'hero-industry-text show';
-                    });
-                });
-            }, 120);
-            
-            setTimeout(next, delay);
-        }
-        
-        setTimeout(next, 1500);
-    })();
+    <div class="grain"></div>
 
+    <nav>
+        <div class="nav-inner">
+            <a href="#" class="logo">Fischer</a>
+            <div class="nav-links">
+                <a href="#pain">痛点</a>
+                <a href="#solutions">方案</a>
+                <a href="#approach">方法</a>
+                <a href="#contact">咨询</a>
+            </div>
+            <a href="#contact" class="nav-cta">立即咨询</a>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="hero-bg"></div>
+        <div class="hero-content">
+            <p class="hero-eyebrow">上海菲西尔智能科技有限公司</p>
+            <h1 class="hero-title">
+                让现有系统<br>
+                <em>瞬间智能</em>
+            </h1>
+            <p class="hero-subtitle">
+                无需替换，无需重建。我们为企业现有业务系统叠加 AI 能力，
+                一天上线，三天见效。在 AI 时代，这才是正确的升级方式。
+            </p>
+            <div class="hero-actions">
+                <a href="#contact" class="btn-primary">预约演示</a>
+                <a href="#solutions" class="btn-ghost">了解方案</a>
+            </div>
+        </div>
+        <div class="hero-scroll">
+            <span>Scroll</span>
+            <div class="scroll-line"></div>
+        </div>
+    </section>
+
+    <section class="pain-section" id="pain">
+        <div class="section-inner">
+            <div class="pain-story">
+                <div class="pain-content reveal">
+                    <div class="section-label">痛点洞察</div>
+                    <h3>你的竞争对手<br>已经开始行动了</h3>
+                    <p>
+                        在 AI 浪潮中原地踏步，意味着被超越。大量的重复性工作消耗着团队的精力，
+                        高价值创新被忽视。而你的竞争对手，正在用 AI 处理这些繁琐事务。
+                    </p>
+                    <p>
+                        推翻重来代价太高，迁移周期太长，业务中断损失不可估量。
+                        进退两难，是每个企业面临 AI 转型时的真实困境。
+                    </p>
+                    <div class="pain-quote">
+                        "我们需要的不是重建，而是赋能。"
+                    </div>
+                </div>
+                <div class="pain-visual">
+                    <div class="pain-card reveal">
+                        <div class="pain-num">01</div>
+                        <div class="pain-icon">
+                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1">
+                                <circle cx="12" cy="12" r="10"/>
+                                <path d="M12 6v6l4 2"/>
+                            </svg>
+                        </div>
+                        <h4>效率瓶颈</h4>
+                        <p>重复性工作消耗团队精力，高价值创新被忽视。效率差距正在越拉越大。</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="solutions-section" id="solutions">
+        <div class="section-inner">
+            <div class="section-header reveal">
+                <div class="section-label">解决方案</div>
+                <h2 class="section-title">三种场景，无限可能</h2>
+                <p class="section-desc">灵活叠加，按需扩展，让 AI 能力成为你的竞争优势</p>
+            </div>
+            <div class="solutions-list">
+                <div class="solution-item reveal">
+                    <div class="solution-num">CASE 01</div>
+                    <div class="solution-content">
+                        <h3>AI + 物业</h3>
+                        <p>
+                            智能工单分配、预测性设备维护、自动巡检报告生成。
+                            物业管理效率提升 300%，员工从繁琐事务中解放出来。
+                        </p>
+                        <div class="solution-tags">
+                            <span class="solution-tag">智慧工单</span>
+                            <span class="solution-tag">设备预测</span>
+                            <span class="solution-tag">自动报告</span>
+                        </div>
+                    </div>
+                    <div class="solution-visual">
+                        <div class="solution-metric">
+                            <div class="number">300<span>%</span></div>
+                            <div class="label">效率提升</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="solution-item reveal">
+                    <div class="solution-num">CASE 02</div>
+                    <div class="solution-content">
+                        <h3>AI + 资管</h3>
+                        <p>
+                            智能租客分析、租金预测优化、资产组合风险评估。
+                            资产管理进入智能时代，数据驱动决策。
+                        </p>
+                        <div class="solution-tags">
+                            <span class="solution-tag">租客画像</span>
+                            <span class="solution-tag">收益优化</span>
+                            <span class="solution-tag">风险预警</span>
+                        </div>
+                    </div>
+                    <div class="solution-visual">
+                        <div class="solution-metric">
+                            <div class="number">99.9<span>%</span></div>
+                            <div class="label">预测准确率</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="solution-item reveal">
+                    <div class="solution-num">CASE 03</div>
+                    <div class="solution-content">
+                        <h3>AI + CRM</h3>
+                        <p>
+                            智能客户分层、销售预测、自动化跟进提醒。
+                            销售团队专注于高价值客户，转化率大幅提升。
+                        </p>
+                        <div class="solution-tags">
+                            <span class="solution-tag">客户分层</span>
+                            <span class="solution-tag">销售预测</span>
+                            <span class="solution-tag">自动跟进</span>
+                        </div>
+                    </div>
+                    <div class="solution-visual">
+                        <div class="solution-metric">
+                            <div class="number">40<span>%</span></div>
+                            <div class="label">转化率提升</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="approach-section" id="approach">
+        <div class="section-inner">
+            <div class="section-header reveal">
+                <div class="section-label">实施路径</div>
+                <h2 class="section-title">简单四步，开启智能升级</h2>
+                <p class="section-desc">我们负责技术难题，你专注核心业务</p>
+            </div>
+            <div class="approach-grid">
+                <div class="approach-card reveal">
+                    <div class="approach-num">01</div>
+                    <h3>需求诊断</h3>
+                    <p>深入了解你的业务系统和痛点，确认最佳 AI 叠加方案。远程或现场均可，一小时内完成评估，不收取任何费用。</p>
+                </div>
+                <div class="approach-card reveal">
+                    <div class="approach-num">02</div>
+                    <h3>快速对接</h3>
+                    <p>我们的 SDK 可在 4 小时内完成系统对接。不改变现有操作习惯，无需重新培训员工，上线即用。</p>
+                </div>
+                <div class="approach-card reveal">
+                    <div class="approach-num">03</div>
+                    <h3>上线验证</h3>
+                    <p>灰度发布，实时监控效果。根据真实数据迭代优化，确保达到预期目标，让投资快速回报。</p>
+                </div>
+                <div class="approach-card reveal">
+                    <div class="approach-num">04</div>
+                    <h3>持续运营</h3>
+                    <p>7×24 小时运维支持，定期效果汇报。AI 能力持续进化，伴随业务共同成长，长期陪伴。</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="cta-section" id="cta">
+        <div class="cta-inner reveal">
+            <div class="section-label">开启你的智能升级</div>
+            <h2 class="cta-title">准备好让系统更智能了吗？</h2>
+            <p class="cta-desc">预约免费咨询，获取专属 AI 升级方案</p>
+            <a href="#contact" class="btn-primary">立即预约演示</a>
+        </div>
+    </section>
+
+    <section class="contact-section" id="contact">
+        <div class="section-inner">
+            <div class="contact-grid">
+                <div class="contact-info reveal">
+                    <h2>联系我们</h2>
+                    <p>无论是咨询方案、预约演示还是商务合作，我们的团队随时为你服务。用心倾听，专业解答。</p>
+                    <div class="contact-details">
+                        <div class="contact-item">
+                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1">
+                                <path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z"/>
+                            </svg>
+                            <span>400-888-8888</span>
+                        </div>
+                        <div class="contact-item">
+                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1">
+                                <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
+                                <path d="M22 6l-10 7L2 6"/>
+                            </svg>
+                            <span>contact@fischer.ai</span>
+                        </div>
+                        <div class="contact-item">
+                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1">
+                                <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/>
+                                <circle cx="12" cy="10" r="3"/>
+                            </svg>
+                            <span>上海市浦东新区张江高科技园区</span>
+                        </div>
+                    </div>
+                </div>
+                <form class="contact-form reveal" onsubmit="handleSubmit(event)">
+                    <div class="form-row">
+                        <div class="form-group">
+                            <label class="form-label">姓名</label>
+                            <input type="text" class="form-input" placeholder="请输入你的姓名" required>
+                        </div>
+                        <div class="form-group">
+                            <label class="form-label">公司</label>
+                            <input type="text" class="form-input" placeholder="请输入公司名称">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="form-label">邮箱</label>
+                        <input type="email" class="form-input" placeholder="请输入邮箱地址" required>
+                    </div>
+                    <div class="form-group">
+                        <label class="form-label">需求描述</label>
+                        <textarea class="form-input" placeholder="请简要描述你的需求..."></textarea>
+                    </div>
+                    <button type="submit" class="form-submit">提交咨询</button>
+                </form>
+            </div>
+        </div>
+    </section>
+
+    <footer>
+        <div class="footer-inner">
+            <div class="footer-left">
+                © 2026 上海菲西尔智能科技有限公司
+            </div>
+            <div class="footer-links">
+                <a href="#">隐私政策</a>
+                <a href="#">服务条款</a>
+                <a href="#">沪ICP备12345678号</a>
+            </div>
+        </div>
+    </footer>
+
+    <script>
+        const reveals = document.querySelectorAll('.reveal');
+        const revealObserver = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    entry.target.classList.add('visible');
+                }
+            });
+        }, { threshold: 0.1, rootMargin: '0px 0px -80px 0px' });
+
+        reveals.forEach(el => revealObserver.observe(el));
+
+        const nav = document.querySelector('nav');
+        window.addEventListener('scroll', () => {
+            if (window.scrollY > 80) {
+                nav.classList.add('scrolled');
+            } else {
+                nav.classList.remove('scrolled');
+            }
+        });
+
+        function handleSubmit(e) {
+            e.preventDefault();
+            const btn = e.target.querySelector('.form-submit');
+            btn.textContent = '提交中...';
+            btn.disabled = true;
+            setTimeout(() => {
+                btn.textContent = '提交成功';
+                setTimeout(() => {
+                    btn.textContent = '提交咨询';
+                    btn.disabled = false;
+                    e.target.reset();
+                }, 2000);
+            }, 1500);
+        }
     </script>
 </body>
 </html>
\ No newline at end of file